@bigbinary/neetoui 6.5.9 → 6.5.11

package/dist/cjs/Label.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var Tooltip = require('./index-0e68cfff.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./slicedToArray-732a2048.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["children", "className", "required", "helpIconProps"],
+  _excluded2 = ["onClick", "icon", "tooltipProps", "className"];
+var Label = function Label(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$helpIconProps = _ref.helpIconProps,
+    helpIconProps = _ref$helpIconProps === void 0 ? null : _ref$helpIconProps,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _ref2 = helpIconProps || {},
+    onClick = _ref2.onClick,
+    icon = _ref2.icon,
+    tooltipProps = _ref2.tooltipProps,
+    helpIconClassName = _ref2.className,
+    otherHelpIconProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2);
+  var HelpIcon = icon || neetoIcons.Help;
+  return /*#__PURE__*/React__default["default"].createElement("label", _extends._extends({
+    className: index.classnames("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
+  }, otherProps), children, required && /*#__PURE__*/React__default["default"].createElement("span", {
+    "aria-hidden": true
+  }, "*"), helpIconProps && /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, _extends._extends({}, tooltipProps, {
+    disabled: !tooltipProps
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    onClick: onClick,
+    className: index.classnames("neeto-ui-label__help-icon-wrap", defineProperty._defineProperty({}, helpIconClassName, helpIconClassName))
+  }, /*#__PURE__*/React__default["default"].createElement(HelpIcon, _extends._extends({
+    size: 16
+  }, otherHelpIconProps)))));
+};
+
+module.exports = Label;
+//# sourceMappingURL=Label.js.map

