@spothero/ui 17.0.3 → 17.1.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/dist/components/Accordion/Accordion.js +2 -1
  2. package/dist/components/Accordion/Accordion.stories.js +22 -13
  3. package/dist/components/Accordion/index.js +8 -5
  4. package/dist/components/Accordion/styles/button.js +3 -1
  5. package/dist/components/Accordion/styles/container.js +1 -1
  6. package/dist/components/Accordion/styles/index.js +13 -4
  7. package/dist/components/Accordion/styles/panel.js +1 -1
  8. package/dist/components/Alert/Alert.js +44 -23
  9. package/dist/components/Alert/Alert.stories.js +12 -8
  10. package/dist/components/Alert/index.js +3 -1
  11. package/dist/components/Alert/styles/index.js +35 -12
  12. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +119 -84
  13. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +12 -4
  14. package/dist/components/AutoSuggestSelect/index.js +3 -1
  15. package/dist/components/Badge/Badge.js +2 -1
  16. package/dist/components/Badge/Badge.stories.js +20 -12
  17. package/dist/components/Badge/styles/index.js +12 -6
  18. package/dist/components/Button/Button.js +47 -17
  19. package/dist/components/Button/Button.spec.js +10 -4
  20. package/dist/components/Button/Button.styles.js +49 -36
  21. package/dist/components/Button/button-props.js +20 -2
  22. package/dist/components/Button/index.js +5 -2
  23. package/dist/components/Button/stories/button.js +17 -5
  24. package/dist/components/Button/stories/index.stories.js +48 -24
  25. package/dist/components/Button/stories/overview.js +62 -34
  26. package/dist/components/Card/Card.js +26 -11
  27. package/dist/components/Card/Card.stories.js +15 -5
  28. package/dist/components/Checkbox/Checkbox.js +2 -1
  29. package/dist/components/Checkbox/Checkbox.stories.js +10 -2
  30. package/dist/components/Checkbox/index.js +3 -1
  31. package/dist/components/Checkbox/styles/index.js +11 -3
  32. package/dist/components/Container/Container.js +21 -5
  33. package/dist/components/Container/Container.stories.js +43 -14
  34. package/dist/components/Container/Container.styles.js +1 -1
  35. package/dist/components/Datepicker/Range/DatepickerRange.js +67 -0
  36. package/dist/components/Datepicker/Range/DatepickerRange.stories.js +427 -0
  37. package/dist/components/Datepicker/Range/DatepickerRangeContext.js +80 -0
  38. package/dist/components/Datepicker/Range/components/DateRow.js +261 -0
  39. package/dist/components/Datepicker/Range/components/DatepickerRangeContainer.js +227 -0
  40. package/dist/components/Datepicker/Range/components/DatepickerRangeControls.js +80 -0
  41. package/dist/components/Datepicker/Range/components/index.js +31 -0
  42. package/dist/components/Datepicker/Range/utils/propTypes.js +158 -0
  43. package/dist/components/Datepicker/Single/Datepicker.stories.js +314 -0
  44. package/dist/components/Datepicker/Single/DatepickerContext.js +65 -0
  45. package/dist/components/Datepicker/Single/DatepickerSingle.js +54 -0
  46. package/dist/components/Datepicker/Single/components/DateRow.js +146 -0
  47. package/dist/components/Datepicker/Single/components/DatepickerContainer.js +167 -0
  48. package/dist/components/Datepicker/Single/components/DatepickerControl.js +51 -0
  49. package/dist/components/Datepicker/Single/components/index.js +31 -0
  50. package/dist/components/Datepicker/Single/utils/propTypes.js +88 -0
  51. package/dist/components/Datepicker/common/components/DatepickerDays.js +111 -0
  52. package/dist/components/Datepicker/common/components/DatepickerHeader.js +118 -0
  53. package/dist/components/Datepicker/common/components/DatepickerInput.js +127 -0
  54. package/dist/components/Datepicker/common/components/WithPopoverAnchor.js +23 -0
  55. package/dist/components/Datepicker/common/components/WithPortal.js +26 -0
  56. package/dist/components/Datepicker/common/components/index.js +39 -0
  57. package/dist/components/Datepicker/common/utils/constants.js +43 -0
  58. package/dist/components/Datepicker/common/utils/dateRowCalculations.js +92 -0
  59. package/dist/components/Datepicker/common/utils/generalCalculations.js +71 -0
  60. package/dist/components/Datepicker/common/utils/getWeeksOfMonth.js +51 -0
  61. package/dist/components/Datepicker/common/utils/sharedPropTypes.js +147 -0
  62. package/dist/components/Datepicker/index.js +23 -0
  63. package/dist/components/Divider/Divider.js +24 -8
  64. package/dist/components/Divider/Divider.stories.js +15 -3
  65. package/dist/components/Divider/Divider.styles.js +8 -2
  66. package/dist/components/FormControl/FormControl.js +29 -14
  67. package/dist/components/Grid/Grid.js +24 -7
  68. package/dist/components/Grid/Grid.stories.js +60 -36
  69. package/dist/components/Grid/Grid.styles.js +2 -2
  70. package/dist/components/Grid/GridItem.js +21 -5
  71. package/dist/components/Grid/GridItem.styles.js +1 -2
  72. package/dist/components/Grid/index.js +5 -2
  73. package/dist/components/Heading/Heading.js +29 -8
  74. package/dist/components/Heading/Heading.stories.js +15 -4
  75. package/dist/components/Heading/Heading.styles.js +38 -24
  76. package/dist/components/Icon/Icon.js +2 -1
  77. package/dist/components/Icon/Icon.stories.js +28 -19
  78. package/dist/components/Image/Image.js +69 -39
  79. package/dist/components/Image/Image.spec.js +22 -16
  80. package/dist/components/Image/Image.stories.js +19 -8
  81. package/dist/components/Input/Input.js +31 -14
  82. package/dist/components/Input/Input.stories.js +15 -5
  83. package/dist/components/Input/index.js +3 -1
  84. package/dist/components/Input/styles/index.js +10 -4
  85. package/dist/components/Link/Link.js +2 -1
  86. package/dist/components/Link/Link.stories.js +12 -5
  87. package/dist/components/Link/Link.styles.js +8 -8
  88. package/dist/components/List/List.js +37 -14
  89. package/dist/components/List/List.stories.js +55 -19
  90. package/dist/components/List/index.js +5 -2
  91. package/dist/components/List/styles/index.js +9 -2
  92. package/dist/components/List/styles/item.styles.js +1 -1
  93. package/dist/components/Loader/Loader.js +33 -17
  94. package/dist/components/Loader/Loader.stories.js +44 -24
  95. package/dist/components/Modal/Modal.js +23 -17
  96. package/dist/components/Modal/Modal.stories.js +100 -30
  97. package/dist/components/Modal/index.js +3 -1
  98. package/dist/components/Modal/styles/body.js +28 -11
  99. package/dist/components/Modal/styles/closeButton.js +4 -4
  100. package/dist/components/Modal/styles/dialog.js +4 -4
  101. package/dist/components/Modal/styles/dialogContainer.js +11 -5
  102. package/dist/components/Modal/styles/header.js +5 -5
  103. package/dist/components/Modal/styles/index.js +28 -12
  104. package/dist/components/Popover/Popover.js +33 -12
  105. package/dist/components/Popover/Popover.stories.js +62 -36
  106. package/dist/components/Popover/PopoverArrow.js +17 -3
  107. package/dist/components/Popover/PopoverCloseButton.js +17 -3
  108. package/dist/components/Popover/PopoverContent.js +27 -10
  109. package/dist/components/Popover/index.js +8 -4
  110. package/dist/components/Popover/styles/index.js +22 -9
  111. package/dist/components/Popover/styles/popover-arrow.js +4 -4
  112. package/dist/components/Popover/styles/popover-body.js +7 -3
  113. package/dist/components/Popover/styles/popover-close-button.js +10 -7
  114. package/dist/components/Popover/styles/popover-content.js +7 -5
  115. package/dist/components/Popover/styles/popover-header.js +1 -1
  116. package/dist/components/Popover/styles/popper.js +1 -1
  117. package/dist/components/Radio/Radio.js +27 -12
  118. package/dist/components/Radio/Radio.stories.js +12 -2
  119. package/dist/components/Radio/RadioGroup.js +33 -17
  120. package/dist/components/Radio/index.js +5 -2
  121. package/dist/components/Radio/styles/index.js +13 -5
  122. package/dist/components/Select/Select.js +33 -14
  123. package/dist/components/Select/Select.stories.js +22 -13
  124. package/dist/components/Select/index.js +3 -1
  125. package/dist/components/Select/styles/index.js +14 -4
  126. package/dist/components/Skeleton/Skeleton.stories.js +20 -6
  127. package/dist/components/Skeleton/Skeleton.styles.js +3 -0
  128. package/dist/components/Skeleton/index.js +4 -3
  129. package/dist/components/Spinner/Spinner.js +25 -9
  130. package/dist/components/Spinner/Spinner.stories.js +70 -42
  131. package/dist/components/Spinner/Spinner.styles.js +43 -56
  132. package/dist/components/Switch/Switch.js +30 -13
  133. package/dist/components/Switch/Switch.stories.js +10 -2
  134. package/dist/components/Switch/index.js +3 -1
  135. package/dist/components/Switch/styles/index.js +31 -10
  136. package/dist/components/Table/Table.js +2 -1
  137. package/dist/components/Table/Table.stories.js +37 -17
  138. package/dist/components/Table/Table.styles.js +32 -13
  139. package/dist/components/Table/index.js +11 -8
  140. package/dist/components/Tabs/Tabs.js +22 -14
  141. package/dist/components/Tabs/Tabs.stories.js +20 -4
  142. package/dist/components/Tabs/combineSizeWithVariant.js +17 -11
  143. package/dist/components/Tabs/index.js +8 -5
  144. package/dist/components/Tabs/styles/index.js +8 -2
  145. package/dist/components/Text/Text.js +17 -8
  146. package/dist/components/Text/Text.stories.js +15 -3
  147. package/dist/components/Text/Text.styles.js +35 -15
  148. package/dist/components/Text/combineAsWithVariant.js +57 -36
  149. package/dist/components/Text/options.js +1 -1
  150. package/dist/components/ThemeProvider/ThemeProvider.js +33 -10
  151. package/dist/components/ThemeProvider/ThemeProvider.stories.js +16 -7
  152. package/dist/components/index.js +133 -74
  153. package/dist/components/styles.js +43 -21
  154. package/dist/theme/base/breakpoints.js +4 -1
  155. package/dist/theme/base/colors.js +45 -32
  156. package/dist/theme/base/index.js +13 -7
  157. package/dist/theme/base/sizes.js +4 -4
  158. package/dist/theme/base/typography.js +6 -5
  159. package/dist/theme/base/zindices.js +2 -1
  160. package/dist/theme/global.js +20 -87
  161. package/dist/theme/index.js +41 -15
  162. package/dist/utils/Spaces.js +12 -5
  163. package/package.json +2 -2
