@ntbjs/react-components 2.0.0-rc.6 → 2.0.1-rc.31

package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelCheckboxSelect.js","sources":["../../../src/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './MultiLevelCheckboxSelect.styled';\nimport { Popover } from '../../data';\nimport MultiLevelCheckbox from '../MultiLevelCheckbox';\nimport TextInput from '../TextInput';\nimport { SectionSeparator } from '../../layout';\nimport { ReactComponent as SearchIcon } from '../../../icons/search.svg';\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\nimport { findChildValues, NodeType } from '../MultiLevelCheckbox';\nimport { useEventListener } from '../../../hooks/useEventListner';\nimport { useOnClickOutside } from '../../../hooks/useOnClickOutside';\nimport useUpdateEffect from '@restart/hooks/useUpdateEffect';\nimport { isFunction } from 'lodash';\n\n/**\n * MultiLevelCheckboxSelect allow the user to select one or more items from a nested set into a MultiSelect-styled input.\n *\n * This component is controlled which means that the consumer will have to keep track of what options are selected. The selected options should be provided to the `checked`-prop. On any selection or deselection onChange will be called with an updated `checked`-list.\n *\n * ### Import\n *\n * ```js\n * import { MultiLevelCheckboxSelect } from '@ntbjs/react-components/inputs'\n * // or\n * import MultiLevelCheckboxSelect from '@ntbjs/react-components/inputs/MultiLevelCheckboxSelect'\n * ```\n */\nconst MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSelect(\n  {\n    label,\n    options,\n    checked: checkedProp,\n    placeholder,\n    noResultsText,\n    onChange,\n    onParentChange,\n    ...props\n  },\n  forwardedRef\n) {\n  const inputRef = useRef(null);\n  const popoverContentRef = useRef(null);\n  const searchInputRef = useRef(null);\n  // const [internalChecked, setInternalChecked] = useState([]);\n  const [searchString, setSearchString] = useState('');\n  const [open, setOpen] = useState(false);\n\n  const handleClickInside = useCallback(() => {\n    setOpen(true);\n    searchInputRef.current?.focus();\n  }, []);\n\n  const handleKeyDown = useCallback(\n    event => {\n      if (!open) return;\n      if (event.key === 'Escape') {\n        setOpen(false);\n      }\n    },\n    [open]\n  );\n\n  useEventListener('focus', handleClickInside, inputRef);\n  useEventListener('mousedown', handleClickInside, inputRef);\n  useEventListener('keydown', handleKeyDown);\n\n  const handleClickOutside = event => {\n    if (\n      popoverContentRef?.current === event.target ||\n      popoverContentRef?.current?.contains(event.target)\n    ) {\n      return;\n    }\n    setOpen(false);\n  };\n\n  useOnClickOutside(inputRef, handleClickOutside);\n\n  const checked = useMemo(() => {\n    const checkedParents = [];\n\n    function iterate(nodes) {\n      nodes.forEach(node => {\n        if (checkedProp.includes(node.value)) {\n          return checkedParents.push(node.value);\n        }\n\n        if (node.children) {\n          iterate(node.children);\n        }\n      });\n    }\n\n    iterate(options);\n    return checkedParents.sort();\n  }, [JSON.stringify(options), JSON.stringify(checkedProp)]);\n\n  const getLabelByValue = useCallback(\n    (targetValue, nodes = options) => {\n      for (const node of nodes) {\n        if (node.value === targetValue) {\n          return node.label;\n        }\n\n        if (node.children) {\n          const result = getLabelByValue(targetValue, node.children);\n          if (result) {\n            return result;\n          }\n        }\n      }\n\n      return null; // Return null if the value is not found in the array\n    },\n    [options]\n  );\n\n  const removeItem = useCallback(\n    value => {\n      let node = null;\n\n      function findNodeByValue(options, value) {\n        for (let i = 0; i < options.length; i++) {\n          if (options[i].value === value) {\n            node = options[i];\n            break; // This will exit the loop when the condition is met\n          }\n\n          if (options[i].children) {\n            findNodeByValue(options[i].children, value);\n          }\n        }\n      }\n\n      findNodeByValue(options, value);\n\n      if (node) {\n        const childValues = findChildValues(node);\n        const valuesToRemove = [value, ...childValues];\n        onChange(checkedProp.filter(value => !valuesToRemove.includes(value)));\n      }\n    },\n    [options, checkedProp]\n  );\n\n  useUpdateEffect(() => {\n    if (isFunction(onParentChange)) {\n      onParentChange(checked);\n    }\n  }, [checked]);\n\n  return (\n    <S.MultiLevelCheckboxSelect ref={forwardedRef} {...props}>\n      <Popover\n        visible={open}\n        arrow={false}\n        placement={'bottom'}\n        offset={[0, 6]}\n        modifiers={[\n          {\n            name: 'sameWidth',\n            enabled: true,\n            phase: 'beforeWrite',\n            requires: ['computeStyles'],\n            fn: ({ state }) => {\n              state.styles.popper.width = `${state.rects.reference.width}px`;\n            },\n            effect: ({ state }) => {\n              state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n            }\n          }\n        ]}\n        content={\n          <S.PopoverContainer ref={popoverContentRef}>\n            <S.PopoverHeader>\n              <S.SearchContainer>\n                <TextInput\n                  ref={searchInputRef}\n                  onBlur={e => {\n                    if (open) {\n                      e.target.focus();\n                    }\n                  }}\n                  icon={<SearchIcon />}\n                  value={searchString}\n                  onChange={e => setSearchString(e.target.value)}\n                />\n              </S.SearchContainer>\n              <SectionSeparator />\n            </S.PopoverHeader>\n            <S.OptionsContainer>\n              <MultiLevelCheckbox\n                options={options}\n                checked={checkedProp}\n                search={searchString}\n                noResultsText={noResultsText}\n                onChange={onChange}\n              />\n            </S.OptionsContainer>\n          </S.PopoverContainer>\n        }\n      >\n        <S.MultiLevelCheckboxSelectInput tabIndex=\"0\" ref={inputRef}>\n          {label && <S.Label>{label}</S.Label>}\n          {checked.length === 0 && <S.Placeholder>{placeholder}</S.Placeholder>}\n          {checked.map(option => (\n            <S.Item key={option}>\n              <S.ItemLabel>{getLabelByValue(option)}</S.ItemLabel>\n              <S.ItemRemoveButton\n                onClick={() => {\n                  removeItem(option);\n                }}\n              >\n                <CloseIcon />\n              </S.ItemRemoveButton>\n            </S.Item>\n          ))}\n        </S.MultiLevelCheckboxSelectInput>\n      </Popover>\n    </S.MultiLevelCheckboxSelect>\n  );\n});\n\nMultiLevelCheckboxSelect.propTypes = {\n  /**\n   * Label text for the MultiLevelCheckbox\n   */\n  label: PropTypes.string,\n  /**\n   * The placeholder of the input. Text to be displayed on the input element when the component is enabled and not focused – e.g. \"Select categories...\"\n   */\n  placeholder: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.any.isRequired,\n      children: PropTypes.arrayOf(NodeType)\n    })\n  ).isRequired,\n\n  /**\n   * Array of checked option values\n   */\n  checked: PropTypes.array.isRequired,\n\n  /**\n   * Optional text to display when no results are found while searching.`\n   */\n  noResultsText: PropTypes.string,\n\n  /**\n   *  Callback function for the `onChange` event\n   */\n  onChange: PropTypes.func.isRequired,\n\n  /**\n   *  Callback function for the `onChange` event – returns only the checked parents\n   */\n  onParentChange: PropTypes.func\n};\n\nMultiLevelCheckboxSelect.defaultProps = {\n  checked: []\n};\n\nexport default MultiLevelCheckboxSelect;\n"],"names":["MultiLevelCheckboxSelect","React","forwardRef","label","options","checked","checkedProp","placeholder","noResultsText","onChange","onParentChange","props","forwardedRef","inputRef","useRef","popoverContentRef","searchInputRef","searchString","setSearchString","useState","open","setOpen","handleClickInside","useCallback","current","focus","handleKeyDown","event","key","useEventListener","handleClickOutside","target","contains","useOnClickOutside","useMemo","checkedParents","iterate","nodes","forEach","node","includes","value","push","children","sort","JSON","stringify","getLabelByValue","targetValue","result","removeItem","findNodeByValue","i","length","childValues","findChildValues","valuesToRemove","filter","useUpdateEffect","isFunction","createElement","S","_extends","ref","Popover","visible","arrow","placement","offset","modifiers","name","enabled","phase","requires","fn","state","styles","popper","width","rects","reference","effect","elements","style","offsetWidth","content","TextInput","onBlur","e","icon","SearchIcon","SectionSeparator","MultiLevelCheckbox","search","tabIndex","map","option","onClick","CloseIcon","propTypes","process","env","NODE_ENV","PropTypes","string","arrayOf","shape","isRequired","any","NodeType","array","func","defaultProps"],"mappings":"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"}

package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js

@@ -0,0 +1,118 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const MultiLevelCheckboxSelect = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+`;
+const MultiLevelCheckboxSelectInput = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  position: relative;
+  border: 1px solid;
+  ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))}
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  min-height: 44px;
+  box-sizing: border-box;
+  padding: 8px 6px;
+  border-radius: 3px;
+  transition: border-color 350ms;
+
+  &:focus-within {
+    ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'), 1)}
+  }
+`;
+const Item = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  background: #272727;
+  color: #f7f8f9;
+  font-size: 12px;
+  height: 26px;
+  border-radius: 3px;
+`;
+const ItemLabel = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  padding: 0 5px 0 8px;
+`;
+const ItemRemoveButton = styled.button.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  color: inherit;
+  border: none;
+  background: none;
+  -webkit-appearance: none;
+  height: 100%;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  padding: 0 7px;
+  cursor: pointer;
+
+  &:hover {
+    background: ${props => props.theme.getColor('red-500')};
+  }
+
+  & > svg {
+    width: 8px;
+    display: block;
+  }
+`;
+const Label = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  position: absolute;
+  top: -8px;
+  left: 7px;
+  line-height: 1.2;
+  font-size: 0.75rem;
+  font-weight: 400;
+  padding: 0 3px;
+  //padding: 0 0 4px;
+  letter-spacing: 0.03em;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))}
+  ${props => props.theme.themeProp('background', `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`, `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`)}
+`;
+const Placeholder = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  line-height: 26px;
+  padding-left: 4px;
+  opacity: 0.4;
+`;
+const PopoverContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  max-height: inherit;
+  display: flex;
+  flex-direction: column;
+`;
+const PopoverHeader = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
+`;
+const SearchContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  padding: 12px 8px;
+`;
+const OptionsContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  padding: 12px 8px;
+  overflow: auto;
+  box-sizing: border-box;
+`;
+
+export { Item, ItemLabel, ItemRemoveButton, Label, MultiLevelCheckboxSelect, MultiLevelCheckboxSelectInput, OptionsContainer, Placeholder, PopoverContainer, PopoverHeader, SearchContainer };
+//# sourceMappingURL=MultiLevelCheckboxSelect.styled.js.map

package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelCheckboxSelect.styled.js","sources":["../../../src/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const MultiLevelCheckboxSelect = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\nexport const MultiLevelCheckboxSelectInput = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  border: 1px solid;\n  ${props =>\n    props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-500'),\n      props.theme.getColor('gray-400')\n    )}\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  min-height: 44px;\n  box-sizing: border-box;\n  padding: 8px 6px;\n  border-radius: 3px;\n  transition: border-color 350ms;\n\n  &:focus-within {\n    ${props =>\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-500'),\n        props.theme.getColor('gray-600'),\n        1\n      )}\n  }\n`;\nexport const Item = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  background: #272727;\n  color: #f7f8f9;\n  font-size: 12px;\n  height: 26px;\n  border-radius: 3px;\n`;\n\nexport const ItemLabel = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding: 0 5px 0 8px;\n`;\nexport const ItemRemoveButton = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  color: inherit;\n  border: none;\n  background: none;\n  -webkit-appearance: none;\n  height: 100%;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 0 7px;\n  cursor: pointer;\n\n  &:hover {\n    background: ${props => props.theme.getColor('red-500')};\n  }\n\n  & > svg {\n    width: 8px;\n    display: block;\n  }\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: -8px;\n  left: 7px;\n  line-height: 1.2;\n  font-size: 0.75rem;\n  font-weight: 400;\n  padding: 0 3px;\n  //padding: 0 0 4px;\n  letter-spacing: 0.03em;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-600')\n    )}\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`,\n      `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`\n    )}\n`;\n\nexport const Placeholder = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  line-height: 26px;\n  padding-left: 4px;\n  opacity: 0.4;\n`;\n\nexport const PopoverContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  max-height: inherit;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const PopoverHeader = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n`;\nexport const SearchContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding: 12px 8px;\n`;\n\nexport const OptionsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding: 12px 8px;\n  overflow: auto;\n  box-sizing: border-box;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","MultiLevelCheckboxSelect","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","primaryFontFamily","MultiLevelCheckboxSelectInput","themeProp","getColor","Item","ItemLabel","ItemRemoveButton","button","Label","Placeholder","PopoverContainer","PopoverHeader","SearchContainer","OptionsContainer"],"mappings":"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"}

package/build/inputs/MultiLevelCheckboxSelect/index.js

@@ -0,0 +1,2 @@
+export { default } from './MultiLevelCheckboxSelect.js';
+//# sourceMappingURL=index.js.map

package/build/inputs/MultiLevelCheckboxSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{esm/components → build}/inputs/MultiSelect/MultiSelect.js

@@ -1,72 +1,42 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { nanoid } from 'nanoid';
-import { MultiSelectWrapper, AsyncCreatableMultiSelect, AsyncMultiSelect, CreatableMultiSelect, MultiSelect as MultiSelect$2, ShowMoreWrapper, ShowMoreOverlay, ShowMoreText, ErrorMessage, MultiValueRemove as MultiValueRemove$1, DropdownMenu, Option as Option$1, SelectedOption as SelectedOption$1, DropdownOptionDeleteIcon, Control, Label, ValueContainer, MultiValueWrapper, MultiValue, Input } from './MultiSelect.styled.js';
-import { ReactComponent as SvgClose } from '../../../icons/close.svg.js';
-import { r as react } from '../../../_virtual/index.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { MultiSelectWrapper, AsyncCreatableMultiSelect, AsyncMultiSelect, CreatableMultiSelect, MultiSelect as MultiSelect$1, ShowMoreWrapper, ShowMoreOverlay, ShowMoreText, ErrorMessage, MultiValueRemove as MultiValueRemove$1, DropdownMenu, Option as Option$1, SelectedOption as SelectedOption$1, DropdownOptionDeleteIcon, MultiValueWrapper, MultiValue } from './MultiSelect.styled.js';
+import { ReactComponent as SvgClose } from '../../icons/close.svg.js';
 
-const _excluded = ["label", "selectedOptions", "availableOptions", "loadOptions", "loadingMessageFunc", "onUpdateCallback", "editText", "createNewOptionMessageFunc", "noOptionsMessageFunc", "onMultiValueClick", "showMore", "showMoreText", "displayTotalOnShowMore", "creatable", "readOnly", "hidden", "disabled", "error", "warning"];
-const MultiSelect = React.forwardRef(function MultiSelect(_ref, forwardedRef) {
-  let {
-      label,
-      selectedOptions,
-      availableOptions,
-      loadOptions,
-      loadingMessageFunc,
-      onUpdateCallback,
-      editText,
-      createNewOptionMessageFunc,
-      noOptionsMessageFunc,
-      onMultiValueClick,
-      showMore,
-      showMoreText,
-      displayTotalOnShowMore,
-      creatable,
-      readOnly,
-      hidden,
-      disabled,
-      error,
-      warning
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [uniqueId] = react.exports.useState(nanoid());
-  const [selected, setSelected] = react.exports.useState(selectedOptions);
-  const [focused, setFocused] = react.exports.useState(false);
-  const [displayShowMore, setDisplayShowMore] = react.exports.useState(error || warning ? false : showMore);
-  const [cacheUnique, setCacheUnique] = react.exports.useState(0);
-  react.exports.useEffect(() => {
+const MultiSelect = React__default.forwardRef(function MultiSelect({
+  selectedOptions,
+  availableOptions,
+  loadOptions,
+  loadingMessageFunc,
+  onUpdateCallback,
+  editText,
+  createNewOptionMessageFunc,
+  noOptionsMessageFunc,
+  onMultiValueClick,
+  showMore,
+  showMoreText,
+  displayTotalOnShowMore,
+  creatable,
+  readOnly,
+  hidden,
+  disabled,
+  error,
+  warning,
+  ...props
+}, forwardedRef) {
+  const [selected, setSelected] = useState(selectedOptions);
+  const [focused, setFocused] = useState(false);
+  const [displayShowMore, setDisplayShowMore] = useState(error || warning ? false : showMore);
+  const [cacheUnique, setCacheUnique] = useState(0);
+  useEffect(() => {
     setSelected(selectedOptions);
   }, [selectedOptions]);
   const handleShowMoreClick = () => {
     setDisplayShowMore(false);
   };
-  const Control$1 = react.exports.useMemo(() => {
-    const ControlWrapper = innerProps => {
-      return React.createElement(Control, _extends({
-        className: "multi-select-control",
-        readOnly: readOnly
-      }, innerProps));
-    };
-    ControlWrapper.displayName = 'ControlWrapper';
-    return ControlWrapper;
-  }, []);
-  const ValueContainer$1 = react.exports.useMemo(() => {
-    const ValueContainerWrapper = innerProps => {
-      return React.createElement(React.Fragment, null, label && React.createElement(Label, {
-        htmlFor: uniqueId
-      }, label), React.createElement(ValueContainer, _extends({
-        showMore: displayShowMore,
-        error: error,
-        warning: warning,
-        className: "multi-select-values-container"
-      }, innerProps)));
-    };
-    ValueContainerWrapper.displayName = 'ValueContainerWrapper';
-    return ValueContainerWrapper;
-  }, [displayShowMore, error, warning]);
   const MultiValue$1 = innerProps => {
-    return React.createElement(MultiValueWrapper, {
+    return React__default.createElement(MultiValueWrapper, {
       className: "multi-value-wrapper",
       onMouseDown: e => {
         e.stopPropagation();
@@ -74,33 +44,17 @@ const MultiSelect = React.forwardRef(function MultiSelect(_ref, forwardedRef) {
           onMultiValueClick(innerProps.data);
         }
       }
-    }, React.createElement(MultiValue, _extends({
+    }, React__default.createElement(MultiValue, _extends({
       className: "multi-value",
       readOnly: readOnly
     }, innerProps)));
   };
-  const Input$1 = react.exports.useMemo(() => {
-    const InputWrapper = innerProps => {
-      return React.createElement(Input, _extends({
-        className: "multi-select-input",
-        $focused: focused,
-        edittext: editText
-      }, innerProps, {
-        isDisabled: readOnly || disabled
-      }));
-    };
-    InputWrapper.displayName = 'InputWrapper';
-    return InputWrapper;
-  }, [focused]);
   const innerComponents = {
     DropdownIndicator: null,
-    Control: Control$1,
     MultiValue: MultiValue$1,
     MultiValueRemove: innerProps => {
       return readOnly || disabled ? false : MultiValueRemove(innerProps);
     },
-    ValueContainer: ValueContainer$1,
-    Input: Input$1,
     Menu,
     Option: innerProps => {
       return innerProps.isSelected ? SelectedOption(innerProps) : Option(innerProps);
@@ -177,14 +131,14 @@ const MultiSelect = React.forwardRef(function MultiSelect(_ref, forwardedRef) {
     }
   };
   if (hidden) return null;
-  return React.createElement(MultiSelectWrapper, {
-    error: error,
-    warning: warning
-  }, loadOptions ? creatable ? React.createElement(AsyncCreatableMultiSelect, _extends({}, sharedSelectProps, props)) : React.createElement(AsyncMultiSelect, _extends({}, sharedSelectProps, props)) : creatable ? React.createElement(CreatableMultiSelect, _extends({}, sharedSelectProps, props)) : React.createElement(MultiSelect$2, _extends({}, sharedSelectProps, props)), displayShowMore && !(error || warning) && React.createElement(ShowMoreWrapper, {
+  return React__default.createElement(MultiSelectWrapper, {
+    $error: error,
+    $warning: warning
+  }, loadOptions ? creatable ? React__default.createElement(AsyncCreatableMultiSelect, _extends({}, sharedSelectProps, props)) : React__default.createElement(AsyncMultiSelect, _extends({}, sharedSelectProps, props)) : creatable ? React__default.createElement(CreatableMultiSelect, _extends({}, sharedSelectProps, props)) : React__default.createElement(MultiSelect$1, _extends({}, sharedSelectProps, props)), displayShowMore && !(error || warning) && React__default.createElement(ShowMoreWrapper, {
     onClick: handleShowMoreClick
-  }, React.createElement(ShowMoreOverlay, null), React.createElement(ShowMoreText, null, showMoreText, " ", displayTotalOnShowMore && '(' + selected.length + ')')), (typeof error === 'string' || typeof warning === 'string') && React.createElement(ErrorMessage, {
-    error: error,
-    warning: warning
+  }, React__default.createElement(ShowMoreOverlay, null), React__default.createElement(ShowMoreText, null, showMoreText, " ", displayTotalOnShowMore && '(' + selected.length + ')')), (typeof error === 'string' || typeof warning === 'string') && React__default.createElement(ErrorMessage, {
+    $error: error,
+    $warning: warning
   }, error ? error : warning));
 });
 MultiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -227,21 +181,21 @@ MultiSelect.defaultProps = {
   hidden: false
 };
 const MultiValueRemove = innerProps => {
-  return React.createElement(MultiValueRemove$1, innerProps, React.createElement(SvgClose, {
+  return React__default.createElement(MultiValueRemove$1, innerProps, React__default.createElement(SvgClose, {
     className: "multi-value-remove-icon"
   }));
 };
 const Menu = innerProps => {
-  return React.createElement(DropdownMenu, innerProps);
+  return React__default.createElement(DropdownMenu, innerProps);
 };
 const Option = innerProps => {
-  return React.createElement(Option$1, _extends({
+  return React__default.createElement(Option$1, _extends({
     className: "multi-select-dropdown-item"
   }, innerProps));
 };
 const SelectedOption = innerProps => {
-  return React.createElement(SelectedOption$1, innerProps, innerProps.label, React.createElement(DropdownOptionDeleteIcon, null));
+  return React__default.createElement(SelectedOption$1, innerProps, innerProps.label, React__default.createElement(DropdownOptionDeleteIcon, null));
 };
-var MultiSelect$1 = MultiSelect;
 
-export { MultiSelect$1 as default };
+export { MultiSelect as default };
+//# sourceMappingURL=MultiSelect.js.map

package/build/inputs/MultiSelect/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/inputs/MultiSelect/MultiSelect.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n// import { nanoid } from 'nanoid';\nimport * as S from './MultiSelect.styled';\n\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\n\n/**\n * Multi-select with autocomplete and support for asynchronous fetching/filtering of\n * available options with pagination, update handling with callback,\n * and the ability for the end-user to create new options.\n *\n * The component uses [react-select](https://react-select.com/) for the main select functionality,\n * with [react-select-async-paginate](https://www.npmjs.com/package/react-select-async-paginate) for pagination.\n *\n *\n * <br />### Import\n *\n * ``` js\n * import { MultiSelect } from '@ntbjs/react-components/inputs'\n * // or\n * import MultiSelect from '@ntbjs/react-components/inputs/MultiSelect'\n * ```\n *\n * <br />## Option `object` format\n * Options are represented by an `Array` of `objects` with the following format:\n *\n * ``` js\n * {\n *   value: \"Example\",\n *   label: \"Example\"\n * }\n * ```\n *\n * The `label` is what will visible to the end-user. Whether `value` and `label`\n * should be different will depend on your use-case, but they are not required to.\n *\n *\n * <br />## Update handling\n * Changes from the end-user to the selected/available options can be handled with a callback function\n * passed through the `onUpdateCallback` prop, which is triggered any time the selected values change.\n *\n * The callback function will be passed two arguments:\n * * `action: string`\n * * `updatedOption: object`\n *\n * <br />#### `action`\n * A `string` indicating what kind of update was made.\n *\n * The possible values of `action` are:\n * * `create-option`: an option that didn't exist in the original list of available options were added\n * * `select-option`: an option was selected\n * * `deselect-option`: an option was de-selected by clicking the X in the dropdown menu\n * * `remove-value`: an option was de-selected by clicking the X on the option label/box\n * * `pop-value`: an option was de-selected with backspace\n * * `clear`: all options were de-selected by clicking the clear indicator (not currently in use)\n *\n * <br />#### `updatedOption`\n * Option `object`of the updated option:\n *\n * In addition to the default `value` and `label` keys, an `__isNew__` flag will be present if the option was\n * not part of the original list of available options, i.e. created by the user in the current \"session\".\n * This is the case regardless of whether the list is provided through `availableOptions` or\n * asynchronously through `loadOptions`.\n *\n *\n * <br />## Asynchronous fetching/filtering with pagination\n * The list of available options can be fetched and filtered asynchronously with a `Promise`\n * passed through the `loadOptions` prop.\n *\n * It will be passed two arguments:\n *\n * * `inputValue: string`: current input value/search\n * * `prevOptions: Array`: previously loaded options for the current search\n *\n * The function is triggered and the first page is fetched when the dropdown menu opens.\n * Whenever the user scrolls down to the bottom of the list, `loadOptions` will\n * be triggered again to fetch the next page.\n *\n * The `Promise` should return an `object` with the following keys:\n *\n * ``` js\n * {\n *   options: Array,\n *   hasMore: boolean\n * }\n * ```\n *\n * `options` should contain the current page of options. It will be concatenated to the previous\n * set of options automatically. The `hasMore` flag indicates whether there is another page to be fetched.\n *\n * **Example:**\n *\n * ``` js\n *\n * const availableOptions = [\n *   { value: \"Example 1\", label: \"Example 1\" },\n *   ...\n *   { value: \"Example N\", label: \"Example N\" }\n * ];\n *\n * const filterOptions = inputValue => {\n *   return availableOptions.filter(option => {\n *     return option.label.toLowerCase().includes(inputValue.toLowerCase());\n *   });\n * };\n *\n * const loadOptionsFunc = (inputValue, prevOptions) => {\n *   const currentLength = prevOptions.length;\n *   const pageLength = 10;\n *\n *   let filteredOptions;\n *\n *   if (inputValue) {\n *     filteredOptions = filterOptions(inputValue);\n *   } else {\n *     filteredOptions = availableOptions;\n *   }\n *\n *   const hasMore = filteredOptions.length > currentLength + pageLength;\n *   const slicedOptions = filteredOptions.slice(currentLength, currentLength + pageLength);\n *\n *   return {\n *     options: slicedOptions,\n *     hasMore\n *    };\n * };\n *\n * const loadOptions = (inputValue, prevOptions) => {\n *   return new Promise(resolve => {\n *     resolve(loadOptionsFunc(inputValue, prevOptions));\n *   });\n * };\n * ```\n *\n * While waiting for the `Promise` to resolve, the component will be in a loading state.\n * The loading state is showcased in the \"Primary With Fetching Timeout\" Story.\n *\n * <br />#### Without asynchronous fetching/filtering\n * If you wish to not use asynchronous fetching/filtering, leave the `loadOptions` prop undefined\n * and pass the `Array` of all available options to the `availableOptions` prop instead.\n * The component will use the built-in filtering on `label` from `react-select`, and the options\n * will not be paginated.\n *\n *\n * <br />## \"Show more\" overlay\n * The \"Show more\" overlay must be set manually with the `showMore` prop.\n *\n * By default, the total number\n * of selected options will be displayed in parenthesis after the \"Show more\" text. This can be\n * disabled with the `displayTotalOnShowMore` prop.\n *\n * **Note:**\n * <br />The component has been given a max-width in these Stories.\n * This is because the \"Show more\" overlay does not work well visually when there are\n * fewer than three rows of selected options. The component itself does not have\n * a max-width, so keep this in mind when using it.\n *\n * <br />\n */\nconst MultiSelect = React.forwardRef(function MultiSelect(\n  {\n    // label,\n    selectedOptions,\n    availableOptions,\n    loadOptions,\n    loadingMessageFunc,\n    onUpdateCallback,\n    editText,\n    createNewOptionMessageFunc,\n    noOptionsMessageFunc,\n    onMultiValueClick,\n    showMore,\n    showMoreText,\n    displayTotalOnShowMore,\n    creatable,\n    readOnly,\n    hidden,\n    disabled,\n    error,\n    warning,\n    ...props\n  },\n  forwardedRef\n) {\n  // const [uniqueId] = useState(nanoid());\n  const [selected, setSelected] = useState(selectedOptions);\n  const [focused, setFocused] = useState(false);\n  const [displayShowMore, setDisplayShowMore] = useState(error || warning ? false : showMore);\n  const [cacheUnique, setCacheUnique] = useState(0);\n\n  useEffect(() => {\n    setSelected(selectedOptions);\n  }, [selectedOptions]);\n\n  const handleShowMoreClick = () => {\n    setDisplayShowMore(false);\n  };\n\n  /**\n   * Inner components to replace the default components of 'react-select'.\n   * This is to add classnames, custom styling and functionality.\n   *\n   * Some of these are defined here, inside of the main MultiSelect,\n   * because they use our props for custom styling/functionality.\n   * The ones that don't are defined outside of (below) the main component.\n   */\n  // const Control = useMemo(() => {\n  //   const ControlWrapper = innerProps => {\n  //     return <S.Control className=\"multi-select-control\" readOnly={readOnly} {...innerProps} />;\n  //   };\n  //   ControlWrapper.displayName = 'ControlWrapper';\n  //   return ControlWrapper;\n  // }, []);\n\n  // const ValueContainer = useMemo(() => {\n  //   const ValueContainerWrapper = innerProps => {\n  //     return (\n  //       <>\n  //         {label && <S.Label htmlFor={uniqueId}>{label}</S.Label>}\n  //         <S.ValueContainer\n  //           showMore={displayShowMore}\n  //           $error={error}\n  //           $warning={warning}\n  //           className=\"multi-select-values-container\"\n  //           {...innerProps}\n  //         />\n  //       </>\n  //     );\n  //   };\n  //   ValueContainerWrapper.displayName = 'ValueContainerWrapper';\n  //   return ValueContainerWrapper;\n  // }, [displayShowMore, error, warning]);\n\n  const MultiValue = innerProps => {\n    return (\n      <S.MultiValueWrapper\n        className=\"multi-value-wrapper\"\n        onMouseDown={e => {\n          e.stopPropagation();\n\n          if (\n            onMultiValueClick &&\n            innerProps.data &&\n            !(e.target.role === 'button' || e.target instanceof SVGElement)\n          ) {\n            onMultiValueClick(innerProps.data);\n          }\n        }}\n      >\n        <S.MultiValue className=\"multi-value\" readOnly={readOnly} {...innerProps} />\n      </S.MultiValueWrapper>\n    );\n  };\n\n  // const Input = useMemo(() => {\n  //   const InputWrapper = innerProps => {\n  //     return (\n  //       <S.Input\n  //         className=\"multi-select-input\"\n  //         $focused={focused}\n  //         edittext={editText}\n  //         {...innerProps}\n  //         isDisabled={readOnly || disabled}\n  //       />\n  //     );\n  //   };\n  //   InputWrapper.displayName = 'InputWrapper';\n  //   return InputWrapper;\n  // }, [focused]);\n\n  /**\n   * Replace inner components of 'react-select'\n   */\n  const innerComponents = {\n    DropdownIndicator: null,\n    // Control,\n    MultiValue,\n    MultiValueRemove: innerProps => {\n      return readOnly || disabled ? false : MultiValueRemove(innerProps);\n    },\n    // ValueContainer,\n    // Input,\n    Menu,\n    Option: innerProps => {\n      return innerProps.isSelected ? SelectedOption(innerProps) : Option(innerProps);\n    }\n  };\n\n  /**\n   * Props from 'react-select'/'react-select-async-paginate' shared by the different Select versions\n   */\n  const sharedSelectProps = {\n    ref: forwardedRef,\n    value: selected,\n    options: loadOptions ? undefined : availableOptions,\n    loadOptions: loadOptions,\n    loadingMessage: loadingMessageFunc,\n    editText: editText,\n    formatCreateLabel: createNewOptionMessageFunc,\n    showMore: displayShowMore,\n    readOnly: readOnly,\n    isDisabled: disabled,\n    components: innerComponents,\n    focused: focused,\n    isMulti: true,\n    isClearable: false,\n    placeholder: null,\n    closeMenuOnSelect: false,\n    hideSelectedOptions: false,\n    cacheUniqs: loadOptions ? [cacheUnique] : undefined,\n    onFocus: () => setFocused(true),\n    onBlur: () => setFocused(false),\n\n    noOptionsMessage: input => {\n      return noOptionsMessageFunc(input.inputValue);\n    },\n\n    onChange: (selectedOptions, actionMeta) => {\n      switch (actionMeta.action) {\n        case 'create-option':\n          if (onUpdateCallback) {\n            onUpdateCallback(actionMeta.action, actionMeta.option);\n          }\n\n          if (loadOptions) {\n            setCacheUnique(cacheUnique + 1);\n          }\n\n          setSelected(selectedOptions);\n          break;\n\n        case 'select-option':\n          if (onUpdateCallback) {\n            onUpdateCallback(actionMeta.action, actionMeta.option);\n          }\n\n          setSelected(selectedOptions);\n          break;\n\n        case 'remove-value':\n          if (onUpdateCallback) {\n            onUpdateCallback(actionMeta.action, actionMeta.removedValue);\n          }\n\n          setSelected(selectedOptions);\n          break;\n\n        case 'pop-value':\n          if (onUpdateCallback) {\n            onUpdateCallback(actionMeta.action, actionMeta.removedValue);\n          }\n\n          setSelected(selectedOptions);\n          break;\n\n        case 'deselect-option':\n          if (onUpdateCallback) {\n            onUpdateCallback(actionMeta.action, actionMeta.option);\n          }\n\n          setSelected(selectedOptions);\n          break;\n\n        case 'clear':\n          // Does currently not occur as 'isClearable' is always set to false\n          break;\n\n        default:\n          if (onUpdateCallback) {\n            onUpdateCallback(actionMeta.action, actionMeta.option);\n          }\n\n          setSelected(selectedOptions);\n          break;\n      }\n    }\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.MultiSelectWrapper $error={error} $warning={warning}>\n      {loadOptions ? (\n        creatable ? (\n          <S.AsyncCreatableMultiSelect {...sharedSelectProps} {...props} />\n        ) : (\n          <S.AsyncMultiSelect {...sharedSelectProps} {...props} />\n        )\n      ) : creatable ? (\n        <S.CreatableMultiSelect {...sharedSelectProps} {...props} />\n      ) : (\n        <S.MultiSelect {...sharedSelectProps} {...props} />\n      )}\n      {displayShowMore && !(error || warning) && (\n        <S.ShowMoreWrapper onClick={handleShowMoreClick}>\n          <S.ShowMoreOverlay></S.ShowMoreOverlay>\n          <S.ShowMoreText>\n            {showMoreText} {displayTotalOnShowMore && '(' + selected.length + ')'}\n          </S.ShowMoreText>\n        </S.ShowMoreWrapper>\n      )}\n      {(typeof error === 'string' || typeof warning === 'string') && (\n        <S.ErrorMessage $error={error} $warning={warning}>\n          {error ? error : warning}\n        </S.ErrorMessage>\n      )}\n    </S.MultiSelectWrapper>\n  );\n});\n\nMultiSelect.propTypes = {\n  /**\n   *\n   * The label of the input field – leave `undefined` to hide the label\n   */\n  label: PropTypes.string,\n  /**\n   * `Array` of `objects` containing the default options. This is only needed\n   * when asynchronous option fetching with the `loadOptions` prop is not used.\n   *\n   * **Note:**\n   * <br />This will be overridden by the `loadOptions` prop if both props are set.\n   */\n  availableOptions: PropTypes.arrayOf(PropTypes.object),\n\n  /**\n   * `Array` of `objects` containing the selected options.\n   */\n  selectedOptions: PropTypes.arrayOf(PropTypes.object),\n\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  loadOptions: PropTypes.func,\n\n  /**\n   * Function for custom \"Loading...\" message while waiting for the first page\n   * from `loadOptions` to resolve. Defaults to \"Loading...\" if no function is provided.\n   */\n  loadingMessageFunc: PropTypes.func,\n\n  /**\n   * Callback function for sending updates to the backend whenever the selected values are updated.\n   * See [Update handling](#update-handling) for details.\n   */\n  onUpdateCallback: PropTypes.func,\n\n  /**\n   * Text to be displayed on the input element when the component\n   * is enabled and not focused – e.g. \"Add a keyword...\"\n   */\n  editText: PropTypes.string.isRequired,\n\n  /**\n   * Whether the user can create new options.\n   */\n  creatable: PropTypes.bool,\n\n  /**\n   * Callback function for formatting the message displayed in the dropdown when there\n   * are no matching options, and the user has permission to create new options.\n   * The callback function will be given the current input value as an argument.\n   */\n  createNewOptionMessageFunc: PropTypes.func,\n\n  /**\n   * If the list of options is empty, or if the current input value doesn't match\n   * any of the available options and the user doesn't have permission to add options,\n   * this function will be called and passed the current input value as an argument.\n   */\n  noOptionsMessageFunc: PropTypes.func,\n\n  /**\n   * Optional callback function to be trigger when clicking a selected option's label – e.g. opening\n   * a search filtered on the given multi-value's `label`.\n   *\n   * The callback function will be passed the option `object` as an argument.\n   */\n  onMultiValueClick: PropTypes.func,\n\n  /**\n   * Display an overlay which the user needs to click in order to\n   * show the selected options list in its entirety and edit it.\n   */\n  showMore: PropTypes.bool,\n\n  /**\n   * Text displayed on the \"Show more\" overlay.\n   */\n  showMoreText: PropTypes.string,\n\n  /**\n   * Whether to display the total number of selected options after the show more text.\n   */\n  displayTotalOnShowMore: PropTypes.bool,\n\n  /**\n   * Whether the multi-select should be displayed in read-only mode.\n   * The user can still click the selected options to trigger their on-click effect.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n\n  /**\n   * Whether the multi-select should be disabled.\n   * The user will not be able to trigger the on-click effect of the selected options.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * Set to `true` to display a red border indicating an error.\n   * Pass in a `string` instead to also show the string underneath the input field.\n   *\n   * **Note:**\n   * <br />This overrides the \"Show more\" overlay. Errors will be prioritized over warnings.\n   */\n  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n\n  /**\n   * Set to `true` to display an orange border.\n   * Pass in a `string` instead to also show the string underneath the input field.\n   *\n   * **Note:**\n   * <br />This overrides the \"Show more\" overlay. Errors will be prioritized over warnings.\n   */\n  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n};\n\nMultiSelect.defaultProps = {\n  noOptionsMessageFunc: inputValue => {\n    if (inputValue) {\n      return `No matches for \"${inputValue}\"`;\n    } else {\n      return 'No available options';\n    }\n  },\n  showMore: false,\n  displayTotalOnShowMore: true,\n  readOnly: false,\n  disabled: false,\n  creatable: false,\n  error: false,\n  warning: false,\n  showMoreText: 'Show more',\n  hidden: false\n};\n\n/**\n * Inner components to replace the default inner components of 'react-select'.\n * This is to add classnames, custom styling and functionality.\n *\n * Some are defined inside of the main MultiSelect component, as they use our props\n * for prop/state dependent functionality and styling. The ones below do not.\n */\nconst MultiValueRemove = innerProps => {\n  return (\n    <S.MultiValueRemove {...innerProps}>\n      <CloseIcon className=\"multi-value-remove-icon\" />\n    </S.MultiValueRemove>\n  );\n};\n\nconst Menu = innerProps => {\n  return <S.DropdownMenu {...innerProps} />;\n};\n\nconst Option = innerProps => {\n  return <S.Option className=\"multi-select-dropdown-item\" {...innerProps} />;\n};\n\nconst SelectedOption = innerProps => {\n  return (\n    <S.SelectedOption {...innerProps}>\n      {innerProps.label}\n      <S.DropdownOptionDeleteIcon />\n    </S.SelectedOption>\n  );\n};\n\nexport default MultiSelect;\n"],"names":["MultiSelect","React","forwardRef","selectedOptions","availableOptions","loadOptions","loadingMessageFunc","onUpdateCallback","editText","createNewOptionMessageFunc","noOptionsMessageFunc","onMultiValueClick","showMore","showMoreText","displayTotalOnShowMore","creatable","readOnly","hidden","disabled","error","warning","props","forwardedRef","selected","setSelected","useState","focused","setFocused","displayShowMore","setDisplayShowMore","cacheUnique","setCacheUnique","useEffect","handleShowMoreClick","MultiValue","innerProps","createElement","S","className","onMouseDown","e","stopPropagation","data","target","role","SVGElement","_extends","innerComponents","DropdownIndicator","MultiValueRemove","Menu","Option","isSelected","SelectedOption","sharedSelectProps","ref","value","options","undefined","loadingMessage","formatCreateLabel","isDisabled","components","isMulti","isClearable","placeholder","closeMenuOnSelect","hideSelectedOptions","cacheUniqs","onFocus","onBlur","noOptionsMessage","input","inputValue","onChange","actionMeta","action","option","removedValue","$error","$warning","onClick","length","propTypes","process","env","NODE_ENV","label","PropTypes","string","arrayOf","object","func","isRequired","bool","oneOfType","defaultProps","CloseIcon"],"mappings":"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"}