@spothero/ui 15.2.0-beta.1 → 15.2.1-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 (145) hide show
  1. package/CHANGELOG.md +0 -18
  2. package/dex.config.js +45 -0
  3. package/package.json +4 -4
  4. package/v1/assets-manifest.json +5 -0
  5. package/v1/index.html +1 -0
  6. package/v1/index.js +3 -0
  7. package/v1/index.js.LICENSE.txt +23 -0
  8. package/v1/index.js.map +1 -0
  9. package/v2/assets-manifest.json +5 -0
  10. package/v2/index.html +1 -0
  11. package/v2/index.js +3 -0
  12. package/v2/index.js.LICENSE.txt +14 -0
  13. package/v2/index.js.map +1 -0
  14. package/v1/components/Button/Button.js +0 -64
  15. package/v1/components/Button/button-props.js +0 -48
  16. package/v1/components/Image/Image.js +0 -193
  17. package/v1/components/Loader/Loader.js +0 -51
  18. package/v1/components/Modal/Modal.js +0 -325
  19. package/v1/components/Modal/ModalContent.js +0 -154
  20. package/v1/components/Modal/ModalFooter.js +0 -89
  21. package/v1/components/Modal/index.js +0 -31
  22. package/v1/components/Panel/Panel.js +0 -209
  23. package/v1/components/Table/Table.js +0 -328
  24. package/v1/components/Table/TableCell.js +0 -28
  25. package/v1/components/Table/TableCellPropTypes.js +0 -22
  26. package/v1/components/Table/TableControls.js +0 -56
  27. package/v1/components/Table/TableFooter.js +0 -63
  28. package/v1/components/Table/TableHeading.js +0 -126
  29. package/v1/components/Table/TableHeadingPropTypes.js +0 -35
  30. package/v1/components/Table/TableSortSelector.js +0 -125
  31. package/v1/components/Table/TableSortType.js +0 -11
  32. package/v1/components/Table/index.js +0 -47
  33. package/v1/components/TextButton/TextButton.js +0 -74
  34. package/v1/components/index.js +0 -75
  35. package/v1/utils/deprecate.js +0 -61
  36. package/v2/components/Accordion/Accordion.js +0 -13
  37. package/v2/components/Accordion/Accordion.stories.js +0 -86
  38. package/v2/components/Accordion/index.js +0 -41
  39. package/v2/components/Accordion/styles/button.js +0 -23
  40. package/v2/components/Accordion/styles/container.js +0 -15
  41. package/v2/components/Accordion/styles/index.js +0 -32
  42. package/v2/components/Accordion/styles/panel.js +0 -13
  43. package/v2/components/Button/Button.js +0 -73
  44. package/v2/components/Button/Button.styles.js +0 -172
  45. package/v2/components/Button/button-props.js +0 -90
  46. package/v2/components/Button/index.js +0 -23
  47. package/v2/components/Card/Card.js +0 -38
  48. package/v2/components/Card/Card.stories.js +0 -41
  49. package/v2/components/Checkbox/Checkbox.js +0 -13
  50. package/v2/components/Checkbox/Checkbox.stories.js +0 -44
  51. package/v2/components/Checkbox/index.js +0 -15
  52. package/v2/components/Checkbox/styles/index.js +0 -46
  53. package/v2/components/Container/Container.js +0 -34
  54. package/v2/components/Container/Container.stories.js +0 -74
  55. package/v2/components/Container/Container.styles.js +0 -17
  56. package/v2/components/FormControl/FormControl.js +0 -70
  57. package/v2/components/Grid/Grid.js +0 -49
  58. package/v2/components/Grid/Grid.stories.js +0 -141
  59. package/v2/components/Grid/Grid.styles.js +0 -19
  60. package/v2/components/Grid/GridItem.js +0 -34
  61. package/v2/components/Grid/GridItem.styles.js +0 -13
  62. package/v2/components/Grid/index.js +0 -23
  63. package/v2/components/Heading/Heading.js +0 -49
  64. package/v2/components/Heading/Heading.stories.js +0 -54
  65. package/v2/components/Heading/Heading.styles.js +0 -79
  66. package/v2/components/Icon/Icon.js +0 -13
  67. package/v2/components/Icon/Icon.stories.js +0 -47
  68. package/v2/components/Image/Image.js +0 -106
  69. package/v2/components/Image/Image.stories.js +0 -92
  70. package/v2/components/Input/Input.js +0 -59
  71. package/v2/components/Input/Input.stories.js +0 -65
  72. package/v2/components/Input/index.js +0 -15
  73. package/v2/components/Input/styles/index.js +0 -58
  74. package/v2/components/Link/Link.js +0 -13
  75. package/v2/components/Link/Link.stories.js +0 -61
  76. package/v2/components/Link/Link.styles.js +0 -42
  77. package/v2/components/List/List.js +0 -88
  78. package/v2/components/List/List.stories.js +0 -124
  79. package/v2/components/List/index.js +0 -23
  80. package/v2/components/List/styles/index.js +0 -24
  81. package/v2/components/List/styles/item.styles.js +0 -11
  82. package/v2/components/Loader/Loader.js +0 -62
  83. package/v2/components/Loader/Loader.stories.js +0 -140
  84. package/v2/components/Modal/Modal.js +0 -52
  85. package/v2/components/Modal/Modal.stories.js +0 -236
  86. package/v2/components/Modal/index.js +0 -15
  87. package/v2/components/Modal/styles/body.js +0 -47
  88. package/v2/components/Modal/styles/closeButton.js +0 -27
  89. package/v2/components/Modal/styles/dialog.js +0 -25
  90. package/v2/components/Modal/styles/dialogContainer.js +0 -17
  91. package/v2/components/Modal/styles/footer.js +0 -12
  92. package/v2/components/Modal/styles/header.js +0 -20
  93. package/v2/components/Modal/styles/index.js +0 -70
  94. package/v2/components/Modal/styles/overlay.js +0 -12
  95. package/v2/components/Popover/Popover.js +0 -48
  96. package/v2/components/Popover/Popover.stories.js +0 -101
  97. package/v2/components/Popover/PopoverArrow.js +0 -34
  98. package/v2/components/Popover/PopoverCloseButton.js +0 -34
  99. package/v2/components/Popover/PopoverContent.js +0 -53
  100. package/v2/components/Popover/index.js +0 -31
  101. package/v2/components/Popover/styles/index.js +0 -38
  102. package/v2/components/Popover/styles/popover-arrow.js +0 -16
  103. package/v2/components/Popover/styles/popover-body.js +0 -15
  104. package/v2/components/Popover/styles/popover-close-button.js +0 -30
  105. package/v2/components/Popover/styles/popover-content.js +0 -12
  106. package/v2/components/Popover/styles/popover-header.js +0 -12
  107. package/v2/components/Popover/styles/popper.js +0 -26
  108. package/v2/components/Radio/Radio.js +0 -53
  109. package/v2/components/Radio/Radio.stories.js +0 -142
  110. package/v2/components/Radio/RadioGroup.js +0 -65
  111. package/v2/components/Radio/index.js +0 -23
  112. package/v2/components/Radio/styles/index.js +0 -65
  113. package/v2/components/Select/Select.js +0 -69
  114. package/v2/components/Select/Select.stories.js +0 -73
  115. package/v2/components/Select/index.js +0 -15
  116. package/v2/components/Select/styles/index.js +0 -57
  117. package/v2/components/Spinner/Spinner.js +0 -47
  118. package/v2/components/Spinner/Spinner.stories.js +0 -134
  119. package/v2/components/Spinner/Spinner.styles.js +0 -76
  120. package/v2/components/Table/Table.js +0 -13
  121. package/v2/components/Table/Table.stories.js +0 -92
  122. package/v2/components/Table/Table.styles.js +0 -87
  123. package/v2/components/Table/index.js +0 -59
  124. package/v2/components/Tabs/Tabs.js +0 -13
  125. package/v2/components/Tabs/Tabs.stories.js +0 -31
  126. package/v2/components/Tabs/index.js +0 -41
  127. package/v2/components/Tabs/styles/index.js +0 -49
  128. package/v2/components/Text/Text.js +0 -44
  129. package/v2/components/Text/Text.stories.js +0 -56
  130. package/v2/components/Text/Text.styles.js +0 -67
  131. package/v2/components/Text/combineAsWithVariant.js +0 -123
  132. package/v2/components/Text/options.js +0 -9
  133. package/v2/components/ThemeProvider/ThemeProvider.js +0 -61
  134. package/v2/components/ThemeProvider/ThemeProvider.stories.js +0 -60
  135. package/v2/components/index.js +0 -448
  136. package/v2/components/styles.js +0 -135
  137. package/v2/theme/base/breakpoints.js +0 -27
  138. package/v2/theme/base/colors.js +0 -148
  139. package/v2/theme/base/index.js +0 -59
  140. package/v2/theme/base/sizes.js +0 -88
  141. package/v2/theme/base/typography.js +0 -41
  142. package/v2/theme/base/zindices.js +0 -35
  143. package/v2/theme/global.js +0 -52
  144. package/v2/theme/index.js +0 -63
  145. package/v2/utils/Spaces.js +0 -27
