@bigbinary/neetoui 8.2.23 → 8.2.25

package/dist/cjs/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../src/components/Label.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Popover from \"./Popover\";\nimport Tooltip from \"./Tooltip\";\nimport Typography from \"./Typography\";\n\nconst { Title } = Popover;\n\nconst Label = ({\n  children,\n  className = \"\",\n  required = false,\n  helpIconProps = null,\n  ...otherProps\n}) => {\n  const {\n    onClick,\n    icon,\n    tooltipProps,\n    popoverProps,\n    className: helpIconClassName,\n    ...otherHelpIconProps\n  } = helpIconProps || {};\n\n  const { title, description, helpLinkProps, ...otherPopoverProps } =\n    popoverProps || {};\n\n  const HelpIcon = icon || Help;\n  const popoverReferenceElement = useRef();\n\n  const renderHelpIcon = () => (\n    <span\n      {...{ onClick }}\n      ref={popoverProps ? popoverReferenceElement : undefined}\n      className={classnames(\"neeto-ui-label__help-icon-wrap\", {\n        [helpIconClassName]: helpIconClassName,\n      })}\n    >\n      <HelpIcon size={16} {...otherHelpIconProps} />\n    </span>\n  );\n\n  return (\n    <label\n      className={classnames(\n        \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n        className\n      )}\n      {...otherProps}\n    >\n      {children}\n      {required && <span aria-hidden>*</span>}\n      {helpIconProps && (\n        <>\n          {tooltipProps ? (\n            <Tooltip {...tooltipProps}>{renderHelpIcon()}</Tooltip>\n          ) : popoverProps ? (\n            <>\n              {renderHelpIcon()}\n              <Popover\n                reference={popoverReferenceElement}\n                {...otherPopoverProps}\n              >\n                <div className=\"flex flex-col\">\n                  {title && (\n                    <Title\n                      data-cy=\"help-popover-title\"\n                      data-testid=\"help-popover-title\"\n                    >\n                      {title}\n                    </Title>\n                  )}\n                  {typeof description === \"string\" ? (\n                    <Typography\n                      data-cy=\"help-popover-description\"\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-cy=\"help-popover-link-button\"\n                      size=\"small\"\n                      {...helpLinkProps}\n                      data-testid=\"help-popover-link-button\"\n                      style=\"link\"\n                      target=\"_blank\"\n                    />\n                  )}\n                </div>\n              </Popover>\n            </>\n          ) : (\n            renderHelpIcon()\n          )}\n        </>\n      )}\n    </label>\n  );\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":["Title","Popover","Label","_ref","children","_ref$className","className","_ref$required","required","_ref$helpIconProps","helpIconProps","otherProps","_objectWithoutProperties","_excluded","_ref2","onClick","icon","tooltipProps","popoverProps","helpIconClassName","otherHelpIconProps","_excluded2","_ref3","title","description","helpLinkProps","otherPopoverProps","_excluded3","HelpIcon","Help","popoverReferenceElement","useRef","renderHelpIcon","React","createElement","ref","undefined","classnames","_defineProperty","_extends","size","Fragment","Tooltip","reference","Typography","lineHeight","style","weight","Button","target"],"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={16} {...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=\"flex flex-col\">\n            {title && (\n              <Popover.Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Popover.Title>\n            )}\n            {typeof description === \"string\" ? (\n              <Typography\n                data-cy=\"help-popover-description\"\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-cy=\"help-popover-link-button\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\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","React","createElement","classNames","_defineProperty","_extends","size","displayName","HelpContent","helpIconProps","popoverReferenceElement","useRef","_ref2","tooltipProps","popoverProps","otherHelpIconProps","Tooltip","title","description","helpLinkProps","otherPopoverProps","_excluded2","Fragment","Popover","reference","Title","Typography","lineHeight","style","weight","Button","target","Label","children","_ref$className","_ref$required","required","_ref$helpIconProps","props","classnames"],"mappings":"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"}

package/dist/cjs/Modal.js

@@ -7,7 +7,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var useOverlayManager = require('./useOverlayManager-b8134604.js');
+var useOverlayManager = require('./useOverlayManager-CXLC179x.js');
 var Button = require('./Button.js');
 require('react-router-dom');
 require('qs');
@@ -16,13 +16,12 @@ require('@babel/runtime/helpers/esm/extends');
 require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
 require('@babel/runtime/helpers/esm/inheritsLoose');
 require('react-dom');
-require('@babel/runtime/helpers/esm/assertThisInitialized');
 require('ramda');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('./index-3c44e0c7.js');
