@alfalab/core-components-select 19.1.10 → 19.2.0

package/src/utils.ts

@@ -8,7 +8,12 @@ import {
     useState,
 } from 'react';
 
-import { fnUtils, getDataTestId, useIsMounted } from '@alfalab/core-components-shared';
+import {
+    fnUtils,
+    getDataTestId,
+    getElementWindow,
+    useIsMounted,
+} from '@alfalab/core-components-shared';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 
 import { DEFAULT_SEPARATOR } from './consts';
@@ -130,11 +135,6 @@ type useVisibleOptionsArgs = {
      */
     listRef: RefObject<HTMLElement>;
 
-    /**
-     * Реф на контейнер, которому нужно установить высоту
-     */
-    styleTargetRef?: RefObject<HTMLElement>;
-
     /**
      * Флаг открытия меню
      */
@@ -165,21 +165,21 @@ type useVisibleOptionsArgs = {
 export function useVirtualVisibleOptions({
     visibleOptions,
     listRef,
-    styleTargetRef = listRef,
     open,
     invalidate,
     options,
     size,
     actualOptionsCount,
 }: useVisibleOptionsArgs) {
-    useEffect(() => {
+    const [height, setHeight] = useState<number>();
+
+    useLayoutEffect_SAFE_FOR_SSR(() => {
         const measureOptionHeight = (element: HTMLElement) =>
             typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;
 
         const list = listRef.current;
-        const styleTarget = styleTargetRef.current;
 
-        if (open && list && styleTarget && visibleOptions > 0) {
+        if (open && list && visibleOptions > 0) {
             const childCount = list.children.length;
             const optionsNodes = ([] as HTMLElement[]).slice.call(
                 list.children,
@@ -187,7 +187,7 @@ export function useVirtualVisibleOptions({
                 visibleOptions + 1,
             );
 
-            let height = optionsNodes
+            let nextHeight = optionsNodes
                 .slice(0, visibleOptions)
                 .reduce((acc, child) => acc + measureOptionHeight(child), 0);
 
@@ -197,7 +197,7 @@ export function useVirtualVisibleOptions({
                 );
 
                 // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку
-                height += Math.round(
+                nextHeight += Math.round(
                     childCount - visibleOptions === 1
                         ? lastVisibleOptionHeight
                         : lastVisibleOptionHeight / 2,
@@ -212,29 +212,28 @@ export function useVirtualVisibleOptions({
                     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 = `${height}px`;
+            const win = getElementWindow(list);
+
+            nextHeight += ['::before', '::after']
+                .map((pseudo) => parseFloat(win.getComputedStyle(list, pseudo).paddingTop) || 0)
+                .reduce((a, b) => a + b);
+
+            setHeight(nextHeight);
         }
-    }, [
-        actualOptionsCount,
-        listRef,
-        open,
-        options,
-        size,
-        styleTargetRef,
-        visibleOptions,
-        invalidate,
-    ]);
+    }, [actualOptionsCount, listRef, open, options, size, visibleOptions, invalidate]);
+
+    return height;
 }
 
 export function useVisibleOptions({
@@ -299,6 +298,12 @@ export function useVisibleOptions({
                 }
             }
 
+            const win = getElementWindow(list);
+
+            measuredHeight += ['::before', '::after']
+                .map((pseudo) => parseFloat(win.getComputedStyle(list, pseudo).paddingTop) || 0)
+                .reduce((a, b) => a + b);
+
             setHeight(measuredHeight);
 
             setMeasured(true);
@@ -342,15 +347,6 @@ export function usePrevious<T>(value: T) {
     return ref.current;
 }
 
-// TODO: перенести
-export const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {
-    for (let i = array.length - 1; i >= 0; i--) {
-        if (predicate(array[i])) return i;
-    }
-
-    return -1;
-};
-
 export function getSelectTestIds(dataTestId: string) {
     return {
         select: dataTestId,

package/src/vars.css

@@ -11,7 +11,9 @@
     --select-options-list-box-shadow: var(--shadow-m);
     --select-options-list-offset: var(--gap-4);
     --select-options-list-top-padding: var(--gap-0);
+    --select-options-list-right-padding: var(--gap-0);
     --select-options-list-bottom-padding: var(--gap-0);
+    --select-options-list-left-padding: var(--gap-0);
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
     --select-option-divider-display: none;
     --select-option-divider-background: var(--color-light-neutral-400);
@@ -32,6 +34,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
+    --select-option-border-radius: var(--border-radius-0);
 
     /* checkmark */
 

package/typings.d.ts

@@ -1,4 +1,4 @@
-import { type AriaAttributes, type ComponentType, type FC, type FocusEvent, type MouseEvent, type ReactElement, type ReactNode, type RefAttributes, type SVGProps } from 'react';
+import { type AriaAttributes, type ComponentType, type FC, type FocusEvent, type MouseEvent, type ReactElement, type ReactNode, type Ref, type RefAttributes, type SVGProps } from 'react';
 import { type Environment } from 'downshift';
 import { type BottomSheetProps } from '@alfalab/core-components-bottom-sheet';
 import { type FormControlProps } from '@alfalab/core-components-form-control';
@@ -113,6 +113,7 @@ export interface BaseSelectProps {
     size?: FormControlProps['size'];
     /**
      * Размер пунктов меню
+     * @deprecated Управление размером пунктов меню через отдельный проп не поддерживается дизайн-контрактом. Размер пункта должен определяться его контентом.
      */
     optionsSize?: 40 | 48 | 56 | 64 | 72;
     /**
@@ -539,6 +540,22 @@ export type OptionsListProps = Pick<SelectProps, 'client'> & {
      * Ограничение динамического размера группы вариантов выбора
      */
     limitDynamicOptionGroupSize?: BaseSelectProps['limitDynamicOptionGroupSize'];
+    /**
+     *
+     */
+    scrollableNodeClassName?: string;
+    /**
+     *
+     */
+    contentNodeClassName?: string;
+    /**
+     *
+     */
+    listNodeClassName?: string;
+    /**
+     *
+     */
+    ctrlRef?: Ref<OptionsListController>;
 };
 export type OptgroupProps = {
     /**
@@ -789,4 +806,7 @@ export type ClearButtonProps = {
      */
     size?: FormControlProps['size'];
 };
+export interface OptionsListController {
+    scrollToIndex(index: number): void;
+}
 export {};

package/utils.d.ts

@@ -21,10 +21,6 @@ type useVisibleOptionsArgs = {
      * Реф на контейнер с пунтами меню
      */
     listRef: RefObject<HTMLElement>;
-    /**
-     * Реф на контейнер, которому нужно установить высоту
-     */
-    styleTargetRef?: RefObject<HTMLElement>;
     /**
      * Флаг открытия меню
      */
@@ -46,13 +42,12 @@ type useVisibleOptionsArgs = {
      */
     actualOptionsCount?: boolean;
 };
-export declare function useVirtualVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): void;
+export declare function useVirtualVisibleOptions({ visibleOptions, listRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): number | undefined;
 export declare function useVisibleOptions({ visibleOptions, listRef, open, options, size, actualOptionsCount, }: useVisibleOptionsArgs): readonly [boolean, number | undefined];
 export declare function defaultFilterFn(optionText: string, search: string): boolean;
 export declare function defaultGroupAccessor(option: GroupShape): string | undefined;
 export declare function defaultAccessor(option: OptionShape): string;
 export declare function usePrevious<T>(value: T): T | undefined;
-export declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
 export declare function getSelectTestIds(dataTestId: string): {
     select: string;
     option: string;

package/utils.js

@@ -82,23 +82,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;
-    React.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 = React.useState(), height = _b[0], setHeight = _b[1];
+    hooks.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);
             }
@@ -106,24 +106,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 = coreComponentsShared.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;
@@ -158,6 +154,10 @@ function useVisibleOptions(_a) {
                     measuredHeight += size / 2;
                 }
             }
+            var win_2 = coreComponentsShared.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 () {
@@ -191,14 +191,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,
@@ -236,7 +228,6 @@ exports.getSelectTestIds = getSelectTestIds;
 exports.isGroup = isGroup;
 exports.isOptionShape = isOptionShape;
 exports.joinOptions = joinOptions;
-exports.lastIndexOf = lastIndexOf;
 exports.processOptions = processOptions;
 exports.usePrevious = usePrevious;
 exports.useVirtualVisibleOptions = useVirtualVisibleOptions;

package/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":["DEFAULT_SEPARATOR","isValidElement","cloneElement","useEffect","useIsMounted","useState","useLayoutEffect_SAFE_FOR_SSR","fnUtils","useRef","getDataTestId"],"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":["DEFAULT_SEPARATOR","isValidElement","cloneElement","useState","useLayoutEffect_SAFE_FOR_SSR","getElementWindow","useIsMounted","fnUtils","useRef","useEffect","getDataTestId"],"mappings":"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"}

package/components/virtual-options-list/index.css

@@ -1,83 +0,0 @@
-:root {
-    --color-light-neutral-300: #e7e8eb;
-    --color-light-neutral-400: #d2d3d9;
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-}
-:root {
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-xl: 24px;
-    --gap-0: 0px;
-    --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
-    --gap-24: var(--gap-xl);
-}
-:root {
-    --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-    --select-option-divider-display: none;
-    --select-option-divider-background: var(--color-light-neutral-400);
-
-    --select-option-left-padding: var(--gap-12);
-    --select-option-right-padding: var(--gap-12);
-}
-.select__virtualOptionsList_1oqav {
-    width: 100%;
-    outline: none;
-    box-sizing: border-box;
-    position: sticky;
-    justify-content: space-between;
-}
-.select__virtualOptionsListHeader_1oqav {
-    box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-neutral-300);
-}
-.select__virtualOptionsListFooter_1oqav {
-    position: sticky;
-    bottom: var(--gap-0);
-    box-sizing: border-box;
-    border-top: 1px solid transparent;
-}
-.select__virtualOptionsListFooter_1oqav.select__withBorder_1oqav {
-        border-top: 1px solid var(--color-light-neutral-300);
-    }
-.select__scrollable_1oqav {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-}
-.select__inner_1oqav {
-    position: relative;
-    width: 100%;
-}
-.select__virtualRow_1oqav {
-    position: absolute;
-    top: var(--gap-0);
-    left: var(--gap-0);
-    width: 100%;
-}
-.select__virtualRow_1oqav:before {
-        content: '';
-        position: absolute;
-        z-index: 1;
-        left: var(--select-option-left-padding);
-        right: var(--select-option-right-padding);
-        top: var(--gap-0);
-        height: 1px;
-        background: var(--select-option-divider-background);
-        display: var(--select-option-divider-display);
-    }
-.select__virtualRow_1oqav:first-child:before {
-        display: none;
-    }
-.select__highlighted_1oqav:before,
-    .select__highlighted_1oqav + .select__virtualRow_1oqav:before {
-        display: none;
-    }
-.select__emptyPlaceholder_1oqav {
-    padding: var(--gap-16) var(--gap-12);
-    color: var(--select-options-list-empty-placeholder-color);
-    flex: 1;
-}
-.select__size-72_1oqav .select__emptyPlaceholder_1oqav {
-    padding: var(--gap-24) var(--gap-16);
-}

package/components/virtual-options-list/index.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./index.css');
-
-var styles = {"virtualOptionsList":"select__virtualOptionsList_1oqav","virtualOptionsListHeader":"select__virtualOptionsListHeader_1oqav","virtualOptionsListFooter":"select__virtualOptionsListFooter_1oqav","withBorder":"select__withBorder_1oqav","scrollable":"select__scrollable_1oqav","inner":"select__inner_1oqav","virtualRow":"select__virtualRow_1oqav","highlighted":"select__highlighted_1oqav","emptyPlaceholder":"select__emptyPlaceholder_1oqav","size-72":"select__size-72_1oqav"};
-
-module.exports = styles;
-//# sourceMappingURL=index.module.css.js.map

package/components/virtual-options-list/index.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/virtual-options-list/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.virtualOptionsList {\n    width: 100%;\n    outline: none;\n    box-sizing: border-box;\n    position: sticky;\n    justify-content: space-between;\n}\n\n.virtualOptionsListHeader {\n    box-sizing: border-box;\n    border-bottom: 1px solid var(--color-light-neutral-300);\n}\n\n.virtualOptionsListFooter {\n    position: sticky;\n    bottom: var(--gap-0);\n    box-sizing: border-box;\n    border-top: 1px solid transparent;\n\n    &.withBorder {\n        border-top: 1px solid var(--color-light-neutral-300);\n    }\n}\n\n.scrollable {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n}\n\n.inner {\n    position: relative;\n    width: 100%;\n}\n\n.virtualRow {\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n\n    &:before {\n        content: '';\n        position: absolute;\n        z-index: 1;\n        left: var(--select-option-left-padding);\n        right: var(--select-option-right-padding);\n        top: var(--gap-0);\n        height: 1px;\n        background: var(--select-option-divider-background);\n        display: var(--select-option-divider-display);\n    }\n\n    &:first-child:before {\n        display: none;\n    }\n}\n\n.highlighted {\n    &:before,\n    & + .virtualRow:before {\n        display: none;\n    }\n}\n\n.emptyPlaceholder {\n    padding: var(--gap-16) var(--gap-12);\n    color: var(--select-options-list-empty-placeholder-color);\n    flex: 1;\n}\n\n.size-72 .emptyPlaceholder {\n    padding: var(--gap-24) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,0BAA0B,CAAC,wCAAwC,CAAC,0BAA0B,CAAC,wCAAwC,CAAC,YAAY,CAAC,0BAA0B,CAAC,YAAY,CAAC,0BAA0B,CAAC,OAAO,CAAC,qBAAqB,CAAC,YAAY,CAAC,0BAA0B,CAAC,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/cssm/components/virtual-options-list/index.module.css

@@ -1,83 +0,0 @@
-:root {
-    --color-light-neutral-300: #e7e8eb;
-    --color-light-neutral-400: #d2d3d9;
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-}
-:root {
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-xl: 24px;
-    --gap-0: 0px;
-    --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
-    --gap-24: var(--gap-xl);
-}
-:root {
-    --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-    --select-option-divider-display: none;
-    --select-option-divider-background: var(--color-light-neutral-400);
-
-    --select-option-left-padding: var(--gap-12);
-    --select-option-right-padding: var(--gap-12);
-}
-.virtualOptionsList {
-    width: 100%;
-    outline: none;
-    box-sizing: border-box;
-    position: sticky;
-    justify-content: space-between;
-}
-.virtualOptionsListHeader {
-    box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-neutral-300);
-}
-.virtualOptionsListFooter {
-    position: sticky;
-    bottom: var(--gap-0);
-    box-sizing: border-box;
-    border-top: 1px solid transparent;
-}
-.virtualOptionsListFooter.withBorder {
-        border-top: 1px solid var(--color-light-neutral-300);
-    }
-.scrollable {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-}
-.inner {
-    position: relative;
-    width: 100%;
-}
-.virtualRow {
-    position: absolute;
-    top: var(--gap-0);
-    left: var(--gap-0);
-    width: 100%;
-}
-.virtualRow:before {
-        content: '';
-        position: absolute;
-        z-index: 1;
-        left: var(--select-option-left-padding);
-        right: var(--select-option-right-padding);
-        top: var(--gap-0);
-        height: 1px;
-        background: var(--select-option-divider-background);
-        display: var(--select-option-divider-display);
-    }
-.virtualRow:first-child:before {
-        display: none;
-    }
-.highlighted:before,
-    .highlighted + .virtualRow:before {
-        display: none;
-    }
-.emptyPlaceholder {
-    padding: var(--gap-16) var(--gap-12);
-    color: var(--select-options-list-empty-placeholder-color);
-    flex: 1;
-}
-.size-72 .emptyPlaceholder {
-    padding: var(--gap-24) var(--gap-16);
-}