@alfalab/core-components-select 19.1.10 → 19.2.0-alfasans

package/esm/utils.js

@@ -1,6 +1,6 @@
 import { __assign } from 'tslib';
 import { useState, isValidElement, cloneElement, useRef, useEffect } from 'react';
-import { useIsMounted, fnUtils, getDataTestId } from '@alfalab/core-components-shared/esm';
+import { useIsMounted, getElementWindow, fnUtils, getDataTestId } from '@alfalab/core-components-shared/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { DEFAULT_SEPARATOR } from './consts.js';
 
@@ -78,23 +78,23 @@ function processOptions(options, selected, filterFn, filterGroup) {
 }
 // copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368
 function useVirtualVisibleOptions(_a) {
-    var visibleOptions = _a.visibleOptions, listRef = _a.listRef, _b = _a.styleTargetRef, styleTargetRef = _b === void 0 ? listRef : _b, open = _a.open, invalidate = _a.invalidate, options = _a.options, size = _a.size, actualOptionsCount = _a.actualOptionsCount;
-    useEffect(function () {
+    var visibleOptions = _a.visibleOptions, listRef = _a.listRef, open = _a.open, invalidate = _a.invalidate, options = _a.options, size = _a.size, actualOptionsCount = _a.actualOptionsCount;
+    var _b = useState(), height = _b[0], setHeight = _b[1];
+    useLayoutEffect_SAFE_FOR_SSR(function () {
         var measureOptionHeight = function (element) {
             return typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;
         };
         var list = listRef.current;
-        var styleTarget = styleTargetRef.current;
-        if (open && list && styleTarget && visibleOptions > 0) {
+        if (open && list && visibleOptions > 0) {
             var childCount = list.children.length;
             var optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
-            var height = optionsNodes
+            var nextHeight = optionsNodes
                 .slice(0, visibleOptions)
                 .reduce(function (acc, child) { return acc + measureOptionHeight(child); }, 0);
             if (visibleOptions < childCount) {
                 var lastVisibleOptionHeight = measureOptionHeight(optionsNodes[optionsNodes.length - 1]);
                 // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку
-                height += Math.round(childCount - visibleOptions === 1
+                nextHeight += Math.round(childCount - visibleOptions === 1
                     ? lastVisibleOptionHeight
                     : lastVisibleOptionHeight / 2);
             }
@@ -102,24 +102,20 @@ function useVirtualVisibleOptions(_a) {
                 actualOptionsCount &&
                 typeof size === 'number') {
                 var actualCount = (options !== null && options !== void 0 ? options : []).reduce(function (sum, option) { return sum + 1 + (isGroup(option) ? option.options.length : 0); }, 0);
-                height =
+                nextHeight =
                     Math.min(actualCount === 0 ? /** empty placeholder */ 1 : actualCount, visibleOptions) * size;
                 if (visibleOptions < actualCount) {
-                    height += size / 2;
+                    nextHeight += size / 2;
                 }
             }
-            styleTarget.style.height = "".concat(height, "px");
+            var win_1 = getElementWindow(list);
+            nextHeight += ['::before', '::after']
+                .map(function (pseudo) { return parseFloat(win_1.getComputedStyle(list, pseudo).paddingTop) || 0; })
+                .reduce(function (a, b) { return a + b; });
+            setHeight(nextHeight);
         }
-    }, [
-        actualOptionsCount,
-        listRef,
-        open,
-        options,
-        size,
-        styleTargetRef,
-        visibleOptions,
-        invalidate,
-    ]);
+    }, [actualOptionsCount, listRef, open, options, size, visibleOptions, invalidate]);
+    return height;
 }
 function useVisibleOptions(_a) {
     var visibleOptions = _a.visibleOptions, listRef = _a.listRef, open = _a.open, options = _a.options, size = _a.size, actualOptionsCount = _a.actualOptionsCount;
@@ -154,6 +150,10 @@ function useVisibleOptions(_a) {
                     measuredHeight += size / 2;
                 }
             }
+            var win_2 = getElementWindow(list);
+            measuredHeight += ['::before', '::after']
+                .map(function (pseudo) { return parseFloat(win_2.getComputedStyle(list, pseudo).paddingTop) || 0; })
+                .reduce(function (a, b) { return a + b; });
             setHeight(measuredHeight);
             setMeasured(true);
             return function () {
@@ -187,14 +187,6 @@ function usePrevious(value) {
     }, [value]);
     return ref.current;
 }
-// TODO: перенести
-var lastIndexOf = function (array, predicate) {
-    for (var i = array.length - 1; i >= 0; i--) {
-        if (predicate(array[i]))
-            return i;
-    }
-    return -1;
-};
 function getSelectTestIds(dataTestId) {
     return {
         select: dataTestId,
@@ -225,5 +217,5 @@ function getSelectTestIds(dataTestId) {
     };
 }
 
-export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions };
+export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions };
 //# sourceMappingURL=utils.js.map

