@bigbinary/neetoui 8.3.29 → 8.3.31

package/dist/Accordion.js

@@ -1,4 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -6,9 +5,12 @@ import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { isEmpty } from 'ramda';
 import { AnimatePresence, motion } from 'framer-motion';
-import { Right } from '@bigbinary/neeto-icons';
+import Right from '@bigbinary/neeto-icons/Right';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var _excluded$1 = ["open", "children", "className"];
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Collapse = function Collapse(_ref) {
   var _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
@@ -16,28 +18,35 @@ var Collapse = function Collapse(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(AnimatePresence, null, open && /*#__PURE__*/React__default.createElement(motion.div, _extends({
-    animate: {
-      opacity: 1,
-      height: "auto"
-    },
-    exit: {
-      opacity: 0,
-      height: 0
-    },
-    initial: {
-      opacity: 0,
-      height: 0,
-      overflow: "hidden"
-    },
-    transition: {
-      duration: 0.3
-    }
-  }, otherProps), /*#__PURE__*/React__default.createElement("div", {
-    className: className
-  }, children)));
+  return /*#__PURE__*/jsx(AnimatePresence, {
+    children: open && /*#__PURE__*/jsx(motion.div, _objectSpread$2(_objectSpread$2({
+      animate: {
+        opacity: 1,
+        height: "auto"
+      },
+      exit: {
+        opacity: 0,
+        height: 0
+      },
+      initial: {
+        opacity: 0,
+        height: 0,
+        overflow: "hidden"
+      },
+      transition: {
+        duration: 0.3
+      }
+    }, otherProps), {}, {
+      children: /*#__PURE__*/jsx("div", {
+        className: className,
+        children: children
+      })
+    }))
+  });
 };
 
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Item = function Item(_ref) {
   var id = _ref.id,
     _ref$title = _ref.title,
@@ -61,49 +70,56 @@ var Item = function Item(_ref) {
         break;
     }
   };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-ui-accordion__wrapper", _defineProperty({}, className, className))
-  }, /*#__PURE__*/React__default.createElement("div", {
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    "aria-controls": "neeto-ui-accordion-section-".concat(id),
-    "aria-disabled": isOpen,
-    "aria-expanded": isOpen,
-    id: "neeto-ui-accordion-item-".concat(id),
-    role: "button",
-    tabIndex: 0,
-    className: classnames("neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center", {
-      "neeto-ui-accordion__item--open": isOpen
-    })
-  }, /*#__PURE__*/React__default.createElement("div", _extends({}, titleProps, {
-    className: "neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words"
-  }), title), /*#__PURE__*/React__default.createElement(motion.div, {
-    animate: isOpen ? "open" : "collapsed",
-    className: "neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0",
-    transition: {
-      duration: 0.3
-    },
-    variants: {
-      open: {
-        rotate: 90
-      },
-      collapsed: {
-        rotate: 0
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement(Right, _extends({
-    size: 16
-  }, iconProps)))), /*#__PURE__*/React__default.createElement(Collapse, {
-    "aria-labelledby": "neeto-ui-accordion-item-".concat(id),
-    className: "neeto-ui-accordion__drop",
-    id: "neeto-ui-accordion-section-".concat(id),
-    open: isOpen,
-    role: "region"
-  }, children));
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames("neeto-ui-accordion__wrapper", _defineProperty({}, className, className)),
+    children: [/*#__PURE__*/jsxs("div", {
+      onClick: onClick,
+      onKeyDown: onKeyDown,
+      "aria-controls": "neeto-ui-accordion-section-".concat(id),
+      "aria-disabled": isOpen,
+      "aria-expanded": isOpen,
+      id: "neeto-ui-accordion-item-".concat(id),
+      role: "button",
+      tabIndex: 0,
+      className: classnames("neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center", {
+        "neeto-ui-accordion__item--open": isOpen
+      }),
+      children: [/*#__PURE__*/jsx("div", _objectSpread$1(_objectSpread$1({}, titleProps), {}, {
+        className: "neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words",
+        children: title
+      })), /*#__PURE__*/jsx(motion.div, {
+        animate: isOpen ? "open" : "collapsed",
+        className: "neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0",
+        transition: {
+          duration: 0.3
+        },
+        variants: {
+          open: {
+            rotate: 90
+          },
+          collapsed: {
+            rotate: 0
+          }
+        },
+        children: /*#__PURE__*/jsx(Right, _objectSpread$1({
+          size: 16
+        }, iconProps))
+      })]
+    }), /*#__PURE__*/jsx(Collapse, {
+      "aria-labelledby": "neeto-ui-accordion-item-".concat(id),
+      className: "neeto-ui-accordion__drop",
+      id: "neeto-ui-accordion-section-".concat(id),
+      open: isOpen,
+      role: "region",
+      children: children
+    })]
+  });
 };
 Item.displayName = "Accordion.Item";
 
 var _excluded = ["children", "defaultActiveKey", "padded", "style", "className"];