package/dist/cjs/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../src/components/Label.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\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    className: helpIconClassName,\n    ...otherHelpIconProps\n  } = helpIconProps || {};\n\n  const HelpIcon = icon || Help;\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        <Tooltip {...tooltipProps} disabled={!tooltipProps}>\n          <span\n            {...{ onClick }}\n            className={classnames(\"neeto-ui-label__help-icon-wrap\", {\n              [helpIconClassName]: helpIconClassName,\n            })}\n          >\n            <HelpIcon size={16} {...otherHelpIconProps} />\n          </span>\n        </Tooltip>\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  }),\n};\n\nexport default Label;\n"],"names":["Label","_ref","children","_ref$className","className","_ref$required","required","_ref$helpIconProps","helpIconProps","otherProps","_objectWithoutProperties","_excluded","_ref2","onClick","icon","tooltipProps","helpIconClassName","otherHelpIconProps","_excluded2","HelpIcon","Help","React","createElement","_extends","classnames","Tooltip","disabled","_defineProperty","size"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAML;AAAA,EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CACRG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAJ,IAAA,CACdK,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,kBAAA,GAAAN,IAAA,CAChBO,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,kBAAA;AACjBE,IAAAA,UAAU,GAAAC,gDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEb,EAAA,IAAAC,KAAA,GAMIJ,aAAa,IAAI,EAAE;IALrBK,OAAO,GAAAD,KAAA,CAAPC,OAAO;IACPC,IAAI,GAAAF,KAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,KAAA,CAAZG,YAAY;IACDC,iBAAiB,GAAAJ,KAAA,CAA5BR,SAAS;AACNa,IAAAA,kBAAkB,GAAAP,gDAAA,CAAAE,KAAA,EAAAM,UAAA,CAAA,CAAA;AAGvB,EAAA,IAAMC,QAAQ,GAAGL,IAAI,IAAIM,eAAI,CAAA;AAE7B,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,iBAAA,CAAA;AACEnB,IAAAA,SAAS,EAAEoB,gBAAU,CACnB,oDAAoD,EACpDpB,SAAS,CAAA;GAEPK,EAAAA,UAAU,GAEbP,QAAQ,EACRI,QAAQ,iBAAIe,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,aAAA,EAAA,IAAA;AAAW,GAAA,EAAC,GAAC,CAAO,EACtCd,aAAa,iBACZa,yBAAA,CAAAC,aAAA,CAACG,eAAO,EAAAF,iBAAA,KAAKR,YAAY,EAAA;AAAEW,IAAAA,QAAQ,EAAE,CAACX,YAAAA;GACpCM,CAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACQT,IAAAA,OAAO,EAAPA,OAAO;IACbT,SAAS,EAAEoB,gBAAU,CAAC,gCAAgC,EAAAG,8BAAA,CAAA,EAAA,EACnDX,iBAAiB,EAAGA,iBAAiB,CAAA,CAAA;AACrC,GAAA,eAEHK,yBAAA,CAAAC,aAAA,CAACH,QAAQ,EAAAI,iBAAA,CAAA;AAACK,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,EAAKX,kBAAkB,CAAA,CAAI,CACzC,CAEV,CACK,CAAA;AAEZ;;;;"}

package/dist/cjs/Modal.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var useOverlayManager = require('./useOverlayManager-b8f5f220.js');
+var Button = require('./Button.js');
+require('react-router-dom');
+require('./index-68589e5c.js');
+var Typography = require('./Typography.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./index-63580e68.js');
+require('react-dom');
+require('ramda');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+require('./createClass-80e17c6a.js');
+require('./index-1ad9d2c1.js');
+require('./index-0e68cfff.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Body = function Body(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    dataCy = _ref.dataCy;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames("neeto-ui-modal__body", className),
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-body"
+  }, children);
+};
+
+var Footer = function Footer(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    dataCy = _ref.dataCy;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames("neeto-ui-modal__footer", className),
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-footer"
+  }, children);
+};
+
+var Header = function Header(_ref) {
+  var _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    children = _ref.children,
+    className = _ref.className,
+    dataCy = _ref.dataCy;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames("neeto-ui-modal__header", className),
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-header"
+  }, children, description && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-modal__header-desc",
+    "data-cy": "modal-header-desc"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography, {
+    lineHeight: "normal",
+    style: "body2"
+  }, description)));
+};
+
+var _excluded = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
+var SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large",
+  fullScreen: "fullScreen"
+};
+var Modal = function Modal(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    children = _ref.children,
+    finalFocusRef = _ref.finalFocusRef,
+    initialFocusRef = _ref.initialFocusRef,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$closeOnEsc = _ref.closeOnEsc,
+    closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+    _ref$closeButton = _ref.closeButton,
+    closeButton = _ref$closeButton === void 0 ? true : _ref$closeButton,
+    _ref$backdropClassNam = _ref.backdropClassName,
+    backdropClassName = _ref$backdropClassNam === void 0 ? "" : _ref$backdropClassNam,
+    _ref$blockScrollOnMou = _ref.blockScrollOnMount,
+    blockScrollOnMount = _ref$blockScrollOnMou === void 0 ? true : _ref$blockScrollOnMou,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    hasTransitionCompleted = _useState2[0],
+    setHasTransitionCompleted = _useState2[1];
+  var modalWrapper = React.useRef(null);
+  var backdropRef = React.useRef(null);
+  useOverlayManager.useOverlayManager(modalWrapper, isOpen);
+  var _useOverlay = useOverlayManager.useOverlay({
+      isOpen: isOpen,
+      initialFocusRef: initialFocusRef,
+      finalFocusRef: finalFocusRef,
+      overlayWrapper: modalWrapper,
+      onClose: onClose,
+      backdropRef: backdropRef,
+      closeOnOutsideClick: closeOnOutsideClick,
+      closeOnEsc: closeOnEsc,
+      blockScrollOnMount: blockScrollOnMount,
+      hasTransitionCompleted: hasTransitionCompleted
+    }),
+    handleOverlayClose = _useOverlay.handleOverlayClose,
+    setFocusField = _useOverlay.setFocusField;
+  var isFullScreenModal = size === SIZES.fullScreen;
+  return /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Portal, {
+    rootId: "neeto-ui-portal"
+  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.CSSTransition, {
+    unmountOnExit: true,
+    appear: isOpen,
+    classNames: "neeto-ui-modal",
+    "in": isOpen,
+    timeout: 300,
+    onEntered: function onEntered() {
+      return setHasTransitionCompleted(true);
+    },
+    onExited: function onExited() {
+      return setHasTransitionCompleted(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Backdrop, {
+    "data-testid": "backdrop",
+    key: "modal-backdrop",
+    ref: backdropRef,
+    className: index.classnames("neeto-ui-modal__backdrop", {
+      "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal
+    }, backdropClassName)
+  }, /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
+    "aria-modal": true,
+    key: "modal-wrapper",
+    ref: modalWrapper,
+    role: "dialog",
+    className: index.classnames("neeto-ui-modal__wrapper", defineProperty._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, {
+    "aria-label": "Close",
+    className: "neeto-ui-modal__close",
+    "data-cy": "modal-close-button",
+    "data-testid": "close-button",
+    icon: neetoIcons.Close,
+    size: isFullScreenModal ? "large" : "small",
+    style: isFullScreenModal ? "secondary" : "text",
+    onClick: handleOverlayClose
+  }), typeof children === "function" ? children({
+    setFocusField: setFocusField
+  }) : children))));
+};
+Modal.Header = Header;
+Modal.Body = Body;
+Modal.Footer = Footer;
+
+module.exports = Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/cjs/Modal.js.map

