@bigbinary/neetoui 8.3.76 → 8.3.77

package/dist/cjs/Kbd.js

@@ -17,7 +17,7 @@ require('@babel/runtime/helpers/createClass');
 require('@bigbinary/neeto-cist');
 require('qs');
 require('ramda');
-require('./index-D0rucYPS.js');
+require('./index-BgzkP01c.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');
@@ -25,21 +25,27 @@ require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('i18next');
-require('./usePrefersReducedMotion-DIgi-Aj7.js');
+require('./usePrefersReducedMotion-D2Ck84HM.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["keyName", "className", "tooltipProps"];
 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; }
+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__default.default(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 Kbd = function Kbd(_ref) {
   var keyName = _ref.keyName,
     className = _ref.className,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
   return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread(_objectSpread({
     disabled: !tooltipProps
   }, tooltipProps), {}, {
     children: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({
-      className: classnames(["neeto-ui-kbd", className])
+      className: classnames__default.default(["neeto-ui-kbd", className])
     }, otherProps), {}, {
       children: keyName
     }))

package/dist/cjs/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Kbd = ({ keyName, className, tooltipProps, ...otherProps }) => (\n  <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n    <span className={classnames([\"neeto-ui-kbd\", className])} {...otherProps}>\n      {keyName}\n    </span>\n  </Tooltip>\n);\n\nKbd.propTypes = {\n  /**\n   * To specify keyboard key\n   */\n  keyName: PropTypes.string,\n  /**\n   * To provide additional class names to the Kbd.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n};\n\nexport default Kbd;\n"],"names":["Kbd","_ref","keyName","className","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_jsx","Tooltip","_objectSpread","disabled","children","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,GAAG,GAAG,SAANA,GAAGA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAAA,EAAA,oBAC5DC,cAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,QAAQ,EAAE,CAACP;AAAa,GAAA,EAAKA,YAAY,CAAA,EAAA,EAAA,EAAA;AAAAQ,IAAAA,QAAA,eAChDJ,cAAA,CAAA,MAAA,EAAAE,aAAA,CAAAA,aAAA,CAAA;AAAMP,MAAAA,SAAS,EAAEU,UAAU,CAAC,CAAC,cAAc,EAAEV,SAAS,CAAC;AAAE,KAAA,EAAKE,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAO,MAAAA,QAAA,EACrEV;KAAO,CACJ;AAAC,GAAA,CACA,CAAC;AAAA;;;;"}
+{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Kbd = ({ keyName, className, tooltipProps, ...otherProps }) => (\n  <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n    <span className={classnames([\"neeto-ui-kbd\", className])} {...otherProps}>\n      {keyName}\n    </span>\n  </Tooltip>\n);\n\nKbd.propTypes = {\n  /**\n   * To specify keyboard key\n   */\n  keyName: PropTypes.string,\n  /**\n   * To provide additional class names to the Kbd.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n};\n\nexport default Kbd;\n"],"names":["Kbd","_ref","keyName","className","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_jsx","Tooltip","_objectSpread","disabled","children","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,GAAG,GAAG,SAANA,GAAGA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;AAAKC,IAAAA,UAAU,GAAAC,yCAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAAA,EAAA,oBAC5DC,cAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,QAAQ,EAAE,CAACP;AAAa,GAAA,EAAKA,YAAY,CAAA,EAAA,EAAA,EAAA;AAAAQ,IAAAA,QAAA,eAChDJ,cAAA,CAAA,MAAA,EAAAE,aAAA,CAAAA,aAAA,CAAA;AAAMP,MAAAA,SAAS,EAAEU,2BAAU,CAAC,CAAC,cAAc,EAAEV,SAAS,CAAC;AAAE,KAAA,EAAKE,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAO,MAAAA,QAAA,EACrEV;KAAO,CACJ;AAAC,GAAA,CACA,CAAC;AAAA;;;;"}

package/dist/cjs/Label.js

@@ -21,7 +21,7 @@ require('@babel/runtime/helpers/createClass');
 require('@bigbinary/neeto-cist');
 require('qs');
 require('ramda');
-require('./index-D0rucYPS.js');
+require('./index-BgzkP01c.js');
 require('i18next');
 require('./Spinner.js');
 require('@babel/runtime/helpers/toConsumableArray');
@@ -30,21 +30,28 @@ require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
-require('./usePrefersReducedMotion-DIgi-Aj7.js');
+require('./usePrefersReducedMotion-D2Ck84HM.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var Help__default = /*#__PURE__*/_interopDefault(Help);
 
 var _excluded$2 = ["onClick", "className", "icon"];
 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; }
+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__default.default(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 HelpIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick,
     className = _ref.className,
     icon = _ref.icon,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2);
-  var HelpIcon = icon || Help;
+    otherProps = _objectWithoutProperties__default.default(_ref, _excluded$2);
+  var HelpIcon = icon || Help__default.default;
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     onClick: onClick,
     ref: ref,
-    className: classnames("neeto-ui-label__help-icon-wrap", _defineProperty({}, className, className)),
+    className: classnames__default.default("neeto-ui-label__help-icon-wrap", _defineProperty__default.default({}, className, className)),
     children: /*#__PURE__*/jsxRuntime.jsx(HelpIcon, _objectSpread$2({
       size: 20
     }, otherProps))
@@ -55,14 +62,14 @@ HelpIcon.displayName = "HelpIcon";
 var _excluded$1 = ["tooltipProps", "popoverProps"],
   _excluded2 = ["title", "description", "helpLinkProps"];
 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; }
+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__default.default(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 HelpContent = function HelpContent(_ref) {
   var helpIconProps = _ref.helpIconProps;
   var popoverReferenceElement = React.useRef();
   var _ref2 = helpIconProps || {},
     tooltipProps = _ref2.tooltipProps,
     popoverProps = _ref2.popoverProps,
-    otherHelpIconProps = _objectWithoutProperties(_ref2, _excluded$1);
+    otherHelpIconProps = _objectWithoutProperties__default.default(_ref2, _excluded$1);
   if (tooltipProps) {
     return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread$1(_objectSpread$1({}, tooltipProps), {}, {
       children: /*#__PURE__*/jsxRuntime.jsx(HelpIcon, _objectSpread$1({}, otherHelpIconProps))
@@ -72,7 +79,7 @@ var HelpContent = function HelpContent(_ref) {
     var title = popoverProps.title,
       description = popoverProps.description,
       helpLinkProps = popoverProps.helpLinkProps,
-      otherPopoverProps = _objectWithoutProperties(popoverProps, _excluded2);
+      otherPopoverProps = _objectWithoutProperties__default.default(popoverProps, _excluded2);
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(HelpIcon, _objectSpread$1(_objectSpread$1({}, otherHelpIconProps), {}, {
         ref: popoverReferenceElement
@@ -107,7 +114,7 @@ var HelpContent = function HelpContent(_ref) {
 
 var _excluded = ["children", "className", "required", "helpIconProps"];
 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; }
+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__default.default(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 Label = function Label(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
@@ -116,9 +123,9 @@ var Label = function Label(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     _ref$helpIconProps = _ref.helpIconProps,
     helpIconProps = _ref$helpIconProps === void 0 ? null : _ref$helpIconProps,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
   return /*#__PURE__*/jsxRuntime.jsxs("label", _objectSpread(_objectSpread({
-    className: classnames("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
+    className: classnames__default.default("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
   }, props), {}, {
     children: [children, required && /*#__PURE__*/jsxRuntime.jsx("span", {
       "aria-hidden": true,

package/dist/cjs/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../src/components/Label/HelpIcon.jsx","../../src/components/Label/HelpContent.jsx","../../src/components/Label/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\n\nconst HelpIcon = forwardRef(\n  ({ onClick, className, icon, ...otherProps }, ref) => {\n    const HelpIcon = icon || Help;\n\n    return (\n      <span\n        {...{ onClick, ref }}\n        className={classNames(\"neeto-ui-label__help-icon-wrap\", {\n          [className]: className,\n        })}\n      >\n        <HelpIcon size={20} {...otherProps} />\n      </span>\n    );\n  }\n);\n\nHelpIcon.displayName = \"HelpIcon\";\n\nexport default HelpIcon;\n","import React, { useRef } from \"react\";\n\nimport HelpIcon from \"./HelpIcon\";\n\nimport Button from \"../Button\";\nimport Popover from \"../Popover\";\nimport Tooltip from \"../Tooltip\";\nimport Typography from \"../Typography\";\n\nconst HelpContent = ({ helpIconProps }) => {\n  const popoverReferenceElement = useRef();\n\n  const { tooltipProps, popoverProps, ...otherHelpIconProps } =\n    helpIconProps || {};\n\n  if (tooltipProps) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <HelpIcon {...otherHelpIconProps} />\n      </Tooltip>\n    );\n  }\n\n  if (popoverProps) {\n    const { title, description, helpLinkProps, ...otherPopoverProps } =\n      popoverProps;\n\n    return (\n      <>\n        <HelpIcon {...otherHelpIconProps} ref={popoverReferenceElement} />\n        <Popover reference={popoverReferenceElement} {...otherPopoverProps}>\n          <div className=\"neeto-ui-flex neeto-ui-flex-col\">\n            {title && (\n              <Popover.Title data-testid=\"help-popover-title\">\n                {title}\n              </Popover.Title>\n            )}\n            {typeof description === \"string\" ? (\n              <Typography\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-testid=\"help-popover-link-button\"\n                size=\"small\"\n                {...helpLinkProps}\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        </Popover>\n      </>\n    );\n  }\n\n  return <HelpIcon {...otherHelpIconProps} />;\n};\n\nexport default HelpContent;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport HelpContent from \"./HelpContent\";\n\nimport Button from \"../Button\";\nimport Tooltip from \"../Tooltip\";\n\nconst Label = ({\n  children,\n  className = \"\",\n  required = false,\n  helpIconProps = null,\n  ...props\n}) => (\n  <label\n    className={classnames(\n      \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    {required && <span aria-hidden>*</span>}\n    {helpIconProps && <HelpContent {...{ helpIconProps }} />}\n  </label>\n);\n\nLabel.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Label.\n   */\n  children: PropTypes.node,\n  /**\n   * Provide external classnames to Label component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether to show the required asterisk.\n   */\n  required: PropTypes.bool,\n  /**\n   * Props for the help icon\n   */\n  helpIconProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    tooltipProps: PropTypes.shape({ ...Tooltip.propTypes }),\n    popoverProps: PropTypes.shape({\n      title: PropTypes.node,\n      description: PropTypes.node,\n      helpLinkProps: PropTypes.shape({ ...Button.propTypes }),\n    }),\n    className: PropTypes.string,\n  }),\n};\n\nexport default Label;\n"],"names":["HelpIcon","forwardRef","_ref","ref","onClick","className","icon","otherProps","_objectWithoutProperties","_excluded","Help","_jsx","classNames","_defineProperty","children","_objectSpread","size","displayName","HelpContent","helpIconProps","popoverReferenceElement","useRef","_ref2","tooltipProps","popoverProps","otherHelpIconProps","Tooltip","title","description","helpLinkProps","otherPopoverProps","_excluded2","_jsxs","_Fragment","Popover","reference","Title","Typography","lineHeight","style","weight","Button","target","Label","_ref$className","_ref$required","required","_ref$helpIconProps","props","classnames"],"mappings":"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"}
+{"version":3,"file":"Label.js","sources":["../../src/components/Label/HelpIcon.jsx","../../src/components/Label/HelpContent.jsx","../../src/components/Label/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\n\nconst HelpIcon = forwardRef(\n  ({ onClick, className, icon, ...otherProps }, ref) => {\n    const HelpIcon = icon || Help;\n\n    return (\n      <span\n        {...{ onClick, ref }}\n        className={classNames(\"neeto-ui-label__help-icon-wrap\", {\n          [className]: className,\n        })}\n      >\n        <HelpIcon size={20} {...otherProps} />\n      </span>\n    );\n  }\n);\n\nHelpIcon.displayName = \"HelpIcon\";\n\nexport default HelpIcon;\n","import React, { useRef } from \"react\";\n\nimport HelpIcon from \"./HelpIcon\";\n\nimport Button from \"../Button\";\nimport Popover from \"../Popover\";\nimport Tooltip from \"../Tooltip\";\nimport Typography from \"../Typography\";\n\nconst HelpContent = ({ helpIconProps }) => {\n  const popoverReferenceElement = useRef();\n\n  const { tooltipProps, popoverProps, ...otherHelpIconProps } =\n    helpIconProps || {};\n\n  if (tooltipProps) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <HelpIcon {...otherHelpIconProps} />\n      </Tooltip>\n    );\n  }\n\n  if (popoverProps) {\n    const { title, description, helpLinkProps, ...otherPopoverProps } =\n      popoverProps;\n\n    return (\n      <>\n        <HelpIcon {...otherHelpIconProps} ref={popoverReferenceElement} />\n        <Popover reference={popoverReferenceElement} {...otherPopoverProps}>\n          <div className=\"neeto-ui-flex neeto-ui-flex-col\">\n            {title && (\n              <Popover.Title data-testid=\"help-popover-title\">\n                {title}\n              </Popover.Title>\n            )}\n            {typeof description === \"string\" ? (\n              <Typography\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-testid=\"help-popover-link-button\"\n                size=\"small\"\n                {...helpLinkProps}\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        </Popover>\n      </>\n    );\n  }\n\n  return <HelpIcon {...otherHelpIconProps} />;\n};\n\nexport default HelpContent;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport HelpContent from \"./HelpContent\";\n\nimport Button from \"../Button\";\nimport Tooltip from \"../Tooltip\";\n\nconst Label = ({\n  children,\n  className = \"\",\n  required = false,\n  helpIconProps = null,\n  ...props\n}) => (\n  <label\n    className={classnames(\n      \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    {required && <span aria-hidden>*</span>}\n    {helpIconProps && <HelpContent {...{ helpIconProps }} />}\n  </label>\n);\n\nLabel.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Label.\n   */\n  children: PropTypes.node,\n  /**\n   * Provide external classnames to Label component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether to show the required asterisk.\n   */\n  required: PropTypes.bool,\n  /**\n   * Props for the help icon\n   */\n  helpIconProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    tooltipProps: PropTypes.shape({ ...Tooltip.propTypes }),\n    popoverProps: PropTypes.shape({\n      title: PropTypes.node,\n      description: PropTypes.node,\n      helpLinkProps: PropTypes.shape({ ...Button.propTypes }),\n    }),\n    className: PropTypes.string,\n  }),\n};\n\nexport default Label;\n"],"names":["HelpIcon","forwardRef","_ref","ref","onClick","className","icon","otherProps","_objectWithoutProperties","_excluded","Help","_jsx","classNames","_defineProperty","children","_objectSpread","size","displayName","HelpContent","helpIconProps","popoverReferenceElement","useRef","_ref2","tooltipProps","popoverProps","otherHelpIconProps","Tooltip","title","description","helpLinkProps","otherPopoverProps","_excluded2","_jsxs","_Fragment","Popover","reference","Title","Typography","lineHeight","style","weight","Button","target","Label","_ref$className","_ref$required","required","_ref$helpIconProps","props","classnames"],"mappings":"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"}

package/dist/cjs/Modal.js

@@ -6,7 +6,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 var Close = require('@bigbinary/neeto-icons/Close');
-var Portal = require('./Portal-D3CvlJ0g.js');
+var Portal = require('./Portal-nCvANFeL.js');
 var Button = require('./Button.js');
 require('react-router-dom');
 require('qs');
@@ -16,11 +16,11 @@ require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('./index-DApAqkOe.js');
+require('./index-CNZKW5X0.js');
 require('@bigbinary/neeto-cist');
 require('ramda');
 require('./en-B1i-pQJm.js');
-require('./index-D0rucYPS.js');
+require('./index-BgzkP01c.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');
@@ -36,14 +36,23 @@ require('./Spinner.js');
 require('./Tooltip.js');
 require('@tippyjs/react');
 require('tippy.js');
-require('./usePrefersReducedMotion-DIgi-Aj7.js');
+require('./usePrefersReducedMotion-D2Ck84HM.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var Close__default = /*#__PURE__*/_interopDefault(Close);
 
 var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className,
     dataTestid = _ref.dataTestid;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames("neeto-ui-modal__body", className),
+    className: classnames__default.default("neeto-ui-modal__body", className),
     "data-testid": dataTestid !== null && dataTestid !== void 0 ? dataTestid : "modal-body",
     children: children
   });
@@ -54,7 +63,7 @@ var Footer = function Footer(_ref) {
     className = _ref.className,
     dataTestid = _ref.dataTestid;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames("neeto-ui-modal__footer", className),
+    className: classnames__default.default("neeto-ui-modal__footer", className),
     "data-testid": dataTestid !== null && dataTestid !== void 0 ? dataTestid : "modal-footer",
     children: children
   });
@@ -67,7 +76,7 @@ var Header = function Header(_ref) {
     className = _ref.className,
     dataTestid = _ref.dataTestid;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames("neeto-ui-modal__header", className),
+    className: classnames__default.default("neeto-ui-modal__header", className),
     "data-testid": dataTestid !== null && dataTestid !== void 0 ? dataTestid : "modal-header",
     children: [children, description && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-ui-modal__header-desc",
@@ -81,7 +90,7 @@ var Header = function Header(_ref) {
   });
 };
 
-var MemoizedChildren = /*#__PURE__*/React.memo(function (_ref) {
+var MemoizedChildren = /*#__PURE__*/React__default.default.memo(function (_ref) {
   var children = _ref.children;
   return children;
 }, function (_, _ref2) {
@@ -92,7 +101,7 @@ MemoizedChildren.displayName = "MemoizedChildren";
 
 var _excluded = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick", "forceRender"];
 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; }
+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__default.default(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",
@@ -123,9 +132,9 @@ var Modal = function Modal(_ref) {
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
     _ref$forceRender = _ref.forceRender,
     forceRender = _ref$forceRender === void 0 ? false : _ref$forceRender,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     hasTransitionCompleted = _useState2[0],
     setHasTransitionCompleted = _useState2[1];
   var modalWrapper = React.useRef(null);
@@ -163,14 +172,14 @@ var Modal = function Modal(_ref) {
       },
       children: /*#__PURE__*/jsxRuntime.jsx(Portal.Backdrop, {
         ref: backdropRef,
-        className: classnames("neeto-ui-modal__backdrop", {
+        className: classnames__default.default("neeto-ui-modal__backdrop", {
           "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal
         }, backdropClassName),
         children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
           "aria-modal": true,
           ref: modalWrapper,
           role: "dialog",
-          className: classnames("neeto-ui-modal__wrapper", _defineProperty({
+          className: classnames__default.default("neeto-ui-modal__wrapper", _defineProperty__default.default({
             "neeto-ui-modal__wrapper--small": size === SIZES.small,
             "neeto-ui-modal__wrapper--medium": size === SIZES.medium,
             "neeto-ui-modal__wrapper--large": size === SIZES.large,
@@ -181,7 +190,7 @@ var Modal = function Modal(_ref) {
             "aria-label": "Close",
             className: "neeto-ui-modal__close",
             "data-testid": "modal-close-button",
-            icon: Close,
+            icon: Close__default.default,
             size: isFullScreenModal ? "large" : "small",
             style: isFullScreenModal ? "secondary" : "text",
             onClick: handleOverlayClose

package/dist/cjs/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/components/Modal/Body.jsx","../../src/components/Modal/Footer.jsx","../../src/components/Modal/Header.jsx","../../src/components/Modal/MemoizedChildren.js","../../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-testid={dataTestid ?? \"modal-body\"}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Body.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-testid={dataTestid ?? \"modal-footer\"}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Footer.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-testid={dataTestid ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div\n        className=\"neeto-ui-modal__header-desc\"\n        data-testid=\"modal-header-desc\"\n      >\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n    )}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the short description of the Modal.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify className to be applied to the Modal Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","import React from \"react\";\n\nconst MemoizedChildren = React.memo(\n  ({ children }) => children,\n  (_, { shouldUpdate }) => !shouldUpdate\n);\n\nMemoizedChildren.displayName = \"MemoizedChildren\";\n\nexport default MemoizedChildren;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport MemoizedChildren from \"./MemoizedChildren\";\n\nconst SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n  size = SIZES.medium,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  finalFocusRef,\n  initialFocusRef,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  blockScrollOnMount = true,\n  closeOnOutsideClick = true,\n  forceRender = false,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const modalWrapper = useRef(null);\n  const backdropRef = useRef(null);\n\n  useOverlayManager(modalWrapper, isOpen);\n\n  const { handleOverlayClose, setFocusField } = useOverlay({\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    overlayWrapper: modalWrapper,\n    onClose,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    blockScrollOnMount,\n    hasTransitionCompleted,\n  });\n\n  const isFullScreenModal = size === SIZES.fullScreen;\n\n  return (\n    <Portal bringToFront={isOpen} rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-modal\"\n        in={isOpen}\n        timeout={300}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          key=\"modal-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-modal__backdrop\",\n            {\n              \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n            },\n            backdropClassName\n          )}\n        >\n          <div\n            aria-modal\n            key=\"modal-wrapper\"\n            ref={modalWrapper}\n            role=\"dialog\"\n            className={classnames(\"neeto-ui-modal__wrapper\", {\n              \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n              \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-modal__close\"\n                data-testid=\"modal-close-button\"\n                icon={Close}\n                size={isFullScreenModal ? \"large\" : \"small\"}\n                style={isFullScreenModal ? \"secondary\" : \"text\"}\n                onClick={handleOverlayClose}\n              />\n            )}\n            <MemoizedChildren shouldUpdate={isOpen || forceRender}>\n              {typeof children === \"function\"\n                ? children({ setFocusField })\n                : children}\n            </MemoizedChildren>\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nModal.propTypes = {\n  /**\n   * To specify the size of the Modal.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Modal is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Modal is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Modal component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classNames to the Modal.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Modal on pressing the Esc key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Modal should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To add custom classes to backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Modal content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /*\n   * To specify the ref of the element which will receive focus when the Modal is closed.\n   * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n   * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n   * */\n  finalFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the ref of the element which will receive focus when the Modal is opened.\n   * If not specified, the focus will be set to the first focusable element inside the Modal.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify whether the scroll should be blocked when the Modal is opened.\n   * */\n  blockScrollOnMount: PropTypes.bool,\n  /**\n   * The modal children will be force re-rendered if the boolean is set to `true`. Ideally the modal won't update\n   * if the `isOpen` is `false`. You can use this prop to override that nature.\n   */\n  forceRender: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataTestid","_jsx","classnames","Footer","Header","_ref$description","description","_jsxs","Typography","lineHeight","style","MemoizedChildren","React","memo","_","_ref2","shouldUpdate","displayName","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$forceRender","forceRender","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","bringToFront","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_objectSpread","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/components/Modal/Body.jsx","../../src/components/Modal/Footer.jsx","../../src/components/Modal/Header.jsx","../../src/components/Modal/MemoizedChildren.js","../../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-testid={dataTestid ?? \"modal-body\"}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Body.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-testid={dataTestid ?? \"modal-footer\"}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Footer.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-testid={dataTestid ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div\n        className=\"neeto-ui-modal__header-desc\"\n        data-testid=\"modal-header-desc\"\n      >\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n    )}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the short description of the Modal.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify className to be applied to the Modal Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","import React from \"react\";\n\nconst MemoizedChildren = React.memo(\n  ({ children }) => children,\n  (_, { shouldUpdate }) => !shouldUpdate\n);\n\nMemoizedChildren.displayName = \"MemoizedChildren\";\n\nexport default MemoizedChildren;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport MemoizedChildren from \"./MemoizedChildren\";\n\nconst SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n  size = SIZES.medium,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  finalFocusRef,\n  initialFocusRef,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  blockScrollOnMount = true,\n  closeOnOutsideClick = true,\n  forceRender = false,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const modalWrapper = useRef(null);\n  const backdropRef = useRef(null);\n\n  useOverlayManager(modalWrapper, isOpen);\n\n  const { handleOverlayClose, setFocusField } = useOverlay({\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    overlayWrapper: modalWrapper,\n    onClose,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    blockScrollOnMount,\n    hasTransitionCompleted,\n  });\n\n  const isFullScreenModal = size === SIZES.fullScreen;\n\n  return (\n    <Portal bringToFront={isOpen} rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-modal\"\n        in={isOpen}\n        timeout={300}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          key=\"modal-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-modal__backdrop\",\n            {\n              \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n            },\n            backdropClassName\n          )}\n        >\n          <div\n            aria-modal\n            key=\"modal-wrapper\"\n            ref={modalWrapper}\n            role=\"dialog\"\n            className={classnames(\"neeto-ui-modal__wrapper\", {\n              \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n              \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-modal__close\"\n                data-testid=\"modal-close-button\"\n                icon={Close}\n                size={isFullScreenModal ? \"large\" : \"small\"}\n                style={isFullScreenModal ? \"secondary\" : \"text\"}\n                onClick={handleOverlayClose}\n              />\n            )}\n            <MemoizedChildren shouldUpdate={isOpen || forceRender}>\n              {typeof children === \"function\"\n                ? children({ setFocusField })\n                : children}\n            </MemoizedChildren>\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nModal.propTypes = {\n  /**\n   * To specify the size of the Modal.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Modal is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Modal is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Modal component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classNames to the Modal.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Modal on pressing the Esc key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Modal should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To add custom classes to backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Modal content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /*\n   * To specify the ref of the element which will receive focus when the Modal is closed.\n   * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n   * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n   * */\n  finalFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the ref of the element which will receive focus when the Modal is opened.\n   * If not specified, the focus will be set to the first focusable element inside the Modal.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify whether the scroll should be blocked when the Modal is opened.\n   * */\n  blockScrollOnMount: PropTypes.bool,\n  /**\n   * The modal children will be force re-rendered if the boolean is set to `true`. Ideally the modal won't update\n   * if the `isOpen` is `false`. You can use this prop to override that nature.\n   */\n  forceRender: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataTestid","_jsx","classnames","Footer","Header","_ref$description","description","_jsxs","Typography","lineHeight","style","MemoizedChildren","React","memo","_","_ref2","shouldUpdate","displayName","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$forceRender","forceRender","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","bringToFront","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_objectSpread","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}

package/dist/cjs/MultiEmailInput.js

@@ -7,8 +7,8 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 var ramda = require('ramda');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-lcdODVBz.js');
-var index = require('./index-DApAqkOe.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-CYabSQvs.js');
+var index = require('./index-CNZKW5X0.js');
 var _toArray = require('@babel/runtime/helpers/toArray');
 var Close = require('@bigbinary/neeto-icons/Close');
 var Tag = require('./Tag.js');
@@ -38,7 +38,7 @@ require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/typeof');
 require('qs');
 require('./en-B1i-pQJm.js');
-require('./index-D0rucYPS.js');
+require('./index-BgzkP01c.js');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
@@ -54,14 +54,24 @@ require('@tippyjs/react');
 require('tippy.js');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-require('./usePrefersReducedMotion-DIgi-Aj7.js');
+require('./usePrefersReducedMotion-D2Ck84HM.js');
 require('./Popover.js');
 require('./Typography.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var _toArray__default = /*#__PURE__*/_interopDefault(_toArray);
+var Close__default = /*#__PURE__*/_interopDefault(Close);
+
 var _excluded$2 = ["children"],
   _excluded2 = ["children"];
 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; }
+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__default.default(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 STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -74,7 +84,7 @@ var STYLES = {
 };
 var CustomControl = function CustomControl(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$2);
   var getValue = props.getValue;
   var _props$selectProps = props.selectProps,
     isFocused = _props$selectProps.isFocused,
@@ -118,27 +128,27 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
 };
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelectCreatable_esm.components.MultiValueRemove, _objectSpread$2(_objectSpread$2({}, props), {}, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty({}, "data-testid", "".concat(index.hyphenize(props.data.label), "-remove-icon"))),
-    children: /*#__PURE__*/jsxRuntime.jsx(Close, {
+    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty__default.default({}, "data-testid", "".concat(index.hyphenize(props.data.label), "-remove-icon"))),
+    children: /*#__PURE__*/jsxRuntime.jsx(Close__default.default, {
       size: 16
     })
   }));
 };
 var CustomValueContainer = function CustomValueContainer(_ref2) {
   var children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded2);
+    props = _objectWithoutProperties__default.default(_ref2, _excluded2);
   var getValue = props.getValue,
     _props$selectProps2 = props.selectProps,
     isFocused = _props$selectProps2.isFocused,
     visibleEmailsCount = _props$selectProps2.visibleEmailsCount,
     isAlwaysExpanded = _props$selectProps2.isAlwaysExpanded;
   var value = getValue();
-  var _children = _toArray(children),
+  var _children = _toArray__default.default(children),
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;
   return /*#__PURE__*/jsxRuntime.jsxs(reactSelectCreatable_esm.components.ValueContainer, _objectSpread$2(_objectSpread$2({}, props), {}, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty({}, "data-testid", "multi-email-input-container")),
+    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty__default.default({}, "data-testid", "multi-email-input-container")),
     children: [shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag, {
       label: "".concat(value.length - visibleEmailsCount, " more"),
       style: "secondary"
@@ -147,8 +157,8 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
 };
 var CustomClearIndicator = function CustomClearIndicator(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelectCreatable_esm.components.ClearIndicator, _objectSpread$2(_objectSpread$2({}, props), {}, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty({}, "data-testid", "clear-all-button")),
-    children: /*#__PURE__*/jsxRuntime.jsx(Close, {
+    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty__default.default({}, "data-testid", "clear-all-button")),
+    children: /*#__PURE__*/jsxRuntime.jsx(Close__default.default, {
       className: "cursor-pointer",
       size: 16
     })
@@ -156,7 +166,7 @@ var CustomClearIndicator = function CustomClearIndicator(props) {
 };
 var SelectContainer = function SelectContainer(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelectCreatable_esm.components.SelectContainer, _objectSpread$2(_objectSpread$2({}, props), {}, {
-    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty({}, "data-testid", "multi-email-select-container"))
+    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty__default.default({}, "data-testid", "multi-email-select-container"))
   }));
 };
 var Input = function Input(props) {
@@ -199,11 +209,11 @@ var CUSTOM_COMPONENTS = {
 
 var _excluded$1 = ["label", "value"];
 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; }
+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__default.default(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 getEmailsMap = function getEmailsMap() {
   var inputEmails = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var emails = [].concat(_toConsumableArray(inputEmails), _toConsumableArray(options));
+  var emails = [].concat(_toConsumableArray__default.default(inputEmails), _toConsumableArray__default.default(options));
   var emailsMap = new Map();
   emails.forEach(function (option) {
     var _emailsMap$get;
@@ -226,7 +236,7 @@ var processEmailOptions = function processEmailOptions() {
 var formatEmailInputOption = function formatEmailInputOption(_ref) {
   var label = _ref.label,
     value = _ref.value,
-    otherDetails = _objectWithoutProperties(_ref, _excluded$1);
+    otherDetails = _objectWithoutProperties__default.default(_ref, _excluded$1);
   return _objectSpread$1(_objectSpread$1({
     label: label !== null && label !== void 0 ? label : value,
     value: value
@@ -269,7 +279,7 @@ var renderDuplicateEmailsWarningMessage = function renderDuplicateEmailsWarningM
 
 var _excluded = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount", "isCreateable", "isAlwaysExpanded"];
 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; }
+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__default.default(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 MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "Email(s)" : _ref$label,
@@ -300,21 +310,21 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isCreateable = _ref$isCreateable === void 0 ? true : _ref$isCreateable,
     _ref$isAlwaysExpanded = _ref.isAlwaysExpanded,
     isAlwaysExpanded = _ref$isAlwaysExpanded === void 0 ? false : _ref$isAlwaysExpanded,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
   var _useState = React.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     duplicateEmails = _useState6[0],
     setDuplicateEmails = _useState6[1];
   var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray__default.default(_useState7, 2),
     isMenuOpen = _useState8[0],
     setIsMenuOpen = _useState8[1];
   var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
@@ -331,7 +341,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         value: email
       };
     });
-    var _pruneDuplicates = pruneDuplicates([].concat(_toConsumableArray(value), _toConsumableArray(emails)), otherProps.options),
+    var _pruneDuplicates = pruneDuplicates([].concat(_toConsumableArray__default.default(value), _toConsumableArray__default.default(emails)), otherProps.options),
       uniqueEmails = _pruneDuplicates.uniqueEmails,
       duplicates = _pruneDuplicates.duplicates;
     onChange(uniqueEmails);
@@ -361,7 +371,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var onCreateOption = function onCreateOption(input) {
     var _otherProps$onCreateO;
-    var _pruneDuplicates2 = pruneDuplicates([].concat(_toConsumableArray(value), [{
+    var _pruneDuplicates2 = pruneDuplicates([].concat(_toConsumableArray__default.default(value), [{
         value: input
       }]), otherProps.options),
       uniqueEmails = _pruneDuplicates2.uniqueEmails,
@@ -416,7 +426,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       components: CUSTOM_COMPONENTS,
       isDisabled: disabled,
       menuIsOpen: isMenuOpen,
-      className: classnames("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
+      className: classnames__default.default("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
         "neeto-ui-react-select__container--error": !!error
       }),
       styles: _objectSpread(_objectSpread({}, CUSTOM_STYLES), {}, {