@spothero/ui 17.0.3 → 17.1.0-beta.0

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/Datepicker.stories.js +295 -0
  36. package/dist/components/Datepicker/DatepickerContainer.js +114 -0
  37. package/dist/components/Datepicker/DatepickerContext.js +65 -0
  38. package/dist/components/Datepicker/DatepickerSingle.js +51 -0
  39. package/dist/components/Datepicker/components/DateRow.js +145 -0
  40. package/dist/components/Datepicker/components/DatepickerControl.js +83 -0
  41. package/dist/components/Datepicker/components/DatepickerDays.js +108 -0
  42. package/dist/components/Datepicker/components/DatepickerHeader.js +113 -0
  43. package/dist/components/Datepicker/constants.js +31 -0
  44. package/dist/components/Datepicker/utils/dateRowArithmentic.js +58 -0
  45. package/dist/components/Datepicker/utils/generalCalculations.js +71 -0
  46. package/dist/components/Datepicker/utils/getWeeksOfMonth.js +51 -0
  47. package/dist/components/Datepicker/utils/propTypes.js +201 -0
  48. package/dist/components/DatepickerRange/DatepickerRange.js +64 -0
  49. package/dist/components/DatepickerRange/DatepickerRange.stories.js +411 -0
  50. package/dist/components/DatepickerRange/DatepickerRangeContainer.js +158 -0
  51. package/dist/components/DatepickerRange/DatepickerRangeContext.js +80 -0
  52. package/dist/components/DatepickerRange/components/DateRow.js +260 -0
  53. package/dist/components/DatepickerRange/components/DatepickerDays.js +108 -0
  54. package/dist/components/DatepickerRange/components/DatepickerHeader.js +116 -0
  55. package/dist/components/DatepickerRange/components/DatepickerRangeControls.js +77 -0
  56. package/dist/components/DatepickerRange/components/DatepickerRangeInput.js +90 -0
  57. package/dist/components/DatepickerRange/components/WithPopoverAnchor.js +21 -0
  58. package/dist/components/DatepickerRange/constants.js +31 -0
  59. package/dist/components/DatepickerRange/utils/dateRowArithmentic.js +93 -0
  60. package/dist/components/DatepickerRange/utils/generalCalculations.js +71 -0
  61. package/dist/components/DatepickerRange/utils/getWeeksOfMonth.js +51 -0
  62. package/dist/components/DatepickerRange/utils/propTypes.js +245 -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 +135 -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
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.variants = exports.default = void 0;
7
- const baseStyle = {
8
- transition: `all 0.15s ease-out`,
7
+ var baseStyle = {
8
+ transition: "all 0.15s ease-out",
9
9
  color: 'text.link.light',
10
10
  fontWeight: 'semibold',
11
11
  _hover: {
@@ -19,24 +19,24 @@ const baseStyle = {
19
19
  verticalAlign: 'initial'
20
20
  }
21
21
  };
22
- const linkOnDark = {
22
+ var linkOnDark = {
23
23
  color: 'text.link.dark',
24
24
  _hover: {
25
25
  color: 'text.link.dark',
26
26
  opacity: '.8'
27
27
  }
28
28
  };
29
- const variants = {
29
+ var variants = {
30
30
  standard: baseStyle,
31
31
  onDark: linkOnDark
32
32
  };
33
33
  exports.variants = variants;
34
- const defaultProps = {
34
+ var defaultProps = {
35
35
  variant: 'standard'
36
36
  };
37
37
  var _default = {
38
- baseStyle,
39
- variants,
40
- defaultProps
38
+ baseStyle: baseStyle,
39
+ variants: variants,
40
+ defaultProps: defaultProps
41
41
  };
42
42
  exports.default = _default;
@@ -1,25 +1,45 @@
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 _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
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 _propTypes = _interopRequireDefault(require("prop-types"));
23
+
10
24
  var _react = _interopRequireWildcard(require("react"));
25
+
11
26
  var _react2 = require("@chakra-ui/react");
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 unorderedProps = {
27
+
28
+ var _excluded = ["type"];
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 unorderedProps = {
15
35
  as: 'ul',
16
36
  styleType: 'disc'
17
37
  };
18
- const orderedProps = {
38
+ var orderedProps = {
19
39
  as: 'ol',
20
40
  styleType: 'decimal'
21
41
  };
22
- const STYLE_POSITIONS = {
42
+ var STYLE_POSITIONS = {
23
43
  unset: 'unset',
24
44
  revert: 'revert',
25
45
  inside: 'inside',
@@ -27,26 +47,28 @@ const STYLE_POSITIONS = {
27
47
  initial: 'initial',
28
48
  inherit: 'inherit'
29
49
  };
30
- const TYPES = {
50
+ var TYPES = {
31
51
  ordered: 'ordered',
32
52
  unstyled: 'unstyled',
33
53
  unordered: 'unordered'
34
54
  };
35
- const getListProps = type => {
55
+
56
+ var getListProps = function getListProps(type) {
36
57
  switch (type) {
37
58
  case TYPES.ordered:
38
59
  return orderedProps;
60
+
39
61
  case TYPES.unordered:
40
62
  return unorderedProps;
63
+
41
64
  default:
42
65
  return;
43
66
  }
44
67
  };
45
- const List = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
46
- let {
47
- type,
48
- ...props
49
- } = _ref;
68
+
69
+ var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
70
+ var type = _ref.type,
71
+ props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
50
72
  return /*#__PURE__*/_react.default.createElement(_react2.List, (0, _extends2.default)({}, getListProps(type), props, {
51
73
  ref: ref
52
74
  }));
@@ -57,9 +79,10 @@ List.defaultProps = {
57
79
  };
58
80
  List.propTypes = {
59
81
  /** The position of the list style */
60
- stylePosition: _propTypes.default.oneOf(Object.keys(STYLE_POSITIONS)),
82
+ stylePosition: _propTypes.default.oneOf((0, _keys.default)(STYLE_POSITIONS)),
83
+
61
84
  /** Changes the underlying markdown to be an ordered or unorderd list, (unstyled will render a ul by default) */
62
- type: _propTypes.default.oneOf(Object.keys(TYPES))
85
+ type: _propTypes.default.oneOf((0, _keys.default)(TYPES))
63
86
  };
64
87
  var _default = List;
65
88
  exports.default = _default;
@@ -1,31 +1,62 @@
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.Unstyled = exports.Unordered = exports.Overview = exports.Ordered = void 0;
19
+
20
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
21
+
22
+ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
23
+
24
+ var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
25
+
8
26
  var _react = _interopRequireDefault(require("react"));
27
+
9
28
  var _testDataBot = require("@jackfranklin/test-data-bot");
29
+
10
30
  var _List = _interopRequireDefault(require("./List"));
31
+
11
32
  var _index = require("./index");
33
+
12
34
  var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
35
+
13
36
  var _Text = _interopRequireDefault(require("../Text/Text"));
37
+
14
38
  var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
15
- const DISABLE_TYPE = (0, _disableArgs.default)('type');
16
- const randomListText = (0, _testDataBot.build)('ListText', {
39
+
40
+ 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; }
41
+
42
+ 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; }
43
+
44
+ var DISABLE_TYPE = (0, _disableArgs.default)('type');
45
+ var randomListText = (0, _testDataBot.build)('ListText', {
17
46
  fields: {
18
- text: (0, _testDataBot.fake)(f => f.random.words(10))
47
+ text: (0, _testDataBot.fake)(function (f) {
48
+ return f.random.words(10);
49
+ })
19
50
  }
20
51
  });
21
- const Usage = _ref => {
22
- let {
23
- type
24
- } = _ref;
25
- return /*#__PURE__*/_react.default.createElement(_Text.default, null, "<List", type ? ` type="${type}"` : '', ">", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
52
+
53
+ var Usage = function Usage(_ref) {
54
+ var type = _ref.type;
55
+ return /*#__PURE__*/_react.default.createElement(_Text.default, null, "<List", type ? " type=\"".concat(type, "\"") : '', ">", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
26
56
  spaces: 6
27
57
  }), "...", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "</ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "...", /*#__PURE__*/_react.default.createElement("br", null), "</List>");
28
58
  };
59
+
29
60
  var _default = {
30
61
  title: 'v2/List',
31
62
  component: _List.default,
@@ -38,17 +69,25 @@ var _default = {
38
69
  }
39
70
  };
40
71
  exports.default = _default;
41
- const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_List.default, props, Array(10).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement(_index.ListItem, {
42
- key: index
43
- }, randomListText().text)));
44
- const Overview = OverviewTemplate.bind({});
72
+
73
+ var OverviewTemplate = function OverviewTemplate(props) {
74
+ var _context, _context2;
75
+
76
+ return /*#__PURE__*/_react.default.createElement(_List.default, props, (0, _map.default)(_context = (0, _fill.default)(_context2 = Array(10)).call(_context2, null)).call(_context, function (_, index) {
77
+ return /*#__PURE__*/_react.default.createElement(_index.ListItem, {
78
+ key: index
79
+ }, randomListText().text);
80
+ }));
81
+ };
82
+
83
+ var Overview = OverviewTemplate.bind({});
45
84
  exports.Overview = Overview;
46
85
  Overview.parameters = {
47
86
  usage: [/*#__PURE__*/_react.default.createElement(Usage, {
48
87
  key: 1
49
88
  })]
50
89
  };
51
- const Unordered = OverviewTemplate.bind({});
90
+ var Unordered = OverviewTemplate.bind({});
52
91
  exports.Unordered = Unordered;
53
92
  Unordered.argTypes = DISABLE_TYPE;
54
93
  Unordered.parameters = {
@@ -60,7 +99,7 @@ Unordered.parameters = {
60
99
  Unordered.args = {
61
100
  type: 'unordered'
62
101
  };
63
- const Ordered = OverviewTemplate.bind({});
102
+ var Ordered = OverviewTemplate.bind({});
64
103
  exports.Ordered = Ordered;
65
104
  Ordered.argTypes = DISABLE_TYPE;
66
105
  Ordered.parameters = {
@@ -72,17 +111,14 @@ Ordered.parameters = {
72
111
  Ordered.args = {
73
112
  type: 'ordered'
74
113
  };
75
- const Unstyled = OverviewTemplate.bind({});
114
+ var Unstyled = OverviewTemplate.bind({});
76
115
  exports.Unstyled = Unstyled;
77
116
  Unstyled.parameters = {
78
117
  usage: [/*#__PURE__*/_react.default.createElement(Usage, {
79
118
  key: 1
80
119
  })]
81
120
  };
82
- Unstyled.argTypes = {
83
- ...DISABLE_TYPE,
84
- ...(0, _disableArgs.default)('stylePosition')
85
- };
121
+ Unstyled.argTypes = _objectSpread(_objectSpread({}, DISABLE_TYPE), (0, _disableArgs.default)('stylePosition'));
86
122
  Unstyled.args = {
87
123
  type: 'unstyled'
88
124
  };
@@ -1,20 +1,23 @@
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, "ListItem", {
8
9
  enumerable: true,
9
- get: function () {
10
+ get: function get() {
10
11
  return _react.ListItem;
11
12
  }
12
13
  });
13
14
  Object.defineProperty(exports, "default", {
14
15
  enumerable: true,
15
- get: function () {
16
+ get: function get() {
16
17
  return _List.default;
17
18
  }
18
19
  });
20
+
19
21
  var _List = _interopRequireDefault(require("./List"));
22
+
20
23
  var _react = require("@chakra-ui/react");
@@ -1,17 +1,24 @@
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 _item = _interopRequireDefault(require("./item.styles"));
11
- const baseStyle = {
15
+
16
+ var baseStyle = {
12
17
  item: _item.default
13
18
  };
19
+
14
20
  var _default = (0, _merge.default)(_theme.default.components.List, {
15
- baseStyle
21
+ baseStyle: baseStyle
16
22
  });
23
+
17
24
  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 item = {
7
+ var item = {
8
8
  mb: 2
9
9
  };
10
10
  var _default = item;
@@ -1,37 +1,52 @@
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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
11
+
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
13
+
9
14
  var _react = _interopRequireDefault(require("react"));
15
+
10
16
  var _react2 = require("@chakra-ui/react");
11
- const Loader = _ref => {
12
- let {
13
- color = 'success',
14
- loaderBackgroundColor = 'transparent',
15
- isInfinite = true,
16
- size = 12,
17
- thickness = 2,
18
- trackColor = 'gray.medium',
19
- value = 0,
20
- ...props
21
- } = _ref;
17
+
18
+ var _excluded = ["color", "loaderBackgroundColor", "isInfinite", "size", "thickness", "trackColor", "value"];
19
+
20
+ var Loader = function Loader(_ref) {
21
+ var _ref$color = _ref.color,
22
+ color = _ref$color === void 0 ? 'success' : _ref$color,
23
+ _ref$loaderBackground = _ref.loaderBackgroundColor,
24
+ loaderBackgroundColor = _ref$loaderBackground === void 0 ? 'transparent' : _ref$loaderBackground,
25
+ _ref$isInfinite = _ref.isInfinite,
26
+ isInfinite = _ref$isInfinite === void 0 ? true : _ref$isInfinite,
27
+ _ref$size = _ref.size,
28
+ size = _ref$size === void 0 ? 12 : _ref$size,
29
+ _ref$thickness = _ref.thickness,
30
+ thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
31
+ _ref$trackColor = _ref.trackColor,
32
+ trackColor = _ref$trackColor === void 0 ? 'gray.medium' : _ref$trackColor,
33
+ _ref$value = _ref.value,
34
+ value = _ref$value === void 0 ? 0 : _ref$value,
35
+ props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
36
+
22
37
  /* -------------------------------------------------------------------- *\
23
38
  Note: Since most of the props for this component control multiple
24
39
  styles at a time, it was decided that it made the most sense to set
25
40
  up the default style-related properties here in lou of creating an
26
41
  overly complex styles file.
27
42
  \* -------------------------------------------------------------------- */
28
- const loaderDefaultProps = {
29
- color,
43
+ var loaderDefaultProps = {
44
+ color: color,
30
45
  isIndeterminate: isInfinite,
31
- size,
32
- thickness,
33
- trackColor,
34
- value,
46
+ size: size,
47
+ thickness: thickness,
48
+ trackColor: trackColor,
49
+ value: value,
35
50
  capIsRound: true
36
51
  };
37
52
  return /*#__PURE__*/_react.default.createElement(_react2.CircularProgress, (0, _extends2.default)({
@@ -42,5 +57,6 @@ const Loader = _ref => {
42
57
  }
43
58
  }, loaderDefaultProps, props));
44
59
  };
60
+
45
61
  var _default = Loader;
46
62
  exports.default = _default;
@@ -1,14 +1,36 @@
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.Overview = exports.InfiniteLoader = exports.FiniteLoader = void 0;
19
+
20
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
21
+
8
22
  var _react = _interopRequireDefault(require("react"));
23
+
9
24
  var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
25
+
10
26
  var _createControl = require("storybook/utils/create-control");
27
+
11
28
  var _Loader = _interopRequireDefault(require("./Loader"));
29
+
30
+ 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; }
31
+
32
+ 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; }
33
+
12
34
  var _default = {
13
35
  title: 'v2/Loader',
14
36
  component: _Loader.default,
@@ -16,7 +38,7 @@ var _default = {
16
38
  removeBaseHtmlClass: true,
17
39
  importBy: 'Loader'
18
40
  },
19
- argTypes: {
41
+ argTypes: _objectSpread(_objectSpread({
20
42
  color: {
21
43
  options: ['primary.default', 'secondary.default', 'white', 'success', 'warning', 'error'],
22
44
  control: {
@@ -74,23 +96,25 @@ var _default = {
74
96
  white: 'White'
75
97
  }
76
98
  }
77
- },
78
- ...(0, _createControl.createRangeControl)({
79
- name: 'thickness',
80
- min: 2,
81
- max: 16,
82
- step: 2
83
- }),
84
- ...(0, _createControl.createRangeControl)({
85
- name: 'value',
86
- min: 1,
87
- max: 100
88
- })
89
- }
99
+ }
100
+ }, (0, _createControl.createRangeControl)({
101
+ name: 'thickness',
102
+ min: 2,
103
+ max: 16,
104
+ step: 2
105
+ })), (0, _createControl.createRangeControl)({
106
+ name: 'value',
107
+ min: 1,
108
+ max: 100
109
+ }))
90
110
  };
91
111
  exports.default = _default;
92
- const Template = props => /*#__PURE__*/_react.default.createElement(_Loader.default, props);
93
- const Overview = Template.bind({});
112
+
113
+ var Template = function Template(props) {
114
+ return /*#__PURE__*/_react.default.createElement(_Loader.default, props);
115
+ };
116
+
117
+ var Overview = Template.bind({});
94
118
  exports.Overview = Overview;
95
119
  Overview.args = {
96
120
  color: 'success',
@@ -101,20 +125,16 @@ Overview.args = {
101
125
  trackColor: 'gray.medium',
102
126
  value: 35
103
127
  };
104
- const FiniteLoader = Template.bind({});
128
+ var FiniteLoader = Template.bind({});
105
129
  exports.FiniteLoader = FiniteLoader;
106
- FiniteLoader.argTypes = {
107
- ...(0, _disableArgs.default)(['color', 'isInfinite', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor'])
108
- };
130
+ FiniteLoader.argTypes = _objectSpread({}, (0, _disableArgs.default)(['color', 'isInfinite', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor']));
109
131
  FiniteLoader.args = {
110
132
  isInfinite: false,
111
133
  value: 35
112
134
  };
113
- const InfiniteLoader = Template.bind({});
135
+ var InfiniteLoader = Template.bind({});
114
136
  exports.InfiniteLoader = InfiniteLoader;
115
- InfiniteLoader.argTypes = {
116
- ...(0, _disableArgs.default)(['color', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor', 'value'])
117
- };
137
+ InfiniteLoader.argTypes = _objectSpread({}, (0, _disableArgs.default)(['color', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor', 'value']));
118
138
  InfiniteLoader.args = {
119
139
  isInfinite: true
120
140
  };
@@ -1,46 +1,52 @@
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 _header = _interopRequireDefault(require("./styles/header"));
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; }
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
+
14
28
  /**
15
29
  * @param {boolean} isMobile - Whether or not the Modal is opened in a mobile viewport
16
30
  * @param {boolean} isOpen - Whether or not the Modal is open
17
31
  * @param {React.ReactNode} children - The header text of the modal
18
32
  * @param {()=>void} [onClose] - Callback invoked to close the Modal. Not required, but strongly suggested.
19
33
  * @param {('sm'|'md'|'lg')} [size] - The size of the modal. If unspecified, uses "md" styles.
20
- * @param {object} [contentStyling] - Style props to be passed into the modal content
21
- * @param {object} [headerStyling] - Style props to be passed into the modal header
22
- * @param {object} [footerStyling] - Style props to be passed into the modal footer
23
34
  * @param {React.ReactNode} [header] - The node for the header. Likely just a string.
24
35
  * @param {React.ReactNode} [footer] - The node for the footer. Likely some control buttons.
25
36
  * @param {React.ReactNode} [hideCloseButton] - Whether or not to show the close button
26
37
  * @returns {React.ReactElement} - The Modal component
27
38
  */
28
- const Modal = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
29
- const {
30
- header,
31
- footer,
32
- children,
33
- hideCloseButton,
34
- isMobile,
35
- contentStyling = {},
36
- headerStyling = {},
37
- footerStyling = {}
38
- } = props;
39
+ var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
40
+ var header = props.header,
41
+ footer = props.footer,
42
+ children = props.children,
43
+ hideCloseButton = props.hideCloseButton,
44
+ isMobile = props.isMobile;
39
45
  return /*#__PURE__*/_react.default.createElement(_react2.Modal, (0, _extends2.default)({
40
46
  motionPreset: isMobile ? 'slideInBottom' : 'scale'
41
47
  }, props, {
42
48
  ref: ref
43
- }), /*#__PURE__*/_react.default.createElement(_react2.ModalOverlay, null), /*#__PURE__*/_react.default.createElement(_react2.ModalContent, contentStyling, header ? /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, headerStyling, header) : /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _header.default)(props)), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_react2.ModalCloseButton, null), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, children), footer ? /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, footerStyling, footer) : null));
49
+ }), /*#__PURE__*/_react.default.createElement(_react2.ModalOverlay, null), /*#__PURE__*/_react.default.createElement(_react2.ModalContent, null, header ? /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, null, header) : /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _header.default)(props)), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_react2.ModalCloseButton, null), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, children), footer ? /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, null, footer) : null));
44
50
  });
45
51
  var _default = Modal;
46
52
  exports.default = _default;