+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 ACCORDION_STYLES = {
   primary: "primary",
   secondary: "secondary"
@@ -126,25 +142,27 @@ var Accordion = function Accordion(_ref) {
   useEffect(function () {
     setOpenTab(defaultActiveKey);
   }, [defaultActiveKey]);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     className: classnames("neeto-ui-accordions-outer-wrapper", _defineProperty({
       "neeto-ui-accordions-outer-wrapper--padded": padded,
       "neeto-ui-accordions-outer-wrapper--secondary": style === ACCORDION_STYLES.secondary
     }, className, className))
-  }, otherProps), React__default.Children.map(children, function (child, index) {
-    var isSingleOrLastChild = isEmpty(children) || index === children.length - 1;
-    return /*#__PURE__*/React__default.cloneElement(child, {
-      id: index,
-      key: index,
-      isOpen: openTab === index,
-      className: classnames(child.props.className, {
-        "neeto-ui-accordion__wrapper--last-item": isSingleOrLastChild
-      }),
-      onClick: function onClick() {
-        setOpenTab(openTab === index ? null : index);
-        child.props.onClick && child.props.onClick();
-      }
-    });
+  }, otherProps), {}, {
+    children: React__default.Children.map(children, function (child, index) {
+      var isSingleOrLastChild = isEmpty(children) || index === children.length - 1;
+      return /*#__PURE__*/React__default.cloneElement(child, {
+        id: index,
+        key: index,
+        isOpen: openTab === index,
+        className: classnames(child.props.className, {
+          "neeto-ui-accordion__wrapper--last-item": isSingleOrLastChild
+        }),
+        onClick: function onClick() {
+          setOpenTab(openTab === index ? null : index);
+          child.props.onClick && child.props.onClick();
+        }
+      });
+    })
   }));
 };
 Accordion.Item = Item;