package/esm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import {\n    cloneElement,\n    isValidElement,\n    type ReactNode,\n    type RefObject,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport { fnUtils, getDataTestId, useIsMounted } from '@alfalab/core-components-shared';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport { DEFAULT_SEPARATOR } from './consts';\nimport {\n    type BaseSelectProps,\n    type GroupShape,\n    type OptionShape,\n    type OptionsListProps,\n} from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n    Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | null): item is OptionShape =>\n    !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n    selected,\n    selectedMultiple,\n    valueSeparator = DEFAULT_SEPARATOR,\n}: {\n    selected?: OptionShape;\n    selectedMultiple?: OptionShape[];\n    valueSeparator?: string;\n}) => {\n    const options = selectedMultiple || (selected ? [selected] : []);\n\n    if (!options.length) return null;\n\n    return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n        if (isValidElement(option.content)) {\n            acc.push(cloneElement(option.content, { key: option.key }));\n        } else {\n            acc.push(option.content);\n        }\n\n        if (index < options.length - 1) acc.push(valueSeparator);\n\n        return acc;\n    }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n    options: BaseSelectProps['options'],\n    selected: BaseSelectProps['selected'] = [],\n    filterFn: (option: OptionShape | GroupShape) => boolean = () => true,\n    filterGroup = false,\n) {\n    const flatOptions: OptionShape[] = [];\n    const filteredOptions: BaseSelectProps['options'] = [];\n\n    const selectedArray = Array.isArray(selected) ? selected : [selected];\n    const selectedOptions = selectedArray.filter(isOptionShape);\n    const selectedKeys = selectedArray.filter(\n        (option): option is string => typeof option === 'string',\n    );\n\n    const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n    const process = (option: OptionShape | GroupShape) => {\n        const isGroupOption = isGroup(option);\n\n        if (!isGroupOption && isSelected(option)) {\n            selectedOptions.push(option);\n        }\n\n        if (!filterFn(option)) return false;\n\n        if (isGroupOption) {\n            if (filterGroup) {\n                Array.prototype.push.apply(flatOptions, option.options);\n            }\n        } else {\n            flatOptions.push(option);\n        }\n\n        return true;\n    };\n\n    options.forEach((option) => {\n        if (isGroup(option)) {\n            const group: GroupShape = {\n                ...option,\n                options: [],\n            };\n\n            option.options.forEach((groupOption) => {\n                const matched = process(groupOption);\n\n                if (matched) group.options.push(groupOption);\n            });\n\n            if (group.options.length) {\n                filteredOptions.push(group);\n\n                return;\n            }\n\n            if (!filterGroup) return;\n        }\n        const matched = process(option);\n\n        if (matched) filteredOptions.push(option);\n    });\n\n    return { filteredOptions, flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n    /**\n     * Количество видимых пунктов\n     */\n    visibleOptions: number;\n\n    /**\n     * Реф на контейнер с пунтами меню\n     */\n    listRef: RefObject<HTMLElement>;\n\n    /**\n     * Реф на контейнер, которому нужно установить высоту\n     */\n    styleTargetRef?: RefObject<HTMLElement>;\n\n    /**\n     * Флаг открытия меню\n     */\n    open?: boolean;\n\n    /**\n     * Позволяет вызвать пересчет высоты\n     */\n    invalidate?: unknown;\n\n    /**\n     * Список вариантов выбора\n     */\n    options?: Array<OptionShape | GroupShape>;\n\n    /**\n     * Максимальный размер варианта выбора\n     */\n    size?: Extract<OptionsListProps['size'], number>;\n\n    /**\n     * Учитывать действительное число вариантов выбора\n     */\n    actualOptionsCount?: boolean;\n};\n\n// copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368\nexport function useVirtualVisibleOptions({\n    visibleOptions,\n    listRef,\n    styleTargetRef = listRef,\n    open,\n    invalidate,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    useEffect(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n        const styleTarget = styleTargetRef.current;\n\n        if (open && list && styleTarget && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let height = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                height += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                height =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    height += size / 2;\n                }\n            }\n\n            styleTarget.style.height = `${height}px`;\n        }\n    }, [\n        actualOptionsCount,\n        listRef,\n        open,\n        options,\n        size,\n        styleTargetRef,\n        visibleOptions,\n        invalidate,\n    ]);\n}\n\nexport function useVisibleOptions({\n    visibleOptions,\n    listRef,\n    open,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    const [, runIfMounted] = useIsMounted();\n    const [measured, setMeasured] = useState(false);\n    const [height, setHeight] = useState<number | undefined>();\n\n    useLayoutEffect_SAFE_FOR_SSR(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n\n        if (open && list && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let measuredHeight = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                measuredHeight += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                measuredHeight =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    measuredHeight += size / 2;\n                }\n            }\n\n            setHeight(measuredHeight);\n\n            setMeasured(true);\n\n            return () => {\n                runIfMounted(() => setMeasured(false));\n            };\n        }\n\n        return fnUtils.noop;\n    }, [actualOptionsCount, listRef, open, options, size, visibleOptions, runIfMounted]);\n\n    return [measured, height] as const;\n}\n\nexport function defaultFilterFn(optionText: string, search: string) {\n    if (!search) return true;\n\n    return optionText.toLowerCase().includes(search.toLowerCase());\n}\n\nexport function defaultGroupAccessor(option: GroupShape) {\n    return option.label;\n}\n\nexport function defaultAccessor(option: OptionShape) {\n    if (typeof option.content === 'string') return option.content;\n    if (typeof option.value === 'string') return option.value;\n\n    return option.key;\n}\n\n// TODO: перенести\nexport function usePrevious<T>(value: T) {\n    const ref = useRef<T>();\n\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n\n    return ref.current;\n}\n\n// TODO: перенести\nexport const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {\n    for (let i = array.length - 1; i >= 0; i--) {\n        if (predicate(array[i])) return i;\n    }\n\n    return -1;\n};\n\nexport function getSelectTestIds(dataTestId: string) {\n    return {\n        select: dataTestId,\n        option: getDataTestId(dataTestId, 'option'),\n        optionsList: getDataTestId(dataTestId, 'options-list'),\n        clearButton: getDataTestId(dataTestId, 'options-list-clear'),\n        applyButton: getDataTestId(dataTestId, 'options-list-apply'),\n        field: getDataTestId(dataTestId, 'field'),\n        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n        fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),\n        searchInput: getDataTestId(dataTestId, 'search'),\n        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n\n        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n\n        modal: getDataTestId(dataTestId, 'modal'),\n        modalHeader: getDataTestId(dataTestId, 'modal-header'),\n        modalContent: getDataTestId(dataTestId, 'modal-content'),\n    };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import {\n    cloneElement,\n    isValidElement,\n    type ReactNode,\n    type RefObject,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport {\n    fnUtils,\n    getDataTestId,\n    getElementWindow,\n    useIsMounted,\n} from '@alfalab/core-components-shared';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport { DEFAULT_SEPARATOR } from './consts';\nimport {\n    type BaseSelectProps,\n    type GroupShape,\n    type OptionShape,\n    type OptionsListProps,\n} from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n    Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | null): item is OptionShape =>\n    !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n    selected,\n    selectedMultiple,\n    valueSeparator = DEFAULT_SEPARATOR,\n}: {\n    selected?: OptionShape;\n    selectedMultiple?: OptionShape[];\n    valueSeparator?: string;\n}) => {\n    const options = selectedMultiple || (selected ? [selected] : []);\n\n    if (!options.length) return null;\n\n    return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n        if (isValidElement(option.content)) {\n            acc.push(cloneElement(option.content, { key: option.key }));\n        } else {\n            acc.push(option.content);\n        }\n\n        if (index < options.length - 1) acc.push(valueSeparator);\n\n        return acc;\n    }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n    options: BaseSelectProps['options'],\n    selected: BaseSelectProps['selected'] = [],\n    filterFn: (option: OptionShape | GroupShape) => boolean = () => true,\n    filterGroup = false,\n) {\n    const flatOptions: OptionShape[] = [];\n    const filteredOptions: BaseSelectProps['options'] = [];\n\n    const selectedArray = Array.isArray(selected) ? selected : [selected];\n    const selectedOptions = selectedArray.filter(isOptionShape);\n    const selectedKeys = selectedArray.filter(\n        (option): option is string => typeof option === 'string',\n    );\n\n    const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n    const process = (option: OptionShape | GroupShape) => {\n        const isGroupOption = isGroup(option);\n\n        if (!isGroupOption && isSelected(option)) {\n            selectedOptions.push(option);\n        }\n\n        if (!filterFn(option)) return false;\n\n        if (isGroupOption) {\n            if (filterGroup) {\n                Array.prototype.push.apply(flatOptions, option.options);\n            }\n        } else {\n            flatOptions.push(option);\n        }\n\n        return true;\n    };\n\n    options.forEach((option) => {\n        if (isGroup(option)) {\n            const group: GroupShape = {\n                ...option,\n                options: [],\n            };\n\n            option.options.forEach((groupOption) => {\n                const matched = process(groupOption);\n\n                if (matched) group.options.push(groupOption);\n            });\n\n            if (group.options.length) {\n                filteredOptions.push(group);\n\n                return;\n            }\n\n            if (!filterGroup) return;\n        }\n        const matched = process(option);\n\n        if (matched) filteredOptions.push(option);\n    });\n\n    return { filteredOptions, flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n    /**\n     * Количество видимых пунктов\n     */\n    visibleOptions: number;\n\n    /**\n     * Реф на контейнер с пунтами меню\n     */\n    listRef: RefObject<HTMLElement>;\n\n    /**\n     * Флаг открытия меню\n     */\n    open?: boolean;\n\n    /**\n     * Позволяет вызвать пересчет высоты\n     */\n    invalidate?: unknown;\n\n    /**\n     * Список вариантов выбора\n     */\n    options?: Array<OptionShape | GroupShape>;\n\n    /**\n     * Максимальный размер варианта выбора\n     */\n    size?: Extract<OptionsListProps['size'], number>;\n\n    /**\n     * Учитывать действительное число вариантов выбора\n     */\n    actualOptionsCount?: boolean;\n};\n\n// copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368\nexport function useVirtualVisibleOptions({\n    visibleOptions,\n    listRef,\n    open,\n    invalidate,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    const [height, setHeight] = useState<number>();\n\n    useLayoutEffect_SAFE_FOR_SSR(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n\n        if (open && list && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let nextHeight = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                nextHeight += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                nextHeight =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    nextHeight += size / 2;\n                }\n            }\n\n            const win = getElementWindow(list);\n\n            nextHeight += ['::before', '::after']\n                .map((pseudo) => parseFloat(win.getComputedStyle(list, pseudo).paddingTop) || 0)\n                .reduce((a, b) => a + b);\n\n            setHeight(nextHeight);\n        }\n    }, [actualOptionsCount, listRef, open, options, size, visibleOptions, invalidate]);\n\n    return height;\n}\n\nexport function useVisibleOptions({\n    visibleOptions,\n    listRef,\n    open,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    const [, runIfMounted] = useIsMounted();\n    const [measured, setMeasured] = useState(false);\n    const [height, setHeight] = useState<number | undefined>();\n\n    useLayoutEffect_SAFE_FOR_SSR(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n\n        if (open && list && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let measuredHeight = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                measuredHeight += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                measuredHeight =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    measuredHeight += size / 2;\n                }\n            }\n\n            const win = getElementWindow(list);\n\n            measuredHeight += ['::before', '::after']\n                .map((pseudo) => parseFloat(win.getComputedStyle(list, pseudo).paddingTop) || 0)\n                .reduce((a, b) => a + b);\n\n            setHeight(measuredHeight);\n\n            setMeasured(true);\n\n            return () => {\n                runIfMounted(() => setMeasured(false));\n            };\n        }\n\n        return fnUtils.noop;\n    }, [actualOptionsCount, listRef, open, options, size, visibleOptions, runIfMounted]);\n\n    return [measured, height] as const;\n}\n\nexport function defaultFilterFn(optionText: string, search: string) {\n    if (!search) return true;\n\n    return optionText.toLowerCase().includes(search.toLowerCase());\n}\n\nexport function defaultGroupAccessor(option: GroupShape) {\n    return option.label;\n}\n\nexport function defaultAccessor(option: OptionShape) {\n    if (typeof option.content === 'string') return option.content;\n    if (typeof option.value === 'string') return option.value;\n\n    return option.key;\n}\n\n// TODO: перенести\nexport function usePrevious<T>(value: T) {\n    const ref = useRef<T>();\n\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n\n    return ref.current;\n}\n\nexport function getSelectTestIds(dataTestId: string) {\n    return {\n        select: dataTestId,\n        option: getDataTestId(dataTestId, 'option'),\n        optionsList: getDataTestId(dataTestId, 'options-list'),\n        clearButton: getDataTestId(dataTestId, 'options-list-clear'),\n        applyButton: getDataTestId(dataTestId, 'options-list-apply'),\n        field: getDataTestId(dataTestId, 'field'),\n        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n        fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),\n        searchInput: getDataTestId(dataTestId, 'search'),\n        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n\n        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n\n        modal: getDataTestId(dataTestId, 'modal'),\n        modalHeader: getDataTestId(dataTestId, 'modal-header'),\n        modalContent: getDataTestId(dataTestId, 'modal-content'),\n    };\n}\n"],"names":[],"mappings":"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"}

package/mobile/modal.mobile.css

@@ -2,7 +2,7 @@
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
 }
