@vkontakte/vkui 7.5.4 → 7.6.1

package/dist/components/CustomSelect/hooks/useDropdownOpenedController.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+import { noop } from "@vkontakte/vkjs";
+import { useStableCallback } from "../../../hooks/useStableCallback.js";
+/* eslint-enable jsdoc/require-jsdoc */ export function useDropdownOpenedController({ onClose, onOpen, onOpened, onClosed }) {
+    const [opened, setOpened] = React.useState(false);
+    const onCloseCb = useStableCallback(onClose || noop);
+    const onOpenCb = useStableCallback(onOpen || noop);
+    const onOpenedCb = useStableCallback(onOpened || noop);
+    const onClosedCb = useStableCallback(onClosed || noop);
+    const close = React.useCallback(()=>{
+        if (!opened) {
+            return;
+        }
+        setOpened(false);
+        onCloseCb === null || onCloseCb === void 0 ? void 0 : onCloseCb();
+    }, [
+        onCloseCb,
+        opened
+    ]);
+    const open = React.useCallback(()=>{
+        if (opened) {
+            return;
+        }
+        setOpened(true);
+        onOpenCb === null || onOpenCb === void 0 ? void 0 : onOpenCb();
+    }, [
+        onOpenCb,
+        opened
+    ]);
+    const toggleOpened = React.useCallback(()=>{
+        if (opened) {
+            close();
+        } else {
+            open();
+        }
+    }, [
+        close,
+        open,
+        opened
+    ]);
+    React.useEffect(()=>{
+        if (opened) {
+            onOpenedCb();
+        } else {
+            onClosedCb();
+        }
+    }, [
+        onClosedCb,
+        onOpenedCb,
+        opened
+    ]);
+    return {
+        opened,
+        open,
+        close,
+        toggleOpened
+    };
+}
+
+//# sourceMappingURL=useDropdownOpenedController.js.map

package/dist/components/CustomSelect/hooks/useDropdownOpenedController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useDropdownOpenedController.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { type SelectProps } from '../CustomSelect';\n/* eslint-disable jsdoc/require-jsdoc */\ntype UseDropdownOpenedControllerProps = Pick<SelectProps, 'onOpen' | 'onClose'> & {\n  onOpened?: () => void;\n  onClosed?: () => void;\n};\n/* eslint-enable jsdoc/require-jsdoc */\nexport function useDropdownOpenedController({\n  onClose,\n  onOpen,\n  onOpened,\n  onClosed,\n}: UseDropdownOpenedControllerProps) {\n  const [opened, setOpened] = React.useState(false);\n  const onCloseCb = useStableCallback(onClose || noop);\n  const onOpenCb = useStableCallback(onOpen || noop);\n  const onOpenedCb = useStableCallback(onOpened || noop);\n  const onClosedCb = useStableCallback(onClosed || noop);\n\n  const close = React.useCallback(() => {\n    if (!opened) {\n      return;\n    }\n    setOpened(false);\n    onCloseCb?.();\n  }, [onCloseCb, opened]);\n\n  const open = React.useCallback(() => {\n    if (opened) {\n      return;\n    }\n    setOpened(true);\n    onOpenCb?.();\n  }, [onOpenCb, opened]);\n\n  const toggleOpened = React.useCallback(() => {\n    if (opened) {\n      close();\n    } else {\n      open();\n    }\n  }, [close, open, opened]);\n\n  React.useEffect(() => {\n    if (opened) {\n      onOpenedCb();\n    } else {\n      onClosedCb();\n    }\n  }, [onClosedCb, onOpenedCb, opened]);\n\n  return {\n    opened,\n    open,\n    close,\n    toggleOpened,\n  };\n}\n"],"names":["React","noop","useStableCallback","useDropdownOpenedController","onClose","onOpen","onOpened","onClosed","opened","setOpened","useState","onCloseCb","onOpenCb","onOpenedCb","onClosedCb","close","useCallback","open","toggleOpened","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAAQ,sCAAmC;AAOrE,qCAAqC,GACrC,OAAO,SAASC,4BAA4B,EAC1CC,OAAO,EACPC,MAAM,EACNC,QAAQ,EACRC,QAAQ,EACyB;IACjC,MAAM,CAACC,QAAQC,UAAU,GAAGT,MAAMU,QAAQ,CAAC;IAC3C,MAAMC,YAAYT,kBAAkBE,WAAWH;IAC/C,MAAMW,WAAWV,kBAAkBG,UAAUJ;IAC7C,MAAMY,aAAaX,kBAAkBI,YAAYL;IACjD,MAAMa,aAAaZ,kBAAkBK,YAAYN;IAEjD,MAAMc,QAAQf,MAAMgB,WAAW,CAAC;QAC9B,IAAI,CAACR,QAAQ;YACX;QACF;QACAC,UAAU;QACVE,sBAAAA,gCAAAA;IACF,GAAG;QAACA;QAAWH;KAAO;IAEtB,MAAMS,OAAOjB,MAAMgB,WAAW,CAAC;QAC7B,IAAIR,QAAQ;YACV;QACF;QACAC,UAAU;QACVG,qBAAAA,+BAAAA;IACF,GAAG;QAACA;QAAUJ;KAAO;IAErB,MAAMU,eAAelB,MAAMgB,WAAW,CAAC;QACrC,IAAIR,QAAQ;YACVO;QACF,OAAO;YACLE;QACF;IACF,GAAG;QAACF;QAAOE;QAAMT;KAAO;IAExBR,MAAMmB,SAAS,CAAC;QACd,IAAIX,QAAQ;YACVK;QACF,OAAO;YACLC;QACF;IACF,GAAG;QAACA;QAAYD;QAAYL;KAAO;IAEnC,OAAO;QACLA;QACAS;QACAF;QACAG;IACF;AACF"}

package/dist/components/CustomSelect/hooks/useFocusedOptionController.d.ts

@@ -0,0 +1,20 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import { type SelectValue } from '../../NativeSelect/NativeSelect';
+import { type SelectProps } from '../CustomSelect';
+import { type CustomSelectOptionInterface } from '../types';
+interface UseFocusedOptionControllerProps<OptionInterfaceT extends CustomSelectOptionInterface> {
+    filteredOptions: SelectProps<OptionInterfaceT>['options'];
+    scrollToElement: (index: number, center?: boolean) => void;
+    selectedOptionValue: SelectValue;
+}
+export interface UseFocusedOptionControllerReturn {
+    focusedOptionValue: SelectValue;
+    setFocusedOptionValue: Dispatch<SetStateAction<SelectValue>>;
+    focusOptionByIndex: (index: number | undefined, scrollTo: boolean) => void;
+    resetFocusedOption: () => void;
+    focusOption: (type: 'next' | 'prev') => void;
+    selectFocusedValue: () => void;
+}
+export declare function useFocusedOptionController<OptionInterfaceT extends CustomSelectOptionInterface>({ selectedOptionValue, filteredOptions, scrollToElement, }: UseFocusedOptionControllerProps<OptionInterfaceT>): UseFocusedOptionControllerReturn;
+export {};
+//# sourceMappingURL=useFocusedOptionController.d.ts.map

package/dist/components/CustomSelect/hooks/useFocusedOptionController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusedOptionController.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/hooks/useFocusedOptionController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAG5D,UAAU,+BAA+B,CAAC,gBAAgB,SAAS,2BAA2B;IAC5F,eAAe,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,WAAW,CAAC;CAClC;AAED,MAAM,WAAW,gCAAgC;IAC/C,kBAAkB,EAAE,WAAW,CAAC;IAChC,qBAAqB,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7D,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3E,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAGD,wBAAgB,0BAA0B,CAAC,gBAAgB,SAAS,2BAA2B,EAAE,EAC/F,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,EAAE,+BAA+B,CAAC,gBAAgB,CAAC,GAAG,gCAAgC,CAyDtF"}