package/dist/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","React","createElement","AnimatePresence","motion","div","_extends","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":";;;;;;;;;;;AAIA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CACZE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,SAAA;IACZE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AACXE,IAAAA,UAAU,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,WAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,cAAA,CAAAC,aAAA,CAACC,eAAe,QACbT,IAAI,iBACHO,cAAA,CAAAC,aAAA,CAACE,MAAM,CAACC,GAAG,EAAAC,QAAA,CAAA;AACTC,IAAAA,OAAO,EAAE;AAAEC,MAAAA,OAAO,EAAE,CAAC;AAAEC,MAAAA,MAAM,EAAE,MAAA;KAAS;AACxCC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAC;AAAEC,MAAAA,MAAM,EAAE,CAAA;KAAI;AAChCE,IAAAA,OAAO,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAC;AAAEC,MAAAA,MAAM,EAAE,CAAC;AAAEG,MAAAA,QAAQ,EAAE,QAAA;KAAW;AACvDC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAA;AAAI,KAAA;AAAE,GAAA,EAC1BhB,UAAU,CAAA,eAEdG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAEA,SAAAA;GAAYF,EAAAA,QAAQ,CAAO,CAE9C,CACe,CAAA;AAAA,CACnB;;ACdD,IAAMoB,IAAI,GAAG,SAAPA,IAAIA,CAAAvB,IAAA,EASJ;AAAA,EAAA,IARJwB,EAAE,GAAAxB,IAAA,CAAFwB,EAAE;IAAAC,UAAA,GAAAzB,IAAA,CACF0B,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,WAAA,GAAA3B,IAAA,CACV4B,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAA7B,IAAA,CACd8B,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,YAAM,EAAE,GAAAA,YAAA;IAClB1B,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAA2B,eAAA,GAAA/B,IAAA,CACdgC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,eAAA;IAAAE,cAAA,GAAAjC,IAAA,CACfkC,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,cAAA,CAAA;AAEd,EAAA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAGC,CAAC,EAAI;IACrB,QAAQA,CAAC,CAACC,GAAG;AACX,MAAA,KAAK,GAAG,CAAA;AACR,MAAA,KAAK,OAAO;AACVP,QAAAA,OAAO,EAAE,CAAA;AACT,QAAA,MAAA;AACM,KAAA;GAEX,CAAA;EAED,oBACErB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEL,SAAS,EAAEiC,UAAU,CAAC,6BAA6B,EAAAC,eAAA,CAAA,EAAA,EAChDlC,SAAS,EAAGA,SAAS,CAAA,CAAA;GAGxBI,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACQoB,IAAAA,OAAO,EAAPA,OAAO;AAAEK,IAAAA,SAAS,EAATA,SAAS;IACxB,eAAAK,EAAAA,6BAAAA,CAAAA,MAAA,CAA6ChB,EAAE,CAAG;AAClD,IAAA,eAAA,EAAeI,MAAO;AACtB,IAAA,eAAA,EAAeA,MAAO;AACtBJ,IAAAA,EAAE,EAAAgB,0BAAAA,CAAAA,MAAA,CAA6BhB,EAAE,CAAG;AACpCiB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZrC,IAAAA,SAAS,EAAEiC,UAAU,CACnB,uFAAuF,EACvF;AAAE,MAAA,gCAAgC,EAAEV,MAAAA;KAAQ,CAAA;AAC5C,GAAA,eAEFnB,cAAA,CAAAC,aAAA,CAAAI,KAAAA,EAAAA,QAAA,KACMkB,UAAU,EAAA;AACd3B,IAAAA,SAAS,EAAC,6GAAA;GAETqB,CAAAA,EAAAA,KAAK,CACF,eACNjB,cAAA,CAAAC,aAAA,CAACE,MAAM,CAACC,GAAG,EAAA;AACTE,IAAAA,OAAO,EAAEa,MAAM,GAAG,MAAM,GAAG,WAAY;AACvCvB,IAAAA,SAAS,EAAC,2DAA2D;AACrEgB,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAA;KAAM;AAC9BqB,IAAAA,QAAQ,EAAE;AAAEzC,MAAAA,IAAI,EAAE;AAAE0C,QAAAA,MAAM,EAAE,EAAA;OAAI;AAAEC,MAAAA,SAAS,EAAE;AAAED,QAAAA,MAAM,EAAE,CAAA;AAAE,OAAA;AAAE,KAAA;AAAE,GAAA,eAE7DnC,cAAA,CAAAC,aAAA,CAACoC,KAAK,EAAAhC,QAAA,CAAA;AAACiC,IAAAA,IAAI,EAAE,EAAA;GAAQb,EAAAA,SAAS,EAAI,CACvB,CACT,eACNzB,cAAA,CAAAC,aAAA,CAACX,QAAQ,EAAA;IACP,iBAAAyC,EAAAA,0BAAAA,CAAAA,MAAA,CAA4ChB,EAAE,CAAG;AACjDnB,IAAAA,SAAS,EAAC,0BAA0B;AACpCmB,IAAAA,EAAE,EAAAgB,6BAAAA,CAAAA,MAAA,CAAgChB,EAAE,CAAG;AACvCtB,IAAAA,IAAI,EAAE0B,MAAO;AACba,IAAAA,IAAI,EAAC,QAAA;GAEJtC,EAAAA,QAAQ,CACA,CACP,CAAA;AAEV,CAAC,CAAA;AAEDoB,IAAI,CAACyB,WAAW,GAAG,gBAAgB;;;ACpEnC,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAA;AACb,CAAC,CAAA;AAED,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAApD,IAAA,EAOT;AAAA,EAAA,IANJG,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAkD,qBAAA,GAAArD,IAAA,CACRsD,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,WAAA,GAAAvD,IAAA,CACvBwD,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,UAAA,GAAAzD,IAAA,CACd0D,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGR,gBAAgB,CAACC,OAAO,GAAAO,UAAA;IAAArD,cAAA,GAAAJ,IAAA,CAChCK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AACXE,IAAAA,UAAU,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEb,EAAA,IAAAmD,SAAA,GAA8BC,QAAQ,CAACN,gBAAgB,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjDI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE1BI,EAAAA,SAAS,CAAC,YAAM;IACdD,UAAU,CAACV,gBAAgB,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,oBACE7C,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAI,QAAA,CAAA;AACET,IAAAA,SAAS,EAAEiC,UAAU,CAAC,mCAAmC,EAAAC,eAAA,CAAA;AACvD,MAAA,2CAA2C,EAAEiB,MAAM;AACnD,MAAA,8CAA8C,EAC5CE,KAAK,KAAKT,gBAAgB,CAACE,SAAAA;KAC5B9C,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCC,UAAU,CAAA,EAEbG,cAAK,CAACyD,QAAQ,CAACC,GAAG,CAAChE,QAAQ,EAAE,UAACiE,KAAK,EAAEC,KAAK,EAAK;AAC9C,IAAA,IAAMC,mBAAmB,GACvBC,OAAO,CAACpE,QAAQ,CAAC,IAAIkE,KAAK,KAAKlE,QAAQ,CAACqE,MAAM,GAAG,CAAC,CAAA;AAEpD,IAAA,oBAAO/D,cAAK,CAACgE,YAAY,CAACL,KAAK,EAAE;AAC/B5C,MAAAA,EAAE,EAAE6C,KAAK;AACThC,MAAAA,GAAG,EAAEgC,KAAK;MACVzC,MAAM,EAAEmC,OAAO,KAAKM,KAAK;MACzBhE,SAAS,EAAEiC,UAAU,CAAC8B,KAAK,CAACM,KAAK,CAACrE,SAAS,EAAE;AAC3C,QAAA,wCAAwC,EAAEiE,mBAAAA;AAC5C,OAAC,CAAC;MACFxC,OAAO,EAAE,SAAAA,OAAAA,GAAM;QACbkC,UAAU,CAACD,OAAO,KAAKM,KAAK,GAAG,IAAI,GAAGA,KAAK,CAAC,CAAA;QAC5CD,KAAK,CAACM,KAAK,CAAC5C,OAAO,IAAIsC,KAAK,CAACM,KAAK,CAAC5C,OAAO,EAAE,CAAA;AAC9C,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CACE,CAAA;AAEV,EAAC;AAyBDsB,SAAS,CAAC7B,IAAI,GAAGA,IAAI;;;;"}
+{"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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"}

