@sproutsocial/racine 22.5.1 → 23.1.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.
- package/CHANGELOG.md +18 -0
- package/README.md +3 -3
- package/__flow__/Toast/Toast.flow.js +4 -0
- package/commonjs/Avatar/Avatar.js +24 -16
- package/commonjs/Badge/Badge.js +20 -13
- package/commonjs/Banner/Banner.js +35 -25
- package/commonjs/Box/Box.js +7 -2
- package/commonjs/Breadcrumb/Breadcrumb.js +36 -23
- package/commonjs/Button/Button.js +11 -3
- package/commonjs/Card/Card.js +25 -18
- package/commonjs/Card/subComponents.js +32 -15
- package/commonjs/CharacterCounter/CharacterCounter.js +7 -3
- package/commonjs/ChartLegend/ChartLegend.js +10 -3
- package/commonjs/ChartLegend/useChartLabels.js +12 -10
- package/commonjs/Checkbox/Checkbox.js +55 -45
- package/commonjs/Checkbox/styles.js +20 -17
- package/commonjs/Collapsible/Collapsible.js +22 -16
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js +26 -16
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.js +7 -2
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js +24 -14
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +7 -2
- package/commonjs/DatePicker/common.js +8 -6
- package/commonjs/Drawer/Drawer.js +160 -113
- package/commonjs/EmptyState/EmptyState.js +44 -31
- package/commonjs/Fieldset/Fieldset.js +31 -14
- package/commonjs/FormField/FormField.js +37 -31
- package/commonjs/Icon/Icon.js +35 -30
- package/commonjs/Image/Image.js +5 -3
- package/commonjs/Indicator/Indicator.js +12 -6
- package/commonjs/Input/Input.js +57 -51
- package/commonjs/KeyboardKey/KeyboardKey.js +12 -3
- package/commonjs/Label/Label.js +15 -9
- package/commonjs/Link/Link.js +10 -3
- package/commonjs/Listbox/Listbox.js +16 -13
- package/commonjs/Loader/Loader.js +9 -3
- package/commonjs/LoaderButton/LoaderButton.js +28 -18
- package/commonjs/Menu/Menu.js +128 -107
- package/commonjs/Menu/utils/descendants.js +6 -6
- package/commonjs/Message/Message.js +79 -59
- package/commonjs/Modal/Modal.js +54 -31
- package/commonjs/Modal/styles.js +8 -4
- package/commonjs/Numeral/Numeral.js +46 -13
- package/commonjs/Numeral/index.js +12 -3
- package/commonjs/PartnerLogo/PartnerLogo.js +22 -12
- package/commonjs/Radio/Radio.js +28 -22
- package/commonjs/SegmentedControl/SegmentedControl.js +38 -24
- package/commonjs/Select/Select.js +32 -25
- package/commonjs/SpotIllustration/SpotIllustration.js +13 -5
- package/commonjs/Stack/Stack.js +15 -8
- package/commonjs/Switch/Switch.js +14 -7
- package/commonjs/Table/Table.js +65 -45
- package/commonjs/TableCell/TableCell.js +6 -3
- package/commonjs/TableHeaderCell/TableHeaderCell.js +20 -12
- package/commonjs/TableRowAccordion/TableRowAccordion.js +35 -29
- package/commonjs/Tabs/Tabs.js +37 -30
- package/commonjs/Text/Text.js +10 -3
- package/commonjs/Textarea/Textarea.js +37 -32
- package/commonjs/ThemeProvider/index.js +8 -5
- package/commonjs/Toast/Toast.js +127 -91
- package/commonjs/Toast/index.js +15 -15
- package/commonjs/Toast/styles.js +56 -30
- package/commonjs/ToggleHint/ToggleHint.js +11 -5
- package/commonjs/Token/Token.js +39 -25
- package/commonjs/TokenInput/TokenInput.js +55 -47
- package/commonjs/TokenInput/TokenScreenReaderStatus.js +5 -3
- package/commonjs/Tooltip/Tooltip.js +34 -27
- package/dist/types/Avatar/Avatar.d.ts.map +1 -1
- package/dist/types/Badge/BadgeTypes.d.ts +0 -1
- package/dist/types/Badge/BadgeTypes.d.ts.map +1 -1
- package/dist/types/Badge/styles.d.ts +1 -1
- package/dist/types/Badge/styles.d.ts.map +1 -1
- package/dist/types/Box/BoxTypes.d.ts +0 -1
- package/dist/types/Box/BoxTypes.d.ts.map +1 -1
- package/dist/types/Box/styles.d.ts +1 -1
- package/dist/types/Box/styles.d.ts.map +1 -1
- package/dist/types/Button/Button.d.ts +1 -1
- package/dist/types/Button/Button.d.ts.map +1 -1
- package/dist/types/Card/subComponents.d.ts.map +1 -1
- package/dist/types/Card/utils.d.ts +0 -2
- package/dist/types/Card/utils.d.ts.map +1 -1
- package/dist/types/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/Collapsible/styles.d.ts +2 -3
- package/dist/types/Collapsible/styles.d.ts.map +1 -1
- package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts +0 -1
- package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts.map +1 -1
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts +0 -1
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts.map +1 -1
- package/dist/types/DatePicker/common.d.ts.map +1 -1
- package/dist/types/DatePicker/styles.d.ts +0 -1
- package/dist/types/DatePicker/styles.d.ts.map +1 -1
- package/dist/types/Drawer/Drawer.d.ts.map +1 -1
- package/dist/types/Drawer/DrawerTypes.d.ts +6 -3
- package/dist/types/Drawer/DrawerTypes.d.ts.map +1 -1
- package/dist/types/Drawer/styles.d.ts +0 -1
- package/dist/types/Drawer/styles.d.ts.map +1 -1
- package/dist/types/Fieldset/styles.d.ts +0 -1
- package/dist/types/Fieldset/styles.d.ts.map +1 -1
- package/dist/types/Icon/styles.d.ts +1 -1
- package/dist/types/Icon/styles.d.ts.map +1 -1
- package/dist/types/Image/Image.d.ts.map +1 -1
- package/dist/types/Input/Input.d.ts.map +1 -1
- package/dist/types/Input/styles.d.ts +3 -3
- package/dist/types/Input/styles.d.ts.map +1 -1
- package/dist/types/Listbox/ListboxTypes.d.ts +1 -1
- package/dist/types/Listbox/ListboxTypes.d.ts.map +1 -1
- package/dist/types/Loader/LoaderTypes.d.ts +0 -1
- package/dist/types/Loader/LoaderTypes.d.ts.map +1 -1
- package/dist/types/Menu/MenuTypes.d.ts +4 -4
- package/dist/types/Menu/MenuTypes.d.ts.map +1 -1
- package/dist/types/Menu/styles.d.ts +0 -1
- package/dist/types/Menu/styles.d.ts.map +1 -1
- package/dist/types/Menu/utils/descendants.d.ts.map +1 -1
- package/dist/types/Menu/utils/hooks.d.ts +0 -2
- package/dist/types/Menu/utils/hooks.d.ts.map +1 -1
- package/dist/types/Message/Message.d.ts +1 -1
- package/dist/types/Message/Message.d.ts.map +1 -1
- package/dist/types/Message/styles.d.ts +0 -2
- package/dist/types/Message/styles.d.ts.map +1 -1
- package/dist/types/Modal/styles.d.ts +3 -3
- package/dist/types/Modal/styles.d.ts.map +1 -1
- package/dist/types/Numeral/Numeral.d.ts +3 -1
- package/dist/types/Numeral/Numeral.d.ts.map +1 -1
- package/dist/types/Numeral/__tests__/features/testNumeral.d.ts.map +1 -1
- package/dist/types/Numeral/index.d.ts +2 -1
- package/dist/types/Numeral/index.d.ts.map +1 -1
- package/dist/types/Radio/Radio.d.ts.map +1 -1
- package/dist/types/Radio/styles.d.ts +3 -3
- package/dist/types/Radio/styles.d.ts.map +1 -1
- package/dist/types/SegmentedControl/styles.d.ts +0 -1
- package/dist/types/SegmentedControl/styles.d.ts.map +1 -1
- package/dist/types/Select/Select.d.ts.map +1 -1
- package/dist/types/Skeleton/Skeleton.d.ts +0 -1
- package/dist/types/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/types/StatefulStory.d.ts +0 -1
- package/dist/types/StatefulStory.d.ts.map +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCell.d.ts.map +1 -1
- package/dist/types/TableHeaderCell/styles.d.ts +1 -1
- package/dist/types/TableHeaderCell/styles.d.ts.map +1 -1
- package/dist/types/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/ThemeProvider/index.d.ts +1 -1
- package/dist/types/ThemeProvider/index.d.ts.map +1 -1
- package/dist/types/Toast/Toast.d.ts +22 -2
- package/dist/types/Toast/Toast.d.ts.map +1 -1
- package/dist/types/Toast/ToastTypes.d.ts +27 -13
- package/dist/types/Toast/ToastTypes.d.ts.map +1 -1
- package/dist/types/Toast/index.d.ts +2 -4
- package/dist/types/Toast/index.d.ts.map +1 -1
- package/dist/types/Toast/styles.d.ts +10 -16
- package/dist/types/Toast/styles.d.ts.map +1 -1
- package/dist/types/TokenInput/TokenInput.d.ts +1 -1
- package/dist/types/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/types/Tooltip/TooltipTypes.d.ts +2 -2
- package/dist/types/Tooltip/TooltipTypes.d.ts.map +1 -1
- package/dist/types/Tooltip/styles.d.ts +0 -1
- package/dist/types/Tooltip/styles.d.ts.map +1 -1
- package/dist/types/themes/dark/theme.d.ts +2 -2
- package/dist/types/themes/dark/theme.d.ts.map +1 -1
- package/dist/types/utils/hooks.d.ts.map +1 -1
- package/dist/types/utils/react-testing-library.d.ts +109 -169
- package/dist/types/utils/react-testing-library.d.ts.map +1 -1
- package/dist/types/utils/responsiveProps/index.d.ts.map +1 -1
- package/lib/Avatar/Avatar.js +25 -16
- package/lib/Badge/Badge.js +22 -13
- package/lib/Banner/Banner.js +37 -25
- package/lib/Box/Box.js +8 -2
- package/lib/Breadcrumb/Breadcrumb.js +37 -23
- package/lib/Button/Button.js +11 -3
- package/lib/Card/Card.js +17 -8
- package/lib/Card/subComponents.js +35 -15
- package/lib/CharacterCounter/CharacterCounter.js +7 -3
- package/lib/ChartLegend/ChartLegend.js +11 -3
- package/lib/ChartLegend/useChartLabels.js +13 -10
- package/lib/Checkbox/Checkbox.js +56 -45
- package/lib/Checkbox/styles.js +20 -17
- package/lib/Collapsible/Collapsible.js +22 -16
- package/lib/DatePicker/DateRangePicker/DateRangePicker.js +29 -16
- package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.js +8 -2
- package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js +27 -14
- package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +8 -2
- package/lib/DatePicker/common.js +8 -6
- package/lib/Drawer/Drawer.js +159 -111
- package/lib/EmptyState/EmptyState.js +46 -31
- package/lib/Fieldset/Fieldset.js +33 -14
- package/lib/FormField/FormField.js +38 -31
- package/lib/Icon/Icon.js +36 -30
- package/lib/Image/Image.js +5 -3
- package/lib/Indicator/Indicator.js +13 -6
- package/lib/Input/Input.js +57 -49
- package/lib/KeyboardKey/KeyboardKey.js +12 -3
- package/lib/Label/Label.js +16 -9
- package/lib/Link/Link.js +11 -3
- package/lib/Listbox/Listbox.js +17 -13
- package/lib/Loader/Loader.js +9 -3
- package/lib/LoaderButton/LoaderButton.js +30 -18
- package/lib/Menu/Menu.js +128 -104
- package/lib/Menu/utils/descendants.js +5 -4
- package/lib/Message/Message.js +80 -59
- package/lib/Modal/Modal.js +56 -31
- package/lib/Modal/styles.js +8 -2
- package/lib/Numeral/Numeral.js +48 -12
- package/lib/Numeral/index.js +2 -1
- package/lib/PartnerLogo/PartnerLogo.js +22 -12
- package/lib/Radio/Radio.js +29 -22
- package/lib/SegmentedControl/SegmentedControl.js +40 -24
- package/lib/Select/Select.js +33 -25
- package/lib/SpotIllustration/SpotIllustration.js +13 -5
- package/lib/Stack/Stack.js +17 -8
- package/lib/Switch/Switch.js +15 -7
- package/lib/Table/Table.js +65 -43
- package/lib/TableCell/TableCell.js +5 -2
- package/lib/TableHeaderCell/TableHeaderCell.js +20 -11
- package/lib/TableRowAccordion/TableRowAccordion.js +35 -28
- package/lib/Tabs/Tabs.js +37 -30
- package/lib/Text/Text.js +11 -3
- package/lib/Textarea/Textarea.js +37 -30
- package/lib/ThemeProvider/index.js +8 -3
- package/lib/Toast/Toast.js +130 -90
- package/lib/Toast/index.js +3 -5
- package/lib/Toast/styles.js +55 -26
- package/lib/ToggleHint/ToggleHint.js +12 -5
- package/lib/Token/Token.js +42 -25
- package/lib/TokenInput/TokenInput.js +56 -47
- package/lib/TokenInput/TokenScreenReaderStatus.js +5 -3
- package/lib/Tooltip/Tooltip.js +34 -27
- package/package.json +40 -36
- package/commonjs/Drawer/SlideTransition.js +0 -47
- package/commonjs/Popout/Popout.js +0 -313
- package/commonjs/Popout/PopoutTypes.js +0 -5
- package/commonjs/Popout/index.js +0 -30
- package/commonjs/Popout/styles.js +0 -13
- package/dist/types/Drawer/SlideTransition.d.ts +0 -15
- package/dist/types/Drawer/SlideTransition.d.ts.map +0 -1
- package/dist/types/Popout/Popout.d.ts +0 -14
- package/dist/types/Popout/Popout.d.ts.map +0 -1
- package/dist/types/Popout/PopoutTypes.d.ts +0 -90
- package/dist/types/Popout/PopoutTypes.d.ts.map +0 -1
- package/dist/types/Popout/index.d.ts +0 -5
- package/dist/types/Popout/index.d.ts.map +0 -1
- package/dist/types/Popout/styles.d.ts +0 -2
- package/dist/types/Popout/styles.d.ts.map +0 -1
- package/lib/Drawer/SlideTransition.js +0 -38
- package/lib/Popout/Popout.js +0 -303
- package/lib/Popout/PopoutTypes.js +0 -1
- package/lib/Popout/index.js +0 -4
- package/lib/Popout/styles.js +0 -6
package/commonjs/Modal/Modal.js
CHANGED
|
@@ -12,13 +12,18 @@ var _Button = _interopRequireDefault(require("../Button"));
|
|
|
12
12
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
13
13
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
14
14
|
var _styles = require("./styles");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
var _excluded = ["title", "subtitle", "children", "bordered"],
|
|
16
17
|
_excluded2 = ["children"],
|
|
17
18
|
_excluded3 = ["appElementSelector", "children", "isOpen", "label", "onClose", "closeButtonLabel", "width", "zIndex"];
|
|
18
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
|
-
function
|
|
22
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
22
27
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
28
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
29
|
var ModalContext = /*#__PURE__*/React.createContext({});
|
|
@@ -28,37 +33,48 @@ var ModalHeader = function ModalHeader(props) {
|
|
|
28
33
|
children = props.children,
|
|
29
34
|
bordered = props.bordered,
|
|
30
35
|
rest = _objectWithoutProperties(props, _excluded);
|
|
31
|
-
return /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Header, _objectSpread(_objectSpread({
|
|
32
37
|
bordered: title || subtitle || bordered
|
|
33
|
-
}, rest),
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
}, rest), {}, {
|
|
39
|
+
children: children ? children : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
40
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
41
|
+
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
|
|
42
|
+
as: "h1",
|
|
43
|
+
fontSize: 400,
|
|
44
|
+
fontWeight: "semibold",
|
|
45
|
+
children: title
|
|
46
|
+
}), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
|
|
47
|
+
as: "div",
|
|
48
|
+
fontSize: 200,
|
|
49
|
+
children: subtitle
|
|
50
|
+
})]
|
|
51
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
|
|
52
|
+
display: "flex",
|
|
53
|
+
alignItems: "center",
|
|
54
|
+
"justify-content": "flex-end",
|
|
55
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalCloseButton, {
|
|
56
|
+
ml: 400
|
|
57
|
+
})
|
|
58
|
+
})]
|
|
59
|
+
})
|
|
60
|
+
}));
|
|
47
61
|
};
|
|
48
62
|
var ModalCloseButton = function ModalCloseButton(props) {
|
|
49
63
|
var _useContext = (0, _react.useContext)(ModalContext),
|
|
50
64
|
onClose = _useContext.onClose,
|
|
51
65
|
closeButtonLabel = _useContext.closeButtonLabel;
|
|
52
66
|
if (!onClose) return null;
|
|
53
|
-
return /*#__PURE__*/
|
|
67
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
|
|
54
68
|
onClick: onClose
|
|
55
|
-
}, props),
|
|
56
|
-
|
|
57
|
-
|
|
69
|
+
}, props), {}, {
|
|
70
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
71
|
+
name: "x-outline",
|
|
72
|
+
ariaLabel: closeButtonLabel
|
|
73
|
+
})
|
|
58
74
|
}));
|
|
59
75
|
};
|
|
60
76
|
var ModalFooter = function ModalFooter(props) {
|
|
61
|
-
return /*#__PURE__*/
|
|
77
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Footer, _objectSpread({
|
|
62
78
|
borderTop: 500,
|
|
63
79
|
borderColor: "container.border.base"
|
|
64
80
|
}, props));
|
|
@@ -71,11 +87,13 @@ var ModalContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
71
87
|
rest = _objectWithoutProperties(_ref, _excluded2);
|
|
72
88
|
var _useContext2 = (0, _react.useContext)(ModalContext),
|
|
73
89
|
label = _useContext2.label;
|
|
74
|
-
return /*#__PURE__*/
|
|
90
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Content, _objectSpread(_objectSpread({
|
|
75
91
|
"data-qa-modal": true,
|
|
76
92
|
"data-qa-label": label,
|
|
77
93
|
ref: ref
|
|
78
|
-
}, rest),
|
|
94
|
+
}, rest), {}, {
|
|
95
|
+
children: children
|
|
96
|
+
}));
|
|
79
97
|
});
|
|
80
98
|
|
|
81
99
|
/**
|
|
@@ -93,7 +111,7 @@ var Modal = function Modal(props) {
|
|
|
93
111
|
rest = _objectWithoutProperties(props, _excluded3);
|
|
94
112
|
var isCloseable = Boolean(onClose);
|
|
95
113
|
var appElement = appElementSelector && document ? document.querySelector(appElementSelector) : undefined;
|
|
96
|
-
return /*#__PURE__*/
|
|
114
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, _objectSpread(_objectSpread({
|
|
97
115
|
appElement: appElement,
|
|
98
116
|
ariaHideApp: !!appElement,
|
|
99
117
|
isOpen: isOpen,
|
|
@@ -113,13 +131,18 @@ var Modal = function Modal(props) {
|
|
|
113
131
|
"qa-modal": "",
|
|
114
132
|
"qa-modal-isopen": isOpen
|
|
115
133
|
}
|
|
116
|
-
}, rest),
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
134
|
+
}, rest), {}, {
|
|
135
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
136
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Body, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContext.Provider, {
|
|
137
|
+
value: {
|
|
138
|
+
onClose: onClose,
|
|
139
|
+
closeButtonLabel: closeButtonLabel,
|
|
140
|
+
label: label
|
|
141
|
+
},
|
|
142
|
+
children: children
|
|
143
|
+
})]
|
|
144
|
+
})
|
|
145
|
+
}));
|
|
123
146
|
};
|
|
124
147
|
Modal.defaultProps = {
|
|
125
148
|
width: "800px",
|
package/commonjs/Modal/styles.js
CHANGED
|
@@ -11,14 +11,18 @@ var _styledSystem = require("styled-system");
|
|
|
11
11
|
var _reactModal = _interopRequireDefault(require("react-modal"));
|
|
12
12
|
var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
|
|
13
13
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
14
|
-
var
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
var _excluded = ["className"]; // This is the max space allowed between the modal and the edge of the browser
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function
|
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
23
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
24
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
20
25
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
21
|
-
// This is the max space allowed between the modal and the edge of the browser
|
|
22
26
|
var BODY_PADDING = "64px";
|
|
23
27
|
var ReactModalAdapter = function ReactModalAdapter(_ref) {
|
|
24
28
|
var _ref$className = _ref.className,
|
|
@@ -33,7 +37,7 @@ var ReactModalAdapter = function ReactModalAdapter(_ref) {
|
|
|
33
37
|
var overlayClassName = className.split(" ").map(function (className) {
|
|
34
38
|
return "".concat(className, " ").concat(className, "__Overlay");
|
|
35
39
|
}).join(" ");
|
|
36
|
-
return /*#__PURE__*/
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactModal.default, _objectSpread({
|
|
37
41
|
portalClassName: className,
|
|
38
42
|
className: contentClassName,
|
|
39
43
|
overlayClassName: overlayClassName
|
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default = void 0;
|
|
7
|
+
exports.formatNumeral = exports.default = void 0;
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _lruMemoize = _interopRequireDefault(require("lru-memoize"));
|
|
10
10
|
var _constants = require("../utils/constants");
|
|
@@ -12,11 +12,16 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
|
|
|
12
12
|
var _VisuallyHidden = require("../VisuallyHidden");
|
|
13
13
|
var _constants2 = require("./constants");
|
|
14
14
|
var _styles = require("./styles");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
var _excluded = ["number", "locale", "format", "currency", "abbreviate", "invalidNumberLabel", "precision", "qa"];
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
|
-
function
|
|
20
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
24
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
25
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
26
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
22
27
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -115,7 +120,10 @@ var normalizeArgs = function normalizeArgs(props) {
|
|
|
115
120
|
rest: rest
|
|
116
121
|
};
|
|
117
122
|
};
|
|
118
|
-
var
|
|
123
|
+
var getNumeral = function getNumeral(_ref) {
|
|
124
|
+
var returnType = _ref.returnType,
|
|
125
|
+
props = _ref.props;
|
|
126
|
+
var isReturnTypeString = returnType === "string";
|
|
119
127
|
var _normalizeArgs = normalizeArgs(props),
|
|
120
128
|
value = _normalizeArgs.value,
|
|
121
129
|
canAbbreviate = _normalizeArgs.canAbbreviate,
|
|
@@ -123,12 +131,20 @@ var Numeral = function Numeral(props) {
|
|
|
123
131
|
options = _normalizeArgs.options,
|
|
124
132
|
qa = _normalizeArgs.qa,
|
|
125
133
|
rest = _normalizeArgs.rest;
|
|
126
|
-
if (!isValidNumber(props.number))
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
134
|
+
if (!isValidNumber(props.number)) {
|
|
135
|
+
return isReturnTypeString ? _constants.EM_DASH : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
136
|
+
children: [invalidNumberLabel &&
|
|
137
|
+
/*#__PURE__*/
|
|
138
|
+
// Give screen readers something useful to read off + hide the em dash
|
|
139
|
+
(0, _jsxRuntime.jsx)(_VisuallyHidden.VisuallyHidden, {
|
|
140
|
+
children: invalidNumberLabel
|
|
141
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, _objectSpread(_objectSpread({
|
|
142
|
+
"aria-hidden": true
|
|
143
|
+
}, qa), {}, {
|
|
144
|
+
children: _constants.EM_DASH
|
|
145
|
+
}))]
|
|
146
|
+
});
|
|
147
|
+
}
|
|
132
148
|
var formatters = getNumberFormatters(options);
|
|
133
149
|
var fullText = formatters.standard.format(value);
|
|
134
150
|
if (canAbbreviate) {
|
|
@@ -140,11 +156,28 @@ var Numeral = function Numeral(props) {
|
|
|
140
156
|
// The following check is necessary because each locale may have differing thresholds
|
|
141
157
|
// for which abbreviation begins.
|
|
142
158
|
if (abbreviatedText !== fullText) {
|
|
143
|
-
return /*#__PURE__*/
|
|
144
|
-
content: fullText
|
|
145
|
-
|
|
159
|
+
return isReturnTypeString ? abbreviatedText : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
|
|
160
|
+
content: fullText,
|
|
161
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AbbrContainer, _objectSpread(_objectSpread(_objectSpread({}, qa), rest), {}, {
|
|
162
|
+
children: abbreviatedText
|
|
163
|
+
}))
|
|
164
|
+
});
|
|
146
165
|
}
|
|
147
166
|
}
|
|
148
|
-
return /*#__PURE__*/
|
|
167
|
+
return isReturnTypeString ? fullText : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, _objectSpread(_objectSpread(_objectSpread({}, qa), rest), {}, {
|
|
168
|
+
children: fullText
|
|
169
|
+
}));
|
|
170
|
+
};
|
|
171
|
+
var formatNumeral = exports.formatNumeral = function formatNumeral(props) {
|
|
172
|
+
return getNumeral({
|
|
173
|
+
returnType: "string",
|
|
174
|
+
props: props
|
|
175
|
+
});
|
|
176
|
+
};
|
|
177
|
+
var Numeral = function Numeral(props) {
|
|
178
|
+
return getNumeral({
|
|
179
|
+
returnType: "component",
|
|
180
|
+
props: props
|
|
181
|
+
});
|
|
149
182
|
};
|
|
150
183
|
var _default = exports.default = Numeral;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
var _exportNames = {
|
|
7
|
-
Numeral: true
|
|
8
|
+
Numeral: true,
|
|
9
|
+
formatNumeral: true
|
|
8
10
|
};
|
|
9
11
|
Object.defineProperty(exports, "Numeral", {
|
|
10
12
|
enumerable: true,
|
|
@@ -13,7 +15,13 @@ Object.defineProperty(exports, "Numeral", {
|
|
|
13
15
|
}
|
|
14
16
|
});
|
|
15
17
|
exports.default = void 0;
|
|
16
|
-
|
|
18
|
+
Object.defineProperty(exports, "formatNumeral", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _Numeral.formatNumeral;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _Numeral = _interopRequireWildcard(require("./Numeral"));
|
|
17
25
|
var _NumeralTypes = require("./NumeralTypes");
|
|
18
26
|
Object.keys(_NumeralTypes).forEach(function (key) {
|
|
19
27
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -26,5 +34,6 @@ Object.keys(_NumeralTypes).forEach(function (key) {
|
|
|
26
34
|
}
|
|
27
35
|
});
|
|
28
36
|
});
|
|
29
|
-
function
|
|
37
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
38
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
30
39
|
var _default = exports.default = _Numeral.default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,9 +9,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
9
|
var _styledComponents = require("styled-components");
|
|
9
10
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
10
11
|
var _seedsPartnerLogos = require("@sproutsocial/seeds-partner-logos");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
13
|
var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size", "aria-label", "svgProps"];
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
19
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
14
20
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
21
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
22
|
var whichLogo = function whichLogo(_ref, mode) {
|
|
@@ -50,8 +56,8 @@ var PartnerLogo = function PartnerLogo(_ref2) {
|
|
|
50
56
|
var viewBoxCoordinates = (logoViewBox === null || logoViewBox === void 0 ? void 0 : logoViewBox.split(" ")) || [];
|
|
51
57
|
var defaultWidth = viewBoxCoordinates[2];
|
|
52
58
|
var defaultHeight = viewBoxCoordinates[3];
|
|
53
|
-
return /*#__PURE__*/
|
|
54
|
-
,
|
|
59
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default //we add pixels here because view box coordinates are numbers
|
|
60
|
+
, _objectSpread(_objectSpread({
|
|
55
61
|
height: height ? height : defaultHeight + "px",
|
|
56
62
|
width: width ? width : defaultWidth + "px",
|
|
57
63
|
logoSize: size,
|
|
@@ -59,14 +65,18 @@ var PartnerLogo = function PartnerLogo(_ref2) {
|
|
|
59
65
|
role: "img",
|
|
60
66
|
"aria-label": ariaLabel,
|
|
61
67
|
"data-qa-logo": partnerName
|
|
62
|
-
}, rest),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
68
|
+
}, rest), {}, {
|
|
69
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
|
|
70
|
+
className: "logo-svg",
|
|
71
|
+
viewBox: logoViewBox,
|
|
72
|
+
focusable: false,
|
|
73
|
+
"data-qa-logo-svg": "".concat(partnerName, "-svg")
|
|
74
|
+
}, svgProps), {}, {
|
|
75
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
|
|
76
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
77
|
+
xlinkHref: "#seeds-svgs_".concat(logo)
|
|
78
|
+
})
|
|
79
|
+
}))
|
|
80
|
+
}));
|
|
71
81
|
};
|
|
72
82
|
var _default = exports.default = PartnerLogo;
|
package/commonjs/Radio/Radio.js
CHANGED
|
@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
10
|
var _excluded = ["id", "value", "name", "label", "checked", "disabled", "onChange", "onFocus", "onBlur", "ariaLabel", "qa", "color"];
|
|
10
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
13
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
13
|
-
function
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -74,33 +76,37 @@ var Radio = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
74
76
|
qa = _this$props$qa === void 0 ? {} : _this$props$qa,
|
|
75
77
|
color = _this$props.color,
|
|
76
78
|
rest = _objectWithoutProperties(_this$props, _excluded);
|
|
77
|
-
return /*#__PURE__*/
|
|
79
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.default, _objectSpread(_objectSpread({
|
|
78
80
|
as: label && "label"
|
|
79
81
|
// TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
|
|
80
82
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
81
83
|
// @ts-ignore
|
|
82
84
|
,
|
|
83
85
|
color: color
|
|
84
|
-
}, rest),
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
86
|
+
}, rest), {}, {
|
|
87
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputWrapper, {
|
|
88
|
+
checked: checked,
|
|
89
|
+
disabled: disabled,
|
|
90
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Input, _objectSpread({
|
|
91
|
+
type: "radio",
|
|
92
|
+
id: id,
|
|
93
|
+
"aria-label": ariaLabel,
|
|
94
|
+
value: value,
|
|
95
|
+
name: name,
|
|
96
|
+
checked: checked,
|
|
97
|
+
disabled: disabled,
|
|
98
|
+
onChange: this.handleChange,
|
|
99
|
+
onFocus: this.handleFocus,
|
|
100
|
+
onBlur: this.handleBlur,
|
|
101
|
+
"data-qa-radio": name || "",
|
|
102
|
+
"data-qa-radio-ischecked": checked === true,
|
|
103
|
+
"data-qa-radio-isdisabled": disabled === true
|
|
104
|
+
}, qa))
|
|
105
|
+
}), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LabelText, {
|
|
106
|
+
disabled: disabled,
|
|
107
|
+
children: label
|
|
108
|
+
})]
|
|
109
|
+
}));
|
|
104
110
|
}
|
|
105
111
|
}]);
|
|
106
112
|
return Radio;
|
|
@@ -9,12 +9,17 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var React = _react;
|
|
10
10
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
11
11
|
var _styles = require("./styles");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
var _excluded = ["value", "children", "disabled"],
|
|
13
14
|
_excluded2 = ["selectedValue", "label", "onChange", "children"];
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
|
-
function
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
22
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
18
23
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
25
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -44,24 +49,27 @@ var SegmentedControlItem = function SegmentedControlItem(_ref) {
|
|
|
44
49
|
_useState2 = _slicedToArray(_useState, 1),
|
|
45
50
|
id = _useState2[0];
|
|
46
51
|
var isChecked = value === selectedValue;
|
|
47
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SegmentedControlItemContainer, _objectSpread(_objectSpread({
|
|
48
53
|
"data-segmentedcontrol-isactive": isChecked,
|
|
49
54
|
"data-qa-segmentedcontrol-item": value,
|
|
50
55
|
"data-qa-segmentedcontrol-ischecked": isChecked === true,
|
|
51
56
|
disabled: disabled
|
|
52
|
-
}, rest),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
57
|
+
}, rest), {}, {
|
|
58
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
59
|
+
type: "radio",
|
|
60
|
+
id: id,
|
|
61
|
+
name: name,
|
|
62
|
+
value: value,
|
|
63
|
+
checked: isChecked,
|
|
64
|
+
onChange: onChange,
|
|
65
|
+
disabled: disabled
|
|
66
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SegmentedControlLabel, {
|
|
67
|
+
as: "label",
|
|
68
|
+
htmlFor: id,
|
|
69
|
+
isActive: isChecked,
|
|
70
|
+
children: children
|
|
71
|
+
})]
|
|
72
|
+
}));
|
|
65
73
|
};
|
|
66
74
|
var SegmentedControl = function SegmentedControl(_ref2) {
|
|
67
75
|
var selectedValue = _ref2.selectedValue,
|
|
@@ -72,19 +80,25 @@ var SegmentedControl = function SegmentedControl(_ref2) {
|
|
|
72
80
|
var _useState3 = (0, _react.useState)("Racine-segmented-control-".concat(nameCounter++)),
|
|
73
81
|
_useState4 = _slicedToArray(_useState3, 1),
|
|
74
82
|
name = _useState4[0];
|
|
75
|
-
return /*#__PURE__*/
|
|
83
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(SegmentedControlContext.Provider, {
|
|
76
84
|
value: {
|
|
77
85
|
name: name,
|
|
78
86
|
selectedValue: selectedValue,
|
|
79
87
|
onChange: onChange
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
+
},
|
|
89
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SegmentedControlContainer, _objectSpread(_objectSpread({
|
|
90
|
+
forwardedAs: "fieldset",
|
|
91
|
+
"data-qa-segmentedcontrol": label,
|
|
92
|
+
"data-qa-segmentedcontrol-value": selectedValue
|
|
93
|
+
}, rest), {}, {
|
|
94
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
|
|
95
|
+
children: label
|
|
96
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
|
|
97
|
+
display: "flex",
|
|
98
|
+
children: children
|
|
99
|
+
})]
|
|
100
|
+
}))
|
|
101
|
+
});
|
|
88
102
|
};
|
|
89
103
|
SegmentedControlItem.displayName = "SegmentedControl.Item";
|
|
90
104
|
SegmentedControl.Item = SegmentedControlItem;
|