@@ -1,29 +1,43 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _merge = _interopRequireDefault(require("lodash/merge"));
11
+
9
12
  var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
13
+
10
14
  var _overlay = _interopRequireDefault(require("./overlay"));
15
+
11
16
  var _dialogContainer = _interopRequireDefault(require("./dialogContainer"));
17
+
12
18
  var _dialog = _interopRequireDefault(require("./dialog"));
19
+
13
20
  var _header = _interopRequireDefault(require("./header"));
21
+
14
22
  var _closeButton = _interopRequireDefault(require("./closeButton"));
23
+
15
24
  var _body = _interopRequireDefault(require("./body"));
25
+
16
26
  var _footer = _interopRequireDefault(require("./footer"));
17
- const baseStyle = props => ({
18
- overlay: _overlay.default,
19
- dialogContainer: _dialogContainer.default,
20
- dialog: (0, _dialog.default)(props),
21
- header: (0, _header.default)(props),
22
- closeButton: (0, _closeButton.default)(props),
23
- body: (0, _body.default)(props),
24
- footer: _footer.default
25
- });
26
- const sizes = {
27
+
28
+ var baseStyle = function baseStyle(props) {
29
+ return {
30
+ overlay: _overlay.default,
31
+ dialogContainer: _dialogContainer.default,
32
+ dialog: (0, _dialog.default)(props),
33
+ header: (0, _header.default)(props),
34
+ closeButton: (0, _closeButton.default)(props),
35
+ body: (0, _body.default)(props),
36
+ footer: _footer.default
37
+ };
38
+ };
39
+
40
+ var sizes = {
27
41
  sm: {
28
42
  dialog: {
29
43
  // Would have preferred object syntax here and below, but wasn't working for whatever reason
@@ -47,8 +61,10 @@ const sizes = {
47
61
  }
48
62
  }
49
63
  };
64
+
50
65
  var _default = (0, _merge.default)(_theme.default.components.Modal, {
51
- baseStyle,
52
- sizes
66
+ baseStyle: baseStyle,
67
+ sizes: sizes
53
68
  });
69
+
54
70
  exports.default = _default;
@@ -1,27 +1,48 @@
1
1
  "use strict";
2
2
 
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+
5
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
+
7
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
+
3
9
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
+
4
11
  Object.defineProperty(exports, "__esModule", {
5
12
  value: true
6
13
  });
7
14
  exports.default = void 0;
15
+
16
+ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
17
+
8
18
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
19
+
20
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
21
+
9
22
  var _react = _interopRequireWildcard(require("react"));
23
+
10
24
  var _react2 = require("@chakra-ui/react");
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
- const Popover = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
14
- const {
15
- children,
16
- ...rest
17
- } = props;
25
+
26
+ var _excluded = ["children"];
27
+
28
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
+
30
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
+
32
+ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
33
+ var _context;
34
+
35
+ var children = props.children,
36
+ rest = (0, _objectWithoutProperties2.default)(props, _excluded);
18
37
  return /*#__PURE__*/_react.default.createElement(_react2.Popover, (0, _extends2.default)({}, rest, {
19
38
  ref: ref
20
- }), _react.Children.toArray(children).map((child, index) => /*#__PURE__*/(0, _react.cloneElement)(child, {
21
- ref,
22
- variant: props.variant,
23
- key: `Popover-child-${index}`
24
- })));
39
+ }), (0, _map.default)(_context = _react.Children.toArray(children)).call(_context, function (child, index) {
40
+ return /*#__PURE__*/(0, _react.cloneElement)(child, {
41
+ ref: ref,
42
+ variant: props.variant,
43
+ key: "Popover-child-".concat(index)
44
+ });
45
+ }));
25
46
  });
