@toptal/picasso 12.3.1 → 12.4.0

package/Select/hooks/use-select-props/mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAmB,EAAE;IACxD,OAAO;QACL,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;YACnB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;YACzB,OAAO,EAAE,EAAE;YACX,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE;YACvB,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,WAAW,EAAE;YACX,eAAe,EAAE,EAAE;YACnB,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YACf,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAChB,gBAAgB,EAAE,CAAC;YACnB,YAAY,EAAE,IAAI;YAClB,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE;YAChC,UAAU,EAAE,KAAK;YACjB,kBAAkB,EAAE,EAAE;YACtB,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,SAAS,EAAE;gBACT,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;gBACrB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;gBAC3B,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;aACnB;YACD,eAAe,EAAE,EAAE;YACnB,gBAAgB,EAAE,EAAE;YACpB,eAAe,EAAE,EAAE;YACnB,kBAAkB,EAAE,IAAI,CAAC,EAAE,EAAE;SAC9B;KACF,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAmB,EAAE;IACxD,OAAO;QACL,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;YACnB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;YACzB,OAAO,EAAE,EAAE;YACX,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE;YACvB,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,WAAW,EAAE;YACX,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YACf,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAChB,gBAAgB,EAAE,CAAC;YACnB,YAAY,EAAE,IAAI;YAClB,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE;YAChC,UAAU,EAAE,KAAK;YACjB,kBAAkB,EAAE,EAAE;YACtB,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE;gBACT,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;gBACrB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;gBAC3B,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;aACnB;YACD,eAAe,EAAE,EAAE;YACnB,gBAAgB,EAAE,EAAE;YACpB,eAAe,EAAE,EAAE;YACnB,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;SACpB;KACF,CAAA;AACH,CAAC,CAAA"}

package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js

