@bigbinary/neetoui 8.3.0-beta2 → 8.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/ActionDropdown.js +7 -6
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +9 -9
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +1 -0
- package/dist/Avatar.js.map +1 -1
- package/dist/Button.js +5 -52
- package/dist/Button.js.map +1 -1
- package/dist/Checkbox.js +6 -5
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +147 -51
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +18 -19
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +4 -3
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +14 -10
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +1 -0
- package/dist/Kbd.js.map +1 -1
- package/dist/Label.js +72 -55
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +21 -8
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +96 -58
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +1 -2
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +5 -5
- package/dist/Pane.js +58 -22
- package/dist/Pane.js.map +1 -1
- package/dist/ProgressBar.js +1 -0
- package/dist/ProgressBar.js.map +1 -1
- package/dist/Radio.js +11 -8
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +52 -22
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +6 -4
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +6 -5
- package/dist/Slider.js.map +1 -1
- package/dist/Stepper.js +1 -0
- package/dist/Stepper.js.map +1 -1
- package/dist/Switch.js +9 -5
- package/dist/Switch.js.map +1 -1
- package/dist/Table.js +358 -194
- package/dist/Table.js.map +1 -1
- package/dist/{Textarea-67a30930.js → Textarea-TKn0l0RC.js} +5 -4
- package/dist/Textarea-TKn0l0RC.js.map +1 -0
- package/dist/Textarea.js +7 -6
- package/dist/Textarea.js.map +1 -1
- package/dist/TimePicker.js +16 -17
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +45 -23
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +17 -11
- package/dist/Tooltip.js.map +1 -1
- package/dist/TranslationProvider.js +45 -13
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +15 -8
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +19 -7
- package/dist/TreeSelect.js.map +1 -1
- package/dist/cjs/Accordion.js +18 -27
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +13 -20
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +15 -20
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +11 -19
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +17 -73
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +5 -13
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +13 -19
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +170 -84
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +18 -19
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +32 -41
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +31 -36
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +5 -11
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +71 -62
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +38 -34
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +124 -97
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +15 -23
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +21 -27
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +74 -47
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +5 -12
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +4 -8
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +25 -31
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +95 -78
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +72 -79
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +15 -23
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +2 -7
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +7 -11
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +22 -25
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +10 -18
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +387 -236
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +9 -16
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-60f7ed17.js → Textarea-DdURL8Dd.js} +21 -29
- package/dist/cjs/Textarea-DdURL8Dd.js.map +1 -0
- package/dist/cjs/Textarea.js +7 -6
- package/dist/cjs/Textarea.js.map +1 -1
- package/dist/cjs/TimePicker.js +16 -17
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +61 -49
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +20 -22
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +48 -21
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +21 -23
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +30 -28
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +4 -12
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js +7 -19
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/{en-80d0fbff.js → en-DhnUUSB_.js} +13 -6
- package/dist/cjs/en-DhnUUSB_.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +12 -18
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +24 -42
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +3 -10
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +10 -16
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +13 -24
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +10 -16
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +8 -15
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +10 -17
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +9 -17
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +10 -17
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +10 -16
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +11 -17
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +8 -14
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +12 -15
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/index-BG9I04iF.js +451 -0
- package/dist/cjs/index-BG9I04iF.js.map +1 -0
- package/dist/cjs/{index-9d108a41.js → index-DOn2FmWB.js} +80 -80
- package/dist/cjs/index-DOn2FmWB.js.map +1 -0
- package/dist/cjs/index.css +2 -2
- package/dist/cjs/index.js +26 -29
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +6 -7
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +0 -2
- package/dist/cjs/managers.js.map +1 -1
- package/dist/cjs/overlayManager.js +2 -9
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js} +231 -140
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js.map → react-select-creatable.esm-Bdv9YAMt.js.map} +1 -1
- package/dist/cjs/{useId-4e3deb5c.js → useId-DXHUzdxd.js} +1 -1
- package/dist/cjs/{useId-4e3deb5c.js.map → useId-DXHUzdxd.js.map} +1 -1
- package/dist/cjs/{useOverlayManager-d4108cf8.js → useOverlayManager-D5NTaYt6.js} +25 -744
- package/dist/cjs/useOverlayManager-D5NTaYt6.js.map +1 -0
- package/dist/cjs/{useQueryParams-a8ee2f76.js → useQueryParams-l5fJJYCR.js} +2 -6
- package/dist/cjs/useQueryParams-l5fJJYCR.js.map +1 -0
- package/dist/cjs/useRecentlyUsedColors-DmV1uj1F.js +1270 -0
- package/dist/cjs/useRecentlyUsedColors-DmV1uj1F.js.map +1 -0
- package/dist/cjs/{HeaderCellMenu-2b1247bb.js → useRestoreScrollPosition-Ck_b0Nh4.js} +87 -88
- package/dist/cjs/useRestoreScrollPosition-Ck_b0Nh4.js.map +1 -0
- package/dist/{en-41f5c641.js → en-_r5-MxJe.js} +13 -6
- package/dist/en-_r5-MxJe.js.map +1 -0
- package/dist/formik/ActionBlock.js +7 -7
- package/dist/formik/BlockNavigation.js +15 -26
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +1 -2
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +6 -5
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +2 -2
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +6 -5
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +5 -5
- package/dist/formik/Radio.js +6 -5
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +5 -5
- package/dist/formik/Slider.js +6 -5
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +6 -5
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +7 -6
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +5 -4
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +12 -13
- package/dist/formik/index.js.map +1 -1
- package/dist/index-BCP3m_SF.js +434 -0
- package/dist/index-BCP3m_SF.js.map +1 -0
- package/dist/{index-fd0e5fa5.js → index-BXAHRXsD.js} +33 -21
- package/dist/index-BXAHRXsD.js.map +1 -0
- package/dist/index.css +2 -2
- package/dist/index.js +26 -27
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +6 -5
- package/dist/layouts.js.map +1 -1
- package/dist/{react-select-creatable.esm-ad71b0c0.js → react-select-creatable.esm-Dx_vEnyD.js} +137 -31
- package/dist/{react-select-creatable.esm-ad71b0c0.js.map → react-select-creatable.esm-Dx_vEnyD.js.map} +1 -1
- package/dist/{useId-c1d20bba.js → useId-Jj9hXm-g.js} +1 -1
- package/dist/{useId-c1d20bba.js.map → useId-Jj9hXm-g.js.map} +1 -1
- package/dist/{useOverlayManager-593daea1.js → useOverlayManager-U3cqV61l.js} +9 -716
- package/dist/useOverlayManager-U3cqV61l.js.map +1 -0
- package/dist/{useQueryParams-dcb34865.js → useQueryParams-b60CHFUx.js} +1 -1
- package/dist/{useQueryParams-dcb34865.js.map → useQueryParams-b60CHFUx.js.map} +1 -1
- package/dist/useRecentlyUsedColors-CJe4G0Xs.js +1267 -0
- package/dist/useRecentlyUsedColors-CJe4G0Xs.js.map +1 -0
- package/dist/{HeaderCellMenu-85777f9d.js → useRestoreScrollPosition-B3J6xSHt.js} +77 -75
- package/dist/useRestoreScrollPosition-B3J6xSHt.js.map +1 -0
- package/package.json +20 -14
- package/src/translations/de.json +7 -2
- package/src/translations/en.json +12 -5
- package/src/translations/es.json +7 -2
- package/src/translations/fr.json +7 -2
- package/src/translations/nl.json +7 -2
- package/src/translations/pl.json +7 -2
- package/src/translations/pt.json +7 -2
- package/types/Button.d.ts +0 -2
- package/types/ColorPicker.d.ts +7 -5
- package/types/DatePicker.d.ts +2 -0
- package/types/Modal.d.ts +1 -1
- package/types/Pane.d.ts +1 -1
- package/types/Select.d.ts +4 -0
- package/types/Table.d.ts +9 -0
- package/types/Toastr.d.ts +3 -1
- package/types/Tree.d.ts +2 -1
- package/dist/HeaderCellMenu-85777f9d.js.map +0 -1
- package/dist/Textarea-67a30930.js.map +0 -1
- package/dist/cjs/HeaderCellMenu-2b1247bb.js.map +0 -1
- package/dist/cjs/Textarea-60f7ed17.js.map +0 -1
- package/dist/cjs/en-80d0fbff.js.map +0 -1
- package/dist/cjs/index-0f5141e0.js +0 -178
- package/dist/cjs/index-0f5141e0.js.map +0 -1
- package/dist/cjs/index-9d108a41.js.map +0 -1
- package/dist/cjs/tinycolor-b1e9a7b2.js +0 -1202
- package/dist/cjs/tinycolor-b1e9a7b2.js.map +0 -1
- package/dist/cjs/useOverlayManager-d4108cf8.js.map +0 -1
- package/dist/cjs/useQueryParams-a8ee2f76.js.map +0 -1
- package/dist/en-41f5c641.js.map +0 -1
- package/dist/index-abadd6e9.js +0 -155
- package/dist/index-abadd6e9.js.map +0 -1
- package/dist/index-fd0e5fa5.js.map +0 -1
- package/dist/tinycolor-282c618c.js +0 -1200
- package/dist/tinycolor-282c618c.js.map +0 -1
- package/dist/useOverlayManager-593daea1.js.map +0 -1
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/Footer.jsx","../../src/components/Pane/Header.jsx","../../src/components/Pane/constants.js","../../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","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","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeader = paneWrapperRef =>\n paneWrapperRef.current?.querySelector(\".neeto-ui-pane__header\");\n\nexport const updateHeaderHeight = (header, paneWrapperRef) => {\n const headerHeight = header?.offsetHeight;\n\n if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n paneWrapperRef.current?.style.setProperty(\n \"--neeto-ui-pane-header-height\",\n `${headerHeight}px`\n );\n } else {\n paneWrapperRef.current?.style.removeProperty(\n \"--neeto-ui-pane-header-height\"\n );\n }\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 Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeader, updateHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\", extraLarge: \"extraLarge\" };\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 paneWrapperRef = useRef(null);\n const backdropRef = useRef(null);\n\n const observerRef = useRef(\n new ResizeObserver(([entry]) =>\n updateHeaderHeight(entry.target, paneWrapperRef)\n )\n );\n\n useOverlayManager(paneWrapperRef, isOpen);\n\n const { handleOverlayClose, setFocusField, isTopOverlay } = useOverlay({\n overlayWrapper: paneWrapperRef,\n backdropRef,\n closeOnOutsideClick,\n closeOnEsc,\n onClose,\n isOpen,\n initialFocusRef,\n finalFocusRef,\n hasTransitionCompleted,\n });\n\n useEffect(() => {\n if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;\n\n const observer = observerRef.current;\n const header = getHeader(paneWrapperRef);\n\n if (header) {\n observer.observe(header);\n\n return () => observer.disconnect();\n }\n\n const mutationObserver = new MutationObserver(() => {\n const header = getHeader(paneWrapperRef);\n if (!header) return;\n\n observer.observe(header);\n mutationObserver.disconnect();\n });\n\n mutationObserver.observe(paneWrapperRef.current, {\n childList: true,\n subtree: true,\n });\n\n return () => {\n mutationObserver.disconnect();\n observer.disconnect();\n };\n }, [hasTransitionCompleted, isTopOverlay]);\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={paneWrapperRef}\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 \"neeto-ui-pane__wrapper--extralarge\": size === SIZES.extraLarge,\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","Footer","Header","DEFAULT_PANE_HEADER_HEIGHT","getHeader","paneWrapperRef","_paneWrapperRef$curre","current","querySelector","updateHeaderHeight","header","headerHeight","offsetHeight","_paneWrapperRef$curre2","style","setProperty","concat","_paneWrapperRef$curre3","removeProperty","SIZES","small","large","extraLarge","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","observerRef","ResizeObserver","_ref2","_ref3","entry","target","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isTopOverlay","useEffect","undefined","observer","observe","disconnect","mutationObserver","MutationObserver","childList","subtree","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","Button","icon","Close","onClick","Fragment"],"mappings":"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"}
|
package/dist/cjs/Popover.js
CHANGED
|
@@ -11,18 +11,11 @@ require('@babel/runtime/helpers/slicedToArray');
|
|
|
11
11
|
require('@tippyjs/react');
|
|
12
12
|
require('tippy.js');
|
|
13
13
|
|
|
14
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
-
|
|
16
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
17
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
20
|
-
|
|
21
14
|
var Title = function Title(_ref) {
|
|
22
15
|
var className = _ref.className,
|
|
23
16
|
children = _ref.children;
|
|
24
|
-
return /*#__PURE__*/
|
|
25
|
-
className:
|
|
17
|
+
return /*#__PURE__*/React.createElement(Typography, {
|
|
18
|
+
className: classnames("neeto-ui-mb-1", className),
|
|
26
19
|
"data-testid": "popover-title",
|
|
27
20
|
lineHeight: "snug",
|
|
28
21
|
style: "h5",
|
|
@@ -37,12 +30,12 @@ var Popover = function Popover(_ref) {
|
|
|
37
30
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
38
31
|
_ref$theme = _ref.theme,
|
|
39
32
|
theme = _ref$theme === void 0 ? "light" : _ref$theme,
|
|
40
|
-
otherProps =
|
|
41
|
-
return /*#__PURE__*/
|
|
33
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
+
return /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
42
35
|
theme: theme,
|
|
43
36
|
arrow: true,
|
|
44
37
|
interactive: true,
|
|
45
|
-
className:
|
|
38
|
+
className: classnames("neeto-ui-popover", className),
|
|
46
39
|
content: children
|
|
47
40
|
}, otherProps));
|
|
48
41
|
};
|
package/dist/cjs/Popover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../src/components/Popover/Title.jsx","../../src/components/Popover/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Title = ({ className, children }) => (\n <Typography\n className={classnames(\"neeto-ui-mb-1\", className)}\n data-testid=\"popover-title\"\n lineHeight=\"snug\"\n style=\"h5\"\n weight=\"semibold\"\n >\n {children}\n </Typography>\n);\n\nTitle.propTypes = {\n /**\n * To specify className to be applied to the Popover Title.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Popover Title.\n */\n children: PropTypes.node,\n};\n\nexport default Title;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Title from \"./Title\";\n\nimport Tooltip from \"../Tooltip\";\n\nconst Popover = ({\n children,\n className = \"\",\n theme = \"light\",\n ...otherProps\n}) => (\n <Tooltip\n {...{ theme }}\n arrow\n interactive\n className={classnames(\"neeto-ui-popover\", className)}\n content={children}\n {...otherProps}\n />\n);\n\nPopover.propTypes = {\n /**\n * The content to be rendered inside the popup.\n */\n children: PropTypes.node,\n /**\n * The popover will be positioned next to the specified element.\n */\n reference: PropTypes.oneOfType([\n // Either a function\n PropTypes.func,\n // Or the instance of a DOM native element (see the note about SSR)\n PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n ]),\n /**\n * To display Popover in dark or light theme. By default the theme is dark.\n */\n theme: PropTypes.oneOf([\"dark\", \"light\"]),\n /**\n * To specify whether the Popover is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the position of the Popover.\n */\n position: PropTypes.string,\n /**\n * To auto-hide the Popover after n-milliseconds.\n * Negative values to this prop disables this feature.\n * By default it's disabled.\n */\n hideAfter: PropTypes.number,\n /**\n * To auto-hide the Popover on when target leaves the screen.\n * By default it's disabled.\n */\n hideOnTargetExit: PropTypes.bool,\n};\n\nPopover.Title = Title;\n\nexport default Popover;\n"],"names":["Title","_ref","className","children","React","createElement","Typography","classnames","lineHeight","style","weight","Popover","_ref$className","_ref$theme","theme","otherProps","_objectWithoutProperties","_excluded","Tooltip","_extends","arrow","interactive","content"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../src/components/Popover/Title.jsx","../../src/components/Popover/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Title = ({ className, children }) => (\n <Typography\n className={classnames(\"neeto-ui-mb-1\", className)}\n data-testid=\"popover-title\"\n lineHeight=\"snug\"\n style=\"h5\"\n weight=\"semibold\"\n >\n {children}\n </Typography>\n);\n\nTitle.propTypes = {\n /**\n * To specify className to be applied to the Popover Title.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Popover Title.\n */\n children: PropTypes.node,\n};\n\nexport default Title;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Title from \"./Title\";\n\nimport Tooltip from \"../Tooltip\";\n\nconst Popover = ({\n children,\n className = \"\",\n theme = \"light\",\n ...otherProps\n}) => (\n <Tooltip\n {...{ theme }}\n arrow\n interactive\n className={classnames(\"neeto-ui-popover\", className)}\n content={children}\n {...otherProps}\n />\n);\n\nPopover.propTypes = {\n /**\n * The content to be rendered inside the popup.\n */\n children: PropTypes.node,\n /**\n * The popover will be positioned next to the specified element.\n */\n reference: PropTypes.oneOfType([\n // Either a function\n PropTypes.func,\n // Or the instance of a DOM native element (see the note about SSR)\n PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n ]),\n /**\n * To display Popover in dark or light theme. By default the theme is dark.\n */\n theme: PropTypes.oneOf([\"dark\", \"light\"]),\n /**\n * To specify whether the Popover is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the position of the Popover.\n */\n position: PropTypes.string,\n /**\n * To auto-hide the Popover after n-milliseconds.\n * Negative values to this prop disables this feature.\n * By default it's disabled.\n */\n hideAfter: PropTypes.number,\n /**\n * To auto-hide the Popover on when target leaves the screen.\n * By default it's disabled.\n */\n hideOnTargetExit: PropTypes.bool,\n};\n\nPopover.Title = Title;\n\nexport default Popover;\n"],"names":["Title","_ref","className","children","React","createElement","Typography","classnames","lineHeight","style","weight","Popover","_ref$className","_ref$theme","theme","otherProps","_objectWithoutProperties","_excluded","Tooltip","_extends","arrow","interactive","content"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AAAA,EAAA,oBAClCC,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTJ,IAAAA,SAAS,EAAEK,UAAU,CAAC,eAAe,EAAEL,SAAS,CAAE;AAClD,IAAA,aAAA,EAAY,eAAe;AAC3BM,IAAAA,UAAU,EAAC,MAAM;AACjBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EAEhBP,QAAQ,CACE,CAAA;AAAA,CACd;;;ACRD,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAAV,IAAA,EAAA;AAAA,EAAA,IACXE,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAS,cAAA,GAAAX,IAAA,CACRC,SAAS;AAATA,IAAAA,SAAS,GAAAU,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAC,UAAA,GAAAZ,IAAA,CACda,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,UAAU,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbb,KAAA,CAAAC,aAAA,CAACa,OAAO,EAAAC,QAAA,CAAA;AACAL,IAAAA,KAAK,EAALA,KAAK;IACXM,KAAK,EAAA,IAAA;IACLC,WAAW,EAAA,IAAA;AACXnB,IAAAA,SAAS,EAAEK,UAAU,CAAC,kBAAkB,EAAEL,SAAS,CAAE;AACrDoB,IAAAA,OAAO,EAAEnB,QAAAA;AAAS,GAAA,EACdY,UAAU,CACd,CAAA,CAAA;AAAA,EACH;AAyCDJ,OAAO,CAACX,KAAK,GAAGA,KAAK;;;;"}
|
package/dist/cjs/ProgressBar.js
CHANGED
|
@@ -4,23 +4,19 @@ var React = require('react');
|
|
|
4
4
|
var classnames = require('classnames');
|
|
5
5
|
var framerMotion = require('framer-motion');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
11
|
-
|
|
12
7
|
var ProgressBar = function ProgressBar(_ref) {
|
|
13
8
|
var progressPercentage = _ref.progressPercentage,
|
|
14
9
|
progressValue = _ref.progressValue,
|
|
15
10
|
_ref$className = _ref.className,
|
|
16
11
|
className = _ref$className === void 0 ? "" : _ref$className;
|
|
17
|
-
return /*#__PURE__*/
|
|
18
|
-
className:
|
|
19
|
-
}, /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
13
|
+
className: classnames(["neeto-ui-progress-bar__wrapper neeto-ui-rounded-full", className])
|
|
14
|
+
}, /*#__PURE__*/React.createElement(framerMotion.motion.div, {
|
|
20
15
|
animate: {
|
|
21
16
|
width: "".concat(progressPercentage, "%")
|
|
22
17
|
},
|
|
23
18
|
className: "neeto-ui-progress-bar neeto-ui-rounded-full",
|
|
19
|
+
"data-cy": "progress-bar",
|
|
24
20
|
initial: {
|
|
25
21
|
width: 0
|
|
26
22
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n <div\n className={classNames([\n \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n className,\n ])}\n >\n <motion.div\n animate={{ width: `${progressPercentage}%` }}\n className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n initial={{ width: 0 }}\n transition={{ duration: 0.5, ease: \"easeInOut\" }}\n >\n {progressValue ?? `${progressPercentage}%`}\n </motion.div>\n </div>\n);\n\nProgressBar.propTypes = {\n /**\n * To specify the value to be used as the width of the progress bar.\n */\n progressPercentage: propTypes.number,\n /**\n * To specify the progress value to be displayed on the progress bar as text.\n */\n progressValue: propTypes.string,\n /**\n * To specify external classnames as overrides to the ProgressBar component.\n */\n className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","React","createElement","classNames","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n <div\n className={classNames([\n \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n className,\n ])}\n >\n <motion.div\n animate={{ width: `${progressPercentage}%` }}\n className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n data-cy=\"progress-bar\"\n initial={{ width: 0 }}\n transition={{ duration: 0.5, ease: \"easeInOut\" }}\n >\n {progressValue ?? `${progressPercentage}%`}\n </motion.div>\n </div>\n);\n\nProgressBar.propTypes = {\n /**\n * To specify the value to be used as the width of the progress bar.\n */\n progressPercentage: propTypes.number,\n /**\n * To specify the progress value to be displayed on the progress bar as text.\n */\n progressValue: propTypes.string,\n /**\n * To specify external classnames as overrides to the ProgressBar component.\n */\n className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","React","createElement","classNames","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":";;;;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBACtEE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,UAAU,CAAC,CACpB,sDAAsD,EACtDH,SAAS,CACV,CAAA;AAAE,GAAA,eAEHC,KAAA,CAAAC,aAAA,CAACE,mBAAM,CAACC,GAAG,EAAA;AACTC,IAAAA,OAAO,EAAE;MAAEC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKX,kBAAkB,EAAA,GAAA,CAAA;KAAM;AAC7CG,IAAAA,SAAS,EAAC,6CAA6C;AACvD,IAAA,SAAA,EAAQ,cAAc;AACtBS,IAAAA,OAAO,EAAE;AAAEF,MAAAA,KAAK,EAAE,CAAA;KAAI;AACtBG,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAG;AAAEC,MAAAA,IAAI,EAAE,WAAA;AAAY,KAAA;GAE9Cd,EAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,MAAAU,MAAA,CAAOX,kBAAkB,EAAA,GAAA,CAAA,CAC5B,CACT,CAAA;AAAA;;;;"}
|
package/dist/cjs/Radio.js
CHANGED
|
@@ -7,11 +7,11 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var Label = require('./Label.js');
|
|
10
|
-
var useId = require('./useId-
|
|
10
|
+
var useId = require('./useId-DXHUzdxd.js');
|
|
11
11
|
require('react-router-dom');
|
|
12
12
|
require('@bigbinary/neeto-hotkeys');
|
|
13
13
|
require('./overlayManager.js');
|
|
14
|
-
var index = require('./index-
|
|
14
|
+
var index = require('./index-BG9I04iF.js');
|
|
15
15
|
require('qs');
|
|
16
16
|
require('@bigbinary/neeto-icons');
|
|
17
17
|
require('./Button.js');
|
|
@@ -23,25 +23,17 @@ require('./Popover.js');
|
|
|
23
23
|
require('./Typography.js');
|
|
24
24
|
require('@babel/runtime/helpers/classCallCheck');
|
|
25
25
|
require('@babel/runtime/helpers/createClass');
|
|
26
|
+
require('@bigbinary/neeto-cist');
|
|
27
|
+
require('ramda');
|
|
28
|
+
require('./en-DhnUUSB_.js');
|
|
29
|
+
require('@babel/runtime/helpers/toConsumableArray');
|
|
26
30
|
require('dayjs');
|
|
27
31
|
require('dayjs/plugin/localeData');
|
|
28
32
|
require('dayjs/plugin/utc');
|
|
29
33
|
require('dayjs/plugin/weekday');
|
|
30
34
|
require('dayjs/plugin/weekOfYear');
|
|
31
|
-
require('@bigbinary/neeto-cist');
|
|
32
|
-
require('ramda');
|
|
33
|
-
require('./en-80d0fbff.js');
|
|
34
|
-
|
|
35
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
36
|
-
|
|
37
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
38
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
39
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
40
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
41
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
42
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
43
35
|
|
|
44
|
-
var _excluded$1 = ["name", "label", "className", "labelProps"];
|
|
36
|
+
var _excluded$1 = ["name", "label", "className", "labelProps", "dataCy"];
|
|
45
37
|
var Item = function Item(_ref) {
|
|
46
38
|
var _ref$name = _ref.name,
|
|
47
39
|
name = _ref$name === void 0 ? "" : _ref$name,
|
|
@@ -50,18 +42,20 @@ var Item = function Item(_ref) {
|
|
|
50
42
|
_ref$className = _ref.className,
|
|
51
43
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
52
44
|
labelProps = _ref.labelProps,
|
|
53
|
-
|
|
45
|
+
_ref$dataCy = _ref.dataCy,
|
|
46
|
+
dataCy = _ref$dataCy === void 0 ? "" : _ref$dataCy,
|
|
47
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
54
48
|
var id = useId.useId(otherProps.id);
|
|
55
|
-
return /*#__PURE__*/
|
|
56
|
-
className:
|
|
57
|
-
}, /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
50
|
+
className: classnames(["neeto-ui-radio__item", className])
|
|
51
|
+
}, /*#__PURE__*/React.createElement("input", _extends({
|
|
58
52
|
id: id,
|
|
59
53
|
name: name,
|
|
60
54
|
className: "neeto-ui-radio",
|
|
61
|
-
"data-cy": "".concat(index.hyphenize(label), "-radio-input"),
|
|
55
|
+
"data-cy": dataCy || "".concat(index.hyphenize(label), "-radio-input"),
|
|
62
56
|
type: "radio"
|
|
63
|
-
}, otherProps)), label && /*#__PURE__*/
|
|
64
|
-
"data-cy": "".concat(index.hyphenize(label), "-radio-label"),
|
|
57
|
+
}, otherProps)), label && /*#__PURE__*/React.createElement(Label, _extends({
|
|
58
|
+
"data-cy": dataCy || "".concat(index.hyphenize(label), "-radio-label"),
|
|
65
59
|
htmlFor: id
|
|
66
60
|
}, labelProps), label));
|
|
67
61
|
};
|
|
@@ -69,7 +63,7 @@ Item.displayName = "Radio.Item";
|
|
|
69
63
|
|
|
70
64
|
var _excluded = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
|
|
71
65
|
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; }
|
|
72
|
-
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) {
|
|
66
|
+
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(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; }
|
|
73
67
|
var Radio = function Radio(_ref) {
|
|
74
68
|
var _ref$label = _ref.label,
|
|
75
69
|
label = _ref$label === void 0 ? "" : _ref$label,
|
|
@@ -84,9 +78,9 @@ var Radio = function Radio(_ref) {
|
|
|
84
78
|
error = _ref$error === void 0 ? "" : _ref$error,
|
|
85
79
|
onChange = _ref.onChange,
|
|
86
80
|
labelProps = _ref.labelProps,
|
|
87
|
-
props =
|
|
81
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
88
82
|
var _useState = React.useState(""),
|
|
89
|
-
_useState2 =
|
|
83
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
90
84
|
internalValue = _useState2[0],
|
|
91
85
|
setInternalValue = _useState2[1];
|
|
92
86
|
var id = useId.useId(props.id);
|
|
@@ -94,12 +88,12 @@ var Radio = function Radio(_ref) {
|
|
|
94
88
|
var internalOnChange = function internalOnChange(e) {
|
|
95
89
|
return setInternalValue(e.target.value);
|
|
96
90
|
};
|
|
97
|
-
return /*#__PURE__*/
|
|
98
|
-
className:
|
|
99
|
-
}, label && /*#__PURE__*/
|
|
91
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
92
|
+
className: classnames(["neeto-ui-radio__wrapper", className])
|
|
93
|
+
}, label && /*#__PURE__*/React.createElement(Label, _extends({
|
|
100
94
|
className: "neeto-ui-radio__label"
|
|
101
|
-
}, labelProps), label), /*#__PURE__*/
|
|
102
|
-
className:
|
|
95
|
+
}, labelProps), label), /*#__PURE__*/React.createElement("div", {
|
|
96
|
+
className: classnames(["neeto-ui-radio__container"], _defineProperty({
|
|
103
97
|
"neeto-ui-radio__container--stacked": stacked,
|
|
104
98
|
"neeto-ui-radio__container--error": error
|
|
105
99
|
}, containerClassName, containerClassName))
|
|
@@ -110,7 +104,7 @@ var Radio = function Radio(_ref) {
|
|
|
110
104
|
checked: (_child$props$checked = child.props.checked) !== null && _child$props$checked !== void 0 ? _child$props$checked : [internalValue, props.value].includes(child.props.value),
|
|
111
105
|
onChange: (_ref2 = (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange) !== null && _ref2 !== void 0 ? _ref2 : internalOnChange
|
|
112
106
|
}));
|
|
113
|
-
})), !!error && /*#__PURE__*/
|
|
107
|
+
})), !!error && /*#__PURE__*/React.createElement("p", {
|
|
114
108
|
className: "neeto-ui-radio-input__error",
|
|
115
109
|
"data-cy": "".concat(index.hyphenize(label), "-radio-input-error"),
|
|
116
110
|
id: errorId
|
package/dist/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["../../src/components/Radio/Item.jsx","../../src/components/Radio/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nconst Item = ({\n name = \"\",\n label = \"\",\n className = \"\",\n labelProps,\n ...otherProps\n}) => {\n const id = useId(otherProps.id);\n\n return (\n <div className={classnames([\"neeto-ui-radio__item\", className])}>\n <input\n {...{ id, name }}\n className=\"neeto-ui-radio\"\n data-cy={`${hyphenize(label)}-radio-input`}\n type=\"radio\"\n {...otherProps}\n />\n {label && (\n <Label\n data-cy={`${hyphenize(label)}-radio-label`}\n htmlFor={id}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n </div>\n );\n};\n\nItem.displayName = \"Radio.Item\";\n\nItem.propTypes = {\n /**\n * To specify the name of the radio group.\n */\n name: PropTypes.string,\n /**\n * To specify the label to be displayed for radio item.\n */\n label: PropTypes.node,\n /**\n * To specify external classnames as overrides to the radio item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, Children, cloneElement } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Item from \"./Item\";\n\nconst Radio = ({\n label = \"\",\n children,\n stacked = false,\n className = \"\",\n containerClassName = \"\",\n error = \"\",\n onChange,\n labelProps,\n ...props\n}) => {\n const [internalValue, setInternalValue] = useState(\"\");\n\n const id = useId(props.id);\n const errorId = `error_${id}`;\n\n const internalOnChange = e => setInternalValue(e.target.value);\n\n return (\n <div className={classnames([\"neeto-ui-radio__wrapper\", className])}>\n {label && (\n <Label className=\"neeto-ui-radio__label\" {...labelProps}>\n {label}\n </Label>\n )}\n <div\n className={classnames([\"neeto-ui-radio__container\"], {\n \"neeto-ui-radio__container--stacked\": stacked,\n \"neeto-ui-radio__container--error\": error,\n [containerClassName]: containerClassName,\n })}\n >\n {Children.map(children, child =>\n cloneElement(child, {\n ...child.props,\n ...props,\n value: child.props.value,\n checked:\n child.props.checked ??\n [internalValue, props.value].includes(child.props.value),\n onChange: child.props.onChange ?? onChange ?? internalOnChange,\n })\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-radio-input__error\"\n data-cy={`${hyphenize(label)}-radio-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n};\n\nRadio.propTypes = {\n /**\n * To specify the label to be displayed for Radio component.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the content to be rendered inside the Radio component.\n */\n children: PropTypes.node,\n /**\n * To specify whether the Radio items should be stacked vertically or not.\n */\n stacked: PropTypes.bool,\n /**\n * To specify external classnames as overrides to the Radio component.\n */\n className: PropTypes.string,\n /**\n * To specify external classnames for the container of Radio component.\n */\n containerClassName: PropTypes.string,\n /**\n * To specify the error message to be displayed when the Radio input is invalid.\n */\n error: PropTypes.string,\n};\n\nRadio.Item = Item;\n\nexport default Radio;\n"],"names":["Item","_ref","_ref$name","name","_ref$label","label","_ref$className","className","labelProps","otherProps","_objectWithoutProperties","_excluded","id","useId","React","createElement","classnames","_extends","concat","hyphenize","type","Label","htmlFor","displayName","Radio","children","_ref$stacked","stacked","_ref$containerClassNa","containerClassName","_ref$error","error","onChange","props","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","errorId","internalOnChange","e","target","value","_defineProperty","Children","map","child","_child$props$checked","_ref2","_child$props$onChange","cloneElement","_objectSpread","checked","includes"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../src/components/Radio/Item.jsx","../../src/components/Radio/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nconst Item = ({\n name = \"\",\n label = \"\",\n className = \"\",\n labelProps,\n dataCy = \"\",\n ...otherProps\n}) => {\n const id = useId(otherProps.id);\n\n return (\n <div className={classnames([\"neeto-ui-radio__item\", className])}>\n <input\n {...{ id, name }}\n className=\"neeto-ui-radio\"\n data-cy={dataCy || `${hyphenize(label)}-radio-input`}\n type=\"radio\"\n {...otherProps}\n />\n {label && (\n <Label\n data-cy={dataCy || `${hyphenize(label)}-radio-label`}\n htmlFor={id}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n </div>\n );\n};\n\nItem.displayName = \"Radio.Item\";\n\nItem.propTypes = {\n /**\n * To specify the name of the radio group.\n */\n name: PropTypes.string,\n /**\n * To specify the label to be displayed for radio item.\n */\n label: PropTypes.node,\n /**\n * To specify external classnames as overrides to the radio item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, Children, cloneElement } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Item from \"./Item\";\n\nconst Radio = ({\n label = \"\",\n children,\n stacked = false,\n className = \"\",\n containerClassName = \"\",\n error = \"\",\n onChange,\n labelProps,\n ...props\n}) => {\n const [internalValue, setInternalValue] = useState(\"\");\n\n const id = useId(props.id);\n const errorId = `error_${id}`;\n\n const internalOnChange = e => setInternalValue(e.target.value);\n\n return (\n <div className={classnames([\"neeto-ui-radio__wrapper\", className])}>\n {label && (\n <Label className=\"neeto-ui-radio__label\" {...labelProps}>\n {label}\n </Label>\n )}\n <div\n className={classnames([\"neeto-ui-radio__container\"], {\n \"neeto-ui-radio__container--stacked\": stacked,\n \"neeto-ui-radio__container--error\": error,\n [containerClassName]: containerClassName,\n })}\n >\n {Children.map(children, child =>\n cloneElement(child, {\n ...child.props,\n ...props,\n value: child.props.value,\n checked:\n child.props.checked ??\n [internalValue, props.value].includes(child.props.value),\n onChange: child.props.onChange ?? onChange ?? internalOnChange,\n })\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-radio-input__error\"\n data-cy={`${hyphenize(label)}-radio-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n};\n\nRadio.propTypes = {\n /**\n * To specify the label to be displayed for Radio component.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the content to be rendered inside the Radio component.\n */\n children: PropTypes.node,\n /**\n * To specify whether the Radio items should be stacked vertically or not.\n */\n stacked: PropTypes.bool,\n /**\n * To specify external classnames as overrides to the Radio component.\n */\n className: PropTypes.string,\n /**\n * To specify external classnames for the container of Radio component.\n */\n containerClassName: PropTypes.string,\n /**\n * To specify the error message to be displayed when the Radio input is invalid.\n */\n error: PropTypes.string,\n};\n\nRadio.Item = Item;\n\nexport default Radio;\n"],"names":["Item","_ref","_ref$name","name","_ref$label","label","_ref$className","className","labelProps","_ref$dataCy","dataCy","otherProps","_objectWithoutProperties","_excluded","id","useId","React","createElement","classnames","_extends","concat","hyphenize","type","Label","htmlFor","displayName","Radio","children","_ref$stacked","stacked","_ref$containerClassNa","containerClassName","_ref$error","error","onChange","props","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","errorId","internalOnChange","e","target","value","_defineProperty","Children","map","child","_child$props$checked","_ref2","_child$props$onChange","cloneElement","_objectSpread","checked","includes"],"mappings":"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"}
|