@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/cjs/MultiEmailInput.js

@@ -0,0 +1,314 @@
+'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 CreatableSelect = require('react-select/creatable');
+var index = require('./index-6e09c7bc.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var SelectInput = require('react-select');
+var Tag = require('./Tag.js');
+var Label = require('./Label.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./createClass-80e17c6a.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('./index-773961dd.js');
+require('tippy.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 CreatableSelect__default = /*#__PURE__*/_interopDefaultLegacy(CreatableSelect);
+
+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(SelectInput.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(SelectInput.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(SelectInput.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(SelectInput.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(SelectInput.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(SelectInput.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(SelectInput.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(CreatableSelect__default["default"], _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

package/dist/cjs/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":"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"}

package/dist/cjs/NoData.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var ramda = require('ramda');
+var Button = require('./Button.js');
+var Typography = require('./Typography.js');
+require('./defineProperty-ee86604b.js');
+require('./toPropertyKey-bfa2e465.js');
+require('framer-motion');
+require('react-router-dom');
+require('./index-773961dd.js');
+require('./slicedToArray-732a2048.js');
+require('tippy.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 renderImage = function renderImage(image) {
+  return typeof image === "string" ? /*#__PURE__*/React__default["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._objectWithoutProperties(_ref, _excluded);
+  var hasPrimaryButtonProps = !ramda.isEmpty(primaryButtonProps);
+  var hasSecondaryButtonProps = !ramda.isEmpty(secondaryButtonProps);
+  var hasButtonSeparatorText = !ramda.isEmpty(buttonSeparatorText);
+  var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
+    className: index.classnames("neeto-ui-no-data", [className]),
+    "data-cy": "no-data-container"
+  }, otherProps), image ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-no-data__image"
+  }, renderImage(image)) : null, title && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-text-center",
+    "data-cy": "no-data-title",
+    lineHeight: "none",
+    style: "h3"
+  }, title), description && /*#__PURE__*/React__default["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["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["default"].createElement("div", {
+    className: "neeto-ui-no-data__action-block"
+  }, hasPrimaryButtonProps && /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+    "data-cy": "no-data-primary-button"
+  }, primaryButtonProps)), showButtonSeparator && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    lineHeight: "normal",
+    style: "body2"
+  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+    "data-cy": "no-data-secondary-button",
+    style: "secondary"
+  }, secondaryButtonProps))));
+};
+
+module.exports = NoData;
+//# sourceMappingURL=NoData.js.map

package/dist/cjs/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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"}