package/dist/components/CustomSelect/hooks/useFocusedOptionController.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { findIndexAfter, findIndexBefore, findSelectedIndex } from "../helpers.js";
+/* eslint-enable jsdoc/require-jsdoc */ export function useFocusedOptionController({ selectedOptionValue, filteredOptions, scrollToElement }) {
+    const [focusedOptionValue, setFocusedOptionValue] = React.useState(null);
+    const focusOptionByIndex = React.useCallback((index, scrollTo = true)=>{
+        if (index === undefined || index < 0 || index > filteredOptions.length - 1) {
+            return;
+        }
+        const option = filteredOptions[index];
+        if (!option || option.disabled) {
+            return;
+        }
+        if (scrollTo) {
+            scrollToElement(index);
+        }
+        setFocusedOptionValue(option.value);
+    }, [
+        filteredOptions,
+        scrollToElement
+    ]);
+    const resetFocusedOption = React.useCallback(()=>{
+        setFocusedOptionValue(null);
+    }, []);
+    const focusOption = React.useCallback((type)=>{
+        let index = findSelectedIndex(filteredOptions, focusedOptionValue);
+        if (type === 'next') {
+            const nextIndex = findIndexAfter(filteredOptions, index);
+            index = nextIndex === -1 ? findIndexAfter(filteredOptions) : nextIndex; // Следующий за index или первый валидный до index
+        } else if (type === 'prev') {
+            const beforeIndex = findIndexBefore(filteredOptions, index);
+            index = beforeIndex === -1 ? findIndexBefore(filteredOptions) : beforeIndex; // Предшествующий index или последний валидный после index
+        }
+        focusOptionByIndex(index);
+    }, [
+        filteredOptions,
+        focusedOptionValue,
+        focusOptionByIndex
+    ]);
+    const selectFocusedValue = React.useCallback(()=>setFocusedOptionValue(selectedOptionValue), [
+        selectedOptionValue
+    ]);
+    return {
+        focusedOptionValue,
+        setFocusedOptionValue,
+        focusOptionByIndex,
+        resetFocusedOption,
+        focusOption,
+        selectFocusedValue
+    };
+}
+
+//# sourceMappingURL=useFocusedOptionController.js.map

