@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/MultiEmailInput.js

@@ -0,0 +1,307 @@
+import { _ as _defineProperty } from './defineProperty-e5245270.js';
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _iterableToArray, a as _toConsumableArray } from './toConsumableArray-1186e144.js';
+import { a as _arrayWithHoles, b as _unsupportedIterableToArray, c as _nonIterableRest, _ as _slicedToArray } from './slicedToArray-45fa766e.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default, { forwardRef, useState } from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { assoc, pluck, mergeLeft, isEmpty } from 'ramda';
+import CreatableSelect from 'react-select/creatable';
+import { h as hyphenize, n as noop } from './index-c8d9113c.js';
+import { Close } from '@bigbinary/neeto-icons';
+import { components } from 'react-select';
+import Tag from './Tag.js';
+import Label from './Label.js';
+import './toPropertyKey-bdc24cb9.js';
+import './createClass-601a36b2.js';
+import '@bigbinary/neeto-cist';
+import 'util';
+import './index-c442518b.js';
+import 'tippy.js';
+import 'react-dom';
+
+function _toArray(arr) {
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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(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(_ref, _excluded$1);
+  var prefix = props.selectProps.prefix;
+  return /*#__PURE__*/React__default.createElement(components.Control, props, prefix && /*#__PURE__*/React__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.createElement(components.DropdownIndicator, props, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-email-input__suffix"
+  }, suffix)) : null;
+};
+var MultiValueRemove = function MultiValueRemove(props) {
+  return /*#__PURE__*/React__default.createElement(components.MultiValueRemove, _extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
+  }), /*#__PURE__*/React__default.createElement(Close, {
+    size: 16
+  }));
+};
+var CustomValueContainer = function CustomValueContainer(_ref2) {
+  var children = _ref2.children,
+    props = _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.createElement(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__default.createElement(Tag, {
+    label: "".concat(value.length - visibleEmailsCount, " more"),
+    style: "secondary"
+  }), rest);
+};
+var CustomClearIndicator = function CustomClearIndicator(props) {
+  return /*#__PURE__*/React__default.createElement(components.ClearIndicator, _extends({}, props, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button"))
+  }), /*#__PURE__*/React__default.createElement(Close, {
+    className: "cursor-pointer",
+    size: 16
+  }));
+};
+var SelectContainer = function SelectContainer(props) {
+  return /*#__PURE__*/React__default.createElement(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.createElement(components.Input, _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: 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 = pluck("value", inputValues);
+  var uniqueValues = _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(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__*/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 ? noop : _ref$onChange,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? 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(_ref, _excluded);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _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(value), _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(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 = 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.createElement("div", {
+    className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-email-input__label-wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _extends({
+    required: required,
+    className: "neeto-ui-email-input__label",
+    "data-cy": "".concat(hyphenize(label), "-input-label")
+  }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-email-input__counter",
+    "data-cy": "".concat(hyphenize(label), "-email-counter")
+  }, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default.createElement(CreatableSelect, _extends({
+    isMulti: true,
+    required: true,
+    classNamePrefix: "neeto-ui-react-select",
+    components: CUSTOM_COMPONENTS,
+    isDisabled: disabled,
+    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), {}, {
+      control: 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.createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error")
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__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.createElement("p", {
+    className: "neeto-ui-input__help-text",
+    "data-cy": "".concat(hyphenize(label), "-input-help")
+  }, helpText));
+});
+MultiEmailInput.displayName = "MultiEmailInput";
+
+export { MultiEmailInput as default };
+//# sourceMappingURL=MultiEmailInput.js.map

package/dist/MultiEmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput.js","sources":["../node_modules/@babel/runtime/helpers/esm/toArray.js","../src/components/MultiEmailInput/constants.jsx","../src/components/MultiEmailInput/utils.js","../src/components/MultiEmailInput/index.jsx"],"sourcesContent":["import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _toArray(arr) {\n  return arrayWithHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableRest();\n}","import React from \"react\";\n\nimport { Close } from \"neetoicons\";\nimport { assoc } from \"ramda\";\nimport { components } from \"react-select\";\n\nimport Tag from \"components/Tag\";\nimport { hyphenize } from \"utils\";\n\nconst STYLES = {\n  border: {\n    default: \"1px solid rgb(var(--neeto-ui-gray-400))\",\n    error: \"1px solid rgb(var(--neeto-ui-error-800)) !important\",\n  },\n  color: {\n    default: \"rgb(var(--neeto-ui-gray-800))\",\n    error: \"rgb(var(--neeto-ui-error-800)) !important\",\n  },\n};\n\nconst CustomControl = ({ children, ...props }) => {\n  const { prefix } = props.selectProps;\n\n  return (\n    <components.Control {...props}>\n      {prefix && <div className=\"neeto-ui-email-input__prefix\">{prefix}</div>}\n      {children}\n    </components.Control>\n  );\n};\n\nconst CustomDropdownIndicator = props => {\n  const { suffix } = props.selectProps;\n\n  return suffix ? (\n    <components.DropdownIndicator {...props}>\n      <div className=\"neeto-ui-email-input__suffix\">{suffix}</div>\n    </components.DropdownIndicator>\n  ) : null;\n};\n\nconst MultiValueRemove = props => (\n  <components.MultiValueRemove\n    {...props}\n    innerProps={{\n      ...props.innerProps,\n      [\"data-cy\"]: `${hyphenize(props.data.label)}-remove-icon`,\n    }}\n  >\n    <Close size={16} />\n  </components.MultiValueRemove>\n);\n\nconst CustomValueContainer = ({ children, ...props }) => {\n  const {\n    getValue,\n    selectProps: { isFocused, visibleEmailsCount },\n  } = props;\n  const value = getValue();\n  const [firstChild, ...rest] = children;\n\n  const shouldCollapse = !isFocused && value.length > visibleEmailsCount;\n\n  return (\n    <components.ValueContainer\n      {...props}\n      innerProps={{\n        ...props.innerProps,\n        [\"data-cy\"]: \"multi-email-input-container\",\n      }}\n    >\n      {shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild}\n      {shouldCollapse && (\n        <Tag\n          label={`${value.length - visibleEmailsCount} more`}\n          style=\"secondary\"\n        />\n      )}\n      {rest}\n    </components.ValueContainer>\n  );\n};\n\nconst CustomClearIndicator = props => (\n  <components.ClearIndicator\n    {...props}\n    innerProps={{ ...props.innerProps, [\"data-cy\"]: \"clear-all-button\" }}\n  >\n    <Close className=\"cursor-pointer\" size={16} />\n  </components.ClearIndicator>\n);\n\nconst SelectContainer = props => (\n  <components.SelectContainer\n    {...props}\n    innerProps={{\n      ...props.innerProps,\n      [\"data-cy\"]: \"multi-email-select-container\",\n    }}\n  />\n);\n\nconst Input = props => (\n  <components.Input {...props} data-cy=\"email-select-input-field\" />\n);\nexport const EMAIL_REGEX = new RegExp(\n  \"^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\\\.[A-Z]{2,}$\",\n  \"i\"\n);\n\nexport const UNSTRICT_EMAIL_REGEX =\n  /(([^<>()[\\]\\\\.,;:\\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;\n\nexport const EMAIL_SEPARATION_REGEX = /[^\\s,]+/g;\n\nexport const CUSTOM_STYLES = {\n  input: assoc(\"overflow\", \"hidden\"),\n  multiValue: (styles, { data: { valid } }) => ({\n    ...styles,\n    border: valid ? STYLES.border.default : STYLES.border.error,\n    color: valid ? STYLES.color.default : STYLES.color.error,\n  }),\n};\n\nexport const CUSTOM_COMPONENTS = {\n  DropdownIndicator: CustomDropdownIndicator,\n  Control: CustomControl,\n  MultiValueRemove,\n  ValueContainer: CustomValueContainer,\n  ClearIndicator: CustomClearIndicator,\n  SelectContainer,\n  Input,\n};\n","import { pluck } from \"ramda\";\n\nimport { EMAIL_REGEX } from \"./constants\";\n\nexport const formatEmailInputOptions = label => ({\n  label,\n  value: label,\n  valid: EMAIL_REGEX.test(label),\n});\n\nexport const pruneDuplicates = inputValues => {\n  const values = pluck(\"value\", inputValues);\n  const uniqueValues = [...new Set(values)];\n\n  return uniqueValues.map(email => formatEmailInputOptions(email));\n};\n\nexport const renderValidEmails = values =>\n  values.filter(email => email.valid && email);\n\nexport const getValidEmailsCount = values => renderValidEmails(values).length;\n\nexport const renderDefaultText = count => (count === 1 ? \"email\" : \"emails\");\n","import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft, isEmpty } from \"ramda\";\nimport CreatableSelect from \"react-select/creatable\";\n\nimport { noop, hyphenize } from \"utils\";\n\nimport {\n  EMAIL_SEPARATION_REGEX,\n  CUSTOM_STYLES,\n  UNSTRICT_EMAIL_REGEX,\n  CUSTOM_COMPONENTS,\n} from \"./constants\";\nimport {\n  formatEmailInputOptions,\n  pruneDuplicates,\n  renderValidEmails,\n  renderDefaultText,\n  getValidEmailsCount,\n} from \"./utils\";\n\nimport Label from \"../Label\";\n\nconst MultiEmailInput = forwardRef(\n  (\n    {\n      label = \"Email(s)\",\n      placeholder = \"\",\n      helpText = \"\",\n      value = [],\n      onChange = noop,\n      error = \"\",\n      onBlur = noop,\n      filterInvalidEmails,\n      counter,\n      disabled = false,\n      maxHeight = 200,\n      required = false,\n      labelProps,\n      visibleEmailsCount = 3,\n      isCreateable = true,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState(\"\");\n    const [isFocused, setIsFocused] = useState(false);\n\n    const isCounterVisible =\n      !!counter &&\n      (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);\n\n    const isOptionsPresent = !!otherProps.options;\n\n    const handleFilterEmails = () => onChange(renderValidEmails(value));\n\n    const handleEmailChange = () => {\n      const inputValues = inputValue.match(EMAIL_SEPARATION_REGEX);\n      const emailMatches =\n        inputValue.match(UNSTRICT_EMAIL_REGEX) || inputValues || [];\n\n      const emails = emailMatches.map(email => formatEmailInputOptions(email));\n      onChange(pruneDuplicates([...value, ...emails]));\n      setInputValue(\"\");\n    };\n\n    const handleKeyDown = event => {\n      if (!inputValue) return;\n\n      switch (event.key) {\n        case \"Enter\": {\n          handleEmailChange();\n          !isOptionsPresent && event.preventDefault();\n          event.stopPropagation();\n\n          return;\n        }\n        case \"Tab\":\n        case \",\":\n        case \" \": {\n          handleEmailChange();\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    };\n\n    const onCreateOption = input => {\n      const email = formatEmailInputOptions(input);\n      onChange(pruneDuplicates([...value, email]));\n      otherProps?.onCreateOption?.(input);\n    };\n\n    const handleBlur = event => {\n      inputValue ? handleEmailChange() : onBlur(event);\n      setIsFocused(false);\n    };\n\n    let overrideProps = {};\n\n    if (isOptionsPresent) {\n      const isValidNewOption = (inputValue, _, selectOptions) => {\n        if (!isCreateable) return false;\n\n        const isInputEmpty = isEmpty(inputValue.trim());\n        const doesInputContainSeparator =\n          inputValue.includes(\",\") || inputValue.includes(\" \");\n\n        const isInputPresentInOptions = selectOptions.find(\n          option => option.value === inputValue.toLowerCase()\n        );\n\n        return !(\n          isInputEmpty ||\n          doesInputContainSeparator ||\n          isInputPresentInOptions\n        );\n      };\n      overrideProps = { onCreateOption, isValidNewOption };\n    }\n\n    const isFilterEmailsLinkVisible =\n      !!filterInvalidEmails && value.length > getValidEmailsCount(value);\n\n    return (\n      <div className=\"neeto-ui-input__wrapper neeto-ui-email-input__wrapper\">\n        <div className=\"neeto-ui-email-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              className=\"neeto-ui-email-input__label\"\n              data-cy={`${hyphenize(label)}-input-label`}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCounterVisible && (\n            <p\n              className=\"neeto-ui-email-input__counter\"\n              data-cy={`${hyphenize(label)}-email-counter`}\n            >\n              {getValidEmailsCount(value)}{\" \"}\n              {counter.label\n                ? counter.label\n                : renderDefaultText(getValidEmailsCount(value))}\n            </p>\n          )}\n        </div>\n        <CreatableSelect\n          isMulti\n          required\n          classNamePrefix=\"neeto-ui-react-select\"\n          components={CUSTOM_COMPONENTS}\n          isDisabled={disabled}\n          className={classnames(\n            \"neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select\",\n            { \"neeto-ui-react-select__container--error\": !!error }\n          )}\n          styles={{\n            ...CUSTOM_STYLES,\n            control: mergeLeft({\n              maxHeight: `${maxHeight}px`,\n              overflowY: \"auto\",\n            }),\n          }}\n          onBlur={handleBlur}\n          onFocus={() => setIsFocused(true)}\n          onInputChange={inputValue => setInputValue(inputValue)}\n          onKeyDown={handleKeyDown}\n          {...{\n            inputValue,\n            isFocused,\n            onChange,\n            placeholder,\n            ref,\n            value,\n            visibleEmailsCount,\n            ...(!isOptionsPresent && { menuIsOpen: false }),\n            ...otherProps,\n            ...overrideProps,\n          }}\n        />\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n          >\n            {error}\n            {isFilterEmailsLinkVisible && (\n              <span\n                className=\"neeto-ui-font-semibold cursor-pointer\"\n                onClick={handleFilterEmails}\n              >\n                &nbsp;\n                {filterInvalidEmails.label\n                  ? filterInvalidEmails.label\n                  : \"Click here to remove invalid emails.\"}\n              </span>\n            )}\n          </p>\n        )}\n        {!!helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${hyphenize(label)}-input-help`}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nMultiEmailInput.displayName = \"MultiEmailInput\";\n\nMultiEmailInput.propTypes = {\n  /**\n   * To specify the text to be displayed above the Input field.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the text to be displayed inside the Input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify the helper text message to be displayed below the Input field.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To specify the value to be displayed inside the Input field.\n   */\n  value: PropTypes.array,\n  /**\n   * To specify the error message to be shown below the Input field.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify whether the Input field is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify whether the Input field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify the message to be shown besides the error message to filter out the invalid emails.\n   */\n  filterInvalidEmails: PropTypes.shape({ label: PropTypes.string }),\n  /**\n   * To add an email counter next to the label.\n   */\n  counter: PropTypes.oneOfType([\n    PropTypes.bool,\n    PropTypes.shape({\n      label: PropTypes.string,\n      startsFrom: PropTypes.number,\n    }),\n  ]),\n  /**\n   * To specify the action to be triggered on modifying the Input field.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the action to be triggered on changing focus from the Input field.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * To specify the maximum height (in pixels) of the container before it becomes scrollable.\n   */\n  maxHeight: PropTypes.number,\n  /**\n   * To specify the content to be added at the end of the Input field.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Input field.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To specify the number of email to be displayed in the input field when not in focus.\n   */\n  visibleEmailsCount: PropTypes.number,\n  /**\n   * To specify whether a new email option can be created or not.\n   */\n  isCreateable: PropTypes.bool,\n};\n\nexport default MultiEmailInput;\n"],"names":["arrayWithHoles","iterableToArray","unsupportedIterableToArray","nonIterableRest","STYLES","border","error","color","CustomControl","_ref","children","props","_objectWithoutProperties","_excluded","prefix","selectProps","React","createElement","components","Control","className","CustomDropdownIndicator","suffix","DropdownIndicator","MultiValueRemove","_extends","innerProps","_objectSpread","_defineProperty","concat","hyphenize","data","label","Close","size","CustomValueContainer","_ref2","_excluded2","getValue","_props$selectProps","isFocused","visibleEmailsCount","value","_children","_toArray","firstChild","rest","slice","shouldCollapse","length","ValueContainer","Tag","style","CustomClearIndicator","ClearIndicator","SelectContainer","Input","EMAIL_REGEX","RegExp","UNSTRICT_EMAIL_REGEX","EMAIL_SEPARATION_REGEX","CUSTOM_STYLES","input","assoc","multiValue","styles","_ref3","valid","CUSTOM_COMPONENTS","formatEmailInputOptions","test","pruneDuplicates","inputValues","values","pluck","uniqueValues","_toConsumableArray","Set","map","email","renderValidEmails","filter","getValidEmailsCount","renderDefaultText","count","MultiEmailInput","forwardRef","ref","_ref$label","_ref$placeholder","placeholder","_ref$helpText","helpText","_ref$value","_ref$onChange","onChange","noop","_ref$error","_ref$onBlur","onBlur","filterInvalidEmails","counter","_ref$disabled","disabled","_ref$maxHeight","maxHeight","_ref$required","required","labelProps","_ref$visibleEmailsCou","_ref$isCreateable","isCreateable","otherProps","_useState","useState","_useState2","_slicedToArray","inputValue","setInputValue","_useState3","_useState4","setIsFocused","isCounterVisible","startsFrom","isOptionsPresent","options","handleFilterEmails","handleEmailChange","match","emailMatches","emails","handleKeyDown","event","key","preventDefault","stopPropagation","onCreateOption","_otherProps$onCreateO","call","handleBlur","overrideProps","isValidNewOption","_","selectOptions","isInputEmpty","isEmpty","trim","doesInputContainSeparator","includes","isInputPresentInOptions","find","option","toLowerCase","isFilterEmailsLinkVisible","Label","CreatableSelect","isMulti","classNamePrefix","isDisabled","classnames","control","mergeLeft","overflowY","onFocus","onInputChange","onKeyDown","menuIsOpen","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIe,SAAS,QAAQ,CAAC,GAAG,EAAE;AACtC,EAAE,OAAOA,eAAc,CAAC,GAAG,CAAC,IAAIC,gBAAe,CAAC,GAAG,CAAC,IAAIC,2BAA0B,CAAC,GAAG,CAAC,IAAIC,gBAAe,EAAE,CAAC;AAC7G;;;;;;ACGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAE;AACN,IAAA,SAAA,EAAS,yCAAyC;AAClDC,IAAAA,KAAK,EAAE,qDAAA;GACR;AACDC,EAAAA,KAAK,EAAE;AACL,IAAA,SAAA,EAAS,+BAA+B;AACxCD,IAAAA,KAAK,EAAE,2CAAA;AACT,GAAA;AACF,CAAC,CAAA;AAED,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAA+B;AAAA,EAAA,IAAzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,WAAA,CAAA,CAAA;AACzC,EAAA,IAAQC,MAAM,GAAKH,KAAK,CAACI,WAAW,CAA5BD,MAAM,CAAA;AAEd,EAAA,oBACEE,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACC,OAAO,EAAKR,KAAK,EAC1BG,MAAM,iBAAIE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,EAAEN,MAAM,CAAO,EACtEJ,QAAQ,CACU,CAAA;AAEzB,CAAC,CAAA;AAED,IAAMW,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAGV,KAAK,EAAI;AACvC,EAAA,IAAQW,MAAM,GAAKX,KAAK,CAACI,WAAW,CAA5BO,MAAM,CAAA;AAEd,EAAA,OAAOA,MAAM,gBACXN,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACK,iBAAiB,EAAKZ,KAAK,eACrCK,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,EAAEE,MAAM,CAAO,CAC/B,GAC7B,IAAI,CAAA;AACV,CAAC,CAAA;AAED,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGb,KAAK,EAAA;EAAA,oBAC5BK,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACM,gBAAgB,EAAAC,QAAA,CAAA,EAAA,EACtBd,KAAK,EAAA;IACTe,UAAU,EAAAC,eAAA,CAAAA,eAAA,KACLhB,KAAK,CAACe,UAAU,CAAA,EAAA,EAAA,EAAAE,eAAA,CAAA,EAAA,EAClB,SAAS,EAAAC,EAAAA,CAAAA,MAAA,CAAMC,SAAS,CAACnB,KAAK,CAACoB,IAAI,CAACC,KAAK,CAAC,EAAA,cAAA,CAAA,CAAA,CAAA;AAC3C,GAAA,CAAA,eAEFhB,cAAA,CAAAC,aAAA,CAACgB,KAAK,EAAA;AAACC,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,CACS,CAAA;AAAA,CAC/B,CAAA;AAED,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAA+B;AAAA,EAAA,IAAzB1B,QAAQ,GAAA0B,KAAA,CAAR1B,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAwB,KAAA,EAAAC,UAAA,CAAA,CAAA;AAChD,EAAA,IACEC,QAAQ,GAEN3B,KAAK,CAFP2B,QAAQ;IAAAC,kBAAA,GAEN5B,KAAK,CADPI,WAAW;IAAIyB,SAAS,GAAAD,kBAAA,CAATC,SAAS;IAAEC,kBAAkB,GAAAF,kBAAA,CAAlBE,kBAAkB,CAAA;EAE9C,IAAMC,KAAK,GAAGJ,QAAQ,EAAE,CAAA;AACxB,EAAA,IAAAK,SAAA,GAAAC,QAAA,CAA8BlC,QAAQ,CAAA;AAA/BmC,IAAAA,UAAU,GAAAF,SAAA,CAAA,CAAA,CAAA;IAAKG,IAAI,GAAAH,SAAA,CAAAI,KAAA,CAAA,CAAA,CAAA,CAAA;EAE1B,IAAMC,cAAc,GAAG,CAACR,SAAS,IAAIE,KAAK,CAACO,MAAM,GAAGR,kBAAkB,CAAA;EAEtE,oBACEzB,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACgC,cAAc,EAAAzB,QAAA,CAAA,EAAA,EACpBd,KAAK,EAAA;AACTe,IAAAA,UAAU,EAAAC,eAAA,CAAAA,eAAA,CACLhB,EAAAA,EAAAA,KAAK,CAACe,UAAU,CAAAE,EAAAA,EAAAA,EAAAA,eAAA,CAClB,EAAA,EAAA,SAAS,EAAG,6BAA6B,CAAA,CAAA;AAC1C,GAAA,CAAA,EAEDoB,cAAc,GAAGH,UAAU,CAACE,KAAK,CAAC,CAAC,EAAEN,kBAAkB,CAAC,GAAGI,UAAU,EACrEG,cAAc,iBACbhC,cAAA,CAAAC,aAAA,CAACkC,GAAG,EAAA;IACFnB,KAAK,EAAA,EAAA,CAAAH,MAAA,CAAKa,KAAK,CAACO,MAAM,GAAGR,kBAAkB,EAAQ,OAAA,CAAA;AACnDW,IAAAA,KAAK,EAAC,WAAA;GAET,CAAA,EACAN,IAAI,CACqB,CAAA;AAEhC,CAAC,CAAA;AAED,IAAMO,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAG1C,KAAK,EAAA;EAAA,oBAChCK,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACoC,cAAc,EAAA7B,QAAA,CAAA,EAAA,EACpBd,KAAK,EAAA;AACTe,IAAAA,UAAU,EAAAC,eAAA,CAAAA,eAAA,CAAOhB,EAAAA,EAAAA,KAAK,CAACe,UAAU,CAAAE,EAAAA,EAAAA,EAAAA,eAAA,CAAG,EAAA,EAAA,SAAS,EAAG,kBAAkB,CAAA,CAAA;AAAG,GAAA,CAAA,eAErEZ,cAAA,CAAAC,aAAA,CAACgB,KAAK,EAAA;AAACb,IAAAA,SAAS,EAAC,gBAAgB;AAACc,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,CACpB,CAAA;AAAA,CAC7B,CAAA;AAED,IAAMqB,eAAe,GAAG,SAAlBA,eAAeA,CAAG5C,KAAK,EAAA;EAAA,oBAC3BK,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACqC,eAAe,EAAA9B,QAAA,CAAA,EAAA,EACrBd,KAAK,EAAA;AACTe,IAAAA,UAAU,EAAAC,eAAA,CAAAA,eAAA,CACLhB,EAAAA,EAAAA,KAAK,CAACe,UAAU,CAAAE,EAAAA,EAAAA,EAAAA,eAAA,CAClB,EAAA,EAAA,SAAS,EAAG,8BAA8B,CAAA,CAAA;GAE7C,CAAA,CAAA,CAAA;AAAA,CACH,CAAA;AAED,IAAM4B,KAAK,GAAG,SAARA,KAAKA,CAAG7C,KAAK,EAAA;EAAA,oBACjBK,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACsC,KAAK,EAAA/B,QAAA,CAAA,EAAA,EAAKd,KAAK,EAAA;IAAE,SAAQ,EAAA,0BAAA;GAA6B,CAAA,CAAA,CAAA;AAAA,CACnE,CAAA;AACM,IAAM8C,WAAW,GAAG,IAAIC,MAAM,CACnC,0CAA0C,EAC1C,GAAG,CACJ,CAAA;AAEM,IAAMC,oBAAoB,GAC/B,sJAAsJ,CAAA;AAEjJ,IAAMC,sBAAsB,GAAG,UAAU,CAAA;AAEzC,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,KAAK,EAAEC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC;AAClCC,EAAAA,UAAU,EAAE,SAAAA,UAACC,CAAAA,MAAM,EAAAC,KAAA,EAAA;AAAA,IAAA,IAAYC,KAAK,GAAAD,KAAA,CAAbnC,IAAI,CAAIoC,KAAK,CAAA;AAAA,IAAA,OAAAxC,eAAA,CAAAA,eAAA,CAAA,EAAA,EAC/BsC,MAAM,CAAA,EAAA,EAAA,EAAA;AACT5D,MAAAA,MAAM,EAAE8D,KAAK,GAAG/D,MAAM,CAACC,MAAM,CAAQ,SAAA,CAAA,GAAGD,MAAM,CAACC,MAAM,CAACC,KAAK;MAC3DC,KAAK,EAAE4D,KAAK,GAAG/D,MAAM,CAACG,KAAK,CAAA,SAAA,CAAQ,GAAGH,MAAM,CAACG,KAAK,CAACD,KAAAA;AAAK,KAAA,CAAA,CAAA;AAAA,GAAA;AAE5D,CAAC,CAAA;AAEM,IAAM8D,iBAAiB,GAAG;AAC/B7C,EAAAA,iBAAiB,EAAEF,uBAAuB;AAC1CF,EAAAA,OAAO,EAAEX,aAAa;AACtBgB,EAAAA,gBAAgB,EAAhBA,gBAAgB;AAChB0B,EAAAA,cAAc,EAAEf,oBAAoB;AACpCmB,EAAAA,cAAc,EAAED,oBAAoB;AACpCE,EAAAA,eAAe,EAAfA,eAAe;AACfC,EAAAA,KAAK,EAALA,KAAAA;AACF,CAAC;;AChIM,IAAMa,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAGrC,KAAK,EAAA;EAAA,OAAK;AAC/CA,IAAAA,KAAK,EAALA,KAAK;AACLU,IAAAA,KAAK,EAAEV,KAAK;AACZmC,IAAAA,KAAK,EAAEV,WAAW,CAACa,IAAI,CAACtC,KAAK,CAAA;GAC9B,CAAA;AAAA,CAAC,CAAA;AAEK,IAAMuC,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,WAAW,EAAI;AAC5C,EAAA,IAAMC,MAAM,GAAGC,KAAK,CAAC,OAAO,EAAEF,WAAW,CAAC,CAAA;EAC1C,IAAMG,YAAY,GAAAC,kBAAA,CAAO,IAAIC,GAAG,CAACJ,MAAM,CAAC,CAAC,CAAA;AAEzC,EAAA,OAAOE,YAAY,CAACG,GAAG,CAAC,UAAAC,KAAK,EAAA;IAAA,OAAIV,uBAAuB,CAACU,KAAK,CAAC,CAAA;GAAC,CAAA,CAAA;AAClE,CAAC,CAAA;AAEM,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGP,MAAM,EAAA;AAAA,EAAA,OACrCA,MAAM,CAACQ,MAAM,CAAC,UAAAF,KAAK,EAAA;AAAA,IAAA,OAAIA,KAAK,CAACZ,KAAK,IAAIY,KAAK,CAAA;GAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAEvC,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGT,MAAM,EAAA;AAAA,EAAA,OAAIO,iBAAiB,CAACP,MAAM,CAAC,CAACxB,MAAM,CAAA;AAAA,CAAA,CAAA;AAEtE,IAAMkC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAA;AAAA,EAAA,OAAKA,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ,CAAA;AAAA,CAAC;;;;;ACGtEC,IAAAA,eAAe,gBAAGC,UAAU,CAChC,UAAA7E,IAAA,EAmBE8E,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAA/E,IAAA,CAlBDuB,KAAK;AAALA,IAAAA,KAAK,GAAAwD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAAC,gBAAA,GAAAhF,IAAA,CAClBiF,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,aAAA,GAAAlF,IAAA,CAChBmF,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,UAAA,GAAApF,IAAA,CACbiC,KAAK;AAALA,IAAAA,KAAK,GAAAmD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAC,aAAA,GAAArF,IAAA,CACVsF,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,aAAA;IAAAG,UAAA,GAAAxF,IAAA,CACfH,KAAK;AAALA,IAAAA,KAAK,GAAA2F,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAC,WAAA,GAAAzF,IAAA,CACV0F,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGF,KAAAA,CAAAA,GAAAA,IAAI,GAAAE,WAAA;IACbE,mBAAmB,GAAA3F,IAAA,CAAnB2F,mBAAmB;IACnBC,OAAO,GAAA5F,IAAA,CAAP4F,OAAO;IAAAC,aAAA,GAAA7F,IAAA,CACP8F,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAA/F,IAAA,CAChBgG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,cAAA;IAAAE,aAAA,GAAAjG,IAAA,CACfkG,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAnG,IAAA,CAAVmG,UAAU;IAAAC,qBAAA,GAAApG,IAAA,CACVgC,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAoE,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA;IAAAC,iBAAA,GAAArG,IAAA,CACtBsG,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;AAChBE,IAAAA,UAAU,GAAApG,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAIf,EAAA,IAAAoG,SAAA,GAAoCC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAI,UAAA,GAAkCL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA1C/E,IAAAA,SAAS,GAAAgF,UAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,YAAY,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAME,gBAAgB,GACpB,CAAC,CAACrB,OAAO,KACR,CAACA,OAAO,CAACsB,UAAU,IAAIzC,mBAAmB,CAACxC,KAAK,CAAC,IAAI2D,OAAO,CAACsB,UAAU,CAAC,CAAA;AAE3E,EAAA,IAAMC,gBAAgB,GAAG,CAAC,CAACZ,UAAU,CAACa,OAAO,CAAA;AAE7C,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,IAAA,OAAS/B,QAAQ,CAACf,iBAAiB,CAACtC,KAAK,CAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAEnE,EAAA,IAAMqF,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAS;AAC9B,IAAA,IAAMvD,WAAW,GAAG6C,UAAU,CAACW,KAAK,CAACpE,sBAAsB,CAAC,CAAA;IAC5D,IAAMqE,YAAY,GAChBZ,UAAU,CAACW,KAAK,CAACrE,oBAAoB,CAAC,IAAIa,WAAW,IAAI,EAAE,CAAA;AAE7D,IAAA,IAAM0D,MAAM,GAAGD,YAAY,CAACnD,GAAG,CAAC,UAAAC,KAAK,EAAA;MAAA,OAAIV,uBAAuB,CAACU,KAAK,CAAC,CAAA;KAAC,CAAA,CAAA;AACxEgB,IAAAA,QAAQ,CAACxB,eAAe,CAAA1C,EAAAA,CAAAA,MAAA,CAAA+C,kBAAA,CAAKlC,KAAK,CAAAkC,EAAAA,kBAAA,CAAKsD,MAAM,GAAE,CAAC,CAAA;IAChDZ,aAAa,CAAC,EAAE,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK,EAAI;IAC7B,IAAI,CAACf,UAAU,EAAE,OAAA;IAEjB,QAAQe,KAAK,CAACC,GAAG;AACf,MAAA,KAAK,OAAO;AAAE,QAAA;AACZN,UAAAA,iBAAiB,EAAE,CAAA;AACnB,UAAA,CAACH,gBAAgB,IAAIQ,KAAK,CAACE,cAAc,EAAE,CAAA;UAC3CF,KAAK,CAACG,eAAe,EAAE,CAAA;AAEvB,UAAA,OAAA;AACF,SAAA;AACA,MAAA,KAAK,KAAK,CAAA;AACV,MAAA,KAAK,GAAG,CAAA;AACR,MAAA,KAAK,GAAG;AAAE,QAAA;AACRR,UAAAA,iBAAiB,EAAE,CAAA;UACnBK,KAAK,CAACE,cAAc,EAAE,CAAA;UACtBF,KAAK,CAACG,eAAe,EAAE,CAAA;AACzB,SAAA;AAAC,KAAA;GAEJ,CAAA;AAED,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAG1E,KAAK,EAAI;AAAA,IAAA,IAAA2E,qBAAA,CAAA;AAC9B,IAAA,IAAM1D,KAAK,GAAGV,uBAAuB,CAACP,KAAK,CAAC,CAAA;IAC5CiC,QAAQ,CAACxB,eAAe,CAAA,EAAA,CAAA1C,MAAA,CAAA+C,kBAAA,CAAKlC,KAAK,CAAA,EAAA,CAAEqC,KAAK,CAAA,CAAA,CAAE,CAAC,CAAA;AAC5CiC,IAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,IAAA,CAAAyB,qBAAA,GAAVzB,UAAU,CAAEwB,cAAc,MAAA,IAAA,IAAAC,qBAAA,KAAA,KAAA,CAAA,IAA1BA,qBAAA,CAAAC,IAAA,CAAA1B,UAAU,EAAmBlD,KAAK,CAAC,CAAA;GACpC,CAAA;AAED,EAAA,IAAM6E,UAAU,GAAG,SAAbA,UAAUA,CAAGP,KAAK,EAAI;AAC1Bf,IAAAA,UAAU,GAAGU,iBAAiB,EAAE,GAAG5B,MAAM,CAACiC,KAAK,CAAC,CAAA;IAChDX,YAAY,CAAC,KAAK,CAAC,CAAA;GACpB,CAAA;EAED,IAAImB,aAAa,GAAG,EAAE,CAAA;AAEtB,EAAA,IAAIhB,gBAAgB,EAAE;IACpB,IAAMiB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIxB,UAAU,EAAEyB,CAAC,EAAEC,aAAa,EAAK;AACzD,MAAA,IAAI,CAAChC,YAAY,EAAE,OAAO,KAAK,CAAA;MAE/B,IAAMiC,YAAY,GAAGC,OAAO,CAAC5B,UAAU,CAAC6B,IAAI,EAAE,CAAC,CAAA;AAC/C,MAAA,IAAMC,yBAAyB,GAC7B9B,UAAU,CAAC+B,QAAQ,CAAC,GAAG,CAAC,IAAI/B,UAAU,CAAC+B,QAAQ,CAAC,GAAG,CAAC,CAAA;AAEtD,MAAA,IAAMC,uBAAuB,GAAGN,aAAa,CAACO,IAAI,CAChD,UAAAC,MAAM,EAAA;AAAA,QAAA,OAAIA,MAAM,CAAC7G,KAAK,KAAK2E,UAAU,CAACmC,WAAW,EAAE,CAAA;OACpD,CAAA,CAAA;AAED,MAAA,OAAO,EACLR,YAAY,IACZG,yBAAyB,IACzBE,uBAAuB,CACxB,CAAA;KACF,CAAA;AACDT,IAAAA,aAAa,GAAG;AAAEJ,MAAAA,cAAc,EAAdA,cAAc;AAAEK,MAAAA,gBAAgB,EAAhBA,gBAAAA;KAAkB,CAAA;AACtD,GAAA;AAEA,EAAA,IAAMY,yBAAyB,GAC7B,CAAC,CAACrD,mBAAmB,IAAI1D,KAAK,CAACO,MAAM,GAAGiC,mBAAmB,CAACxC,KAAK,CAAC,CAAA;EAEpE,oBACE1B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,uDAAA;GACbJ,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,qCAAA;GACZY,EAAAA,KAAK,iBACJhB,cAAA,CAAAC,aAAA,CAACyI,KAAK,EAAAjI,QAAA,CAAA;AACEkF,IAAAA,QAAQ,EAARA,QAAQ;AACdvF,IAAAA,SAAS,EAAC,6BAA6B;AACvC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,SAAS,CAACE,KAAK,CAAC,EAAA,cAAA,CAAA;GACxB4E,EAAAA,UAAU,GAEb5E,KAAK,CAET,EACA0F,gBAAgB,iBACf1G,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,+BAA+B;AACzC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,SAAS,CAACE,KAAK,CAAC,EAAA,gBAAA,CAAA;AAAiB,GAAA,EAE5CkD,mBAAmB,CAACxC,KAAK,CAAC,EAAE,GAAG,EAC/B2D,OAAO,CAACrE,KAAK,GACVqE,OAAO,CAACrE,KAAK,GACbmD,iBAAiB,CAACD,mBAAmB,CAACxC,KAAK,CAAC,CAAC,CAEpD,CACG,eACN1B,cAAA,CAAAC,aAAA,CAAC0I,eAAe,EAAAlI,QAAA,CAAA;IACdmI,OAAO,EAAA,IAAA;IACPjD,QAAQ,EAAA,IAAA;AACRkD,IAAAA,eAAe,EAAC,uBAAuB;AACvC3I,IAAAA,UAAU,EAAEkD,iBAAkB;AAC9B0F,IAAAA,UAAU,EAAEvD,QAAS;AACrBnF,IAAAA,SAAS,EAAE2I,UAAU,CACnB,wGAAwG,EACxG;MAAE,yCAAyC,EAAE,CAAC,CAACzJ,KAAAA;AAAM,KAAC,CACtD;AACF2D,IAAAA,MAAM,EAAAtC,aAAA,CAAAA,aAAA,KACDkC,aAAa,CAAA,EAAA,EAAA,EAAA;MAChBmG,OAAO,EAAEC,SAAS,CAAC;AACjBxD,QAAAA,SAAS,EAAA5E,EAAAA,CAAAA,MAAA,CAAK4E,SAAS,EAAI,IAAA,CAAA;AAC3ByD,QAAAA,SAAS,EAAE,MAAA;OACZ,CAAA;KACD,CAAA;AACF/D,IAAAA,MAAM,EAAEwC,UAAW;IACnBwB,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAM1C,YAAY,CAAC,IAAI,CAAC,CAAA;KAAC;IAClC2C,aAAa,EAAE,SAAAA,aAAAA,CAAA/C,UAAU,EAAA;MAAA,OAAIC,aAAa,CAACD,UAAU,CAAC,CAAA;KAAC;AACvDgD,IAAAA,SAAS,EAAElC,aAAAA;AAAc,GAAA,EAAAxG,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AAEvB0F,IAAAA,UAAU,EAAVA,UAAU;AACV7E,IAAAA,SAAS,EAATA,SAAS;AACTuD,IAAAA,QAAQ,EAARA,QAAQ;AACRL,IAAAA,WAAW,EAAXA,WAAW;AACXH,IAAAA,GAAG,EAAHA,GAAG;AACH7C,IAAAA,KAAK,EAALA,KAAK;AACLD,IAAAA,kBAAkB,EAAlBA,kBAAAA;GACI,EAAA,CAACmF,gBAAgB,IAAI;AAAE0C,IAAAA,UAAU,EAAE,KAAA;AAAM,GAAC,CAC3CtD,EAAAA,UAAU,CACV4B,EAAAA,aAAa,CAElB,CAAA,CAAA,EACD,CAAC,CAACtI,KAAK,iBACNU,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,SAAS,CAACE,KAAK,CAAC,EAAA,cAAA,CAAA;AAAe,GAAA,EAE1C1B,KAAK,EACLmJ,yBAAyB,iBACxBzI,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,uCAAuC;AACjDmJ,IAAAA,OAAO,EAAEzC,kBAAAA;GACV,EAAA,MAEC,EAAC1B,mBAAmB,CAACpE,KAAK,GACtBoE,mBAAmB,CAACpE,KAAK,GACzB,sCAAsC,CAE7C,CAEJ,EACA,CAAC,CAAC4D,QAAQ,iBACT5E,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,2BAA2B;AACrC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,SAAS,CAACE,KAAK,CAAC,EAAA,aAAA,CAAA;GAE3B4D,EAAAA,QAAQ,CAEZ,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,eAAe,CAACmF,WAAW,GAAG,iBAAiB;;;;"}

package/dist/NoData.js

@@ -0,0 +1,81 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { isEmpty } from 'ramda';
+import Button from './Button.js';
+import Typography from './Typography.js';
+import './defineProperty-e5245270.js';
+import './toPropertyKey-bdc24cb9.js';
+import 'framer-motion';
+import 'react-router-dom';
+import './index-c442518b.js';
+import './slicedToArray-45fa766e.js';
+import 'tippy.js';
+import 'react-dom';
+
+var renderImage = function renderImage(image) {
+  return typeof image === "string" ? /*#__PURE__*/React__default.createElement("img", {
+    "data-cy": "no-data-image",
+    src: image
+  }) : image;
+};
+
+var _excluded = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText"];
+var NoData = function NoData(_ref) {
+  var _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$helpText = _ref.helpText,
+    helpText = _ref$helpText === void 0 ? null : _ref$helpText,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$primaryButtonPro = _ref.primaryButtonProps,
+    primaryButtonProps = _ref$primaryButtonPro === void 0 ? {} : _ref$primaryButtonPro,
+    _ref$secondaryButtonP = _ref.secondaryButtonProps,
+    secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
+    _ref$buttonSeparatorT = _ref.buttonSeparatorText,
+    buttonSeparatorText = _ref$buttonSeparatorT === void 0 ? "" : _ref$buttonSeparatorT,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var hasPrimaryButtonProps = !isEmpty(primaryButtonProps);
+  var hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);
+  var hasButtonSeparatorText = !isEmpty(buttonSeparatorText);
+  var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: classnames("neeto-ui-no-data", [className]),
+    "data-cy": "no-data-container"
+  }, otherProps), image ? /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-no-data__image"
+  }, renderImage(image)) : null, title && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-center",
+    "data-cy": "no-data-title",
+    lineHeight: "none",
+    style: "h3"
+  }, title), description && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-center neeto-ui-no-data__description",
+    "data-cy": "no-data-description",
+    lineHeight: "normal",
+    style: "body2"
+  }, description), helpText && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-center neeto-ui-no-data__help-text",
+    "data-cy": "no-data-help-text",
+    lineHeight: "normal",
+    style: "body2"
+  }, helpText), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-no-data__action-block"
+  }, hasPrimaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends({
+    "data-cy": "no-data-primary-button"
+  }, primaryButtonProps)), showButtonSeparator && /*#__PURE__*/React__default.createElement(Typography, {
+    lineHeight: "normal",
+    style: "body2"
+  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends({
+    "data-cy": "no-data-secondary-button",
+    style: "secondary"
+  }, secondaryButtonProps))));
+};
+
+export { NoData as default };
+//# sourceMappingURL=NoData.js.map

