1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports["default"] = void 0;
|
7 |
|
8 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9 |
|
10 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11 |
|
12 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
13 |
|
14 | var _core = require("@emotion/core");
|
15 |
|
16 | var _react = require("react");
|
17 |
|
18 | var _Box = _interopRequireDefault(require("../Box"));
|
19 |
|
20 | var _utils = require("../utils");
|
21 |
|
22 | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
23 |
|
24 | function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
25 |
|
26 | var ButtonGroup = (0, _react.forwardRef)(function (props, ref) {
|
27 | var size = props.size,
|
28 | variantColor = props.variantColor,
|
29 | variant = props.variant,
|
30 | isAttached = props.isAttached,
|
31 | _props$spacing = props.spacing,
|
32 | spacing = _props$spacing === void 0 ? 2 : _props$spacing,
|
33 | children = props.children,
|
34 | rest = (0, _objectWithoutPropertiesLoose2["default"])(props, ["size", "variantColor", "variant", "isAttached", "spacing", "children"]);
|
35 | var validChildren = (0, _utils.cleanChildren)(children);
|
36 | var clones = validChildren.map(function (child, index) {
|
37 | var isFirst = index === 0;
|
38 | var isLast = index === validChildren.length - 1;
|
39 | return (0, _react.cloneElement)(child, _objectSpread({
|
40 | size: size || child.props.size,
|
41 | variantColor: child.props.variantColor || variantColor,
|
42 | variant: child.props.variant || variant,
|
43 | _focus: {
|
44 | boxShadow: "outline",
|
45 | zIndex: 1
|
46 | }
|
47 | }, !isLast && !isAttached && {
|
48 | mr: spacing
|
49 | }, {}, isFirst && isAttached && {
|
50 | roundedRight: 0
|
51 | }, {}, isLast && isAttached && {
|
52 | roundedLeft: 0
|
53 | }, {}, !isLast && isAttached && {
|
54 | borderRight: 0
|
55 | }, {}, !isFirst && !isLast && isAttached && {
|
56 | rounded: 0
|
57 | }));
|
58 | });
|
59 | return (0, _core.jsx)(_Box["default"], (0, _extends2["default"])({
|
60 | ref: ref,
|
61 | display: "inline-block"
|
62 | }, rest), clones);
|
63 | });
|
64 | var _default = ButtonGroup;
|
65 | exports["default"] = _default; |
\ | No newline at end of file |