@alfalab/core-components-select 19.1.0 → 19.1.1

package/cssm/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/cssm/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":["SELECT_ALL_KEY","useState","defaultAccessor","defaultFilterFn","defaultGroupAccessor","useMemo","processOptions","isGroup","useRef","__rest","useEffect","reactFastCompare","OptionsListWithApply","__assign"],"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":["SELECT_ALL_KEY","useState","defaultAccessor","defaultFilterFn","defaultGroupAccessor","useMemo","processOptions","isGroup","useRef","__rest","useEffect","reactFastCompare","OptionsListWithApply","__assign"],"mappings":"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"}

package/cssm/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/cssm/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":["forwardRef","DefaultOptionsList","DEFAULT_VISIBLE_OPTIONS","DefaultFooter","DefaultHeader","__rest","useCallback","SELECT_ALL_KEY","__assign","useEffect","React"],"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":["forwardRef","DefaultOptionsList","DEFAULT_VISIBLE_OPTIONS","DefaultFooter","DefaultHeader","__rest","useCallback","SELECT_ALL_KEY","__assign","useEffect","React"],"mappings":"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"}

package/cssm/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/cssm/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/cssm';
 import { type OptionsListProps } from '../../../../typings';
-export declare type HeaderProps = {
+export type HeaderProps = {
     checked?: boolean;
     indeterminate?: boolean;
     onChange?: CheckboxProps['onChange'];

package/cssm/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>;