package/dist/NoData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoData.js","sources":["../src/components/NoData/utils.jsx","../src/components/NoData/index.jsx"],"sourcesContent":["import React from \"react\";\n\nexport const renderImage = image =>\n  typeof image === \"string\" ? (\n    <img data-cy=\"no-data-image\" src={image} />\n  ) : (\n    image\n  );\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport Typography from \"components/Typography\";\n\nimport { renderImage } from \"./utils\";\n\nconst NoData = ({\n  image = null,\n  title = \"\",\n  description = \"\",\n  helpText = null,\n  className = \"\",\n  primaryButtonProps = {},\n  secondaryButtonProps = {},\n  buttonSeparatorText = \"\",\n  ...otherProps\n}) => {\n  const hasPrimaryButtonProps = !isEmpty(primaryButtonProps);\n  const hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);\n  const hasButtonSeparatorText = !isEmpty(buttonSeparatorText);\n\n  const showButtonSeparator =\n    hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-no-data\", [className])}\n      data-cy=\"no-data-container\"\n      {...otherProps}\n    >\n      {image ? (\n        <div className=\"neeto-ui-no-data__image\">{renderImage(image)}</div>\n      ) : null}\n      {title && (\n        <Typography\n          className=\"neeto-ui-text-center\"\n          data-cy=\"no-data-title\"\n          lineHeight=\"none\"\n          style=\"h3\"\n        >\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__description\"\n          data-cy=\"no-data-description\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      )}\n      {helpText && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__help-text\"\n          data-cy=\"no-data-help-text\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {helpText}\n        </Typography>\n      )}\n      {(hasPrimaryButtonProps || hasSecondaryButtonProps) && (\n        <div className=\"neeto-ui-no-data__action-block\">\n          {hasPrimaryButtonProps && (\n            <Button data-cy=\"no-data-primary-button\" {...primaryButtonProps} />\n          )}\n          {showButtonSeparator && (\n            <Typography lineHeight=\"normal\" style=\"body2\">\n              {buttonSeparatorText}\n            </Typography>\n          )}\n          {hasSecondaryButtonProps && (\n            <Button\n              data-cy=\"no-data-secondary-button\"\n              style=\"secondary\"\n              {...secondaryButtonProps}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNoData.propTypes = {\n  /**\n   * To specify the image.\n   */\n  image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To specify the title text.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the description text.\n   */\n  description: PropTypes.node,\n  /**\n   * To specify the text that appears below the description.\n   */\n  helpText: PropTypes.node,\n  /**\n   * Provide external classnames to NoData component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the primary button.\n   */\n  primaryButtonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the secondary button.\n   */\n  secondaryButtonProps: PropTypes.object,\n  /**\n   * To specify the text that appears between the primary and secondary buttons.\n   * */\n  buttonSeparatorText: PropTypes.string,\n};\n\nexport default NoData;\n"],"names":["renderImage","image","React","createElement","src","NoData","_ref","_ref$image","_ref$title","title","_ref$description","description","_ref$helpText","helpText","_ref$className","className","_ref$primaryButtonPro","primaryButtonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$buttonSeparatorT","buttonSeparatorText","otherProps","_objectWithoutProperties","_excluded","hasPrimaryButtonProps","isEmpty","hasSecondaryButtonProps","hasButtonSeparatorText","showButtonSeparator","_extends","classnames","Typography","lineHeight","style","Button"],"mappings":"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"}

