npm - @alfalab/core-components-select - Versions diffs - 19.1.0 → 19.1.1-alfasans - Mend

@alfalab/core-components-select 19.1.0 → 19.1.1-alfasans

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (345) hide show

package/cssm/presets/useLazyLoading/hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.js","sources":["../../../src/presets/useLazyLoading/hook.tsx"],"sourcesContent":["import React, { type Reducer, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type OptionProps, type OptionShape } from '../../typings';\n\nimport 'intersection-observer';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\ntype OptionsFetcherResponse = {\n options: OptionShape[];\n hasMore: boolean;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useLazyLoadingProps = {\n /** Количество элементов на \"странице\" /\n limit?: number;\n\n /* Начальный номер \"страницы\" /\n initialOffset?: number;\n\n /* Скелетон загружаемых элементов /\n skeleton?: React.ReactNode;\n\n /* Компонент пункта меню /\n Option?: React.FC<OptionProps>;\n\n /\n Функция-загрузчик опций.\n * @param offset - текущая страница\n * @param limit - количество элементов на странице\n * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList\n * @returns Promise<{\n * options - список опций следующей \"страницы\". Они аппендятся к предыдущим\n * hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать \"следующую страницу\")\n * }>\n /\n optionsFetcher(\n offset: number,\n limit: number,\n queryString?: string,\n ): Promise<OptionsFetcherResponse>;\n};\n\nconst actions = {\n fetchOptionsStart() {\n return { type: 'FETCH_OPTIONS_START' } as const;\n },\n fetchOptionsBreak() {\n return { type: 'FETCH_OPTIONS_BREAK' } as const;\n },\n fetchOptionsSuccess(payload: { options: OptionShape[]; hasMore: boolean }) {\n return { type: 'FETCH_OPTIONS_SUCCESS', payload } as const;\n },\n setIsOpened(opened: boolean) {\n return { type: 'SET_IS_OPENED', payload: opened } as const;\n },\n setQueryString(qs: string) {\n return { type: 'SET_QUERY_STRING', payload: qs } as const;\n },\n reset() {\n return { type: 'RESET' } as const;\n },\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Actions = typeof actions extends { [key: string]: (...args: any) => infer U } ? U : never;\n\nconst skeletonStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n height: '16px',\n width: '50%',\n};\n\nexport function useLazyLoading({\n limit = 10,\n initialOffset = 0,\n optionsFetcher,\n skeleton = <Skeleton style={skeletonStyle} visible={true} />,\n Option = DefaultOption,\n}: useLazyLoadingProps) {\n const initialOptions: OptionShape[] = [];\n const initialLoading = false;\n\n const lazyLoadingInitialState = {\n opened: false,\n offset: initialOffset,\n options: initialOptions,\n loading: initialLoading,\n allOptionsLoaded: false,\n queryString: '',\n };\n\n const lazyLoadingReducer: Reducer<typeof lazyLoadingInitialState, Actions> = (\n state,\n action,\n ) => {\n switch (action.type) {\n case 'FETCH_OPTIONS_START': {\n return {\n ...state,\n loading: true,\n };\n }\n case 'FETCH_OPTIONS_BREAK': {\n return {\n ...state,\n loading: false,\n };\n }\n case 'FETCH_OPTIONS_SUCCESS': {\n return {\n ...state,\n options: [...state.options, ...action.payload.options],\n offset: state.offset + (action.payload.options.length ? 1 : 0),\n allOptionsLoaded: !action.payload.hasMore,\n loading: false,\n };\n }\n case 'SET_IS_OPENED': {\n return {\n ...state,\n opened: action.payload,\n };\n }\n case 'SET_QUERY_STRING': {\n return {\n // Изменение queryString подразумевает сброс текущих опций.\n ...lazyLoadingInitialState,\n opened: state.opened,\n loading: true,\n queryString: action.payload,\n };\n }\n case 'RESET': {\n return {\n ...lazyLoadingInitialState,\n };\n }\n default: {\n return state;\n }\n }\n };\n\n const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch] =\n useReducer(lazyLoadingReducer, lazyLoadingInitialState);\n\n const abortFetchingOptionsRef = useRef<() => void>();\n\n const fetchNextOffsetOptions = useCallback(() => {\n dispatch(actions.fetchOptionsStart());\n\n new Promise<OptionsFetcherResponse>((resolve, reject) => {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n abortFetchingOptionsRef.current = reject;\n optionsFetcher(offset, limit, queryString).then((res) => {\n resolve(res);\n });\n })\n .then((res) => {\n dispatch(actions.fetchOptionsSuccess(res));\n abortFetchingOptionsRef.current = undefined;\n })\n .catch(\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {},\n );\n }, [optionsFetcher, offset, limit, queryString]);\n\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n let observer: IntersectionObserver;\n\n if (opened && !loading && !allOptionsLoaded) {\n observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n if (observer) {\n observer.disconnect();\n }\n fetchNextOffsetOptions();\n }\n },\n {\n root: listRef.current,\n },\n );\n\n /\n * Обсервим пересечение последней опции с контейнером.\n * Таким образом, загрузка следующей \"страницы\" начнется когда юзер доскроллит список\n * до верхнего края последней опции, что обеспечивает плавность\n /\n const optionList = listRef.current?.querySelectorAll('[role=\"option\"]');\n const lastOption = optionList?.[optionList.length - 1];\n\n if (lastOption) {\n observer.observe(lastOption);\n }\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [offset, fetchNextOffsetOptions, opened, allOptionsLoaded, initialOffset, loading]);\n\n const onOpen = useCallback(\n (payload: { open?: boolean }) => {\n if (payload.open) {\n if (options.length === initialOptions.length) {\n fetchNextOffsetOptions();\n }\n } else {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n dispatch(actions.fetchOptionsBreak());\n }\n\n dispatch(actions.setIsOpened(payload.open ?? false));\n },\n [initialOptions.length, fetchNextOffsetOptions, options.length],\n );\n\n const fetchNextOptionsRef = useRef<() => void>();\n const fetchNextOptionsTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n useEffect(() => {\n fetchNextOptionsRef.current = fetchNextOffsetOptions;\n }, [fetchNextOffsetOptions]);\n\n const onQueryStringChange = useCallback<Exclude<InputProps['onChange'], undefined>>(\n (_, payload) => {\n dispatch(actions.setQueryString(payload.value));\n / eslint-disable no-unused-expressions /\n\n /\n * Если во время загрузки опций юзер ввел новый текст в инпут,\n * нужно прервать текущую загрузку, чтобы неактуальные опции не попали в выдачу\n /\n abortFetchingOptionsRef.current?.();\n\n listRef.current?.scrollTo({ top: 0 });\n\n / Дебаунсим ввод текста, чтобы не отправлять запрос к новым опциям на каждый чих /\n if (fetchNextOptionsTimerRef.current) {\n clearTimeout(fetchNextOptionsTimerRef.current);\n }\n fetchNextOptionsTimerRef.current = setTimeout(() => {\n /\n * После дебаунса необходимо вызвать функцию-загрузчик,\n * содержащую актуальные на данный момент данные оффсета и queryString.\n * Поэтому мы не можем обратиться напрямую к функции fetchNextOptions,\n * так как она будет замкнута на старые значения, актуальные на момент вызова хэндлера,\n * так что берем ее из обновляемого рефа\n /\n fetchNextOptionsRef.current?.();\n }, DEBOUNCE_TIMEOUT);\n / eslint-enable */\n },\n [],\n );\n\n const renderOption = (props: OptionProps) => (\n <Option {...props} highlighted={loading ? false : props.highlighted} />\n );\n\n const skeletonOptions: OptionShape[] = useMemo(\n () =>\n Array(loading ? limit : 0)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: skeleton,\n })),\n [loading, limit, skeleton],\n );\n\n const reset = useCallback(() => {\n dispatch(actions.reset());\n }, []);\n\n return {\n optionsProps: {\n Option: renderOption,\n options: [...options, ...skeletonOptions],\n optionsListProps: {\n ref: listRef,\n inputProps: {\n onChange: onQueryStringChange,\n value: queryString,\n },\n },\n onOpen,\n },\n reset,\n };\n}\n"],"names":["React","Skeleton","DefaultOption","__assign","__spreadArray","useReducer","useRef","useCallback","useEffect","useMemo"],"mappings":"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"}
1	+ {"version":3,"file":"hook.js","sources":["../../../src/presets/useLazyLoading/hook.tsx"],"sourcesContent":["import React, { type Reducer, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type OptionProps, type OptionShape } from '../../typings';\n\nimport 'intersection-observer';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\ntype OptionsFetcherResponse = {\n options: OptionShape[];\n hasMore: boolean;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useLazyLoadingProps = {\n /** Количество элементов на \"странице\" /\n limit?: number;\n\n /* Начальный номер \"страницы\" /\n initialOffset?: number;\n\n /* Скелетон загружаемых элементов /\n skeleton?: React.ReactNode;\n\n /* Компонент пункта меню /\n Option?: React.FC<OptionProps>;\n\n /\n Функция-загрузчик опций.\n * @param offset - текущая страница\n * @param limit - количество элементов на странице\n * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList\n * @returns Promise<{\n * options - список опций следующей \"страницы\". Они аппендятся к предыдущим\n * hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать \"следующую страницу\")\n * }>\n /\n optionsFetcher(\n offset: number,\n limit: number,\n queryString?: string,\n ): Promise<OptionsFetcherResponse>;\n};\n\nconst actions = {\n fetchOptionsStart() {\n return { type: 'FETCH_OPTIONS_START' } as const;\n },\n fetchOptionsBreak() {\n return { type: 'FETCH_OPTIONS_BREAK' } as const;\n },\n fetchOptionsSuccess(payload: { options: OptionShape[]; hasMore: boolean }) {\n return { type: 'FETCH_OPTIONS_SUCCESS', payload } as const;\n },\n setIsOpened(opened: boolean) {\n return { type: 'SET_IS_OPENED', payload: opened } as const;\n },\n setQueryString(qs: string) {\n return { type: 'SET_QUERY_STRING', payload: qs } as const;\n },\n reset() {\n return { type: 'RESET' } as const;\n },\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Actions = typeof actions extends { [key: string]: (...args: any) => infer U } ? U : never;\n\nconst skeletonStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n height: '16px',\n width: '50%',\n};\n\nexport function useLazyLoading({\n limit = 10,\n initialOffset = 0,\n optionsFetcher,\n skeleton = <Skeleton style={skeletonStyle} visible={true} />,\n Option = DefaultOption,\n}: useLazyLoadingProps) {\n const initialOptions: OptionShape[] = [];\n const initialLoading = false;\n\n const lazyLoadingInitialState = {\n opened: false,\n offset: initialOffset,\n options: initialOptions,\n loading: initialLoading,\n allOptionsLoaded: false,\n queryString: '',\n };\n\n const lazyLoadingReducer: Reducer<typeof lazyLoadingInitialState, Actions> = (\n state,\n action,\n ) => {\n switch (action.type) {\n case 'FETCH_OPTIONS_START': {\n return {\n ...state,\n loading: true,\n };\n }\n case 'FETCH_OPTIONS_BREAK': {\n return {\n ...state,\n loading: false,\n };\n }\n case 'FETCH_OPTIONS_SUCCESS': {\n return {\n ...state,\n options: [...state.options, ...action.payload.options],\n offset: state.offset + (action.payload.options.length ? 1 : 0),\n allOptionsLoaded: !action.payload.hasMore,\n loading: false,\n };\n }\n case 'SET_IS_OPENED': {\n return {\n ...state,\n opened: action.payload,\n };\n }\n case 'SET_QUERY_STRING': {\n return {\n // Изменение queryString подразумевает сброс текущих опций.\n ...lazyLoadingInitialState,\n opened: state.opened,\n loading: true,\n queryString: action.payload,\n };\n }\n case 'RESET': {\n return {\n ...lazyLoadingInitialState,\n };\n }\n default: {\n return state;\n }\n }\n };\n\n const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch] =\n useReducer(lazyLoadingReducer, lazyLoadingInitialState);\n\n const abortFetchingOptionsRef = useRef<() => void>();\n\n const fetchNextOffsetOptions = useCallback(() => {\n dispatch(actions.fetchOptionsStart());\n\n new Promise<OptionsFetcherResponse>((resolve, reject) => {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n abortFetchingOptionsRef.current = reject;\n optionsFetcher(offset, limit, queryString).then((res) => {\n resolve(res);\n });\n })\n .then((res) => {\n dispatch(actions.fetchOptionsSuccess(res));\n abortFetchingOptionsRef.current = undefined;\n })\n .catch(\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {},\n );\n }, [optionsFetcher, offset, limit, queryString]);\n\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n let observer: IntersectionObserver;\n\n if (opened && !loading && !allOptionsLoaded) {\n observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n if (observer) {\n observer.disconnect();\n }\n fetchNextOffsetOptions();\n }\n },\n {\n root: listRef.current,\n },\n );\n\n /\n * Обсервим пересечение последней опции с контейнером.\n * Таким образом, загрузка следующей \"страницы\" начнется когда юзер доскроллит список\n * до верхнего края последней опции, что обеспечивает плавность\n /\n const optionList = listRef.current?.querySelectorAll('[role=\"option\"]');\n const lastOption = optionList?.[optionList.length - 1];\n\n if (lastOption) {\n observer.observe(lastOption);\n }\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [offset, fetchNextOffsetOptions, opened, allOptionsLoaded, initialOffset, loading]);\n\n const onOpen = useCallback(\n (payload: { open?: boolean }) => {\n if (payload.open) {\n if (options.length === initialOptions.length) {\n fetchNextOffsetOptions();\n }\n } else {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n dispatch(actions.fetchOptionsBreak());\n }\n\n dispatch(actions.setIsOpened(payload.open ?? false));\n },\n [initialOptions.length, fetchNextOffsetOptions, options.length],\n );\n\n const fetchNextOptionsRef = useRef<() => void>();\n const fetchNextOptionsTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n useEffect(() => {\n fetchNextOptionsRef.current = fetchNextOffsetOptions;\n }, [fetchNextOffsetOptions]);\n\n const onQueryStringChange = useCallback<Exclude<InputProps['onChange'], undefined>>(\n (_, payload) => {\n dispatch(actions.setQueryString(payload.value));\n / eslint-disable no-unused-expressions /\n\n /\n * Если во время загрузки опций юзер ввел новый текст в инпут,\n * нужно прервать текущую загрузку, чтобы неактуальные опции не попали в выдачу\n /\n abortFetchingOptionsRef.current?.();\n\n listRef.current?.scrollTo({ top: 0 });\n\n / Дебаунсим ввод текста, чтобы не отправлять запрос к новым опциям на каждый чих /\n if (fetchNextOptionsTimerRef.current) {\n clearTimeout(fetchNextOptionsTimerRef.current);\n }\n fetchNextOptionsTimerRef.current = setTimeout(() => {\n /\n * После дебаунса необходимо вызвать функцию-загрузчик,\n * содержащую актуальные на данный момент данные оффсета и queryString.\n * Поэтому мы не можем обратиться напрямую к функции fetchNextOptions,\n * так как она будет замкнута на старые значения, актуальные на момент вызова хэндлера,\n * так что берем ее из обновляемого рефа\n /\n fetchNextOptionsRef.current?.();\n }, DEBOUNCE_TIMEOUT);\n / eslint-enable */\n },\n [],\n );\n\n const renderOption = (props: OptionProps) => (\n <Option {...props} highlighted={loading ? false : props.highlighted} />\n );\n\n const skeletonOptions: OptionShape[] = useMemo(\n () =>\n Array(loading ? limit : 0)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: skeleton,\n })),\n [loading, limit, skeleton],\n );\n\n const reset = useCallback(() => {\n dispatch(actions.reset());\n }, []);\n\n return {\n optionsProps: {\n Option: renderOption,\n options: [...options, ...skeletonOptions],\n optionsListProps: {\n ref: listRef,\n inputProps: {\n onChange: onQueryStringChange,\n value: queryString,\n },\n },\n onOpen,\n },\n reset,\n };\n}\n"],"names":["React","Skeleton","DefaultOption","__assign","__spreadArray","useReducer","useRef","useCallback","useEffect","useMemo"],"mappings":"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"}

