@bigbinary/neetoui 6.7.5 → 6.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion.js +5 -6
- package/dist/Accordion.js.map +1 -1
- package/dist/ActionDropdown.js +16 -11
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +23 -13
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +6 -6
- package/dist/Button.js +7 -8
- package/dist/Button.js.map +1 -1
- package/dist/Callout.js +4 -5
- package/dist/Callout.js.map +1 -1
- package/dist/Checkbox.js +18 -13
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +20 -14
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +17 -12
- package/dist/DatePicker.js.map +1 -1
- package/dist/DateTimePicker.js +23 -17
- package/dist/DateTimePicker.js.map +1 -1
- package/dist/Dropdown.js +18 -13
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +17 -12
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +6 -6
- package/dist/Label.js +7 -8
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +23 -13
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +85 -29
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +7 -8
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +15 -10
- package/dist/Pagination.js.map +1 -1
- package/dist/Pane.js +23 -13
- package/dist/Pane.js.map +1 -1
- package/dist/Popover.js +7 -8
- package/dist/Popover.js.map +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/Radio.js +18 -13
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +38 -14
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +16 -11
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +18 -13
- package/dist/Slider.js.map +1 -1
- package/dist/Spinner.js +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/Switch.js +18 -13
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.js +4 -5
- package/dist/Tab.js.map +1 -1
- package/dist/Table.js +19 -14
- package/dist/Table.js.map +1 -1
- package/dist/Tag.js +3 -3
- package/dist/Textarea.js +18 -13
- package/dist/Textarea.js.map +1 -1
- package/dist/TimePicker.js +18 -13
- package/dist/TimePicker.js.map +1 -1
- package/dist/TimePickerInput.js +254 -21
- package/dist/TimePickerInput.js.map +1 -1
- package/dist/Toastr.js +15 -126
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +73 -7
- package/dist/Tooltip.js.map +1 -1
- package/dist/Tree.js +13 -8
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +16 -11
- package/dist/TreeSelect.js.map +1 -1
- package/dist/Typography.js +4 -5
- package/dist/Typography.js.map +1 -1
- package/dist/cjs/Accordion.js +25 -21
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +24 -16
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +25 -14
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +17 -13
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +17 -14
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +11 -8
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +28 -20
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +33 -22
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +31 -21
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/DateTimePicker.js +41 -29
- package/dist/cjs/DateTimePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +50 -39
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +35 -25
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +13 -10
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +20 -17
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +36 -21
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +114 -51
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +15 -13
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +24 -17
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +36 -21
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +14 -12
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +3 -2
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +35 -25
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +87 -54
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +38 -28
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +25 -17
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +3 -2
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +7 -6
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +31 -23
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +15 -12
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +55 -44
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +10 -7
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/Textarea.js +34 -24
- package/dist/cjs/Textarea.js.map +1 -1
- package/dist/cjs/TimePicker.js +27 -18
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/TimePickerInput.js +264 -22
- package/dist/cjs/TimePickerInput.js.map +1 -1
- package/dist/cjs/Toastr.js +32 -155
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +78 -8
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/Tree.js +20 -12
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +25 -16
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +11 -8
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +12 -11
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +29 -16
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +11 -10
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +24 -16
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +24 -17
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +23 -15
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +42 -15
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +26 -17
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +44 -16
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +26 -17
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +24 -16
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +24 -16
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +22 -14
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +44 -16
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/index-f2e36d91.js +167 -0
- package/dist/cjs/index-f2e36d91.js.map +1 -0
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +49 -20
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +16 -11
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +2 -2
- package/dist/cjs/overlayManager.js +9 -4
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-b39742a3.js → react-select-creatable.esm-23eddf9f.js} +130 -367
- package/dist/cjs/react-select-creatable.esm-23eddf9f.js.map +1 -0
- package/dist/cjs/{useOverlayManager-359ed795.js → useOverlayManager-1de0435e.js} +37 -75
- package/dist/cjs/useOverlayManager-1de0435e.js.map +1 -0
- package/dist/cjs/{useQueryParams-14f054b3.js → useQueryParams-a8ee2f76.js} +9 -5
- package/dist/cjs/useQueryParams-a8ee2f76.js.map +1 -0
- package/dist/formik/ActionBlock.js +7 -8
- package/dist/formik/ActionBlock.js.map +1 -1
- package/dist/formik/BlockNavigation.js +23 -13
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +7 -8
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +18 -13
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +8 -7
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +17 -12
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +36 -12
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +18 -13
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +36 -12
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +18 -13
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +18 -13
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +18 -13
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +16 -11
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +44 -16
- package/dist/formik/index.js.map +1 -1
- package/dist/index-9d5142b4.js +145 -0
- package/dist/index-9d5142b4.js.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.js +47 -18
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +16 -11
- package/dist/layouts.js.map +1 -1
- package/dist/managers.js +2 -2
- package/dist/overlayManager.js +2 -2
- package/dist/{react-select-creatable.esm-93affeca.js → react-select-creatable.esm-ad71b0c0.js} +43 -289
- package/dist/react-select-creatable.esm-ad71b0c0.js.map +1 -0
- package/dist/{useOverlayManager-95a474d5.js → useOverlayManager-9d385819.js} +9 -54
- package/dist/useOverlayManager-9d385819.js.map +1 -0
- package/dist/{useQueryParams-4e7ddcf8.js → useQueryParams-dcb34865.js} +4 -4
- package/dist/{useQueryParams-4e7ddcf8.js.map → useQueryParams-dcb34865.js.map} +1 -1
- package/package.json +13 -6
- package/types/MultiEmailInput.d.ts +1 -0
- package/dist/cjs/createClass-80e17c6a.js +0 -31
- package/dist/cjs/createClass-80e17c6a.js.map +0 -1
- package/dist/cjs/defineProperty-ee86604b.js +0 -21
- package/dist/cjs/defineProperty-ee86604b.js.map +0 -1
- package/dist/cjs/extends-1b35a664.js +0 -19
- package/dist/cjs/extends-1b35a664.js.map +0 -1
- package/dist/cjs/index-302c3d37.js +0 -58
- package/dist/cjs/index-302c3d37.js.map +0 -1
- package/dist/cjs/index-5d74cfeb.js +0 -375
- package/dist/cjs/index-5d74cfeb.js.map +0 -1
- package/dist/cjs/index-6e09c7bc.js +0 -2211
- package/dist/cjs/index-6e09c7bc.js.map +0 -1
- package/dist/cjs/index-773961dd.js +0 -453
- package/dist/cjs/index-773961dd.js.map +0 -1
- package/dist/cjs/index-a8cc581e.js +0 -2383
- package/dist/cjs/index-a8cc581e.js.map +0 -1
- package/dist/cjs/index-dd592d31.js +0 -262
- package/dist/cjs/index-dd592d31.js.map +0 -1
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js +0 -33
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js.map +0 -1
- package/dist/cjs/react-select-creatable.esm-b39742a3.js.map +0 -1
- package/dist/cjs/slicedToArray-732a2048.js +0 -63
- package/dist/cjs/slicedToArray-732a2048.js.map +0 -1
- package/dist/cjs/toConsumableArray-418424fc.js +0 -23
- package/dist/cjs/toConsumableArray-418424fc.js.map +0 -1
- package/dist/cjs/toPropertyKey-bfa2e465.js +0 -31
- package/dist/cjs/toPropertyKey-bfa2e465.js.map +0 -1
- package/dist/cjs/useOverlayManager-359ed795.js.map +0 -1
- package/dist/cjs/useQueryParams-14f054b3.js.map +0 -1
- package/dist/createClass-601a36b2.js +0 -28
- package/dist/createClass-601a36b2.js.map +0 -1
- package/dist/defineProperty-e5245270.js +0 -19
- package/dist/defineProperty-e5245270.js.map +0 -1
- package/dist/extends-093996c9.js +0 -17
- package/dist/extends-093996c9.js.map +0 -1
- package/dist/index-25fb0168.js +0 -253
- package/dist/index-25fb0168.js.map +0 -1
- package/dist/index-34956d66.js +0 -372
- package/dist/index-34956d66.js.map +0 -1
- package/dist/index-3659771d.js +0 -56
- package/dist/index-3659771d.js.map +0 -1
- package/dist/index-7fae3611.js +0 -2381
- package/dist/index-7fae3611.js.map +0 -1
- package/dist/index-c442518b.js +0 -445
- package/dist/index-c442518b.js.map +0 -1
- package/dist/index-c8d9113c.js +0 -2193
- package/dist/index-c8d9113c.js.map +0 -1
- package/dist/objectWithoutProperties-a0edb288.js +0 -31
- package/dist/objectWithoutProperties-a0edb288.js.map +0 -1
- package/dist/react-select-creatable.esm-93affeca.js.map +0 -1
- package/dist/slicedToArray-45fa766e.js +0 -57
- package/dist/slicedToArray-45fa766e.js.map +0 -1
- package/dist/toConsumableArray-1186e144.js +0 -20
- package/dist/toConsumableArray-1186e144.js.map +0 -1
- package/dist/toPropertyKey-bdc24cb9.js +0 -28
- package/dist/toPropertyKey-bdc24cb9.js.map +0 -1
- package/dist/useOverlayManager-95a474d5.js.map +0 -1
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/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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"}
|
package/dist/cjs/Callout.js
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
5
|
-
var
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
8
|
-
require('./toPropertyKey-bfa2e465.js');
|
|
7
|
+
var classnames = require('classnames');
|
|
9
8
|
|
|
10
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
10
|
|
|
11
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
12
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
13
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
12
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
13
16
|
|
|
14
17
|
var _excluded = ["icon", "style", "className", "children"];
|
|
15
18
|
var STYLES = {
|
|
@@ -26,10 +29,10 @@ var Callout = function Callout(_ref) {
|
|
|
26
29
|
_ref$className = _ref.className,
|
|
27
30
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
28
31
|
children = _ref.children,
|
|
29
|
-
otherProps =
|
|
32
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
30
33
|
var Icon = icon;
|
|
31
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
32
|
-
className:
|
|
34
|
+
return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
|
|
35
|
+
className: classnames__default["default"]("neeto-ui-callout", _defineProperty__default["default"]({
|
|
33
36
|
"neeto-ui-callout--info": style === STYLES.info,
|
|
34
37
|
"neeto-ui-callout--warning": style === STYLES.warning,
|
|
35
38
|
"neeto-ui-callout--danger": style === STYLES.danger,
|
package/dist/cjs/Callout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n info: \"info\",\n warning: \"warning\",\n danger: \"danger\",\n success: \"success\",\n};\n\nconst Callout = ({\n icon = null,\n style = STYLES.info,\n className = \"\",\n children,\n ...otherProps\n}) => {\n const Icon = icon;\n\n return (\n <div\n className={classnames(\"neeto-ui-callout\", {\n \"neeto-ui-callout--info\": style === STYLES.info,\n \"neeto-ui-callout--warning\": style === STYLES.warning,\n \"neeto-ui-callout--danger\": style === STYLES.danger,\n \"neeto-ui-callout--success\": style === STYLES.success,\n [className]: className,\n })}\n {...otherProps}\n >\n {icon && (\n <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n <Icon />\n </div>\n )}\n {children}\n </div>\n );\n};\n\nCallout.propTypes = {\n /**\n * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n */\n icon: PropTypes.elementType,\n /**\n * To specify the style of Callout component.\n */\n style: PropTypes.oneOf(Object.values(STYLES)),\n /**\n * To provide external classnames to Callout component.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Callout component.\n */\n children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","_ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n info: \"info\",\n warning: \"warning\",\n danger: \"danger\",\n success: \"success\",\n};\n\nconst Callout = ({\n icon = null,\n style = STYLES.info,\n className = \"\",\n children,\n ...otherProps\n}) => {\n const Icon = icon;\n\n return (\n <div\n className={classnames(\"neeto-ui-callout\", {\n \"neeto-ui-callout--info\": style === STYLES.info,\n \"neeto-ui-callout--warning\": style === STYLES.warning,\n \"neeto-ui-callout--danger\": style === STYLES.danger,\n \"neeto-ui-callout--success\": style === STYLES.success,\n [className]: className,\n })}\n {...otherProps}\n >\n {icon && (\n <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n <Icon />\n </div>\n )}\n {children}\n </div>\n );\n};\n\nCallout.propTypes = {\n /**\n * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n */\n icon: PropTypes.elementType,\n /**\n * To specify the style of Callout component.\n */\n style: PropTypes.oneOf(Object.values(STYLES)),\n /**\n * To provide external classnames to Callout component.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Callout component.\n */\n children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","_ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAMP;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CALJE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAH,IAAA,CACXI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGT,MAAM,CAACC,IAAI,GAAAQ,UAAA;IAAAE,cAAA,GAAAL,IAAA,CACnBM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAP,IAAA,CAARO,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EAEb,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AACER,IAAAA,SAAS,EAAES,8BAAU,CAAC,kBAAkB,EAAAC,mCAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKV,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAES,KAAK,KAAKV,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEQ,KAAK,KAAKV,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAEO,KAAK,KAAKV,MAAM,CAACI,OAAAA;KAC7CQ,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,yBAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV;;;;"}
|
package/dist/cjs/Checkbox.js
CHANGED
|
@@ -1,34 +1,42 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var classnames = require('classnames');
|
|
7
7
|
var useId = require('./useId-4e3deb5c.js');
|
|
8
|
+
require('@babel/runtime/helpers/slicedToArray');
|
|
8
9
|
require('react-router-dom');
|
|
9
|
-
require('
|
|
10
|
+
require('@bigbinary/neeto-hotkeys');
|
|
10
11
|
require('./overlayManager.js');
|
|
11
|
-
var index
|
|
12
|
+
var index = require('./index-f2e36d91.js');
|
|
13
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
14
|
+
require('qs');
|
|
12
15
|
var Label = require('./Label.js');
|
|
13
|
-
require('
|
|
14
|
-
require('
|
|
15
|
-
require('
|
|
16
|
-
require('
|
|
16
|
+
require('@babel/runtime/helpers/classCallCheck');
|
|
17
|
+
require('@babel/runtime/helpers/createClass');
|
|
18
|
+
require('dayjs');
|
|
19
|
+
require('dayjs/plugin/localeData');
|
|
20
|
+
require('dayjs/plugin/utc');
|
|
21
|
+
require('dayjs/plugin/weekday');
|
|
22
|
+
require('dayjs/plugin/weekOfYear');
|
|
17
23
|
require('@bigbinary/neeto-cist');
|
|
18
|
-
require('
|
|
19
|
-
require('./defineProperty-ee86604b.js');
|
|
24
|
+
require('ramda');
|
|
20
25
|
require('@bigbinary/neeto-icons');
|
|
21
26
|
require('./Button.js');
|
|
22
27
|
require('./motion-a1906aff.js');
|
|
23
|
-
require('./
|
|
28
|
+
require('./Tooltip.js');
|
|
29
|
+
require('@tippyjs/react');
|
|
24
30
|
require('tippy.js');
|
|
25
|
-
require('react-dom');
|
|
26
31
|
require('./Popover.js');
|
|
27
32
|
require('./Typography.js');
|
|
28
33
|
|
|
29
34
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
30
35
|
|
|
36
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
37
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
31
38
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
39
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
32
40
|
|
|
33
41
|
var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
|
|
34
42
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
@@ -42,30 +50,30 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
42
50
|
required = _ref$required === void 0 ? false : _ref$required,
|
|
43
51
|
labelProps = _ref.labelProps,
|
|
44
52
|
children = _ref.children,
|
|
45
|
-
otherProps =
|
|
53
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
46
54
|
var id = useId.useId(otherProps.id);
|
|
47
55
|
var errorId = "error_".concat(id);
|
|
48
56
|
var renderLabel = label || children;
|
|
49
57
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
50
|
-
className:
|
|
58
|
+
className: classnames__default["default"](["neeto-ui-checkbox__wrapper", className])
|
|
51
59
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52
60
|
className: "neeto-ui-checkbox__container"
|
|
53
|
-
}, /*#__PURE__*/React__default["default"].createElement("input",
|
|
61
|
+
}, /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({
|
|
54
62
|
id: id,
|
|
55
63
|
ref: ref,
|
|
56
64
|
required: required,
|
|
57
65
|
"aria-invalid": !!error,
|
|
58
66
|
className: "neeto-ui-checkbox",
|
|
59
|
-
"data-cy": "".concat(index
|
|
67
|
+
"data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
|
|
60
68
|
name: id,
|
|
61
69
|
type: "checkbox"
|
|
62
|
-
}, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label,
|
|
70
|
+
}, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
|
|
63
71
|
required: required,
|
|
64
|
-
"data-cy": "".concat(index
|
|
72
|
+
"data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
|
|
65
73
|
htmlFor: id
|
|
66
74
|
}, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
67
75
|
className: "neeto-ui-input__error",
|
|
68
|
-
"data-cy": "".concat(index
|
|
76
|
+
"data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
|
|
69
77
|
id: errorId
|
|
70
78
|
}, error));
|
|
71
79
|
});
|
package/dist/cjs/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\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 error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\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 error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,8BAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,4BAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,yBAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,4BAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
|
package/dist/cjs/ColorPicker.js
CHANGED
|
@@ -1,31 +1,42 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
5
|
-
var
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
|
|
5
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
|
+
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
6
7
|
var React = require('react');
|
|
7
|
-
var
|
|
8
|
+
var classnames = require('classnames');
|
|
8
9
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
9
10
|
var reactColorful = require('react-colorful');
|
|
10
11
|
var Button = require('./Button.js');
|
|
11
12
|
var Dropdown = require('./Dropdown.js');
|
|
12
|
-
var index
|
|
13
|
-
require('
|
|
14
|
-
require('
|
|
15
|
-
require('./objectWithoutProperties-2fed2d7d.js');
|
|
13
|
+
var index = require('./index-f2e36d91.js');
|
|
14
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
15
|
+
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
16
16
|
require('react-router-dom');
|
|
17
17
|
require('./motion-a1906aff.js');
|
|
18
|
-
require('./
|
|
18
|
+
require('./Tooltip.js');
|
|
19
|
+
require('@tippyjs/react');
|
|
19
20
|
require('tippy.js');
|
|
20
|
-
require('react-dom');
|
|
21
21
|
require('ramda');
|
|
22
22
|
require('@bigbinary/neeto-cist');
|
|
23
|
-
require('
|
|
24
|
-
require('
|
|
23
|
+
require('@babel/runtime/helpers/classCallCheck');
|
|
24
|
+
require('@babel/runtime/helpers/createClass');
|
|
25
|
+
require('dayjs');
|
|
26
|
+
require('dayjs/plugin/localeData');
|
|
27
|
+
require('dayjs/plugin/utc');
|
|
28
|
+
require('dayjs/plugin/weekday');
|
|
29
|
+
require('dayjs/plugin/weekOfYear');
|
|
30
|
+
require('qs');
|
|
25
31
|
|
|
26
32
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
27
33
|
|
|
34
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
35
|
+
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
|
|
36
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
37
|
+
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
|
|
28
38
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
39
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
29
40
|
|
|
30
41
|
var tinycolor$1 = {exports: {}};
|
|
31
42
|
|
|
@@ -1236,11 +1247,11 @@ var Palette = function Palette(_ref) {
|
|
|
1236
1247
|
onChange = _ref.onChange;
|
|
1237
1248
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1238
1249
|
className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette"
|
|
1239
|
-
}, colorList.map(function (item, index
|
|
1250
|
+
}, colorList.map(function (item, index) {
|
|
1240
1251
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1241
1252
|
"data-testid": "color-palette-item",
|
|
1242
|
-
key: index
|
|
1243
|
-
className:
|
|
1253
|
+
key: index,
|
|
1254
|
+
className: classnames__default["default"]("neeto-ui-color-palette__item", {
|
|
1244
1255
|
active: color && color.from === item.from && color.to === item.to
|
|
1245
1256
|
}),
|
|
1246
1257
|
onClick: function onClick() {
|
|
@@ -1264,7 +1275,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
1264
1275
|
_ref$size = _ref.size,
|
|
1265
1276
|
size = _ref$size === void 0 ? TARGET_SIZES.large : _ref$size,
|
|
1266
1277
|
_ref$onChange = _ref.onChange,
|
|
1267
|
-
onChange = _ref$onChange === void 0 ? index
|
|
1278
|
+
onChange = _ref$onChange === void 0 ? index.noop : _ref$onChange,
|
|
1268
1279
|
colorPaletteProps = _ref.colorPaletteProps,
|
|
1269
1280
|
dropdownProps = _ref.dropdownProps,
|
|
1270
1281
|
_ref$showEyeDropper = _ref.showEyeDropper,
|
|
@@ -1276,7 +1287,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
1276
1287
|
_ref$showPicker = _ref.showPicker,
|
|
1277
1288
|
showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker;
|
|
1278
1289
|
var _useState = React.useState(color),
|
|
1279
|
-
_useState2 =
|
|
1290
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
1280
1291
|
colorInternal = _useState2[0],
|
|
1281
1292
|
setColorInternal = _useState2[1];
|
|
1282
1293
|
var isInputChanged = React.useRef(false);
|
|
@@ -1314,9 +1325,9 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
1314
1325
|
onChangeInternal(getColor(colorValue));
|
|
1315
1326
|
};
|
|
1316
1327
|
var pickColor = /*#__PURE__*/function () {
|
|
1317
|
-
var _ref3 =
|
|
1328
|
+
var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
|
|
1318
1329
|
var colorResponse, colorHex;
|
|
1319
|
-
return
|
|
1330
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
|
|
1320
1331
|
while (1) switch (_context.prev = _context.next) {
|
|
1321
1332
|
case 0:
|
|
1322
1333
|
_context.prev = 0;
|
|
@@ -1347,7 +1358,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
1347
1358
|
"data-cy": "color-picker-target",
|
|
1348
1359
|
"data-testid": "neeto-color-picker",
|
|
1349
1360
|
type: "button",
|
|
1350
|
-
className:
|
|
1361
|
+
className: classnames__default["default"]("neeto-ui-colorpicker__target", {
|
|
1351
1362
|
"neeto-ui-colorpicker__target-size--large": size === TARGET_SIZES.large,
|
|
1352
1363
|
"neeto-ui-colorpicker__target-size--medium": size === TARGET_SIZES.medium,
|
|
1353
1364
|
"neeto-ui-colorpicker__target-size--small": size === TARGET_SIZES.small
|
|
@@ -1367,7 +1378,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
1367
1378
|
size: 16
|
|
1368
1379
|
}))));
|
|
1369
1380
|
};
|
|
1370
|
-
return /*#__PURE__*/React__default["default"].createElement(Dropdown,
|
|
1381
|
+
return /*#__PURE__*/React__default["default"].createElement(Dropdown, _extends__default["default"]({
|
|
1371
1382
|
className: "neeto-ui-colorpicker__dropdown",
|
|
1372
1383
|
closeOnSelect: false,
|
|
1373
1384
|
customTarget: /*#__PURE__*/React__default["default"].createElement(Target, {
|
|
@@ -1379,7 +1390,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
1379
1390
|
className: "neeto-ui-colorpicker__popover"
|
|
1380
1391
|
}, colorPaletteProps && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1381
1392
|
"data-testid": "color-palette",
|
|
1382
|
-
className:
|
|
1393
|
+
className: classnames__default["default"]("neeto-ui-colorpicker__palette-wrapper", {
|
|
1383
1394
|
"neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
|
|
1384
1395
|
})
|
|
1385
1396
|
}, /*#__PURE__*/React__default["default"].createElement(Palette, colorPaletteProps)), showPicker && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|