@@ -1,34 +0,0 @@
1
- "use strict";
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
-
9
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports.default = void 0;
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _react2 = require("@chakra-ui/react");
21
-
22
- var _popoverArrow = _interopRequireDefault(require("./styles/popover-arrow"));
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) {
29
- return /*#__PURE__*/_react.default.createElement(_react2.PopoverArrow, (0, _extends2.default)({
30
- ref: ref
31
- }, props, (0, _popoverArrow.default)(props)));
32
- });
33
- var _default = PopoverArrow;
34
- exports.default = _default;
@@ -1,34 +0,0 @@
1
- "use strict";
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
-
9
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports.default = void 0;
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _react2 = require("@chakra-ui/react");
21
-
22
- var _popoverCloseButton = _interopRequireDefault(require("./styles/popover-close-button"));
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) {
29
- return /*#__PURE__*/_react.default.createElement(_react2.PopoverCloseButton, (0, _extends2.default)({
30
- ref: ref
31
- }, props, (0, _popoverCloseButton.default)(props)));
32
- });
33
- var _default = PopoverCloseButton;
34
- exports.default = _default;
@@ -1,53 +0,0 @@
1
- "use strict";
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
-
9
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports.default = void 0;
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
-
18
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
19
-
20
- var _react = _interopRequireWildcard(require("react"));
21
-
22
- var _react2 = require("@chakra-ui/react");
23
-
24
- var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
25
-
26
- var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
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);
40
- return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
41
- ref: ref
42
- }), /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
43
- variant: variant
44
- }), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_PopoverCloseButton.default, {
45
- variant: variant
46
- }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, null, children));
47
- });
48
- PopoverContent.defaultProps = {
49
- variant: 'light',
50
- hideCloseButton: false
51
- };
52
- var _default = PopoverContent;
53
- exports.default = _default;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "Popover", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Popover.default;
12
- }
13
- });
14
- Object.defineProperty(exports, "PopoverContent", {
15
- enumerable: true,
16
- get: function get() {
17
- return _PopoverContent.default;
18
- }
19
- });
20
- Object.defineProperty(exports, "PopoverTrigger", {
21
- enumerable: true,
22
- get: function get() {
23
- return _react.PopoverTrigger;
24
- }
25
- });
26
-
27
- var _react = require("@chakra-ui/react");
28
-
29
- var _Popover = _interopRequireDefault(require("./Popover"));
30
-
31
- var _PopoverContent = _interopRequireDefault(require("./PopoverContent"));
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _merge = _interopRequireDefault(require("lodash/merge"));
11
-
12
- var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
13
-
14
- var _popper = _interopRequireDefault(require("./popper"));
15
-
16
- var _popoverBody = _interopRequireDefault(require("./popover-body"));
17
-
18
- var _popoverHeader = _interopRequireDefault(require("./popover-header"));
19
-
20
- var _popoverContent = _interopRequireDefault(require("./popover-content"));
21
-
22
- var parts = ['popper', 'content', 'header', 'body'];
23
-
24
- var baseStyle = function baseStyle(props) {
25
- return {
26
- header: _popoverHeader.default,
27
- content: _popoverContent.default,
28
- body: (0, _popoverBody.default)(props),
29
- popper: (0, _popper.default)(props)
30
- };
31
- };
32
-
33
- var _default = (0, _merge.default)(_theme.default.components.Popover, {
34
- parts: parts,
35
- baseStyle: baseStyle
36
- });
37
-
38
- exports.default = _default;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var arrowStyles = function arrowStyles(_ref) {
9
- var variant = _ref.variant;
10
- return {
11
- backgroundColor: variant === 'dark' ? 'secondary.default' : 'white'
12
- };
13
- };
14
-
15
- var _default = arrowStyles;
16
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var body = function body(props) {
9
- return {
10
- fontSize: 'sm'
11
- };
12
- };
13
-
14
- var _default = body;
15
- exports.default = _default;
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
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;
16
- return {
17
- color: variant === 'dark' ? 'white' : 'black',
18
- fontSize: '0.5rem',
19
- position: 'absolute',
20
- top: 0,
21
- right: 0,
22
- padding: 4,
23
- borderTopRightRadius: 4,
24
- _hover: pseudoStyles(variant),
25
- _focus: pseudoStyles(variant)
26
- };
27
- };
28
-
29
- var _default = closeButtonStyles;
30
- exports.default = _default;
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _default = {
8
- padding: 4,
9
- marginBottom: 0,
10
- maxWidth: '20rem'
11
- };
12
- exports.default = _default;
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var headerStyles = {
8
- marginBottom: 2,
9
- fontWeight: 'semibold'
10
- };
11
- var _default = headerStyles;
12
- exports.default = _default;
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var popperStyles = function popperStyles(_ref) {
9
- var variant = _ref.variant;
10
- return {
11
- borderRadius: 4,
12
- boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
13
- color: variant === 'dark' ? 'white' : 'black',
14
- background: variant === 'dark' ? 'secondary.default' : 'white',
15
- borderColor: 'gray.100',
16
- '--popper-arrow-shadow-color': function popperArrowShadowColor(t) {
17
- return t.colors.gray['100'];
18
- },
19
- borderWidth: '1px',
20
- borderStyle: 'solid',
21
- zIndex: 'layer10'
22
- };
23
- };
24
-
25
- var _default = popperStyles;
26
- exports.default = _default;
@@ -1,53 +0,0 @@
1
- "use strict";
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
-
9
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports.default = void 0;
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
-
18
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
19
-
20
- var _react = _interopRequireWildcard(require("react"));
21
-
22
- var _react2 = require("@chakra-ui/react");
23
-
24
- var _excluded = ["defaultChecked", "isChecked", "isDisabled", "value", "helperText", "children"];
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- var Radio = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
31
- var defaultChecked = _ref.defaultChecked,
32
- isChecked = _ref.isChecked,
33
- isDisabled = _ref.isDisabled,
34
- value = _ref.value,
35
- helperText = _ref.helperText,
36
- children = _ref.children,
37
- props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
38
- return /*#__PURE__*/_react.default.createElement(_react2.Radio, (0, _extends2.default)({
39
- ref: ref,
40
- defaultChecked: defaultChecked,
41
- isChecked: isChecked,
42
- isDisabled: isDisabled,
43
- isFocusable: !isDisabled,
44
- value: value
45
- }, props, {
46
- alignItems: "start"
47
- }), children, helperText && /*#__PURE__*/_react.default.createElement(_react2.Box, {
48
- color: "gray.600",
49
- fontSize: "xs"
50
- }, helperText));
51
- });
52
- var _default = Radio;
53
- exports.default = _default;
@@ -1,142 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.Individual = exports.Group = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _Radio = _interopRequireDefault(require("./Radio"));
15
-
16
- var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
17
-
18
- var _default = {
19
- title: 'v2/Radio',
20
- component: _Radio.default,
21
- parameters: {
22
- importBy: 'Radio',
23
- removeBaseHtmlClass: true,
24
- chakraLink: 'https://chakra-ui.com/docs/components/radio'
25
- }
26
- };
27
- exports.default = _default;
28
-
29
- var Individual = function Individual(props) {
30
- return /*#__PURE__*/_react.default.createElement(_Radio.default, (0, _extends2.default)({
31
- value: "1"
32
- }, props), "Option 1");
33
- };
34
-
35
- exports.Individual = Individual;
36
- Individual.argTypes = {
37
- helperText: {
38
- control: {
39
- type: 'text'
40
- }
41
- },
42
- isDisabled: {
43
- control: {
44
- type: 'boolean'
45
- }
46
- },
47
- isChecked: {
48
- control: {
49
- type: 'boolean'
50
- }
51
- },
52
- children: {
53
- table: {
54
- disable: true
55
- }
56
- },
57
- defaultChecked: {
58
- table: {
59
- disable: true
60
- }
61
- },
62
- value: {
63
- table: {
64
- disable: true
65
- }
66
- }
67
- };
68
- Individual.args = {
69
- helperText: 'Helper text',
70
- isDisabled: false,
71
- isChecked: false
72
- };
73
-
74
- var Group = function Group(props) {
75
- return /*#__PURE__*/_react.default.createElement(_RadioGroup.default, (0, _extends2.default)({
76
- name: "example1",
77
- defaultValue: "3",
78
- id: "example1",
79
- label: "Which option?"
80
- }, props), /*#__PURE__*/_react.default.createElement(_Radio.default, {
81
- value: "1"
82
- }, "Option 1"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
83
- value: "2"
84
- }, "Option 2"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
85
- value: "3"
86
- }, "Option 3"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
87
- value: "4"
88
- }, "Option 4"));
89
- };
90
-
91
- exports.Group = Group;
92
- Group.title = 'v2/RadioGroup';
93
- Group.component = _RadioGroup.default;
94
- Group.parameters = {
95
- importBy: 'RadioGroup'
96
- };
97
- Group.argTypes = {
98
- direction: {
99
- options: ['column', 'row'],
100
- control: {
101
- type: 'radio'
102
- }
103
- },
104
- isDisabled: {
105
- control: {
106
- type: 'boolean'
107
- }
108
- },
109
- children: {
110
- table: {
111
- disable: true
112
- }
113
- },
114
- defaultChecked: {
115
- table: {
116
- disable: true
117
- }
118
- },
119
- value: {
120
- table: {
121
- disable: true
122
- }
123
- },
124
- isChecked: {
125
- table: {
126
- disable: true
127
- }
128
- },
129
- helperText: {
130
- table: {
131
- disable: true
132
- }
133
- }
134
- };
135
- Group.args = {
136
- direction: 'column',
137
- isDisabled: false,
138
- isInvalid: false,
139
- isRequired: false,
140
- label: 'Label',
141
- errorMessage: 'Error message'
142
- };
@@ -1,65 +0,0 @@
1
- "use strict";
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
-
9
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports.default = void 0;
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
-
18
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
19
-
20
- var _react = _interopRequireWildcard(require("react"));
21
-
22
- var _react2 = require("@chakra-ui/react");
23
-
24
- var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
25
-
26
- var _excluded = ["label", "errorMessage", "defaultValue", "isDisabled", "isInvalid", "isRequired", "name", "onChange", "value", "children", "direction"];
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 RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
33
- var label = _ref.label,
34
- errorMessage = _ref.errorMessage,
35
- defaultValue = _ref.defaultValue,
36
- isDisabled = _ref.isDisabled,
37
- isInvalid = _ref.isInvalid,
38
- isRequired = _ref.isRequired,
39
- name = _ref.name,
40
- onChange = _ref.onChange,
41
- value = _ref.value,
42
- children = _ref.children,
43
- direction = _ref.direction,
44
- props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
45
- return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
46
- isInvalid: isInvalid,
47
- isDisabled: isDisabled,
48
- isRequired: isRequired,
49
- errorMessage: errorMessage,
50
- label: label,
51
- inputId: props.id,
52
- isRadio: true
53
- }, /*#__PURE__*/_react.default.createElement(_react2.RadioGroup, (0, _extends2.default)({
54
- ref: ref,
55
- defaultValue: defaultValue,
56
- name: name,
57
- onChange: onChange,
58
- value: value
59
- }, props), /*#__PURE__*/_react.default.createElement(_react2.Stack, {
60
- direction: direction ? direction : 'column',
61
- spacing: direction === 'row' ? 8 : 4
62
- }, children)));
63
- });
64
- var _default = RadioGroup;
65
- exports.default = _default;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "Radio", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Radio.default;
12
- }
13
- });
14
- Object.defineProperty(exports, "RadioGroup", {
15
- enumerable: true,
16
- get: function get() {
17
- return _RadioGroup.default;
18
- }
19
- });
20
-
21
- var _Radio = _interopRequireDefault(require("./Radio"));
22
-
23
- var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
@@ -1,65 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _merge = _interopRequireDefault(require("lodash/merge"));
11
-
12
- var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
13
-
14
- var parts = ['control', 'label'];
15
- var baseStyle = {
16
- control: {
17
- borderRadius: '50%',
18
- borderWidth: '1px',
19
- borderColor: 'gray.dark',
20
- backgroundColor: 'white',
21
- minWidth: 5,
22
- minHeight: 5,
23
- marginTop: 1,
24
- _checked: {
25
- borderWidth: 0,
26
- color: 'white',
27
- backgroundColor: 'primary.default',
28
- _before: {
29
- content: '""',
30
- display: 'inline-block',
31
- position: 'relative',
32
- width: 2,
33
- height: 2,
34
- borderRadius: '50%',
35
- background: 'currentcolor'
36
- }
37
- },
38
- _focus: {
39
- boxShadow: function boxShadow(t) {
40
- return "0 0 1px 2px ".concat(t.colors.primary['300']);
41
- }
42
- },
43
- _disabled: {
44
- borderColor: 'gray.200',
45
- _checked: {
46
- backgroundColor: 'gray.200'
47
- }
48
- }
49
- },
50
- label: {
51
- fontSize: 'base',
52
- color: 'black',
53
- marginLeft: 3,
54
- _disabled: {
55
- color: 'gray.200'
56
- }
57
- }
58
- };
59
-
60
- var _default = (0, _merge.default)(_theme.default.components.Radio, {
61
- parts: parts,
62
- baseStyle: baseStyle
63
- });
64
-
65
- exports.default = _default;