@bigbinary/neetoui 8.3.29 → 8.3.31
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/dist/Accordion.js +94 -76
- package/dist/Accordion.js.map +1 -1
- package/dist/ActionDropdown.js +29 -32
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +44 -38
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +28 -22
- package/dist/Avatar.js.map +1 -1
- package/dist/Button.js +45 -43
- package/dist/Button.js.map +1 -1
- package/dist/Callout.js +12 -7
- package/dist/Callout.js.map +1 -1
- package/dist/Checkbox.js +35 -28
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +134 -117
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +25 -9
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +75 -83
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +82 -70
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +13 -7
- package/dist/Kbd.js.map +1 -1
- package/dist/Label.js +59 -40
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +76 -65
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +118 -99
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +55 -39
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +64 -52
- package/dist/Pagination.js.map +1 -1
- package/dist/Pane.js +66 -56
- package/dist/Pane.js.map +1 -1
- package/dist/Popover.js +10 -7
- package/dist/Popover.js.map +1 -1
- package/dist/ProgressBar.js +20 -17
- package/dist/ProgressBar.js.map +1 -1
- package/dist/Radio.js +50 -40
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +111 -90
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +265 -216
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +45 -38
- package/dist/Slider.js.map +1 -1
- package/dist/Spinner.js +3 -2
- package/dist/Spinner.js.map +1 -1
- package/dist/Stepper.js +33 -26
- package/dist/Stepper.js.map +1 -1
- package/dist/Switch.js +56 -46
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.js +17 -11
- package/dist/Tab.js.map +1 -1
- package/dist/Table.js +221 -182
- package/dist/Table.js.map +1 -1
- package/dist/Tag.js +31 -24
- package/dist/Tag.js.map +1 -1
- package/dist/{Textarea-DlEGZFfG.js → Textarea-D1gsiIxm.js} +66 -56
- package/dist/{Textarea-DlEGZFfG.js.map → Textarea-D1gsiIxm.js.map} +1 -1
- package/dist/Textarea.js +4 -4
- package/dist/TimePicker.js +25 -9
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +46 -37
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +10 -6
- package/dist/Tooltip.js.map +1 -1
- package/dist/TranslationProvider.js +6 -4
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +17 -15
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +65 -58
- package/dist/TreeSelect.js.map +1 -1
- package/dist/Typography.js +7 -3
- package/dist/Typography.js.map +1 -1
- package/dist/cjs/Accordion.js +94 -76
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +29 -32
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +43 -37
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +27 -21
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +45 -43
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +11 -6
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +34 -27
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +132 -115
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +25 -9
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +74 -82
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +81 -69
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +13 -7
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +59 -40
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +76 -65
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +117 -98
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +55 -39
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +63 -51
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +65 -55
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +10 -7
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +20 -17
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +49 -39
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +110 -89
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +268 -219
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +45 -38
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +3 -2
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +33 -26
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +55 -45
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +17 -11
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +224 -185
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +30 -23
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-CiUKmQHr.js → Textarea-BzBZbgdT.js} +65 -55
- package/dist/cjs/{Textarea-CiUKmQHr.js.map → Textarea-BzBZbgdT.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +25 -9
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +45 -36
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +10 -6
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +5 -3
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +17 -15
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +66 -59
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +7 -3
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +16 -9
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +40 -30
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +5 -3
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +29 -28
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +53 -47
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +27 -26
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +10 -6
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +7 -7
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +15 -10
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +7 -7
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +31 -28
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +28 -27
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +8 -5
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +11 -7
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-BQsO_CAs.js → index-Dv40T5Ly.js} +195 -169
- package/dist/cjs/{index-BQsO_CAs.js.map → index-Dv40T5Ly.js.map} +1 -1
- package/dist/cjs/{index--BeRLo6L.js → index-h3QcOeWw.js} +12 -14
- package/dist/cjs/{index--BeRLo6L.js.map → index-h3QcOeWw.js.map} +1 -1
- package/dist/cjs/index.css +1 -2
- package/dist/cjs/index.js +26 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +8 -3
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/overlayManager.js +1 -2
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-Bdv9YAMt.js → react-select-creatable.esm-lcdODVBz.js} +449 -243
- package/dist/cjs/react-select-creatable.esm-lcdODVBz.js.map +1 -0
- package/dist/cjs/useId-DXHUzdxd.js.map +1 -1
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js → useOverlayManager-Bj58uLfc.js} +14 -9
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js.map → useOverlayManager-Bj58uLfc.js.map} +1 -1
- package/dist/cjs/useQueryParams-BrrbBvY_.js +18 -0
- package/dist/cjs/{useQueryParams-l5fJJYCR.js.map → useQueryParams-BrrbBvY_.js.map} +1 -1
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js +1239 -0
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js.map +1 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js +236 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js.map +1 -0
- package/dist/constants.js.map +1 -1
- package/dist/formik/ActionBlock.js +16 -9
- package/dist/formik/ActionBlock.js.map +1 -1
- package/dist/formik/BlockNavigation.js +41 -31
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +6 -4
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +30 -29
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +54 -48
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +28 -27
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +11 -7
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +7 -7
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +17 -12
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +8 -8
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +31 -28
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +29 -28
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +9 -6
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +11 -7
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-Dxaw6gl9.js → index-D6vmwyYl.js} +14 -16
- package/dist/index-D6vmwyYl.js.map +1 -0
- package/dist/{index-C4Jg7ZKa.js → index-D6yXgUQN.js} +196 -170
- package/dist/{index-C4Jg7ZKa.js.map → index-D6yXgUQN.js.map} +1 -1
- package/dist/index.css +1 -2
- package/dist/index.js +26 -10
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +8 -3
- package/dist/layouts.js.map +1 -1
- package/dist/overlayManager.js +1 -2
- package/dist/overlayManager.js.map +1 -1
- package/dist/{react-select-creatable.esm-Dx_vEnyD.js → react-select-creatable.esm-opiJTCqo.js} +450 -244
- package/dist/react-select-creatable.esm-opiJTCqo.js.map +1 -0
- package/dist/useId-Jj9hXm-g.js.map +1 -1
- package/dist/{useOverlayManager-AZIGhUYS.js → useOverlayManager-BzuBvhPZ.js} +14 -9
- package/dist/{useOverlayManager-AZIGhUYS.js.map → useOverlayManager-BzuBvhPZ.js.map} +1 -1
- package/dist/useQueryParams-BKsf4FPY.js +16 -0
- package/dist/{useQueryParams-b60CHFUx.js.map → useQueryParams-BKsf4FPY.js.map} +1 -1
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js +1236 -0
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js.map +1 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js +225 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js.map +1 -0
- package/package.json +42 -48
- package/dist/cjs/react-select-creatable.esm-Bdv9YAMt.js.map +0 -1
- package/dist/cjs/useQueryParams-l5fJJYCR.js +0 -18
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js +0 -1270
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js.map +0 -1
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js +0 -218
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js.map +0 -1
- package/dist/index-Dxaw6gl9.js.map +0 -1
- package/dist/react-select-creatable.esm-Dx_vEnyD.js.map +0 -1
- package/dist/useQueryParams-b60CHFUx.js +0 -16
- package/dist/useRecentlyUsedColors-CqUfqfck.js +0 -1267
- package/dist/useRecentlyUsedColors-CqUfqfck.js.map +0 -1
- package/dist/useRestoreScrollPosition-C1NSANQW.js +0 -207
- package/dist/useRestoreScrollPosition-C1NSANQW.js.map +0 -1
- package/src/translations/ar.json +0 -41
- package/src/translations/bg.json +0 -41
- package/src/translations/ca.json +0 -41
- package/src/translations/cs.json +0 -41
- package/src/translations/da.json +0 -41
- package/src/translations/de.json +0 -41
- package/src/translations/en.json +0 -41
- package/src/translations/es-MX.json +0 -41
- package/src/translations/es.json +0 -41
- package/src/translations/et.json +0 -41
- package/src/translations/fi.json +0 -41
- package/src/translations/fil.json +0 -41
- package/src/translations/fr.json +0 -41
- package/src/translations/hi.json +0 -41
- package/src/translations/hr.json +0 -41
- package/src/translations/id.json +0 -41
- package/src/translations/index.js +0 -18
- package/src/translations/it.json +0 -41
- package/src/translations/ja.json +0 -41
- package/src/translations/ko.json +0 -41
- package/src/translations/nl.json +0 -41
- package/src/translations/pl.json +0 -41
- package/src/translations/pt-BR.json +0 -41
- package/src/translations/pt.json +0 -41
- package/src/translations/ro.json +0 -41
- package/src/translations/ru.json +0 -41
- package/src/translations/sk.json +0 -41
- package/src/translations/sl.json +0 -41
- package/src/translations/sv.json +0 -41
- package/src/translations/th.json +0 -41
- package/src/translations/tr.json +0 -41
- package/src/translations/uk.json +0 -41
- package/src/translations/vi.json +0 -41
- package/src/translations/zh-CN.json +0 -41
- package/src/translations/zh-TW.json +0 -41
package/dist/Typography.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import _extends from '@babel/runtime/helpers/extends';
|
|
2
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
3
|
import React__default from 'react';
|
|
5
4
|
import classnames from 'classnames';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
var _excluded = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
|
|
8
|
+
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; }
|
|
9
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
|
|
8
10
|
var FONT_WEIGHTS = {
|
|
9
11
|
thin: "thin",
|
|
10
12
|
extralight: "extralight",
|
|
@@ -94,7 +96,7 @@ var Typography = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
94
96
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
95
97
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
96
98
|
var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
|
|
97
|
-
return /*#__PURE__*/
|
|
99
|
+
return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({
|
|
98
100
|
ref: ref,
|
|
99
101
|
className: classnames(_defineProperty({
|
|
100
102
|
"neeto-ui-typography": true,
|
|
@@ -133,7 +135,9 @@ var Typography = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
133
135
|
"neeto-ui-leading-relaxed": lineHeight === LINE_HEIGHTS.relaxed,
|
|
134
136
|
"neeto-ui-leading-loose": lineHeight === LINE_HEIGHTS.loose
|
|
135
137
|
}, className, className))
|
|
136
|
-
}, otherProps),
|
|
138
|
+
}, otherProps), {}, {
|
|
139
|
+
children: children
|
|
140
|
+
}));
|
|
137
141
|
});
|
|
138
142
|
Typography.displayName = "Typography";
|
|
139
143
|
|
package/dist/Typography.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../src/components/Typography.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst FONT_WEIGHTS = {\n thin: \"thin\",\n extralight: \"extralight\",\n light: \"light\",\n normal: \"normal\",\n medium: \"medium\",\n semibold: \"semibold\",\n bold: \"bold\",\n extrabold: \"extrabold\",\n black: \"black\",\n};\n\nconst STYLES = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"body1\",\n body2: \"body2\",\n body3: \"body3\",\n nano: \"nano\",\n};\n\nconst LINE_HEIGHTS = {\n none: \"none\",\n tight: \"tight\",\n snug: \"snug\",\n normal: \"normal\",\n relaxed: \"relaxed\",\n loose: \"loose\",\n};\n\nconst TEXT_TRANSFORM = {\n none: \"none\",\n capitalize: \"capitalize\",\n uppercase: \"uppercase\",\n lowercase: \"lowercase\",\n fullwidth: \"fullwidth\",\n inherit: \"inherit\",\n initial: \"initial\",\n revert: \"revert\",\n unset: \"unset\",\n};\n\nconst DEFAULT_COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"p\",\n body2: \"p\",\n body3: \"p\",\n nano: \"span\",\n};\n\nconst COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n p: \"p\",\n span: \"span\",\n b: \"b\",\n strong: \"strong\",\n i: \"i\",\n em: \"em\",\n mark: \"mark\",\n del: \"del\",\n s: \"s\",\n ins: \"ins\",\n sub: \"sub\",\n sup: \"sup\",\n u: \"u\",\n code: \"code\",\n blockquote: \"blockquote\",\n};\n\nconst Typography = React.forwardRef(\n (\n {\n style = \"body1\",\n weight,\n lineHeight,\n component,\n children,\n textTransform,\n className = \"\",\n ...otherProps\n },\n ref\n ) => {\n const Component = component\n ? COMPONENTS[component]\n : style\n ? DEFAULT_COMPONENTS[style]\n : \"p\";\n\n return (\n <Component\n ref={ref}\n className={classnames({\n \"neeto-ui-typography\": true,\n \"neeto-ui-text-h1\": style === STYLES.h1,\n \"neeto-ui-text-h2\": style === STYLES.h2,\n \"neeto-ui-text-h3\": style === STYLES.h3,\n \"neeto-ui-text-h4\": style === STYLES.h4,\n \"neeto-ui-text-h5\": style === STYLES.h5,\n \"neeto-ui-text-h6\": style === STYLES.h6,\n \"neeto-ui-text-body1\": style === STYLES.body1,\n \"neeto-ui-text-body2\": style === STYLES.body2,\n \"neeto-ui-text-body3\": style === STYLES.body3,\n \"neeto-ui-text-nano\": style === STYLES.nano,\n \"neeto-ui-text-transform-none\": textTransform === TEXT_TRANSFORM.none,\n \"neeto-ui-text-transform-capitalize\":\n textTransform === TEXT_TRANSFORM.capitalize,\n \"neeto-ui-text-transform-uppercase\":\n textTransform === TEXT_TRANSFORM.uppercase,\n \"neeto-ui-text-transform-lowercase\":\n textTransform === TEXT_TRANSFORM.lowercase,\n \"neeto-ui-text-transform-fullwidth\":\n textTransform === TEXT_TRANSFORM.fullwidth,\n \"neeto-ui-text-transform-inherit\":\n textTransform === TEXT_TRANSFORM.inherit,\n \"neeto-ui-text-transform-initial\":\n textTransform === TEXT_TRANSFORM.initial,\n \"neeto-ui-text-transform-revert\":\n textTransform === TEXT_TRANSFORM.revert,\n \"neeto-ui-text-transform-unset\":\n textTransform === TEXT_TRANSFORM.unset,\n \"neeto-ui-font-thin\": weight === FONT_WEIGHTS.thin,\n \"neeto-ui-font-extralight\": weight === FONT_WEIGHTS.extralight,\n \"neeto-ui-font-light\": weight === FONT_WEIGHTS.light,\n \"neeto-ui-font-normal\": weight === FONT_WEIGHTS.normal,\n \"neeto-ui-font-medium\": weight === FONT_WEIGHTS.medium,\n \"neeto-ui-font-semibold\": weight === FONT_WEIGHTS.semibold,\n \"neeto-ui-font-bold\": weight === FONT_WEIGHTS.bold,\n \"neeto-ui-font-extrabold\": weight === FONT_WEIGHTS.extrabold,\n \"neeto-ui-font-black\": weight === FONT_WEIGHTS.black,\n \"neeto-ui-leading-none\": lineHeight === LINE_HEIGHTS.none,\n \"neeto-ui-leading-tight\": lineHeight === LINE_HEIGHTS.tight,\n \"neeto-ui-leading-snug\": lineHeight === LINE_HEIGHTS.snug,\n \"neeto-ui-leading-normal\": lineHeight === LINE_HEIGHTS.normal,\n \"neeto-ui-leading-relaxed\": lineHeight === LINE_HEIGHTS.relaxed,\n \"neeto-ui-leading-loose\": lineHeight === LINE_HEIGHTS.loose,\n [className]: className,\n })}\n {...otherProps}\n >\n {children}\n </Component>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n\nTypography.propTypes = {\n style: PropTypes.oneOf(Object.values(STYLES)),\n weight: PropTypes.oneOf(Object.values(FONT_WEIGHTS)),\n component: PropTypes.oneOf(Object.values(COMPONENTS)),\n textTransform: PropTypes.oneOf(Object.values(TEXT_TRANSFORM)),\n lineHeight: PropTypes.oneOf(Object.values(LINE_HEIGHTS)),\n otherProps: PropTypes.object,\n};\n\nexport default Typography;\n"],"names":["FONT_WEIGHTS","thin","extralight","light","normal","medium","semibold","bold","extrabold","black","STYLES","h1","h2","h3","h4","h5","h6","body1","body2","body3","nano","LINE_HEIGHTS","none","tight","snug","relaxed","loose","TEXT_TRANSFORM","capitalize","uppercase","lowercase","fullwidth","inherit","initial","revert","unset","DEFAULT_COMPONENTS","COMPONENTS","p","span","b","strong","i","em","mark","del","s","ins","sub","sup","u","code","blockquote","Typography","React","forwardRef","_ref","ref","_ref$style","style","weight","lineHeight","component","children","textTransform","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","Component","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../src/components/Typography.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst FONT_WEIGHTS = {\n thin: \"thin\",\n extralight: \"extralight\",\n light: \"light\",\n normal: \"normal\",\n medium: \"medium\",\n semibold: \"semibold\",\n bold: \"bold\",\n extrabold: \"extrabold\",\n black: \"black\",\n};\n\nconst STYLES = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"body1\",\n body2: \"body2\",\n body3: \"body3\",\n nano: \"nano\",\n};\n\nconst LINE_HEIGHTS = {\n none: \"none\",\n tight: \"tight\",\n snug: \"snug\",\n normal: \"normal\",\n relaxed: \"relaxed\",\n loose: \"loose\",\n};\n\nconst TEXT_TRANSFORM = {\n none: \"none\",\n capitalize: \"capitalize\",\n uppercase: \"uppercase\",\n lowercase: \"lowercase\",\n fullwidth: \"fullwidth\",\n inherit: \"inherit\",\n initial: \"initial\",\n revert: \"revert\",\n unset: \"unset\",\n};\n\nconst DEFAULT_COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"p\",\n body2: \"p\",\n body3: \"p\",\n nano: \"span\",\n};\n\nconst COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n p: \"p\",\n span: \"span\",\n b: \"b\",\n strong: \"strong\",\n i: \"i\",\n em: \"em\",\n mark: \"mark\",\n del: \"del\",\n s: \"s\",\n ins: \"ins\",\n sub: \"sub\",\n sup: \"sup\",\n u: \"u\",\n code: \"code\",\n blockquote: \"blockquote\",\n};\n\nconst Typography = React.forwardRef(\n (\n {\n style = \"body1\",\n weight,\n lineHeight,\n component,\n children,\n textTransform,\n className = \"\",\n ...otherProps\n },\n ref\n ) => {\n const Component = component\n ? COMPONENTS[component]\n : style\n ? DEFAULT_COMPONENTS[style]\n : \"p\";\n\n return (\n <Component\n ref={ref}\n className={classnames({\n \"neeto-ui-typography\": true,\n \"neeto-ui-text-h1\": style === STYLES.h1,\n \"neeto-ui-text-h2\": style === STYLES.h2,\n \"neeto-ui-text-h3\": style === STYLES.h3,\n \"neeto-ui-text-h4\": style === STYLES.h4,\n \"neeto-ui-text-h5\": style === STYLES.h5,\n \"neeto-ui-text-h6\": style === STYLES.h6,\n \"neeto-ui-text-body1\": style === STYLES.body1,\n \"neeto-ui-text-body2\": style === STYLES.body2,\n \"neeto-ui-text-body3\": style === STYLES.body3,\n \"neeto-ui-text-nano\": style === STYLES.nano,\n \"neeto-ui-text-transform-none\": textTransform === TEXT_TRANSFORM.none,\n \"neeto-ui-text-transform-capitalize\":\n textTransform === TEXT_TRANSFORM.capitalize,\n \"neeto-ui-text-transform-uppercase\":\n textTransform === TEXT_TRANSFORM.uppercase,\n \"neeto-ui-text-transform-lowercase\":\n textTransform === TEXT_TRANSFORM.lowercase,\n \"neeto-ui-text-transform-fullwidth\":\n textTransform === TEXT_TRANSFORM.fullwidth,\n \"neeto-ui-text-transform-inherit\":\n textTransform === TEXT_TRANSFORM.inherit,\n \"neeto-ui-text-transform-initial\":\n textTransform === TEXT_TRANSFORM.initial,\n \"neeto-ui-text-transform-revert\":\n textTransform === TEXT_TRANSFORM.revert,\n \"neeto-ui-text-transform-unset\":\n textTransform === TEXT_TRANSFORM.unset,\n \"neeto-ui-font-thin\": weight === FONT_WEIGHTS.thin,\n \"neeto-ui-font-extralight\": weight === FONT_WEIGHTS.extralight,\n \"neeto-ui-font-light\": weight === FONT_WEIGHTS.light,\n \"neeto-ui-font-normal\": weight === FONT_WEIGHTS.normal,\n \"neeto-ui-font-medium\": weight === FONT_WEIGHTS.medium,\n \"neeto-ui-font-semibold\": weight === FONT_WEIGHTS.semibold,\n \"neeto-ui-font-bold\": weight === FONT_WEIGHTS.bold,\n \"neeto-ui-font-extrabold\": weight === FONT_WEIGHTS.extrabold,\n \"neeto-ui-font-black\": weight === FONT_WEIGHTS.black,\n \"neeto-ui-leading-none\": lineHeight === LINE_HEIGHTS.none,\n \"neeto-ui-leading-tight\": lineHeight === LINE_HEIGHTS.tight,\n \"neeto-ui-leading-snug\": lineHeight === LINE_HEIGHTS.snug,\n \"neeto-ui-leading-normal\": lineHeight === LINE_HEIGHTS.normal,\n \"neeto-ui-leading-relaxed\": lineHeight === LINE_HEIGHTS.relaxed,\n \"neeto-ui-leading-loose\": lineHeight === LINE_HEIGHTS.loose,\n [className]: className,\n })}\n {...otherProps}\n >\n {children}\n </Component>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n\nTypography.propTypes = {\n style: PropTypes.oneOf(Object.values(STYLES)),\n weight: PropTypes.oneOf(Object.values(FONT_WEIGHTS)),\n component: PropTypes.oneOf(Object.values(COMPONENTS)),\n textTransform: PropTypes.oneOf(Object.values(TEXT_TRANSFORM)),\n lineHeight: PropTypes.oneOf(Object.values(LINE_HEIGHTS)),\n otherProps: PropTypes.object,\n};\n\nexport default Typography;\n"],"names":["FONT_WEIGHTS","thin","extralight","light","normal","medium","semibold","bold","extrabold","black","STYLES","h1","h2","h3","h4","h5","h6","body1","body2","body3","nano","LINE_HEIGHTS","none","tight","snug","relaxed","loose","TEXT_TRANSFORM","capitalize","uppercase","lowercase","fullwidth","inherit","initial","revert","unset","DEFAULT_COMPONENTS","COMPONENTS","p","span","b","strong","i","em","mark","del","s","ins","sub","sup","u","code","blockquote","Typography","React","forwardRef","_ref","ref","_ref$style","style","weight","lineHeight","component","children","textTransform","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","Component","_jsx","_objectSpread","classnames","_defineProperty","displayName"],"mappings":"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"}
|
package/dist/cjs/Accordion.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
@@ -8,9 +7,12 @@ var React = require('react');
|
|
|
8
7
|
var classnames = require('classnames');
|
|
9
8
|
var ramda = require('ramda');
|
|
10
9
|
var framerMotion = require('framer-motion');
|
|
11
|
-
var
|
|
10
|
+
var Right = require('@bigbinary/neeto-icons/Right');
|
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
13
|
var _excluded$1 = ["open", "children", "className"];
|
|
14
|
+
function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
16
|
var Collapse = function Collapse(_ref) {
|
|
15
17
|
var _ref$open = _ref.open,
|
|
16
18
|
open = _ref$open === void 0 ? false : _ref$open,
|
|
@@ -18,28 +20,35 @@ var Collapse = function Collapse(_ref) {
|
|
|
18
20
|
_ref$className = _ref.className,
|
|
19
21
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
20
22
|
otherProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
21
|
-
return /*#__PURE__*/
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
return /*#__PURE__*/jsxRuntime.jsx(framerMotion.AnimatePresence, {
|
|
24
|
+
children: open && /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.div, _objectSpread$2(_objectSpread$2({
|
|
25
|
+
animate: {
|
|
26
|
+
opacity: 1,
|
|
27
|
+
height: "auto"
|
|
28
|
+
},
|
|
29
|
+
exit: {
|
|
30
|
+
opacity: 0,
|
|
31
|
+
height: 0
|
|
32
|
+
},
|
|
33
|
+
initial: {
|
|
34
|
+
opacity: 0,
|
|
35
|
+
height: 0,
|
|
36
|
+
overflow: "hidden"
|
|
37
|
+
},
|
|
38
|
+
transition: {
|
|
39
|
+
duration: 0.3
|
|
40
|
+
}
|
|
41
|
+
}, otherProps), {}, {
|
|
42
|
+
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
43
|
+
className: className,
|
|
44
|
+
children: children
|
|
45
|
+
})
|
|
46
|
+
}))
|
|
47
|
+
});
|
|
41
48
|
};
|
|
42
49
|
|
|
50
|
+
function ownKeys$1(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; }
|
|
51
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
43
52
|
var Item = function Item(_ref) {
|
|
44
53
|
var id = _ref.id,
|
|
45
54
|
_ref$title = _ref.title,
|
|
@@ -63,49 +72,56 @@ var Item = function Item(_ref) {
|
|
|
63
72
|
break;
|
|
64
73
|
}
|
|
65
74
|
};
|
|
66
|
-
return /*#__PURE__*/
|
|
67
|
-
className: classnames("neeto-ui-accordion__wrapper", _defineProperty({}, className, className))
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
75
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
76
|
+
className: classnames("neeto-ui-accordion__wrapper", _defineProperty({}, className, className)),
|
|
77
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
78
|
+
onClick: onClick,
|
|
79
|
+
onKeyDown: onKeyDown,
|
|
80
|
+
"aria-controls": "neeto-ui-accordion-section-".concat(id),
|
|
81
|
+
"aria-disabled": isOpen,
|
|
82
|
+
"aria-expanded": isOpen,
|
|
83
|
+
id: "neeto-ui-accordion-item-".concat(id),
|
|
84
|
+
role: "button",
|
|
85
|
+
tabIndex: 0,
|
|
86
|
+
className: classnames("neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center", {
|
|
87
|
+
"neeto-ui-accordion__item--open": isOpen
|
|
88
|
+
}),
|
|
89
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$1(_objectSpread$1({}, titleProps), {}, {
|
|
90
|
+
className: "neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words",
|
|
91
|
+
children: title
|
|
92
|
+
})), /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.div, {
|
|
93
|
+
animate: isOpen ? "open" : "collapsed",
|
|
94
|
+
className: "neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0",
|
|
95
|
+
transition: {
|
|
96
|
+
duration: 0.3
|
|
97
|
+
},
|
|
98
|
+
variants: {
|
|
99
|
+
open: {
|
|
100
|
+
rotate: 90
|
|
101
|
+
},
|
|
102
|
+
collapsed: {
|
|
103
|
+
rotate: 0
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Right, _objectSpread$1({
|
|
107
|
+
size: 16
|
|
108
|
+
}, iconProps))
|
|
109
|
+
})]
|
|
110
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Collapse, {
|
|
111
|
+
"aria-labelledby": "neeto-ui-accordion-item-".concat(id),
|
|
112
|
+
className: "neeto-ui-accordion__drop",
|
|
113
|
+
id: "neeto-ui-accordion-section-".concat(id),
|
|
114
|
+
open: isOpen,
|
|
115
|
+
role: "region",
|
|
116
|
+
children: children
|
|
117
|
+
})]
|
|
118
|
+
});
|
|
105
119
|
};
|
|
106
120
|
Item.displayName = "Accordion.Item";
|
|
107
121
|
|
|
108
122
|
var _excluded = ["children", "defaultActiveKey", "padded", "style", "className"];
|
|
123
|
+
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; }
|
|
124
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
|
|
109
125
|
var ACCORDION_STYLES = {
|
|
110
126
|
primary: "primary",
|
|
111
127
|
secondary: "secondary"
|
|
@@ -128,25 +144,27 @@ var Accordion = function Accordion(_ref) {
|
|
|
128
144
|
React.useEffect(function () {
|
|
129
145
|
setOpenTab(defaultActiveKey);
|
|
130
146
|
}, [defaultActiveKey]);
|
|
131
|
-
return /*#__PURE__*/
|
|
147
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
132
148
|
className: classnames("neeto-ui-accordions-outer-wrapper", _defineProperty({
|
|
133
149
|
"neeto-ui-accordions-outer-wrapper--padded": padded,
|
|
134
150
|
"neeto-ui-accordions-outer-wrapper--secondary": style === ACCORDION_STYLES.secondary
|
|
135
151
|
}, className, className))
|
|
136
|
-
}, otherProps),
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
152
|
+
}, otherProps), {}, {
|
|
153
|
+
children: React.Children.map(children, function (child, index) {
|
|
154
|
+
var isSingleOrLastChild = ramda.isEmpty(children) || index === children.length - 1;
|
|
155
|
+
return /*#__PURE__*/React.cloneElement(child, {
|
|
156
|
+
id: index,
|
|
157
|
+
key: index,
|
|
158
|
+
isOpen: openTab === index,
|
|
159
|
+
className: classnames(child.props.className, {
|
|
160
|
+
"neeto-ui-accordion__wrapper--last-item": isSingleOrLastChild
|
|
161
|
+
}),
|
|
162
|
+
onClick: function onClick() {
|
|
163
|
+
setOpenTab(openTab === index ? null : index);
|
|
164
|
+
child.props.onClick && child.props.onClick();
|
|
165
|
+
}
|
|
166
|
+
});
|
|
167
|
+
})
|
|
150
168
|
}));
|
|
151
169
|
};
|
|
152
170
|
Accordion.Item = Item;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Collapse.jsx","../../src/components/Accordion/Item.jsx","../../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nconst Collapse = ({\n open = false,\n children,\n className = \"\",\n ...otherProps\n}) => (\n <AnimatePresence>\n {open && (\n <motion.div\n animate={{ opacity: 1, height: \"auto\" }}\n exit={{ opacity: 0, height: 0 }}\n initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n transition={{ duration: 0.3 }}\n {...otherProps}\n >\n <div className={className}>{children}</div>\n </motion.div>\n )}\n </AnimatePresence>\n);\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n id,\n title = \"\",\n isOpen = false,\n onClick = () => {},\n children,\n className = \"\",\n titleProps = {},\n iconProps = {},\n}) => {\n const onKeyDown = e => {\n switch (e.key) {\n case \" \":\n case \"Enter\":\n onClick();\n break;\n default:\n }\n };\n\n return (\n <div\n className={classnames(\"neeto-ui-accordion__wrapper\", {\n [className]: className,\n })}\n >\n <div\n {...{ onClick, onKeyDown }}\n aria-controls={`neeto-ui-accordion-section-${id}`}\n aria-disabled={isOpen}\n aria-expanded={isOpen}\n id={`neeto-ui-accordion-item-${id}`}\n role=\"button\"\n tabIndex={0}\n className={classnames(\n \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n { \"neeto-ui-accordion__item--open\": isOpen }\n )}\n >\n <div\n {...titleProps}\n className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n >\n {title}\n </div>\n <motion.div\n animate={isOpen ? \"open\" : \"collapsed\"}\n className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n transition={{ duration: 0.3 }}\n variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n >\n <Right size={16} {...iconProps} />\n </motion.div>\n </div>\n <Collapse\n aria-labelledby={`neeto-ui-accordion-item-${id}`}\n className=\"neeto-ui-accordion__drop\"\n id={`neeto-ui-accordion-section-${id}`}\n open={isOpen}\n role=\"region\"\n >\n {children}\n </Collapse>\n </div>\n );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n /**\n * To specify a unique ID to the AccordionItem.\n */\n id: PropTypes.number,\n /**\n * To add title to the AccordionItem.\n */\n title: PropTypes.string,\n /**\n * To specify whether the Accordion item is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the AccordionItem.\n */\n onClick: PropTypes.func,\n /**\n * To specify the content to be rendered inside the AccordionItem.\n */\n children: PropTypes.node,\n /**\n * To pass props to Accordion title.\n */\n titleProps: PropTypes.object,\n /**\n * To pass props to Accordion toggle icon.\n */\n iconProps: PropTypes.object,\n /**\n * To provide external classnames to Accordion item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n};\n\nconst Accordion = ({\n children,\n defaultActiveKey = null,\n padded = false,\n style = ACCORDION_STYLES.primary,\n className = \"\",\n ...otherProps\n}) => {\n const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n useEffect(() => {\n setOpenTab(defaultActiveKey);\n }, [defaultActiveKey]);\n\n return (\n <div\n className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n \"neeto-ui-accordions-outer-wrapper--secondary\":\n style === ACCORDION_STYLES.secondary,\n [className]: className,\n })}\n {...otherProps}\n >\n {React.Children.map(children, (child, index) => {\n const isSingleOrLastChild =\n isEmpty(children) || index === children.length - 1;\n\n return React.cloneElement(child, {\n id: index,\n key: index,\n isOpen: openTab === index,\n className: classnames(child.props.className, {\n \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n }),\n onClick: () => {\n setOpenTab(openTab === index ? null : index);\n child.props.onClick && child.props.onClick();\n },\n });\n })}\n </div>\n );\n};\n\nAccordion.propTypes = {\n /**\n * To specify the content to be rendered inside the Accordion.\n */\n children: PropTypes.node,\n /**\n * To set the style of the Accordion.\n */\n style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n /**\n * To add padding to the Accordion container.\n */\n padded: PropTypes.bool,\n /**\n * Index of the Accordion item to be opened initially.\n */\n defaultActiveKey: PropTypes.number,\n /**\n * To provide external classnames to Accordion container.\n */\n className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","React","createElement","AnimatePresence","motion","div","_extends","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Collapse.jsx","../../src/components/Accordion/Item.jsx","../../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nconst Collapse = ({\n open = false,\n children,\n className = \"\",\n ...otherProps\n}) => (\n <AnimatePresence>\n {open && (\n <motion.div\n animate={{ opacity: 1, height: \"auto\" }}\n exit={{ opacity: 0, height: 0 }}\n initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n transition={{ duration: 0.3 }}\n {...otherProps}\n >\n <div className={className}>{children}</div>\n </motion.div>\n )}\n </AnimatePresence>\n);\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n id,\n title = \"\",\n isOpen = false,\n onClick = () => {},\n children,\n className = \"\",\n titleProps = {},\n iconProps = {},\n}) => {\n const onKeyDown = e => {\n switch (e.key) {\n case \" \":\n case \"Enter\":\n onClick();\n break;\n default:\n }\n };\n\n return (\n <div\n className={classnames(\"neeto-ui-accordion__wrapper\", {\n [className]: className,\n })}\n >\n <div\n {...{ onClick, onKeyDown }}\n aria-controls={`neeto-ui-accordion-section-${id}`}\n aria-disabled={isOpen}\n aria-expanded={isOpen}\n id={`neeto-ui-accordion-item-${id}`}\n role=\"button\"\n tabIndex={0}\n className={classnames(\n \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n { \"neeto-ui-accordion__item--open\": isOpen }\n )}\n >\n <div\n {...titleProps}\n className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n >\n {title}\n </div>\n <motion.div\n animate={isOpen ? \"open\" : \"collapsed\"}\n className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n transition={{ duration: 0.3 }}\n variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n >\n <Right size={16} {...iconProps} />\n </motion.div>\n </div>\n <Collapse\n aria-labelledby={`neeto-ui-accordion-item-${id}`}\n className=\"neeto-ui-accordion__drop\"\n id={`neeto-ui-accordion-section-${id}`}\n open={isOpen}\n role=\"region\"\n >\n {children}\n </Collapse>\n </div>\n );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n /**\n * To specify a unique ID to the AccordionItem.\n */\n id: PropTypes.number,\n /**\n * To add title to the AccordionItem.\n */\n title: PropTypes.string,\n /**\n * To specify whether the Accordion item is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the AccordionItem.\n */\n onClick: PropTypes.func,\n /**\n * To specify the content to be rendered inside the AccordionItem.\n */\n children: PropTypes.node,\n /**\n * To pass props to Accordion title.\n */\n titleProps: PropTypes.object,\n /**\n * To pass props to Accordion toggle icon.\n */\n iconProps: PropTypes.object,\n /**\n * To provide external classnames to Accordion item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n};\n\nconst Accordion = ({\n children,\n defaultActiveKey = null,\n padded = false,\n style = ACCORDION_STYLES.primary,\n className = \"\",\n ...otherProps\n}) => {\n const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n useEffect(() => {\n setOpenTab(defaultActiveKey);\n }, [defaultActiveKey]);\n\n return (\n <div\n className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n \"neeto-ui-accordions-outer-wrapper--secondary\":\n style === ACCORDION_STYLES.secondary,\n [className]: className,\n })}\n {...otherProps}\n >\n {React.Children.map(children, (child, index) => {\n const isSingleOrLastChild =\n isEmpty(children) || index === children.length - 1;\n\n return React.cloneElement(child, {\n id: index,\n key: index,\n isOpen: openTab === index,\n className: classnames(child.props.className, {\n \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n }),\n onClick: () => {\n setOpenTab(openTab === index ? null : index);\n child.props.onClick && child.props.onClick();\n },\n });\n })}\n </div>\n );\n};\n\nAccordion.propTypes = {\n /**\n * To specify the content to be rendered inside the Accordion.\n */\n children: PropTypes.node,\n /**\n * To set the style of the Accordion.\n */\n style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n /**\n * To add padding to the Accordion container.\n */\n padded: PropTypes.bool,\n /**\n * Index of the Accordion item to be opened initially.\n */\n defaultActiveKey: PropTypes.number,\n /**\n * To provide external classnames to Accordion container.\n */\n className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_jsx","AnimatePresence","motion","div","_objectSpread","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","_jsxs","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","React","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
5
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
|
|
5
|
+
require('react');
|
|
7
6
|
var classnames = require('classnames');
|
|
8
|
-
var index = require('./index
|
|
7
|
+
var index = require('./index-h3QcOeWw.js');
|
|
9
8
|
var Button = require('./Button.js');
|
|
10
9
|
var Dropdown = require('./Dropdown.js');
|
|
10
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
11
|
require('@babel/runtime/helpers/slicedToArray');
|
|
12
12
|
require('@babel/runtime/helpers/classCallCheck');
|
|
13
13
|
require('@babel/runtime/helpers/createClass');
|
|
@@ -26,20 +26,15 @@ require('./Spinner.js');
|
|
|
26
26
|
require('./Tooltip.js');
|
|
27
27
|
require('@tippyjs/react');
|
|
28
28
|
require('tippy.js');
|
|
29
|
-
require('@bigbinary/neeto-icons');
|
|
29
|
+
require('@bigbinary/neeto-icons/Down');
|
|
30
30
|
|
|
31
31
|
var _excluded = ["style", "size"];
|
|
32
|
-
function ownKeys(
|
|
33
|
-
function _objectSpread(
|
|
32
|
+
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; }
|
|
33
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
|
|
34
34
|
var BTN_STYLES = {
|
|
35
|
-
primary: "primary"
|
|
36
|
-
secondary: "secondary"
|
|
37
|
-
};
|
|
35
|
+
primary: "primary"};
|
|
38
36
|
var BTN_SIZES = {
|
|
39
|
-
|
|
40
|
-
medium: "medium",
|
|
41
|
-
large: "large"
|
|
42
|
-
};
|
|
37
|
+
medium: "medium"};
|
|
43
38
|
var ActionDropdown = function ActionDropdown(_ref) {
|
|
44
39
|
var _ref$label = _ref.label,
|
|
45
40
|
label = _ref$label === void 0 ? "" : _ref$label,
|
|
@@ -61,25 +56,27 @@ var ActionDropdown = function ActionDropdown(_ref) {
|
|
|
61
56
|
dropdownProps = _ref.dropdownProps,
|
|
62
57
|
children = _ref.children,
|
|
63
58
|
portalProps = _ref.portalProps;
|
|
64
|
-
return /*#__PURE__*/
|
|
65
|
-
className: classnames(["neeto-ui-action-dropdown", className])
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
59
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
60
|
+
className: classnames(["neeto-ui-action-dropdown", className]),
|
|
61
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
|
|
62
|
+
disabled: disabled,
|
|
63
|
+
label: label,
|
|
64
|
+
onClick: onClick,
|
|
65
|
+
"data-cy": "action-dropdown-btn",
|
|
66
|
+
"data-testid": "action-dropdown-btn",
|
|
67
|
+
size: size !== null && size !== void 0 ? size : buttonSize,
|
|
68
|
+
style: style !== null && style !== void 0 ? style : buttonStyle
|
|
69
|
+
}, buttonProps)), /*#__PURE__*/jsxRuntime.jsx(Dropdown, _objectSpread(_objectSpread({
|
|
70
|
+
disabled: disabled,
|
|
71
|
+
buttonProps: {
|
|
72
|
+
size: size !== null && size !== void 0 ? size : buttonSize
|
|
73
|
+
},
|
|
74
|
+
buttonStyle: style !== null && style !== void 0 ? style : buttonStyle
|
|
75
|
+
}, dropdownProps), {}, {
|
|
76
|
+
dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps),
|
|
77
|
+
children: children
|
|
78
|
+
}))]
|
|
79
|
+
});
|
|
83
80
|
};
|
|
84
81
|
ActionDropdown.Menu = Dropdown.Menu;
|
|
85
82
|
ActionDropdown.MenuItem = Dropdown.MenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDropdown.js","sources":["../../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst ActionDropdown = ({\n label = \"\",\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n disabled = false,\n onClick = noop,\n buttonProps: { style, size, ...buttonProps } = {},\n className = \"\",\n dropdownProps,\n children,\n portalProps,\n}) => (\n <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n <Button\n {...{ disabled, label, onClick }}\n data-cy=\"action-dropdown-btn\"\n data-testid=\"action-dropdown-btn\"\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n {...buttonProps}\n />\n <Dropdown\n {...{ disabled }}\n buttonProps={{ size: size ?? buttonSize }}\n buttonStyle={style ?? buttonStyle}\n {...dropdownProps}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n >\n {children}\n </Dropdown>\n </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n /**\n * To specify the text to be displayed inside the button.\n */\n label: PropTypes.string,\n /**\n * To specify the style of the button to be rendered as the ActionDropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the size of the ActionDropdown.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify whether the ActionDropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the button.\n */\n onClick: PropTypes.func,\n /**\n * To specify the props to be passed to the action button and Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown target.\n */\n dropdownProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown portal.\n */\n portalProps: PropTypes.object,\n /**\n * To provide external classnames to ActionDropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonStyle` prop instead._\n */\n style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonSize` prop instead._\n */\n size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","
|
|
1
|
+
{"version":3,"file":"ActionDropdown.js","sources":["../../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst ActionDropdown = ({\n label = \"\",\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n disabled = false,\n onClick = noop,\n buttonProps: { style, size, ...buttonProps } = {},\n className = \"\",\n dropdownProps,\n children,\n portalProps,\n}) => (\n <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n <Button\n {...{ disabled, label, onClick }}\n data-cy=\"action-dropdown-btn\"\n data-testid=\"action-dropdown-btn\"\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n {...buttonProps}\n />\n <Dropdown\n {...{ disabled }}\n buttonProps={{ size: size ?? buttonSize }}\n buttonStyle={style ?? buttonStyle}\n {...dropdownProps}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n >\n {children}\n </Dropdown>\n </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n /**\n * To specify the text to be displayed inside the button.\n */\n label: PropTypes.string,\n /**\n * To specify the style of the button to be rendered as the ActionDropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the size of the ActionDropdown.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify whether the ActionDropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the button.\n */\n onClick: PropTypes.func,\n /**\n * To specify the props to be passed to the action button and Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown target.\n */\n dropdownProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown portal.\n */\n portalProps: PropTypes.object,\n /**\n * To provide external classnames to ActionDropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonStyle` prop instead._\n */\n style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonSize` prop instead._\n */\n size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","BTN_SIZES","small","medium","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$className","className","dropdownProps","children","portalProps","_jsxs","classnames","_jsx","Button","_objectSpread","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}
|