26
47
  var _default = Popover;
27
48
  exports.default = _default;
@@ -1,17 +1,42 @@
1
1
  "use strict";
2
2
 
3
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
+
5
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
6
+
7
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
8
+
9
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
10
+
11
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
12
+
3
13
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
14
+
4
15
  Object.defineProperty(exports, "__esModule", {
5
16
  value: true
6
17
  });
7
18
  exports.default = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = void 0;
19
+
8
20
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
21
+
22
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
23
+
9
24
  var _react = _interopRequireDefault(require("react"));
25
+
10
26
  var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
27
+
11
28
  var _createControl = require("storybook/utils/create-control");
29
+
12
30
  var _index = require("./index");
31
+
13
32
  var _react2 = require("@chakra-ui/react");
33
+
14
34
  var _Button = _interopRequireDefault(require("../Button/Button"));
35
+
36
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
37
+
38
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
39
+
15
40
  var _default = {
16
41
  title: 'v2/Popover',
17
42
  component: _index.Popover,
@@ -24,52 +49,53 @@ var _default = {
24
49
  removeBaseHtmlClass: true,
25
50
  chakraLink: 'https://chakra-ui.com/docs/overlay/popover'
26
51
  },
27
- argTypes: {
28
- ...(0, _disableArgs.default)('children')
29
- }
52
+ argTypes: _objectSpread({}, (0, _disableArgs.default)('children'))
30
53
  };
