@bigbinary/neetoui 8.3.18 → 8.3.19

package/dist/{Textarea-TKn0l0RC.js.map → Textarea-B1Wqt9xd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Textarea-TKn0l0RC.js","sources":["../src/hooks/useSyncedRef.js","../src/components/Textarea.jsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nconst useSyncedRef = ref => {\n  const innerRef = useRef();\n\n  useEffect(() => {\n    if (!ref) return;\n\n    if (typeof ref === \"function\") {\n      ref(innerRef.current);\n    } else {\n      ref.current = innerRef.current;\n    }\n  });\n\n  return innerRef;\n};\n\nexport default useSyncedRef;\n","import React, { useState, useEffect, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useSyncedRef, useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst ROWS = { small: 1, medium: 3, large: 4 };\n\nconst RESIZE = { vertical: \"vertical\", none: \"none\" };\n\nconst Textarea = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      resize = RESIZE.vertical,\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      required = false,\n      nakedTextarea = false,\n      helpText = \"\",\n      error = \"\",\n      label = \"\",\n      className = \"\",\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      onBlur,\n      disableTrimOnBlur = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(\"\");\n\n    const value = otherProps.value ?? valueInternal ?? \"\";\n\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n    const textareaRef = useSyncedRef(ref);\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChangeInternal = e => setValueInternal(e.target.value);\n    const onChange = otherProps.onChange ?? onChangeInternal;\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    useEffect(() => {\n      textareaRef.current.style.minHeight = \"22px\";\n      textareaRef.current.style.height = \"auto\";\n      const scrollHeight = textareaRef.current.scrollHeight;\n      textareaRef.current.style.height = `${scrollHeight + 1}px`;\n    }, [value]);\n\n    const handleTrimmedChangeOnBlur = e => {\n      if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n      const trimmedValue = value.trim();\n      if (value === trimmedValue) return;\n\n      e.target.value = trimmedValue;\n      onChange(e);\n    };\n\n    const handleOnBlur = e => {\n      handleTrimmedChangeOnBlur(e);\n      onBlur?.(e);\n    };\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${hyphenize(label)}-text-input-label`}\n          className={classnames(\"neeto-ui-input\", \"neeto-ui-input--textarea\", {\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--naked\": !!nakedTextarea,\n            \"neeto-ui-input--small\": size === SIZES.small,\n            \"neeto-ui-input--medium\": size === SIZES.medium,\n            \"neeto-ui-input--large\": size === SIZES.large,\n            \"neeto-ui-input--resize--vertical\": resize === RESIZE.vertical,\n            \"neeto-ui-input--resize--none\": resize === RESIZE.none,\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <textarea\n            data-cy={`${hyphenize(label)}-text-input`}\n            ref={textareaRef}\n            rows={ROWS[size]}\n            {...{\n              disabled,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              onChange,\n              value,\n            }}\n            onBlur={handleOnBlur}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p className=\"neeto-ui-input__help-text\" id={helpTextId}>\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nTextarea.propTypes = {\n  /**\n   * To specify the row height of the Textarea.\n   */\n  rows: PropTypes.number,\n  /**\n   * To specify the size of Textarea.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the label shown above the Textarea.\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 provide the value of the Textarea.\n   */\n  value: PropTypes.string,\n  /**\n   * To provide the error message shown below the Textarea.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide the placeholder text for the Textarea.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the Textarea is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify whether the Textarea is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To provide additional classnames to the Textarea container.\n   */\n  className: PropTypes.string,\n  /**\n   * The resize property sets whether the Textarea is resizable.\n   */\n  resize: PropTypes.oneOf(Object.values(RESIZE)),\n  /**\n   * To specify the text that appears below the Textarea.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To create a Textarea without any borders.\n   */\n  nakedTextarea: PropTypes.bool,\n  /**\n   * To specify a maximum character limit to the Textarea. Charater limit is visible only if the Textarea value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the content to be added at the end of the Textarea.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Textarea.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Textarea;\n"],"names":["useSyncedRef","ref","innerRef","useRef","useEffect","current","SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","_ref2","_otherProps$value","_otherProps$onChange","_ref$size","size","_ref$resize","resize","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$required","required","_ref$nakedTextarea","nakedTextarea","_ref$helpText","helpText","_ref$error","error","_ref$label","label","_ref$className","className","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","valueInternal","setValueInternal","value","id","useId","errorId","concat","helpTextId","textareaRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","style","minHeight","height","scrollHeight","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","rows","_objectSpread","displayName"],"mappings":"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"}
+{"version":3,"file":"Textarea-B1Wqt9xd.js","sources":["../src/hooks/useSyncedRef.js","../src/components/Textarea.jsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nconst useSyncedRef = ref => {\n  const innerRef = useRef();\n\n  useEffect(() => {\n    if (!ref) return;\n\n    if (typeof ref === \"function\") {\n      ref(innerRef.current);\n    } else {\n      ref.current = innerRef.current;\n    }\n  });\n\n  return innerRef;\n};\n\nexport default useSyncedRef;\n","import React, { useState, useEffect, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useSyncedRef, useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst ROWS = { small: 1, medium: 3, large: 4 };\n\nconst RESIZE = { vertical: \"vertical\", none: \"none\" };\n\nconst Textarea = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      resize = RESIZE.vertical,\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      required = false,\n      nakedTextarea = false,\n      helpText = \"\",\n      error = \"\",\n      label = \"\",\n      className = \"\",\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      onBlur,\n      disableTrimOnBlur = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(\"\");\n\n    const value = otherProps.value ?? valueInternal ?? \"\";\n\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n    const textareaRef = useSyncedRef(ref);\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChangeInternal = e => setValueInternal(e.target.value);\n    const onChange = otherProps.onChange ?? onChangeInternal;\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    useEffect(() => {\n      textareaRef.current.style.minHeight = \"22px\";\n      textareaRef.current.style.height = \"auto\";\n      const scrollHeight = textareaRef.current.scrollHeight;\n      textareaRef.current.style.height = `${scrollHeight + 1}px`;\n    }, [value]);\n\n    const handleTrimmedChangeOnBlur = e => {\n      if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n      const trimmedValue = value.trim();\n      if (value === trimmedValue) return;\n\n      e.target.value = trimmedValue;\n      onChange(e);\n    };\n\n    const handleOnBlur = e => {\n      handleTrimmedChangeOnBlur(e);\n      onBlur?.(e);\n    };\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${hyphenize(label)}-text-input-label`}\n          className={classnames(\"neeto-ui-input\", \"neeto-ui-input--textarea\", {\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--naked\": !!nakedTextarea,\n            \"neeto-ui-input--small\": size === SIZES.small,\n            \"neeto-ui-input--medium\": size === SIZES.medium,\n            \"neeto-ui-input--large\": size === SIZES.large,\n            \"neeto-ui-input--resize--vertical\": resize === RESIZE.vertical,\n            \"neeto-ui-input--resize--none\": resize === RESIZE.none,\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <textarea\n            data-cy={`${hyphenize(label)}-text-input`}\n            ref={textareaRef}\n            rows={ROWS[size]}\n            {...{\n              disabled,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              onChange,\n              value,\n            }}\n            onBlur={handleOnBlur}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p className=\"neeto-ui-input__help-text\" id={helpTextId}>\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nTextarea.propTypes = {\n  /**\n   * To specify the row height of the Textarea.\n   */\n  rows: PropTypes.number,\n  /**\n   * To specify the size of Textarea.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the label shown above the Textarea.\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 provide the value of the Textarea.\n   */\n  value: PropTypes.string,\n  /**\n   * To provide the error message shown below the Textarea.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide the placeholder text for the Textarea.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the Textarea is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify whether the Textarea is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To provide additional classnames to the Textarea container.\n   */\n  className: PropTypes.string,\n  /**\n   * The resize property sets whether the Textarea is resizable.\n   */\n  resize: PropTypes.oneOf(Object.values(RESIZE)),\n  /**\n   * To specify the text that appears below the Textarea.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To create a Textarea without any borders.\n   */\n  nakedTextarea: PropTypes.bool,\n  /**\n   * To specify a maximum character limit to the Textarea. Charater limit is visible only if the Textarea value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the content to be added at the end of the Textarea.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Textarea.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Textarea;\n"],"names":["useSyncedRef","ref","innerRef","useRef","useEffect","current","SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","_ref2","_otherProps$value","_otherProps$onChange","_ref$size","size","_ref$resize","resize","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$required","required","_ref$nakedTextarea","nakedTextarea","_ref$helpText","helpText","_ref$error","error","_ref$label","label","_ref$className","className","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","valueInternal","setValueInternal","value","id","useId","errorId","concat","helpTextId","textareaRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","style","minHeight","height","scrollHeight","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","rows","_objectSpread","displayName"],"mappings":"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"}

package/dist/Textarea.js

@@ -8,15 +8,15 @@ import './useId-Jj9hXm-g.js';
 import 'react-router-dom';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import './index-BCP3m_SF.js';
+import './index-Dxaw6gl9.js';
 import 'qs';
-export { T as default } from './Textarea-TKn0l0RC.js';
+export { T as default } from './Textarea-B1Wqt9xd.js';
 import './Label.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@bigbinary/neeto-cist';
 import 'ramda';
-import './en-_r5-MxJe.js';
+import './en-CIkXIYyl.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'dayjs';
 import 'dayjs/plugin/localeData';

package/dist/TimePicker.js

@@ -22,10 +22,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
 import 'react-colorful';
-import './useRecentlyUsedColors-CJe4G0Xs.js';
+import './useRecentlyUsedColors-CqUfqfck.js';
 import './Dropdown.js';
-import './index-BCP3m_SF.js';
-export { T as default } from './index-DqcLcdQ2.js';
+import './index-Dxaw6gl9.js';
+export { T as default } from './index-CdlB9O5q.js';
 import './Input.js';
 import './Label.js';
 import './MultiEmailInput.js';
@@ -34,7 +34,7 @@ import './useId-Jj9hXm-g.js';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import 'qs';
-import './Textarea-TKn0l0RC.js';
+import './Textarea-B1Wqt9xd.js';
 import './Pane.js';
 import './Popover.js';
 import 'framer-motion';
@@ -55,14 +55,14 @@ import './Switch.js';
 import './Tab.js';
 import 'antd/lib/table';
 import 'react-drag-listview';
-import './useRestoreScrollPosition-9jPpcAT1.js';
+import './useRestoreScrollPosition-C1NSANQW.js';
 import 'react-resizable';
 import './Tag.js';
 import './Toastr.js';
 import 'i18next';
 import 'antd/lib/tree';
 import './TreeSelect.js';
-import './en-_r5-MxJe.js';
+import './en-CIkXIYyl.js';
 import 'dayjs';
 import 'dayjs/plugin/localeData';
 import 'dayjs/plugin/utc';
@@ -70,7 +70,7 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import './Spinner.js';
 import './Tooltip.js';
-import './useOverlayManager-U3cqV61l.js';
+import './useOverlayManager-AZIGhUYS.js';
 import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import '@babel/runtime/helpers/esm/inheritsLoose';
 import 'antd/lib/date-picker';

package/dist/Toastr.js

@@ -7,14 +7,14 @@ import React__default from 'react';
 import { t } from 'i18next';
 import { Close, CheckCircle, Warning, Info } from '@bigbinary/neeto-icons';
 import { Slide, toast } from 'react-toastify';
-import { n as noop, U as UniqueArray } from './index-BCP3m_SF.js';
+import { n as noop, U as UniqueArray } from './index-Dxaw6gl9.js';
 import Linkify from 'linkify-react';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@bigbinary/neeto-cist';
 import 'qs';
 import 'ramda';
-import './en-_r5-MxJe.js';
+import './en-CIkXIYyl.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'dayjs';
 import 'dayjs/plugin/localeData';

package/dist/TranslationProvider.js

@@ -1,7 +1,7 @@
 import React__default, { useEffect } from 'react';
 import { initReactI18next, I18nextProvider } from 'react-i18next';
 import i18n from 'i18next';
-import { e as enTranslations } from './en-_r5-MxJe.js';
+import { e as enTranslations } from './en-CIkXIYyl.js';
 
 var neetoui$5 = {
 	blockNavigation: {

package/dist/Tree.js

@@ -7,7 +7,7 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { ANTD_LOCALE } from './constants.js';
-import { A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-BCP3m_SF.js';
+import { A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-Dxaw6gl9.js';
 import { Down, Right } from '@bigbinary/neeto-icons';
 import 'antd/locale/de_DE';
 import 'antd/locale/en_US';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/createClass';
 import '@bigbinary/neeto-cist';
 import 'qs';
 import 'ramda';
-import './en-_r5-MxJe.js';
+import './en-CIkXIYyl.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'dayjs';
 import 'dayjs/plugin/localeData';

package/dist/TreeSelect.js

@@ -7,7 +7,7 @@ import React__default, { forwardRef } from 'react';
 import classnames from 'classnames';
 import { Down } from '@bigbinary/neeto-icons';
 import { useTranslation } from 'react-i18next';
-import { g as getLocale, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-BCP3m_SF.js';
+import { g as getLocale, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-Dxaw6gl9.js';
 import { ANTD_LOCALE } from './constants.js';
 import Label from './Label.js';
 import '@babel/runtime/helpers/slicedToArray';
@@ -16,7 +16,7 @@ import '@babel/runtime/helpers/createClass';
 import '@bigbinary/neeto-cist';
 import 'qs';
 import 'ramda';
-import './en-_r5-MxJe.js';
+import './en-CIkXIYyl.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'dayjs';
 import 'dayjs/plugin/localeData';

package/dist/cjs/ActionDropdown.js

@@ -5,7 +5,7 @@ var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var classnames = require('classnames');
-var index = require('./index-BG9I04iF.js');
+var index = require('./index--BeRLo6L.js');
 var Button = require('./Button.js');
 var Dropdown = require('./Dropdown.js');
 require('@babel/runtime/helpers/slicedToArray');
@@ -14,7 +14,7 @@ require('@babel/runtime/helpers/createClass');
 require('@bigbinary/neeto-cist');
 require('qs');
 require('ramda');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');

package/dist/cjs/Alert.js

@@ -15,7 +15,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('@tippyjs/react');
 require('tippy.js');
 require('@bigbinary/neeto-icons');
-require('./useOverlayManager-D5NTaYt6.js');
+require('./useOverlayManager-CxBh9gVG.js');
 require('@babel/runtime/helpers/esm/extends');
 require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
 require('@babel/runtime/helpers/esm/inheritsLoose');
@@ -25,10 +25,10 @@ require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('./index-BG9I04iF.js');
+require('./index--BeRLo6L.js');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');

package/dist/cjs/Checkbox.js

@@ -9,7 +9,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react-router-dom');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index = require('./index-BG9I04iF.js');
+var index = require('./index--BeRLo6L.js');
 require('@babel/runtime/helpers/defineProperty');
 require('qs');
 var Label = require('./Label.js');
@@ -17,7 +17,7 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('@bigbinary/neeto-cist');
 require('ramda');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');

package/dist/cjs/ColorPicker.js

@@ -11,11 +11,11 @@ var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var reactColorful = require('react-colorful');
 var reactI18next = require('react-i18next');
-var useRecentlyUsedColors = require('./useRecentlyUsedColors-DmV1uj1F.js');
+var useRecentlyUsedColors = require('./useRecentlyUsedColors-3cKx-eDH.js');
 var Button = require('./Button.js');
 var Dropdown = require('./Dropdown.js');
 var Typography = require('./Typography.js');
-var index = require('./index-BG9I04iF.js');
+var index = require('./index--BeRLo6L.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react-router-dom');
 require('./Spinner.js');
@@ -27,7 +27,7 @@ require('@bigbinary/neeto-cist');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('qs');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');

package/dist/cjs/DatePicker.js

@@ -25,10 +25,10 @@ require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
 require('react-colorful');
 require('react-i18next');
-require('./useRecentlyUsedColors-DmV1uj1F.js');
+require('./useRecentlyUsedColors-3cKx-eDH.js');
 require('./Dropdown.js');
-require('./index-BG9I04iF.js');
-var DatePicker = require('./index-Be_yfDyM.js');
+require('./index--BeRLo6L.js');
+var DatePicker = require('./index-DznzhU1z.js');
 require('./Input.js');
 require('./Label.js');
 require('./MultiEmailInput.js');
@@ -37,7 +37,7 @@ require('./useId-DXHUzdxd.js');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('qs');
-require('./Textarea-DdURL8Dd.js');
+require('./Textarea-BVpw9Xq1.js');
 require('./Pane.js');
 require('./Popover.js');
 require('framer-motion');
@@ -64,14 +64,14 @@ require('./Switch.js');
 require('./Tab.js');
 require('antd/lib/table');
 require('react-drag-listview');
-require('./useRestoreScrollPosition-ByQwrqTS.js');
+require('./useRestoreScrollPosition-PsoENtiB.js');
 require('react-resizable');
 require('./Tag.js');
 require('./Toastr.js');
 require('i18next');
 require('antd/lib/tree');
 require('./TreeSelect.js');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
@@ -79,7 +79,7 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('./Spinner.js');
 require('./Tooltip.js');
-require('./useOverlayManager-D5NTaYt6.js');
+require('./useOverlayManager-CxBh9gVG.js');
 require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
 require('@babel/runtime/helpers/esm/inheritsLoose');
 require('./constants.js');

package/dist/cjs/Dropdown.js

@@ -10,7 +10,7 @@ var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var ramda = require('ramda');
 var Button = require('./Button.js');
-var index = require('./index-BG9I04iF.js');
+var index = require('./index--BeRLo6L.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Tooltip = require('./Tooltip.js');
 var reactRouterDom = require('react-router-dom');
@@ -19,7 +19,7 @@ require('tippy.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('qs');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');

package/dist/cjs/Input.js

@@ -10,14 +10,14 @@ var useId = require('./useId-DXHUzdxd.js');
 require('react-router-dom');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index = require('./index-BG9I04iF.js');
+var index = require('./index--BeRLo6L.js');
 require('qs');
 var ramda = require('ramda');
 var Label = require('./Label.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('@bigbinary/neeto-cist');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');

package/dist/cjs/Modal.js

@@ -7,7 +7,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var useOverlayManager = require('./useOverlayManager-D5NTaYt6.js');
+var useOverlayManager = require('./useOverlayManager-CxBh9gVG.js');
 var Button = require('./Button.js');
 require('react-router-dom');
 require('qs');
@@ -21,9 +21,9 @@ require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('./index-BG9I04iF.js');
+require('./index--BeRLo6L.js');
 require('@bigbinary/neeto-cist');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');

package/dist/cjs/MultiEmailInput.js

@@ -9,7 +9,7 @@ var React = require('react');
 var classnames = require('classnames');
 var ramda = require('ramda');
 var reactSelectCreatable_esm = require('./react-select-creatable.esm-Bdv9YAMt.js');
-var index = require('./index-BG9I04iF.js');
+var index = require('./index--BeRLo6L.js');
 var _toArray = require('@babel/runtime/helpers/toArray');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var Tag = require('./Tag.js');
@@ -36,7 +36,7 @@ require('@babel/runtime/helpers/createSuper');
 require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('@babel/runtime/helpers/typeof');
 require('qs');
-require('./en-DhnUUSB_.js');
+require('./en-K2ZIAV2F.js');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
@@ -247,6 +247,10 @@ var getValidEmailsCount = function getValidEmailsCount(values) {
 var renderDefaultText = function renderDefaultText(count) {
   return count === 1 ? "email" : "emails";
 };
+var renderDuplicateEmailsWarningMessage = function renderDuplicateEmailsWarningMessage(duplicateEmails) {
+  var count = duplicateEmails.length;
+  return "Removed ".concat(count, " duplicate ").concat(renderDefaultText(count), " from the list: ").concat(duplicateEmails.join(", "));
+};
 
 var _excluded = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount", "isCreateable", "isAlwaysExpanded"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -433,7 +437,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, helpText), !!duplicateEmails.length && /*#__PURE__*/React.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(index.hyphenize(label), "-duplicate-emails-warning")
-  }, "Duplicate emails detected and removed (matched case-insensitively):", " ", duplicateEmails.join(", ")));
+  }, renderDuplicateEmailsWarningMessage(duplicateEmails)));
 });
 MultiEmailInput.displayName = "MultiEmailInput";