package/dist/ActionDropdown.js

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
+import 'react';
 import classnames from 'classnames';
-import { n as noop } from './index-Dxaw6gl9.js';
+import { n as noop } from './index-D6vmwyYl.js';
 import Button from './Button.js';
 import Dropdown from './Dropdown.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
@@ -24,20 +24,15 @@ import './Spinner.js';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';
-import '@bigbinary/neeto-icons';
+import '@bigbinary/neeto-icons/Down';
 
 var _excluded = ["style", "size"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 BTN_STYLES = {
-  primary: "primary",
-  secondary: "secondary"
-};
+  primary: "primary"};
 var BTN_SIZES = {
-  small: "small",
-  medium: "medium",
-  large: "large"
-};
+  medium: "medium"};
 var ActionDropdown = function ActionDropdown(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -59,25 +54,27 @@ var ActionDropdown = function ActionDropdown(_ref) {
     dropdownProps = _ref.dropdownProps,
     children = _ref.children,
     portalProps = _ref.portalProps;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames(["neeto-ui-action-dropdown", className])
-  }, /*#__PURE__*/React__default.createElement(Button, _extends({
-    disabled: disabled,
-    label: label,
-    onClick: onClick,
-    "data-cy": "action-dropdown-btn",
-    "data-testid": "action-dropdown-btn",
-    size: size !== null && size !== void 0 ? size : buttonSize,
-    style: style !== null && style !== void 0 ? style : buttonStyle
-  }, buttonProps)), /*#__PURE__*/React__default.createElement(Dropdown, _extends({
-    disabled: disabled,
-    buttonProps: {
-      size: size !== null && size !== void 0 ? size : buttonSize
-    },
-    buttonStyle: style !== null && style !== void 0 ? style : buttonStyle
-  }, dropdownProps, {
-    dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps)
-  }), children));
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(["neeto-ui-action-dropdown", className]),
+    children: [/*#__PURE__*/jsx(Button, _objectSpread({
+      disabled: disabled,
+      label: label,
+      onClick: onClick,
+      "data-cy": "action-dropdown-btn",
+      "data-testid": "action-dropdown-btn",
+      size: size !== null && size !== void 0 ? size : buttonSize,
+      style: style !== null && style !== void 0 ? style : buttonStyle
+    }, buttonProps)), /*#__PURE__*/jsx(Dropdown, _objectSpread(_objectSpread({
+      disabled: disabled,
+      buttonProps: {
+        size: size !== null && size !== void 0 ? size : buttonSize
+      },
+      buttonStyle: style !== null && style !== void 0 ? style : buttonStyle
+    }, dropdownProps), {}, {
+      dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps),
+      children: children
+    }))]
+  });
 };
 ActionDropdown.Menu = Dropdown.Menu;
 ActionDropdown.MenuItem = Dropdown.MenuItem;