package/cssm/presets/useSelectWithApply/hook.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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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"}

package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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~~AACT~~,~~YAAA,~~IAAI,aAAa,EAAE;gBACf,aAAa,CAAC,KAAK,EAAE~~;AACxB;AACL~~,SAAC;;KAEJ,EAAE,EAAE,CAAC;AAEN,IAAA,IAAM,YAAY,GAAG,YAAA;AACjB,QAAA,IAAI,CAAC,uBAAuB,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,SAAS;AAEzD,QAAA,QACIC,sBAAA,CAAA,aAAA,CAACA,sBAAK,CAAC,QAAQ,EAAA,IAAA;YACV,MAAM;YACN,uBAAuB,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,KAC9CA,sBAAC,CAAA,aAAA,CAAA,MAAM,qBAAK,WAAW,EAAA,EAAE,IAAI,EAAE,IAAI,IAAI,CAC1C,CACY;AAEzB,KAAC;AAED,IAAA,QACIA,sBAAC,CAAA,aAAA,CAAA,WAAW,qBACJ,SAAS,EAAA,EACb,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,YAAY,EAAE,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,mBAAmB,EACrC,MAAM,EACFA,sBAAC,CAAA,aAAA,CAAA,MAAM,IACH,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,UAAU,EACjC,IAAI,EAAE,IAAI,EACZ,CAAA,EAAA,CAAA,CAER;AAEV,CAAC;;;;"}
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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"}