31
54
  exports.default = _default;
32
- const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
33
- defaultIsOpen: true
34
- }, props), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
35
- justifyContent: "center",
36
- alignItems: "center"
37
- }, /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger"))), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
38
- header: "Confirmation!"
39
- }, "Are you sure you want to have that milkshake?"));
40
- const Variant = OverviewTemplate.bind({});
41
- exports.Variant = Variant;
42
- Variant.argTypes = {
43
- ...(0, _createControl.createSelectControl)('variant', ['light', 'dark'])
55
+
56
+ var OverviewTemplate = function OverviewTemplate(props) {
57
+ return /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
58
+ defaultIsOpen: true
59
+ }, props), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
60
+ justifyContent: "center",
61
+ alignItems: "center"
62
+ }, /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger"))), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
63
+ header: "Confirmation!"
64
+ }, "Are you sure you want to have that milkshake?"));
44
65
  };
66
+
67
+ var Variant = OverviewTemplate.bind({});
68
+ exports.Variant = Variant;
69
+ Variant.argTypes = _objectSpread({}, (0, _createControl.createSelectControl)('variant', ['light', 'dark']));
45
70
  Variant.args = {
46
71
  variant: 'light'
47
72
  };
48
- const Placement = OverviewTemplate.bind({});
73
+ var Placement = OverviewTemplate.bind({});
49
74
  exports.Placement = Placement;