-.select__header_ymnkq {
+.select__header_1hyu3 {
     padding-right: var(--gap-8);
     padding-left: var(--gap-8);
 }

package/mobile/modal.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./modal.mobile.css');
 
-var styles = {"header":"select__header_ymnkq"};
+var styles = {"header":"select__header_1hyu3"};
 
 module.exports = styles;
 //# sourceMappingURL=modal.mobile.module.css.js.map

package/modern/components/arrow/index.css

@@ -9,7 +9,7 @@
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
 }
-.select__arrow_kz9bu {
+.select__arrow_1fw45 {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_kz9bu.select__disabled_kz9bu {
+.select__arrow_1fw45.select__disabled_1fw45 {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_kz9bu.select__size-40_kz9bu {
+.select__arrow_1fw45.select__size-40_1fw45 {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_kz9bu {
+.select__open_1fw45 {
     transform: var(--arrow-transform);
 }

package/modern/components/arrow/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"arrow":"select__arrow_kz9bu","disabled":"select__disabled_kz9bu","size-40":"select__size-40_kz9bu","open":"select__open_kz9bu"};
+const styles = {"arrow":"select__arrow_1fw45","disabled":"select__disabled_1fw45","size-40":"select__size-40_1fw45","open":"select__open_1fw45"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-checkmark/index.css

@@ -2,32 +2,32 @@
     --gap-s: 12px;
     --gap-12: var(--gap-s);
 }
-.select__checkmark_dqysh {
+.select__checkmark_hcgid {
     flex-shrink: 0;
     box-sizing: border-box;
 }
-.select__checkmark_dqysh.select__before_dqysh {
+.select__checkmark_hcgid.select__before_hcgid {
         margin-right: var(--gap-12);
     }
-.select__checkmark_dqysh.select__after_dqysh {
+.select__checkmark_hcgid.select__after_hcgid {
         margin-left: var(--gap-12);
     }
-.select__checkmark_dqysh.select__start_dqysh {
+.select__checkmark_hcgid.select__start_hcgid {
         align-self: start;
     }
-.select__checkmark_dqysh.select__center_dqysh {
+.select__checkmark_hcgid.select__center_hcgid {
         align-self: center;
     }
-.select__singleIcon_dqysh {
+.select__singleIcon_hcgid {
     flex-shrink: 0;
     opacity: 0;
 }
-.select__singleIcon_dqysh.select__before_dqysh {
+.select__singleIcon_hcgid.select__before_hcgid {
         margin-right: var(--gap-12);
     }
-.select__singleIcon_dqysh.select__after_dqysh {
+.select__singleIcon_hcgid.select__after_hcgid {
         margin-left: var(--gap-12);
     }
-.select__singleIcon_dqysh.select__selected_dqysh {
+.select__singleIcon_hcgid.select__selected_hcgid {
         opacity: 1;
     }

package/modern/components/base-checkmark/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_dqysh","before":"select__before_dqysh","after":"select__after_dqysh","start":"select__start_dqysh","center":"select__center_dqysh","singleIcon":"select__singleIcon_dqysh","selected":"select__selected_dqysh"};
+const styles = {"checkmark":"select__checkmark_hcgid","before":"select__before_hcgid","after":"select__after_hcgid","start":"select__start_hcgid","center":"select__center_hcgid","singleIcon":"select__singleIcon_hcgid","selected":"select__selected_hcgid"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-option/index.css

@@ -15,8 +15,9 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -34,11 +35,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_psvdh {
+.select__option_16gyz {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
 
     display: flex;
     align-items: center;
@@ -50,49 +52,49 @@
     cursor: pointer;
     min-height: var(--size-s-height);
 }
-.select__option_psvdh:not(.select__disabled_psvdh):active {
+.select__option_16gyz:not(.select__disabled_16gyz):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_psvdh.select__checkmarkBefore_psvdh {
+.select__option_16gyz.select__checkmarkBefore_16gyz {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
     }
-.select__option_psvdh.select__checkmarkBefore_psvdh.select__mobile_psvdh {
+.select__option_16gyz.select__checkmarkBefore_16gyz.select__mobile_16gyz {
             padding-left: var(--gap-16);
         }
-.select__option_psvdh.select__checkmarkAfter_psvdh.select__checkmarkAfter_psvdh {
+.select__option_16gyz.select__checkmarkAfter_16gyz.select__checkmarkAfter_16gyz {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
     }
-.select__option_psvdh.select__checkmarkAfter_psvdh.select__checkmarkAfter_psvdh.select__size-72_psvdh {
+.select__option_16gyz.select__checkmarkAfter_16gyz.select__checkmarkAfter_16gyz.select__size-72_16gyz {
             padding-right: var(--gap-16);
         }
-.select__option_psvdh.select__checkmarkAfter_psvdh.select__checkmarkAfter_psvdh.select__mobile_psvdh {
+.select__option_16gyz.select__checkmarkAfter_16gyz.select__checkmarkAfter_16gyz.select__mobile_16gyz {
             padding-right: var(--gap-20);
         }
-.select__option_psvdh.select__textContent_psvdh {
+.select__option_16gyz.select__textContent_16gyz {
         padding: var(--gap-12);
     }
-.select__option_psvdh.select__textContent_psvdh.select__size-72_psvdh {
+.select__option_16gyz.select__textContent_16gyz.select__size-72_16gyz {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
         }
-.select__option_psvdh.select__textContent_psvdh.select__mobile_psvdh {
+.select__option_16gyz.select__textContent_16gyz.select__mobile_16gyz {
             padding: var(--gap-16) var(--gap-20);
         }
-.select__selected_psvdh {
+.select__selected_16gyz {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_psvdh {
+.select__highlighted_16gyz {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__disabled_psvdh {
+.select__disabled_16gyz {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_psvdh {
+.select__content_16gyz {
     flex: 1;
 }

package/modern/components/base-option/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_psvdh","disabled":"select__disabled_psvdh","checkmarkBefore":"select__checkmarkBefore_psvdh","mobile":"select__mobile_psvdh","checkmarkAfter":"select__checkmarkAfter_psvdh","size-72":"select__size-72_psvdh","textContent":"select__textContent_psvdh","selected":"select__selected_psvdh","highlighted":"select__highlighted_psvdh","content":"select__content_psvdh"};
+const styles = {"option":"select__option_16gyz","disabled":"select__disabled_16gyz","checkmarkBefore":"select__checkmarkBefore_16gyz","mobile":"select__mobile_16gyz","checkmarkAfter":"select__checkmarkAfter_16gyz","size-72":"select__size-72_16gyz","textContent":"select__textContent_16gyz","selected":"select__selected_16gyz","highlighted":"select__highlighted_16gyz","content":"select__content_16gyz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-select/Component.js

@@ -1,11 +1,9 @@
 import React, { forwardRef, useRef, useMemo, useEffect, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
-import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { compute } from 'compute-scroll-into-view';
 import { useMultipleSelection, useCombobox } from 'downshift';
-import { isClient, fnUtils, getDataTestId } from '@alfalab/core-components-shared/modern';
-import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
+import { isClient, getDataTestId } from '@alfalab/core-components-shared/modern';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 import styles from './index.module.css.js';
@@ -20,13 +18,13 @@ const BaseSelect = forwardRef(
 (props, ref) => {
     const { dataTestId, className, fieldClassName, optionGroupClassName, optionsListClassName, optionClassName, popperClassName, options, autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, nativeSelect = false, defaultOpen = false, open: openProp, popoverPosition = 'bottom-start', preventFlip = true, optionsListWidth = 'content', name, id, selected, size = 48, optionsSize = size, error, hint, block, label, labelView, placeholder, fieldProps = {}, optionsListProps = {}, optionProps = {}, groupOptionProps = {}, searchProps = {}, showSearch = false, valueRenderer, onChange, onOpen, onFocus, onBlur, onScroll, onClear, clear, Arrow, Field = () => null, OptionsList = () => null, Optgroup = () => null, Option = () => null, Search = () => null, updatePopover, zIndexPopover, showEmptyOptionsList = false, visibleOptions, view, isBottomSheet = true, footer, swipeable, modalProps, popoverProps, modalFooterProps, modalHeaderProps, bottomSheetProps, Popover, ModalMobile, BottomSheet, limitDynamicOptionGroupSize, environment = isClient() ? window : undefined, } = props;
     const shouldSearchBlurRef = useRef(true);
-    const rootRef = useRef(null);
     const fieldRef = useRef(null);
     const listRef = useRef(null);
     const initiatorRef = useRef(null);
     const searchRef = useRef(null);
     const scrollableContainerRef = useRef(null);
     const onOpenRef = useRef(onOpen);
+    const optionsListCtrlRef = useRef(null);
     const [searchState, setSearchState] = React.useState('');
     const [search, setSearch] = typeof searchProps?.value === 'string'
         ? [searchProps.value, searchProps.onChange]
@@ -46,17 +44,26 @@ const BaseSelect = forwardRef(
     const scrollIntoView = (node) => {
         if (!node || view === 'mobile')
             return;
-        requestAnimationFrame(() => {
-            const actions = compute(node, {
-                boundary: listRef.current,
-                block: 'nearest',
-                scrollMode: 'if-needed',
-            });
-            actions.forEach((action) => {
-                const { el, top } = action;
-                el.scrollTop = top;
+        const optionsListCtrl = optionsListCtrlRef.current;
+        if (optionsListCtrl) {
+            const dataIndex = node.getAttribute('data-index');
+            if (dataIndex) {
+                optionsListCtrl.scrollToIndex(Number(dataIndex));
+            }
+        }
+        else {
+            requestAnimationFrame(() => {
+                const actions = compute(node, {
+                    boundary: listRef.current,
+                    block: 'nearest',
+                    scrollMode: 'if-needed',
+                });
+                actions.forEach((action) => {
+                    const { el, top } = action;
+                    el.scrollTop = top;
+                });
             });
-        });
+        }
     };
     const useMultipleSelectionProps = {
         itemToString,
@@ -262,6 +269,7 @@ const BaseSelect = forwardRef(
         ...optionProps,
         mobile: view === 'mobile',
         className: cn(optionClassName, {
+            [styles.option]: view === 'desktop',
             [mobileStyles.option]: view === 'mobile',
         }),
         innerProps: getItemProps({
@@ -276,6 +284,7 @@ const BaseSelect = forwardRef(
                 shouldSearchBlurRef.current = true;
                 fieldRef.current?.focus();
             },
+            'data-index': index,
         }),
         multiple,
         index,
@@ -296,35 +305,6 @@ const BaseSelect = forwardRef(
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const calcOptionsListWidth = useCallback(() => {
-        if (view === 'desktop' && listRef.current) {
-            const widthAttr = optionsListWidth === 'field' ? 'width' : 'minWidth';
-            const optionsListMinWidth = rootRef.current
-                ? rootRef.current.getBoundingClientRect().width
-                : 0;
-            listRef.current.removeAttribute('style');
-            listRef.current.style[widthAttr] = `${optionsListMinWidth}px`;
-        }
-    }, [view, optionsListWidth]);
-    useEffect(() => {
-        if (view === 'desktop') {
-            const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
-            const observer = new ResizeObserver$1(calcOptionsListWidth);
-            if (rootRef.current) {
-                observer.observe(rootRef.current);
-            }
-            return () => {
-                observer.disconnect();
-            };
-        }
-        return fnUtils.noop;
-    }, [view, calcOptionsListWidth, open, optionsListWidth]);
-    useLayoutEffect_SAFE_FOR_SSR(calcOptionsListWidth, [
-        open,
-        optionsListWidth,
-        filteredOptions,
-        selectedItems,
-    ]);
     const renderValue = () => selectedItems.map((option) => (React.createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key })));
     const renderNativeSelect = () => {
         const value = multiple
@@ -380,15 +360,22 @@ const BaseSelect = forwardRef(
         if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
             return null;
         const listProps = optionsListProps;
-        return (React.createElement("div", { ...menuProps, ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) },
-            React.createElement(OptionsList, { ...listProps, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({ [mobileStyles.optionsList]: view === 'mobile' }, listProps.className), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }, listProps.scrollbarClassName), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, groupOptionProps: groupOptionProps, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, {
+        return (React.createElement("div", { ...menuProps, ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper, {
+                [styles.matchContent]: view === 'desktop' && optionsListWidth === 'content',
+            }) },
+            React.createElement(OptionsList, { ...listProps, ctrlRef: optionsListCtrlRef, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({
+                    [mobileStyles.optionsList]: view === 'mobile',
+                }, listProps.className), scrollbarClassName: cn({
+                    [styles.scrollbar]: view === 'desktop',
+                    [mobileStyles.scrollbar]: view === 'mobile',
+                }, listProps.scrollbarClassName), scrollableNodeClassName: cn({ [styles.scrollable]: view === 'desktop' }), contentNodeClassName: cn({ [styles.content]: view === 'desktop' }), listNodeClassName: cn({ [styles.list]: view === 'desktop' }), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, groupOptionProps: groupOptionProps, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, {
                     [mobileStyles.optionGroup]: view === 'mobile',
                 }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize, client: view }),
             view === 'desktop' && React.createElement("div", { className: styles.optionsListBorder })));
     };
     const renderInPopover = () => {
         if (!nativeSelect && Popover) {
-            return (React.createElement(Popover, { ...popoverProps, open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn(styles.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, renderOptionsList()));
+            return (React.createElement(Popover, { ...popoverProps, open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn(styles.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover, useAnchorWidth: true, widthProp: optionsListWidth === 'field' ? 'width' : 'minWidth' }, renderOptionsList()));
         }
         return null;
     };
@@ -438,7 +425,7 @@ const BaseSelect = forwardRef(
         }
         return null;
     };
-    return (React.createElement("div", { ...(disabled && { 'aria-disabled': true }), "aria-expanded": inputProps['aria-expanded'], "aria-haspopup": 'listbox', role: inputProps.role, className: cn(styles.component, { [styles.block]: block }, className), ref: rootRef, onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) },
+    return (React.createElement("div", { ...(disabled && { 'aria-disabled': true }), "aria-expanded": inputProps['aria-expanded'], "aria-haspopup": 'listbox', role: inputProps.role, className: cn(styles.component, { [styles.block]: block }, className), onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) },
         nativeSelect && renderNativeSelect(),
         React.createElement(Field, { selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React.createElement("span", { ...getLabelProps() }, label), labelView: labelView, Arrow: Arrow && React.createElement(Arrow, { open: open, size: size, disabled: disabled }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, clear: clear, onClear: handleFieldClear, innerProps: {
                 onBlur: handleFieldBlur,