package/dist/components/CustomSelect/hooks/useFocusedOptionController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useFocusedOptionController.ts"],"sourcesContent":["import { type Dispatch, type SetStateAction } from 'react';\nimport * as React from 'react';\nimport { type SelectValue } from '../../NativeSelect/NativeSelect';\nimport { type SelectProps } from '../CustomSelect';\nimport { findIndexAfter, findIndexBefore, findSelectedIndex } from '../helpers';\nimport { type CustomSelectOptionInterface } from '../types';\n\n/* eslint-disable jsdoc/require-jsdoc */\ninterface UseFocusedOptionControllerProps<OptionInterfaceT extends CustomSelectOptionInterface> {\n  filteredOptions: SelectProps<OptionInterfaceT>['options'];\n  scrollToElement: (index: number, center?: boolean) => void;\n  selectedOptionValue: SelectValue;\n}\n\nexport interface UseFocusedOptionControllerReturn {\n  focusedOptionValue: SelectValue;\n  setFocusedOptionValue: Dispatch<SetStateAction<SelectValue>>;\n  focusOptionByIndex: (index: number | undefined, scrollTo: boolean) => void;\n  resetFocusedOption: () => void;\n  focusOption: (type: 'next' | 'prev') => void;\n  selectFocusedValue: () => void;\n}\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport function useFocusedOptionController<OptionInterfaceT extends CustomSelectOptionInterface>({\n  selectedOptionValue,\n  filteredOptions,\n  scrollToElement,\n}: UseFocusedOptionControllerProps<OptionInterfaceT>): UseFocusedOptionControllerReturn {\n  const [focusedOptionValue, setFocusedOptionValue] = React.useState<SelectValue>(null);\n\n  const focusOptionByIndex = React.useCallback(\n    (index: number | undefined, scrollTo = true) => {\n      if (index === undefined || index < 0 || index > filteredOptions.length - 1) {\n        return;\n      }\n      const option = filteredOptions[index];\n\n      if (!option || option.disabled) {\n        return;\n      }\n\n      if (scrollTo) {\n        scrollToElement(index);\n      }\n\n      setFocusedOptionValue(option.value);\n    },\n    [filteredOptions, scrollToElement],\n  );\n\n  const resetFocusedOption = React.useCallback(() => {\n    setFocusedOptionValue(null);\n  }, []);\n\n  const focusOption = React.useCallback(\n    (type: 'next' | 'prev') => {\n      let index = findSelectedIndex(filteredOptions, focusedOptionValue);\n\n      if (type === 'next') {\n        const nextIndex = findIndexAfter(filteredOptions, index);\n        index = nextIndex === -1 ? findIndexAfter(filteredOptions) : nextIndex; // Следующий за index или первый валидный до index\n      } else if (type === 'prev') {\n        const beforeIndex = findIndexBefore(filteredOptions, index);\n        index = beforeIndex === -1 ? findIndexBefore(filteredOptions) : beforeIndex; // Предшествующий index или последний валидный после index\n      }\n\n      focusOptionByIndex(index);\n    },\n    [filteredOptions, focusedOptionValue, focusOptionByIndex],\n  );\n\n  const selectFocusedValue = React.useCallback(\n    () => setFocusedOptionValue(selectedOptionValue),\n    [selectedOptionValue],\n  );\n\n  return {\n    focusedOptionValue,\n    setFocusedOptionValue,\n    focusOptionByIndex,\n    resetFocusedOption,\n    focusOption,\n    selectFocusedValue,\n  };\n}\n"],"names":["React","findIndexAfter","findIndexBefore","findSelectedIndex","useFocusedOptionController","selectedOptionValue","filteredOptions","scrollToElement","focusedOptionValue","setFocusedOptionValue","useState","focusOptionByIndex","useCallback","index","scrollTo","undefined","length","option","disabled","value","resetFocusedOption","focusOption","type","nextIndex","beforeIndex","selectFocusedValue"],"mappings":"AACA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,cAAc,EAAEC,eAAe,EAAEC,iBAAiB,QAAQ,gBAAa;AAkBhF,qCAAqC,GAErC,OAAO,SAASC,2BAAiF,EAC/FC,mBAAmB,EACnBC,eAAe,EACfC,eAAe,EACmC;IAClD,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGT,MAAMU,QAAQ,CAAc;IAEhF,MAAMC,qBAAqBX,MAAMY,WAAW,CAC1C,CAACC,OAA2BC,WAAW,IAAI;QACzC,IAAID,UAAUE,aAAaF,QAAQ,KAAKA,QAAQP,gBAAgBU,MAAM,GAAG,GAAG;YAC1E;QACF;QACA,MAAMC,SAASX,eAAe,CAACO,MAAM;QAErC,IAAI,CAACI,UAAUA,OAAOC,QAAQ,EAAE;YAC9B;QACF;QAEA,IAAIJ,UAAU;YACZP,gBAAgBM;QAClB;QAEAJ,sBAAsBQ,OAAOE,KAAK;IACpC,GACA;QAACb;QAAiBC;KAAgB;IAGpC,MAAMa,qBAAqBpB,MAAMY,WAAW,CAAC;QAC3CH,sBAAsB;IACxB,GAAG,EAAE;IAEL,MAAMY,cAAcrB,MAAMY,WAAW,CACnC,CAACU;QACC,IAAIT,QAAQV,kBAAkBG,iBAAiBE;QAE/C,IAAIc,SAAS,QAAQ;YACnB,MAAMC,YAAYtB,eAAeK,iBAAiBO;YAClDA,QAAQU,cAAc,CAAC,IAAItB,eAAeK,mBAAmBiB,WAAW,kDAAkD;QAC5H,OAAO,IAAID,SAAS,QAAQ;YAC1B,MAAME,cAActB,gBAAgBI,iBAAiBO;YACrDA,QAAQW,gBAAgB,CAAC,IAAItB,gBAAgBI,mBAAmBkB,aAAa,0DAA0D;QACzI;QAEAb,mBAAmBE;IACrB,GACA;QAACP;QAAiBE;QAAoBG;KAAmB;IAG3D,MAAMc,qBAAqBzB,MAAMY,WAAW,CAC1C,IAAMH,sBAAsBJ,sBAC5B;QAACA;KAAoB;IAGvB,OAAO;QACLG;QACAC;QACAE;QACAS;QACAC;QACAI;IACF;AACF"}

package/dist/components/CustomSelect/hooks/useInputKeyboardController.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type SelectProps } from '../CustomSelect';
+import { type UseFocusedOptionControllerReturn } from './useFocusedOptionController';
+interface UseInputKeyboardController extends Pick<UseFocusedOptionControllerReturn, 'resetFocusedOption' | 'focusOption'>, Pick<SelectProps, 'onInputKeyDown'> {
+    opened: boolean;
+    scrollBoxRef: React.RefObject<HTMLDivElement | null>;
+    selectFocused: () => void;
+    open: () => void;
+    close: () => void;
+}
+export declare function useInputKeyboardController({ opened, resetFocusedOption, focusOption, scrollBoxRef, selectFocused, onInputKeyDown, open, close, }: UseInputKeyboardController): (e: React.KeyboardEvent<HTMLInputElement>) => void;
+export {};
+//# sourceMappingURL=useInputKeyboardController.d.ts.map

package/dist/components/CustomSelect/hooks/useInputKeyboardController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputKeyboardController.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/hooks/useInputKeyboardController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,8BAA8B,CAAC;AAKrF,UAAU,0BACR,SAAQ,IAAI,CAAC,gCAAgC,EAAE,oBAAoB,GAAG,aAAa,CAAC,EAClF,IAAI,CAAC,WAAW,EAAE,gBAAgB,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAGD,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,IAAI,EACJ,KAAK,GACN,EAAE,0BAA0B,OA4DA,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAM1E"}

package/dist/components/CustomSelect/hooks/useInputKeyboardController.js

@@ -0,0 +1,78 @@
+import * as React from "react";
+import { Keys, pressedKey } from "../../../lib/accessibility.js";
+import { callMultiple } from "../../../lib/callMultiple.js";
+const KEYS_TO_PREVENT_DEFAULT = [
+    Keys.ARROW_UP,
+    Keys.ARROW_DOWN,
+    Keys.ESCAPE,
+    Keys.ENTER
+];
+/* eslint-enable jsdoc/require-jsdoc */ export function useInputKeyboardController({ opened, resetFocusedOption, focusOption, scrollBoxRef, selectFocused, onInputKeyDown, open, close }) {
+    const handleKeyDownSelect = React.useCallback((event)=>{
+        const key = pressedKey(event);
+        if (event.key.length === 1 && key !== Keys.SPACE) {
+            open();
+            resetFocusedOption();
+            return;
+        }
+        if (!key) {
+            return;
+        }
+        const areOptionsShown = ()=>scrollBoxRef.current !== null;
+        if (KEYS_TO_PREVENT_DEFAULT.includes(key)) {
+            event.preventDefault();
+        }
+        switch(key){
+            case Keys.ARROW_UP:
+                if (opened) {
+                    areOptionsShown() && focusOption('prev');
+                } else {
+                    open();
+                }
+                break;
+            case Keys.ARROW_DOWN:
+                if (opened) {
+                    areOptionsShown() && focusOption('next');
+                } else {
+                    open();
+                }
+                break;
+            case Keys.ESCAPE:
+                close();
+                break;
+            case Keys.BACKSPACE:
+            case Keys.DELETE:
+                {
+                    open();
+                    resetFocusedOption();
+                    break;
+                }
+            case Keys.ENTER:
+            case Keys.SPACE:
+                if (opened) {
+                    areOptionsShown() && selectFocused();
+                } else {
+                    open();
+                }
+                break;
+        }
+    }, [
+        scrollBoxRef,
+        opened,
+        close,
+        focusOption,
+        open,
+        resetFocusedOption,
+        selectFocused
+    ]);
+    const handleInputKeydown = React.useCallback((event)=>{
+        onInputKeyDown === null || onInputKeyDown === void 0 ? void 0 : onInputKeyDown(event, opened);
+    }, [
+        opened,
+        onInputKeyDown
+    ]);
+    const _onInputKeyDown = callMultiple(handleKeyDownSelect, handleInputKeydown);
+    return _onInputKeyDown;
+}
+
+//# sourceMappingURL=useInputKeyboardController.js.map

package/dist/components/CustomSelect/hooks/useInputKeyboardController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useInputKeyboardController.ts"],"sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../../../lib/accessibility';\nimport { callMultiple } from '../../../lib/callMultiple';\nimport { type SelectProps } from '../CustomSelect';\nimport { type UseFocusedOptionControllerReturn } from './useFocusedOptionController';\n\nconst KEYS_TO_PREVENT_DEFAULT: string[] = [Keys.ARROW_UP, Keys.ARROW_DOWN, Keys.ESCAPE, Keys.ENTER];\n\n/* eslint-disable jsdoc/require-jsdoc */\ninterface UseInputKeyboardController\n  extends Pick<UseFocusedOptionControllerReturn, 'resetFocusedOption' | 'focusOption'>,\n    Pick<SelectProps, 'onInputKeyDown'> {\n  opened: boolean;\n  scrollBoxRef: React.RefObject<HTMLDivElement | null>;\n  selectFocused: () => void;\n  open: () => void;\n  close: () => void;\n}\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport function useInputKeyboardController({\n  opened,\n  resetFocusedOption,\n  focusOption,\n  scrollBoxRef,\n  selectFocused,\n  onInputKeyDown,\n  open,\n  close,\n}: UseInputKeyboardController) {\n  const handleKeyDownSelect = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      const key = pressedKey(event);\n      if (event.key.length === 1 && key !== Keys.SPACE) {\n        open();\n        resetFocusedOption();\n        return;\n      }\n      if (!key) {\n        return;\n      }\n      const areOptionsShown = () => scrollBoxRef.current !== null;\n\n      if (KEYS_TO_PREVENT_DEFAULT.includes(key)) {\n        event.preventDefault();\n      }\n      switch (key) {\n        case Keys.ARROW_UP:\n          if (opened) {\n            areOptionsShown() && focusOption('prev');\n          } else {\n            open();\n          }\n          break;\n        case Keys.ARROW_DOWN:\n          if (opened) {\n            areOptionsShown() && focusOption('next');\n          } else {\n            open();\n          }\n          break;\n        case Keys.ESCAPE:\n          close();\n          break;\n        case Keys.BACKSPACE:\n        case Keys.DELETE: {\n          open();\n          resetFocusedOption();\n          break;\n        }\n        case Keys.ENTER:\n        case Keys.SPACE:\n          if (opened) {\n            areOptionsShown() && selectFocused();\n          } else {\n            open();\n          }\n          break;\n      }\n    },\n    [scrollBoxRef, opened, close, focusOption, open, resetFocusedOption, selectFocused],\n  );\n\n  const handleInputKeydown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      onInputKeyDown?.(event, opened);\n    },\n    [opened, onInputKeyDown],\n  );\n  const _onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void = callMultiple(\n    handleKeyDownSelect,\n    handleInputKeydown,\n  );\n\n  return _onInputKeyDown;\n}\n"],"names":["React","Keys","pressedKey","callMultiple","KEYS_TO_PREVENT_DEFAULT","ARROW_UP","ARROW_DOWN","ESCAPE","ENTER","useInputKeyboardController","opened","resetFocusedOption","focusOption","scrollBoxRef","selectFocused","onInputKeyDown","open","close","handleKeyDownSelect","useCallback","event","key","length","SPACE","areOptionsShown","current","includes","preventDefault","BACKSPACE","DELETE","handleInputKeydown","_onInputKeyDown"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,UAAU,QAAQ,gCAA6B;AAC9D,SAASC,YAAY,QAAQ,+BAA4B;AAIzD,MAAMC,0BAAoC;IAACH,KAAKI,QAAQ;IAAEJ,KAAKK,UAAU;IAAEL,KAAKM,MAAM;IAAEN,KAAKO,KAAK;CAAC;AAYnG,qCAAqC,GAErC,OAAO,SAASC,2BAA2B,EACzCC,MAAM,EACNC,kBAAkB,EAClBC,WAAW,EACXC,YAAY,EACZC,aAAa,EACbC,cAAc,EACdC,IAAI,EACJC,KAAK,EACsB;IAC3B,MAAMC,sBAAsBlB,MAAMmB,WAAW,CAC3C,CAACC;QACC,MAAMC,MAAMnB,WAAWkB;QACvB,IAAIA,MAAMC,GAAG,CAACC,MAAM,KAAK,KAAKD,QAAQpB,KAAKsB,KAAK,EAAE;YAChDP;YACAL;YACA;QACF;QACA,IAAI,CAACU,KAAK;YACR;QACF;QACA,MAAMG,kBAAkB,IAAMX,aAAaY,OAAO,KAAK;QAEvD,IAAIrB,wBAAwBsB,QAAQ,CAACL,MAAM;YACzCD,MAAMO,cAAc;QACtB;QACA,OAAQN;YACN,KAAKpB,KAAKI,QAAQ;gBAChB,IAAIK,QAAQ;oBACVc,qBAAqBZ,YAAY;gBACnC,OAAO;oBACLI;gBACF;gBACA;YACF,KAAKf,KAAKK,UAAU;gBAClB,IAAII,QAAQ;oBACVc,qBAAqBZ,YAAY;gBACnC,OAAO;oBACLI;gBACF;gBACA;YACF,KAAKf,KAAKM,MAAM;gBACdU;gBACA;YACF,KAAKhB,KAAK2B,SAAS;YACnB,KAAK3B,KAAK4B,MAAM;gBAAE;oBAChBb;oBACAL;oBACA;gBACF;YACA,KAAKV,KAAKO,KAAK;YACf,KAAKP,KAAKsB,KAAK;gBACb,IAAIb,QAAQ;oBACVc,qBAAqBV;gBACvB,OAAO;oBACLE;gBACF;gBACA;QACJ;IACF,GACA;QAACH;QAAcH;QAAQO;QAAOL;QAAaI;QAAML;QAAoBG;KAAc;IAGrF,MAAMgB,qBAAqB9B,MAAMmB,WAAW,CAC1C,CAACC;QACCL,2BAAAA,qCAAAA,eAAiBK,OAAOV;IAC1B,GACA;QAACA;QAAQK;KAAe;IAE1B,MAAMgB,kBAAsE5B,aAC1Ee,qBACAY;IAGF,OAAOC;AACT"}

package/dist/components/CustomSelect/hooks/useInputValueController.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type SelectValue } from '../../NativeSelect/NativeSelect';
+import { type SelectProps } from '../CustomSelect';
+import { type CustomSelectOptionInterface } from '../types';
+type UseInputValueControllerProps<OptionInterfaceT extends CustomSelectOptionInterface> = Pick<SelectProps<OptionInterfaceT>, 'options' | 'onInputChange' | 'accessible'> & {
+    selectedValue: SelectValue;
+};
+export declare function useInputValueController<OptionInterfaceT extends CustomSelectOptionInterface>({ options, accessible, selectedValue, onInputChange: onInputChangeProp, }: UseInputValueControllerProps<OptionInterfaceT>): {
+    inputValue: string;
+    resetInputValue: () => void;
+    resetInputValueBySelectedOption: () => void;
+    onInputChange: React.ChangeEventHandler<HTMLInputElement>;
+};
+export {};
+//# sourceMappingURL=useInputValueController.d.ts.map

package/dist/components/CustomSelect/hooks/useInputValueController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputValueController.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/hooks/useInputValueController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAG5D,KAAK,4BAA4B,CAAC,gBAAgB,SAAS,2BAA2B,IAAI,IAAI,CAC5F,WAAW,CAAC,gBAAgB,CAAC,EAC7B,SAAS,GAAG,eAAe,GAAG,YAAY,CAC3C,GAAG;IACF,aAAa,EAAE,WAAW,CAAC;CAC5B,CAAC;AAGF,wBAAgB,uBAAuB,CAAC,gBAAgB,SAAS,2BAA2B,EAAE,EAC5F,OAAO,EACP,UAAU,EACV,aAAa,EACb,aAAa,EAAE,iBAAiB,GACjC,EAAE,4BAA4B,CAAC,gBAAgB,CAAC;;;;;EAoChD"}

package/dist/components/CustomSelect/hooks/useInputValueController.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { useIsomorphicLayoutEffect } from "../../../lib/useIsomorphicLayoutEffect.js";
+import { calculateInputValueFromOptions } from "../helpers.js";
+/* eslint-enable jsdoc/require-jsdoc */ export function useInputValueController({ options, accessible, selectedValue, onInputChange: onInputChangeProp }) {
+    const [inputValue, setInputValue] = React.useState('');
+    const optionsRef = React.useRef(options);
+    useIsomorphicLayoutEffect(()=>{
+        optionsRef.current = options;
+    }, [
+        options
+    ]);
+    const resetInputValueBySelectedOption = React.useCallback(()=>{
+        setInputValue(calculateInputValueFromOptions(optionsRef.current, selectedValue));
+    }, [
+        selectedValue
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        if (accessible) {
+            resetInputValueBySelectedOption();
+        }
+    }, [
+        accessible,
+        resetInputValueBySelectedOption
+    ]);
+    const resetInputValue = React.useCallback(()=>{
+        setInputValue('');
+    }, []);
+    const onInputChange = React.useCallback((e)=>{
+        onInputChangeProp && onInputChangeProp(e);
+        setInputValue(e.target.value);
+    }, [
+        onInputChangeProp,
+        setInputValue
+    ]);
+    return {
+        inputValue,
+        resetInputValue,
+        resetInputValueBySelectedOption,
+        onInputChange
+    };
+}
+
+//# sourceMappingURL=useInputValueController.js.map

package/dist/components/CustomSelect/hooks/useInputValueController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useInputValueController.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport { type SelectValue } from '../../NativeSelect/NativeSelect';\nimport { type SelectProps } from '../CustomSelect';\nimport { calculateInputValueFromOptions } from '../helpers';\nimport { type CustomSelectOptionInterface } from '../types';\n\n/* eslint-disable jsdoc/require-jsdoc */\ntype UseInputValueControllerProps<OptionInterfaceT extends CustomSelectOptionInterface> = Pick<\n  SelectProps<OptionInterfaceT>,\n  'options' | 'onInputChange' | 'accessible'\n> & {\n  selectedValue: SelectValue;\n};\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport function useInputValueController<OptionInterfaceT extends CustomSelectOptionInterface>({\n  options,\n  accessible,\n  selectedValue,\n  onInputChange: onInputChangeProp,\n}: UseInputValueControllerProps<OptionInterfaceT>) {\n  const [inputValue, setInputValue] = React.useState('');\n  const optionsRef = React.useRef(options);\n\n  useIsomorphicLayoutEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const resetInputValueBySelectedOption = React.useCallback(() => {\n    setInputValue(calculateInputValueFromOptions(optionsRef.current, selectedValue));\n  }, [selectedValue]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (accessible) {\n      resetInputValueBySelectedOption();\n    }\n  }, [accessible, resetInputValueBySelectedOption]);\n\n  const resetInputValue = React.useCallback(() => {\n    setInputValue('');\n  }, []);\n\n  const onInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      onInputChangeProp && onInputChangeProp(e);\n      setInputValue(e.target.value);\n    },\n    [onInputChangeProp, setInputValue],\n  );\n\n  return {\n    inputValue,\n    resetInputValue,\n    resetInputValueBySelectedOption,\n    onInputChange,\n  };\n}\n"],"names":["React","useIsomorphicLayoutEffect","calculateInputValueFromOptions","useInputValueController","options","accessible","selectedValue","onInputChange","onInputChangeProp","inputValue","setInputValue","useState","optionsRef","useRef","current","resetInputValueBySelectedOption","useCallback","resetInputValue","e","target","value"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,4CAAyC;AAGnF,SAASC,8BAA8B,QAAQ,gBAAa;AAU5D,qCAAqC,GAErC,OAAO,SAASC,wBAA8E,EAC5FC,OAAO,EACPC,UAAU,EACVC,aAAa,EACbC,eAAeC,iBAAiB,EACe;IAC/C,MAAM,CAACC,YAAYC,cAAc,GAAGV,MAAMW,QAAQ,CAAC;IACnD,MAAMC,aAAaZ,MAAMa,MAAM,CAACT;IAEhCH,0BAA0B;QACxBW,WAAWE,OAAO,GAAGV;IACvB,GAAG;QAACA;KAAQ;IAEZ,MAAMW,kCAAkCf,MAAMgB,WAAW,CAAC;QACxDN,cAAcR,+BAA+BU,WAAWE,OAAO,EAAER;IACnE,GAAG;QAACA;KAAc;IAElBL,0BAA0B;QACxB,IAAII,YAAY;YACdU;QACF;IACF,GAAG;QAACV;QAAYU;KAAgC;IAEhD,MAAME,kBAAkBjB,MAAMgB,WAAW,CAAC;QACxCN,cAAc;IAChB,GAAG,EAAE;IAEL,MAAMH,gBAA4DP,MAAMgB,WAAW,CACjF,CAACE;QACCV,qBAAqBA,kBAAkBU;QACvCR,cAAcQ,EAAEC,MAAM,CAACC,KAAK;IAC9B,GACA;QAACZ;QAAmBE;KAAc;IAGpC,OAAO;QACLD;QACAQ;QACAF;QACAR;IACF;AACF"}

