@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/hooks/useChipsInput.js

@@ -1,86 +1,102 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useChipsInput = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var useChipsInput = function useChipsInput(props) {
-  var value = props.value,
-    getOptionValue = props.getOptionValue,
-    onChange = props.onChange,
-    onInputChange = props.onInputChange,
-    getNewOptionData = props.getNewOptionData;
-  var _React$useState = React.useState(props.inputValue),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    fieldValue = _React$useState2[0],
-    setFieldValue = _React$useState2[1];
-  var _React$useState3 = React.useState(value !== null && value !== void 0 ? value : []),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    selectedOptions = _React$useState4[0],
-    setSelectedOptions = _React$useState4[1];
-  var clearInput = React.useCallback(function () {
-    setFieldValue('');
-    onInputChange({
-      target: {
-        value: ''
-      }
-    });
-  }, [onInputChange]);
-  var handleInputChange = React.useCallback(function (e) {
-    setFieldValue(e.target.value);
-    onInputChange(e);
-  }, [onInputChange]);
-  var toggleOption = React.useCallback(function (newOption, value) {
-    var newSelectedOptions = selectedOptions.filter(function (option) {
-      return getOptionValue(newOption) !== getOptionValue(option);
-    });
-    if (value === true) {
-      newSelectedOptions.push(newOption);
-    }
-    setSelectedOptions(newSelectedOptions);
-    onChange(newSelectedOptions);
-  }, [selectedOptions, getOptionValue, onChange]);
-  var addOption = React.useCallback(function (newOption) {
-    return toggleOption(newOption, true);
-  }, [toggleOption]);
-  var addOptionFromInput = React.useCallback(function () {
-    var trimmedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
-    if (trimmedValue) {
-      addOption(getNewOptionData(undefined, trimmedValue));
-      clearInput();
+Object.defineProperty(exports, "useChipsInput", {
+    enumerable: true,
+    get: function() {
+        return useChipsInput;
     }
-  }, [addOption, clearInput, getNewOptionData, fieldValue]);
-  var removeOption = React.useCallback(function (value) {
-    toggleOption(getNewOptionData(undefined, value), false);
-  }, [toggleOption, getNewOptionData]);
-  React.useEffect(function () {
-    setSelectedOptions(value);
-    return function () {
-      return setSelectedOptions([]);
-    };
-  }, [props.value, value]);
-  React.useEffect(function () {
-    setFieldValue(props.inputValue);
-    return function () {
-      return setFieldValue('');
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var useChipsInput = function(props) {
+    var value = props.value, getOptionValue = props.getOptionValue, onChange = props.onChange, onInputChange = props.onInputChange, getNewOptionData = props.getNewOptionData;
+    var _React_useState = _slicedToArray(_react.useState(props.inputValue), 2), fieldValue = _React_useState[0], setFieldValue = _React_useState[1];
+    var _React_useState1 = _slicedToArray(_react.useState(value !== null && value !== void 0 ? value : []), 2), selectedOptions = _React_useState1[0], setSelectedOptions = _React_useState1[1];
+    var clearInput = _react.useCallback(function() {
+        setFieldValue("");
+        onInputChange({
+            target: {
+                value: ""
+            }
+        });
+    }, [
+        onInputChange
+    ]);
+    var handleInputChange = _react.useCallback(function(e) {
+        setFieldValue(e.target.value);
+        onInputChange(e);
+    }, [
+        onInputChange
+    ]);
+    var toggleOption = _react.useCallback(function(newOption, value) {
+        var newSelectedOptions = selectedOptions.filter(function(option) {
+            return getOptionValue(newOption) !== getOptionValue(option);
+        });
+        if (value === true) {
+            newSelectedOptions.push(newOption);
+        }
+        setSelectedOptions(newSelectedOptions);
+        onChange(newSelectedOptions);
+    }, [
+        selectedOptions,
+        getOptionValue,
+        onChange
+    ]);
+    var addOption = _react.useCallback(function(newOption) {
+        return toggleOption(newOption, true);
+    }, [
+        toggleOption
+    ]);
+    var addOptionFromInput = _react.useCallback(function() {
+        var trimmedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
+        if (trimmedValue) {
+            addOption(getNewOptionData(undefined, trimmedValue));
+            clearInput();
+        }
+    }, [
+        addOption,
+        clearInput,
+        getNewOptionData,
+        fieldValue
+    ]);
+    var removeOption = _react.useCallback(function(value) {
+        toggleOption(getNewOptionData(undefined, value), false);
+    }, [
+        toggleOption,
+        getNewOptionData
+    ]);
+    _react.useEffect(function() {
+        setSelectedOptions(value);
+        return function() {
+            return setSelectedOptions([]);
+        };
+    }, [
+        props.value,
+        value
+    ]);
+    _react.useEffect(function() {
+        setFieldValue(props.inputValue);
+        return function() {
+            return setFieldValue("");
+        };
+    }, [
+        props.inputValue
+    ]);
+    return {
+        fieldValue: fieldValue,
+        setFieldValue: setFieldValue,
+        selectedOptions: selectedOptions,
+        setSelectedOptions: setSelectedOptions,
+        clearInput: clearInput,
+        toggleOption: toggleOption,
+        addOption: addOption,
+        addOptionFromInput: addOptionFromInput,
+        removeOption: removeOption,
+        handleInputChange: handleInputChange
     };
-  }, [props.inputValue]);
-  return {
-    fieldValue: fieldValue,
-    setFieldValue: setFieldValue,
-    selectedOptions: selectedOptions,
-    setSelectedOptions: setSelectedOptions,
-    clearInput: clearInput,
-    toggleOption: toggleOption,
-    addOption: addOption,
-    addOptionFromInput: addOptionFromInput,
-    removeOption: removeOption,
-    handleInputChange: handleInputChange
-  };
 };
-exports.useChipsInput = useChipsInput;
+
 //# sourceMappingURL=useChipsInput.js.map

package/dist/cjs/hooks/useChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.js","names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>,\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange!({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange],\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue!(newOption) !== getOptionValue!(option),\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange],\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption],\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData],\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>,\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange!({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange],\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue!(newOption) !== getOptionValue!(option),\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange],\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption],\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData],\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;2DAJU;AAIhB,IAAMA,gBAAgB,SAC3BC,OACG;IACH,IAAQC,QAAqED,MAArEC,OAAOC,iBAA8DF,MAA9DE,gBAAgBC,WAA8CH,MAA9CG,UAAUC,gBAAoCJ,MAApCI,eAAeC,mBAAqBL,MAArBK;IAExD,IAAoCC,iCAAAA,OAAMC,QAAQ,CAACP,MAAMQ,UAAU,OAA5DC,aAA6BH,oBAAjBI,gBAAiBJ;IACpC,IAA8CA,kCAAAA,OAAMC,QAAQ,CAACN,kBAAAA,mBAAAA,QAAS,EAAE,OAAjEU,kBAAuCL,qBAAtBM,qBAAsBN;IAE9C,IAAMO,aAAaP,OAAMQ,WAAW,CAAC,WAAM;QACzCJ,cAAc;QACdN,cAAe;YAAEW,QAAQ;gBAAEd,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,IAAMY,oBAAoBV,OAAMQ,WAAW,CACzC,SAACG,GAA2C;QAC1CP,cAAcO,EAAEF,MAAM,CAACd,KAAK;QAC5BG,cAAea;IACjB,GACA;QAACb;KAAc;IAGjB,IAAMc,eAAeZ,OAAMQ,WAAW,CACpC,SAACK,WAAmBlB,OAAoB;QACtC,IAAMmB,qBAAqBT,gBAAgBU,MAAM,CAC/C,SAACC;mBAAmBpB,eAAgBiB,eAAejB,eAAgBoB;;QAGrE,IAAIrB,UAAU,IAAI,EAAE;YAClBmB,mBAAmBG,IAAI,CAACJ;QAC1B,CAAC;QAEDP,mBAAmBQ;QACnBjB,SAAUiB;IACZ,GACA;QAACT;QAAiBT;QAAgBC;KAAS;IAG7C,IAAMqB,YAAYlB,OAAMQ,WAAW,CACjC,SAACK;eAAsBD,aAAaC,WAAW,IAAI;OACnD;QAACD;KAAa;IAEhB,IAAMO,qBAAqBnB,OAAMQ,WAAW,CAAC,WAAM;QACjD,IAAMY,eAAejB,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYkB,IAAI;QAErC,IAAID,cAAc;YAChBF,UAAUnB,iBAAkBuB,WAAWF;YACvCb;QACF,CAAC;IACH,GAAG;QAACW;QAAWX;QAAYR;QAAkBI;KAAW;IACxD,IAAMoB,eAAevB,OAAMQ,WAAW,CACpC,SAACb,OAAU;QACTiB,aAAab,iBAAkBuB,WAAW3B,QAAkB,KAAK;IACnE,GACA;QAACiB;QAAcb;KAAiB;IAGlCC,OAAMwB,SAAS,CAAC,WAAM;QACpBlB,mBAAmBX;QAEnB,OAAO;mBAAMW,mBAAmB,EAAE;;IACpC,GAAG;QAACZ,MAAMC,KAAK;QAAEA;KAAM;IAEvBK,OAAMwB,SAAS,CAAC,WAAM;QACpBpB,cAAcV,MAAMQ,UAAU;QAE9B,OAAO;mBAAME,cAAc;;IAC7B,GAAG;QAACV,MAAMQ,UAAU;KAAC;IAErB,OAAO;QACLC,YAAAA;QACAC,eAAAA;QACAC,iBAAAA;QACAC,oBAAAA;QACAC,YAAAA;QACAK,cAAAA;QACAM,WAAAA;QACAC,oBAAAA;QACAI,cAAAA;QACAb,mBAAAA;IACF;AACF"}

package/dist/cjs/hooks/useChipsSelect.js

@@ -1,91 +1,98 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useChipsSelect = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _useChipsInput2 = require("./useChipsInput");
-var _excluded = ["fieldValue", "selectedOptions"];
-var useChipsSelect = function useChipsSelect(props) {
-  var options = props.options,
-    filterFn = props.filterFn,
-    getOptionLabel = props.getOptionLabel,
-    getOptionValue = props.getOptionValue;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    opened = _React$useState2[0],
-    setOpened = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    focusedOptionIndex = _React$useState4[0],
-    setFocusedOptionIndex = _React$useState4[1];
-  var _React$useState5 = React.useState(null),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-    focusedOption = _React$useState6[0],
-    setFocusedOption = _React$useState6[1];
-  var _useChipsInput = (0, _useChipsInput2.useChipsInput)(props),
-    fieldValue = _useChipsInput.fieldValue,
-    selectedOptions = _useChipsInput.selectedOptions,
-    chipsInputState = (0, _objectWithoutProperties2.default)(_useChipsInput, _excluded);
-  var handleInputChange = function handleInputChange(e) {
-    if (!e) {
-      return;
-    }
-    chipsInputState.handleInputChange(e);
-    if (!opened) {
-      setOpened(true);
-      setFocusedOptionIndex(0);
-    }
-  };
-  var filteredOptions = React.useMemo(function () {
-    return filterFn ? options.filter(function (option) {
-      return filterFn(fieldValue, option, getOptionLabel);
-    }) : options;
-  }, [options, filterFn, fieldValue, getOptionLabel]);
-  filteredOptions = React.useMemo(function () {
-    if (!filteredOptions.length) {
-      return filteredOptions;
+Object.defineProperty(exports, "useChipsSelect", {
+    enumerable: true,
+    get: function() {
+        return useChipsSelect;
     }
-    var filteredSet = new Set(filteredOptions);
-    var selected = selectedOptions.map(function (item) {
-      return getOptionValue(item);
-    });
-    var _iterator = (0, _createForOfIteratorHelper2.default)(filteredSet),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var item = _step.value;
-        if (selected.includes(getOptionValue(item))) {
-          filteredSet.delete(item);
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _useChipsInput = require("./useChipsInput");
+var useChipsSelect = function(props) {
+    var options = props.options, filterFn = props.filterFn, getOptionLabel = props.getOptionLabel, getOptionValue = props.getOptionValue;
+    var _React_useState = _slicedToArray(_react.useState(false), 2), opened = _React_useState[0], setOpened = _React_useState[1];
+    var _React_useState1 = _slicedToArray(_react.useState(0), 2), focusedOptionIndex = _React_useState1[0], setFocusedOptionIndex = _React_useState1[1];
+    var _React_useState2 = _slicedToArray(_react.useState(null), 2), focusedOption = _React_useState2[0], setFocusedOption = _React_useState2[1];
+    var _useChipsInput1 = (0, _useChipsInput.useChipsInput)(props), fieldValue = _useChipsInput1.fieldValue, selectedOptions = _useChipsInput1.selectedOptions, chipsInputState = _objectWithoutProperties(_useChipsInput1, [
+        "fieldValue",
+        "selectedOptions"
+    ]);
+    var handleInputChange = function(e) {
+        if (!e) {
+            return;
         }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return (0, _toConsumableArray2.default)(filteredSet);
-  }, [filteredOptions, selectedOptions, getOptionValue]);
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, chipsInputState), {}, {
-    fieldValue: fieldValue,
-    handleInputChange: handleInputChange,
-    opened: opened,
-    setOpened: setOpened,
-    filteredOptions: filteredOptions,
-    focusedOptionIndex: focusedOptionIndex,
-    setFocusedOptionIndex: setFocusedOptionIndex,
-    focusedOption: focusedOption,
-    setFocusedOption: setFocusedOption,
-    selectedOptions: selectedOptions
-  });
+        chipsInputState.handleInputChange(e);
+        if (!opened) {
+            setOpened(true);
+            setFocusedOptionIndex(0);
+        }
+    };
+    var filteredOptions = _react.useMemo(function() {
+        return filterFn ? options.filter(function(option) {
+            return filterFn(fieldValue, option, getOptionLabel);
+        }) : options;
+    }, [
+        options,
+        filterFn,
+        fieldValue,
+        getOptionLabel
+    ]);
+    filteredOptions = _react.useMemo(function() {
+        if (!filteredOptions.length) {
+            return filteredOptions;
+        }
+        var filteredSet = new Set(filteredOptions);
+        var selected = selectedOptions.map(function(item) {
+            return getOptionValue(item);
+        });
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = filteredSet[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var item = _step.value;
+                if (selected.includes(getOptionValue(item))) {
+                    filteredSet.delete(item);
+                }
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return _toConsumableArray(filteredSet);
+    }, [
+        filteredOptions,
+        selectedOptions,
+        getOptionValue
+    ]);
+    return _objectSpreadProps(_objectSpread({}, chipsInputState), {
+        fieldValue: fieldValue,
+        handleInputChange: handleInputChange,
+        opened: opened,
+        setOpened: setOpened,
+        filteredOptions: filteredOptions,
+        focusedOptionIndex: focusedOptionIndex,
+        setFocusedOptionIndex: setFocusedOptionIndex,
+        focusedOption: focusedOption,
+        setFocusedOption: setFocusedOption,
+        selectedOptions: selectedOptions
+    });
 };
-exports.useChipsSelect = useChipsSelect;
+
 //# sourceMappingURL=useChipsSelect.js.map

package/dist/cjs/hooks/useChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AAAgD;AAEzC,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4D,IAAAC,6BAAa,EAACb,KAAK,CAAC;IAAxEc,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKpB,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}
+{"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;;2DALU;6BAGO;AAEvB,IAAMA,iBAAiB,SAC5BC,OACG;IACH,IAAQC,UAAsDD,MAAtDC,SAASC,WAA6CF,MAA7CE,UAAUC,iBAAmCH,MAAnCG,gBAAgBC,iBAAmBJ,MAAnBI;IAE3C,IAA4BC,iCAAAA,OAAMC,QAAQ,CAAC,KAAK,OAAzCC,SAAqBF,oBAAbG,YAAaH;IAC5B,IAAoDA,kCAAAA,OAAMC,QAAQ,CAAgB,QAA3EG,qBAA6CJ,qBAAzBK,wBAAyBL;IACpD,IAA0CA,kCAAAA,OAAMC,QAAQ,CAAgB,IAAI,OAArEK,gBAAmCN,qBAApBO,mBAAoBP;IAE1C,IAA4DQ,kBAAAA,IAAAA,4BAAa,EAACb,QAAlEc,aAAoDD,gBAApDC,YAAYC,kBAAwCF,gBAAxCE,iBAAoBC,2CAAoBH;QAApDC;QAAYC;;IAEpB,IAAME,oBAAoB,SAACC,GAAuD;QAChF,IAAI,CAACA,GAAG;YACN;QACF,CAAC;QACDF,gBAAgBC,iBAAiB,CAACC;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU,IAAI;YACdE,sBAAsB;QACxB,CAAC;IACH;IAEA,IAAIS,kBAAkBd,OAAMe,OAAO,CAAC,WAAM;QACxC,OAAOlB,WACHD,QAASoB,MAAM,CAAC,SAACC;mBAAWpB,SAASY,YAAYQ,QAAQnB;aACxDF,OAAoB;IAC3B,GAAG;QAACA;QAASC;QAAUY;QAAYX;KAAe;IAElDgB,kBAAkBd,OAAMe,OAAO,CAAC,WAAM;QACpC,IAAI,CAACD,gBAAgBI,MAAM,EAAE;YAC3B,OAAOJ;QACT,CAAC;QAED,IAAMK,cAAc,IAAIC,IAAIN;QAC5B,IAAMO,WAAWX,gBAAgBY,GAAG,CAAC,SAACC;mBAASxB,eAAgBwB;;YAE1D,kCAAA,2BAAA;;YAAL,QAAK,YAAcJ,gCAAd,SAAA,6BAAA,QAAA,yBAAA,iCAA2B;gBAA3B,IAAMI,OAAN;gBACH,IAAIF,SAASG,QAAQ,CAACzB,eAAgBwB,QAAQ;oBAC5CJ,YAAYM,MAAM,CAACF;gBACrB,CAAC;YACH;;YAJK;YAAA;;;qBAAA,6BAAA;oBAAA;;;oBAAA;0BAAA;;;;QAML,OAAQ,mBAAGJ;IACb,GAAG;QAACL;QAAiBJ;QAAiBX;KAAe;IAErD,OAAO,qCACFY;QACHF,YAAAA;QACAG,mBAAAA;QACAV,QAAAA;QACAC,WAAAA;QACAW,iBAAAA;QACAV,oBAAAA;QACAC,uBAAAA;QACAC,eAAAA;QACAC,kBAAAA;QACAG,iBAAAA;;AAEJ"}