50
- Placement.argTypes = {
51
- ...(0, _createControl.createSelectControl)('placement', ['top', 'right', 'bottom', 'left', 'auto', 'auto-start', 'auto-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'right-start', 'right-end', 'left-start', 'left-end']),
52
- ...(0, _disableArgs.default)('variant')
53
- };
75
+ Placement.argTypes = _objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('placement', ['top', 'right', 'bottom', 'left', 'auto', 'auto-start', 'auto-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'right-start', 'right-end', 'left-start', 'left-end'])), (0, _disableArgs.default)('variant'));
54
76
  Placement.args = {
55
77
  placement: 'bottom'
56
78
  };
57
- const NoHeaderTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
58
- defaultIsOpen: true
59
- }, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, null, "Are you sure you want to have that milkshake?"));
60
- const NoHeader = NoHeaderTemplate.bind({});
79
+
80
+ var NoHeaderTemplate = function NoHeaderTemplate(props) {
81
+ return /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
82
+ defaultIsOpen: true
83
+ }, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, null, "Are you sure you want to have that milkshake?"));
84
+ };
85
+
86
+ var NoHeader = NoHeaderTemplate.bind({});
61
87
  exports.NoHeader = NoHeader;
62
- NoHeader.argTypes = {
63
- ...(0, _disableArgs.default)(['variant', 'placement'])
88
+ NoHeader.argTypes = _objectSpread({}, (0, _disableArgs.default)(['variant', 'placement']));
89
+
90
+ var NoCloseButtonTemplate = function NoCloseButtonTemplate(props) {
91
+ return /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
92
+ defaultIsOpen: true
93
+ }, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
94
+ hideCloseButton: true,
95
+ header: "Confirmation!"
96
+ }, "Are you sure you want to have that milkshake?"));
64
97
  };
65
- const NoCloseButtonTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
66
- defaultIsOpen: true
67
- }, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
68
- hideCloseButton: true,
69
- header: "Confirmation!"
70
- }, "Are you sure you want to have that milkshake?"));
71
- const NoCloseButton = NoCloseButtonTemplate.bind({});
98
+
99
+ var NoCloseButton = NoCloseButtonTemplate.bind({});
72
100
  exports.NoCloseButton = NoCloseButton;
73
- NoCloseButton.argTypes = {
74
- ...(0, _disableArgs.default)(['variant', 'placement'])
75
- };
101
+ NoCloseButton.argTypes = _objectSpread({}, (0, _disableArgs.default)(['variant', 'placement']));
@@ -1,17 +1,31 @@
1
1
  "use strict";