package/dist/Pagination.js

@@ -0,0 +1,178 @@
+import React__default, { useMemo } from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { Left, Right } from '@bigbinary/neeto-icons';
+import { mergeLeft } from 'ramda';
+import { useHistory } from 'react-router-dom';
+import './index-7fae3611.js';
+import './overlayManager.js';
+import { b as buildUrl } from './index-c8d9113c.js';
+import { u as useQueryParams } from './useQueryParams-4e7ddcf8.js';
+import { a as _toConsumableArray } from './toConsumableArray-1186e144.js';
+import './createClass-601a36b2.js';
+import './toPropertyKey-bdc24cb9.js';
+import './slicedToArray-45fa766e.js';
+import '@bigbinary/neeto-cist';
+import 'util';
+import './defineProperty-e5245270.js';
+
+var DOTS = "...";
+
+var usePaginationQueryParams = function usePaginationQueryParams() {
+  var queryParams = useQueryParams();
+  var history = useHistory();
+  var updatePageInQueryParam = function updatePageInQueryParam(page) {
+    var params = {
+      page: page
+    };
+    var pathname = window.location.pathname;
+    history.push(buildUrl(pathname, mergeLeft(params, queryParams)));
+  };
+  return {
+    updatePageInQueryParam: updatePageInQueryParam
+  };
+};
+
+var range = function range(start, end) {
+  var length = end - start + 1;
+  return Array.from({
+    length: length
+  }, function (_, index) {
+    return index + start;
+  });
+};
+var usePagination = function usePagination(_ref) {
+  var count = _ref.count,
+    pageSize = _ref.pageSize,
+    _ref$siblingCount = _ref.siblingCount,
+    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
+    pageNo = _ref.pageNo;
+  var paginationRange = useMemo(function () {
+    var totalPageCount = Math.ceil(count / pageSize);
+
+    // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS
+    var totalPageNumbers = siblingCount + 5;
+
+    // If the number of pages is less than the page numbers we want to show in our
+    // paginationComponent, we return the range [1..totalPageCount]
+    if (totalPageNumbers >= totalPageCount) {
+      return range(1, totalPageCount);
+    }
+
+    // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount
+    var leftSiblingIndex = Math.max(pageNo - siblingCount, 1);
+    var rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);
+
+    // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2
+    var shouldShowLeftDots = leftSiblingIndex > 2;
+    var shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+    var firstPageIndex = 1;
+    var lastPageIndex = totalPageCount;
+
+    // Case 2: No left dots to show, but rights dots to be shown
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      var leftItemCount = 3 + 2 * siblingCount;
+      var leftRange = range(1, leftItemCount);
+      return [].concat(_toConsumableArray(leftRange), [DOTS, totalPageCount]);
+    }
+
+    // Case 3: No right dots to show, but left dots to be shown
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      var rightItemCount = 3 + 2 * siblingCount;
+      var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
+      return [firstPageIndex, DOTS].concat(_toConsumableArray(rightRange));
+    }
+
+    // Case 4: Both left and right dots to be shown
+    if (shouldShowLeftDots && shouldShowRightDots) {
+      var middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      return [firstPageIndex, DOTS].concat(_toConsumableArray(middleRange), [DOTS, lastPageIndex]);
+    }
+    return undefined;
+  }, [count, pageSize, siblingCount, pageNo]);
+  return paginationRange;
+};
+
+var Pagination = function Pagination(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    pageNo = _ref.pageNo,
+    navigate = _ref.navigate,
+    pageSize = _ref.pageSize,
+    _ref$siblingCount = _ref.siblingCount,
+    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var paginationRange = usePagination({
+    pageNo: pageNo,
+    count: count,
+    siblingCount: siblingCount,
+    pageSize: pageSize
+  });
+  var _usePaginationQueryPa = usePaginationQueryParams(),
+    updatePageInQueryParam = _usePaginationQueryPa.updatePageInQueryParam;
+  if (!navigate) navigate = updatePageInQueryParam;
+  if (pageNo === 0 || paginationRange.length < 2) {
+    return null;
+  }
+  var onNext = function onNext() {
+    if (!isLastPage) navigate(pageNo + 1);
+  };
+  var onPrevious = function onPrevious() {
+    if (!isFirstPage) navigate(pageNo - 1);
+  };
+  var lastPage = paginationRange[paginationRange.length - 1];
+  var isFirstPage = pageNo === 1;
+  var isLastPage = pageNo === lastPage;
+  return /*#__PURE__*/React__default.createElement("nav", {
+    "aria-label": "Pagination Navigation",
+    role: "navigation"
+  }, /*#__PURE__*/React__default.createElement("ul", {
+    className: classnames(["neeto-ui-pagination__wrapper", className])
+  }, /*#__PURE__*/React__default.createElement("li", {
+    "data-testid": "left-navigate-button",
+    tabIndex: 0,
+    className: classnames({
+      "neeto-ui-pagination__item": true,
+      "neeto-ui-pagination__item--navigate": true,
+      disabled: isFirstPage
+    }),
+    onClick: onPrevious
+  }, /*#__PURE__*/React__default.createElement("a", null, /*#__PURE__*/React__default.createElement(Left, {
+    size: 20
+  }))), paginationRange.map(function (pageNumber, index) {
+    var isActive = pageNumber === pageNo;
+    if (pageNumber === DOTS) {
+      return /*#__PURE__*/React__default.createElement("li", {
+        className: "neeto-ui-pagination__item neeto-ui-pagination__item--dots",
+        "data-testid": "dots",
+        key: index
+      }, "\u2026");
+    }
+    return /*#__PURE__*/React__default.createElement("li", {
+      "aria-current": isActive && true,
+      key: index,
+      tabIndex: 0,
+      "aria-label": isActive ? "Current Page, Page ".concat(pageNumber) : "Goto Page ".concat(pageNumber),
+      className: classnames("neeto-ui-pagination__item", {
+        active: isActive
+      }),
+      onClick: function onClick() {
+        return navigate(pageNumber);
+      }
+    }, /*#__PURE__*/React__default.createElement("a", null, pageNumber));
+  }), /*#__PURE__*/React__default.createElement("li", {
+    "data-testid": "right-navigate-button",
+    tabIndex: 0,
+    className: classnames({
+      "neeto-ui-pagination__item": true,
+      "neeto-ui-pagination__item--navigate": true,
+      disabled: isLastPage
+    }),
+    onClick: onNext
+  }, /*#__PURE__*/React__default.createElement("a", null, /*#__PURE__*/React__default.createElement(Right, {
+    size: 20
+  })))));
+};
+
+export { Pagination as default };
+//# sourceMappingURL=Pagination.js.map