package/dist/components/CustomSelect/hooks/useScrollListController.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface UseScrollListControllerReturn {
+    scrollBoxRef: React.RefObject<HTMLDivElement | null>;
+    optionsWrapperRef: React.RefObject<HTMLDivElement | null>;
+    scrollToElement: (index: number, center?: boolean) => void;
+}
+export declare function useScrollListController(): UseScrollListControllerReturn;
+export {};
+//# sourceMappingURL=useScrollListController.d.ts.map

package/dist/components/CustomSelect/hooks/useScrollListController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollListController.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/hooks/useScrollListController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,6BAA6B;IACrC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAGD,wBAAgB,uBAAuB,IAAI,6BAA6B,CAmCvE"}

package/dist/components/CustomSelect/hooks/useScrollListController.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+/* eslint-enable jsdoc/require-jsdoc */ export function useScrollListController() {
+    const scrollBoxRef = React.useRef(null);
+    const optionsWrapperRef = React.useRef(null);
+    const scrollToElement = React.useCallback((index, center = false)=>{
+        const dropdown = scrollBoxRef.current;
+        const optionsWrapper = optionsWrapperRef.current;
+        if (!dropdown || !optionsWrapper || index < 0 || index > optionsWrapper.children.length) {
+            return;
+        }
+        const item = optionsWrapper.children[index];
+        /* istanbul ignore if: проверка для TS (ситуация, когда среди children нет элемента с index, маловероятна) */ if (!item) {
+            return;
+        }
+        const dropdownHeight = dropdown.offsetHeight;
+        const scrollTop = dropdown.scrollTop;
+        const itemTop = item.offsetTop;
+        const itemHeight = item.offsetHeight;
+        if (center) {
+            dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;
+        } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {
+            dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;
+        } else if (itemTop < scrollTop) {
+            dropdown.scrollTop = itemTop;
+        }
+    }, [
+        optionsWrapperRef,
+        scrollBoxRef
+    ]);
+    return {
+        scrollToElement,
+        scrollBoxRef,
+        optionsWrapperRef
+    };
+}
+
+//# sourceMappingURL=useScrollListController.js.map

