@bigbinary/neetoui 8.1.1 → 8.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionDropdown.js +1 -1
- package/dist/Alert.js +2 -3
- package/dist/Alert.js.map +1 -1
- package/dist/Button.js +6 -66
- package/dist/Button.js.map +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/ColorPicker.js +1 -1
- package/dist/DatePicker.js +5 -5
- package/dist/Dropdown.js +1 -1
- package/dist/{HeaderCellMenu-5ba3873f.js → HeaderCellMenu-df9eb629.js} +1 -1
- package/dist/{HeaderCellMenu-5ba3873f.js.map → HeaderCellMenu-df9eb629.js.map} +1 -1
- package/dist/Input.js +1 -1
- package/dist/Label.js +1 -1
- package/dist/Modal.js +2 -3
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +1 -1
- package/dist/NoData.js +1 -1
- package/dist/Pane.js +2 -3
- package/dist/Pane.js.map +1 -1
- package/dist/Radio.js +1 -1
- package/dist/Select.js +0 -1
- package/dist/Select.js.map +1 -1
- package/dist/Slider.js +1 -1
- package/dist/Spinner.js +1 -9
- package/dist/Spinner.js.map +1 -1
- package/dist/Switch.js +1 -1
- package/dist/Table.js +2 -2
- package/dist/{Textarea-f6ad0ef9.js → Textarea-b14bae86.js} +1 -1
- package/dist/{Textarea-f6ad0ef9.js.map → Textarea-b14bae86.js.map} +1 -1
- package/dist/Textarea.js +2 -2
- package/dist/TimePicker.js +5 -5
- package/dist/TreeSelect.js +1 -1
- package/dist/cjs/ActionDropdown.js +1 -1
- package/dist/cjs/Alert.js +2 -3
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Button.js +6 -66
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Checkbox.js +1 -1
- package/dist/cjs/ColorPicker.js +1 -1
- package/dist/cjs/DatePicker.js +5 -5
- package/dist/cjs/Dropdown.js +1 -1
- package/dist/cjs/{HeaderCellMenu-1eb017e2.js → HeaderCellMenu-3aab0902.js} +1 -1
- package/dist/cjs/{HeaderCellMenu-1eb017e2.js.map → HeaderCellMenu-3aab0902.js.map} +1 -1
- package/dist/cjs/Input.js +1 -1
- package/dist/cjs/Label.js +1 -1
- package/dist/cjs/Modal.js +2 -3
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +1 -1
- package/dist/cjs/NoData.js +1 -1
- package/dist/cjs/Pane.js +2 -3
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Radio.js +1 -1
- package/dist/cjs/Select.js +0 -1
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Slider.js +1 -1
- package/dist/cjs/Spinner.js +1 -9
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Switch.js +1 -1
- package/dist/cjs/Table.js +2 -2
- package/dist/cjs/{Textarea-af523fdb.js → Textarea-eaf8b986.js} +1 -1
- package/dist/cjs/{Textarea-af523fdb.js.map → Textarea-eaf8b986.js.map} +1 -1
- package/dist/cjs/Textarea.js +2 -2
- package/dist/cjs/TimePicker.js +5 -5
- package/dist/cjs/TreeSelect.js +1 -1
- package/dist/cjs/formik/ActionBlock.js +1 -1
- package/dist/cjs/formik/BlockNavigation.js +2 -3
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +1 -1
- package/dist/cjs/formik/Checkbox.js +1 -1
- package/dist/cjs/formik/Form.js +56 -48
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +1 -1
- package/dist/cjs/formik/Radio.js +1 -1
- package/dist/cjs/formik/Select.js +1 -2
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +1 -1
- package/dist/cjs/formik/Switch.js +1 -1
- package/dist/cjs/formik/Textarea.js +2 -2
- package/dist/cjs/formik/TreeSelect.js +1 -1
- package/dist/cjs/formik/index.js +3 -5
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-34eccc77.js → index-6f49589a.js} +3 -3
- package/dist/cjs/{index-34eccc77.js.map → index-6f49589a.js.map} +1 -1
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +4 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/{useOverlayManager-91348551.js → useOverlayManager-763ee731.js} +87 -2
- package/dist/cjs/useOverlayManager-763ee731.js.map +1 -0
- package/dist/formik/ActionBlock.js +1 -1
- package/dist/formik/BlockNavigation.js +2 -3
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +1 -1
- package/dist/formik/Checkbox.js +1 -1
- package/dist/formik/Form.js +54 -47
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +1 -1
- package/dist/formik/MultiEmailInput.js +1 -1
- package/dist/formik/Radio.js +1 -1
- package/dist/formik/Select.js +1 -2
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +1 -1
- package/dist/formik/Switch.js +1 -1
- package/dist/formik/Textarea.js +2 -2
- package/dist/formik/TreeSelect.js +1 -1
- package/dist/formik/index.js +3 -5
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-23406db4.js → index-94a0e8d0.js} +3 -3
- package/dist/{index-23406db4.js.map → index-94a0e8d0.js.map} +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +4 -5
- package/dist/index.js.map +1 -1
- package/dist/{useOverlayManager-c4efbaee.js → useOverlayManager-5be3be10.js} +87 -2
- package/dist/useOverlayManager-5be3be10.js.map +1 -0
- package/package.json +1 -1
- package/dist/cjs/index-63580e68.js +0 -92
- package/dist/cjs/index-63580e68.js.map +0 -1
- package/dist/cjs/useOverlayManager-91348551.js.map +0 -1
- package/dist/index-283bc6a6.js +0 -90
- package/dist/index-283bc6a6.js.map +0 -1
- package/dist/useOverlayManager-c4efbaee.js.map +0 -1
package/dist/cjs/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n size = SIZES.medium,\n isOpen = false,\n isSubmitting = false,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n onClose = () => {},\n onSubmit = () => {},\n title = \"\",\n message = \"\",\n submitButtonLabel = \"Continue\",\n cancelButtonLabel = \"Cancel\",\n initialFocusRef,\n initialFocusElement,\n hideCancelButton = false,\n}) => {\n const submitButtonRef = useRef(null);\n const cancelButtonRef = useRef(null);\n\n const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n const initialFocusElementRef =\n initialFocusElement === FOCUSABLE_ELEMENTS.submit\n ? submitButtonRef\n : cancelButtonRef;\n\n return (\n <Modal\n {...{\n backdropClassName,\n className,\n closeButton,\n closeOnEsc,\n closeOnOutsideClick,\n isOpen,\n onClose,\n size,\n }}\n data-cy=\"alert-box\"\n {...(hasCustomFocusableElement && {\n initialFocusRef: initialFocusRef || initialFocusElementRef,\n })}\n >\n <Modal.Header>\n <Typography data-cy=\"alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n {message}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n {!hideCancelButton && (\n <Button\n data-cy=\"alert-cancel-button\"\n label={cancelButtonLabel}\n ref={cancelButtonRef}\n style=\"tertiary\"\n onClick={onClose}\n />\n )}\n <Button\n data-cy=\"alert-submit-button\"\n disabled={!isOpen}\n label={submitButtonLabel}\n loading={isSubmitting}\n ref={submitButtonRef}\n style=\"danger\"\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nAlert.propTypes = {\n /**\n * To specify the size of the Alert.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Alert is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Alert is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the callback which will be invoked when the Alert is submitted.\n */\n onSubmit: PropTypes.func,\n /**\n * To provide title to the Alert.\n */\n title: PropTypes.string,\n /**\n * To provide description to the Alert.\n */\n message: PropTypes.node,\n /**\n * To add loading state to submit button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To provide external classNames to the Alert.\n */\n className: PropTypes.string,\n /**\n * To close the Alert on pressing the `Esc` key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Alert should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To provide label to the submit button.\n */\n submitButtonLabel: PropTypes.string,\n /**\n * To provide label to the cancel button.\n */\n cancelButtonLabel: PropTypes.string,\n /**\n * To add custom classes to Backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Alert content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To specify the ref of the element which will receive focus when the Alert is opened.\n * If not specified, the focus will be set to the submit button inside the Alert.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * To specify the element which will receive focus when the Alert is opened.\n */\n initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n /**\n * To hide the cancel button\n */\n hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n size = SIZES.medium,\n isOpen = false,\n isSubmitting = false,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n onClose = () => {},\n onSubmit = () => {},\n title = \"\",\n message = \"\",\n submitButtonLabel = \"Continue\",\n cancelButtonLabel = \"Cancel\",\n initialFocusRef,\n initialFocusElement,\n hideCancelButton = false,\n}) => {\n const submitButtonRef = useRef(null);\n const cancelButtonRef = useRef(null);\n\n const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n const initialFocusElementRef =\n initialFocusElement === FOCUSABLE_ELEMENTS.submit\n ? submitButtonRef\n : cancelButtonRef;\n\n return (\n <Modal\n {...{\n backdropClassName,\n className,\n closeButton,\n closeOnEsc,\n closeOnOutsideClick,\n isOpen,\n onClose,\n size,\n }}\n data-cy=\"alert-box\"\n {...(hasCustomFocusableElement && {\n initialFocusRef: initialFocusRef || initialFocusElementRef,\n })}\n >\n <Modal.Header>\n <Typography data-cy=\"alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n {message}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n {!hideCancelButton && (\n <Button\n data-cy=\"alert-cancel-button\"\n label={cancelButtonLabel}\n ref={cancelButtonRef}\n style=\"tertiary\"\n onClick={onClose}\n />\n )}\n <Button\n data-cy=\"alert-submit-button\"\n disabled={!isOpen}\n label={submitButtonLabel}\n loading={isSubmitting}\n ref={submitButtonRef}\n style=\"danger\"\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nAlert.propTypes = {\n /**\n * To specify the size of the Alert.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Alert is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Alert is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the callback which will be invoked when the Alert is submitted.\n */\n onSubmit: PropTypes.func,\n /**\n * To provide title to the Alert.\n */\n title: PropTypes.string,\n /**\n * To provide description to the Alert.\n */\n message: PropTypes.node,\n /**\n * To add loading state to submit button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To provide external classNames to the Alert.\n */\n className: PropTypes.string,\n /**\n * To close the Alert on pressing the `Esc` key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Alert should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To provide label to the submit button.\n */\n submitButtonLabel: PropTypes.string,\n /**\n * To provide label to the cancel button.\n */\n cancelButtonLabel: PropTypes.string,\n /**\n * To add custom classes to Backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Alert content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To specify the ref of the element which will receive focus when the Alert is opened.\n * If not specified, the focus will be set to the submit button inside the Alert.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * To specify the element which will receive focus when the Alert is opened.\n */\n initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n /**\n * To hide the cancel button\n */\n hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
|
package/dist/cjs/Button.js
CHANGED
|
@@ -6,7 +6,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
8
|
var reactRouterDom = require('react-router-dom');
|
|
9
|
-
var
|
|
9
|
+
var Spinner = require('./Spinner.js');
|
|
10
10
|
var Tooltip = require('./Tooltip.js');
|
|
11
11
|
require('@babel/runtime/helpers/slicedToArray');
|
|
12
12
|
require('@tippyjs/react');
|
|
@@ -20,67 +20,6 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
21
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
22
22
|
|
|
23
|
-
var Spinner = function Spinner(_ref) {
|
|
24
|
-
var color = _ref.color,
|
|
25
|
-
className = _ref.className,
|
|
26
|
-
size = _ref.size;
|
|
27
|
-
return /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
|
|
28
|
-
animate: {
|
|
29
|
-
opacity: 1,
|
|
30
|
-
transition: {
|
|
31
|
-
bounce: 0
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
className: className,
|
|
35
|
-
exit: {
|
|
36
|
-
opacity: 0
|
|
37
|
-
},
|
|
38
|
-
initial: {
|
|
39
|
-
opacity: 0
|
|
40
|
-
}
|
|
41
|
-
}, /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
|
|
42
|
-
exit: {
|
|
43
|
-
opacity: 0
|
|
44
|
-
},
|
|
45
|
-
animate: {
|
|
46
|
-
rotate: [0, 360],
|
|
47
|
-
transition: {
|
|
48
|
-
repeat: Infinity,
|
|
49
|
-
duration: 0.7
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}, /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.svg, {
|
|
53
|
-
fill: "none",
|
|
54
|
-
style: {
|
|
55
|
-
color: color,
|
|
56
|
-
height: size,
|
|
57
|
-
width: size
|
|
58
|
-
},
|
|
59
|
-
viewBox: "0 0 24 24",
|
|
60
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
61
|
-
}, /*#__PURE__*/React__default["default"].createElement("circle", {
|
|
62
|
-
cx: "12",
|
|
63
|
-
cy: "12",
|
|
64
|
-
r: "10",
|
|
65
|
-
stroke: "currentColor",
|
|
66
|
-
strokeWidth: "4",
|
|
67
|
-
style: {
|
|
68
|
-
opacity: 0.5
|
|
69
|
-
}
|
|
70
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
71
|
-
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
|
|
72
|
-
fill: "currentColor",
|
|
73
|
-
style: {
|
|
74
|
-
opacity: 1
|
|
75
|
-
}
|
|
76
|
-
}))));
|
|
77
|
-
};
|
|
78
|
-
Spinner.defaultProps = {
|
|
79
|
-
color: "#ffffff",
|
|
80
|
-
className: null,
|
|
81
|
-
size: 14
|
|
82
|
-
};
|
|
83
|
-
|
|
84
23
|
var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
|
|
85
24
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
86
25
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -197,11 +136,12 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
|
|
|
197
136
|
"aria-hidden": "true",
|
|
198
137
|
className: "neeto-ui-btn__icon",
|
|
199
138
|
size: iconSize
|
|
200
|
-
}), loading && /*#__PURE__*/React__default["default"].createElement(
|
|
139
|
+
}), loading && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
140
|
+
className: "neeto-ui-btn__spinner"
|
|
141
|
+
}, /*#__PURE__*/React__default["default"].createElement(Spinner, {
|
|
201
142
|
"aria-hidden": "true",
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
})));
|
|
143
|
+
size: "small"
|
|
144
|
+
}))));
|
|
205
145
|
});
|
|
206
146
|
Button.displayName = "Button";
|
|
207
147
|
|
package/dist/cjs/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../src/atoms/Spinner.jsx","../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { motion } from \"framer-motion\";\nimport PropTypes from \"prop-types\";\n\nconst Spinner = ({ color, className, size }) => (\n <motion.div\n animate={{ opacity: 1, transition: { bounce: 0 } }}\n className={className}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n >\n <motion.div\n exit={{ opacity: 0 }}\n animate={{\n rotate: [0, 360],\n transition: { repeat: Infinity, duration: 0.7 },\n }}\n >\n <motion.svg\n fill=\"none\"\n style={{ color, height: size, width: size }}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n style={{ opacity: 0.5 }}\n />\n <path\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n style={{ opacity: 1 }}\n />\n </motion.svg>\n </motion.div>\n </motion.div>\n);\n\nSpinner.propTypes = {\n color: PropTypes.string,\n className: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSpinner.defaultProps = {\n color: \"#ffffff\",\n className: null,\n size: 14,\n};\n\nexport default Spinner;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"atoms/Spinner\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n (\n {\n icon = null,\n iconPosition = ICON_POSITIONS.right,\n iconSize = 16,\n label = \"\",\n loading = false,\n onClick = () => {},\n to = \"\",\n type = BUTTON_TYPES.button,\n style = BUTTON_STYLES.primary,\n fullWidth = false,\n className = \"\",\n disabled = false,\n size = SIZES.medium,\n href = \"\",\n tooltipProps = null,\n children,\n ...otherProps\n },\n ref\n ) => {\n let Parent = \"button\";\n let elementSpecificProps = { type };\n\n const renderLabel = label || children;\n\n if (!disabled) {\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n }\n }\n\n const handleClick = e => {\n if (loading || disabled) return;\n onClick(e);\n };\n\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i\n className={classnames(\"neeto-ui-btn__icon\", [icon])}\n data-testid=\"class-icon\"\n />\n )\n : icon || React.Fragment;\n\n return (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <Parent\n className={classnames(\"neeto-ui-btn\", [className], {\n \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n \"neeto-ui-btn--style-danger-text\":\n style === BUTTON_STYLES.danger_text,\n \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n \"neeto-ui-btn--size-large\": size === SIZES.large,\n \"neeto-ui-btn--width-full\": fullWidth,\n \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n \"neeto-ui-btn--icon-only\": !renderLabel,\n \"neeto-ui-btn--loading\": loading,\n disabled,\n })}\n onClick={handleClick}\n {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n >\n {renderLabel && (\n <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n )}\n {icon && (\n <Icon\n aria-hidden=\"true\"\n className=\"neeto-ui-btn__icon\"\n size={iconSize}\n />\n )}\n {loading && (\n <Spinner\n aria-hidden=\"true\"\n className=\"neeto-ui-btn__spinner\"\n size={16}\n />\n )}\n </Parent>\n </Tooltip>\n );\n }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * To set the size of the Button.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the position of the icon.\n */\n iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n /**\n * To specify the size of the icon.\n */\n iconSize: PropTypes.number,\n /**\n * To set the text to be displayed inside the Button.\n */\n label: PropTypes.string,\n /**\n * Indicates if a Button is in loading state and shows spinner if true.\n */\n loading: PropTypes.bool,\n /**\n * To set Button as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To set the icon to be shown in the Button.\n */\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.element,\n ]),\n /**\n * To specify the action to be triggered on clicking the Button.\n */\n onClick: PropTypes.func,\n /**\n * To specify an internal route to which the Button points to.\n */\n to: PropTypes.string,\n /**\n * To specify an external link to which the Button points to.\n */\n href: PropTypes.string,\n /**\n * To specify the type of Button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To set the Button to full width of the container.\n */\n fullWidth: PropTypes.bool,\n /**\n * To provide external classnames to Button component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To specify the children to be rendered inside the Button.\n */\n children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["Spinner","_ref","color","className","size","React","createElement","motion","div","animate","opacity","transition","bounce","exit","initial","rotate","repeat","Infinity","duration","svg","fill","style","height","width","viewBox","xmlns","cx","cy","r","stroke","strokeWidth","d","defaultProps","BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","forwardRef","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","_ref$fullWidth","fullWidth","_ref$className","_ref$disabled","disabled","_ref$size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","classnames","Fragment","Tooltip","_extends","_objectSpread","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n (\n {\n icon = null,\n iconPosition = ICON_POSITIONS.right,\n iconSize = 16,\n label = \"\",\n loading = false,\n onClick = () => {},\n to = \"\",\n type = BUTTON_TYPES.button,\n style = BUTTON_STYLES.primary,\n fullWidth = false,\n className = \"\",\n disabled = false,\n size = SIZES.medium,\n href = \"\",\n tooltipProps = null,\n children,\n ...otherProps\n },\n ref\n ) => {\n let Parent = \"button\";\n let elementSpecificProps = { type };\n\n const renderLabel = label || children;\n\n if (!disabled) {\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n }\n }\n\n const handleClick = e => {\n if (loading || disabled) return;\n onClick(e);\n };\n\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i\n className={classnames(\"neeto-ui-btn__icon\", [icon])}\n data-testid=\"class-icon\"\n />\n )\n : icon || React.Fragment;\n\n return (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <Parent\n className={classnames(\"neeto-ui-btn\", [className], {\n \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n \"neeto-ui-btn--style-danger-text\":\n style === BUTTON_STYLES.danger_text,\n \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n \"neeto-ui-btn--size-large\": size === SIZES.large,\n \"neeto-ui-btn--width-full\": fullWidth,\n \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n \"neeto-ui-btn--icon-only\": !renderLabel,\n \"neeto-ui-btn--loading\": loading,\n disabled,\n })}\n onClick={handleClick}\n {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n >\n {renderLabel && (\n <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n )}\n {icon && (\n <Icon\n aria-hidden=\"true\"\n className=\"neeto-ui-btn__icon\"\n size={iconSize}\n />\n )}\n {loading && (\n <span className=\"neeto-ui-btn__spinner\">\n <Spinner aria-hidden=\"true\" size=\"small\" />\n </span>\n )}\n </Parent>\n </Tooltip>\n );\n }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * To set the size of the Button.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the position of the icon.\n */\n iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n /**\n * To specify the size of the icon.\n */\n iconSize: PropTypes.number,\n /**\n * To set the text to be displayed inside the Button.\n */\n label: PropTypes.string,\n /**\n * Indicates if a Button is in loading state and shows spinner if true.\n */\n loading: PropTypes.bool,\n /**\n * To set Button as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To set the icon to be shown in the Button.\n */\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.element,\n ]),\n /**\n * To specify the action to be triggered on clicking the Button.\n */\n onClick: PropTypes.func,\n /**\n * To specify an internal route to which the Button points to.\n */\n to: PropTypes.string,\n /**\n * To specify an external link to which the Button points to.\n */\n href: PropTypes.string,\n /**\n * To specify the type of Button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To set the Button to full width of the container.\n */\n fullWidth: PropTypes.bool,\n /**\n * To provide external classnames to Button component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To specify the children to be rendered inside the Button.\n */\n children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","React","forwardRef","_ref","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","createElement","classnames","Fragment","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":"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"}
|
package/dist/cjs/Checkbox.js
CHANGED
package/dist/cjs/ColorPicker.js
CHANGED
|
@@ -15,7 +15,7 @@ var index = require('./index-7a8fe498.js');
|
|
|
15
15
|
require('@babel/runtime/helpers/defineProperty');
|
|
16
16
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
17
17
|
require('react-router-dom');
|
|
18
|
-
require('
|
|
18
|
+
require('./Spinner.js');
|
|
19
19
|
require('./Tooltip.js');
|
|
20
20
|
require('@tippyjs/react');
|
|
21
21
|
require('tippy.js');
|
package/dist/cjs/DatePicker.js
CHANGED
|
@@ -25,7 +25,7 @@ require('react-colorful');
|
|
|
25
25
|
require('./tinycolor-b1e9a7b2.js');
|
|
26
26
|
require('./Dropdown.js');
|
|
27
27
|
require('./index-7a8fe498.js');
|
|
28
|
-
var DatePicker = require('./index-
|
|
28
|
+
var DatePicker = require('./index-6f49589a.js');
|
|
29
29
|
require('./Input.js');
|
|
30
30
|
require('./Label.js');
|
|
31
31
|
require('./MultiEmailInput.js');
|
|
@@ -34,7 +34,7 @@ require('./useId-4e3deb5c.js');
|
|
|
34
34
|
require('@bigbinary/neeto-hotkeys');
|
|
35
35
|
require('./overlayManager.js');
|
|
36
36
|
require('qs');
|
|
37
|
-
require('./Textarea-
|
|
37
|
+
require('./Textarea-eaf8b986.js');
|
|
38
38
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
39
39
|
require('./Pane.js');
|
|
40
40
|
require('./Popover.js');
|
|
@@ -69,7 +69,7 @@ require('./Switch.js');
|
|
|
69
69
|
require('./Tab.js');
|
|
70
70
|
require('antd/lib/table');
|
|
71
71
|
require('react-drag-listview');
|
|
72
|
-
require('./HeaderCellMenu-
|
|
72
|
+
require('./HeaderCellMenu-3aab0902.js');
|
|
73
73
|
require('react-resizable');
|
|
74
74
|
require('./Tag.js');
|
|
75
75
|
require('./Toastr.js');
|
|
@@ -82,11 +82,11 @@ require('dayjs/plugin/utc');
|
|
|
82
82
|
require('dayjs/plugin/weekday');
|
|
83
83
|
require('dayjs/plugin/weekOfYear');
|
|
84
84
|
require('./en-c1fe180c.js');
|
|
85
|
+
require('./Spinner.js');
|
|
85
86
|
require('./Tooltip.js');
|
|
86
|
-
require('./useOverlayManager-
|
|
87
|
+
require('./useOverlayManager-763ee731.js');
|
|
87
88
|
require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
|
|
88
89
|
require('@babel/runtime/helpers/esm/inheritsLoose');
|
|
89
|
-
require('./index-63580e68.js');
|
|
90
90
|
require('@babel/runtime/helpers/esm/assertThisInitialized');
|
|
91
91
|
require('./constants.js');
|
|
92
92
|
require('@babel/runtime/helpers/toArray');
|
package/dist/cjs/Dropdown.js
CHANGED
|
@@ -14,7 +14,7 @@ var index = require('./index-7a8fe498.js');
|
|
|
14
14
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
15
15
|
var Tooltip = require('./Tooltip.js');
|
|
16
16
|
var reactRouterDom = require('react-router-dom');
|
|
17
|
-
require('
|
|
17
|
+
require('./Spinner.js');
|
|
18
18
|
require('tippy.js');
|
|
19
19
|
require('@babel/runtime/helpers/classCallCheck');
|
|
20
20
|
require('@babel/runtime/helpers/createClass');
|
|
@@ -144,4 +144,4 @@ var HeaderCellMenu = function HeaderCellMenu(_ref) {
|
|
|
144
144
|
exports.HeaderCellMenu = HeaderCellMenu;
|
|
145
145
|
exports.TABLE_SORT_ORDERS = TABLE_SORT_ORDERS;
|
|
146
146
|
exports.URL_SORT_ORDERS = URL_SORT_ORDERS;
|
|
147
|
-
//# sourceMappingURL=HeaderCellMenu-
|
|
147
|
+
//# sourceMappingURL=HeaderCellMenu-3aab0902.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCellMenu-1eb017e2.js","sources":["../../src/components/Table/constants.js","../../src/components/Table/components/HeaderCell/HeaderCellMenu.jsx"],"sourcesContent":["export const URL_SORT_ORDERS = { ascend: \"asc\", descend: \"desc\" };\n\nexport const TABLE_SORT_ORDERS = { asc: \"ascend\", desc: \"descend\" };\n\nexport const COLUMN_ADD_DIRECTION = { left: 0, right: 1 };\n","import React, { useRef } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Check, MenuHorizontal } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Dropdown from \"components/Dropdown\";\nimport Popover from \"components/Popover\";\nimport {\n COLUMN_ADD_DIRECTION,\n TABLE_SORT_ORDERS,\n} from \"components/Table/constants\";\nimport Typography from \"components/Typography\";\nimport { getLocale } from \"utils\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst HeaderCellMenu = ({\n onSort,\n column = {},\n sortedInfo,\n isSortable,\n isAddEnabled,\n isColumnDeletable,\n isHidable,\n onColumnHide,\n onAddColumn,\n onColumnDelete,\n hasMoreActions,\n onMoreActionClick,\n columnTitle = null,\n moreActions = [],\n}) => {\n const { t, i18n } = useTranslation();\n const columnInfoButtonReference = useRef();\n\n return (\n <div onClick={event => event.stopPropagation()}>\n <Dropdown\n appendTo={() => document.body}\n className=\"flex\"\n icon={MenuHorizontal}\n position=\"auto\"\n strategy=\"fixed\"\n buttonProps={{\n className: \"min-h-0 flex-shrink-0\",\n style: \"text\",\n size: \"medium\",\n \"data-testid\": \"column-menu-button\",\n \"data-dropdown-button-style\": \"more-dropdown\",\n }}\n >\n <Menu\n className=\"cursor-auto\"\n onMouseDown={event => event.preventDefault()}\n >\n {isSortable && (\n <>\n <MenuItem.Button\n className=\"flex items-center justify-between\"\n onClick={() =>\n onSort({\n column,\n columnKey: column.key,\n field: column.dataIndex || column.key,\n order: TABLE_SORT_ORDERS.asc,\n })\n }\n >\n <span>{getLocale(i18n, t, \"neetoui.table.ascending\")}</span>\n {sortedInfo.order === TABLE_SORT_ORDERS.asc &&\n sortedInfo.field === column.dataIndex && (\n <Check className=\"neeto-ui-text-success-500\" size={20} />\n )}\n </MenuItem.Button>\n <MenuItem.Button\n className=\"flex items-center justify-between\"\n onClick={() =>\n onSort({\n column,\n columnKey: column.key,\n field: column.dataIndex,\n order: TABLE_SORT_ORDERS.desc,\n })\n }\n >\n <span>{getLocale(i18n, t, \"neetoui.table.descending\")}</span>\n {sortedInfo.order === TABLE_SORT_ORDERS.desc &&\n sortedInfo.field === column.dataIndex && (\n <Check className=\"neeto-ui-text-success-500\" size={20} />\n )}\n </MenuItem.Button>\n </>\n )}\n {isAddEnabled && (\n <>\n <MenuItem.Button\n onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.right)}\n >\n {getLocale(i18n, t, \"neetoui.table.insertColRight\")}\n </MenuItem.Button>\n <MenuItem.Button\n onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.left)}\n >\n {getLocale(i18n, t, \"neetoui.table.insertColLeft\")}\n </MenuItem.Button>\n </>\n )}\n {isPresent(column?.description) && (\n <>\n <MenuItem.Button ref={columnInfoButtonReference}>\n {getLocale(i18n, t, \"neetoui.table.columnInfo\")}\n </MenuItem.Button>\n <Popover\n className=\"cursor-auto\"\n hideOnClick={false}\n interactiveDebounce={20}\n offset={[0, 15]}\n position=\"right\"\n reference={columnInfoButtonReference}\n strategy=\"fixed\"\n >\n {columnTitle && <Popover.Title>{columnTitle}</Popover.Title>}\n <Typography\n className=\"w-72 max-w-full whitespace-normal normal-case\"\n lineHeight=\"normal\"\n style=\"body2\"\n weight=\"normal\"\n >\n {column?.description}\n </Typography>\n </Popover>\n </>\n )}\n {isHidable && (\n <MenuItem.Button onClick={() => onColumnHide(column)}>\n {getLocale(i18n, t, \"neetoui.table.hideColumn\")}\n </MenuItem.Button>\n )}\n {isColumnDeletable && (\n <MenuItem.Button onClick={() => onColumnDelete(column.id)}>\n {getLocale(i18n, t, \"neetoui.table.deleteColumn\")}\n </MenuItem.Button>\n )}\n {hasMoreActions &&\n moreActions.map((item, index) => (\n <MenuItem.Button\n key={index}\n onClick={() => onMoreActionClick(item.type, column)}\n >\n {item.label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n </div>\n );\n};\n\nexport default HeaderCellMenu;\n"],"names":["URL_SORT_ORDERS","ascend","descend","TABLE_SORT_ORDERS","asc","desc","COLUMN_ADD_DIRECTION","left","right","Menu","Dropdown","MenuItem","HeaderCellMenu","_ref","onSort","_ref$column","column","sortedInfo","isSortable","isAddEnabled","isColumnDeletable","isHidable","onColumnHide","onAddColumn","onColumnDelete","hasMoreActions","onMoreActionClick","_ref$columnTitle","columnTitle","_ref$moreActions","moreActions","_useTranslation","useTranslation","t","i18n","columnInfoButtonReference","useRef","React","createElement","onClick","event","stopPropagation","appendTo","document","body","className","icon","MenuHorizontal","position","strategy","buttonProps","style","size","onMouseDown","preventDefault","Fragment","Button","columnKey","key","field","dataIndex","order","getLocale","Check","isPresent","description","ref","Popover","hideOnClick","interactiveDebounce","offset","reference","Title","Typography","lineHeight","weight","id","map","item","index","type","label"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"HeaderCellMenu-3aab0902.js","sources":["../../src/components/Table/constants.js","../../src/components/Table/components/HeaderCell/HeaderCellMenu.jsx"],"sourcesContent":["export const URL_SORT_ORDERS = { ascend: \"asc\", descend: \"desc\" };\n\nexport const TABLE_SORT_ORDERS = { asc: \"ascend\", desc: \"descend\" };\n\nexport const COLUMN_ADD_DIRECTION = { left: 0, right: 1 };\n","import React, { useRef } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Check, MenuHorizontal } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Dropdown from \"components/Dropdown\";\nimport Popover from \"components/Popover\";\nimport {\n COLUMN_ADD_DIRECTION,\n TABLE_SORT_ORDERS,\n} from \"components/Table/constants\";\nimport Typography from \"components/Typography\";\nimport { getLocale } from \"utils\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst HeaderCellMenu = ({\n onSort,\n column = {},\n sortedInfo,\n isSortable,\n isAddEnabled,\n isColumnDeletable,\n isHidable,\n onColumnHide,\n onAddColumn,\n onColumnDelete,\n hasMoreActions,\n onMoreActionClick,\n columnTitle = null,\n moreActions = [],\n}) => {\n const { t, i18n } = useTranslation();\n const columnInfoButtonReference = useRef();\n\n return (\n <div onClick={event => event.stopPropagation()}>\n <Dropdown\n appendTo={() => document.body}\n className=\"flex\"\n icon={MenuHorizontal}\n position=\"auto\"\n strategy=\"fixed\"\n buttonProps={{\n className: \"min-h-0 flex-shrink-0\",\n style: \"text\",\n size: \"medium\",\n \"data-testid\": \"column-menu-button\",\n \"data-dropdown-button-style\": \"more-dropdown\",\n }}\n >\n <Menu\n className=\"cursor-auto\"\n onMouseDown={event => event.preventDefault()}\n >\n {isSortable && (\n <>\n <MenuItem.Button\n className=\"flex items-center justify-between\"\n onClick={() =>\n onSort({\n column,\n columnKey: column.key,\n field: column.dataIndex || column.key,\n order: TABLE_SORT_ORDERS.asc,\n })\n }\n >\n <span>{getLocale(i18n, t, \"neetoui.table.ascending\")}</span>\n {sortedInfo.order === TABLE_SORT_ORDERS.asc &&\n sortedInfo.field === column.dataIndex && (\n <Check className=\"neeto-ui-text-success-500\" size={20} />\n )}\n </MenuItem.Button>\n <MenuItem.Button\n className=\"flex items-center justify-between\"\n onClick={() =>\n onSort({\n column,\n columnKey: column.key,\n field: column.dataIndex,\n order: TABLE_SORT_ORDERS.desc,\n })\n }\n >\n <span>{getLocale(i18n, t, \"neetoui.table.descending\")}</span>\n {sortedInfo.order === TABLE_SORT_ORDERS.desc &&\n sortedInfo.field === column.dataIndex && (\n <Check className=\"neeto-ui-text-success-500\" size={20} />\n )}\n </MenuItem.Button>\n </>\n )}\n {isAddEnabled && (\n <>\n <MenuItem.Button\n onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.right)}\n >\n {getLocale(i18n, t, \"neetoui.table.insertColRight\")}\n </MenuItem.Button>\n <MenuItem.Button\n onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.left)}\n >\n {getLocale(i18n, t, \"neetoui.table.insertColLeft\")}\n </MenuItem.Button>\n </>\n )}\n {isPresent(column?.description) && (\n <>\n <MenuItem.Button ref={columnInfoButtonReference}>\n {getLocale(i18n, t, \"neetoui.table.columnInfo\")}\n </MenuItem.Button>\n <Popover\n className=\"cursor-auto\"\n hideOnClick={false}\n interactiveDebounce={20}\n offset={[0, 15]}\n position=\"right\"\n reference={columnInfoButtonReference}\n strategy=\"fixed\"\n >\n {columnTitle && <Popover.Title>{columnTitle}</Popover.Title>}\n <Typography\n className=\"w-72 max-w-full whitespace-normal normal-case\"\n lineHeight=\"normal\"\n style=\"body2\"\n weight=\"normal\"\n >\n {column?.description}\n </Typography>\n </Popover>\n </>\n )}\n {isHidable && (\n <MenuItem.Button onClick={() => onColumnHide(column)}>\n {getLocale(i18n, t, \"neetoui.table.hideColumn\")}\n </MenuItem.Button>\n )}\n {isColumnDeletable && (\n <MenuItem.Button onClick={() => onColumnDelete(column.id)}>\n {getLocale(i18n, t, \"neetoui.table.deleteColumn\")}\n </MenuItem.Button>\n )}\n {hasMoreActions &&\n moreActions.map((item, index) => (\n <MenuItem.Button\n key={index}\n onClick={() => onMoreActionClick(item.type, column)}\n >\n {item.label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n </div>\n );\n};\n\nexport default HeaderCellMenu;\n"],"names":["URL_SORT_ORDERS","ascend","descend","TABLE_SORT_ORDERS","asc","desc","COLUMN_ADD_DIRECTION","left","right","Menu","Dropdown","MenuItem","HeaderCellMenu","_ref","onSort","_ref$column","column","sortedInfo","isSortable","isAddEnabled","isColumnDeletable","isHidable","onColumnHide","onAddColumn","onColumnDelete","hasMoreActions","onMoreActionClick","_ref$columnTitle","columnTitle","_ref$moreActions","moreActions","_useTranslation","useTranslation","t","i18n","columnInfoButtonReference","useRef","React","createElement","onClick","event","stopPropagation","appendTo","document","body","className","icon","MenuHorizontal","position","strategy","buttonProps","style","size","onMouseDown","preventDefault","Fragment","Button","columnKey","key","field","dataIndex","order","getLocale","Check","isPresent","description","ref","Popover","hideOnClick","interactiveDebounce","offset","reference","Title","Typography","lineHeight","weight","id","map","item","index","type","label"],"mappings":"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"}
|
package/dist/cjs/Input.js
CHANGED
|
@@ -25,7 +25,7 @@ require('@bigbinary/neeto-cist');
|
|
|
25
25
|
require('./en-c1fe180c.js');
|
|
26
26
|
require('@bigbinary/neeto-icons');
|
|
27
27
|
require('./Button.js');
|
|
28
|
-
require('
|
|
28
|
+
require('./Spinner.js');
|
|
29
29
|
require('./Tooltip.js');
|
|
30
30
|
require('@tippyjs/react');
|
|
31
31
|
require('tippy.js');
|
package/dist/cjs/Label.js
CHANGED
|
@@ -11,7 +11,7 @@ var Popover = require('./Popover.js');
|
|
|
11
11
|
var Tooltip = require('./Tooltip.js');
|
|
12
12
|
var Typography = require('./Typography.js');
|
|
13
13
|
require('react-router-dom');
|
|
14
|
-
require('
|
|
14
|
+
require('./Spinner.js');
|
|
15
15
|
require('@babel/runtime/helpers/slicedToArray');
|
|
16
16
|
require('@tippyjs/react');
|
|
17
17
|
require('tippy.js');
|
package/dist/cjs/Modal.js
CHANGED
|
@@ -7,7 +7,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
10
|
-
var useOverlayManager = require('./useOverlayManager-
|
|
10
|
+
var useOverlayManager = require('./useOverlayManager-763ee731.js');
|
|
11
11
|
var Button = require('./Button.js');
|
|
12
12
|
require('react-router-dom');
|
|
13
13
|
require('qs');
|
|
@@ -15,7 +15,6 @@ var Typography = require('./Typography.js');
|
|
|
15
15
|
require('@babel/runtime/helpers/esm/extends');
|
|
16
16
|
require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
|
|
17
17
|
require('@babel/runtime/helpers/esm/inheritsLoose');
|
|
18
|
-
require('./index-63580e68.js');
|
|
19
18
|
require('react-dom');
|
|
20
19
|
require('@babel/runtime/helpers/esm/assertThisInitialized');
|
|
21
20
|
require('ramda');
|
|
@@ -31,7 +30,7 @@ require('dayjs/plugin/weekday');
|
|
|
31
30
|
require('dayjs/plugin/weekOfYear');
|
|
32
31
|
require('@bigbinary/neeto-cist');
|
|
33
32
|
require('./en-c1fe180c.js');
|
|
34
|
-
require('
|
|
33
|
+
require('./Spinner.js');
|
|
35
34
|
require('./Tooltip.js');
|
|
36
35
|
require('@tippyjs/react');
|
|
37
36
|
require('tippy.js');
|
package/dist/cjs/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../src/components/Modal/Body.jsx","../../src/components/Modal/Footer.jsx","../../src/components/Modal/Header.jsx","../../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataCy }) => (\n <div\n className={classnames(\"neeto-ui-modal__body\", className)}\n data-cy={dataCy ?? \"modal-body\"}\n >\n {children}\n </div>\n);\n\nBody.propTypes = {\n /**\n * To specify className to be applied to the Modal Body.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Modal Body.\n */\n children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataCy }) => (\n <div\n className={classnames(\"neeto-ui-modal__footer\", className)}\n data-cy={dataCy ?? \"modal-footer\"}\n >\n {children}\n </div>\n);\n\nFooter.propTypes = {\n /**\n * To specify className to be applied to the Modal Footer.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Modal Footer.\n */\n children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataCy }) => (\n <div\n className={classnames(\"neeto-ui-modal__header\", className)}\n data-cy={dataCy ?? \"modal-header\"}\n >\n {children}\n {description && (\n <div className=\"neeto-ui-modal__header-desc\" data-cy=\"modal-header-desc\">\n <Typography lineHeight=\"normal\" style=\"body2\">\n {description}\n </Typography>\n </div>\n )}\n </div>\n);\n\nHeader.propTypes = {\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify the short description of the Modal.\n */\n description: PropTypes.string,\n /**\n * To specify className to be applied to the Modal Header container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Modal Header.\n */\n children: PropTypes.node,\n};\n\nexport default Header;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\n\nconst SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n size = SIZES.medium,\n isOpen = false,\n onClose = () => {},\n children,\n finalFocusRef,\n initialFocusRef,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n blockScrollOnMount = true,\n closeOnOutsideClick = true,\n ...otherProps\n}) => {\n const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n const modalWrapper = useRef(null);\n const backdropRef = useRef(null);\n\n useOverlayManager(modalWrapper, isOpen);\n\n const { handleOverlayClose, setFocusField } = useOverlay({\n isOpen,\n initialFocusRef,\n finalFocusRef,\n overlayWrapper: modalWrapper,\n onClose,\n backdropRef,\n closeOnOutsideClick,\n closeOnEsc,\n blockScrollOnMount,\n hasTransitionCompleted,\n });\n\n const isFullScreenModal = size === SIZES.fullScreen;\n\n return (\n <Portal rootId=\"neeto-ui-portal\">\n <CSSTransition\n unmountOnExit\n appear={isOpen}\n classNames=\"neeto-ui-modal\"\n in={isOpen}\n timeout={300}\n onEntered={() => setHasTransitionCompleted(true)}\n onExited={() => setHasTransitionCompleted(false)}\n >\n <Backdrop\n data-testid=\"backdrop\"\n key=\"modal-backdrop\"\n ref={backdropRef}\n className={classnames(\n \"neeto-ui-modal__backdrop\",\n {\n \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n },\n backdropClassName\n )}\n >\n <div\n aria-modal\n key=\"modal-wrapper\"\n ref={modalWrapper}\n role=\"dialog\"\n className={classnames(\"neeto-ui-modal__wrapper\", {\n \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n [className]: className,\n })}\n {...otherProps}\n >\n {closeButton && (\n <Button\n aria-label=\"Close\"\n className=\"neeto-ui-modal__close\"\n data-cy=\"modal-close-button\"\n data-testid=\"close-button\"\n icon={Close}\n size={isFullScreenModal ? \"large\" : \"small\"}\n style={isFullScreenModal ? \"secondary\" : \"text\"}\n onClick={handleOverlayClose}\n />\n )}\n {typeof children === \"function\"\n ? children({ setFocusField })\n : children}\n </div>\n </Backdrop>\n </CSSTransition>\n </Portal>\n );\n};\n\nModal.propTypes = {\n /**\n * To specify the size of the Modal.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Modal is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Modal is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the content to be rendered inside the Modal component.\n */\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n /**\n * To provide external classNames to the Modal.\n */\n className: PropTypes.string,\n /**\n * To close the Modal on pressing the Esc key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Modal should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To add custom classes to backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Modal content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /*\n * To specify the ref of the element which will receive focus when the Modal is closed.\n * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n * */\n finalFocusRef: PropTypes.object,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify the ref of the element which will receive focus when the Modal is opened.\n * If not specified, the focus will be set to the first focusable element inside the Modal.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify whether the scroll should be blocked when the Modal is opened.\n * */\n blockScrollOnMount: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataCy","React","createElement","classnames","Footer","Header","_ref$description","description","Typography","lineHeight","style","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../src/components/Modal/Body.jsx","../../src/components/Modal/Footer.jsx","../../src/components/Modal/Header.jsx","../../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataCy }) => (\n <div\n className={classnames(\"neeto-ui-modal__body\", className)}\n data-cy={dataCy ?? \"modal-body\"}\n >\n {children}\n </div>\n);\n\nBody.propTypes = {\n /**\n * To specify className to be applied to the Modal Body.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Modal Body.\n */\n children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataCy }) => (\n <div\n className={classnames(\"neeto-ui-modal__footer\", className)}\n data-cy={dataCy ?? \"modal-footer\"}\n >\n {children}\n </div>\n);\n\nFooter.propTypes = {\n /**\n * To specify className to be applied to the Modal Footer.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Modal Footer.\n */\n children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataCy }) => (\n <div\n className={classnames(\"neeto-ui-modal__header\", className)}\n data-cy={dataCy ?? \"modal-header\"}\n >\n {children}\n {description && (\n <div className=\"neeto-ui-modal__header-desc\" data-cy=\"modal-header-desc\">\n <Typography lineHeight=\"normal\" style=\"body2\">\n {description}\n </Typography>\n </div>\n )}\n </div>\n);\n\nHeader.propTypes = {\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify the short description of the Modal.\n */\n description: PropTypes.string,\n /**\n * To specify className to be applied to the Modal Header container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Modal Header.\n */\n children: PropTypes.node,\n};\n\nexport default Header;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\n\nconst SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n size = SIZES.medium,\n isOpen = false,\n onClose = () => {},\n children,\n finalFocusRef,\n initialFocusRef,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n blockScrollOnMount = true,\n closeOnOutsideClick = true,\n ...otherProps\n}) => {\n const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n const modalWrapper = useRef(null);\n const backdropRef = useRef(null);\n\n useOverlayManager(modalWrapper, isOpen);\n\n const { handleOverlayClose, setFocusField } = useOverlay({\n isOpen,\n initialFocusRef,\n finalFocusRef,\n overlayWrapper: modalWrapper,\n onClose,\n backdropRef,\n closeOnOutsideClick,\n closeOnEsc,\n blockScrollOnMount,\n hasTransitionCompleted,\n });\n\n const isFullScreenModal = size === SIZES.fullScreen;\n\n return (\n <Portal rootId=\"neeto-ui-portal\">\n <CSSTransition\n unmountOnExit\n appear={isOpen}\n classNames=\"neeto-ui-modal\"\n in={isOpen}\n timeout={300}\n onEntered={() => setHasTransitionCompleted(true)}\n onExited={() => setHasTransitionCompleted(false)}\n >\n <Backdrop\n data-testid=\"backdrop\"\n key=\"modal-backdrop\"\n ref={backdropRef}\n className={classnames(\n \"neeto-ui-modal__backdrop\",\n {\n \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n },\n backdropClassName\n )}\n >\n <div\n aria-modal\n key=\"modal-wrapper\"\n ref={modalWrapper}\n role=\"dialog\"\n className={classnames(\"neeto-ui-modal__wrapper\", {\n \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n [className]: className,\n })}\n {...otherProps}\n >\n {closeButton && (\n <Button\n aria-label=\"Close\"\n className=\"neeto-ui-modal__close\"\n data-cy=\"modal-close-button\"\n data-testid=\"close-button\"\n icon={Close}\n size={isFullScreenModal ? \"large\" : \"small\"}\n style={isFullScreenModal ? \"secondary\" : \"text\"}\n onClick={handleOverlayClose}\n />\n )}\n {typeof children === \"function\"\n ? children({ setFocusField })\n : children}\n </div>\n </Backdrop>\n </CSSTransition>\n </Portal>\n );\n};\n\nModal.propTypes = {\n /**\n * To specify the size of the Modal.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Modal is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Modal is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the content to be rendered inside the Modal component.\n */\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n /**\n * To provide external classNames to the Modal.\n */\n className: PropTypes.string,\n /**\n * To close the Modal on pressing the Esc key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Modal should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To add custom classes to backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Modal content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /*\n * To specify the ref of the element which will receive focus when the Modal is closed.\n * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n * */\n finalFocusRef: PropTypes.object,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify the ref of the element which will receive focus when the Modal is opened.\n * If not specified, the focus will be set to the first focusable element inside the Modal.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify whether the scroll should be blocked when the Modal is opened.\n * */\n blockScrollOnMount: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataCy","React","createElement","classnames","Footer","Header","_ref$description","description","Typography","lineHeight","style","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}
|
package/dist/cjs/NoData.js
CHANGED
|
@@ -10,7 +10,7 @@ var Tooltip = require('./Tooltip.js');
|
|
|
10
10
|
var Typography = require('./Typography.js');
|
|
11
11
|
require('@babel/runtime/helpers/defineProperty');
|
|
12
12
|
require('react-router-dom');
|
|
13
|
-
require('
|
|
13
|
+
require('./Spinner.js');
|
|
14
14
|
require('@babel/runtime/helpers/slicedToArray');
|
|
15
15
|
require('@tippyjs/react');
|
|
16
16
|
require('tippy.js');
|
package/dist/cjs/Pane.js
CHANGED
|
@@ -7,14 +7,13 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
10
|
-
var useOverlayManager = require('./useOverlayManager-
|
|
10
|
+
var useOverlayManager = require('./useOverlayManager-763ee731.js');
|
|
11
11
|
var Button = require('./Button.js');
|
|
12
12
|
require('react-router-dom');
|
|
13
13
|
require('qs');
|
|
14
14
|
require('@babel/runtime/helpers/esm/extends');
|
|
15
15
|
require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
|
|
16
16
|
require('@babel/runtime/helpers/esm/inheritsLoose');
|
|
17
|
-
require('./index-63580e68.js');
|
|
18
17
|
require('react-dom');
|
|
19
18
|
require('@babel/runtime/helpers/esm/assertThisInitialized');
|
|
20
19
|
require('ramda');
|
|
@@ -30,7 +29,7 @@ require('dayjs/plugin/weekday');
|
|
|
30
29
|
require('dayjs/plugin/weekOfYear');
|
|
31
30
|
require('@bigbinary/neeto-cist');
|
|
32
31
|
require('./en-c1fe180c.js');
|
|
33
|
-
require('
|
|
32
|
+
require('./Spinner.js');
|
|
34
33
|
require('./Tooltip.js');
|
|
35
34
|
require('@tippyjs/react');
|
|
36
35
|
require('tippy.js');
|
package/dist/cjs/Pane.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pane.js","sources":["../../src/components/Pane/Body.jsx","../../src/components/Pane/constants.js","../../src/components/Pane/Footer.jsx","../../src/components/Pane/Header.jsx","../../src/components/Pane/utils.js","../../src/components/Pane/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, hasFooter = true }) => (\n <div\n data-cy=\"pane-body\"\n className={classnames(\n \"neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start\",\n {\n \"neeto-ui-pane__body--has-footer\": hasFooter,\n [className]: className,\n }\n )}\n >\n {children}\n </div>\n);\n\nBody.propTypes = {\n /**\n * To specify if the Pane has a footer.\n * @default true\n */\n hasFooter: PropTypes.bool,\n /**\n * To specify className to be applied to the Pane Body container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Pane Body.\n */\n children: PropTypes.node,\n};\n\nexport default Body;\n","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className }) => (\n <div\n className={classnames(\n \"neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center\",\n className\n )}\n >\n {children}\n </div>\n);\n\nFooter.propTypes = {\n /**\n * To specify className to be applied to the Pane Footer container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Pane Footer.\n */\n children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Header = ({ children, className }) => (\n <div\n className={classnames(\"neeto-ui-pane__header\", className)}\n data-cy=\"pane-header\"\n >\n {children}\n </div>\n);\n\nHeader.propTypes = {\n /**\n * To specify className to be applied to the Pane Header container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Pane Header.\n */\n children: PropTypes.node,\n};\n\nexport default Header;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeaderHeight = paneWrapper => {\n const header = paneWrapper.current.querySelector(\".neeto-ui-pane__header\");\n\n return header ? header.offsetHeight : DEFAULT_PANE_HEADER_HEIGHT;\n};\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlay, useOverlayManager } from \"hooks\";\n\nimport Body from \"./Body\";\nimport { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\" };\n\nconst Pane = ({\n size = SIZES.small,\n isOpen = false,\n onClose = () => {},\n children,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n initialFocusRef,\n finalFocusRef,\n ...otherProps\n}) => {\n const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n const paneWrapper = useRef(null);\n const backdropRef = useRef(null);\n\n useOverlayManager(paneWrapper, isOpen);\n\n const { handleOverlayClose, setFocusField } = useOverlay({\n overlayWrapper: paneWrapper,\n backdropRef,\n closeOnOutsideClick,\n closeOnEsc,\n onClose,\n isOpen,\n initialFocusRef,\n finalFocusRef,\n hasTransitionCompleted,\n });\n\n useEffect(() => {\n if (!hasTransitionCompleted) return;\n const headerHeight = getHeaderHeight(paneWrapper);\n if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n paneWrapper.current.style.setProperty(\n \"--neeto-ui-pane-header-height\",\n `${headerHeight}px`\n );\n }\n }, [hasTransitionCompleted]);\n\n return (\n <Portal rootId=\"neeto-ui-portal\">\n <CSSTransition\n unmountOnExit\n appear={isOpen}\n classNames=\"neeto-ui-pane\"\n in={isOpen}\n timeout={230}\n onEntered={() => setHasTransitionCompleted(true)}\n onExited={() => setHasTransitionCompleted(false)}\n >\n <Backdrop\n data-testid=\"backdrop\"\n key=\"pane-backdrop\"\n ref={backdropRef}\n className={classnames(\n \"neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end\",\n backdropClassName\n )}\n >\n <div\n data-cy=\"pane-wrapper\"\n key=\"pane-wrapper\"\n ref={paneWrapper}\n className={classnames(\"neeto-ui-pane__wrapper\", {\n \"neeto-ui-pane__wrapper--small\": size === SIZES.small,\n \"neeto-ui-pane__wrapper--large\": size === SIZES.large,\n [className]: className,\n })}\n {...otherProps}\n >\n {closeButton && (\n <Button\n aria-label=\"Close\"\n className=\"neeto-ui-pane__close\"\n data-cy=\"pane-close-button\"\n data-testid=\"close-button\"\n icon={Close}\n size=\"small\"\n style=\"text\"\n onClick={handleOverlayClose}\n />\n )}\n {hasTransitionCompleted && (\n <>\n {typeof children === \"function\"\n ? children({ setFocusField })\n : children}\n </>\n )}\n </div>\n </Backdrop>\n </CSSTransition>\n </Portal>\n );\n};\n\nPane.propTypes = {\n /**\n * To specify the size of the Pane.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Pane component is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the close button of Pane is clicked.\n */\n onClose: PropTypes.func,\n /**\n * To specify the content to be rendered inside the Pane component.\n */\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n /**\n * To provide external classname to the Pane component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Pane component should close on esc key press.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the Pane component should render close button.\n */\n closeButton: PropTypes.bool,\n /**\n * To specify the classname to be applied to the backdrop element.\n */\n backdropClassName: PropTypes.string,\n /**\n * To specify whether the Pane component should close on outside click.\n */\n closeOnOutsideClick: PropTypes.bool,\n\n /**\n * To specify the ref of the element which should be focused when the Pane component is opened.\n * If not specified, the first focusable element inside the Pane component will be focused.\n * If there are no focusable elements, the Pane component itself will be focused.\n */\n initialFocusRef: PropTypes.object,\n\n /**\n * To specify the ref of the element which should be focused when the Pane component is closed.\n * If not specified, the element which was focused when the Pane component was opened will be focused.\n */\n finalFocusRef: PropTypes.object,\n};\n\nPane.Header = Header;\nPane.Body = Body;\nPane.Footer = Footer;\n\nexport default Pane;\n"],"names":["Body","_ref","children","className","_ref$hasFooter","hasFooter","React","createElement","classnames","_defineProperty","DEFAULT_PANE_HEADER_HEIGHT","Footer","Header","getHeaderHeight","paneWrapper","header","current","querySelector","offsetHeight","SIZES","small","large","Pane","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","initialFocusRef","finalFocusRef","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","useEffect","headerHeight","style","setProperty","concat","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","Button","icon","Close","onClick","Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Pane.js","sources":["../../src/components/Pane/Body.jsx","../../src/components/Pane/constants.js","../../src/components/Pane/Footer.jsx","../../src/components/Pane/Header.jsx","../../src/components/Pane/utils.js","../../src/components/Pane/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, hasFooter = true }) => (\n <div\n data-cy=\"pane-body\"\n className={classnames(\n \"neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start\",\n {\n \"neeto-ui-pane__body--has-footer\": hasFooter,\n [className]: className,\n }\n )}\n >\n {children}\n </div>\n);\n\nBody.propTypes = {\n /**\n * To specify if the Pane has a footer.\n * @default true\n */\n hasFooter: PropTypes.bool,\n /**\n * To specify className to be applied to the Pane Body container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Pane Body.\n */\n children: PropTypes.node,\n};\n\nexport default Body;\n","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className }) => (\n <div\n className={classnames(\n \"neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center\",\n className\n )}\n >\n {children}\n </div>\n);\n\nFooter.propTypes = {\n /**\n * To specify className to be applied to the Pane Footer container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Pane Footer.\n */\n children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Header = ({ children, className }) => (\n <div\n className={classnames(\"neeto-ui-pane__header\", className)}\n data-cy=\"pane-header\"\n >\n {children}\n </div>\n);\n\nHeader.propTypes = {\n /**\n * To specify className to be applied to the Pane Header container.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Pane Header.\n */\n children: PropTypes.node,\n};\n\nexport default Header;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeaderHeight = paneWrapper => {\n const header = paneWrapper.current.querySelector(\".neeto-ui-pane__header\");\n\n return header ? header.offsetHeight : DEFAULT_PANE_HEADER_HEIGHT;\n};\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlay, useOverlayManager } from \"hooks\";\n\nimport Body from \"./Body\";\nimport { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\" };\n\nconst Pane = ({\n size = SIZES.small,\n isOpen = false,\n onClose = () => {},\n children,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n initialFocusRef,\n finalFocusRef,\n ...otherProps\n}) => {\n const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n const paneWrapper = useRef(null);\n const backdropRef = useRef(null);\n\n useOverlayManager(paneWrapper, isOpen);\n\n const { handleOverlayClose, setFocusField } = useOverlay({\n overlayWrapper: paneWrapper,\n backdropRef,\n closeOnOutsideClick,\n closeOnEsc,\n onClose,\n isOpen,\n initialFocusRef,\n finalFocusRef,\n hasTransitionCompleted,\n });\n\n useEffect(() => {\n if (!hasTransitionCompleted) return;\n const headerHeight = getHeaderHeight(paneWrapper);\n if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n paneWrapper.current.style.setProperty(\n \"--neeto-ui-pane-header-height\",\n `${headerHeight}px`\n );\n }\n }, [hasTransitionCompleted]);\n\n return (\n <Portal rootId=\"neeto-ui-portal\">\n <CSSTransition\n unmountOnExit\n appear={isOpen}\n classNames=\"neeto-ui-pane\"\n in={isOpen}\n timeout={230}\n onEntered={() => setHasTransitionCompleted(true)}\n onExited={() => setHasTransitionCompleted(false)}\n >\n <Backdrop\n data-testid=\"backdrop\"\n key=\"pane-backdrop\"\n ref={backdropRef}\n className={classnames(\n \"neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end\",\n backdropClassName\n )}\n >\n <div\n data-cy=\"pane-wrapper\"\n key=\"pane-wrapper\"\n ref={paneWrapper}\n className={classnames(\"neeto-ui-pane__wrapper\", {\n \"neeto-ui-pane__wrapper--small\": size === SIZES.small,\n \"neeto-ui-pane__wrapper--large\": size === SIZES.large,\n [className]: className,\n })}\n {...otherProps}\n >\n {closeButton && (\n <Button\n aria-label=\"Close\"\n className=\"neeto-ui-pane__close\"\n data-cy=\"pane-close-button\"\n data-testid=\"close-button\"\n icon={Close}\n size=\"small\"\n style=\"text\"\n onClick={handleOverlayClose}\n />\n )}\n {hasTransitionCompleted && (\n <>\n {typeof children === \"function\"\n ? children({ setFocusField })\n : children}\n </>\n )}\n </div>\n </Backdrop>\n </CSSTransition>\n </Portal>\n );\n};\n\nPane.propTypes = {\n /**\n * To specify the size of the Pane.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Pane component is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the close button of Pane is clicked.\n */\n onClose: PropTypes.func,\n /**\n * To specify the content to be rendered inside the Pane component.\n */\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n /**\n * To provide external classname to the Pane component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Pane component should close on esc key press.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the Pane component should render close button.\n */\n closeButton: PropTypes.bool,\n /**\n * To specify the classname to be applied to the backdrop element.\n */\n backdropClassName: PropTypes.string,\n /**\n * To specify whether the Pane component should close on outside click.\n */\n closeOnOutsideClick: PropTypes.bool,\n\n /**\n * To specify the ref of the element which should be focused when the Pane component is opened.\n * If not specified, the first focusable element inside the Pane component will be focused.\n * If there are no focusable elements, the Pane component itself will be focused.\n */\n initialFocusRef: PropTypes.object,\n\n /**\n * To specify the ref of the element which should be focused when the Pane component is closed.\n * If not specified, the element which was focused when the Pane component was opened will be focused.\n */\n finalFocusRef: PropTypes.object,\n};\n\nPane.Header = Header;\nPane.Body = Body;\nPane.Footer = Footer;\n\nexport default Pane;\n"],"names":["Body","_ref","children","className","_ref$hasFooter","hasFooter","React","createElement","classnames","_defineProperty","DEFAULT_PANE_HEADER_HEIGHT","Footer","Header","getHeaderHeight","paneWrapper","header","current","querySelector","offsetHeight","SIZES","small","large","Pane","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","initialFocusRef","finalFocusRef","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","useEffect","headerHeight","style","setProperty","concat","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","Button","icon","Close","onClick","Fragment"],"mappings":"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"}
|