+require('./index-CvMjRZDt.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');
@@ -31,27 +30,18 @@ require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
-require('./en-c69be2fb.js');
+require('./en-1dfvTYgC.js');
 require('./Spinner.js');
 require('./Tooltip.js');
 require('@tippyjs/react');
 require('tippy.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className,
     dataCy = _ref.dataCy;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-ui-modal__body", className),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("neeto-ui-modal__body", className),
     "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-body"
   }, children);
 };
@@ -60,8 +50,8 @@ var Footer = function Footer(_ref) {
   var children = _ref.children,
     className = _ref.className,
     dataCy = _ref.dataCy;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-ui-modal__footer", className),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("neeto-ui-modal__footer", className),
     "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-footer"
   }, children);
 };
@@ -72,19 +62,19 @@ var Header = function Header(_ref) {
     children = _ref.children,
     className = _ref.className,
     dataCy = _ref.dataCy;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-ui-modal__header", className),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("neeto-ui-modal__header", className),
     "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-header"
-  }, children, description && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, children, description && /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-modal__header-desc",
     "data-cy": "modal-header-desc"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     lineHeight: "normal",
     style: "body2"
   }, description)));
 };
 
-var MemoizedChildren = /*#__PURE__*/React__default["default"].memo(function (_ref) {
+var MemoizedChildren = /*#__PURE__*/React.memo(function (_ref) {
   var children = _ref.children;
   return children;
 }, function (_, _ref2) {
@@ -124,9 +114,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__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     hasTransitionCompleted = _useState2[0],
     setHasTransitionCompleted = _useState2[1];
   var modalWrapper = React.useRef(null);
@@ -147,9 +137,9 @@ var Modal = function Modal(_ref) {
     handleOverlayClose = _useOverlay.handleOverlayClose,
     setFocusField = _useOverlay.setFocusField;
   var isFullScreenModal = size === SIZES.fullScreen;
-  return /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Portal, {
+  return /*#__PURE__*/React.createElement(useOverlayManager.Portal, {
     rootId: "neeto-ui-portal"
-  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.CSSTransition, {
+  }, /*#__PURE__*/React.createElement(useOverlayManager.CSSTransition, {
     unmountOnExit: true,
     appear: isOpen,
     classNames: "neeto-ui-modal",
@@ -161,25 +151,25 @@ var Modal = function Modal(_ref) {
     onExited: function onExited() {
       return setHasTransitionCompleted(false);
     }
-  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Backdrop, {
+  }, /*#__PURE__*/React.createElement(useOverlayManager.Backdrop, {
     "data-testid": "backdrop",
     key: "modal-backdrop",
     ref: backdropRef,
-    className: classnames__default["default"]("neeto-ui-modal__backdrop", {
+    className: classnames("neeto-ui-modal__backdrop", {
       "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal
     }, backdropClassName)
-  }, /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+  }, /*#__PURE__*/React.createElement("div", _extends({
     "aria-modal": true,
     key: "modal-wrapper",
     ref: modalWrapper,
     role: "dialog",
-    className: classnames__default["default"]("neeto-ui-modal__wrapper", _defineProperty__default["default"]({
+    className: classnames("neeto-ui-modal__wrapper", _defineProperty({
       "neeto-ui-modal__wrapper--small": size === SIZES.small,
       "neeto-ui-modal__wrapper--medium": size === SIZES.medium,
       "neeto-ui-modal__wrapper--large": size === SIZES.large,
       "neeto-ui-modal__wrapper--fullscreen": isFullScreenModal
     }, className, className))
-  }, otherProps), closeButton && /*#__PURE__*/React__default["default"].createElement(Button, {
+  }, otherProps), closeButton && /*#__PURE__*/React.createElement(Button, {
     "aria-label": "Close",
     className: "neeto-ui-modal__close",
     "data-cy": "modal-close-button",
@@ -188,7 +178,7 @@ var Modal = function Modal(_ref) {
     size: isFullScreenModal ? "large" : "small",
     style: isFullScreenModal ? "secondary" : "text",
     onClick: handleOverlayClose
-  }), /*#__PURE__*/React__default["default"].createElement(MemoizedChildren, {
+  }), /*#__PURE__*/React.createElement(MemoizedChildren, {
     shouldUpdate: isOpen || forceRender
   }, typeof children === "function" ? children({
     setFocusField: setFocusField

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, dataCy }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-cy={dataCy ?? \"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, dataCy }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-cy={dataCy ?? \"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, dataCy }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-cy={dataCy ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div className=\"neeto-ui-modal__header-desc\" data-cy=\"modal-header-desc\">\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 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          data-testid=\"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-cy=\"modal-close-button\"\n                data-testid=\"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","dataCy","React","createElement","classnames","Footer","Header","_ref$description","description","Typography","lineHeight","style","MemoizedChildren","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","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","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, dataCy }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-cy={dataCy ?? \"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, dataCy }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-cy={dataCy ?? \"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, dataCy }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-cy={dataCy ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div className=\"neeto-ui-modal__header-desc\" data-cy=\"modal-header-desc\">\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 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          data-testid=\"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-cy=\"modal-close-button\"\n                data-testid=\"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","dataCy","React","createElement","classnames","Footer","Header","_ref$description","description","Typography","lineHeight","style","MemoizedChildren","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","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}

package/dist/cjs/MultiEmailInput.js

@@ -8,32 +8,32 @@ 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-23eddf9f.js');
-var index = require('./index-3c44e0c7.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-Bdv9YAMt.js');
+var index = require('./index-CvMjRZDt.js');
 var _toArray = require('@babel/runtime/helpers/toArray');
 var neetoIcons = require('@bigbinary/neeto-icons');
-require('@babel/runtime/helpers/esm/objectSpread2');
-require('@babel/runtime/helpers/esm/slicedToArray');
-require('@babel/runtime/helpers/esm/objectWithoutProperties');
-require('@babel/runtime/helpers/esm/extends');
-require('@babel/runtime/helpers/objectSpread2');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/createSuper');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@babel/runtime/helpers/typeof');
-require('react-dom');
 var Tag = require('./Tag.js');
 var Label = require('./Label.js');
+require('@babel/runtime/helpers/esm/extends');
+require('@babel/runtime/helpers/esm/objectSpread2');
 require('@babel/runtime/helpers/esm/classCallCheck');
 require('@babel/runtime/helpers/esm/createClass');
 require('@babel/runtime/helpers/esm/inherits');
 require('@babel/runtime/helpers/esm/createSuper');
 require('@babel/runtime/helpers/esm/toConsumableArray');
 require('@babel/runtime/helpers/esm/taggedTemplateLiteral');
+require('@babel/runtime/helpers/esm/objectWithoutProperties');
+require('@babel/runtime/helpers/esm/slicedToArray');
 require('@babel/runtime/helpers/esm/typeof');
 require('@babel/runtime/helpers/esm/defineProperty');
+require('react-dom');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/classCallCheck');
+require('@babel/runtime/helpers/createClass');
+require('@babel/runtime/helpers/inherits');
+require('@babel/runtime/helpers/createSuper');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/typeof');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/timezone');
@@ -42,7 +42,7 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('./en-c69be2fb.js');
+require('./en-1dfvTYgC.js');
 require('./Button.js');
 require('react-router-dom');
 require('./Spinner.js');
@@ -52,21 +52,10 @@ require('tippy.js');
 require('./Popover.js');
 require('./Typography.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
-
 var _excluded$1 = ["children"],
   _excluded2 = ["children"];
 function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -79,7 +68,7 @@ var STYLES = {
 };
 var CustomControl = function CustomControl(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$1);
   var getValue = props.getValue;
   var _props$selectProps = props.selectProps,
     isFocused = _props$selectProps.isFocused,
@@ -102,62 +91,62 @@ var CustomControl = function CustomControl(_ref) {
     if (isFocused && !isItemDeleted || isItemAdded) scrollToBottom();
     prevValue.current = value;
   }, [isFocused, value]);
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Control, _extends__default["default"]({}, props, {
+  return /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.Control, _extends({}, props, {
     innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, {
       ref: controlRef
     })
-  }), prefix && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), prefix && /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-email-input__prefix"
   }, prefix), children);
 };
 var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
   var suffix = props.selectProps.suffix;
-  return suffix ? /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.DropdownIndicator, props, /*#__PURE__*/React__default["default"].createElement("div", {
+  return suffix ? /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.DropdownIndicator, props, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-email-input__suffix"
   }, suffix)) : null;
 };
 var MultiValueRemove = function MultiValueRemove(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.MultiValueRemove, _extends__default["default"]({}, props, {
-    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "".concat(index.hyphenize(props.data.label), "-remove-icon")))
-  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+  return /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.MultiValueRemove, _extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(index.hyphenize(props.data.label), "-remove-icon")))
+  }), /*#__PURE__*/React.createElement(neetoIcons.Close, {
     size: 16
   }));
 };
 var CustomValueContainer = function CustomValueContainer(_ref2) {
   var children = _ref2.children,
-    props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
+    props = _objectWithoutProperties(_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__default["default"](children),
+  var _children = _toArray(children),
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.ValueContainer, _extends__default["default"]({}, props, {
-    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "multi-email-input-container"))
-  }), shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].createElement(Tag, {
+  return /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.ValueContainer, _extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-email-input-container"))
+  }), shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React.createElement(Tag, {
     label: "".concat(value.length - visibleEmailsCount, " more"),
     style: "secondary"
   }), rest);
 };
 var CustomClearIndicator = function CustomClearIndicator(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.ClearIndicator, _extends__default["default"]({}, props, {
-    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "clear-all-button"))
-  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+  return /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.ClearIndicator, _extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button"))
+  }), /*#__PURE__*/React.createElement(neetoIcons.Close, {
     className: "cursor-pointer",
     size: 16
   }));
 };
 var SelectContainer = function SelectContainer(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.SelectContainer, _extends__default["default"]({}, props, {
-    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "multi-email-select-container"))
+  return /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.SelectContainer, _extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-email-select-container"))
   }));
 };
 var Input = function Input(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Input, _extends__default["default"]({}, props, {
+  return /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.Input, _extends({}, props, {
     "data-cy": "email-select-input-field",
     onPaste: function onPaste(e) {
       var clipboardData = e.clipboardData.getData("Text");
@@ -234,7 +223,7 @@ var renderDefaultText = function renderDefaultText(count) {
 
 var _excluded = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount", "isCreateable", "isAlwaysExpanded"];
 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__default["default"](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 _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; }
 var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "Email(s)" : _ref$label,
@@ -265,17 +254,17 @@ 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__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(""),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     duplicateEmails = _useState6[0],
     setDuplicateEmails = _useState6[1];
   var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
@@ -290,7 +279,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var emails = emailMatches.map(function (email) {
       return formatEmailInputOptions(email);
     });
-    var _pruneDuplicates = pruneDuplicates([].concat(_toConsumableArray__default["default"](value), _toConsumableArray__default["default"](emails))),
+    var _pruneDuplicates = pruneDuplicates([].concat(_toConsumableArray(value), _toConsumableArray(emails))),
       uniqueEmails = _pruneDuplicates.uniqueEmails,
       duplicates = _pruneDuplicates.duplicates;
     onChange(uniqueEmails);
@@ -320,7 +309,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onCreateOption = function onCreateOption(input) {
     var _otherProps$onCreateO;
     var email = formatEmailInputOptions(input);
-    var _pruneDuplicates2 = pruneDuplicates([].concat(_toConsumableArray__default["default"](value), [email])),
+    var _pruneDuplicates2 = pruneDuplicates([].concat(_toConsumableArray(value), [email])),
       uniqueEmails = _pruneDuplicates2.uniqueEmails,
       duplicates = _pruneDuplicates2.duplicates;
     onChange(uniqueEmails);
@@ -349,24 +338,24 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   }
   var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-email-input__label-wrapper"
-  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
+  }, label && /*#__PURE__*/React.createElement(Label, _extends({
     required: required,
     className: "neeto-ui-email-input__label",
     "data-cy": "".concat(index.hyphenize(label), "-input-label")
-  }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, labelProps), label), isCounterVisible && /*#__PURE__*/React.createElement("p", {
     className: "neeto-ui-email-input__counter",
     "data-cy": "".concat(index.hyphenize(label), "-email-counter")
-  }, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.CreatableSelect, _extends__default["default"]({
+  }, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React.createElement(reactSelectCreatable_esm.CreatableSelect, _extends({
     isMulti: true,
     required: true,
     classNamePrefix: "neeto-ui-react-select",
     components: CUSTOM_COMPONENTS,
     isDisabled: disabled,
-    className: classnames__default["default"]("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
+    className: classnames("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), {}, {
@@ -395,16 +384,16 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     visibleEmailsCount: visibleEmailsCount
   }, !isOptionsPresent && {
     menuIsOpen: false
-  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(index.hyphenize(label), "-input-error")
-  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React.createElement("span", {
     className: "neeto-ui-font-semibold cursor-pointer",
     onClick: handleFilterEmails
-  }, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React.createElement("p", {
     className: "neeto-ui-input__help-text",
     "data-cy": "".concat(index.hyphenize(label), "-input-help")
-  }, helpText), !!duplicateEmails.length && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, helpText), !!duplicateEmails.length && /*#__PURE__*/React.createElement("p", {
     className: "neeto-ui-input__warning",
     "data-cy": "".concat(index.hyphenize(label), "-duplicate-emails-warning")
   }, "Duplicate emails that were removed case insensitively:", " ", duplicateEmails.join(", ")));