2
2
 
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+
5
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
+
7
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
+
3
9
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
+
4
11
  Object.defineProperty(exports, "__esModule", {
5
12
  value: true
6
13
  });
7
14
  exports.default = void 0;
15
+
8
16
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
+
9
18
  var _react = _interopRequireWildcard(require("react"));
19
+
10
20
  var _react2 = require("@chakra-ui/react");
21
+
11
22
  var _popoverArrow = _interopRequireDefault(require("./styles/popover-arrow"));
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
- const PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
23
+
24
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
+
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+
28
+ var PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
15
29
  return /*#__PURE__*/_react.default.createElement(_react2.PopoverArrow, (0, _extends2.default)({
16
30
  ref: ref
17
31
  }, props, (0, _popoverArrow.default)(props)));
@@ -1,17 +1,31 @@
1
1
  "use strict";
2
2
 
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+
5
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
+
7
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
+
3
9
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
+
4
11
  Object.defineProperty(exports, "__esModule", {
5
12
  value: true
6
13
  });
7
14
  exports.default = void 0;
15
+
8
16
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
+
9
18
  var _react = _interopRequireWildcard(require("react"));
19
+
10
20
  var _react2 = require("@chakra-ui/react");
21
+
11
22
  var _popoverCloseButton = _interopRequireDefault(require("./styles/popover-close-button"));
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
- const PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
23
+
24
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
+
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+
28
+ var PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
15
29
  return /*#__PURE__*/_react.default.createElement(_react2.PopoverCloseButton, (0, _extends2.default)({
16
30
  ref: ref
17
31
  }, props, (0, _popoverCloseButton.default)(props)));
@@ -1,25 +1,42 @@
1
1
  "use strict";
2
2
 
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+
5
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
+
7
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
+
3
9
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
+
4
11
  Object.defineProperty(exports, "__esModule", {
5
12
  value: true
6
13
  });
7
14
  exports.default = void 0;
15
+
8
16
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
+
18
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
19
+
9
20
  var _react = _interopRequireWildcard(require("react"));
21
+
10
22
  var _react2 = require("@chakra-ui/react");
23
+
11
24
  var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
25
+
12
26
  var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
13
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
- const PopoverContent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
16
- const {
17
- header,
18
- variant,
19
- children,
20
- hideCloseButton,
21
- ...rest
22
- } = props;
27
+
28
+ var _excluded = ["header", "variant", "children", "hideCloseButton"];
29
+
30
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
+
32
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
+
34
+ var PopoverContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
35
+ var header = props.header,
36
+ variant = props.variant,
37
+ children = props.children,
38
+ hideCloseButton = props.hideCloseButton,
39
+ rest = (0, _objectWithoutProperties2.default)(props, _excluded);
23
40
  return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
24
41
  ref: ref
25
42
  }), /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