package/dist/components/CustomSelect/hooks/useScrollListController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useScrollListController.ts"],"sourcesContent":["import * as React from 'react';\n\n/* eslint-disable jsdoc/require-jsdoc */\ninterface UseScrollListControllerReturn {\n  scrollBoxRef: React.RefObject<HTMLDivElement | null>;\n  optionsWrapperRef: React.RefObject<HTMLDivElement | null>;\n  scrollToElement: (index: number, center?: boolean) => void;\n}\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport function useScrollListController(): UseScrollListControllerReturn {\n  const scrollBoxRef = React.useRef<HTMLDivElement | null>(null);\n  const optionsWrapperRef = React.useRef<HTMLDivElement>(null);\n\n  const scrollToElement = React.useCallback(\n    (index: number, center = false) => {\n      const dropdown = scrollBoxRef.current;\n      const optionsWrapper = optionsWrapperRef.current;\n\n      if (!dropdown || !optionsWrapper || index < 0 || index > optionsWrapper.children.length) {\n        return;\n      }\n      const item = optionsWrapper.children[index] as HTMLElement | null;\n      /* istanbul ignore if: проверка для TS (ситуация, когда среди children нет элемента с index, маловероятна) */\n      if (!item) {\n        return;\n      }\n\n      const dropdownHeight = dropdown.offsetHeight;\n      const scrollTop = dropdown.scrollTop;\n      const itemTop = item.offsetTop;\n      const itemHeight = item.offsetHeight;\n\n      if (center) {\n        dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n      } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n        dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n      } else if (itemTop < scrollTop) {\n        dropdown.scrollTop = itemTop;\n      }\n    },\n    [optionsWrapperRef, scrollBoxRef],\n  );\n\n  return { scrollToElement, scrollBoxRef, optionsWrapperRef };\n}\n"],"names":["React","useScrollListController","scrollBoxRef","useRef","optionsWrapperRef","scrollToElement","useCallback","index","center","dropdown","current","optionsWrapper","children","length","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAQ/B,qCAAqC,GAErC,OAAO,SAASC;IACd,MAAMC,eAAeF,MAAMG,MAAM,CAAwB;IACzD,MAAMC,oBAAoBJ,MAAMG,MAAM,CAAiB;IAEvD,MAAME,kBAAkBL,MAAMM,WAAW,CACvC,CAACC,OAAeC,SAAS,KAAK;QAC5B,MAAMC,WAAWP,aAAaQ,OAAO;QACrC,MAAMC,iBAAiBP,kBAAkBM,OAAO;QAEhD,IAAI,CAACD,YAAY,CAACE,kBAAkBJ,QAAQ,KAAKA,QAAQI,eAAeC,QAAQ,CAACC,MAAM,EAAE;YACvF;QACF;QACA,MAAMC,OAAOH,eAAeC,QAAQ,CAACL,MAAM;QAC3C,2GAA2G,GAC3G,IAAI,CAACO,MAAM;YACT;QACF;QAEA,MAAMC,iBAAiBN,SAASO,YAAY;QAC5C,MAAMC,YAAYR,SAASQ,SAAS;QACpC,MAAMC,UAAUJ,KAAKK,SAAS;QAC9B,MAAMC,aAAaN,KAAKE,YAAY;QAEpC,IAAIR,QAAQ;YACVC,SAASQ,SAAS,GAAGC,UAAUH,iBAAiB,IAAIK,aAAa;QACnE,OAAO,IAAIF,UAAUE,aAAaL,iBAAiBE,WAAW;YAC5DR,SAASQ,SAAS,GAAGC,UAAUH,iBAAiBK;QAClD,OAAO,IAAIF,UAAUD,WAAW;YAC9BR,SAASQ,SAAS,GAAGC;QACvB;IACF,GACA;QAACd;QAAmBF;KAAa;IAGnC,OAAO;QAAEG;QAAiBH;QAAcE;IAAkB;AAC5D"}

