@alfalab/core-components-select 18.2.5 → 18.2.6

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

@@ -353,7 +353,7 @@ const BaseSelect = forwardRef(
         return (React.createElement(Search, { ...searchProps?.componentProps, onBlur: handleBlur, value: search, onChange: handleChange, dataTestId: getDataTestId(dataTestId, 'search'), onClear: handleClear, className: cn(searchProps?.componentProps?.className, {
                 [styles.search]: view === 'desktop',
                 [mobileStyles.search]: view === 'mobile',
-            }, size && styles[SIZE_TO_CLASSNAME_MAP[size]]), ref: mergeRefs([searchRef, searchProps?.componentProps?.ref || null]) }));
+            }, size && styles[SIZE_TO_CLASSNAME_MAP[size]]), ref: mergeRefs([searchRef, searchProps?.componentProps?.ref || null]), client: view }));
     };
     const { header, emptyPlaceholder } = optionsListProps;
     const renderOptionsListHeader = () => {
@@ -380,7 +380,7 @@ const BaseSelect = forwardRef(
         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, {
                     [mobileStyles.optionGroup]: view === 'mobile',
-                }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize }),
+                }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize, client: view }),
             view === 'desktop' && React.createElement("div", { className: styles.optionsListBorder })));
     };
     const renderInPopover = () => {

package/moderncssm/components/base-select/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/base-select/Component.tsx"],"sourcesContent":["/* eslint-disable no-nested-ternary */\nimport React, {\n    type AriaAttributes,\n    type FocusEvent,\n    forwardRef,\n    type KeyboardEvent,\n    type MouseEvent,\n    type RefAttributes,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport cn from 'classnames';\nimport { compute } from 'compute-scroll-into-view';\nimport {\n    useCombobox,\n    useMultipleSelection,\n    type UseMultipleSelectionProps,\n    type UseMultipleSelectionState,\n} from 'downshift';\n\nimport { fnUtils, getDataTestId, isClient } from '@alfalab/core-components-shared';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport {\n    type AnyObject,\n    type OptionShape,\n    type OptionsListProps,\n    type SearchProps,\n} from '../../typings';\nimport {\n    defaultAccessor,\n    defaultFilterFn,\n    defaultGroupAccessor,\n    isGroup,\n    processOptions,\n} from '../../utils';\nimport { NativeSelect } from '../native-select';\n\nimport { type ComponentProps } from './types/component-types';\n\nimport styles from './index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nconst itemToString = (option: OptionShape | null) => (option ? option.key : '');\n\nconst isItemDisabled = (option: OptionShape | null) => Boolean(option?.disabled);\n\nexport const BaseSelect = forwardRef<unknown, ComponentProps>(\n    // TODO: 😭\n    // eslint-disable-next-line complexity\n    (props, ref) => {\n        const {\n            dataTestId,\n            className,\n            fieldClassName,\n            optionGroupClassName,\n            optionsListClassName,\n            optionClassName,\n            popperClassName,\n            options,\n            autocomplete = false,\n            multiple = false,\n            allowUnselect = false,\n            disabled = false,\n            closeOnSelect = !multiple,\n            circularNavigation = false,\n            nativeSelect = false,\n            defaultOpen = false,\n            open: openProp,\n            popoverPosition = 'bottom-start',\n            preventFlip = true,\n            optionsListWidth = 'content',\n            name,\n            id,\n            selected,\n            size = 48,\n            optionsSize = size,\n            error,\n            hint,\n            block,\n            label,\n            labelView,\n            placeholder,\n            fieldProps = {},\n            optionsListProps = {},\n            optionProps = {},\n            groupOptionProps = {},\n            searchProps = {},\n            showSearch = false,\n            valueRenderer,\n            onChange,\n            onOpen,\n            onFocus,\n            onBlur,\n            onScroll,\n            onClear,\n            clear,\n            Arrow,\n            Field = () => null,\n            OptionsList = () => null,\n            Optgroup = () => null,\n            Option = () => null,\n            Search = () => null,\n            updatePopover,\n            zIndexPopover,\n            showEmptyOptionsList = false,\n            visibleOptions,\n            view,\n            isBottomSheet = true,\n            footer,\n            swipeable,\n            modalProps,\n            popoverProps,\n            modalFooterProps,\n            modalHeaderProps,\n            bottomSheetProps,\n            Popover,\n            ModalMobile,\n            BottomSheet,\n            limitDynamicOptionGroupSize,\n            environment = isClient() ? window : undefined,\n        } = props;\n        const shouldSearchBlurRef = useRef(true);\n        const rootRef = useRef<HTMLDivElement>(null);\n        const fieldRef = useRef<HTMLInputElement>(null);\n        const listRef = useRef<HTMLDivElement>(null);\n        const initiatorRef = useRef<OptionShape | null>(null);\n        const searchRef = useRef<HTMLInputElement>(null);\n        const scrollableContainerRef = useRef<HTMLDivElement>(null);\n        const onOpenRef = useRef(onOpen);\n\n        const [searchState, setSearchState] = React.useState('');\n\n        const [search, setSearch] =\n            typeof searchProps?.value === 'string'\n                ? [searchProps.value, searchProps.onChange]\n                : [searchState, setSearchState];\n\n        const accessor = searchProps.accessor || defaultAccessor;\n        const filterFn = searchProps.filterFn || defaultFilterFn;\n        const filterGroup = searchProps.filterGroup ?? false;\n        const groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;\n\n        const { filteredOptions, flatOptions, selectedOptions } = useMemo(\n            () =>\n                processOptions(\n                    options,\n                    selected,\n                    (option) => {\n                        if (isGroup(option)) {\n                            const groupAccessorValue = groupAccessor(option);\n\n                            return (\n                                typeof groupAccessorValue === 'string' &&\n                                filterFn(groupAccessorValue, search)\n                            );\n                        }\n\n                        return filterFn(accessor(option), search);\n                    },\n                    filterGroup,\n                ),\n            [options, selected, filterFn, accessor, search, filterGroup, groupAccessor],\n        );\n\n        const scrollIntoView = (node: HTMLElement) => {\n            if (!node || view === 'mobile') return;\n\n            requestAnimationFrame(() => {\n                const actions = compute(node, {\n                    boundary: listRef.current,\n                    block: 'nearest',\n                    scrollMode: 'if-needed',\n                });\n\n                actions.forEach((action) => {\n                    const { el, top } = action;\n\n                    el.scrollTop = top;\n                });\n            });\n        };\n\n        const useMultipleSelectionProps: UseMultipleSelectionProps<OptionShape> = {\n            itemToString,\n            onSelectedItemsChange: (changes) => {\n                if (onChange) {\n                    const { selectedItems = [] } = changes;\n\n                    onChange({\n                        selectedMultiple: selectedItems,\n                        selected: selectedItems.length ? selectedItems[0] : null,\n                        initiator: initiatorRef.current,\n                        name,\n                    });\n\n                    initiatorRef.current = null;\n                }\n            },\n            stateReducer: (state, actionAndChanges) => {\n                const { type, changes } = actionAndChanges;\n\n                if (\n                    type === useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace &&\n                    (!allowUnselect ||\n                        environment?.document.activeElement?.isSameNode(searchRef.current))\n                ) {\n                    return state;\n                }\n\n                return changes as UseMultipleSelectionState<OptionShape>;\n            },\n        };\n\n        if (selected !== undefined) {\n            useMultipleSelectionProps.selectedItems = selectedOptions;\n        }\n\n        onOpenRef.current = onOpen;\n\n        const {\n            selectedItems,\n            addSelectedItem,\n            setSelectedItems,\n            removeSelectedItem,\n            getDropdownProps,\n        } = useMultipleSelection(useMultipleSelectionProps);\n\n        const {\n            isOpen: open,\n            getMenuProps,\n            getInputProps,\n            getItemProps,\n            getLabelProps,\n            highlightedIndex,\n            toggleMenu,\n            openMenu,\n            closeMenu,\n            setHighlightedIndex,\n        } = useCombobox<OptionShape>({\n            id,\n            isOpen: openProp,\n            items: flatOptions,\n            itemToString,\n            isItemDisabled,\n            defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,\n            scrollIntoView,\n            environment,\n            onSelectedItemChange: (changes) => {\n                const selectedItem = changes.selectedItem || initiatorRef.current;\n\n                if (selectedItem && !selectedItem.disabled) {\n                    const alreadySelected = selectedItems.includes(selectedItem);\n                    const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);\n\n                    if (alreadySelected && allowRemove) {\n                        removeSelectedItem(selectedItem);\n                    }\n\n                    if (!alreadySelected) {\n                        if (multiple) {\n                            addSelectedItem(selectedItem);\n                        } else {\n                            setSelectedItems([selectedItem]);\n                        }\n                    }\n                }\n            },\n            onIsOpenChange: (changes) => {\n                if (onOpenRef.current) {\n                    /**\n                     *  Вызываем обработчик асинхронно.\n                     *\n                     * Иначе при клике вне открытого селекта сначала сработает onOpen, который закроет селект,\n                     * А затем сработает onClick кнопки открытия\\закрытия с open=false и в итоге селект откроется снова.\n                     */\n                    setTimeout(() => {\n                        onOpenRef.current?.({\n                            open: changes.isOpen,\n                            name,\n                        });\n                    }, 0);\n                }\n\n                if (showSearch) {\n                    if (changes.isOpen && view === 'desktop') {\n                        setTimeout(() => {\n                            searchRef.current?.focus();\n                        }, 0);\n                    } else {\n                        setSearch?.('');\n                    }\n                }\n            },\n            stateReducer: (state, actionAndChanges) => {\n                const { type, changes } = actionAndChanges;\n\n                switch (type) {\n                    case useCombobox.stateChangeTypes.InputKeyDownArrowDown:\n                        if (\n                            !circularNavigation &&\n                            state.highlightedIndex === flatOptions.length - 1\n                        ) {\n                            return { ...changes, highlightedIndex: state.highlightedIndex };\n                        }\n\n                        return changes;\n                    case useCombobox.stateChangeTypes.InputKeyDownArrowUp:\n                        if (!circularNavigation && state.highlightedIndex === 0) {\n                            return { ...changes, highlightedIndex: state.highlightedIndex };\n                        }\n\n                        return changes;\n\n                    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n                    case useCombobox.stateChangeTypes.ItemClick: {\n                        const { selectedItem } = changes;\n\n                        initiatorRef.current = selectedItem || null;\n\n                        return {\n                            ...changes,\n                            selectedItem: state.selectedItem === selectedItem ? null : selectedItem,\n                            isOpen: !closeOnSelect || (view === 'mobile' && multiple),\n                            // при closeOnSelect === false - сохраняем подсвеченный индекс\n                            highlightedIndex:\n                                state.isOpen && !closeOnSelect\n                                    ? state.highlightedIndex\n                                    : changes.highlightedIndex,\n                        };\n                    }\n                    default:\n                        return changes;\n                }\n            },\n        });\n\n        useEffect(() => {\n            /*\n             * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом\n             * Скорее всего это исправят в будущих версиях downshift\n             */\n            if (openProp !== undefined) {\n                if (openProp) {\n                    openMenu();\n                } else {\n                    closeMenu();\n                }\n            }\n        }, [openProp, openMenu, closeMenu]);\n\n        const inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));\n        const { ref: menuRef, ...menuProps } = getMenuProps(\n            { ref: listRef },\n            { suppressRefError: true },\n        );\n\n        const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n            if (showSearch) searchRef.current?.focus();\n\n            if (isBottomSheet) {\n                bottomSheetProps?.transitionProps?.onEntered?.(node, isAppearing);\n            } else {\n                modalProps?.transitionProps?.onEntered?.(node, isAppearing);\n            }\n        };\n\n        const handleFieldFocus = (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => {\n            if (onFocus) onFocus(event);\n\n            if (autocomplete && !open) {\n                openMenu();\n            }\n        };\n\n        const handleFieldBlur = (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => {\n            if (view === 'desktop') {\n                const isNextFocusInsideField = fieldRef.current?.contains(\n                    (event.relatedTarget || document.activeElement) as HTMLElement,\n                );\n\n                const isNextFocusInsideList = listRef.current?.contains(\n                    (event.relatedTarget || document.activeElement) as HTMLElement,\n                );\n\n                if (!isNextFocusInsideField && !isNextFocusInsideList) {\n                    if (onBlur) onBlur(event);\n\n                    inputProps.onBlur?.(event);\n                }\n            }\n\n            if (view === 'mobile' && !open && onBlur) onBlur(event);\n        };\n\n        const handleFieldKeyDown = (event: KeyboardEvent<HTMLDivElement | HTMLInputElement>) => {\n            inputProps.onKeyDown?.(event);\n\n            // https://caniuse.com/?search=KeyboardEvent.key\n            const isKeyUnsupported = event.key === 'Unidentified';\n\n            if (\n                autocomplete &&\n                !open &&\n                (isKeyUnsupported || event.key.length === 1 || event.key === 'Backspace')\n            ) {\n                // Для автокомплита - открываем меню при начале ввода\n                openMenu();\n            }\n\n            if (\n                [' ', 'Enter'].includes(event.key) &&\n                !autocomplete &&\n                !nativeSelect &&\n                (event.target as HTMLElement).tagName !== 'INPUT' &&\n                (event.target as HTMLElement).tagName !== 'BUTTON' &&\n                (event.target as HTMLElement).tagName !== 'TEXTAREA'\n            ) {\n                // Открываем\\закрываем меню по нажатию enter или пробела\n                event.preventDefault();\n                if (!open || highlightedIndex === -1) toggleMenu();\n            }\n        };\n\n        const handleFieldClick = (event: MouseEvent) => {\n            if (!autocomplete || (event.target as HTMLElement).tagName !== 'INPUT') {\n                toggleMenu();\n            } else {\n                openMenu();\n            }\n        };\n\n        const handleNativeSelectChange = useCallback(\n            (event: React.ChangeEvent<HTMLSelectElement>) => {\n                setSelectedItems(\n                    // eslint-disable-next-line\n                    [...(event.target.options as any)].reduce(\n                        (acc, option, index) =>\n                            option.selected ? acc.concat(flatOptions[index]) : acc,\n                        [],\n                    ),\n                );\n            },\n            [flatOptions, setSelectedItems],\n        );\n\n        const getOptionProps = (option: OptionShape, index: number) => ({\n            ...(optionProps as object),\n            mobile: view === 'mobile',\n            className: cn(optionClassName, {\n                [mobileStyles.option]: view === 'mobile',\n            }),\n            innerProps: getItemProps({\n                index,\n                item: option,\n                onMouseDown: (event: MouseEvent) => event.preventDefault(),\n                onClick: () => {\n                    if (view === 'mobile' || !showSearch || multiple) return;\n                    shouldSearchBlurRef.current = false;\n                    searchRef.current?.blur();\n                    shouldSearchBlurRef.current = true;\n                    fieldRef.current?.focus();\n                },\n            }),\n            multiple,\n            index,\n            option,\n            size: optionsSize,\n            disabled: option.disabled,\n            highlighted: index === highlightedIndex,\n            selected: selectedItems.some(({ key }) => key === option.key),\n            dataTestId: getDataTestId(dataTestId, 'option'),\n        });\n\n        useEffect(() => {\n            if (defaultOpen) openMenu();\n        }, [defaultOpen, openMenu]);\n\n        useEffect(() => {\n            if (openProp) {\n                openMenu();\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        const calcOptionsListWidth = useCallback(() => {\n            if (view === 'desktop' && listRef.current) {\n                const widthAttr = optionsListWidth === 'field' ? 'width' : 'minWidth';\n\n                const optionsListMinWidth = rootRef.current\n                    ? rootRef.current.getBoundingClientRect().width\n                    : 0;\n\n                listRef.current.removeAttribute('style');\n                listRef.current.style[widthAttr] = `${optionsListMinWidth}px`;\n            }\n        }, [view, optionsListWidth]);\n\n        useEffect(() => {\n            if (view === 'desktop') {\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(calcOptionsListWidth);\n\n                if (rootRef.current) {\n                    observer.observe(rootRef.current);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return fnUtils.noop;\n        }, [view, calcOptionsListWidth, open, optionsListWidth]);\n\n        useLayoutEffect_SAFE_FOR_SSR(calcOptionsListWidth, [\n            open,\n            optionsListWidth,\n            filteredOptions,\n            selectedItems,\n        ]);\n\n        const renderValue = () =>\n            selectedItems.map((option) => (\n                <input type='hidden' name={name} value={option.key} key={option.key} />\n            ));\n\n        const renderNativeSelect = () => {\n            const value = multiple\n                ? selectedItems.map((option) => option.key)\n                : selectedItems[0]?.key;\n\n            return (\n                <NativeSelect\n                    {...(menuProps as AnyObject)}\n                    className={styles.nativeSelect}\n                    disabled={disabled}\n                    multiple={multiple}\n                    name={name}\n                    value={value}\n                    onChange={handleNativeSelectChange}\n                    options={filteredOptions}\n                />\n            );\n        };\n\n        const handleFieldClear = (event: MouseEvent<HTMLButtonElement>) => {\n            setSelectedItems([]);\n            onClear?.(event);\n        };\n\n        const renderSearch = () => {\n            if (!showSearch) return null;\n\n            const handleClear: SearchProps['onClear'] = (event) => {\n                setSearch?.('');\n                searchProps?.componentProps?.onClear?.(event);\n            };\n\n            const handleChange: SearchProps['onChange'] = (event, payload) => {\n                setSearch?.(payload.value);\n                searchProps?.componentProps?.onChange?.(event, payload);\n            };\n\n            const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n                if (!shouldSearchBlurRef.current) return;\n                searchProps.componentProps?.onBlur?.(event);\n                handleFieldBlur(event);\n            };\n\n            return (\n                <Search\n                    {...searchProps?.componentProps}\n                    onBlur={handleBlur}\n                    value={search}\n                    onChange={handleChange}\n                    dataTestId={getDataTestId(dataTestId, 'search')}\n                    onClear={handleClear}\n                    className={cn(\n                        searchProps?.componentProps?.className,\n                        {\n                            [styles.search]: view === 'desktop',\n                            [mobileStyles.search]: view === 'mobile',\n                        },\n                        size && styles[SIZE_TO_CLASSNAME_MAP[size]],\n                    )}\n                    ref={mergeRefs([searchRef, searchProps?.componentProps?.ref || null])}\n                />\n            );\n        };\n\n        const { header, emptyPlaceholder } = optionsListProps as OptionsListProps;\n\n        const renderOptionsListHeader = () => {\n            if (header || (view === 'desktop' && showSearch)) {\n                return (\n                    <React.Fragment>\n                        {header}\n                        {view === 'desktop' && renderSearch()}\n                    </React.Fragment>\n                );\n            }\n\n            return null;\n        };\n\n        const renderEmptyPlaceholder = () => {\n            if (emptyPlaceholder) {\n                return emptyPlaceholder;\n            }\n\n            if (showSearch) {\n                return <div className={styles.emptySearchPlaceholder}>Ничего не нашлось</div>;\n            }\n\n            return undefined;\n        };\n\n        const renderOptionsList = () => {\n            if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch) return null;\n\n            const listProps = optionsListProps as OptionsListProps & RefAttributes<HTMLDivElement>;\n\n            return (\n                <div\n                    {...menuProps}\n                    ref={view === 'desktop' ? menuRef : undefined}\n                    className={cn(\n                        optionsListClassName,\n                        view === 'mobile' && mobileStyles.optionsListWrapper,\n                        view === 'desktop' && styles.optionsListWrapper,\n                    )}\n                >\n                    <OptionsList\n                        {...listProps}\n                        ref={view === 'desktop' ? listProps.ref : scrollableContainerRef}\n                        setHighlightedIndex={view === 'desktop' ? setHighlightedIndex : undefined}\n                        className={cn(\n                            { [mobileStyles.optionsList]: view === 'mobile' },\n                            listProps.className,\n                        )}\n                        scrollbarClassName={cn(\n                            { [mobileStyles.scrollbar]: view === 'mobile' },\n                            listProps.scrollbarClassName,\n                        )}\n                        optionsListWidth={optionsListWidth}\n                        flatOptions={flatOptions}\n                        highlightedIndex={highlightedIndex}\n                        open={open}\n                        size={size}\n                        options={filteredOptions}\n                        Optgroup={Optgroup}\n                        Option={Option}\n                        selectedItems={selectedItems}\n                        setSelectedItems={setSelectedItems}\n                        toggleMenu={toggleMenu}\n                        groupOptionProps={groupOptionProps}\n                        getOptionProps={getOptionProps}\n                        visibleOptions={view === 'desktop' ? visibleOptions : 0}\n                        dataTestId={getDataTestId(dataTestId, 'options-list')}\n                        header={renderOptionsListHeader()}\n                        optionGroupClassName={cn(optionGroupClassName, {\n                            [mobileStyles.optionGroup]: view === 'mobile',\n                        })}\n                        emptyPlaceholder={renderEmptyPlaceholder()}\n                        onScroll={onScroll}\n                        search={search}\n                        multiple={multiple}\n                        limitDynamicOptionGroupSize={limitDynamicOptionGroupSize}\n                    />\n                    {view === 'desktop' && <div className={styles.optionsListBorder} />}\n                </div>\n            );\n        };\n\n        const renderInPopover = () => {\n            if (!nativeSelect && Popover) {\n                return (\n                    <Popover\n                        {...popoverProps}\n                        open={open}\n                        withTransition={false}\n                        anchorElement={fieldRef.current as HTMLElement}\n                        position={popoverPosition}\n                        preventFlip={preventFlip}\n                        popperClassName={cn(styles.popoverInner, popperClassName)}\n                        update={updatePopover}\n                        zIndex={zIndexPopover}\n                    >\n                        {renderOptionsList()}\n                    </Popover>\n                );\n            }\n\n            return null;\n        };\n\n        const renderInBottomSheet = () => {\n            if (!nativeSelect && BottomSheet) {\n                const bottomAddons = bottomSheetProps?.bottomAddons;\n\n                return (\n                    <BottomSheet\n                        dataTestId={getDataTestId(dataTestId, 'bottom-sheet')}\n                        open={open}\n                        className={mobileStyles.sheet}\n                        contentClassName={mobileStyles.sheetContent}\n                        containerClassName={mobileStyles.sheetContainer}\n                        title={label || placeholder}\n                        actionButton={footer}\n                        stickyHeader={true}\n                        hasCloser={true}\n                        swipeable={swipeable}\n                        initialHeight={showSearch ? 'full' : 'default'}\n                        {...bottomSheetProps}\n                        sheetContainerRef={menuRef}\n                        scrollableContainerRef={scrollableContainerRef}\n                        onClose={() => {\n                            closeMenu();\n                            bottomSheetProps?.onClose?.();\n                        }}\n                        transitionProps={{\n                            ...bottomSheetProps?.transitionProps,\n                            onEntered: handleEntered,\n                        }}\n                        bottomAddons={\n                            <React.Fragment>\n                                {renderSearch()}\n                                {typeof bottomAddons === 'function'\n                                    ? bottomAddons(flatOptions)\n                                    : bottomAddons}\n                            </React.Fragment>\n                        }\n                        containerProps={{\n                            ...bottomSheetProps?.containerProps,\n                            onScroll,\n                        }}\n                    >\n                        {renderOptionsList()}\n                    </BottomSheet>\n                );\n            }\n\n            return null;\n        };\n\n        const renderInModalMobile = () => {\n            if (!nativeSelect && ModalMobile) {\n                const bottomAddons = modalHeaderProps?.bottomAddons;\n\n                return (\n                    <ModalMobile\n                        dataTestId={getDataTestId(dataTestId, 'modal')}\n                        open={open}\n                        hasCloser={true}\n                        {...modalProps}\n                        componentRef={menuRef}\n                        onClose={(...args) => {\n                            closeMenu();\n                            modalProps?.onClose?.(...args);\n                        }}\n                        contentClassName={cn(\n                            mobileStyles.sheetContent,\n                            modalProps?.contentClassName,\n                        )}\n                        ref={mergeRefs([\n                            scrollableContainerRef,\n                            modalProps?.ref as React.Ref<HTMLDivElement>,\n                        ])}\n                        wrapperProps={{\n                            ...modalProps?.wrapperProps,\n                            onScroll,\n                        }}\n                        transitionProps={{\n                            ...modalProps?.transitionProps,\n                            onEntered: handleEntered,\n                        }}\n                    >\n                        <ModalMobile.Header\n                            hasCloser={true}\n                            sticky={true}\n                            {...modalHeaderProps}\n                            title={undefined}\n                            bottomAddons={\n                                <React.Fragment>\n                                    {renderSearch()}\n                                    {typeof bottomAddons === 'function'\n                                        ? bottomAddons(flatOptions)\n                                        : bottomAddons}\n                                </React.Fragment>\n                            }\n                        >\n                            {modalHeaderProps?.title || label || placeholder}\n                        </ModalMobile.Header>\n\n                        <ModalMobile.Content flex={true} className={mobileStyles.modalContent}>\n                            {renderOptionsList()}\n                        </ModalMobile.Content>\n\n                        {modalFooterProps?.children && <ModalMobile.Footer {...modalFooterProps} />}\n                    </ModalMobile>\n                );\n            }\n\n            return null;\n        };\n\n        return (\n            <div\n                {...(disabled && { 'aria-disabled': true })}\n                aria-expanded={inputProps['aria-expanded']}\n                aria-haspopup='listbox'\n                role={inputProps.role}\n                className={cn(styles.component, { [styles.block]: block }, className)}\n                ref={rootRef}\n                onKeyDown={disabled ? undefined : handleFieldKeyDown}\n                tabIndex={-1}\n                data-test-id={getDataTestId(dataTestId)}\n            >\n                {nativeSelect && renderNativeSelect()}\n\n                <Field\n                    selectedMultiple={selectedItems}\n                    selected={selectedItems[0]}\n                    setSelectedItems={setSelectedItems}\n                    toggleMenu={toggleMenu}\n                    multiple={multiple}\n                    open={open}\n                    disabled={disabled}\n                    size={size}\n                    placeholder={placeholder}\n                    label={label && <span {...getLabelProps()}>{label}</span>}\n                    labelView={labelView}\n                    Arrow={Arrow && <Arrow open={open} size={size} disabled={disabled} />}\n                    error={error}\n                    hint={hint}\n                    valueRenderer={valueRenderer}\n                    className={fieldClassName}\n                    clear={clear}\n                    onClear={handleFieldClear}\n                    innerProps={{\n                        onBlur: handleFieldBlur,\n                        onFocus: disabled ? undefined : handleFieldFocus,\n                        onClick: disabled ? undefined : handleFieldClick,\n                        tabIndex: disabled ? undefined : nativeSelect ? -1 : 0,\n                        ref: inputProps.ref,\n                        id: inputProps.id,\n                        'aria-label': (optionProps as AriaAttributes)['aria-label'],\n                        'aria-labelledby': inputProps['aria-labelledby'],\n                        'aria-controls': inputProps['aria-controls'],\n                        'aria-autocomplete': autocomplete\n                            ? inputProps['aria-autocomplete']\n                            : undefined,\n                    }}\n                    dataTestId={getDataTestId(dataTestId, 'field')}\n                    {...(fieldProps as AnyObject)}\n                />\n\n                {name && !nativeSelect && renderValue()}\n\n                {view === 'desktop' && renderInPopover()}\n                {view === 'mobile' &&\n                    (isBottomSheet ? renderInBottomSheet() : renderInModalMobile())}\n            </div>\n        );\n    },\n);\n"],"names":["ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/base-select/Component.tsx"],"sourcesContent":["/* eslint-disable no-nested-ternary */\nimport React, {\n    type AriaAttributes,\n    type FocusEvent,\n    forwardRef,\n    type KeyboardEvent,\n    type MouseEvent,\n    type RefAttributes,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport cn from 'classnames';\nimport { compute } from 'compute-scroll-into-view';\nimport {\n    useCombobox,\n    useMultipleSelection,\n    type UseMultipleSelectionProps,\n    type UseMultipleSelectionState,\n} from 'downshift';\n\nimport { fnUtils, getDataTestId, isClient } from '@alfalab/core-components-shared';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport {\n    type AnyObject,\n    type OptionShape,\n    type OptionsListProps,\n    type SearchProps,\n} from '../../typings';\nimport {\n    defaultAccessor,\n    defaultFilterFn,\n    defaultGroupAccessor,\n    isGroup,\n    processOptions,\n} from '../../utils';\nimport { NativeSelect } from '../native-select';\n\nimport { type ComponentProps } from './types/component-types';\n\nimport styles from './index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nconst itemToString = (option: OptionShape | null) => (option ? option.key : '');\n\nconst isItemDisabled = (option: OptionShape | null) => Boolean(option?.disabled);\n\nexport const BaseSelect = forwardRef<unknown, ComponentProps>(\n    // TODO: 😭\n    // eslint-disable-next-line complexity\n    (props, ref) => {\n        const {\n            dataTestId,\n            className,\n            fieldClassName,\n            optionGroupClassName,\n            optionsListClassName,\n            optionClassName,\n            popperClassName,\n            options,\n            autocomplete = false,\n            multiple = false,\n            allowUnselect = false,\n            disabled = false,\n            closeOnSelect = !multiple,\n            circularNavigation = false,\n            nativeSelect = false,\n            defaultOpen = false,\n            open: openProp,\n            popoverPosition = 'bottom-start',\n            preventFlip = true,\n            optionsListWidth = 'content',\n            name,\n            id,\n            selected,\n            size = 48,\n            optionsSize = size,\n            error,\n            hint,\n            block,\n            label,\n            labelView,\n            placeholder,\n            fieldProps = {},\n            optionsListProps = {},\n            optionProps = {},\n            groupOptionProps = {},\n            searchProps = {},\n            showSearch = false,\n            valueRenderer,\n            onChange,\n            onOpen,\n            onFocus,\n            onBlur,\n            onScroll,\n            onClear,\n            clear,\n            Arrow,\n            Field = () => null,\n            OptionsList = () => null,\n            Optgroup = () => null,\n            Option = () => null,\n            Search = () => null,\n            updatePopover,\n            zIndexPopover,\n            showEmptyOptionsList = false,\n            visibleOptions,\n            view,\n            isBottomSheet = true,\n            footer,\n            swipeable,\n            modalProps,\n            popoverProps,\n            modalFooterProps,\n            modalHeaderProps,\n            bottomSheetProps,\n            Popover,\n            ModalMobile,\n            BottomSheet,\n            limitDynamicOptionGroupSize,\n            environment = isClient() ? window : undefined,\n        } = props;\n        const shouldSearchBlurRef = useRef(true);\n        const rootRef = useRef<HTMLDivElement>(null);\n        const fieldRef = useRef<HTMLInputElement>(null);\n        const listRef = useRef<HTMLDivElement>(null);\n        const initiatorRef = useRef<OptionShape | null>(null);\n        const searchRef = useRef<HTMLInputElement>(null);\n        const scrollableContainerRef = useRef<HTMLDivElement>(null);\n        const onOpenRef = useRef(onOpen);\n\n        const [searchState, setSearchState] = React.useState('');\n\n        const [search, setSearch] =\n            typeof searchProps?.value === 'string'\n                ? [searchProps.value, searchProps.onChange]\n                : [searchState, setSearchState];\n\n        const accessor = searchProps.accessor || defaultAccessor;\n        const filterFn = searchProps.filterFn || defaultFilterFn;\n        const filterGroup = searchProps.filterGroup ?? false;\n        const groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;\n\n        const { filteredOptions, flatOptions, selectedOptions } = useMemo(\n            () =>\n                processOptions(\n                    options,\n                    selected,\n                    (option) => {\n                        if (isGroup(option)) {\n                            const groupAccessorValue = groupAccessor(option);\n\n                            return (\n                                typeof groupAccessorValue === 'string' &&\n                                filterFn(groupAccessorValue, search)\n                            );\n                        }\n\n                        return filterFn(accessor(option), search);\n                    },\n                    filterGroup,\n                ),\n            [options, selected, filterFn, accessor, search, filterGroup, groupAccessor],\n        );\n\n        const scrollIntoView = (node: HTMLElement) => {\n            if (!node || view === 'mobile') return;\n\n            requestAnimationFrame(() => {\n                const actions = compute(node, {\n                    boundary: listRef.current,\n                    block: 'nearest',\n                    scrollMode: 'if-needed',\n                });\n\n                actions.forEach((action) => {\n                    const { el, top } = action;\n\n                    el.scrollTop = top;\n                });\n            });\n        };\n\n        const useMultipleSelectionProps: UseMultipleSelectionProps<OptionShape> = {\n            itemToString,\n            onSelectedItemsChange: (changes) => {\n                if (onChange) {\n                    const { selectedItems = [] } = changes;\n\n                    onChange({\n                        selectedMultiple: selectedItems,\n                        selected: selectedItems.length ? selectedItems[0] : null,\n                        initiator: initiatorRef.current,\n                        name,\n                    });\n\n                    initiatorRef.current = null;\n                }\n            },\n            stateReducer: (state, actionAndChanges) => {\n                const { type, changes } = actionAndChanges;\n\n                if (\n                    type === useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace &&\n                    (!allowUnselect ||\n                        environment?.document.activeElement?.isSameNode(searchRef.current))\n                ) {\n                    return state;\n                }\n\n                return changes as UseMultipleSelectionState<OptionShape>;\n            },\n        };\n\n        if (selected !== undefined) {\n            useMultipleSelectionProps.selectedItems = selectedOptions;\n        }\n\n        onOpenRef.current = onOpen;\n\n        const {\n            selectedItems,\n            addSelectedItem,\n            setSelectedItems,\n            removeSelectedItem,\n            getDropdownProps,\n        } = useMultipleSelection(useMultipleSelectionProps);\n\n        const {\n            isOpen: open,\n            getMenuProps,\n            getInputProps,\n            getItemProps,\n            getLabelProps,\n            highlightedIndex,\n            toggleMenu,\n            openMenu,\n            closeMenu,\n            setHighlightedIndex,\n        } = useCombobox<OptionShape>({\n            id,\n            isOpen: openProp,\n            items: flatOptions,\n            itemToString,\n            isItemDisabled,\n            defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,\n            scrollIntoView,\n            environment,\n            onSelectedItemChange: (changes) => {\n                const selectedItem = changes.selectedItem || initiatorRef.current;\n\n                if (selectedItem && !selectedItem.disabled) {\n                    const alreadySelected = selectedItems.includes(selectedItem);\n                    const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);\n\n                    if (alreadySelected && allowRemove) {\n                        removeSelectedItem(selectedItem);\n                    }\n\n                    if (!alreadySelected) {\n                        if (multiple) {\n                            addSelectedItem(selectedItem);\n                        } else {\n                            setSelectedItems([selectedItem]);\n                        }\n                    }\n                }\n            },\n            onIsOpenChange: (changes) => {\n                if (onOpenRef.current) {\n                    /**\n                     *  Вызываем обработчик асинхронно.\n                     *\n                     * Иначе при клике вне открытого селекта сначала сработает onOpen, который закроет селект,\n                     * А затем сработает onClick кнопки открытия\\закрытия с open=false и в итоге селект откроется снова.\n                     */\n                    setTimeout(() => {\n                        onOpenRef.current?.({\n                            open: changes.isOpen,\n                            name,\n                        });\n                    }, 0);\n                }\n\n                if (showSearch) {\n                    if (changes.isOpen && view === 'desktop') {\n                        setTimeout(() => {\n                            searchRef.current?.focus();\n                        }, 0);\n                    } else {\n                        setSearch?.('');\n                    }\n                }\n            },\n            stateReducer: (state, actionAndChanges) => {\n                const { type, changes } = actionAndChanges;\n\n                switch (type) {\n                    case useCombobox.stateChangeTypes.InputKeyDownArrowDown:\n                        if (\n                            !circularNavigation &&\n                            state.highlightedIndex === flatOptions.length - 1\n                        ) {\n                            return { ...changes, highlightedIndex: state.highlightedIndex };\n                        }\n\n                        return changes;\n                    case useCombobox.stateChangeTypes.InputKeyDownArrowUp:\n                        if (!circularNavigation && state.highlightedIndex === 0) {\n                            return { ...changes, highlightedIndex: state.highlightedIndex };\n                        }\n\n                        return changes;\n\n                    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n                    case useCombobox.stateChangeTypes.ItemClick: {\n                        const { selectedItem } = changes;\n\n                        initiatorRef.current = selectedItem || null;\n\n                        return {\n                            ...changes,\n                            selectedItem: state.selectedItem === selectedItem ? null : selectedItem,\n                            isOpen: !closeOnSelect || (view === 'mobile' && multiple),\n                            // при closeOnSelect === false - сохраняем подсвеченный индекс\n                            highlightedIndex:\n                                state.isOpen && !closeOnSelect\n                                    ? state.highlightedIndex\n                                    : changes.highlightedIndex,\n                        };\n                    }\n                    default:\n                        return changes;\n                }\n            },\n        });\n\n        useEffect(() => {\n            /*\n             * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом\n             * Скорее всего это исправят в будущих версиях downshift\n             */\n            if (openProp !== undefined) {\n                if (openProp) {\n                    openMenu();\n                } else {\n                    closeMenu();\n                }\n            }\n        }, [openProp, openMenu, closeMenu]);\n\n        const inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));\n        const { ref: menuRef, ...menuProps } = getMenuProps(\n            { ref: listRef },\n            { suppressRefError: true },\n        );\n\n        const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n            if (showSearch) searchRef.current?.focus();\n\n            if (isBottomSheet) {\n                bottomSheetProps?.transitionProps?.onEntered?.(node, isAppearing);\n            } else {\n                modalProps?.transitionProps?.onEntered?.(node, isAppearing);\n            }\n        };\n\n        const handleFieldFocus = (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => {\n            if (onFocus) onFocus(event);\n\n            if (autocomplete && !open) {\n                openMenu();\n            }\n        };\n\n        const handleFieldBlur = (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => {\n            if (view === 'desktop') {\n                const isNextFocusInsideField = fieldRef.current?.contains(\n                    (event.relatedTarget || document.activeElement) as HTMLElement,\n                );\n\n                const isNextFocusInsideList = listRef.current?.contains(\n                    (event.relatedTarget || document.activeElement) as HTMLElement,\n                );\n\n                if (!isNextFocusInsideField && !isNextFocusInsideList) {\n                    if (onBlur) onBlur(event);\n\n                    inputProps.onBlur?.(event);\n                }\n            }\n\n            if (view === 'mobile' && !open && onBlur) onBlur(event);\n        };\n\n        const handleFieldKeyDown = (event: KeyboardEvent<HTMLDivElement | HTMLInputElement>) => {\n            inputProps.onKeyDown?.(event);\n\n            // https://caniuse.com/?search=KeyboardEvent.key\n            const isKeyUnsupported = event.key === 'Unidentified';\n\n            if (\n                autocomplete &&\n                !open &&\n                (isKeyUnsupported || event.key.length === 1 || event.key === 'Backspace')\n            ) {\n                // Для автокомплита - открываем меню при начале ввода\n                openMenu();\n            }\n\n            if (\n                [' ', 'Enter'].includes(event.key) &&\n                !autocomplete &&\n                !nativeSelect &&\n                (event.target as HTMLElement).tagName !== 'INPUT' &&\n                (event.target as HTMLElement).tagName !== 'BUTTON' &&\n                (event.target as HTMLElement).tagName !== 'TEXTAREA'\n            ) {\n                // Открываем\\закрываем меню по нажатию enter или пробела\n                event.preventDefault();\n                if (!open || highlightedIndex === -1) toggleMenu();\n            }\n        };\n\n        const handleFieldClick = (event: MouseEvent) => {\n            if (!autocomplete || (event.target as HTMLElement).tagName !== 'INPUT') {\n                toggleMenu();\n            } else {\n                openMenu();\n            }\n        };\n\n        const handleNativeSelectChange = useCallback(\n            (event: React.ChangeEvent<HTMLSelectElement>) => {\n                setSelectedItems(\n                    // eslint-disable-next-line\n                    [...(event.target.options as any)].reduce(\n                        (acc, option, index) =>\n                            option.selected ? acc.concat(flatOptions[index]) : acc,\n                        [],\n                    ),\n                );\n            },\n            [flatOptions, setSelectedItems],\n        );\n\n        const getOptionProps = (option: OptionShape, index: number) => ({\n            ...(optionProps as object),\n            mobile: view === 'mobile',\n            className: cn(optionClassName, {\n                [mobileStyles.option]: view === 'mobile',\n            }),\n            innerProps: getItemProps({\n                index,\n                item: option,\n                onMouseDown: (event: MouseEvent) => event.preventDefault(),\n                onClick: () => {\n                    if (view === 'mobile' || !showSearch || multiple) return;\n                    shouldSearchBlurRef.current = false;\n                    searchRef.current?.blur();\n                    shouldSearchBlurRef.current = true;\n                    fieldRef.current?.focus();\n                },\n            }),\n            multiple,\n            index,\n            option,\n            size: optionsSize,\n            disabled: option.disabled,\n            highlighted: index === highlightedIndex,\n            selected: selectedItems.some(({ key }) => key === option.key),\n            dataTestId: getDataTestId(dataTestId, 'option'),\n        });\n\n        useEffect(() => {\n            if (defaultOpen) openMenu();\n        }, [defaultOpen, openMenu]);\n\n        useEffect(() => {\n            if (openProp) {\n                openMenu();\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        const calcOptionsListWidth = useCallback(() => {\n            if (view === 'desktop' && listRef.current) {\n                const widthAttr = optionsListWidth === 'field' ? 'width' : 'minWidth';\n\n                const optionsListMinWidth = rootRef.current\n                    ? rootRef.current.getBoundingClientRect().width\n                    : 0;\n\n                listRef.current.removeAttribute('style');\n                listRef.current.style[widthAttr] = `${optionsListMinWidth}px`;\n            }\n        }, [view, optionsListWidth]);\n\n        useEffect(() => {\n            if (view === 'desktop') {\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(calcOptionsListWidth);\n\n                if (rootRef.current) {\n                    observer.observe(rootRef.current);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return fnUtils.noop;\n        }, [view, calcOptionsListWidth, open, optionsListWidth]);\n\n        useLayoutEffect_SAFE_FOR_SSR(calcOptionsListWidth, [\n            open,\n            optionsListWidth,\n            filteredOptions,\n            selectedItems,\n        ]);\n\n        const renderValue = () =>\n            selectedItems.map((option) => (\n                <input type='hidden' name={name} value={option.key} key={option.key} />\n            ));\n\n        const renderNativeSelect = () => {\n            const value = multiple\n                ? selectedItems.map((option) => option.key)\n                : selectedItems[0]?.key;\n\n            return (\n                <NativeSelect\n                    {...(menuProps as AnyObject)}\n                    className={styles.nativeSelect}\n                    disabled={disabled}\n                    multiple={multiple}\n                    name={name}\n                    value={value}\n                    onChange={handleNativeSelectChange}\n                    options={filteredOptions}\n                />\n            );\n        };\n\n        const handleFieldClear = (event: MouseEvent<HTMLButtonElement>) => {\n            setSelectedItems([]);\n            onClear?.(event);\n        };\n\n        const renderSearch = () => {\n            if (!showSearch) return null;\n\n            const handleClear: SearchProps['onClear'] = (event) => {\n                setSearch?.('');\n                searchProps?.componentProps?.onClear?.(event);\n            };\n\n            const handleChange: SearchProps['onChange'] = (event, payload) => {\n                setSearch?.(payload.value);\n                searchProps?.componentProps?.onChange?.(event, payload);\n            };\n\n            const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n                if (!shouldSearchBlurRef.current) return;\n                searchProps.componentProps?.onBlur?.(event);\n                handleFieldBlur(event);\n            };\n\n            return (\n                <Search\n                    {...searchProps?.componentProps}\n                    onBlur={handleBlur}\n                    value={search}\n                    onChange={handleChange}\n                    dataTestId={getDataTestId(dataTestId, 'search')}\n                    onClear={handleClear}\n                    className={cn(\n                        searchProps?.componentProps?.className,\n                        {\n                            [styles.search]: view === 'desktop',\n                            [mobileStyles.search]: view === 'mobile',\n                        },\n                        size && styles[SIZE_TO_CLASSNAME_MAP[size]],\n                    )}\n                    ref={mergeRefs([searchRef, searchProps?.componentProps?.ref || null])}\n                    client={view}\n                />\n            );\n        };\n\n        const { header, emptyPlaceholder } = optionsListProps as OptionsListProps;\n\n        const renderOptionsListHeader = () => {\n            if (header || (view === 'desktop' && showSearch)) {\n                return (\n                    <React.Fragment>\n                        {header}\n                        {view === 'desktop' && renderSearch()}\n                    </React.Fragment>\n                );\n            }\n\n            return null;\n        };\n\n        const renderEmptyPlaceholder = () => {\n            if (emptyPlaceholder) {\n                return emptyPlaceholder;\n            }\n\n            if (showSearch) {\n                return <div className={styles.emptySearchPlaceholder}>Ничего не нашлось</div>;\n            }\n\n            return undefined;\n        };\n\n        const renderOptionsList = () => {\n            if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch) return null;\n\n            const listProps = optionsListProps as OptionsListProps & RefAttributes<HTMLDivElement>;\n\n            return (\n                <div\n                    {...menuProps}\n                    ref={view === 'desktop' ? menuRef : undefined}\n                    className={cn(\n                        optionsListClassName,\n                        view === 'mobile' && mobileStyles.optionsListWrapper,\n                        view === 'desktop' && styles.optionsListWrapper,\n                    )}\n                >\n                    <OptionsList\n                        {...listProps}\n                        ref={view === 'desktop' ? listProps.ref : scrollableContainerRef}\n                        setHighlightedIndex={view === 'desktop' ? setHighlightedIndex : undefined}\n                        className={cn(\n                            { [mobileStyles.optionsList]: view === 'mobile' },\n                            listProps.className,\n                        )}\n                        scrollbarClassName={cn(\n                            { [mobileStyles.scrollbar]: view === 'mobile' },\n                            listProps.scrollbarClassName,\n                        )}\n                        optionsListWidth={optionsListWidth}\n                        flatOptions={flatOptions}\n                        highlightedIndex={highlightedIndex}\n                        open={open}\n                        size={size}\n                        options={filteredOptions}\n                        Optgroup={Optgroup}\n                        Option={Option}\n                        selectedItems={selectedItems}\n                        setSelectedItems={setSelectedItems}\n                        toggleMenu={toggleMenu}\n                        groupOptionProps={groupOptionProps}\n                        getOptionProps={getOptionProps}\n                        visibleOptions={view === 'desktop' ? visibleOptions : 0}\n                        dataTestId={getDataTestId(dataTestId, 'options-list')}\n                        header={renderOptionsListHeader()}\n                        optionGroupClassName={cn(optionGroupClassName, {\n                            [mobileStyles.optionGroup]: view === 'mobile',\n                        })}\n                        emptyPlaceholder={renderEmptyPlaceholder()}\n                        onScroll={onScroll}\n                        search={search}\n                        multiple={multiple}\n                        limitDynamicOptionGroupSize={limitDynamicOptionGroupSize}\n                        client={view}\n                    />\n                    {view === 'desktop' && <div className={styles.optionsListBorder} />}\n                </div>\n            );\n        };\n\n        const renderInPopover = () => {\n            if (!nativeSelect && Popover) {\n                return (\n                    <Popover\n                        {...popoverProps}\n                        open={open}\n                        withTransition={false}\n                        anchorElement={fieldRef.current as HTMLElement}\n                        position={popoverPosition}\n                        preventFlip={preventFlip}\n                        popperClassName={cn(styles.popoverInner, popperClassName)}\n                        update={updatePopover}\n                        zIndex={zIndexPopover}\n                    >\n                        {renderOptionsList()}\n                    </Popover>\n                );\n            }\n\n            return null;\n        };\n\n        const renderInBottomSheet = () => {\n            if (!nativeSelect && BottomSheet) {\n                const bottomAddons = bottomSheetProps?.bottomAddons;\n\n                return (\n                    <BottomSheet\n                        dataTestId={getDataTestId(dataTestId, 'bottom-sheet')}\n                        open={open}\n                        className={mobileStyles.sheet}\n                        contentClassName={mobileStyles.sheetContent}\n                        containerClassName={mobileStyles.sheetContainer}\n                        title={label || placeholder}\n                        actionButton={footer}\n                        stickyHeader={true}\n                        hasCloser={true}\n                        swipeable={swipeable}\n                        initialHeight={showSearch ? 'full' : 'default'}\n                        {...bottomSheetProps}\n                        sheetContainerRef={menuRef}\n                        scrollableContainerRef={scrollableContainerRef}\n                        onClose={() => {\n                            closeMenu();\n                            bottomSheetProps?.onClose?.();\n                        }}\n                        transitionProps={{\n                            ...bottomSheetProps?.transitionProps,\n                            onEntered: handleEntered,\n                        }}\n                        bottomAddons={\n                            <React.Fragment>\n                                {renderSearch()}\n                                {typeof bottomAddons === 'function'\n                                    ? bottomAddons(flatOptions)\n                                    : bottomAddons}\n                            </React.Fragment>\n                        }\n                        containerProps={{\n                            ...bottomSheetProps?.containerProps,\n                            onScroll,\n                        }}\n                    >\n                        {renderOptionsList()}\n                    </BottomSheet>\n                );\n            }\n\n            return null;\n        };\n\n        const renderInModalMobile = () => {\n            if (!nativeSelect && ModalMobile) {\n                const bottomAddons = modalHeaderProps?.bottomAddons;\n\n                return (\n                    <ModalMobile\n                        dataTestId={getDataTestId(dataTestId, 'modal')}\n                        open={open}\n                        hasCloser={true}\n                        {...modalProps}\n                        componentRef={menuRef}\n                        onClose={(...args) => {\n                            closeMenu();\n                            modalProps?.onClose?.(...args);\n                        }}\n                        contentClassName={cn(\n                            mobileStyles.sheetContent,\n                            modalProps?.contentClassName,\n                        )}\n                        ref={mergeRefs([\n                            scrollableContainerRef,\n                            modalProps?.ref as React.Ref<HTMLDivElement>,\n                        ])}\n                        wrapperProps={{\n                            ...modalProps?.wrapperProps,\n                            onScroll,\n                        }}\n                        transitionProps={{\n                            ...modalProps?.transitionProps,\n                            onEntered: handleEntered,\n                        }}\n                    >\n                        <ModalMobile.Header\n                            hasCloser={true}\n                            sticky={true}\n                            {...modalHeaderProps}\n                            title={undefined}\n                            bottomAddons={\n                                <React.Fragment>\n                                    {renderSearch()}\n                                    {typeof bottomAddons === 'function'\n                                        ? bottomAddons(flatOptions)\n                                        : bottomAddons}\n                                </React.Fragment>\n                            }\n                        >\n                            {modalHeaderProps?.title || label || placeholder}\n                        </ModalMobile.Header>\n\n                        <ModalMobile.Content flex={true} className={mobileStyles.modalContent}>\n                            {renderOptionsList()}\n                        </ModalMobile.Content>\n\n                        {modalFooterProps?.children && <ModalMobile.Footer {...modalFooterProps} />}\n                    </ModalMobile>\n                );\n            }\n\n            return null;\n        };\n\n        return (\n            <div\n                {...(disabled && { 'aria-disabled': true })}\n                aria-expanded={inputProps['aria-expanded']}\n                aria-haspopup='listbox'\n                role={inputProps.role}\n                className={cn(styles.component, { [styles.block]: block }, className)}\n                ref={rootRef}\n                onKeyDown={disabled ? undefined : handleFieldKeyDown}\n                tabIndex={-1}\n                data-test-id={getDataTestId(dataTestId)}\n            >\n                {nativeSelect && renderNativeSelect()}\n\n                <Field\n                    selectedMultiple={selectedItems}\n                    selected={selectedItems[0]}\n                    setSelectedItems={setSelectedItems}\n                    toggleMenu={toggleMenu}\n                    multiple={multiple}\n                    open={open}\n                    disabled={disabled}\n                    size={size}\n                    placeholder={placeholder}\n                    label={label && <span {...getLabelProps()}>{label}</span>}\n                    labelView={labelView}\n                    Arrow={Arrow && <Arrow open={open} size={size} disabled={disabled} />}\n                    error={error}\n                    hint={hint}\n                    valueRenderer={valueRenderer}\n                    className={fieldClassName}\n                    clear={clear}\n                    onClear={handleFieldClear}\n                    innerProps={{\n                        onBlur: handleFieldBlur,\n                        onFocus: disabled ? undefined : handleFieldFocus,\n                        onClick: disabled ? undefined : handleFieldClick,\n                        tabIndex: disabled ? undefined : nativeSelect ? -1 : 0,\n                        ref: inputProps.ref,\n                        id: inputProps.id,\n                        'aria-label': (optionProps as AriaAttributes)['aria-label'],\n                        'aria-labelledby': inputProps['aria-labelledby'],\n                        'aria-controls': inputProps['aria-controls'],\n                        'aria-autocomplete': autocomplete\n                            ? inputProps['aria-autocomplete']\n                            : undefined,\n                    }}\n                    dataTestId={getDataTestId(dataTestId, 'field')}\n                    {...(fieldProps as AnyObject)}\n                />\n\n                {name && !nativeSelect && renderValue()}\n\n                {view === 'desktop' && renderInPopover()}\n                {view === 'mobile' &&\n                    (isBottomSheet ? renderInBottomSheet() : renderInModalMobile())}\n            </div>\n        );\n    },\n);\n"],"names":["ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}

package/moderncssm/components/options-list/Component.d.ts

@@ -1,3 +1,36 @@
 import React from 'react';
-import { type OptionsListProps } from '../../typings';
-export declare const OptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
+import { type GroupShape, type OptionShape } from '../../typings';
+export declare const OptionsList: React.ForwardRefExoticComponent<Pick<import("../../typings").SelectProps, "client"> & {
+    className?: string | undefined;
+    optionGroupClassName?: string | undefined;
+    scrollbarClassName?: string | undefined;
+    footerClassName?: string | undefined;
+    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72 | undefined;
+    Option: React.ComponentType<import("../../typings").OptionProps>;
+    getOptionProps: (option: OptionShape, index: number) => import("../../typings").OptionProps;
+    groupOptionProps?: import("../../typings").AnyObject | undefined;
+    selectedItems?: OptionShape[] | undefined;
+    setSelectedItems: (selected: OptionShape[]) => void;
+    toggleMenu: () => void;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    options?: (OptionShape | GroupShape)[] | undefined;
+    flatOptions?: OptionShape[] | undefined;
+    highlightedIndex?: number | undefined;
+    open?: boolean | undefined;
+    Optgroup?: React.ComponentType<import("../../typings").OptgroupProps> | undefined;
+    emptyPlaceholder?: React.ReactNode;
+    visibleOptions?: number | undefined;
+    onScroll?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    dataTestId?: string | undefined;
+    inputProps?: import("@alfalab/core-components-input").InputProps | undefined;
+    showFooter?: boolean | undefined;
+    nativeScrollbar?: boolean | undefined;
+    optionsListWidth?: "field" | "content" | undefined;
+    onApply?: (() => void) | undefined;
+    onClear?: (() => void) | undefined;
+    setHighlightedIndex?: ((index: number) => void) | undefined;
+    search?: string | undefined;
+    multiple?: boolean | undefined;
+    limitDynamicOptionGroupSize?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/components/options-list/Component.js

@@ -1,10 +1,9 @@
 import React, { forwardRef, useState, useCallback, useRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
 import { Scrollbar } from '@alfalab/core-components-scrollbar/moderncssm';
-import { isClient } from '@alfalab/core-components-shared/moderncssm';
 import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
+import { useNativeScrollbar } from '../../hooks/use-native-scrollbar.js';
 import { useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 import styles from './index.module.css';
@@ -14,12 +13,13 @@ const createCounter = () => {
     // eslint-disable-next-line no-plusplus
     return () => count++;
 };
-const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, footerClassName, scrollbarClassName, Option, getOptionProps, groupOptionProps = {}, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, onScroll, open, header, footer, showFooter = true, optionsListWidth, nativeScrollbar: nativeScrollbarProp, flatOptions = [], setHighlightedIndex, selectedItems, search, setSelectedItems, multiple, limitDynamicOptionGroupSize = false, }, ref) => {
+const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, footerClassName, scrollbarClassName, Option, getOptionProps, groupOptionProps = {}, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, onScroll, open, header, footer, showFooter = true, optionsListWidth, nativeScrollbar: nativeScrollbarProp, flatOptions = [], setHighlightedIndex, selectedItems, search, setSelectedItems, multiple, limitDynamicOptionGroupSize = false, client, }, ref) => {
     const [scrollTop, setScrollTop] = useState(true);
     const [scrollBottom, setScrollBottom] = useState(false);
-    const query = '(max-width: 1023px)';
-    let [nativeScrollbar] = useMatchMedia(query, () => isClient() ? window.matchMedia(query).matches : true);
-    nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);
+    const nativeScrollbar = useNativeScrollbar({
+        nativeScrollbar: nativeScrollbarProp,
+        client,
+    });
     const handleScroll = useCallback((event) => {
         const scrolledToHeader = event.currentTarget.scrollTop <= 0;
         const scrolledToFooter = event.currentTarget.scrollHeight - event.currentTarget.offsetHeight <=

package/moderncssm/components/options-list/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/options-list/Component.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { useMatchMedia } from '@alfalab/core-components-mq';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\nimport { isClient } from '@alfalab/core-components-shared';\n\nimport { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { type GroupShape, type OptionShape, type OptionsListProps } from '../../typings';\nimport { isGroup, useVisibleOptions } from '../../utils';\nimport { Optgroup as DefaultOptgroup } from '../optgroup';\n\nimport styles from './index.module.css';\n\nconst createCounter = () => {\n    let count = 0;\n\n    // eslint-disable-next-line no-plusplus\n    return () => count++;\n};\n\nexport const OptionsList = forwardRef<HTMLDivElement, OptionsListProps>(\n    (\n        {\n            size = 48,\n            className,\n            optionGroupClassName,\n            footerClassName,\n            scrollbarClassName,\n            Option,\n            getOptionProps,\n            groupOptionProps = {},\n            options = [],\n            Optgroup = DefaultOptgroup,\n            dataTestId,\n            emptyPlaceholder,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            onScroll,\n            open,\n            header,\n            footer,\n            showFooter = true,\n            optionsListWidth,\n            nativeScrollbar: nativeScrollbarProp,\n            flatOptions = [],\n            setHighlightedIndex,\n            selectedItems,\n            search,\n            setSelectedItems,\n            multiple,\n            limitDynamicOptionGroupSize = false,\n        },\n        ref,\n    ) => {\n        const [scrollTop, setScrollTop] = useState(true);\n        const [scrollBottom, setScrollBottom] = useState(false);\n\n        const query = '(max-width: 1023px)';\n        let [nativeScrollbar] = useMatchMedia(query, () =>\n            isClient() ? window.matchMedia(query).matches : true,\n        );\n\n        nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);\n\n        const handleScroll = useCallback(\n            (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n                const scrolledToHeader = event.currentTarget.scrollTop <= 0;\n                const scrolledToFooter =\n                    event.currentTarget.scrollHeight - event.currentTarget.offsetHeight <=\n                    event.currentTarget.scrollTop;\n\n                setScrollTop(scrolledToHeader);\n                setScrollBottom(scrolledToFooter);\n\n                onScroll?.(event);\n            },\n            [onScroll],\n        );\n\n        const renderOption = (option: OptionShape, index: number) => (\n            <Option key={option.key} {...getOptionProps(option, index)} />\n        );\n\n        const listRef = useRef<HTMLDivElement>(null);\n        const scrollbarRef = useRef<HTMLDivElement>(null);\n        const counter = createCounter();\n        const renderGroup = (group: GroupShape) => {\n            const groupSelectedItems = selectedItems?.filter(({ key: selectedItemKey }) =>\n                group.options.some((option) => option.key === selectedItemKey),\n            );\n            const handleSelectedItems = (items: OptionShape[]) => {\n                setSelectedItems(\n                    (\n                        selectedItems?.filter(\n                            ({ key: selectedItemKey }) =>\n                                !group.options.some((option) => option.key === selectedItemKey),\n                        ) ?? []\n                    ).concat(items),\n                );\n            };\n\n            return (\n                <Optgroup\n                    className={optionGroupClassName}\n                    label={group.label}\n                    key={group.label}\n                    size={size}\n                    options={group.options}\n                    selectedItems={groupSelectedItems}\n                    setSelectedItems={handleSelectedItems}\n                    search={search}\n                    multiple={multiple}\n                    {...groupOptionProps}\n                >\n                    {group.options.map((option) => renderOption(option, counter()))}\n                </Optgroup>\n            );\n        };\n\n        const actualOptionsCount = limitDynamicOptionGroupSize && options.length > 0;\n\n        const [measured, height] = useVisibleOptions({\n            visibleOptions,\n            listRef,\n            open,\n            options,\n            actualOptionsCount,\n            size: actualOptionsCount\n                ? (() => {\n                      switch (typeof size) {\n                          case 'string':\n                              throw new Error(\n                                  'OptionsList with `limitDynamicOptionGroupSize` enabled needs a `size` with number type',\n                              );\n                          default:\n                              return size;\n                      }\n                  })()\n                : undefined,\n        });\n\n        if (options.length === 0 && !emptyPlaceholder && !header && !footer) {\n            return null;\n        }\n\n        const renderListItems = () => (\n            <React.Fragment>\n                {options.map((option) =>\n                    isGroup(option) ? renderGroup(option) : renderOption(option, counter()),\n                )}\n\n                {emptyPlaceholder && options.length === 0 && (\n                    <div className={styles.emptyPlaceholder}>{emptyPlaceholder}</div>\n                )}\n            </React.Fragment>\n        );\n\n        const renderWithCustomScrollbar = () => {\n            const scrollableNodeProps = {\n                onScroll: handleScroll,\n                'data-test-id': dataTestId,\n                ref: ref as React.RefObject<HTMLDivElement>,\n            };\n\n            return (\n                <Scrollbar\n                    className={cn(styles.scrollable, scrollbarClassName)}\n                    ref={scrollbarRef}\n                    style={{ height }}\n                    horizontalAutoStretch={optionsListWidth === 'content'}\n                    scrollableNodeProps={scrollableNodeProps}\n                    contentNodeProps={{ ref: listRef }}\n                    maskProps={{\n                        /*\n                         * Для корректного подсчета высоты опций(иначе для optionsListWidth: 'field'\n                         * высота опции всегда будет равна высоте одной строчки)\n                         */\n                        className: cn({\n                            [styles.mask]: optionsListWidth === 'content' && !measured,\n                        }),\n                    }}\n                >\n                    {renderListItems()}\n                </Scrollbar>\n            );\n        };\n\n        const renderWithNativeScrollbar = () => (\n            <div\n                className={cn(styles.scrollable, scrollbarClassName)}\n                ref={mergeRefs([listRef, ref])}\n                onScroll={handleScroll}\n                style={{ height }}\n            >\n                {renderListItems()}\n            </div>\n        );\n\n        const resetHighlightedIndex = () => setHighlightedIndex?.(-1);\n\n        return (\n            <div\n                {...(nativeScrollbar && { 'data-test-id': dataTestId })}\n                className={cn(styles.optionsList, styles[SIZE_TO_CLASSNAME_MAP[size]], className)}\n            >\n                {header && (\n                    <div\n                        className={cn(styles.optionsListHeader, {\n                            [styles.headerHighlighted]: !scrollTop,\n                        })}\n                        onMouseEnter={resetHighlightedIndex}\n                    >\n                        {header}\n                    </div>\n                )}\n\n                {nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar()}\n\n                {showFooter && footer && (\n                    <div\n                        onMouseEnter={resetHighlightedIndex}\n                        className={cn(styles.optionsListFooter, footerClassName, {\n                            [styles.withBorder]:\n                                visibleOptions &&\n                                flatOptions.length > visibleOptions &&\n                                !scrollBottom,\n                        })}\n                    >\n                        {footer}\n                    </div>\n                )}\n            </div>\n        );\n    },\n);\n"],"names":["Optgroup","DefaultOptgroup"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/options-list/Component.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\n\nimport { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { useNativeScrollbar } from '../../hooks/use-native-scrollbar';\nimport { type GroupShape, type OptionShape, type OptionsListProps } from '../../typings';\nimport { isGroup, useVisibleOptions } from '../../utils';\nimport { Optgroup as DefaultOptgroup } from '../optgroup';\n\nimport styles from './index.module.css';\n\nconst createCounter = () => {\n    let count = 0;\n\n    // eslint-disable-next-line no-plusplus\n    return () => count++;\n};\n\nexport const OptionsList = forwardRef<HTMLDivElement, OptionsListProps>(\n    (\n        {\n            size = 48,\n            className,\n            optionGroupClassName,\n            footerClassName,\n            scrollbarClassName,\n            Option,\n            getOptionProps,\n            groupOptionProps = {},\n            options = [],\n            Optgroup = DefaultOptgroup,\n            dataTestId,\n            emptyPlaceholder,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            onScroll,\n            open,\n            header,\n            footer,\n            showFooter = true,\n            optionsListWidth,\n            nativeScrollbar: nativeScrollbarProp,\n            flatOptions = [],\n            setHighlightedIndex,\n            selectedItems,\n            search,\n            setSelectedItems,\n            multiple,\n            limitDynamicOptionGroupSize = false,\n            client,\n        },\n        ref,\n    ) => {\n        const [scrollTop, setScrollTop] = useState(true);\n        const [scrollBottom, setScrollBottom] = useState(false);\n\n        const nativeScrollbar = useNativeScrollbar({\n            nativeScrollbar: nativeScrollbarProp,\n            client,\n        });\n\n        const handleScroll = useCallback(\n            (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n                const scrolledToHeader = event.currentTarget.scrollTop <= 0;\n                const scrolledToFooter =\n                    event.currentTarget.scrollHeight - event.currentTarget.offsetHeight <=\n                    event.currentTarget.scrollTop;\n\n                setScrollTop(scrolledToHeader);\n                setScrollBottom(scrolledToFooter);\n\n                onScroll?.(event);\n            },\n            [onScroll],\n        );\n\n        const renderOption = (option: OptionShape, index: number) => (\n            <Option key={option.key} {...getOptionProps(option, index)} />\n        );\n\n        const listRef = useRef<HTMLDivElement>(null);\n        const scrollbarRef = useRef<HTMLDivElement>(null);\n        const counter = createCounter();\n        const renderGroup = (group: GroupShape) => {\n            const groupSelectedItems = selectedItems?.filter(({ key: selectedItemKey }) =>\n                group.options.some((option) => option.key === selectedItemKey),\n            );\n            const handleSelectedItems = (items: OptionShape[]) => {\n                setSelectedItems(\n                    (\n                        selectedItems?.filter(\n                            ({ key: selectedItemKey }) =>\n                                !group.options.some((option) => option.key === selectedItemKey),\n                        ) ?? []\n                    ).concat(items),\n                );\n            };\n\n            return (\n                <Optgroup\n                    className={optionGroupClassName}\n                    label={group.label}\n                    key={group.label}\n                    size={size}\n                    options={group.options}\n                    selectedItems={groupSelectedItems}\n                    setSelectedItems={handleSelectedItems}\n                    search={search}\n                    multiple={multiple}\n                    {...groupOptionProps}\n                >\n                    {group.options.map((option) => renderOption(option, counter()))}\n                </Optgroup>\n            );\n        };\n\n        const actualOptionsCount = limitDynamicOptionGroupSize && options.length > 0;\n\n        const [measured, height] = useVisibleOptions({\n            visibleOptions,\n            listRef,\n            open,\n            options,\n            actualOptionsCount,\n            size: actualOptionsCount\n                ? (() => {\n                      switch (typeof size) {\n                          case 'string':\n                              throw new Error(\n                                  'OptionsList with `limitDynamicOptionGroupSize` enabled needs a `size` with number type',\n                              );\n                          default:\n                              return size;\n                      }\n                  })()\n                : undefined,\n        });\n\n        if (options.length === 0 && !emptyPlaceholder && !header && !footer) {\n            return null;\n        }\n\n        const renderListItems = () => (\n            <React.Fragment>\n                {options.map((option) =>\n                    isGroup(option) ? renderGroup(option) : renderOption(option, counter()),\n                )}\n\n                {emptyPlaceholder && options.length === 0 && (\n                    <div className={styles.emptyPlaceholder}>{emptyPlaceholder}</div>\n                )}\n            </React.Fragment>\n        );\n\n        const renderWithCustomScrollbar = () => {\n            const scrollableNodeProps = {\n                onScroll: handleScroll,\n                'data-test-id': dataTestId,\n                ref: ref as React.RefObject<HTMLDivElement>,\n            };\n\n            return (\n                <Scrollbar\n                    className={cn(styles.scrollable, scrollbarClassName)}\n                    ref={scrollbarRef}\n                    style={{ height }}\n                    horizontalAutoStretch={optionsListWidth === 'content'}\n                    scrollableNodeProps={scrollableNodeProps}\n                    contentNodeProps={{ ref: listRef }}\n                    maskProps={{\n                        /*\n                         * Для корректного подсчета высоты опций(иначе для optionsListWidth: 'field'\n                         * высота опции всегда будет равна высоте одной строчки)\n                         */\n                        className: cn({\n                            [styles.mask]: optionsListWidth === 'content' && !measured,\n                        }),\n                    }}\n                >\n                    {renderListItems()}\n                </Scrollbar>\n            );\n        };\n\n        const renderWithNativeScrollbar = () => (\n            <div\n                className={cn(styles.scrollable, scrollbarClassName)}\n                ref={mergeRefs([listRef, ref])}\n                onScroll={handleScroll}\n                style={{ height }}\n            >\n                {renderListItems()}\n            </div>\n        );\n\n        const resetHighlightedIndex = () => setHighlightedIndex?.(-1);\n\n        return (\n            <div\n                {...(nativeScrollbar && { 'data-test-id': dataTestId })}\n                className={cn(styles.optionsList, styles[SIZE_TO_CLASSNAME_MAP[size]], className)}\n            >\n                {header && (\n                    <div\n                        className={cn(styles.optionsListHeader, {\n                            [styles.headerHighlighted]: !scrollTop,\n                        })}\n                        onMouseEnter={resetHighlightedIndex}\n                    >\n                        {header}\n                    </div>\n                )}\n\n                {nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar()}\n\n                {showFooter && footer && (\n                    <div\n                        onMouseEnter={resetHighlightedIndex}\n                        className={cn(styles.optionsListFooter, footerClassName, {\n                            [styles.withBorder]:\n                                visibleOptions &&\n                                flatOptions.length > visibleOptions &&\n                                !scrollBottom,\n                        })}\n                    >\n                        {footer}\n                    </div>\n                )}\n            </div>\n        );\n    },\n);\n"],"names":["Optgroup","DefaultOptgroup"],"mappings":"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"}

package/moderncssm/components/search/Component.js

@@ -1,10 +1,26 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Input } from '@alfalab/core-components-input/moderncssm';
+import { InputDesktop } from '@alfalab/core-components-input/moderncssm/desktop';
+import { InputMobile } from '@alfalab/core-components-input/moderncssm/mobile';
 import { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';
 import styles from './index.module.css';
 
-const Search = forwardRef(({ clear = true, placeholder = 'Поиск', className, leftAddons = React.createElement(MagnifierMIcon, { color: '#86868A' }), ...restProps }, ref) => (React.createElement(Input, { ref: ref, className: cn(styles.component, className), placeholder: placeholder, leftAddons: leftAddons, clear: clear, ...restProps })));
+const getComponent = (client) => {
+    switch (client) {
+        case 'desktop':
+            return InputDesktop;
+        case 'mobile':
+            return InputMobile;
+        default:
+            return Input;
+    }
+};
+const Search = forwardRef(({ clear = true, placeholder = 'Поиск', className, leftAddons = React.createElement(MagnifierMIcon, { color: '#86868A' }), ...restProps }, ref) => {
+    const { client } = restProps;
+    const Component = getComponent(client);
+    return (React.createElement(Component, { ref: ref, className: cn(styles.component, className), placeholder: placeholder, leftAddons: leftAddons, clear: clear, ...restProps }));
+});
 
 export { Search };
 //# sourceMappingURL=Component.js.map

package/moderncssm/components/search/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/search/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Input } from '@alfalab/core-components-input';\nimport { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';\n\nimport { type SearchProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n    (\n        {\n            clear = true,\n            placeholder = 'Поиск',\n            className,\n            leftAddons = <MagnifierMIcon color='#86868A' />,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <Input\n            ref={ref}\n            className={cn(styles.component, className)}\n            placeholder={placeholder}\n            leftAddons={leftAddons}\n            clear={clear}\n            {...restProps}\n        />\n    ),\n);\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EACI,KAAK,GAAG,IAAI,EACZ,WAAW,GAAG,OAAO,EACrB,SAAS,EACT,UAAU,GAAG,KAAC,CAAA,aAAA,CAAA,cAAc,IAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAC/C,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,KAAK,EACF,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACR,GAAA,SAAS,EACf,CAAA,CACL;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/search/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Input } from '@alfalab/core-components-input';\nimport { InputDesktop } from '@alfalab/core-components-input/desktop';\nimport { InputMobile } from '@alfalab/core-components-input/mobile';\nimport { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';\n\nimport { type SearchProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nconst getComponent = (client: SearchProps['client']) => {\n    switch (client) {\n        case 'desktop':\n            return InputDesktop;\n        case 'mobile':\n            return InputMobile;\n        default:\n            return Input;\n    }\n};\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n    (\n        {\n            clear = true,\n            placeholder = 'Поиск',\n            className,\n            leftAddons = <MagnifierMIcon color='#86868A' />,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { client } = restProps;\n\n        const Component = getComponent(client);\n\n        return (\n            <Component\n                ref={ref}\n                className={cn(styles.component, className)}\n                placeholder={placeholder}\n                leftAddons={leftAddons}\n                clear={clear}\n                {...restProps}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,YAAY,GAAG,CAAC,MAA6B,KAAI;AACnD,IAAA,QAAQ,MAAM;AACV,QAAA,KAAK,SAAS;AACV,YAAA,OAAO,YAAY;AACvB,QAAA,KAAK,QAAQ;AACT,YAAA,OAAO,WAAW;AACtB,QAAA;AACI,YAAA,OAAO,KAAK;AACnB;AACL,CAAC;AAEM,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EACI,KAAK,GAAG,IAAI,EACZ,WAAW,GAAG,OAAO,EACrB,SAAS,EACT,UAAU,GAAG,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAC,SAAS,EAAG,CAAA,EAC/C,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS;AAE5B,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC;AAEtC,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EAAA,GACR,SAAS,EAAA,CACf;AAEV,CAAC;;;;"}

package/moderncssm/components/virtual-options-list/Component.d.ts

@@ -1,3 +1,36 @@
 import React from 'react';
-import { type OptionsListProps } from '../../typings';
-export declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
+import { type GroupShape, type OptionShape } from '../../typings';
+export declare const VirtualOptionsList: React.ForwardRefExoticComponent<Pick<import("../../typings").SelectProps, "client"> & {
+    className?: string | undefined;
+    optionGroupClassName?: string | undefined;
+    scrollbarClassName?: string | undefined;
+    footerClassName?: string | undefined;
+    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72 | undefined;
+    Option: React.ComponentType<import("../../typings").OptionProps>;
+    getOptionProps: (option: OptionShape, index: number) => import("../../typings").OptionProps;
+    groupOptionProps?: import("../../typings").AnyObject | undefined;
+    selectedItems?: OptionShape[] | undefined;
+    setSelectedItems: (selected: OptionShape[]) => void;
+    toggleMenu: () => void;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    options?: (OptionShape | GroupShape)[] | undefined;
+    flatOptions?: OptionShape[] | undefined;
+    highlightedIndex?: number | undefined;
+    open?: boolean | undefined;
+    Optgroup?: React.ComponentType<import("../../typings").OptgroupProps> | undefined;
+    emptyPlaceholder?: React.ReactNode;
+    visibleOptions?: number | undefined;
+    onScroll?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    dataTestId?: string | undefined;
+    inputProps?: import("@alfalab/core-components-input").InputProps | undefined;
+    showFooter?: boolean | undefined;
+    nativeScrollbar?: boolean | undefined;
+    optionsListWidth?: "field" | "content" | undefined;
+    onApply?: (() => void) | undefined;
+    onClear?: (() => void) | undefined;
+    setHighlightedIndex?: ((index: number) => void) | undefined;
+    search?: string | undefined;
+    multiple?: boolean | undefined;
+    limitDynamicOptionGroupSize?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/components/virtual-options-list/Component.js

@@ -2,29 +2,28 @@ import React, { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { useVirtual } from 'react-virtual';
 import cn from 'classnames';
-import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
 import { Scrollbar } from '@alfalab/core-components-scrollbar/moderncssm';
-import { isClient } from '@alfalab/core-components-shared/moderncssm';
 import { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
+import { useNativeScrollbar } from '../../hooks/use-native-scrollbar.js';
 import { usePrevious, lastIndexOf, useVirtualVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 import styles from './index.module.css';
 
-const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlightedIndex = -1, optionGroupClassName, className, getOptionProps, groupOptionProps = {}, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, showFooter = true, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, setHighlightedIndex, selectedItems, setSelectedItems, search, multiple, scrollbarClassName, }, ref) => {
+const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlightedIndex = -1, optionGroupClassName, className, getOptionProps, groupOptionProps = {}, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, showFooter = true, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, setHighlightedIndex, selectedItems, setSelectedItems, search, multiple, scrollbarClassName, client, }, ref) => {
     const listRef = useRef(null);
     const parentRef = useRef(null);
     const scrollbarRef = useRef(null);
     const [visibleOptionsInvalidateKey, setVisibleOptionsInvalidateKey] = useState('');
     const prevHighlightedIndex = usePrevious(highlightedIndex) || -1;
-    const query = '(max-width: 1023px)';
-    let [nativeScrollbar] = useMatchMedia(query, () => isClient() ? window.matchMedia(query).matches : true);
     const rowVirtualizer = useVirtual({
         size: flatOptions.length,
         parentRef: (ref || parentRef),
         overscan: 15,
     });
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);
+    const nativeScrollbar = useNativeScrollbar({
+        nativeScrollbar: nativeScrollbarProp,
+        client,
+    });
     // Сколл к выбранному пункту при открытии меню
     useEffect(() => {
         if (open) {