@@ -3,7 +3,18 @@ import { flattenOptions, getNextWrappingIndex } from '../../../utils';
 const useArrowsKeyDownHandler = ({ selectState: { isOpen, highlightedIndex, filteredOptions, setHighlightedIndex, open } }) => useCallback((key, event) => {
     event.preventDefault();
     if (isOpen) {
-        setHighlightedIndex(getNextWrappingIndex(key === 'ArrowDown' ? 1 : -1, highlightedIndex, flattenOptions(filteredOptions).length));
+        // Use only non-disabled options
+        const nonDisabledOptions = flattenOptions(filteredOptions)
+            .map((option, actualIndex) => (Object.assign(Object.assign({}, option), { actualIndex })))
+            .filter(option => !option.disabled);
+        // Find the non-disabled index for highlightedIndex
+        const initialIndex = nonDisabledOptions.findIndex(option => option.actualIndex === highlightedIndex);
+        const moveAmount = key === 'ArrowDown' ? 1 : -1;
+        // Find the next wrapping non-disabled index
+        const nextNonDisabledIndex = getNextWrappingIndex(moveAmount, initialIndex, nonDisabledOptions.length);
+        // Convert non-disabled index to the actual one
+        const actualIndex = nonDisabledOptions[nextNonDisabledIndex].actualIndex;
+        setHighlightedIndex(actualIndex);
     }
     else {
         open();

package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-arrows-keydown-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrE,MAAM,uBAAuB,GAAG,CAG9B,EACA,WAAW,EAAE,EACX,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,IAAI,EACL,EACoB,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,GAAW,EAAE,KAAsC,EAAE,EAAE;IACtD,KAAK,CAAC,cAAc,EAAE,CAAA;IAEtB,IAAI,MAAM,EAAE;QACV,mBAAmB,CACjB,oBAAoB,CAClB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,gBAAgB,EAChB,cAAc,CAAC,eAAe,CAAC,CAAC,MAAM,CACvC,CACF,CAAA;KACF;SAAM;QACL,IAAI,EAAE,CAAA;KACP;AACH,CAAC,EACD,CAAC,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,IAAI,CAAC,CACvE,CAAA;AAEH,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"use-arrows-keydown-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrE,MAAM,uBAAuB,GAAG,CAG9B,EACA,WAAW,EAAE,EACX,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,IAAI,EACL,EACoB,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,GAAW,EAAE,KAAsC,EAAE,EAAE;IACtD,KAAK,CAAC,cAAc,EAAE,CAAA;IAEtB,IAAI,MAAM,EAAE;QACV,gCAAgC;QAChC,MAAM,kBAAkB,GAAG,cAAc,CAAC,eAAe,CAAC;aACvD,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,iCAAM,MAAM,KAAE,WAAW,IAAG,CAAC;aAC1D,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAErC,mDAAmD;QACnD,MAAM,YAAY,GAAG,kBAAkB,CAAC,SAAS,CAC/C,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,KAAK,gBAAgB,CAClD,CAAA;QACD,MAAM,UAAU,GAAG,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAC/C,4CAA4C;QAC5C,MAAM,oBAAoB,GAAG,oBAAoB,CAC/C,UAAU,EACV,YAAY,EACZ,kBAAkB,CAAC,MAAM,CAC1B,CAAA;QACD,+CAA+C;QAC/C,MAAM,WAAW,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAA;QAExE,mBAAmB,CAAC,WAAW,CAAC,CAAA;KACjC;SAAM;QACL,IAAI,EAAE,CAAA;KACP;AACH,CAAC,EACD,CAAC,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,IAAI,CAAC,CACvE,CAAA;AAEH,eAAe,uBAAuB,CAAA"}

package/Select/hooks/use-select-props/use-select-handler/use-select-handler.d.ts

@@ -1,3 +1,3 @@
 import { Option, ValueType, UseSelectProps } from '../../../types';
-declare const useSelectHandler: <T extends ValueType, M extends boolean = false>({ selectState: { emptySelectValue, setSelectedOptions, setFilterOptionsValue }, selectProps: { multiple, value, options, name, onChange }, selectRef }: UseSelectProps<T, M, M extends true ? T[] : T>) => (event: React.SyntheticEvent, option: Option | null) => void;
+declare const useSelectHandler: <T extends ValueType, M extends boolean = false>({ selectState: { emptySelectValue, setValue, setFilterOptionsValue }, selectProps: { multiple, value, name, onChange }, selectRef }: UseSelectProps<T, M, M extends true ? T[] : T>) => (event: React.SyntheticEvent, option: Option | null) => void;
 export default useSelectHandler;

package/Select/hooks/use-select-props/use-select-handler/use-select-handler.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */
 import { useCallback } from 'react';
-import { EMPTY_INPUT_VALUE, toggleMultipleSelectValue, focusRef, fireOnChangeEvent, getSelectedOptions } from '../../../utils';
-const useSelectHandler = ({ selectState: { emptySelectValue, setSelectedOptions, setFilterOptionsValue }, selectProps: { multiple, value, options, name, onChange }, selectRef }) => useCallback((event, option) => {
+import { EMPTY_INPUT_VALUE, toggleMultipleSelectValue, focusRef, fireOnChangeEvent } from '../../../utils';
+const useSelectHandler = ({ selectState: { emptySelectValue, setValue, setFilterOptionsValue }, selectProps: { multiple, value, name, onChange }, selectRef }) => useCallback((event, option) => {
     let newValue;
     if (option === null) {
         newValue = emptySelectValue;
@@ -12,20 +12,19 @@ const useSelectHandler = ({ selectState: { emptySelectValue, setSelectedOptions,
     else {
         newValue = option.value;
     }
-    setSelectedOptions(getSelectedOptions(options, newValue));
+    setValue(newValue);
     fireOnChangeEvent({ event, value: newValue, name, onChange });
     setFilterOptionsValue(EMPTY_INPUT_VALUE);
     focusRef(selectRef);
 }, [
     name,
     onChange,
-    options,
     emptySelectValue,
     setFilterOptionsValue,
     multiple,
     value,
     selectRef,
-    setSelectedOptions
+    setValue
 ]);
 export default useSelectHandler;
 //# sourceMappingURL=use-select-handler.js.map

package/Select/hooks/use-select-props/use-select-handler/use-select-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-select-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-select-handler/use-select-handler.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,gBAAgB,GAAG,CAAiD,EACxE,WAAW,EAAE,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,EAC5E,WAAW,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,EACzD,SAAS,EACY,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,KAA2B,EAAE,MAAqB,EAAE,EAAE;IACrD,IAAI,QAAiC,CAAA;IAErC,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,QAAQ,GAAG,gBAAgB,CAAA;KAC5B;SAAM,IAAI,QAAQ,EAAE;QACnB,QAAQ,GAAG,yBAAyB,CAClC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAgB,EAC5B,MAAM,CACP,CAAA;KACF;SAAM;QACL,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;KACxB;IAED,kBAAkB,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzD,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC7D,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAExC,QAAQ,CAAC,SAAS,CAAC,CAAA;AACrB,CAAC,EACD;IACE,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,gBAAgB;IAChB,qBAAqB;IACrB,QAAQ;IACR,KAAK;IACL,SAAS;IACT,kBAAkB;CACnB,CACF,CAAA;AAEH,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"use-select-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-select-handler/use-select-handler.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,QAAQ,EACR,iBAAiB,EAClB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,gBAAgB,GAAG,CAAiD,EACxE,WAAW,EAAE,EAAE,gBAAgB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,EAClE,WAAW,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAChD,SAAS,EACY,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,KAA2B,EAAE,MAAqB,EAAE,EAAE;IACrD,IAAI,QAAiC,CAAA;IAErC,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,QAAQ,GAAG,gBAAgB,CAAA;KAC5B;SAAM,IAAI,QAAQ,EAAE;QACnB,QAAQ,GAAG,yBAAyB,CAClC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAgB,EAC5B,MAAM,CACP,CAAA;KACF;SAAM;QACL,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;KACxB;IAED,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAElB,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC7D,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAExC,QAAQ,CAAC,SAAS,CAAC,CAAA;AACrB,CAAC,EACD;IACE,IAAI;IACJ,QAAQ;IACR,gBAAgB;IAChB,qBAAqB;IACrB,QAAQ;IACR,KAAK;IACL,SAAS;IACT,QAAQ;CACT,CACF,CAAA;AAEH,eAAe,gBAAgB,CAAA"}

package/Select/hooks/use-select-state/use-select-state.js

@@ -1,18 +1,30 @@
+/* eslint-disable max-statements */
 import { useState, useCallback, useEffect, useMemo } from 'react';
-import { getSelection, removeDuplicatedOptions, getSelectedOptions, DEFAULT_SEARCH_THRESHOLD, DEFAULT_LIMIT, filterOptions, flattenOptions } from '../../utils';
+import { getMultipleSelection, getSingleSelection, getSelectedOptions, DEFAULT_SEARCH_THRESHOLD, DEFAULT_LIMIT, filterOptions, flattenOptions, limitOptions } from '../../utils';
 import useHighlightedIndex from '../use-highlighted-index';
 export const EMPTY_INPUT_VALUE = '';
 const useSelectState = (props) => {
-    const { getDisplayValue, options = [], disabled = false, multiple, value, searchThreshold = DEFAULT_SEARCH_THRESHOLD, limit = DEFAULT_LIMIT } = props;
+    const { getDisplayValue, options = [], disabled = false, multiple, value: valueProp, searchThreshold = DEFAULT_SEARCH_THRESHOLD, limit = DEFAULT_LIMIT } = props;
     const flatOptions = useMemo(() => flattenOptions(options), [
         options
     ]);
-    const [selectedOptions, setSelectedOptions] = useState(getSelectedOptions(options, value));
-    const selection = useMemo(() => getSelection(removeDuplicatedOptions([...flatOptions, ...selectedOptions]), value), [flatOptions, selectedOptions, value]);
-    const [displayValue, setDisplayValue] = useState(selection.display(getDisplayValue));
+    const [value, setValue] = useState(valueProp);
+    const selectedOptions = useMemo(() => getSelectedOptions(flatOptions, value), [flatOptions, value]);
+    const selection = useMemo(() => multiple
+        ? getMultipleSelection(selectedOptions)
+        : getSingleSelection(selectedOptions[0]), [selectedOptions, multiple]);
+    const displayValue = useMemo(() => selection.display(getDisplayValue), [
+        selection,
+        getDisplayValue
+    ]);
     const [filterOptionsValue, setFilterOptionsValue] = useState(EMPTY_INPUT_VALUE);
-    const filteredOptions = useMemo(() => filterOptions({ options, filterOptionsValue, getDisplayValue }), [options, filterOptionsValue, getDisplayValue]);
-    const selectedIndexes = useMemo(() => flatOptions.reduce((selected, option, index) => selection.isOptionSelected(option) ? [...selected, index] : selected, []), [flatOptions, selection]);
+    const filteredOptions = useMemo(() => filterOptions({
+        options,
+        filterOptionsValue,
+        getDisplayValue
+    }), [options, filterOptionsValue, getDisplayValue]);
+    const filteredLimitedOptions = useMemo(() => limitOptions({ options: filteredOptions, limit }), [filteredOptions, limit]);
+    const filteredLimitedFlatOptions = useMemo(() => flattenOptions(filteredLimitedOptions), [filteredLimitedOptions]);
     const emptySelectValue = useMemo(() => (multiple ? [] : ''), [multiple]);
     // Search should be shown when limit < searchThreshold
     // otherwise user might not be able to search through long list
@@ -20,15 +32,13 @@ const useSelectState = (props) => {
     const [isOpen, setOpen] = useState(false);
     const canOpen = !isOpen && !disabled;
     const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex({
-        selectedIndexes,
+        flatOptions: filteredLimitedFlatOptions,
+        selection,
         isOpen
     });
     useEffect(() => {
-        const newSelect = getSelection(removeDuplicatedOptions([...flatOptions, ...selectedOptions]), value);
-        setDisplayValue(newSelect.display(getDisplayValue));
-        setSelectedOptions(getSelectedOptions(options, value));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [value, options, flatOptions]);
+        setValue(valueProp);
+    }, [valueProp]);
     const close = useCallback(() => {
         setOpen(false);
     }, []);
@@ -41,11 +51,10 @@ const useSelectState = (props) => {
             close();
         }
     }, [disabled, isOpen, close]);
-    return Object.assign(Object.assign({}, props), { setSelectedOptions,
-        selectedOptions,
-        filteredOptions,
-        selectedIndexes,
-        isOpen,
+    return Object.assign(Object.assign({}, props), { setValue,
+        selectedOptions, 
+        // TODO: keep consistent naming
+        filteredOptions: filteredLimitedOptions, isOpen,
         canOpen,
         open,
         close,
@@ -55,8 +64,7 @@ const useSelectState = (props) => {
         displayValue,
         selection,
         emptySelectValue,
-        setFilterOptionsValue,
-        setDisplayValue });
+        setFilterOptionsValue });
 };
 export default useSelectState;
 //# sourceMappingURL=use-select-state.js.map

package/Select/hooks/use-select-state/use-select-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-select-state.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-state/use-select-state.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-select-state.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-state/use-select-state.ts"],"names":[],"mappings":"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"}

package/Select/types.d.ts

@@ -72,6 +72,11 @@ export interface SelectProps<T extends ValueType = ValueType, M extends boolean
     /** Specifies whether the autofill enabled or not, disabled by default */
     enableAutofill?: boolean;
     ref?: React.Ref<HTMLInputElement>;
+    testIds?: {
+        noOptions?: string;
+        loader?: string;
+        limitFooter?: string;
+    };
 }
 export declare type ValueType = string | number;
 export declare type Option<T extends string | number = string | number> = {
@@ -79,7 +84,8 @@ export declare type Option<T extends string | number = string | number> = {
     text: string;
     description?: string;
     value: T;
-    [prop: string]: string | number | undefined;
+    disabled?: boolean;
+    [prop: string]: string | number | undefined | boolean;
 };
 export declare type OptionGroups<T extends string | number = string | number> = {
     [group: string]: Option<T>[];
@@ -105,7 +111,6 @@ export interface UseSelectStateProps {
     limit?: number;
 }
 export declare type UseSelectStateOutput = {
-    selectedIndexes: number[];
     isOpen: boolean;
     canOpen: boolean;
     open: () => void;
@@ -117,12 +122,11 @@ export declare type UseSelectStateOutput = {
     showSearch: boolean;
     filterOptionsValue: string;
     displayValue: string;
-    setDisplayValue: (value: string) => void;
     selection: Selection;
     filteredOptions: Option[] | OptionGroups;
     emptySelectValue: string | string[];
     selectedOptions: Option[];
-    setSelectedOptions: (options: Option[]) => void;
+    setValue: (value: ValueType | ValueType[]) => void;
 };
 export interface UseSelectProps<T extends ValueType = ValueType, M extends boolean = boolean, V = M extends true ? T[] : T> {
     searchInputRef?: React.Ref<HTMLInputElement>;

package/Select/utils/count-options/count-options.d.ts

@@ -0,0 +1,3 @@
+import { Option, OptionGroups } from '../../types';
+declare const countOptions: (options: Option[] | OptionGroups) => number;
+export default countOptions;

package/Select/utils/count-options/count-options.js

@@ -0,0 +1,9 @@
+import { isOptionsType } from '..';
+const countOptions = (options) => {
+    if (isOptionsType(options)) {
+        return options.length;
+    }
+    return Object.values(options).reduce((result, optionList) => result + optionList.length, 0);
+};
+export default countOptions;
+//# sourceMappingURL=count-options.js.map

package/Select/utils/count-options/count-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"count-options.js","sourceRoot":"","sources":["../../../../src/Select/utils/count-options/count-options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAA;AAElC,MAAM,YAAY,GAAG,CAAC,OAAgC,EAAE,EAAE;IACxD,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,OAAO,CAAC,MAAM,CAAA;KACtB;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAClC,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,EAClD,CAAC,CACF,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/Select/utils/count-options/index.d.ts

@@ -0,0 +1 @@
+export { default } from './count-options';

package/Select/utils/count-options/index.js

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

package/Select/utils/count-options/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Select/utils/count-options/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/Select/utils/get-multiple-selection/get-multiple-selection.d.ts

@@ -1,3 +1,3 @@
-import { ValueType, Option, Selection } from '../../types';
-declare const getMultipleSelection: (options: Option[], value: ValueType[]) => Selection;
+import { Option, Selection } from '../../types';
+declare const getMultipleSelection: (selectedOptions: Option[]) => Selection;
 export default getMultipleSelection;

package/Select/utils/get-multiple-selection/get-multiple-selection.js

@@ -1,13 +1,8 @@
-import isOptionInSelectedValues from '../is-option-in-selected-values';
-import isEmpty from '../is-empty';
-const getMultipleSelection = (options, value) => {
-    const getSelectedOptions = () => options.filter(option => isOptionInSelectedValues(option, value));
+const getMultipleSelection = (selectedOptions) => {
     return {
-        display: (getDisplayValue) => getSelectedOptions()
-            .map(getDisplayValue)
-            .join(', '),
-        isSelected: () => !isEmpty(value),
-        isOptionSelected: option => isOptionInSelectedValues(option, value)
+        display: (getDisplayValue) => selectedOptions.map(getDisplayValue).join(', '),
+        isSelected: () => selectedOptions.length > 0,
+        isOptionSelected: option => selectedOptions.some(selectedOption => option.value === String(selectedOption.value))
     };
 };
 export default getMultipleSelection;

package/Select/utils/get-multiple-selection/get-multiple-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-multiple-selection.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-multiple-selection/get-multiple-selection.ts"],"names":[],"mappings":"AACA,OAAO,wBAAwB,MAAM,iCAAiC,CAAA;AACtE,OAAO,OAAO,MAAM,aAAa,CAAA;AAEjC,MAAM,oBAAoB,GAAG,CAC3B,OAAiB,EACjB,KAAkB,EACP,EAAE;IACb,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,wBAAwB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnE,OAAO;QACL,OAAO,EAAE,CAAC,eAAkD,EAAE,EAAE,CAC9D,kBAAkB,EAAE;aACjB,GAAG,CAAC,eAAe,CAAC;aACpB,IAAI,CAAC,IAAI,CAAC;QACf,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,wBAAwB,CAAC,MAAM,EAAE,KAAK,CAAC;KACpE,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"get-multiple-selection.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-multiple-selection/get-multiple-selection.ts"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,GAAG,CAAC,eAAyB,EAAa,EAAE;IACpE,OAAO;QACL,OAAO,EAAE,CAAC,eAAkD,EAAE,EAAE,CAC9D,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QACjD,UAAU,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC;QAC5C,gBAAgB,EAAE,MAAM,CAAC,EAAE,CACzB,eAAe,CAAC,IAAI,CAClB,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAChE;KACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/Select/utils/get-selected-options/get-selected-options.d.ts

@@ -1,3 +1,3 @@
-import { Option, OptionGroups, ValueType } from '../../types';
-declare const getSelectedOptions: (options: Option[] | OptionGroups, value?: ValueType | ValueType[] | undefined) => Option<string | number>[];
+import { Option, ValueType } from '../../types';
+declare const getSelectedOptions: (flatOptions: Option[], value?: ValueType | ValueType[] | undefined) => Option<string | number>[];
 export default getSelectedOptions;

package/Select/utils/get-selected-options/get-selected-options.js

@@ -1,6 +1,6 @@
-import { flattenOptions } from '../../utils';
-const getSelectedOptions = (options, value) => flattenOptions(options).filter(option => Array.isArray(value)
-    ? value.includes(String(option.value))
-    : value === String(option.value));
+const getSelectedOptions = (flatOptions, value) => {
+    const valuesSet = new Set(Array.isArray(value) ? value : [value]);
+    return flatOptions.filter(option => valuesSet.has(String(option.value)));
+};
 export default getSelectedOptions;
 //# sourceMappingURL=get-selected-options.js.map

package/Select/utils/get-selected-options/get-selected-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-selected-options.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-selected-options/get-selected-options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,kBAAkB,GAAG,CACzB,OAAgC,EAChC,KAA+B,EAC/B,EAAE,CACF,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CACtC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAClB,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CACnC,CAAA;AAEH,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"get-selected-options.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-selected-options/get-selected-options.ts"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,GAAG,CACzB,WAAqB,EACrB,KAA+B,EAC/B,EAAE;IACF,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjE,OAAO,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AAC1E,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/Select/utils/get-single-selection/get-single-selection.d.ts

@@ -1,3 +1,3 @@
-import { ValueType, Option, Selection } from '../../types';
-declare const getSingleSelection: (options: Option[], value?: ValueType | undefined) => Selection;
+import { Option, Selection } from '../../types';
+declare const getSingleSelection: (selectedOption: Option | null) => Selection;
 export default getSingleSelection;

package/Select/utils/get-single-selection/get-single-selection.js

@@ -1,10 +1,8 @@
-import isEmpty from '../is-empty';
-const getSingleSelection = (options, value) => {
-    const getSelectedOption = () => options.find(option => option.value === value) || null;
+const getSingleSelection = (selectedOption) => {
     return {
-        display: (getDisplayValue) => getDisplayValue(getSelectedOption()),
-        isSelected: () => !isEmpty(value),
-        isOptionSelected: option => option.value === value
+        display: (getDisplayValue) => getDisplayValue(selectedOption),
+        isSelected: () => !!selectedOption,
+        isOptionSelected: option => option.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value)
     };
 };
 export default getSingleSelection;

package/Select/utils/get-single-selection/get-single-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-single-selection.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-single-selection/get-single-selection.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,aAAa,CAAA;AAEjC,MAAM,kBAAkB,GAAG,CACzB,OAAiB,EACjB,KAAiB,EACN,EAAE;IACb,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;IAExD,OAAO;QACL,OAAO,EAAE,CAAC,eAAkD,EAAE,EAAE,CAC9D,eAAe,CAAC,iBAAiB,EAAE,CAAC;QACtC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK;KACnD,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"get-single-selection.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-single-selection/get-single-selection.ts"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,GAAG,CAAC,cAA6B,EAAa,EAAE;IACtE,OAAO;QACL,OAAO,EAAE,CAAC,eAAkD,EAAE,EAAE,CAC9D,eAAe,CAAC,cAAc,CAAC;QACjC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc;QAClC,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAA;KACnE,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/Select/utils/index.d.ts

@@ -1,4 +1,5 @@
 export { default as filterOptions } from './filter-options';
+export { default as limitOptions } from './limit-options';
 export { default as fireOnChangeEvent } from './fire-on-change-event';
 export { default as flattenOptions } from './flatten-options';
 export { default as focusRef } from './focus-ref';
@@ -6,14 +7,13 @@ export { default as getMultipleSelection } from './get-multiple-selection';
 export { default as getNextWrappingIndex } from './get-next-wrapping-index';
 export { default as getOptionText } from './get-option-text';
 export { default as getSelectedOptions } from './get-selected-options';
-export { default as getSelection } from './get-selection';
 export { default as getSingleSelection } from './get-single-selection';
 export { default as isEmpty } from './is-empty';
 export { default as isOptionInSelectedValues } from './is-option-in-selected-values';
 export { default as isOptionsType } from './is-options-type';
 export { default as isRelatedTargetInsidePopper } from './is-related-target-inside-popper';
 export { default as normalizeArrowKey } from './normalize-arrow-key';
-export { default as removeDuplicatedOptions } from './remove-duplicated-options';
 export { default as renderOption } from './render-option';
 export { default as toggleMultipleSelectValue } from './toggle-multiple-select-value';
+export { default as countOptions } from './count-options';
 export * from './constants';

package/Select/utils/index.js

@@ -1,4 +1,5 @@
 export { default as filterOptions } from './filter-options';
+export { default as limitOptions } from './limit-options';
 export { default as fireOnChangeEvent } from './fire-on-change-event';
 export { default as flattenOptions } from './flatten-options';
 export { default as focusRef } from './focus-ref';
@@ -6,15 +7,14 @@ export { default as getMultipleSelection } from './get-multiple-selection';
 export { default as getNextWrappingIndex } from './get-next-wrapping-index';
 export { default as getOptionText } from './get-option-text';
 export { default as getSelectedOptions } from './get-selected-options';
-export { default as getSelection } from './get-selection';
 export { default as getSingleSelection } from './get-single-selection';
 export { default as isEmpty } from './is-empty';
 export { default as isOptionInSelectedValues } from './is-option-in-selected-values';
 export { default as isOptionsType } from './is-options-type';
 export { default as isRelatedTargetInsidePopper } from './is-related-target-inside-popper';
 export { default as normalizeArrowKey } from './normalize-arrow-key';
-export { default as removeDuplicatedOptions } from './remove-duplicated-options';
 export { default as renderOption } from './render-option';
 export { default as toggleMultipleSelectValue } from './toggle-multiple-select-value';
+export { default as countOptions } from './count-options';
 export * from './constants';
 //# sourceMappingURL=index.js.map

package/Select/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Select/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAC1F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AACrF,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Select/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAC1F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,cAAc,aAAa,CAAA"}

package/Select/utils/limit-options/index.d.ts

@@ -0,0 +1 @@
+export { default } from './limit-options';

package/Select/utils/limit-options/index.js

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

package/Select/utils/limit-options/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Select/utils/limit-options/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/Select/utils/limit-options/limit-options.d.ts

@@ -0,0 +1,7 @@
+import { Option, OptionGroups } from '../../types';
+interface Props {
+    options: Option[] | OptionGroups;
+    limit: number;
+}
+declare const limitOptions: ({ options, limit }: Props) => Option[] | OptionGroups;
+export default limitOptions;

package/Select/utils/limit-options/limit-options.js

@@ -0,0 +1,16 @@
+import { isOptionsType } from '..';
+const limitOptions = ({ options, limit }) => {
+    if (isOptionsType(options)) {
+        return limitFlatOptions({ options, limit });
+    }
+    return Object.keys(options).reduce((result, group) => {
+        result[group] = limitFlatOptions({
+            options: options[group],
+            limit
+        });
+        return result;
+    }, {});
+};
+const limitFlatOptions = ({ options, limit }) => options.slice(0, limit);
+export default limitOptions;
+//# sourceMappingURL=limit-options.js.map

package/Select/utils/limit-options/limit-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"limit-options.js","sourceRoot":"","sources":["../../../../src/Select/utils/limit-options/limit-options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAA;AAOlC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAA2B,EAAE;IAC1E,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;KAC5C;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAoB,EAAE,KAAK,EAAE,EAAE;QACjE,MAAM,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC;YAC/B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;YACvB,KAAK;SACN,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,EACxB,OAAO,EACP,KAAK,EACyB,EAAY,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;AAEtE,eAAe,YAAY,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "12.3.1",
+  "version": "12.4.0",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public"
@@ -69,5 +69,5 @@
     "**/styles.ts",
     "**/styles.js"
   ],
-  "gitHead": "a1bf5af15989fa3fad18df0b83e7070def26f9ca"
+  "gitHead": "7b7c905a2172259f265e6303fe691396ca0582d2"
 }

package/Select/utils/get-selection/get-selection.d.ts

@@ -1,3 +0,0 @@
-import { ValueType, Option } from '../../types';
-declare const getSelection: (options: Option[], value?: ValueType | ValueType[] | undefined) => import("../../types").Selection;
-export default getSelection;

package/Select/utils/get-selection/get-selection.js

@@ -1,7 +0,0 @@
-import getMultipleSelection from '../get-multiple-selection';
-import getSingleSelection from '../get-single-selection';
-const getSelection = (options, value) => Array.isArray(value)
-    ? getMultipleSelection(options, value)
-    : getSingleSelection(options, value);
-export default getSelection;
-//# sourceMappingURL=get-selection.js.map

package/Select/utils/get-selection/get-selection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-selection.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-selection/get-selection.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,MAAM,2BAA2B,CAAA;AAC5D,OAAO,kBAAkB,MAAM,yBAAyB,CAAA;AAExD,MAAM,YAAY,GAAG,CAAC,OAAiB,EAAE,KAA+B,EAAE,EAAE,CAC1E,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAClB,CAAC,CAAC,oBAAoB,CAAC,OAAO,EAAE,KAAoB,CAAC;IACrD,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAA8B,CAAC,CAAA;AAEjE,eAAe,YAAY,CAAA"}

package/Select/utils/get-selection/index.d.ts

@@ -1 +0,0 @@
-export { default } from './get-selection';

package/Select/utils/get-selection/index.js

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

package/Select/utils/get-selection/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Select/utils/get-selection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/Select/utils/remove-duplicated-options/index.d.ts

@@ -1 +0,0 @@
-export { default } from './remove-duplicated-options';

package/Select/utils/remove-duplicated-options/index.js

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

package/Select/utils/remove-duplicated-options/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Select/utils/remove-duplicated-options/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA"}

package/Select/utils/remove-duplicated-options/remove-duplicated-options.d.ts

@@ -1,3 +0,0 @@
-import { Option } from '../../types';
-declare const removeDuplicatedOptions: (options: Option[]) => Option<string | number>[];
-export default removeDuplicatedOptions;

package/Select/utils/remove-duplicated-options/remove-duplicated-options.js

@@ -1,6 +0,0 @@
-const removeDuplicatedOptions = (options) => options.filter((option, index) => {
-    const innerIndex = options.findIndex(innerOption => innerOption.value === option.value);
-    return innerIndex === index;
-});
-export default removeDuplicatedOptions;
-//# sourceMappingURL=remove-duplicated-options.js.map

package/Select/utils/remove-duplicated-options/remove-duplicated-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"remove-duplicated-options.js","sourceRoot":"","sources":["../../../../src/Select/utils/remove-duplicated-options/remove-duplicated-options.ts"],"names":[],"mappings":"AAEA,MAAM,uBAAuB,GAAG,CAAC,OAAiB,EAAE,EAAE,CACpD,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;IAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAClC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAClD,CAAA;IAED,OAAO,UAAU,KAAK,KAAK,CAAA;AAC7B,CAAC,CAAC,CAAA;AAEJ,eAAe,uBAAuB,CAAA"}