@bigbinary/neetoui 8.3.58 → 8.3.59

package/dist/cjs/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Collapse.jsx","../../src/components/Accordion/Item.jsx","../../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nconst Collapse = ({\n  open = false,\n  children,\n  className = \"\",\n  ...otherProps\n}) => (\n  <AnimatePresence>\n    {open && (\n      <motion.div\n        animate={{ opacity: 1, height: \"auto\" }}\n        exit={{ opacity: 0, height: 0 }}\n        initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n        transition={{ duration: 0.3 }}\n        {...otherProps}\n      >\n        <div className={className}>{children}</div>\n      </motion.div>\n    )}\n  </AnimatePresence>\n);\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n  id,\n  title = \"\",\n  isOpen = false,\n  onClick = () => {},\n  children,\n  className = \"\",\n  titleProps = {},\n  iconProps = {},\n}) => {\n  const onKeyDown = e => {\n    switch (e.key) {\n      case \" \":\n      case \"Enter\":\n        onClick();\n        break;\n      default:\n    }\n  };\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordion__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        {...{ onClick, onKeyDown }}\n        aria-controls={`neeto-ui-accordion-section-${id}`}\n        aria-disabled={isOpen}\n        aria-expanded={isOpen}\n        id={`neeto-ui-accordion-item-${id}`}\n        role=\"button\"\n        tabIndex={0}\n        className={classnames(\n          \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n          { \"neeto-ui-accordion__item--open\": isOpen }\n        )}\n      >\n        <div\n          {...titleProps}\n          className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n        >\n          {title}\n        </div>\n        <motion.div\n          animate={isOpen ? \"open\" : \"collapsed\"}\n          className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n          transition={{ duration: 0.3 }}\n          variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n        >\n          <Right size={16} {...iconProps} />\n        </motion.div>\n      </div>\n      <Collapse\n        aria-labelledby={`neeto-ui-accordion-item-${id}`}\n        className=\"neeto-ui-accordion__drop\"\n        id={`neeto-ui-accordion-section-${id}`}\n        open={isOpen}\n        role=\"region\"\n      >\n        {children}\n      </Collapse>\n    </div>\n  );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n  /**\n   * To specify a unique ID to the AccordionItem.\n   */\n  id: PropTypes.number,\n  /**\n   * To add title to the AccordionItem.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify whether the Accordion item is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the AccordionItem.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the AccordionItem.\n   */\n  children: PropTypes.node,\n  /**\n   * To pass props to Accordion title.\n   */\n  titleProps: PropTypes.object,\n  /**\n   * To pass props to Accordion toggle icon.\n   */\n  iconProps: PropTypes.object,\n  /**\n   * To provide external classnames to Accordion item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n};\n\nconst Accordion = ({\n  children,\n  defaultActiveKey = null,\n  padded = false,\n  style = ACCORDION_STYLES.primary,\n  className = \"\",\n  ...otherProps\n}) => {\n  const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n  useEffect(() => {\n    setOpenTab(defaultActiveKey);\n  }, [defaultActiveKey]);\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n        \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n        \"neeto-ui-accordions-outer-wrapper--secondary\":\n          style === ACCORDION_STYLES.secondary,\n        [className]: className,\n      })}\n      {...otherProps}\n    >\n      {React.Children.map(children, (child, index) => {\n        const isSingleOrLastChild =\n          isEmpty(children) || index === children.length - 1;\n\n        return React.cloneElement(child, {\n          id: index,\n          key: index,\n          isOpen: openTab === index,\n          className: classnames(child.props.className, {\n            \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n          }),\n          onClick: () => {\n            setOpenTab(openTab === index ? null : index);\n            child.props.onClick && child.props.onClick();\n          },\n        });\n      })}\n    </div>\n  );\n};\n\nAccordion.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Accordion.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the style of the Accordion.\n   */\n  style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n  /**\n   * To add padding to the Accordion container.\n   */\n  padded: PropTypes.bool,\n  /**\n   * Index of the Accordion item to be opened initially.\n   */\n  defaultActiveKey: PropTypes.number,\n  /**\n   * To provide external classnames to Accordion container.\n   */\n  className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_jsx","AnimatePresence","motion","div","_objectSpread","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","_jsxs","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","React","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Collapse.jsx","../../src/components/Accordion/Item.jsx","../../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nconst Collapse = ({\n  open = false,\n  children,\n  className = \"\",\n  ...otherProps\n}) => (\n  <AnimatePresence>\n    {open && (\n      <motion.div\n        animate={{ opacity: 1, height: \"auto\" }}\n        exit={{ opacity: 0, height: 0 }}\n        initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n        transition={{ duration: 0.3 }}\n        {...otherProps}\n      >\n        <div className={className}>{children}</div>\n      </motion.div>\n    )}\n  </AnimatePresence>\n);\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n  id,\n  title = \"\",\n  isOpen = false,\n  onClick = () => {},\n  children,\n  className = \"\",\n  titleProps = {},\n  iconProps = {},\n}) => {\n  const onKeyDown = e => {\n    switch (e.key) {\n      case \" \":\n        e.preventDefault();\n        onClick();\n        break;\n      case \"Enter\":\n        onClick();\n        break;\n      default:\n    }\n  };\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordion__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        {...{ onClick, onKeyDown }}\n        aria-controls={`neeto-ui-accordion-section-${id}`}\n        aria-expanded={isOpen}\n        id={`neeto-ui-accordion-item-${id}`}\n        role=\"button\"\n        tabIndex={0}\n        className={classnames(\n          \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n          { \"neeto-ui-accordion__item--open\": isOpen }\n        )}\n      >\n        <div\n          {...titleProps}\n          className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n        >\n          {title}\n        </div>\n        <motion.div\n          animate={isOpen ? \"open\" : \"collapsed\"}\n          aria-hidden=\"true\"\n          className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n          transition={{ duration: 0.3 }}\n          variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n        >\n          <Right size={16} {...iconProps} aria-hidden=\"true\" />\n        </motion.div>\n      </div>\n      <Collapse\n        aria-labelledby={`neeto-ui-accordion-item-${id}`}\n        className=\"neeto-ui-accordion__drop\"\n        id={`neeto-ui-accordion-section-${id}`}\n        open={isOpen}\n        role=\"region\"\n      >\n        {children}\n      </Collapse>\n    </div>\n  );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n  /**\n   * To specify a unique ID to the AccordionItem.\n   */\n  id: PropTypes.number,\n  /**\n   * To add title to the AccordionItem.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify whether the Accordion item is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the AccordionItem.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the AccordionItem.\n   */\n  children: PropTypes.node,\n  /**\n   * To pass props to Accordion title.\n   */\n  titleProps: PropTypes.object,\n  /**\n   * To pass props to Accordion toggle icon.\n   */\n  iconProps: PropTypes.object,\n  /**\n   * To provide external classnames to Accordion item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n};\n\nconst Accordion = ({\n  children,\n  defaultActiveKey = null,\n  padded = false,\n  style = ACCORDION_STYLES.primary,\n  className = \"\",\n  ...otherProps\n}) => {\n  const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n  useEffect(() => {\n    setOpenTab(defaultActiveKey);\n  }, [defaultActiveKey]);\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n        \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n        \"neeto-ui-accordions-outer-wrapper--secondary\":\n          style === ACCORDION_STYLES.secondary,\n        [className]: className,\n      })}\n      {...otherProps}\n    >\n      {React.Children.map(children, (child, index) => {\n        const isSingleOrLastChild =\n          isEmpty(children) || index === children.length - 1;\n\n        return React.cloneElement(child, {\n          id: index,\n          key: index,\n          isOpen: openTab === index,\n          className: classnames(child.props.className, {\n            \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n          }),\n          onClick: () => {\n            setOpenTab(openTab === index ? null : index);\n            child.props.onClick && child.props.onClick();\n          },\n        });\n      })}\n    </div>\n  );\n};\n\nAccordion.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Accordion.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the style of the Accordion.\n   */\n  style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n  /**\n   * To add padding to the Accordion container.\n   */\n  padded: PropTypes.bool,\n  /**\n   * Index of the Accordion item to be opened initially.\n   */\n  defaultActiveKey: PropTypes.number,\n  /**\n   * To provide external classnames to Accordion container.\n   */\n  className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_jsx","AnimatePresence","motion","div","_objectSpread","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","preventDefault","_jsxs","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","React","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}

package/dist/cjs/ActionDropdown.js

@@ -28,6 +28,9 @@ require('./Tooltip.js');
 require('@tippyjs/react');
 require('tippy.js');
 require('@bigbinary/neeto-icons/Down');
+require('./useId-DXHUzdxd.js');
+require('@bigbinary/neeto-hotkeys');
+require('./overlayManager.js');
 
 var _excluded = ["style", "size"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/cjs/ActionDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDropdown.js","sources":["../../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n};\n\nconst ActionDropdown = ({\n  label = \"\",\n  buttonStyle = BTN_STYLES.primary,\n  buttonSize = BTN_SIZES.medium,\n  disabled = false,\n  onClick = noop,\n  buttonProps: { style, size, ...buttonProps } = {},\n  className = \"\",\n  dropdownProps,\n  children,\n  portalProps,\n}) => (\n  <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n    <Button\n      {...{ disabled, label, onClick }}\n      data-testid=\"action-dropdown-btn\"\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      {...buttonProps}\n    />\n    <Dropdown\n      {...{ disabled }}\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      {...dropdownProps}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","BTN_SIZES","small","medium","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$className","className","dropdownProps","children","portalProps","_jsxs","classnames","_jsx","Button","_objectSpread","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}
+{"version":3,"file":"ActionDropdown.js","sources":["../../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n};\n\nconst ActionDropdown = ({\n  label = \"\",\n  buttonStyle = BTN_STYLES.primary,\n  buttonSize = BTN_SIZES.medium,\n  disabled = false,\n  onClick = noop,\n  buttonProps: { style, size, ...buttonProps } = {},\n  className = \"\",\n  dropdownProps,\n  children,\n  portalProps,\n}) => (\n  <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n    <Button\n      {...{ disabled, label, onClick }}\n      data-testid=\"action-dropdown-btn\"\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      {...buttonProps}\n    />\n    <Dropdown\n      {...{ disabled }}\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      {...dropdownProps}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","BTN_SIZES","small","medium","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$className","className","dropdownProps","children","portalProps","_jsxs","classnames","_jsx","Button","_objectSpread","Dropdown","Menu","MenuItem","Divider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,GAAG;AAAEC,EAAAA,OAAO,EAAE,SAAkC,CAAC;AAEjE,IAAMC,SAAS,GAAG;AAChBC,EACAC,MAAM,EAAE,QAEV,CAAC;AAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAClBE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,gBAAA,GAAAH,IAAA,CACVI,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAGT,UAAU,CAACC,OAAO,GAAAQ,gBAAA;IAAAE,eAAA,GAAAL,IAAA,CAChCM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAGT,SAAS,CAACE,MAAM,GAAAO,eAAA;IAAAE,aAAA,GAAAP,IAAA,CAC7BQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAAAT,IAAA,CAChBU,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGE,UAAI,GAAAF,YAAA;IAAAG,gBAAA,GAAAZ,IAAA,CACda,WAAW;AAAAC,IAAAA,iBAAA,GAAAF,gBAAA,KAAA,MAAA,GAAoC,EAAE,GAAAA,gBAAA;IAAlCG,KAAK,GAAAD,iBAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,iBAAA,CAAJE,IAAI;AAAKH,IAAAA,WAAW,GAAAI,wBAAA,CAAAH,iBAAA,EAAAI,SAAA,CAAA;IAAAC,cAAA,GAAAnB,IAAA,CAC1CoB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,aAAa,GAAArB,IAAA,CAAbqB,aAAa;IACbC,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;IACRC,WAAW,GAAAvB,IAAA,CAAXuB,WAAW;AAAA,EAAA,oBAEXC,eAAA,CAAA,KAAA,EAAA;IAAKJ,SAAS,EAAEK,UAAU,CAAC,CAAC,0BAA0B,EAAEL,SAAS,CAAC,CAAE;AAAAE,IAAAA,QAAA,EAAA,cAClEI,cAAA,CAACC,MAAM,EAAAC,aAAA,CAAA;AACCpB,MAAAA,QAAQ,EAARA,QAAQ;AAAEN,MAAAA,KAAK,EAALA,KAAK;AAAEQ,MAAAA,OAAO,EAAPA,OAAO;AAC9B,MAAA,aAAA,EAAY,qBAAqB;AACjCM,MAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,MAAA,GAAJA,IAAI,GAAIV,UAAW;AACzBS,MAAAA,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAALA,KAAK,GAAIX;KAAY,EACxBS,WAAW,CAChB,CAAC,eACFa,cAAA,CAACG,QAAQ,EAAAD,aAAA,CAAAA,aAAA,CAAA;AACDpB,MAAAA,QAAQ,EAARA,QAAQ;AACdK,MAAAA,WAAW,EAAE;AAAEG,QAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,MAAA,GAAJA,IAAI,GAAIV;OAAa;AAC1CF,MAAAA,WAAW,EAAEW,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAALA,KAAK,GAAIX;AAAY,KAAA,EAC9BiB,aAAa,CAAA,EAAA,EAAA,EAAA;AACjBA,MAAAA,aAAa,EAAAO,aAAA,CAAAA,aAAA,KAAOP,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,MAAA,GAAA,MAAA,GAAbA,aAAa,CAAEA,aAAa,CAAA,EAAKE,WAAW,CAAG;AAAAD,MAAAA,QAAA,EAElEA;AAAQ,KAAA,CACD,CAAC;AAAA,GACR,CAAC;AAAA;AAGRvB,cAAc,CAAC+B,IAAI,GAAGD,QAAQ,CAACC,IAAI;AACnC/B,cAAc,CAACgC,QAAQ,GAAGF,QAAQ,CAACE,QAAQ;AAC3ChC,cAAc,CAACiC,OAAO,GAAGH,QAAQ,CAACG,OAAO;;;;"}

package/dist/cjs/Alert.js

@@ -1,33 +1,24 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var Button = require('./Button.js');
-var Modal = require('./Modal.js');
-var Typography = require('./Typography.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('classnames');
-require('react-router-dom');
-require('./Spinner.js');
-require('./Tooltip.js');
+var useId = require('./useId-DXHUzdxd.js');
 require('@babel/runtime/helpers/slicedToArray');
-require('@tippyjs/react');
-require('tippy.js');
-require('@bigbinary/neeto-icons/Close');
-require('./useOverlayManager-DobGTLvg.js');
-require('@babel/runtime/helpers/esm/extends');
-require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
-require('@babel/runtime/helpers/esm/inheritsLoose');
-require('react-dom');
-require('ramda');
+require('react-router-dom');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('./index-BsfyBCvv.js');
 require('@bigbinary/neeto-cist');
 require('qs');
+require('ramda');
+require('./index-BsfyBCvv.js');
+require('i18next');
+var Button = require('./Button.js');
+var Modal = require('./Modal.js');
+var Typography = require('./Typography.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('./en-BfFI1Si2.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
@@ -35,8 +26,19 @@ require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
-require('i18next');
+require('classnames');
+require('./Spinner.js');
+require('./Tooltip.js');
+require('@tippyjs/react');
+require('tippy.js');
+require('@bigbinary/neeto-icons/Close');
+require('./Portal-DGTC-Yro.js');
+require('@babel/runtime/helpers/esm/extends');
+require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
+require('@babel/runtime/helpers/esm/inheritsLoose');
+require('react-dom');
 
+var _excluded = ["size", "isOpen", "isSubmitting", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "onClose", "onSubmit", "title", "message", "submitButtonLabel", "cancelButtonLabel", "initialFocusRef", "initialFocusElement", "hideCancelButton"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZES = {
@@ -75,12 +77,23 @@ var Alert = function Alert(_ref) {
     initialFocusRef = _ref.initialFocusRef,
     initialFocusElement = _ref.initialFocusElement,
     _ref$hideCancelButton = _ref.hideCancelButton,
-    hideCancelButton = _ref$hideCancelButton === void 0 ? false : _ref$hideCancelButton;
+    hideCancelButton = _ref$hideCancelButton === void 0 ? false : _ref$hideCancelButton,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var submitButtonRef = React.useRef(null);
   var cancelButtonRef = React.useRef(null);
   var hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;
   var initialFocusElementRef = initialFocusElement === FOCUSABLE_ELEMENTS.submit ? submitButtonRef : cancelButtonRef;
-  return /*#__PURE__*/jsxRuntime.jsxs(Modal, _objectSpread(_objectSpread({
+
+  // Generate unique IDs for title and message
+  var baseId = useId.useId();
+  var titleId = "alert-title-".concat(baseId);
+  var messageId = "alert-message-".concat(baseId);
+  var ariaProps = _objectSpread(_objectSpread({}, title && {
+    "aria-labelledby": titleId
+  }), message && {
+    "aria-describedby": messageId
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread(_objectSpread({
     backdropClassName: backdropClassName,
     className: className,
     closeButton: closeButton,
@@ -88,20 +101,23 @@ var Alert = function Alert(_ref) {
     closeOnOutsideClick: closeOnOutsideClick,
     isOpen: isOpen,
     onClose: onClose,
-    size: size,
-    "data-testid": "alert-box"
+    size: size
   }, hasCustomFocusableElement && {
     initialFocusRef: initialFocusRef || initialFocusElementRef
-  }), {}, {
+  }), ariaProps), otherProps)), {}, {
+    "data-testid": "alert-box",
+    role: "alertdialog",
     children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
       children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         "data-testid": "alert-title",
+        id: titleId,
         style: "h2",
         children: title
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
       children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         "data-testid": "alert-message",
+        id: messageId,
         lineHeight: "normal",
         style: "body2",
         children: message

package/dist/cjs/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-testid=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-testid=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography\n          data-testid=\"alert-message\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-testid=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-testid=\"alert-submit-button\"\n          disabled={isSubmitting || !isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","FOCUSABLE_ELEMENTS","submit","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","_jsxs","Modal","_objectSpread","children","_jsx","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n  ...otherProps\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  // Generate unique IDs for title and message\n  const baseId = useId();\n  const titleId = `alert-title-${baseId}`;\n  const messageId = `alert-message-${baseId}`;\n  const ariaProps = {\n    ...(title && { \"aria-labelledby\": titleId }),\n    ...(message && { \"aria-describedby\": messageId }),\n  };\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n        ...(hasCustomFocusableElement && {\n          initialFocusRef: initialFocusRef || initialFocusElementRef,\n        }),\n        ...ariaProps,\n        ...otherProps,\n      }}\n      data-testid=\"alert-box\"\n      role=\"alertdialog\"\n    >\n      <Modal.Header>\n        <Typography data-testid=\"alert-title\" id={titleId} style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography\n          data-testid=\"alert-message\"\n          id={messageId}\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-testid=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-testid=\"alert-submit-button\"\n          disabled={isSubmitting || !isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","FOCUSABLE_ELEMENTS","submit","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","otherProps","_objectWithoutProperties","_excluded","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","baseId","useId","titleId","concat","messageId","ariaProps","_objectSpread","_jsxs","Modal","role","children","_jsx","Header","Typography","id","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}

package/dist/cjs/ColorPicker.js

@@ -24,10 +24,13 @@ require('./Tooltip.js');
 require('@tippyjs/react');
 require('tippy.js');
 require('ramda');
-require('@bigbinary/neeto-cist');
+require('./useId-DXHUzdxd.js');
+require('@bigbinary/neeto-hotkeys');
+require('./overlayManager.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('qs');
+require('@bigbinary/neeto-cist');
 require('./en-BfFI1Si2.js');
 require('dayjs');
 require('dayjs/plugin/localeData');

package/dist/cjs/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/Target.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const i=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,s=()=>{throw new Error(\"Unsupported browser.\")},a=a=>{const c=r(()=>{var r;return(r=i()&&new EyeDropper(a))?EyeDropper.prototype.open.bind(r):s},[a]),[p,w]=(()=>{const r=o(),[s,a]=e(!1);t(()=>(r.current=!0,a(i()),()=>{r.current=!1}),[]);const c=n(()=>s,[s]);return[r,c]})(),f=o(),u=n(()=>{void 0!==f.current&&f.current.abort()},[f]),d=n(async function(r){void 0===r&&(r={}),u();const{signal:o,...n}=r,t=new AbortController;f.current=t;const e=void 0!==o?(r=>{if(\"any\"in AbortSignal)return AbortSignal.any(r);const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;try{return await c({...n,signal:e})}catch(r){throw p.current||(r.canceled=!0),r}},[f,p,u,c]);return t(()=>u,[u]),{open:d,close:u,isSupported:w}};export{a as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n  { hex: \"#FFFFFF\" },\n  { hex: \"#D6D6D6\" },\n  { hex: \"#0A0E13\" },\n  { hex: \"#FECE1E\" },\n  { hex: \"#F32E48\" },\n  { hex: \"#02C39A\" },\n  { hex: \"#2A79C4\" },\n  { hex: \"#B3E5FC\" },\n  { hex: \"#C3C6F9\" },\n  { hex: \"#8064CE\" },\n  { hex: \"#FE861E\" },\n  { hex: \"#FF7DC9\" },\n  { hex: \"#028090\" },\n  { hex: \"#095482\" },\n];\n\nexport const TARGET_SIZES = {\n  large: \"large\",\n  medium: \"medium\",\n  small: \"small\",\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n  <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n    {colorList.map(item => {\n      const { hex, rgb } = item;\n      const colorObject = tinycolor(hex ?? rgb);\n      const isTransparent = colorObject.getAlpha() === 0;\n      const isActive = Boolean(\n        // hex is case insensitive.\n        color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n      );\n\n      return (\n        <div\n          data-testid=\"color-palette-item\"\n          key={hex ?? rgb}\n          className={classnames(\n            \"neeto-ui-color-palette__item neeto-ui-border\",\n            { active: isActive }\n          )}\n          onClick={() => onChange(hex ?? rgb)}\n        >\n          <div\n            style={{ backgroundColor: hex ?? rgb }}\n            className={classnames({\n              \"transparent-bg-pattern\": isTransparent,\n            })}\n          />\n        </div>\n      );\n    })}\n  </div>\n);\n\nPalette.propTypes = {\n  color: PropTypes.string,\n  colorList: PropTypes.arrayOf(\n    PropTypes.shape({\n      hex: PropTypes.string,\n      rgb: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.shape({\n          r: PropTypes.number,\n          g: PropTypes.number,\n          b: PropTypes.number,\n        }),\n      ]),\n    })\n  ),\n  onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { TARGET_SIZES } from \"./constants\";\n\nconst Target = ({ size, showHexValue, color, colorValue }) => (\n  <button\n    data-testid=\"color-picker-target\"\n    type=\"button\"\n    className={classnames(\"neeto-ui-colorpicker__target\", {\n      \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n      \"neeto-ui-colorpicker__target-size--medium\": size === TARGET_SIZES.medium,\n      \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n    })}\n  >\n    {showHexValue && (\n      <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n    )}\n    <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n      <span\n        className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n        style={{ backgroundColor: colorValue }}\n      />\n      <span className=\"neeto-ui-colorpicker-target__icon\">\n        <Down size={16} />\n      </span>\n    </span>\n  </button>\n);\n\nTarget.propTypes = {\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  showHexValue: PropTypes.bool,\n  color: PropTypes.string,\n  colorValue: PropTypes.string,\n};\n\nexport default Target;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n  HexColorPicker,\n  HexColorInput,\n  HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { useTranslation } from \"react-i18next\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport Typography from \"components/Typography\";\nimport { getLocale, noop } from \"utils\";\n\nimport useRecentlyUsedColors from \"./hooks/useRecentlyUsedColors\";\nimport Palette from \"./Palette\";\nimport Target from \"./Target\";\nimport { TARGET_SIZES } from \"./constants\";\n\nconst ColorPicker = ({\n  color = \"\",\n  size = TARGET_SIZES.large,\n  onChange = noop,\n  dropdownProps,\n  showEyeDropper = true,\n  showHexValue = false,\n  showTransparencyControl = false,\n  showPicker = true,\n  showHexPicker = true,\n  portalProps,\n  colorPalette,\n  showRecentlyUsedColors = showPicker,\n}) => {\n  const { t, i18n } = useTranslation();\n  const [colorInternal, setColorInternal] = useState(color);\n  const [isColorSelected, setIsColorSelected] = useState(false);\n  const hexColorInputValue = useRef(\"\");\n  const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n  const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n  const PickerComponent = showTransparencyControl\n    ? HexAlphaColorPicker\n    : HexColorPicker;\n\n  const colorValue = color ?? colorInternal ?? \"\";\n\n  const getColor = colorValue => {\n    const color = tinycolor(colorValue);\n\n    if (color.isValid()) {\n      let hex = color.toHexString();\n      // return `transparent` for transparent colors.\n      if (color.getAlpha() === 0) hex = colorValue;\n      else if (showTransparencyControl) hex = color.toHex8String();\n\n      return { hex, rgb: color.toRgb() };\n    }\n\n    return { hex: colorValue, rgb: colorValue };\n  };\n\n  const onColorChange = color => {\n    setIsColorSelected(true);\n    const changeHandler = onChange ?? setColorInternal;\n\n    changeHandler(getColor(color));\n  };\n\n  const onColorInputChange = hex => {\n    // HexColorInput onChange will trigger only if the input value is a valid color\n    hexColorInputValue.current = hex;\n    if (hex.length !== (showTransparencyControl ? 9 : 7)) return;\n\n    onColorChange(hex);\n    hexColorInputValue.current = \"\";\n  };\n\n  const onBlur = () => {\n    if (!hexColorInputValue.current) return;\n\n    onColorChange(hexColorInputValue.current);\n    hexColorInputValue.current = \"\";\n  };\n\n  const pickColor = async () => {\n    try {\n      const colorResponse = await open();\n      const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n      onColorChange(hex);\n    } catch {\n      // Ensures component is still mounted\n      // before calling setState\n      // if (!e.canceled) setError(e);\n    }\n  };\n\n  const onClose = () => {\n    if (!showRecentlyUsedColors || !isColorSelected) return;\n\n    const newColor = getColor(colorValue);\n\n    const recentColorsExcludingNew = recentlyUsedColors.filter(\n      ({ hex }) => hex !== newColor.hex\n    );\n\n    const updatedColors = [newColor, ...recentColorsExcludingNew];\n\n    if (updatedColors.length > 14) updatedColors.pop();\n\n    setRecentlyUsedColors(updatedColors);\n    setIsColorSelected(false);\n  };\n\n  return (\n    <Dropdown\n      closeOnSelect={false}\n      label={colorValue}\n      position=\"bottom-start\"\n      {...{ ...dropdownProps, onClose }}\n      customTarget={<Target {...{ color, colorValue, showHexValue, size }} />}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n      className={classnames(\"neeto-ui-colorpicker__dropdown\", {\n        \"neeto-ui-colorpicker__dropdown-size--small\":\n          size === TARGET_SIZES.small,\n        \"neeto-ui-colorpicker__dropdown-size--medium\":\n          size === TARGET_SIZES.medium,\n        \"neeto-ui-colorpicker__dropdown-size--large\":\n          size === TARGET_SIZES.large,\n      })}\n    >\n      <div className=\"neeto-ui-colorpicker__popover\">\n        {showPicker && (\n          <>\n            {showHexPicker && (\n              <div\n                className=\"neeto-ui-colorpicker__pointer\"\n                data-testid=\"neeto-color-picker-section\"\n              >\n                <PickerComponent color={colorValue} onChange={onColorChange} />\n              </div>\n            )}\n            <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n              {showEyeDropper && isSupported() && (\n                <Button\n                  className=\"neeto-ui-colorpicker__eyedropper-btn\"\n                  icon={ColorPickerIcon}\n                  size=\"small\"\n                  style=\"text\"\n                  type=\"button\"\n                  onClick={pickColor}\n                />\n              )}\n              <div className=\"neeto-ui-input__wrapper\">\n                <div\n                  className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n                  data-testid=\"colorpicker-editable-input\"\n                >\n                  <HexColorInput\n                    {...{ onBlur }}\n                    prefixed\n                    alpha={!!showTransparencyControl}\n                    color={colorValue}\n                    data-testid=\"colorpicker-editable-input-textbox\"\n                    onChange={onColorInputChange}\n                  />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n        <div\n          data-testid=\"color-palette\"\n          className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n            \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n            \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n              showPicker,\n          })}\n        >\n          <Palette\n            {...{ color }}\n            colorList={colorPalette}\n            onChange={onColorChange}\n          />\n        </div>\n        {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n          <div\n            className=\"neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3\"\n            data-testid=\"color-palette-recently-used\"\n          >\n            <Typography\n              className=\"neeto-ui-text-gray-600 mb-2\"\n              style=\"body3\"\n              weight=\"medium\"\n            >\n              {getLocale(i18n, t, \"neetoui.colorPicker.recentlyUsed\")}\n            </Typography>\n            <Palette colorList={recentlyUsedColors} onChange={onColorChange} />\n          </div>\n        )}\n      </div>\n    </Dropdown>\n  );\n};\n\nColorPicker.propTypes = {\n  /**\n   * To specify the color value.\n   */\n  color: PropTypes.string,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To set the size of the target.\n   */\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  /**\n   * To specify the action to be triggered on changing the color.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the colors shown in the palette.\n   */\n  colorPalette: PropTypes.arrayOf(\n    PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n  ),\n  /**\n   * Shows eye dropper to pick color.\n   */\n  showEyeDropper: PropTypes.bool,\n  /**\n   * To show hex value near to the color in the dropdown.\n   * By default it will be enabled.\n   */\n  showHexValue: PropTypes.bool,\n  /**\n   * To show transparency control. By default it will be hidden.\n   */\n  showTransparencyControl: PropTypes.bool,\n  /**\n   * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n   */\n  showPicker: PropTypes.bool,\n  /**\n   * To show the hex color picker (color pointer). Used to hide the picker while keeping the hex input and eye dropper. By default it will be true.\n   */\n  showHexPicker: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To show the recently used colors.\n   */\n  showRecentlyUsedColors: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["r","o","e","t","n","Dropper","DEFAULT_PALETTE_COLORS","hex","TARGET_SIZES","large","medium","small","Palette","_ref","color","_ref$colorList","colorList","onChange","_jsx","className","children","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","classnames","active","onClick","style","backgroundColor","Target","size","showHexValue","colorValue","_jsxs","type","Down","ColorPicker","_ref2","_ref$color","_ref$size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","_ref$showHexPicker","showHexPicker","portalProps","colorPalette","_ref$showRecentlyUsed","showRecentlyUsedColors","_useTranslation","useTranslation","i18n","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","_useState3","_useState4","isColorSelected","setIsColorSelected","hexColorInputValue","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","_useRecentlyUsedColor","useRecentlyUsedColors","_useRecentlyUsedColor2","recentlyUsedColors","setRecentlyUsedColors","PickerComponent","HexAlphaColorPicker","HexColorPicker","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","length","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_context","prev","next","sent","sRGBHex","_t","stop","apply","arguments","onClose","newColor","recentColorsExcludingNew","filter","_ref4","updatedColors","concat","_toConsumableArray","pop","Dropdown","_objectSpread","closeOnSelect","label","position","customTarget","_Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha","Typography","weight","getLocale"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/Target.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const i=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,s=()=>{throw new Error(\"Unsupported browser.\")},a=a=>{const c=r(()=>{var r;return(r=i()&&new EyeDropper(a))?EyeDropper.prototype.open.bind(r):s},[a]),[p,w]=(()=>{const r=o(),[s,a]=e(!1);t(()=>(r.current=!0,a(i()),()=>{r.current=!1}),[]);const c=n(()=>s,[s]);return[r,c]})(),f=o(),u=n(()=>{void 0!==f.current&&f.current.abort()},[f]),d=n(async function(r){void 0===r&&(r={}),u();const{signal:o,...n}=r,t=new AbortController;f.current=t;const e=void 0!==o?(r=>{if(\"any\"in AbortSignal)return AbortSignal.any(r);const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;try{return await c({...n,signal:e})}catch(r){throw p.current||(r.canceled=!0),r}},[f,p,u,c]);return t(()=>u,[u]),{open:d,close:u,isSupported:w}};export{a as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n  { hex: \"#FFFFFF\" },\n  { hex: \"#D6D6D6\" },\n  { hex: \"#0A0E13\" },\n  { hex: \"#FECE1E\" },\n  { hex: \"#F32E48\" },\n  { hex: \"#02C39A\" },\n  { hex: \"#2A79C4\" },\n  { hex: \"#B3E5FC\" },\n  { hex: \"#C3C6F9\" },\n  { hex: \"#8064CE\" },\n  { hex: \"#FE861E\" },\n  { hex: \"#FF7DC9\" },\n  { hex: \"#028090\" },\n  { hex: \"#095482\" },\n];\n\nexport const TARGET_SIZES = {\n  large: \"large\",\n  medium: \"medium\",\n  small: \"small\",\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n  <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n    {colorList.map(item => {\n      const { hex, rgb } = item;\n      const colorObject = tinycolor(hex ?? rgb);\n      const isTransparent = colorObject.getAlpha() === 0;\n      const isActive = Boolean(\n        // hex is case insensitive.\n        color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n      );\n\n      return (\n        <div\n          data-testid=\"color-palette-item\"\n          key={hex ?? rgb}\n          className={classnames(\n            \"neeto-ui-color-palette__item neeto-ui-border\",\n            { active: isActive }\n          )}\n          onClick={() => onChange(hex ?? rgb)}\n        >\n          <div\n            style={{ backgroundColor: hex ?? rgb }}\n            className={classnames({\n              \"transparent-bg-pattern\": isTransparent,\n            })}\n          />\n        </div>\n      );\n    })}\n  </div>\n);\n\nPalette.propTypes = {\n  color: PropTypes.string,\n  colorList: PropTypes.arrayOf(\n    PropTypes.shape({\n      hex: PropTypes.string,\n      rgb: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.shape({\n          r: PropTypes.number,\n          g: PropTypes.number,\n          b: PropTypes.number,\n        }),\n      ]),\n    })\n  ),\n  onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { TARGET_SIZES } from \"./constants\";\n\nconst Target = ({ size, showHexValue, color, colorValue }) => (\n  <button\n    data-testid=\"color-picker-target\"\n    type=\"button\"\n    className={classnames(\"neeto-ui-colorpicker__target\", {\n      \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n      \"neeto-ui-colorpicker__target-size--medium\": size === TARGET_SIZES.medium,\n      \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n    })}\n  >\n    {showHexValue && (\n      <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n    )}\n    <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n      <span\n        className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n        style={{ backgroundColor: colorValue }}\n      />\n      <span className=\"neeto-ui-colorpicker-target__icon\">\n        <Down size={16} />\n      </span>\n    </span>\n  </button>\n);\n\nTarget.propTypes = {\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  showHexValue: PropTypes.bool,\n  color: PropTypes.string,\n  colorValue: PropTypes.string,\n};\n\nexport default Target;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n  HexColorPicker,\n  HexColorInput,\n  HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { useTranslation } from \"react-i18next\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport Typography from \"components/Typography\";\nimport { getLocale, noop } from \"utils\";\n\nimport useRecentlyUsedColors from \"./hooks/useRecentlyUsedColors\";\nimport Palette from \"./Palette\";\nimport Target from \"./Target\";\nimport { TARGET_SIZES } from \"./constants\";\n\nconst ColorPicker = ({\n  color = \"\",\n  size = TARGET_SIZES.large,\n  onChange = noop,\n  dropdownProps,\n  showEyeDropper = true,\n  showHexValue = false,\n  showTransparencyControl = false,\n  showPicker = true,\n  showHexPicker = true,\n  portalProps,\n  colorPalette,\n  showRecentlyUsedColors = showPicker,\n}) => {\n  const { t, i18n } = useTranslation();\n  const [colorInternal, setColorInternal] = useState(color);\n  const [isColorSelected, setIsColorSelected] = useState(false);\n  const hexColorInputValue = useRef(\"\");\n  const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n  const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n  const PickerComponent = showTransparencyControl\n    ? HexAlphaColorPicker\n    : HexColorPicker;\n\n  const colorValue = color ?? colorInternal ?? \"\";\n\n  const getColor = colorValue => {\n    const color = tinycolor(colorValue);\n\n    if (color.isValid()) {\n      let hex = color.toHexString();\n      // return `transparent` for transparent colors.\n      if (color.getAlpha() === 0) hex = colorValue;\n      else if (showTransparencyControl) hex = color.toHex8String();\n\n      return { hex, rgb: color.toRgb() };\n    }\n\n    return { hex: colorValue, rgb: colorValue };\n  };\n\n  const onColorChange = color => {\n    setIsColorSelected(true);\n    const changeHandler = onChange ?? setColorInternal;\n\n    changeHandler(getColor(color));\n  };\n\n  const onColorInputChange = hex => {\n    // HexColorInput onChange will trigger only if the input value is a valid color\n    hexColorInputValue.current = hex;\n    if (hex.length !== (showTransparencyControl ? 9 : 7)) return;\n\n    onColorChange(hex);\n    hexColorInputValue.current = \"\";\n  };\n\n  const onBlur = () => {\n    if (!hexColorInputValue.current) return;\n\n    onColorChange(hexColorInputValue.current);\n    hexColorInputValue.current = \"\";\n  };\n\n  const pickColor = async () => {\n    try {\n      const colorResponse = await open();\n      const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n      onColorChange(hex);\n    } catch {\n      // Ensures component is still mounted\n      // before calling setState\n      // if (!e.canceled) setError(e);\n    }\n  };\n\n  const onClose = () => {\n    if (!showRecentlyUsedColors || !isColorSelected) return;\n\n    const newColor = getColor(colorValue);\n\n    const recentColorsExcludingNew = recentlyUsedColors.filter(\n      ({ hex }) => hex !== newColor.hex\n    );\n\n    const updatedColors = [newColor, ...recentColorsExcludingNew];\n\n    if (updatedColors.length > 14) updatedColors.pop();\n\n    setRecentlyUsedColors(updatedColors);\n    setIsColorSelected(false);\n  };\n\n  return (\n    <Dropdown\n      closeOnSelect={false}\n      label={colorValue}\n      position=\"bottom-start\"\n      {...{ ...dropdownProps, onClose }}\n      customTarget={<Target {...{ color, colorValue, showHexValue, size }} />}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n      className={classnames(\"neeto-ui-colorpicker__dropdown\", {\n        \"neeto-ui-colorpicker__dropdown-size--small\":\n          size === TARGET_SIZES.small,\n        \"neeto-ui-colorpicker__dropdown-size--medium\":\n          size === TARGET_SIZES.medium,\n        \"neeto-ui-colorpicker__dropdown-size--large\":\n          size === TARGET_SIZES.large,\n      })}\n    >\n      <div className=\"neeto-ui-colorpicker__popover\">\n        {showPicker && (\n          <>\n            {showHexPicker && (\n              <div\n                className=\"neeto-ui-colorpicker__pointer\"\n                data-testid=\"neeto-color-picker-section\"\n              >\n                <PickerComponent color={colorValue} onChange={onColorChange} />\n              </div>\n            )}\n            <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n              {showEyeDropper && isSupported() && (\n                <Button\n                  className=\"neeto-ui-colorpicker__eyedropper-btn\"\n                  icon={ColorPickerIcon}\n                  size=\"small\"\n                  style=\"text\"\n                  type=\"button\"\n                  onClick={pickColor}\n                />\n              )}\n              <div className=\"neeto-ui-input__wrapper\">\n                <div\n                  className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n                  data-testid=\"colorpicker-editable-input\"\n                >\n                  <HexColorInput\n                    {...{ onBlur }}\n                    prefixed\n                    alpha={!!showTransparencyControl}\n                    color={colorValue}\n                    data-testid=\"colorpicker-editable-input-textbox\"\n                    onChange={onColorInputChange}\n                  />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n        <div\n          data-testid=\"color-palette\"\n          className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n            \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n            \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n              showPicker,\n          })}\n        >\n          <Palette\n            {...{ color }}\n            colorList={colorPalette}\n            onChange={onColorChange}\n          />\n        </div>\n        {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n          <div\n            className=\"neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3\"\n            data-testid=\"color-palette-recently-used\"\n          >\n            <Typography\n              className=\"neeto-ui-text-gray-600 mb-2\"\n              style=\"body3\"\n              weight=\"medium\"\n            >\n              {getLocale(i18n, t, \"neetoui.colorPicker.recentlyUsed\")}\n            </Typography>\n            <Palette colorList={recentlyUsedColors} onChange={onColorChange} />\n          </div>\n        )}\n      </div>\n    </Dropdown>\n  );\n};\n\nColorPicker.propTypes = {\n  /**\n   * To specify the color value.\n   */\n  color: PropTypes.string,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To set the size of the target.\n   */\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  /**\n   * To specify the action to be triggered on changing the color.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the colors shown in the palette.\n   */\n  colorPalette: PropTypes.arrayOf(\n    PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n  ),\n  /**\n   * Shows eye dropper to pick color.\n   */\n  showEyeDropper: PropTypes.bool,\n  /**\n   * To show hex value near to the color in the dropdown.\n   * By default it will be enabled.\n   */\n  showHexValue: PropTypes.bool,\n  /**\n   * To show transparency control. By default it will be hidden.\n   */\n  showTransparencyControl: PropTypes.bool,\n  /**\n   * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n   */\n  showPicker: PropTypes.bool,\n  /**\n   * To show the hex color picker (color pointer). Used to hide the picker while keeping the hex input and eye dropper. By default it will be true.\n   */\n  showHexPicker: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To show the recently used colors.\n   */\n  showRecentlyUsedColors: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["r","o","e","t","n","Dropper","DEFAULT_PALETTE_COLORS","hex","TARGET_SIZES","large","medium","small","Palette","_ref","color","_ref$colorList","colorList","onChange","_jsx","className","children","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","classnames","active","onClick","style","backgroundColor","Target","size","showHexValue","colorValue","_jsxs","type","Down","ColorPicker","_ref2","_ref$color","_ref$size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","_ref$showHexPicker","showHexPicker","portalProps","colorPalette","_ref$showRecentlyUsed","showRecentlyUsedColors","_useTranslation","useTranslation","i18n","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","_useState3","_useState4","isColorSelected","setIsColorSelected","hexColorInputValue","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","_useRecentlyUsedColor","useRecentlyUsedColors","_useRecentlyUsedColor2","recentlyUsedColors","setRecentlyUsedColors","PickerComponent","HexAlphaColorPicker","HexColorPicker","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","length","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_context","prev","next","sent","sRGBHex","_t","stop","apply","arguments","onClose","newColor","recentColorsExcludingNew","filter","_ref4","updatedColors","concat","_toConsumableArray","pop","Dropdown","_objectSpread","closeOnSelect","label","position","customTarget","_Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha","Typography","weight","getLocale"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/cjs/DatePicker.js

@@ -14,6 +14,13 @@ require('@bigbinary/neeto-icons/Close');
 require('ramda');
 require('./Accordion.js');
 require('./ActionDropdown.js');
+require('./useId-DXHUzdxd.js');
+require('react-router-dom');
+require('@bigbinary/neeto-hotkeys');
+require('./overlayManager.js');
+require('./index-BsfyBCvv.js');
+require('qs');
+require('./Textarea-Ce5g21ku.js');
 require('./Button.js');
 require('./Modal.js');
 require('./Typography.js');
@@ -31,18 +38,11 @@ require('react-colorful');
 require('react-i18next');
 require('./useRecentlyUsedColors-By6GIZx9.js');
 require('./Dropdown.js');
-require('./index-BsfyBCvv.js');
 require('@bigbinary/neeto-icons/Down');
-var DatePicker = require('./index-CnOBUXom.js');
+var DatePicker = require('./index-mj5R1eTz.js');
 require('./Input.js');
 require('./Label.js');
 require('./MultiEmailInput.js');
-require('react-router-dom');
-require('./useId-DXHUzdxd.js');
-require('@bigbinary/neeto-hotkeys');
-require('./overlayManager.js');
-require('qs');
-require('./Textarea-Ce5g21ku.js');
 require('./Pane.js');
 require('./Popover.js');
 require('framer-motion');
@@ -87,7 +87,7 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('./Spinner.js');
 require('./Tooltip.js');
-require('./useOverlayManager-DobGTLvg.js');
+require('./Portal-DGTC-Yro.js');
 require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
 require('@babel/runtime/helpers/esm/inheritsLoose');
 require('@bigbinary/neeto-icons/Help');

package/dist/cjs/Dropdown.js

@@ -9,16 +9,19 @@ var classnames = require('classnames');
 var Down = require('@bigbinary/neeto-icons/Down');
 var ramda = require('ramda');
 var Button = require('./Button.js');
+var useId = require('./useId-DXHUzdxd.js');
+var reactRouterDom = require('react-router-dom');
+require('@bigbinary/neeto-hotkeys');
+require('./overlayManager.js');
 var index = require('./index-BsfyBCvv.js');
+require('qs');
 var jsxRuntime = require('react/jsx-runtime');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Tooltip = require('./Tooltip.js');
-var reactRouterDom = require('react-router-dom');
 require('./Spinner.js');
 require('tippy.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('qs');
 require('./en-BfFI1Si2.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
@@ -32,7 +35,9 @@ function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Divider = function Divider(props) {
   return /*#__PURE__*/jsxRuntime.jsx("li", _objectSpread$4({
-    className: "neeto-ui-dropdown__popup-divider"
+    "aria-orientation": "horizontal",
+    className: "neeto-ui-dropdown__popup-divider",
+    role: "separator"
   }, props));
 };
 
@@ -96,7 +101,8 @@ var MenuItem = function MenuItem(_ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded$2);
   var renderMenuItem = function renderMenuItem() {
     return /*#__PURE__*/jsxRuntime.jsx("li", _objectSpread$2(_objectSpread$2({
-      className: classnames("neeto-ui-dropdown__popup-menu-item", className)
+      className: classnames("neeto-ui-dropdown__popup-menu-item", className),
+      role: "menuitem"
     }, otherProps), {}, {
       children: children
     }));
@@ -274,6 +280,11 @@ var Dropdown = function Dropdown(_ref2) {
     _useState4 = _slicedToArray(_useState3, 2),
     mounted = _useState4[0],
     setMounted = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isExpanded = _useState6[0],
+    setIsExpanded = _useState6[1];
+  var menuId = useId.useId();
   var isControlled = !ramda.isNil(isOpen);
   var controlledProps = isControlled ? {
     visible: isOpen
@@ -291,6 +302,10 @@ var Dropdown = function Dropdown(_ref2) {
   return /*#__PURE__*/jsxRuntime.jsx(Tippy, _objectSpread(_objectSpread({
     interactive: true,
     animation: false,
+    aria: {
+      content: null,
+      expanded: false
+    },
     arrow: false,
     duration: 0
     // hideOnClick determines whether the dropdown should be hidden when the user clicks outside of the dropdown.
@@ -305,12 +320,13 @@ var Dropdown = function Dropdown(_ref2) {
       strategy: strategy,
       modifiers: dropdownModifiers
     },
-    role: "dropdown",
     theme: "light",
     trigger: isControlled ? undefined : TRIGGERS[trigger],
     className: classnames("neeto-ui-dropdown", _defineProperty({}, className, className)),
     content: mounted ? /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
       "data-testid": "".concat(index.hyphenize(label), "-dropdown-container"),
+      id: menuId,
+      role: "menu",
       className: classnames("neeto-ui-dropdown__popup", _defineProperty(_defineProperty({}, dropdownClassName, dropdownClassName), dropdownClassnames, dropdownClassnames)),
       onClick: closeOnSelect ? close : index.noop
     }, otherDropdownProps), {}, {
@@ -322,9 +338,13 @@ var Dropdown = function Dropdown(_ref2) {
     onMount: function onMount() {
       return setMounted(true);
     },
+    onShow: function onShow() {
+      return setIsExpanded(true);
+    },
     onHidden: function onHidden() {
       onClose();
       setMounted(false);
+      setIsExpanded(false);
     }
   }, _objectSpread(_objectSpread({
     disabled: disabled,
@@ -339,6 +359,9 @@ var Dropdown = function Dropdown(_ref2) {
     }) : /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
       label: label,
       onClick: onClick,
+      "aria-controls": menuId,
+      "aria-expanded": isControlled ? isOpen : isExpanded,
+      "aria-haspopup": "true",
       "data-testid": "".concat(index.hyphenize(label), "-dropdown-icon"),
       disabled: disabled || (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled),
       icon: icon || Down,