@@ -0,0 +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/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, { 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\";\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  ...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            {typeof children === \"function\"\n              ? children({ setFocusField })\n              : children}\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\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","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","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

@@ -0,0 +1,312 @@
+'use strict';
+
+var defineProperty = require('./defineProperty-ee86604b.js');
+var _extends = require('./extends-1b35a664.js');
+var toConsumableArray = require('./toConsumableArray-418424fc.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index$1 = require('./index-302c3d37.js');
+var ramda = require('ramda');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-b39742a3.js');
+var index = require('./index-68589e5c.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+require('react-dom');
+var Tag = require('./Tag.js');
+var Label = require('./Label.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./createClass-80e17c6a.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('./index-0e68cfff.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function _toArray(arr) {
+  return slicedToArray._arrayWithHoles(arr) || toConsumableArray._iterableToArray(arr) || slicedToArray._unsupportedIterableToArray(arr) || slicedToArray._nonIterableRest();
+}
+
+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._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))",
+    error: "1px solid rgb(var(--neeto-ui-error-800)) !important"
+  },
+  color: {
+    "default": "rgb(var(--neeto-ui-gray-800))",
+    error: "rgb(var(--neeto-ui-error-800)) !important"
+  }
+};
+var CustomControl = function CustomControl(_ref) {
+  var children = _ref.children,
+    props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
+  var prefix = props.selectProps.prefix;
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Control, props, prefix && /*#__PURE__*/React__default["default"].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", {
+    className: "neeto-ui-email-input__suffix"
+  }, suffix)) : null;
+};
+var MultiValueRemove = function MultiValueRemove(props) {
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.MultiValueRemove, _extends._extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-cy", "".concat(index.hyphenize(props.data.label), "-remove-icon")))
+  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+    size: 16
+  }));
+};
+var CustomValueContainer = function CustomValueContainer(_ref2) {
+  var children = _ref2.children,
+    props = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2);
+  var getValue = props.getValue,
+    _props$selectProps = props.selectProps,
+    isFocused = _props$selectProps.isFocused,
+    visibleEmailsCount = _props$selectProps.visibleEmailsCount;
+  var value = getValue();
+  var _children = _toArray(children),
+    firstChild = _children[0],
+    rest = _children.slice(1);
+  var shouldCollapse = !isFocused && value.length > visibleEmailsCount;
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.ValueContainer, _extends._extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-cy", "multi-email-input-container"))
+  }), shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].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._extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-cy", "clear-all-button"))
+  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+    className: "cursor-pointer",
+    size: 16
+  }));
+};
+var SelectContainer = function SelectContainer(props) {
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.SelectContainer, _extends._extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-cy", "multi-email-select-container"))
+  }));
+};
+var Input = function Input(props) {
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Input, _extends._extends({}, props, {
+    "data-cy": "email-select-input-field"
+  }));
+};
+var EMAIL_REGEX = new RegExp("^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$", "i");
+var UNSTRICT_EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/g;
+var EMAIL_SEPARATION_REGEX = /[^\s,]+/g;
+var CUSTOM_STYLES = {
+  input: ramda.assoc("overflow", "hidden"),
+  multiValue: function multiValue(styles, _ref3) {
+    var valid = _ref3.data.valid;
+    return _objectSpread$1(_objectSpread$1({}, styles), {}, {
+      border: valid ? STYLES.border["default"] : STYLES.border.error,
+      color: valid ? STYLES.color["default"] : STYLES.color.error
+    });
+  }
+};
+var CUSTOM_COMPONENTS = {
+  DropdownIndicator: CustomDropdownIndicator,
+  Control: CustomControl,
+  MultiValueRemove: MultiValueRemove,
+  ValueContainer: CustomValueContainer,
+  ClearIndicator: CustomClearIndicator,
+  SelectContainer: SelectContainer,
+  Input: Input
+};
+
+var formatEmailInputOptions = function formatEmailInputOptions(label) {
+  return {
+    label: label,
+    value: label,
+    valid: EMAIL_REGEX.test(label)
+  };
+};
+var pruneDuplicates = function pruneDuplicates(inputValues) {
+  var values = ramda.pluck("value", inputValues);
+  var uniqueValues = toConsumableArray._toConsumableArray(new Set(values));
+  return uniqueValues.map(function (email) {
+    return formatEmailInputOptions(email);
+  });
+};
+var renderValidEmails = function renderValidEmails(values) {
+  return values.filter(function (email) {
+    return email.valid && email;
+  });
+};
+var getValidEmailsCount = function getValidEmailsCount(values) {
+  return renderValidEmails(values).length;
+};
+var renderDefaultText = function renderDefaultText(count) {
+  return count === 1 ? "email" : "emails";
+};
+
+var _excluded = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount", "isCreateable"];
+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._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,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
+    _ref$helpText = _ref.helpText,
+    helpText = _ref$helpText === void 0 ? "" : _ref$helpText,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? index.noop : _ref$onChange,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? index.noop : _ref$onBlur,
+    filterInvalidEmails = _ref.filterInvalidEmails,
+    counter = _ref.counter,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? 200 : _ref$maxHeight,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    labelProps = _ref.labelProps,
+    _ref$visibleEmailsCou = _ref.visibleEmailsCount,
+    visibleEmailsCount = _ref$visibleEmailsCou === void 0 ? 3 : _ref$visibleEmailsCou,
+    _ref$isCreateable = _ref.isCreateable,
+    isCreateable = _ref$isCreateable === void 0 ? true : _ref$isCreateable,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(""),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
+  var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
+  var isOptionsPresent = !!otherProps.options;
+  var handleFilterEmails = function handleFilterEmails() {
+    return onChange(renderValidEmails(value));
+  };
+  var handleEmailChange = function handleEmailChange() {
+    var inputValues = inputValue.match(EMAIL_SEPARATION_REGEX);
+    var emailMatches = inputValue.match(UNSTRICT_EMAIL_REGEX) || inputValues || [];
+    var emails = emailMatches.map(function (email) {
+      return formatEmailInputOptions(email);
+    });
+    onChange(pruneDuplicates([].concat(toConsumableArray._toConsumableArray(value), toConsumableArray._toConsumableArray(emails))));
+    setInputValue("");
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!inputValue) return;
+    switch (event.key) {
+      case "Enter":
+        {
+          handleEmailChange();
+          !isOptionsPresent && event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+      case "Tab":
+      case ",":
+      case " ":
+        {
+          handleEmailChange();
+          event.preventDefault();
+          event.stopPropagation();
+        }
+    }
+  };
+  var onCreateOption = function onCreateOption(input) {
+    var _otherProps$onCreateO;
+    var email = formatEmailInputOptions(input);
+    onChange(pruneDuplicates([].concat(toConsumableArray._toConsumableArray(value), [email])));
+    otherProps === null || otherProps === void 0 || (_otherProps$onCreateO = otherProps.onCreateOption) === null || _otherProps$onCreateO === void 0 || _otherProps$onCreateO.call(otherProps, input);
+  };
+  var handleBlur = function handleBlur(event) {
+    inputValue ? handleEmailChange() : onBlur(event);
+    setIsFocused(false);
+  };
+  var overrideProps = {};
+  if (isOptionsPresent) {
+    var isValidNewOption = function isValidNewOption(inputValue, _, selectOptions) {
+      if (!isCreateable) return false;
+      var isInputEmpty = ramda.isEmpty(inputValue.trim());
+      var doesInputContainSeparator = inputValue.includes(",") || inputValue.includes(" ");
+      var isInputPresentInOptions = selectOptions.find(function (option) {
+        return option.value === inputValue.toLowerCase();
+      });
+      return !(isInputEmpty || doesInputContainSeparator || isInputPresentInOptions);
+    };
+    overrideProps = {
+      onCreateOption: onCreateOption,
+      isValidNewOption: isValidNewOption
+    };
+  }
+  var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-email-input__label-wrapper"
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends._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", {
+    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._extends({
+    isMulti: true,
+    required: true,
+    classNamePrefix: "neeto-ui-react-select",
+    components: CUSTOM_COMPONENTS,
+    isDisabled: disabled,
+    className: index$1.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), {}, {
+      control: ramda.mergeLeft({
+        maxHeight: "".concat(maxHeight, "px"),
+        overflowY: "auto"
+      })
+    }),
+    onBlur: handleBlur,
+    onFocus: function onFocus() {
+      return setIsFocused(true);
+    },
+    onInputChange: function onInputChange(inputValue) {
+      return setInputValue(inputValue);
+    },
+    onKeyDown: handleKeyDown
+  }, _objectSpread(_objectSpread(_objectSpread({
+    inputValue: inputValue,
+    isFocused: isFocused,
+    onChange: onChange,
+    placeholder: placeholder,
+    ref: ref,
+    value: value,
+    visibleEmailsCount: visibleEmailsCount
+  }, !isOptionsPresent && {
+    menuIsOpen: false
+  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(index.hyphenize(label), "-input-error")
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default["default"].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", {
+    className: "neeto-ui-input__help-text",
+    "data-cy": "".concat(index.hyphenize(label), "-input-help")
+  }, helpText));
+});
+MultiEmailInput.displayName = "MultiEmailInput";
+
+module.exports = MultiEmailInput;
+//# sourceMappingURL=MultiEmailInput.js.map