package/dist/components/CustomSelect/hooks/useSelectedOptionController.d.ts

@@ -0,0 +1,18 @@
+import { type ChangeEvent } from 'react';
+import * as React from 'react';
+import { type NativeSelectValue, type SelectValue } from '../../NativeSelect/NativeSelect';
+import { type SelectProps } from '../CustomSelect';
+type UseSelectedOptionControllerProps = Pick<SelectProps, 'value' | 'defaultValue'> & {
+    isControlledOutside: boolean;
+    allowClearButton: boolean;
+    onChange?: (e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void;
+};
+export declare function useSelectedOptionController({ value, defaultValue, isControlledOutside, allowClearButton, onChange, }: UseSelectedOptionControllerProps): {
+    selectedOptionValue: SelectValue;
+    setSelectedOptionValue: React.Dispatch<React.SetStateAction<SelectValue>>;
+    nativeSelectValue: NativeSelectValue;
+    setNativeSelectValue: (newValue: NativeSelectValue) => void;
+    onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement>;
+};
+export {};
+//# sourceMappingURL=useSelectedOptionController.d.ts.map

package/dist/components/CustomSelect/hooks/useSelectedOptionController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectedOptionController.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/hooks/useSelectedOptionController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,KAAK,iBAAiB,EAItB,KAAK,WAAW,EACjB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,KAAK,gCAAgC,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,CAAC,GAAG;IACpF,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC/E,CAAC;AAGF,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACT,EAAE,gCAAgC;;;;qCAkBpB,iBAAiB;;EAuF/B"}

package/dist/components/CustomSelect/hooks/useSelectedOptionController.js

@@ -0,0 +1,81 @@
+import * as React from "react";
+import { useStateWithPrev } from "../../../hooks/useStateWithPrev.js";
+import { NOT_SELECTED, remapFromNativeValueToSelectValue, remapFromSelectValueToNativeValue } from "../../NativeSelect/NativeSelect.js";
+/* eslint-enable jsdoc/require-jsdoc */ export function useSelectedOptionController({ value, defaultValue, isControlledOutside, allowClearButton, onChange }) {
+    const [[nativeSelectValue, prevNativeSelectValue], setNativeSelectValue] = useStateWithPrev(()=>{
+        if (value !== undefined) {
+            return remapFromSelectValueToNativeValue(value);
+        }
+        if (defaultValue !== undefined) {
+            return remapFromSelectValueToNativeValue(defaultValue);
+        }
+        return NOT_SELECTED.NATIVE;
+    });
+    const nativeSelectValueRef = React.useRef(nativeSelectValue);
+    const [selectedOptionValue, setSelectedOptionValue] = React.useState(()=>remapFromNativeValueToSelectValue(nativeSelectValue));
+    const _setNativeSelectValue = React.useCallback((newValue)=>{
+        setNativeSelectValue(newValue);
+        nativeSelectValueRef.current = newValue;
+    }, [
+        setNativeSelectValue
+    ]);
+    React.useEffect(function syncNativeSelectValueWithPropValue() {
+        if (value !== undefined) {
+            _setNativeSelectValue(remapFromSelectValueToNativeValue(value));
+        }
+    }, [
+        value,
+        _setNativeSelectValue
+    ]);
+    React.useEffect(function syncNativeSelectValueWithSelectedOptionValue() {
+        const remappedSelectedValue = remapFromSelectValueToNativeValue(selectedOptionValue);
+        if (nativeSelectValueRef.current !== remappedSelectedValue) {
+            setNativeSelectValue(remappedSelectedValue);
+        }
+    }, [
+        selectedOptionValue,
+        setNativeSelectValue
+    ]);
+    const onNativeSelectChange = (e)=>{
+        // для ситуаций, когда в опциях value это string а value/defaultValue это number
+        // и наоборот, приводим значение nativeSelectValue из стейта к строке.
+        // ведь nativeSelect всегда возвращает string в onChange, а пользователь
+        // может использовать number для опций
+        //
+        // native select всегда возвращает string в качестве value в onChange
+        // Когда селект контролируемый, то пользователь, в onChange может сохранить в свой стейт строку (например '3'), хотя
+        // в качестве value опции может использовать число (3),
+        // тогда строчное значение value ('3') из стейта пользователя
+        // будет передано в CustomSelect, и после синхронизации nativeSelectValue (3) и props.value ('3') и после клика на уже выбранную опцию (3),
+        // когда nativeSelectValue обновится на значение опции (число 3),
+        // сравнение nativeSelectValue (3) и prevNativeSelectValue ('3') может не сработать лишь из-за того, что они в разных типах.
+        const convertedNativeSelectValue = typeof nativeSelectValue === 'number' && (typeof value === 'string' || typeof prevNativeSelectValue === 'string') ? String(nativeSelectValue) : nativeSelectValue;
+        const isCalledWithSameControlledOptionValue = isControlledOutside && value === remapFromNativeValueToSelectValue(convertedNativeSelectValue);
+        const isNativeValueChanged = convertedNativeSelectValue !== prevNativeSelectValue && prevNativeSelectValue !== undefined;
+        const isTriggeredByClearButton = allowClearButton && // Проверяем, что новое значение NOT_SELECTED.NATIVE
+        nativeSelectValue === NOT_SELECTED.NATIVE && // Проверяем, что предыдущее значение не undefined(кейс с первой отрисовкой, когда предыдущего значения не было)
+        prevNativeSelectValue !== undefined && // Проверяем, что предыдущее значение не NOT_SELECTED.NATIVE(если до этого было уже сброшенное значение)
+        prevNativeSelectValue !== NOT_SELECTED.NATIVE;
+        const shouldCallOnChange = !isCalledWithSameControlledOptionValue && (isNativeValueChanged || isTriggeredByClearButton);
+        if (!shouldCallOnChange) {
+            return;
+        }
+        const remappedNativeValue = remapFromNativeValueToSelectValue(e.currentTarget.value);
+        if (e.target.value === NOT_SELECTED.NATIVE) {
+            e.target.value = '';
+        }
+        if (e.currentTarget.value === NOT_SELECTED.NATIVE) {
+            e.currentTarget.value = '';
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(e, remappedNativeValue);
+    };
+    return {
+        selectedOptionValue,
+        setSelectedOptionValue,
+        nativeSelectValue,
+        setNativeSelectValue: _setNativeSelectValue,
+        onNativeSelectChange
+    };
+}
+
+//# sourceMappingURL=useSelectedOptionController.js.map

package/dist/components/CustomSelect/hooks/useSelectedOptionController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useSelectedOptionController.ts"],"sourcesContent":["import { type ChangeEvent } from 'react';\nimport * as React from 'react';\nimport { useStateWithPrev } from '../../../hooks/useStateWithPrev';\nimport {\n  type NativeSelectValue,\n  NOT_SELECTED,\n  remapFromNativeValueToSelectValue,\n  remapFromSelectValueToNativeValue,\n  type SelectValue,\n} from '../../NativeSelect/NativeSelect';\nimport { type SelectProps } from '../CustomSelect';\n\n/* eslint-disable jsdoc/require-jsdoc */\ntype UseSelectedOptionControllerProps = Pick<SelectProps, 'value' | 'defaultValue'> & {\n  isControlledOutside: boolean;\n  allowClearButton: boolean;\n  onChange?: (e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void;\n};\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport function useSelectedOptionController({\n  value,\n  defaultValue,\n  isControlledOutside,\n  allowClearButton,\n  onChange,\n}: UseSelectedOptionControllerProps) {\n  const [[nativeSelectValue, prevNativeSelectValue], setNativeSelectValue] =\n    useStateWithPrev<NativeSelectValue>(() => {\n      if (value !== undefined) {\n        return remapFromSelectValueToNativeValue(value);\n      }\n      if (defaultValue !== undefined) {\n        return remapFromSelectValueToNativeValue(defaultValue);\n      }\n      return NOT_SELECTED.NATIVE;\n    });\n  const nativeSelectValueRef = React.useRef<NativeSelectValue>(nativeSelectValue);\n\n  const [selectedOptionValue, setSelectedOptionValue] = React.useState<SelectValue>(() =>\n    remapFromNativeValueToSelectValue(nativeSelectValue),\n  );\n\n  const _setNativeSelectValue = React.useCallback(\n    (newValue: NativeSelectValue) => {\n      setNativeSelectValue(newValue);\n      nativeSelectValueRef.current = newValue;\n    },\n    [setNativeSelectValue],\n  );\n\n  React.useEffect(\n    function syncNativeSelectValueWithPropValue() {\n      if (value !== undefined) {\n        _setNativeSelectValue(remapFromSelectValueToNativeValue(value));\n      }\n    },\n    [value, _setNativeSelectValue],\n  );\n\n  React.useEffect(\n    function syncNativeSelectValueWithSelectedOptionValue() {\n      const remappedSelectedValue = remapFromSelectValueToNativeValue(selectedOptionValue);\n      if (nativeSelectValueRef.current !== remappedSelectedValue) {\n        setNativeSelectValue(remappedSelectedValue);\n      }\n    },\n    [selectedOptionValue, setNativeSelectValue],\n  );\n\n  const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    // для ситуаций, когда в опциях value это string а value/defaultValue это number\n    // и наоборот, приводим значение nativeSelectValue из стейта к строке.\n    // ведь nativeSelect всегда возвращает string в onChange, а пользователь\n    // может использовать number для опций\n    //\n    // native select всегда возвращает string в качестве value в onChange\n    // Когда селект контролируемый, то пользователь, в onChange может сохранить в свой стейт строку (например '3'), хотя\n    // в качестве value опции может использовать число (3),\n    // тогда строчное значение value ('3') из стейта пользователя\n    // будет передано в CustomSelect, и после синхронизации nativeSelectValue (3) и props.value ('3') и после клика на уже выбранную опцию (3),\n    // когда nativeSelectValue обновится на значение опции (число 3),\n    // сравнение nativeSelectValue (3) и prevNativeSelectValue ('3') может не сработать лишь из-за того, что они в разных типах.\n    const convertedNativeSelectValue =\n      typeof nativeSelectValue === 'number' &&\n      (typeof value === 'string' || typeof prevNativeSelectValue === 'string')\n        ? String(nativeSelectValue)\n        : nativeSelectValue;\n\n    const isCalledWithSameControlledOptionValue =\n      isControlledOutside &&\n      value === remapFromNativeValueToSelectValue(convertedNativeSelectValue);\n\n    const isNativeValueChanged =\n      convertedNativeSelectValue !== prevNativeSelectValue && prevNativeSelectValue !== undefined;\n\n    const isTriggeredByClearButton =\n      allowClearButton &&\n      // Проверяем, что новое значение NOT_SELECTED.NATIVE\n      nativeSelectValue === NOT_SELECTED.NATIVE &&\n      // Проверяем, что предыдущее значение не undefined(кейс с первой отрисовкой, когда предыдущего значения не было)\n      prevNativeSelectValue !== undefined &&\n      // Проверяем, что предыдущее значение не NOT_SELECTED.NATIVE(если до этого было уже сброшенное значение)\n      prevNativeSelectValue !== NOT_SELECTED.NATIVE;\n\n    const shouldCallOnChange =\n      !isCalledWithSameControlledOptionValue && (isNativeValueChanged || isTriggeredByClearButton);\n\n    if (!shouldCallOnChange) {\n      return;\n    }\n\n    const remappedNativeValue = remapFromNativeValueToSelectValue(e.currentTarget.value);\n\n    if (e.target.value === NOT_SELECTED.NATIVE) {\n      e.target.value = '';\n    }\n    if (e.currentTarget.value === NOT_SELECTED.NATIVE) {\n      e.currentTarget.value = '';\n    }\n\n    onChange?.(e, remappedNativeValue);\n  };\n\n  return {\n    selectedOptionValue,\n    setSelectedOptionValue,\n    nativeSelectValue,\n    setNativeSelectValue: _setNativeSelectValue,\n    onNativeSelectChange,\n  };\n}\n"],"names":["React","useStateWithPrev","NOT_SELECTED","remapFromNativeValueToSelectValue","remapFromSelectValueToNativeValue","useSelectedOptionController","value","defaultValue","isControlledOutside","allowClearButton","onChange","nativeSelectValue","prevNativeSelectValue","setNativeSelectValue","undefined","NATIVE","nativeSelectValueRef","useRef","selectedOptionValue","setSelectedOptionValue","useState","_setNativeSelectValue","useCallback","newValue","current","useEffect","syncNativeSelectValueWithPropValue","syncNativeSelectValueWithSelectedOptionValue","remappedSelectedValue","onNativeSelectChange","e","convertedNativeSelectValue","String","isCalledWithSameControlledOptionValue","isNativeValueChanged","isTriggeredByClearButton","shouldCallOnChange","remappedNativeValue","currentTarget","target"],"mappings":"AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qCAAkC;AACnE,SAEEC,YAAY,EACZC,iCAAiC,EACjCC,iCAAiC,QAE5B,qCAAkC;AASzC,qCAAqC,GAErC,OAAO,SAASC,4BAA4B,EAC1CC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,QAAQ,EACyB;IACjC,MAAM,CAAC,CAACC,mBAAmBC,sBAAsB,EAAEC,qBAAqB,GACtEZ,iBAAoC;QAClC,IAAIK,UAAUQ,WAAW;YACvB,OAAOV,kCAAkCE;QAC3C;QACA,IAAIC,iBAAiBO,WAAW;YAC9B,OAAOV,kCAAkCG;QAC3C;QACA,OAAOL,aAAaa,MAAM;IAC5B;IACF,MAAMC,uBAAuBhB,MAAMiB,MAAM,CAAoBN;IAE7D,MAAM,CAACO,qBAAqBC,uBAAuB,GAAGnB,MAAMoB,QAAQ,CAAc,IAChFjB,kCAAkCQ;IAGpC,MAAMU,wBAAwBrB,MAAMsB,WAAW,CAC7C,CAACC;QACCV,qBAAqBU;QACrBP,qBAAqBQ,OAAO,GAAGD;IACjC,GACA;QAACV;KAAqB;IAGxBb,MAAMyB,SAAS,CACb,SAASC;QACP,IAAIpB,UAAUQ,WAAW;YACvBO,sBAAsBjB,kCAAkCE;QAC1D;IACF,GACA;QAACA;QAAOe;KAAsB;IAGhCrB,MAAMyB,SAAS,CACb,SAASE;QACP,MAAMC,wBAAwBxB,kCAAkCc;QAChE,IAAIF,qBAAqBQ,OAAO,KAAKI,uBAAuB;YAC1Df,qBAAqBe;QACvB;IACF,GACA;QAACV;QAAqBL;KAAqB;IAG7C,MAAMgB,uBAAoE,CAACC;QACzE,gFAAgF;QAChF,sEAAsE;QACtE,wEAAwE;QACxE,sCAAsC;QACtC,EAAE;QACF,qEAAqE;QACrE,oHAAoH;QACpH,uDAAuD;QACvD,6DAA6D;QAC7D,2IAA2I;QAC3I,iEAAiE;QACjE,4HAA4H;QAC5H,MAAMC,6BACJ,OAAOpB,sBAAsB,YAC5B,CAAA,OAAOL,UAAU,YAAY,OAAOM,0BAA0B,QAAO,IAClEoB,OAAOrB,qBACPA;QAEN,MAAMsB,wCACJzB,uBACAF,UAAUH,kCAAkC4B;QAE9C,MAAMG,uBACJH,+BAA+BnB,yBAAyBA,0BAA0BE;QAEpF,MAAMqB,2BACJ1B,oBACA,oDAAoD;QACpDE,sBAAsBT,aAAaa,MAAM,IACzC,gHAAgH;QAChHH,0BAA0BE,aAC1B,wGAAwG;QACxGF,0BAA0BV,aAAaa,MAAM;QAE/C,MAAMqB,qBACJ,CAACH,yCAA0CC,CAAAA,wBAAwBC,wBAAuB;QAE5F,IAAI,CAACC,oBAAoB;YACvB;QACF;QAEA,MAAMC,sBAAsBlC,kCAAkC2B,EAAEQ,aAAa,CAAChC,KAAK;QAEnF,IAAIwB,EAAES,MAAM,CAACjC,KAAK,KAAKJ,aAAaa,MAAM,EAAE;YAC1Ce,EAAES,MAAM,CAACjC,KAAK,GAAG;QACnB;QACA,IAAIwB,EAAEQ,aAAa,CAAChC,KAAK,KAAKJ,aAAaa,MAAM,EAAE;YACjDe,EAAEQ,aAAa,CAAChC,KAAK,GAAG;QAC1B;QAEAI,qBAAAA,+BAAAA,SAAWoB,GAAGO;IAChB;IAEA,OAAO;QACLnB;QACAC;QACAR;QACAE,sBAAsBQ;QACtBQ;IACF;AACF"}

package/dist/components/CustomSelect/types.d.ts

@@ -0,0 +1,33 @@
+import type * as React from 'react';
+import { type Alignment, type Side } from '../../lib/floating';
+import { type CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';
+import { type SelectValue } from '../NativeSelect/NativeSelect';
+export type MousePosition = {
+    x: React.MouseEvent['clientX'];
+    y: React.MouseEvent['clientY'];
+};
+export interface CustomSelectOptionInterface {
+    /**
+     * Значение.
+     */
+    value: Exclude<SelectValue, null>;
+    /**
+     * Отображаемый текст.
+     */
+    label: React.ReactElement | string;
+    /**
+     * Блокировка взаимодействия с компонентом.
+     */
+    disabled?: boolean;
+    [index: string]: any;
+}
+export interface CustomSelectRenderOption<T extends CustomSelectOptionInterface> extends CustomSelectOptionProps {
+    /**
+     * Данные об опции.
+     */
+    option: T;
+}
+type PopupDirectionSide = Extract<Side, 'top' | 'bottom'>;
+export type PopupDirection = PopupDirectionSide | `${PopupDirectionSide}-${Alignment}`;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/CustomSelect/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAGF,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,2BAA2B,CAC7E,SAAQ,uBAAuB;IAC/B;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;CACX;AAED,KAAK,kBAAkB,GAAG,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,GAAG,kBAAkB,IAAI,SAAS,EAAE,CAAC"}

package/dist/components/CustomSelect/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/components/CustomSelect/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CustomSelect/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport { type Alignment, type Side } from '../../lib/floating';\nimport { type CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';\nimport { type SelectValue } from '../NativeSelect/NativeSelect';\n\n/* eslint-disable jsdoc/require-jsdoc */\nexport type MousePosition = {\n  x: React.MouseEvent['clientX'];\n  y: React.MouseEvent['clientY'];\n};\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport interface CustomSelectOptionInterface {\n  /**\n   * Значение.\n   */\n  value: Exclude<SelectValue, null>;\n  /**\n   * Отображаемый текст.\n   */\n  label: React.ReactElement | string;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  [index: string]: any;\n}\n\nexport interface CustomSelectRenderOption<T extends CustomSelectOptionInterface>\n  extends CustomSelectOptionProps {\n  /**\n   * Данные об опции.\n   */\n  option: T;\n}\n\ntype PopupDirectionSide = Extract<Side, 'top' | 'bottom'>;\nexport type PopupDirection = PopupDirectionSide | `${PopupDirectionSide}-${Alignment}`;\n"],"names":[],"mappings":"AAqCA,WAAuF"}

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAKpG,MAAM,WAAW,yBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,EACjD,gBAAgB;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAAI,8JAclC,yBAAyB,KAAG,KAAK,CAAC,SAmCpC,CAAC"}
+{"version":3,"file":"CustomSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAKpG,MAAM,WAAW,yBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,EACjD,gBAAgB;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAAI,8JAclC,yBAAyB,KAAG,KAAK,CAAC,SAoCpC,CAAC"}

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js

@@ -37,6 +37,7 @@ export const CustomSelectDropdown = (_param)=>{
             className: noMaxHeight ? undefined : "vkuiCustomSelectDropdown__inWithMaxHeight",
             overscrollBehavior: overscrollBehavior,
             tabIndex: -1,
+            "aria-busy": fetching,
             children: fetching ? /*#__PURE__*/ _jsx("div", {
                 className: "vkuiCustomSelectDropdown__fetching",
                 children: /*#__PURE__*/ _jsx(Spinner, {