@alfalab/core-components-select 19.1.0 → 19.1.1

package/modern/presets/useSelectWithApply/hook.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type AnyObject, type BaseSelectProps, type OptionShape } from '../../typings';
-export declare type UseSelectWithApplyProps = {
+export type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
      */
@@ -63,116 +62,83 @@ export declare type UseSelectWithApplyProps = {
 };
 export declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, checkmarkPosition, showSearch, searchProps, applyName, resetName, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<Pick<import("../../typings").SelectProps, "client"> & {
-        className?: string | undefined;
-        optionGroupClassName?: string | undefined;
-        scrollbarClassName?: string | undefined;
-        footerClassName?: string | undefined;
-        size?: 40 | 48 | 56 | 64 | 72 | undefined;
+        className?: string;
+        optionGroupClassName?: string;
+        scrollbarClassName?: string;
+        footerClassName?: string;
+        size?: 40 | 48 | 56 | 64 | 72;
         Option: import("react").ComponentType<import("../../typings").OptionProps>;
         getOptionProps: (option: OptionShape, index: number) => import("../../typings").OptionProps;
-        groupOptionProps?: AnyObject | undefined;
-        selectedItems?: OptionShape[] | undefined;
+        groupOptionProps?: AnyObject;
+        selectedItems?: OptionShape[];
         setSelectedItems: (selected: OptionShape[]) => void;
         toggleMenu: () => void;
         header?: import("react").ReactNode;
         footer?: import("react").ReactNode;
-        options?: (OptionShape | import("../../typings").GroupShape)[] | undefined;
-        flatOptions?: OptionShape[] | undefined;
-        highlightedIndex?: number | undefined;
-        open?: boolean | undefined;
-        Optgroup?: import("react").ComponentType<import("../../typings").OptgroupProps> | undefined;
+        options?: Array<OptionShape | import("../../typings").GroupShape>;
+        flatOptions?: OptionShape[];
+        highlightedIndex?: number;
+        open?: boolean;
+        Optgroup?: BaseSelectProps["Optgroup"];
         emptyPlaceholder?: import("react").ReactNode;
-        visibleOptions?: number | undefined;
-        onScroll?: ((event: import("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;
+        visibleOptions?: number;
+        onScroll?: (event: import("react").MouseEvent<HTMLDivElement>) => void;
+        dataTestId?: string;
+        inputProps?: import("@alfalab/core-components-input").InputProps;
+        showFooter?: boolean;
+        nativeScrollbar?: boolean;
+        optionsListWidth?: BaseSelectProps["optionsListWidth"];
+        onApply?: () => void;
+        onClear?: () => void;
+        setHighlightedIndex?: (index: number) => void;
+        search?: string;
+        multiple?: boolean;
+        limitDynamicOptionGroupSize?: BaseSelectProps["limitDynamicOptionGroupSize"];
     } & {
-        showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<Pick<import("../../typings").SelectProps, "client"> & {
-            className?: string | undefined;
-            optionGroupClassName?: string | undefined;
-            scrollbarClassName?: string | undefined;
-            footerClassName?: string | undefined;
-            size?: 40 | 48 | 56 | 64 | 72 | undefined;
-            Option: import("react").ComponentType<import("../../typings").OptionProps>;
-            getOptionProps: (option: OptionShape, index: number) => import("../../typings").OptionProps;
-            groupOptionProps?: AnyObject | undefined;
-            selectedItems?: OptionShape[] | undefined;
-            setSelectedItems: (selected: OptionShape[]) => void;
-            toggleMenu: () => void;
-            header?: import("react").ReactNode;
-            footer?: import("react").ReactNode;
-            options?: (OptionShape | import("../../typings").GroupShape)[] | undefined;
-            flatOptions?: OptionShape[] | undefined;
-            highlightedIndex?: number | undefined;
-            open?: boolean | undefined;
-            Optgroup?: import("react").ComponentType<import("../../typings").OptgroupProps> | undefined;
-            emptyPlaceholder?: import("react").ReactNode;
-            visibleOptions?: number | undefined;
-            onScroll?: ((event: import("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;
-        } & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./options-list-with-apply/footer/Component").FooterProps> | undefined;
-        Header?: import("react").FC<import("./options-list-with-apply/header/Component").HeaderProps> | undefined;
-        headerProps?: import("./options-list-with-apply/header/Component").HeaderProps | undefined;
-        showHeaderWithSelectAll?: boolean | undefined;
-        setSelectedDraft?: ((selectedDraft: OptionShape[]) => void) | undefined;
+        showClear?: boolean;
+        onClose?: () => void;
+        selectedDraft?: OptionShape[];
+        OptionsList?: import("react").FC<import("../../typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>>;
+        Footer?: import("react").FC<import("./options-list-with-apply/footer/Component").FooterProps>;
+        Header?: import("react").FC<import("./options-list-with-apply/header/Component").HeaderProps>;
+        headerProps?: import("./options-list-with-apply/header/Component").HeaderProps;
+        showHeaderWithSelectAll?: boolean;
+        setSelectedDraft?: (selectedDraft: OptionShape[]) => void;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
         OptionsList: import("react").ComponentType<Pick<import("../../typings").SelectProps, "client"> & {
-            className?: string | undefined;
-            optionGroupClassName?: string | undefined;
-            scrollbarClassName?: string | undefined;
-            footerClassName?: string | undefined;
-            size?: 40 | 48 | 56 | 64 | 72 | undefined;
+            className?: string;
+            optionGroupClassName?: string;
+            scrollbarClassName?: string;
+            footerClassName?: string;
+            size?: 40 | 48 | 56 | 64 | 72;
             Option: import("react").ComponentType<import("../../typings").OptionProps>;
             getOptionProps: (option: OptionShape, index: number) => import("../../typings").OptionProps;
-            groupOptionProps?: AnyObject | undefined;
-            selectedItems?: OptionShape[] | undefined;
+            groupOptionProps?: AnyObject;
+            selectedItems?: OptionShape[];
             setSelectedItems: (selected: OptionShape[]) => void;
             toggleMenu: () => void;
             header?: import("react").ReactNode;
             footer?: import("react").ReactNode;
-            options?: (OptionShape | import("../../typings").GroupShape)[] | undefined;
-            flatOptions?: OptionShape[] | undefined;
-            highlightedIndex?: number | undefined;
-            open?: boolean | undefined;
-            Optgroup?: import("react").ComponentType<import("../../typings").OptgroupProps> | undefined;
+            options?: Array<OptionShape | import("../../typings").GroupShape>;
+            flatOptions?: OptionShape[];
+            highlightedIndex?: number;
+            open?: boolean;
+            Optgroup?: BaseSelectProps["Optgroup"];
             emptyPlaceholder?: import("react").ReactNode;
-            visibleOptions?: number | undefined;
-            onScroll?: ((event: import("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;
+            visibleOptions?: number;
+            onScroll?: (event: import("react").MouseEvent<HTMLDivElement>) => void;
+            dataTestId?: string;
+            inputProps?: import("@alfalab/core-components-input").InputProps;
+            showFooter?: boolean;
+            nativeScrollbar?: boolean;
+            optionsListWidth?: BaseSelectProps["optionsListWidth"];
+            onApply?: () => void;
+            onClear?: () => void;
+            setHighlightedIndex?: (index: number) => void;
+            search?: string;
+            multiple?: boolean;
+            limitDynamicOptionGroupSize?: BaseSelectProps["limitDynamicOptionGroupSize"];
         } & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
@@ -194,49 +160,49 @@ export declare function useSelectWithApply({ options, selected, onChange, onSele
     searchProps: {
         value: string;
         onChange: ((value: string) => void) | undefined;
-        componentProps?: import("../../typings").SearchProps | undefined;
-        accessor?: ((option: OptionShape) => string) | undefined;
-        filterFn?: ((optionText: string, search: string) => boolean) | undefined;
-        filterGroup?: boolean | undefined;
-        groupAccessor?: ((group: import("../../typings").GroupShape) => string | undefined) | undefined;
+        componentProps?: import("../../typings").SearchProps;
+        accessor?: (option: OptionShape) => string;
+        filterFn?: (optionText: string, search: string) => boolean;
+        filterGroup?: boolean;
+        groupAccessor?: (group: import("../../typings").GroupShape) => string | undefined;
     } | undefined;
     originalProps: {
         options: (OptionShape | import("../../typings").GroupShape)[];
         selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
         onChange: (payload: import("../../typings").BaseSelectChangePayload) => void;
         OptionsList: import("react").ComponentType<Pick<import("../../typings").SelectProps, "client"> & {
-            className?: string | undefined;
-            optionGroupClassName?: string | undefined;
-            scrollbarClassName?: string | undefined;
-            footerClassName?: string | undefined;
-            size?: 40 | 48 | 56 | 64 | 72 | undefined;
+            className?: string;
+            optionGroupClassName?: string;
+            scrollbarClassName?: string;
+            footerClassName?: string;
+            size?: 40 | 48 | 56 | 64 | 72;
             Option: import("react").ComponentType<import("../../typings").OptionProps>;
             getOptionProps: (option: OptionShape, index: number) => import("../../typings").OptionProps;
-            groupOptionProps?: AnyObject | undefined;
-            selectedItems?: OptionShape[] | undefined;
+            groupOptionProps?: AnyObject;
+            selectedItems?: OptionShape[];
             setSelectedItems: (selected: OptionShape[]) => void;
             toggleMenu: () => void;
             header?: import("react").ReactNode;
             footer?: import("react").ReactNode;
-            options?: (OptionShape | import("../../typings").GroupShape)[] | undefined;
-            flatOptions?: OptionShape[] | undefined;
-            highlightedIndex?: number | undefined;
-            open?: boolean | undefined;
-            Optgroup?: import("react").ComponentType<import("../../typings").OptgroupProps> | undefined;
+            options?: Array<OptionShape | import("../../typings").GroupShape>;
+            flatOptions?: OptionShape[];
+            highlightedIndex?: number;
+            open?: boolean;
+            Optgroup?: BaseSelectProps["Optgroup"];
             emptyPlaceholder?: import("react").ReactNode;
-            visibleOptions?: number | undefined;
-            onScroll?: ((event: import("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;
+            visibleOptions?: number;
+            onScroll?: (event: import("react").MouseEvent<HTMLDivElement>) => void;
+            dataTestId?: string;
+            inputProps?: import("@alfalab/core-components-input").InputProps;
+            showFooter?: boolean;
+            nativeScrollbar?: boolean;
+            optionsListWidth?: BaseSelectProps["optionsListWidth"];
+            onApply?: () => void;
+            onClear?: () => void;
+            setHighlightedIndex?: (index: number) => void;
+            search?: string;
+            multiple?: boolean;
+            limitDynamicOptionGroupSize?: BaseSelectProps["limitDynamicOptionGroupSize"];
         } & import("react").RefAttributes<HTMLDivElement>> | undefined;
         optionsListProps: unknown;
         showClear: boolean;
@@ -245,13 +211,13 @@ export declare function useSelectWithApply({ options, selected, onChange, onSele
         checkmarkPosition: "before" | "after";
         showSearch: boolean;
         searchProps: {
-            componentProps?: import("../../typings").SearchProps | undefined;
-            accessor?: ((option: OptionShape) => string) | undefined;
-            filterFn?: ((optionText: string, search: string) => boolean) | undefined;
-            value?: string | undefined;
-            onChange?: ((value: string) => void) | undefined;
-            filterGroup?: boolean | undefined;
-            groupAccessor?: ((group: import("../../typings").GroupShape) => string | undefined) | undefined;
+            componentProps?: import("../../typings").SearchProps;
+            accessor?: (option: OptionShape) => string;
+            filterFn?: (optionText: string, search: string) => boolean;
+            value?: string;
+            onChange?: (value: string) => void;
+            filterGroup?: boolean;
+            groupAccessor?: (group: import("../../typings").GroupShape) => string | undefined;
         };
         applyName: string;
         resetName: string;

package/modern/presets/useSelectWithApply/hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithApply/hook.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport reactFastCompare from 'react-fast-compare';\n\nimport { SELECT_ALL_KEY } from '../../consts';\nimport { type AnyObject, type BaseSelectProps, type OptionShape } from '../../typings';\nimport {\n    defaultAccessor,\n    defaultFilterFn,\n    defaultGroupAccessor,\n    isGroup,\n    processOptions,\n} from '../../utils';\n\nimport { OptionsListWithApply } from './options-list-with-apply';\n\nexport type UseSelectWithApplyProps = {\n    /**\n     * Список выбранных пунктов\n     */\n    selected: BaseSelectProps['selected'];\n\n    /**\n     * Список вариантов выбора\n     */\n    options: BaseSelectProps['options'];\n\n    /**\n     * Обработчик выбора\n     */\n    onChange: BaseSelectProps['onChange'];\n\n    /**\n     * Дополнительный обработчик клика на чекбокс выбрать все\n     */\n    onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;\n\n    /**\n     * Компонент выпадающего меню\n     */\n    OptionsList?: BaseSelectProps['OptionsList'];\n\n    /**\n     * Пропсы, которые будут прокинуты в компонент списка\n     */\n    optionsListProps?: BaseSelectProps['optionsListProps'];\n\n    /**\n     * Включает отображение поиска\n     */\n    showSearch?: BaseSelectProps['showSearch'];\n\n    /**\n     *  Настройки поиска\n     */\n    searchProps?: BaseSelectProps['searchProps'];\n\n    /**\n     * Показывать кнопку очистки\n     */\n    showClear?: boolean;\n\n    /**\n     * Показывать пункт \"Выбрать все\"\n     */\n    showSelectAll?: boolean;\n\n    /**\n     * Показывать пункт \"Выбрать все\" в заголовке списка\n     */\n    showHeaderWithSelectAll?: boolean;\n\n    /**\n     * Значение name при применении выбора\n     * @default 'apply-footer'\n     */\n    applyName?: string;\n\n    /**\n     * Значение name при сбросе выбора\n     * @default 'reset-footer'\n     */\n    resetName?: string;\n\n    /**\n     * Позиция чекбокса \"Выбрать все\" в Header\n     * @default 'before'\n     */\n    checkmarkPosition?: 'before' | 'after';\n};\n\nconst selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };\n\nexport function useSelectWithApply({\n    options,\n    selected,\n    onChange = () => null,\n    onSelectAllClick = () => null,\n    OptionsList,\n    optionsListProps = {},\n    showClear = true,\n    showSelectAll = false,\n    showHeaderWithSelectAll = false,\n    checkmarkPosition = 'before',\n    showSearch = false,\n    searchProps = {},\n    applyName = 'apply-footer',\n    resetName = 'reset-footer',\n}: UseSelectWithApplyProps) {\n    const [searchState, setSearchState] = 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 groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;\n    const filterGroup = searchProps.filterGroup ?? false;\n\n    const { flatOptions, filteredOptions, selectedOptions } = useMemo(\n        () =>\n            processOptions(\n                options,\n                selected,\n                showSearch\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                    : undefined,\n                filterGroup,\n            ),\n        [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor],\n    );\n    const [selectedDraft, setSelectedDraft] = useState<OptionShape[]>(selectedOptions);\n\n    const selectedOptionsRef = useRef<OptionShape[]>(selectedOptions);\n\n    const handleApply = () => {\n        onChange({\n            selected: selectedDraft[0],\n            selectedMultiple: selectedDraft,\n            initiator: null,\n            name: applyName,\n        });\n    };\n\n    const handleClear = () => {\n        setSelectedDraft([]);\n        onChange({\n            selected: null,\n            selectedMultiple: [],\n            initiator: null,\n            name: resetName,\n        });\n    };\n\n    const handleToggleAll = () => {\n        const optionsToSet = flatOptions.length === selectedDraft.length ? [] : flatOptions;\n\n        onSelectAllClick(optionsToSet);\n        setSelectedDraft(optionsToSet);\n    };\n\n    const selectedKeys = useMemo(() => selectedDraft.map(({ key }) => key), [selectedDraft]);\n\n    const handleChange: Required<BaseSelectProps>['onChange'] = ({ initiator, ...restArgs }) => {\n        if (!initiator) {\n            onChange({\n                initiator: null,\n                ...restArgs,\n            });\n\n            return;\n        }\n\n        const initiatorSelected =\n            selectedDraft.some(\n                (selectedDraftOption) => selectedDraftOption.key === initiator.key,\n            ) ||\n            (initiator.key === SELECT_ALL_KEY &&\n                (selectedDraft.length === flatOptions.length ||\n                    flatOptions.every(({ key }) => selectedKeys.includes(key))));\n\n        if (initiator.key === SELECT_ALL_KEY) {\n            setSelectedDraft(initiatorSelected ? [] : flatOptions);\n        } else {\n            setSelectedDraft(\n                initiatorSelected\n                    ? selectedDraft.filter((o) => o.key !== initiator.key)\n                    : selectedDraft.concat(initiator),\n            );\n        }\n    };\n\n    const handleClose = () => setSelectedDraft(selectedOptionsRef.current);\n\n    useEffect(() => {\n        // устанавливать selectedDraft если selectedOptions изменились\n        if (!reactFastCompare(selectedOptionsRef.current, selectedOptions)) {\n            setSelectedDraft(selectedOptions);\n        }\n        selectedOptionsRef.current = selectedOptions;\n    }, [selectedOptions]);\n\n    const memoizedOptions = useMemo(\n        () =>\n            filteredOptions.length && showSelectAll\n                ? [selectAllOption, ...filteredOptions]\n                : filteredOptions,\n        [filteredOptions, showSelectAll],\n    );\n\n    return {\n        OptionsList: OptionsListWithApply,\n        optionsListProps: {\n            ...(optionsListProps as AnyObject),\n            OptionsList,\n            showClear,\n            onClear: handleClear,\n            onApply: handleApply,\n            onClose: handleClose,\n            selectedDraft,\n            setSelectedDraft,\n            showHeaderWithSelectAll,\n            headerProps: {\n                ...(optionsListProps as AnyObject)?.headerProps,\n                indeterminate: selectedDraft.length > 0,\n                checked:\n                    selectedDraft.length === flatOptions.length ||\n                    flatOptions.every(({ key }) => selectedKeys.includes(key)),\n                onChange: handleToggleAll,\n                checkmarkPosition,\n            },\n        },\n        multiple: true,\n        options: memoizedOptions,\n        onChange: handleChange,\n        selected,\n        showSearch,\n        searchProps: showSearch\n            ? {\n                  ...searchProps,\n                  value: search,\n                  onChange: setSearch,\n              }\n            : undefined,\n        /* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n        originalProps: {\n            options,\n            selected,\n            onChange,\n            OptionsList,\n            optionsListProps,\n            showClear,\n            showSelectAll,\n            showHeaderWithSelectAll,\n            checkmarkPosition,\n            showSearch,\n            searchProps,\n            applyName,\n            resetName,\n        },\n    };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithApply/hook.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport reactFastCompare from 'react-fast-compare';\n\nimport { SELECT_ALL_KEY } from '../../consts';\nimport { type AnyObject, type BaseSelectProps, type OptionShape } from '../../typings';\nimport {\n    defaultAccessor,\n    defaultFilterFn,\n    defaultGroupAccessor,\n    isGroup,\n    processOptions,\n} from '../../utils';\n\nimport { OptionsListWithApply } from './options-list-with-apply';\n\nexport type UseSelectWithApplyProps = {\n    /**\n     * Список выбранных пунктов\n     */\n    selected: BaseSelectProps['selected'];\n\n    /**\n     * Список вариантов выбора\n     */\n    options: BaseSelectProps['options'];\n\n    /**\n     * Обработчик выбора\n     */\n    onChange: BaseSelectProps['onChange'];\n\n    /**\n     * Дополнительный обработчик клика на чекбокс выбрать все\n     */\n    onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;\n\n    /**\n     * Компонент выпадающего меню\n     */\n    OptionsList?: BaseSelectProps['OptionsList'];\n\n    /**\n     * Пропсы, которые будут прокинуты в компонент списка\n     */\n    optionsListProps?: BaseSelectProps['optionsListProps'];\n\n    /**\n     * Включает отображение поиска\n     */\n    showSearch?: BaseSelectProps['showSearch'];\n\n    /**\n     *  Настройки поиска\n     */\n    searchProps?: BaseSelectProps['searchProps'];\n\n    /**\n     * Показывать кнопку очистки\n     */\n    showClear?: boolean;\n\n    /**\n     * Показывать пункт \"Выбрать все\"\n     */\n    showSelectAll?: boolean;\n\n    /**\n     * Показывать пункт \"Выбрать все\" в заголовке списка\n     */\n    showHeaderWithSelectAll?: boolean;\n\n    /**\n     * Значение name при применении выбора\n     * @default 'apply-footer'\n     */\n    applyName?: string;\n\n    /**\n     * Значение name при сбросе выбора\n     * @default 'reset-footer'\n     */\n    resetName?: string;\n\n    /**\n     * Позиция чекбокса \"Выбрать все\" в Header\n     * @default 'before'\n     */\n    checkmarkPosition?: 'before' | 'after';\n};\n\nconst selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };\n\nexport function useSelectWithApply({\n    options,\n    selected,\n    onChange = () => null,\n    onSelectAllClick = () => null,\n    OptionsList,\n    optionsListProps = {},\n    showClear = true,\n    showSelectAll = false,\n    showHeaderWithSelectAll = false,\n    checkmarkPosition = 'before',\n    showSearch = false,\n    searchProps = {},\n    applyName = 'apply-footer',\n    resetName = 'reset-footer',\n}: UseSelectWithApplyProps) {\n    const [searchState, setSearchState] = 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 groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;\n    const filterGroup = searchProps.filterGroup ?? false;\n\n    const { flatOptions, filteredOptions, selectedOptions } = useMemo(\n        () =>\n            processOptions(\n                options,\n                selected,\n                showSearch\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                    : undefined,\n                filterGroup,\n            ),\n        [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor],\n    );\n    const [selectedDraft, setSelectedDraft] = useState<OptionShape[]>(selectedOptions);\n\n    const selectedOptionsRef = useRef<OptionShape[]>(selectedOptions);\n\n    const handleApply = () => {\n        onChange({\n            selected: selectedDraft[0],\n            selectedMultiple: selectedDraft,\n            initiator: null,\n            name: applyName,\n        });\n    };\n\n    const handleClear = () => {\n        setSelectedDraft([]);\n        onChange({\n            selected: null,\n            selectedMultiple: [],\n            initiator: null,\n            name: resetName,\n        });\n    };\n\n    const handleToggleAll = () => {\n        const optionsToSet = flatOptions.length === selectedDraft.length ? [] : flatOptions;\n\n        onSelectAllClick(optionsToSet);\n        setSelectedDraft(optionsToSet);\n    };\n\n    const selectedKeys = useMemo(() => selectedDraft.map(({ key }) => key), [selectedDraft]);\n\n    const handleChange: Required<BaseSelectProps>['onChange'] = ({ initiator, ...restArgs }) => {\n        if (!initiator) {\n            onChange({\n                initiator: null,\n                ...restArgs,\n            });\n\n            return;\n        }\n\n        const initiatorSelected =\n            selectedDraft.some(\n                (selectedDraftOption) => selectedDraftOption.key === initiator.key,\n            ) ||\n            (initiator.key === SELECT_ALL_KEY &&\n                (selectedDraft.length === flatOptions.length ||\n                    flatOptions.every(({ key }) => selectedKeys.includes(key))));\n\n        if (initiator.key === SELECT_ALL_KEY) {\n            setSelectedDraft(initiatorSelected ? [] : flatOptions);\n        } else {\n            setSelectedDraft(\n                initiatorSelected\n                    ? selectedDraft.filter((o) => o.key !== initiator.key)\n                    : selectedDraft.concat(initiator),\n            );\n        }\n    };\n\n    const handleClose = () => setSelectedDraft(selectedOptionsRef.current);\n\n    useEffect(() => {\n        // устанавливать selectedDraft если selectedOptions изменились\n        if (!reactFastCompare(selectedOptionsRef.current, selectedOptions)) {\n            setSelectedDraft(selectedOptions);\n        }\n        selectedOptionsRef.current = selectedOptions;\n    }, [selectedOptions]);\n\n    const memoizedOptions = useMemo(\n        () =>\n            filteredOptions.length && showSelectAll\n                ? [selectAllOption, ...filteredOptions]\n                : filteredOptions,\n        [filteredOptions, showSelectAll],\n    );\n\n    return {\n        OptionsList: OptionsListWithApply,\n        optionsListProps: {\n            ...(optionsListProps as AnyObject),\n            OptionsList,\n            showClear,\n            onClear: handleClear,\n            onApply: handleApply,\n            onClose: handleClose,\n            selectedDraft,\n            setSelectedDraft,\n            showHeaderWithSelectAll,\n            headerProps: {\n                ...(optionsListProps as AnyObject)?.headerProps,\n                indeterminate: selectedDraft.length > 0,\n                checked:\n                    selectedDraft.length === flatOptions.length ||\n                    flatOptions.every(({ key }) => selectedKeys.includes(key)),\n                onChange: handleToggleAll,\n                checkmarkPosition,\n            },\n        },\n        multiple: true,\n        options: memoizedOptions,\n        onChange: handleChange,\n        selected,\n        showSearch,\n        searchProps: showSearch\n            ? {\n                  ...searchProps,\n                  value: search,\n                  onChange: setSearch,\n              }\n            : undefined,\n        /* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n        originalProps: {\n            options,\n            selected,\n            onChange,\n            OptionsList,\n            optionsListProps,\n            showClear,\n            showSelectAll,\n            showHeaderWithSelectAll,\n            checkmarkPosition,\n            showSearch,\n            searchProps,\n            applyName,\n            resetName,\n        },\n    };\n}\n"],"names":[],"mappings":"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"}

package/modern/presets/useSelectWithApply/options-list-with-apply/Component.d.ts

@@ -1,81 +1,48 @@
-import React from 'react';
-import { type OptionShape } from '../../../typings';
+import React, { type FC, type RefAttributes } from 'react';
+import { type OptionShape, type OptionsListProps } from '../../../typings';
 import { type FooterProps } from './footer/Component';
 import { type HeaderProps } from './header/Component';
 export declare const OptionsListWithApply: React.ForwardRefExoticComponent<Pick<import("../../../typings").SelectProps, "client"> & {
-    className?: string | undefined;
-    optionGroupClassName?: string | undefined;
-    scrollbarClassName?: string | undefined;
-    footerClassName?: string | undefined;
-    size?: 40 | 48 | 56 | 64 | 72 | undefined;
+    className?: string;
+    optionGroupClassName?: string;
+    scrollbarClassName?: string;
+    footerClassName?: string;
+    size?: 40 | 48 | 56 | 64 | 72;
     Option: React.ComponentType<import("../../../typings").OptionProps>;
     getOptionProps: (option: OptionShape, index: number) => import("../../../typings").OptionProps;
-    groupOptionProps?: import("../../../typings").AnyObject | undefined;
-    selectedItems?: OptionShape[] | undefined;
+    groupOptionProps?: import("../../../typings").AnyObject;
+    selectedItems?: OptionShape[];
     setSelectedItems: (selected: OptionShape[]) => void;
     toggleMenu: () => void;
     header?: React.ReactNode;
     footer?: React.ReactNode;
-    options?: (OptionShape | import("../../../typings").GroupShape)[] | undefined;
-    flatOptions?: OptionShape[] | undefined;
-    highlightedIndex?: number | undefined;
-    open?: boolean | undefined;
-    Optgroup?: React.ComponentType<import("../../../typings").OptgroupProps> | undefined;
+    options?: Array<OptionShape | import("../../../typings").GroupShape>;
+    flatOptions?: OptionShape[];
+    highlightedIndex?: number;
+    open?: boolean;
+    Optgroup?: import("../../../typings").BaseSelectProps["Optgroup"];
     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;
+    visibleOptions?: number;
+    onScroll?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    dataTestId?: string;
+    inputProps?: import("@alfalab/core-components-input").InputProps;
+    showFooter?: boolean;
+    nativeScrollbar?: boolean;
+    optionsListWidth?: import("../../../typings").BaseSelectProps["optionsListWidth"];
+    onApply?: () => void;
+    onClear?: () => void;
+    setHighlightedIndex?: (index: number) => void;
+    search?: string;
+    multiple?: boolean;
+    limitDynamicOptionGroupSize?: import("../../../typings").BaseSelectProps["limitDynamicOptionGroupSize"];
 } & {
-    showClear?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    selectedDraft?: OptionShape[] | undefined;
-    OptionsList?: React.FC<Pick<import("../../../typings").SelectProps, "client"> & {
-        className?: string | undefined;
-        optionGroupClassName?: string | undefined;
-        scrollbarClassName?: string | undefined;
-        footerClassName?: string | undefined;
-        size?: 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 | import("../../../typings").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>> | undefined;
-    Footer?: React.FC<FooterProps> | undefined;
-    Header?: React.FC<HeaderProps> | undefined;
-    headerProps?: HeaderProps | undefined;
-    showHeaderWithSelectAll?: boolean | undefined;
-    setSelectedDraft?: ((selectedDraft: OptionShape[]) => void) | undefined;
+    showClear?: boolean;
+    onClose?: () => void;
+    selectedDraft?: OptionShape[];
+    OptionsList?: React.FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
+    Footer?: FC<FooterProps>;
+    Header?: FC<HeaderProps>;
+    headerProps?: HeaderProps;
+    showHeaderWithSelectAll?: boolean;
+    setSelectedDraft?: (selectedDraft: OptionShape[]) => void;
 } & React.RefAttributes<HTMLDivElement>>;

package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/Component.tsx"],"sourcesContent":["import React, { type FC, forwardRef, type RefAttributes, useCallback, useEffect } from 'react';\n\nimport { OptionsList as DefaultOptionsList } from '../../../components/options-list';\nimport { DEFAULT_VISIBLE_OPTIONS, SELECT_ALL_KEY } from '../../../consts';\nimport { type OptionShape, type OptionsListProps } from '../../../typings';\n\nimport { Footer as DefaultFooter, type FooterProps } from './footer/Component';\nimport { Header as DefaultHeader, type HeaderProps } from './header/Component';\n\ntype OptionsListWithApplyProps = OptionsListProps & {\n    showClear?: boolean;\n    onClose?: () => void;\n    selectedDraft?: OptionShape[];\n    OptionsList?: React.FC<OptionsListProps & RefAttributes<HTMLDivElement>>;\n    Footer?: FC<FooterProps>;\n    Header?: FC<HeaderProps>;\n    headerProps?: HeaderProps;\n    showHeaderWithSelectAll?: boolean;\n    setSelectedDraft?: (selectedDraft: OptionShape[]) => void;\n};\n\nexport const OptionsListWithApply = forwardRef<HTMLDivElement, OptionsListWithApplyProps>(\n    (\n        {\n            toggleMenu,\n            getOptionProps: defaultGetOptionProps,\n            showClear = true,\n            showHeaderWithSelectAll,\n            selectedDraft = [],\n            flatOptions = [],\n            OptionsList = DefaultOptionsList,\n            onApply = () => null,\n            onClear = () => null,\n            onClose = () => null,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            Footer = DefaultFooter,\n            Header = DefaultHeader,\n            header,\n            headerProps,\n            setSelectedDraft,\n            size,\n            ...restProps\n        }: OptionsListWithApplyProps,\n        ref,\n    ) => {\n        const getOptionProps = useCallback(\n            (option: OptionShape, index: number) => {\n                const optionProps = defaultGetOptionProps(option, index);\n\n                const selected =\n                    option.key === SELECT_ALL_KEY\n                        ? selectedDraft.length === flatOptions.length - 1\n                        : selectedDraft.some(({ key }) => key === option.key);\n\n                return {\n                    ...optionProps,\n                    selected,\n                };\n            },\n            [defaultGetOptionProps, flatOptions.length, selectedDraft],\n        );\n\n        const handleApply = useCallback(() => {\n            onApply();\n\n            toggleMenu();\n        }, [onApply, toggleMenu]);\n\n        const handleClear = useCallback(() => {\n            onClear();\n\n            toggleMenu();\n        }, [onClear, toggleMenu]);\n\n        const handleSelectedItems = useCallback(\n            (items: OptionShape[]) => {\n                setSelectedDraft?.(items);\n            },\n            [setSelectedDraft],\n        );\n\n        useEffect(() => {\n            const activeElement = document.activeElement as HTMLElement;\n\n            return () => {\n                onClose();\n                if (activeElement) {\n                    activeElement.focus();\n                }\n            };\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        const renderHeader = () => {\n            if (!showHeaderWithSelectAll && !header) return undefined;\n\n            return (\n                <React.Fragment>\n                    {header}\n                    {showHeaderWithSelectAll && flatOptions.length > 0 && (\n                        <Header {...headerProps} size={size} />\n                    )}\n                </React.Fragment>\n            );\n        };\n\n        return (\n            <OptionsList\n                {...restProps}\n                size={size}\n                ref={ref}\n                visibleOptions={visibleOptions}\n                toggleMenu={toggleMenu}\n                flatOptions={flatOptions}\n                getOptionProps={getOptionProps}\n                onApply={handleApply}\n                onClear={handleClear}\n                header={renderHeader()}\n                selectedItems={selectedDraft}\n                setSelectedItems={handleSelectedItems}\n                footer={\n                    <Footer\n                        handleApply={handleApply}\n                        handleClear={handleClear}\n                        showClear={showClear}\n                        selectedDraft={selectedDraft}\n                        dataTestId={restProps?.dataTestId}\n                        size={size}\n                    />\n                }\n            />\n        );\n    },\n);\n"],"names":["OptionsList","DefaultOptionsList","Footer","DefaultFooter","Header","DefaultHeader"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/Component.tsx"],"sourcesContent":["import React, { type FC, forwardRef, type RefAttributes, useCallback, useEffect } from 'react';\n\nimport { OptionsList as DefaultOptionsList } from '../../../components/options-list';\nimport { DEFAULT_VISIBLE_OPTIONS, SELECT_ALL_KEY } from '../../../consts';\nimport { type OptionShape, type OptionsListProps } from '../../../typings';\n\nimport { Footer as DefaultFooter, type FooterProps } from './footer/Component';\nimport { Header as DefaultHeader, type HeaderProps } from './header/Component';\n\ntype OptionsListWithApplyProps = OptionsListProps & {\n    showClear?: boolean;\n    onClose?: () => void;\n    selectedDraft?: OptionShape[];\n    OptionsList?: React.FC<OptionsListProps & RefAttributes<HTMLDivElement>>;\n    Footer?: FC<FooterProps>;\n    Header?: FC<HeaderProps>;\n    headerProps?: HeaderProps;\n    showHeaderWithSelectAll?: boolean;\n    setSelectedDraft?: (selectedDraft: OptionShape[]) => void;\n};\n\nexport const OptionsListWithApply = forwardRef<HTMLDivElement, OptionsListWithApplyProps>(\n    (\n        {\n            toggleMenu,\n            getOptionProps: defaultGetOptionProps,\n            showClear = true,\n            showHeaderWithSelectAll,\n            selectedDraft = [],\n            flatOptions = [],\n            OptionsList = DefaultOptionsList,\n            onApply = () => null,\n            onClear = () => null,\n            onClose = () => null,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            Footer = DefaultFooter,\n            Header = DefaultHeader,\n            header,\n            headerProps,\n            setSelectedDraft,\n            size,\n            ...restProps\n        }: OptionsListWithApplyProps,\n        ref,\n    ) => {\n        const getOptionProps = useCallback(\n            (option: OptionShape, index: number) => {\n                const optionProps = defaultGetOptionProps(option, index);\n\n                const selected =\n                    option.key === SELECT_ALL_KEY\n                        ? selectedDraft.length === flatOptions.length - 1\n                        : selectedDraft.some(({ key }) => key === option.key);\n\n                return {\n                    ...optionProps,\n                    selected,\n                };\n            },\n            [defaultGetOptionProps, flatOptions.length, selectedDraft],\n        );\n\n        const handleApply = useCallback(() => {\n            onApply();\n\n            toggleMenu();\n        }, [onApply, toggleMenu]);\n\n        const handleClear = useCallback(() => {\n            onClear();\n\n            toggleMenu();\n        }, [onClear, toggleMenu]);\n\n        const handleSelectedItems = useCallback(\n            (items: OptionShape[]) => {\n                setSelectedDraft?.(items);\n            },\n            [setSelectedDraft],\n        );\n\n        useEffect(() => {\n            const activeElement = document.activeElement as HTMLElement;\n\n            return () => {\n                onClose();\n                if (activeElement) {\n                    activeElement.focus();\n                }\n            };\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        const renderHeader = () => {\n            if (!showHeaderWithSelectAll && !header) return undefined;\n\n            return (\n                <React.Fragment>\n                    {header}\n                    {showHeaderWithSelectAll && flatOptions.length > 0 && (\n                        <Header {...headerProps} size={size} />\n                    )}\n                </React.Fragment>\n            );\n        };\n\n        return (\n            <OptionsList\n                {...restProps}\n                size={size}\n                ref={ref}\n                visibleOptions={visibleOptions}\n                toggleMenu={toggleMenu}\n                flatOptions={flatOptions}\n                getOptionProps={getOptionProps}\n                onApply={handleApply}\n                onClear={handleClear}\n                header={renderHeader()}\n                selectedItems={selectedDraft}\n                setSelectedItems={handleSelectedItems}\n                footer={\n                    <Footer\n                        handleApply={handleApply}\n                        handleClear={handleClear}\n                        showClear={showClear}\n                        selectedDraft={selectedDraft}\n                        dataTestId={restProps?.dataTestId}\n                        size={size}\n                    />\n                }\n            />\n        );\n    },\n);\n"],"names":["OptionsList","DefaultOptionsList","Footer","DefaultFooter","Header","DefaultHeader"],"mappings":"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"}

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type OptionShape, type OptionsListProps } from '../../../../typings';
-export declare type FooterProps = {
+export type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
     showClear?: boolean;

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -12,14 +12,14 @@
 :root {
     --select-option-list-footer-button-gap: var(--gap-8);
 }
-.select__footer_1ugfs {
+.select__footer_1rukc {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
 }
-.select__footer_1ugfs.select__size-72_1ugfs {
+.select__footer_1rukc.select__size-72_1rukc {
         padding: var(--gap-12) var(--gap-16);
     }
-.select__footer_1ugfs > .select__button_1ugfs + .select__button_1ugfs {
+.select__footer_1rukc > .select__button_1rukc + .select__button_1rukc {
         margin-left: var(--select-option-list-footer-button-gap);
     }

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"select__footer_1ugfs","size-72":"select__size-72_1ugfs","button":"select__button_1ugfs"};
+const styles = {"footer":"select__footer_1rukc","size-72":"select__size-72_1rukc","button":"select__button_1rukc"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import './vars.css';\n\n.footer {\n    background-color: var(--color-light-base-bg-primary);\n    padding: var(--gap-12);\n    outline: none;\n\n    &.size-72 {\n        padding: var(--gap-12) var(--gap-16);\n    }\n\n    & > .button + .button {\n        margin-left: var(--select-option-list-footer-button-gap);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,sBAAsB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import './vars.css';\n\n.footer {\n    background-color: var(--color-light-base-bg-primary);\n    padding: var(--gap-12);\n    outline: none;\n\n    &.size-72 {\n        padding: var(--gap-12) var(--gap-16);\n    }\n\n    & > .button + .button {\n        margin-left: var(--select-option-list-footer-button-gap);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,sBAAsB,CAAC;;;;"}

package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type CheckboxProps } from '@alfalab/core-components-checkbox/modern';
 import { type OptionsListProps } from '../../../../typings';
-export declare type HeaderProps = {
+export type HeaderProps = {
     checked?: boolean;
     indeterminate?: boolean;
     onChange?: CheckboxProps['onChange'];

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -6,16 +6,16 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.select__desktop_1s2cd {
+.select__desktop_lewy0 {
     padding: var(--gap-12);
 }
-.select__desktop_1s2cd.select__size-72_1s2cd {
+.select__desktop_lewy0.select__size-72_lewy0 {
         padding-left: var(--gap-16);
     }
-.select__mobile_1s2cd {
+.select__mobile_lewy0 {
     padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);
 }
-.select__positionAfter_1s2cd {
+.select__positionAfter_lewy0 {
     margin-left: 0;
     margin-left: initial;
 }

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"desktop":"select__desktop_1s2cd","size-72":"select__size-72_1s2cd","mobile":"select__mobile_1s2cd","positionAfter":"select__positionAfter_1s2cd"};
+const styles = {"desktop":"select__desktop_lewy0","size-72":"select__size-72_lewy0","mobile":"select__mobile_lewy0","positionAfter":"select__positionAfter_lewy0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.desktop {\n    padding: var(--gap-12);\n    &.size-72 {\n        padding-left: var(--gap-16);\n    }\n}\n\n.mobile {\n    padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);\n}\n\n.positionAfter {\n    margin-left: unset;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,SAAS,CAAC,uBAAuB,CAAC,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,eAAe,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.desktop {\n    padding: var(--gap-12);\n    &.size-72 {\n        padding-left: var(--gap-16);\n    }\n}\n\n.mobile {\n    padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);\n}\n\n.positionAfter {\n    margin-left: unset;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,SAAS,CAAC,uBAAuB,CAAC,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,eAAe,CAAC,6BAA6B,CAAC;;;;"}

package/modern/presets/useSelectWithLoading/hook.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type BaseSelectProps, type OptionProps, type OptionShape } from '../../typings';
-declare type useSelectWithLoadingProps = {
+type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
     Option?: React.FC<OptionProps>;

package/modern/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_rw7xv {
+.select__skeleton_sweni {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);