@@ -1,33 +1,37 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  Object.defineProperty(exports, "Popover", {
8
9
  enumerable: true,
9
- get: function () {
10
+ get: function get() {
10
11
  return _Popover.default;
11
12
  }
12
13
  });
13
14
  Object.defineProperty(exports, "PopoverAnchor", {
14
15
  enumerable: true,
15
- get: function () {
16
+ get: function get() {
16
17
  return _react.PopoverAnchor;
17
18
  }
18
19
  });
19
20
  Object.defineProperty(exports, "PopoverContent", {
20
21
  enumerable: true,
21
- get: function () {
22
+ get: function get() {
22
23
  return _PopoverContent.default;
23
24
  }
24
25
  });
25
26
  Object.defineProperty(exports, "PopoverTrigger", {
26
27
  enumerable: true,
27
- get: function () {
28
+ get: function get() {
28
29
  return _react.PopoverTrigger;
29
30
  }
30
31
  });
32
+
31
33
  var _react = require("@chakra-ui/react");
34
+
32
35
  var _Popover = _interopRequireDefault(require("./Popover"));
36
+
33
37
  var _PopoverContent = _interopRequireDefault(require("./PopoverContent"));
@@ -1,25 +1,38 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _merge = _interopRequireDefault(require("lodash/merge"));
11
+
9
12
  var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
13
+
10
14
  var _popper = _interopRequireDefault(require("./popper"));
15
+
11
16
  var _popoverBody = _interopRequireDefault(require("./popover-body"));
17
+
12
18
  var _popoverHeader = _interopRequireDefault(require("./popover-header"));
19
+
13
20
  var _popoverContent = _interopRequireDefault(require("./popover-content"));
14
- const parts = ['popper', 'content', 'header', 'body'];
15
- const baseStyle = props => ({
16
- header: _popoverHeader.default,
17
- content: (0, _popoverContent.default)(props),
18
- body: (0, _popoverBody.default)(props),
19
- popper: _popper.default
20
- });
21
+
22
+ var parts = ['popper', 'content', 'header', 'body'];
23
+
24
+ var baseStyle = function baseStyle(props) {
25
+ return {
26
+ header: _popoverHeader.default,
27
+ content: (0, _popoverContent.default)(props),
28
+ body: (0, _popoverBody.default)(props),
29
+ popper: _popper.default
30
+ };
31
+ };
32
+
21
33
  var _default = (0, _merge.default)(_theme.default.components.Popover, {
22
- parts,
23
- baseStyle
34
+ parts: parts,
35
+ baseStyle: baseStyle
24
36
  });
37
+
25
38
  exports.default = _default;
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- const arrowStyles = _ref => {
8
- let {
9
- variant
10
- } = _ref;
7
+
8
+ var arrowStyles = function arrowStyles(_ref) {
9
+ var variant = _ref.variant;
11
10
  return {
12
11
  backgroundColor: variant === 'dark' ? 'secondary.default' : 'white'
13
12
  };
14
13
  };
14
+
15
15
  var _default = arrowStyles;
16
16
  exports.default = _default;
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- const body = props => ({
8
- fontSize: 'sm'
9
- });
7
+
8
+ var body = function body(props) {
9
+ return {
10
+ fontSize: 'sm'
11
+ };
12
+ };
13
+
10
14
  var _default = body;
11
15
  exports.default = _default;
@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- const pseudoStyles = variant => ({
8
- bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
9
- });
10
- const closeButtonStyles = _ref => {
11
- let {
12
- variant
13
- } = _ref;
7
+
8
+ var pseudoStyles = function pseudoStyles(variant) {
9
+ return {
10
+ bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
11
+ };
12
+ };
13
+
14
+ var closeButtonStyles = function closeButtonStyles(_ref) {
15
+ var variant = _ref.variant;
14
16
  return {
15
17
  color: variant === 'dark' ? 'white' : 'black',
16
18
  fontSize: '0.5rem',
@@ -23,5 +25,6 @@ const closeButtonStyles = _ref => {
23
25
  _focus: pseudoStyles(variant)
24
26
  };
25
27
  };
28
+
26
29
  var _default = closeButtonStyles;
27
30
  exports.default = _default;
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- const popoverContentStyles = _ref => {
8
- let {
9
- variant
10
- } = _ref;
7
+
8
+ var popoverContentStyles = function popoverContentStyles(_ref) {
9
+ var variant = _ref.variant;
11
10
  return {
12
11
  padding: 4,
13
12
  marginBottom: 0,
@@ -19,9 +18,12 @@ const popoverContentStyles = _ref => {
19
18
  borderColor: 'gray.100',
20
19
  borderWidth: '1px',
21
20
  borderStyle: 'solid',
22
- '--popper-arrow-shadow-color': t => t.colors.gray['100'],
21
+ '--popper-arrow-shadow-color': function popperArrowShadowColor(t) {
22
+ return t.colors.gray['100'];
23
+ },
23
24
  zIndex: 'layer10'
24
25
  };
25
26
  };
27
+
26
28
  var _default = popoverContentStyles;
27
29
  exports.default = _default;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- const headerStyles = {
7
+ var headerStyles = {
8
8
  marginBottom: 2,
9
9
  fontWeight: 'semibold'
10
10
  };
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- const popperStyles = {
7
+ var popperStyles = {
8
8
  borderRadius: 'base'
9
9
  };
10
10
  var _default = popperStyles;