package/dist/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-cy=\"action-dropdown-btn\"\n      data-testid=\"action-dropdown-btn\"\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      {...buttonProps}\n    />\n    <Dropdown\n      {...{ disabled }}\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      {...dropdownProps}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","secondary","BTN_SIZES","small","medium","large","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","React","createElement","classnames","Button","_extends","Dropdown","_objectSpread","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-cy=\"action-dropdown-btn\"\n      data-testid=\"action-dropdown-btn\"\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      {...buttonProps}\n    />\n    <Dropdown\n      {...{ disabled }}\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      {...dropdownProps}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","BTN_SIZES","small","medium","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$className","className","dropdownProps","children","portalProps","_jsxs","classnames","_jsx","Button","_objectSpread","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}

package/dist/Alert.js

@@ -1,9 +1,9 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React__default, { useRef } from 'react';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useRef } from 'react';
 import Button from './Button.js';
 import Modal from './Modal.js';
 import Typography from './Typography.js';
-import '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'classnames';
 import 'react-router-dom';
@@ -12,8 +12,8 @@ import './Tooltip.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@tippyjs/react';
 import 'tippy.js';
-import '@bigbinary/neeto-icons';
-import './useOverlayManager-AZIGhUYS.js';
+import '@bigbinary/neeto-icons/Close';
+import './useOverlayManager-BzuBvhPZ.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import '@babel/runtime/helpers/esm/inheritsLoose';
@@ -23,7 +23,7 @@ import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import './index-Dxaw6gl9.js';
+import './index-D6vmwyYl.js';
 import '@bigbinary/neeto-cist';
 import 'qs';
 import './en-CIkXIYyl.js';
@@ -34,15 +34,12 @@ import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 
+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 = {
-  small: "small",
-  medium: "medium",
-  large: "large"
-};
+  medium: "medium"};
 var FOCUSABLE_ELEMENTS = {
-  submit: "submit",
-  cancel: "cancel"
-};
+  submit: "submit"};
 var Alert = function Alert(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES.medium : _ref$size,
@@ -80,7 +77,7 @@ var Alert = function Alert(_ref) {
   var cancelButtonRef = useRef(null);
   var hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;
   var initialFocusElementRef = initialFocusElement === FOCUSABLE_ELEMENTS.submit ? submitButtonRef : cancelButtonRef;
-  return /*#__PURE__*/React__default.createElement(Modal, _extends({
+  return /*#__PURE__*/jsxs(Modal, _objectSpread(_objectSpread({
     backdropClassName: backdropClassName,
     className: className,
     closeButton: closeButton,
@@ -92,30 +89,39 @@ var Alert = function Alert(_ref) {
     "data-cy": "alert-box"
   }, hasCustomFocusableElement && {
     initialFocusRef: initialFocusRef || initialFocusElementRef
-  }), /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "alert-title",
-    style: "h2"
-  }, title)), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "alert-message",
-    lineHeight: "normal",
-    style: "body2"
-  }, message)), /*#__PURE__*/React__default.createElement(Modal.Footer, {
-    className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center"
-  }, !hideCancelButton && /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "alert-cancel-button",
-    label: cancelButtonLabel,
-    ref: cancelButtonRef,
-    style: "tertiary",
-    onClick: onClose
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "alert-submit-button",
-    disabled: isSubmitting || !isOpen,
-    label: submitButtonLabel,
-    loading: isSubmitting,
-    ref: submitButtonRef,
-    style: "danger",
-    onClick: onSubmit
-  })));
+  }), {}, {
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-cy": "alert-title",
+        style: "h2",
+        children: title
+      })
+    }), /*#__PURE__*/jsx(Modal.Body, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-cy": "alert-message",
+        lineHeight: "normal",
+        style: "body2",
+        children: message
+      })
+    }), /*#__PURE__*/jsxs(Modal.Footer, {
+      className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center",
+      children: [!hideCancelButton && /*#__PURE__*/jsx(Button, {
+        "data-cy": "alert-cancel-button",
+        label: cancelButtonLabel,
+        ref: cancelButtonRef,
+        style: "tertiary",
+        onClick: onClose
+      }), /*#__PURE__*/jsx(Button, {
+        "data-cy": "alert-submit-button",
+        disabled: isSubmitting || !isOpen,
+        label: submitButtonLabel,
+        loading: isSubmitting,
+        ref: submitButtonRef,
+        style: "danger",
+        onClick: onSubmit
+      })]
+    })]
+  }));
 };
 
 export { Alert as default };

package/dist/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-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={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","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={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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"}