@alfalab/core-components-select 17.20.13 → 17.20.14-snapshot-1393ffa

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

@@ -1 +0,0 @@
-export * from "./Component";

package/moderncssm/consts.d.ts

@@ -1,13 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-declare const SIZE_TO_CLASSNAME_MAP: {
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    40: string;
-    48: string;
-    56: string;
-    64: string;
-    72: string;
-};
-export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP };

package/moderncssm/desktop/Component.desktop.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<import("../typings").BaseSelectProps, "fieldProps"> & {
-    fieldProps?: import("../typings").SelectFieldProps | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { SelectDesktop };

package/moderncssm/desktop/index.d.ts

@@ -1,2 +0,0 @@
-export { SelectDesktop } from "./Component.desktop";
-export type { SelectDesktopProps } from "../typings";

package/moderncssm/hook-0c8b8277.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptionShape, OptionsListProps } from "./typings";
-import { FooterProps } from "./presets/useSelectWithApply/options-list-with-apply/footer/Component";
-import { HeaderProps } from "./presets/useSelectWithApply/options-list-with-apply/header/Component";
-declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
-    showClear?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    selectedDraft?: OptionShape[] | undefined;
-    OptionsList?: React.FC<OptionsListProps & 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;
-} & React.RefAttributes<HTMLDivElement>>;
-export { OptionsListWithApply };

package/moderncssm/hook-0c8b8277.js

@@ -1,177 +0,0 @@
-import React, { forwardRef, useCallback, useEffect, useState, useMemo, useRef } from 'react';
-import reactFastCompare from 'react-fast-compare';
-import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from './utils.js';
-import { OptionsList } from './components/options-list/Component.js';
-import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
-import { Footer } from './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-
-const OptionsListWithApply = forwardRef(({ toggleMenu, getOptionProps: defaultGetOptionProps, showClear = true, showHeaderWithSelectAll, selectedDraft = [], flatOptions = [], OptionsList: OptionsList$1 = OptionsList, onApply = () => null, onClear = () => null, onClose = () => null, visibleOptions = DEFAULT_VISIBLE_OPTIONS, Footer: Footer$1 = Footer, Header: Header$1 = Header, header, headerProps, setSelectedDraft, ...restProps }, ref) => {
-    const getOptionProps = useCallback((option, index) => {
-        const optionProps = defaultGetOptionProps(option, index);
-        const selected = option.key === SELECT_ALL_KEY
-            ? selectedDraft.length === flatOptions.length - 1
-            : selectedDraft.some(({ key }) => key === option.key);
-        return {
-            ...optionProps,
-            selected,
-        };
-    }, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
-    const handleApply = useCallback(() => {
-        onApply();
-        toggleMenu();
-    }, [onApply, toggleMenu]);
-    const handleClear = useCallback(() => {
-        onClear();
-        toggleMenu();
-    }, [onClear, toggleMenu]);
-    const handleSelectedItems = useCallback((items) => {
-        setSelectedDraft?.(items);
-    }, [setSelectedDraft]);
-    useEffect(() => {
-        const activeElement = document.activeElement;
-        return () => {
-            onClose();
-            if (activeElement) {
-                activeElement.focus();
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const renderHeader = () => {
-        if (!showHeaderWithSelectAll && !header)
-            return undefined;
-        return (React.createElement(React.Fragment, null,
-            header,
-            showHeaderWithSelectAll && flatOptions.length > 0 && (React.createElement(Header$1, { ...headerProps }))));
-    };
-    return (React.createElement(OptionsList$1, { ...restProps, ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, header: renderHeader(), selectedItems: selectedDraft, setSelectedItems: handleSelectedItems, footer: React.createElement(Footer$1, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft, dataTestId: restProps?.dataTestId }) }));
-});
-
-const SELECT_ALL_KEY = 'select_all';
-const selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
-function useSelectWithApply({ options, selected, onChange = () => null, onSelectAllClick = () => null, OptionsList, optionsListProps = {}, showClear = true, showSelectAll = false, showHeaderWithSelectAll = false, showSearch = false, searchProps = {}, }) {
-    const [searchState, setSearchState] = useState('');
-    const [search, setSearch] = typeof searchProps?.value === 'string'
-        ? [searchProps.value, searchProps.onChange]
-        : [searchState, setSearchState];
-    const accessor = searchProps.accessor || defaultAccessor;
-    const filterFn = searchProps.filterFn || defaultFilterFn;
-    const groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;
-    const filterGroup = searchProps.filterGroup ?? false;
-    const { flatOptions, filteredOptions, selectedOptions } = useMemo(() => processOptions(options, selected, showSearch
-        ? (option) => {
-            if (isGroup(option)) {
-                const groupAccessorValue = groupAccessor(option);
-                return (typeof groupAccessorValue === 'string' &&
-                    filterFn(groupAccessorValue, search));
-            }
-            return filterFn(accessor(option), search);
-        }
-        : undefined, filterGroup), [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor]);
-    const [selectedDraft, setSelectedDraft] = useState(selectedOptions);
-    const selectedOptionsRef = useRef(selectedOptions);
-    const handleApply = () => {
-        onChange({
-            selected: selectedDraft[0],
-            selectedMultiple: selectedDraft,
-            initiator: null,
-            name: 'apply-footer',
-        });
-    };
-    const handleClear = () => {
-        setSelectedDraft([]);
-        onChange({
-            selected: null,
-            selectedMultiple: [],
-            initiator: null,
-            name: 'reset-footer',
-        });
-    };
-    const handleToggleAll = () => {
-        const optionsToSet = flatOptions.length === selectedDraft.length ? [] : flatOptions;
-        onSelectAllClick(optionsToSet);
-        setSelectedDraft(optionsToSet);
-    };
-    const selectedKeys = useMemo(() => selectedDraft.map(({ key }) => key), [selectedDraft]);
-    const handleChange = ({ initiator, ...restArgs }) => {
-        if (!initiator) {
-            onChange({
-                initiator: null,
-                ...restArgs,
-            });
-            return;
-        }
-        const initiatorSelected = selectedDraft.some((selectedDraftOption) => selectedDraftOption.key === initiator.key) ||
-            (initiator.key === SELECT_ALL_KEY &&
-                (selectedDraft.length === flatOptions.length ||
-                    flatOptions.every(({ key }) => selectedKeys.includes(key))));
-        if (initiator.key === SELECT_ALL_KEY) {
-            setSelectedDraft(initiatorSelected ? [] : flatOptions);
-        }
-        else {
-            setSelectedDraft(initiatorSelected
-                ? selectedDraft.filter((o) => o.key !== initiator.key)
-                : selectedDraft.concat(initiator));
-        }
-    };
-    const handleClose = () => setSelectedDraft(selectedOptionsRef.current);
-    useEffect(() => {
-        // устанавливать selectedDraft если selectedOptions изменились
-        if (!reactFastCompare(selectedOptionsRef.current, selectedOptions)) {
-            setSelectedDraft(selectedOptions);
-        }
-        selectedOptionsRef.current = selectedOptions;
-    }, [selectedOptions]);
-    const memoizedOptions = useMemo(() => filteredOptions.length && showSelectAll
-        ? [selectAllOption, ...filteredOptions]
-        : filteredOptions, [filteredOptions, showSelectAll]);
-    return {
-        OptionsList: OptionsListWithApply,
-        optionsListProps: {
-            ...optionsListProps,
-            OptionsList,
-            showClear,
-            onClear: handleClear,
-            onApply: handleApply,
-            onClose: handleClose,
-            selectedDraft,
-            setSelectedDraft,
-            showHeaderWithSelectAll,
-            headerProps: {
-                ...optionsListProps?.headerProps,
-                indeterminate: selectedDraft.length > 0,
-                checked: selectedDraft.length === flatOptions.length ||
-                    flatOptions.every(({ key }) => selectedKeys.includes(key)),
-                onChange: handleToggleAll,
-            },
-        },
-        multiple: true,
-        options: memoizedOptions,
-        onChange: handleChange,
-        selected,
-        showSearch,
-        searchProps: showSearch
-            ? {
-                ...searchProps,
-                value: search,
-                onChange: setSearch,
-            }
-            : undefined,
-        /* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */
-        originalProps: {
-            options,
-            selected,
-            onChange,
-            OptionsList,
-            optionsListProps,
-            showClear,
-            showSelectAll,
-            showHeaderWithSelectAll,
-            showSearch,
-            searchProps,
-        },
-    };
-}
-
-export { OptionsListWithApply as O, SELECT_ALL_KEY as S, useSelectWithApply as u };

package/moderncssm/hook-94ef1330.d.ts

@@ -1,111 +0,0 @@
-/// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "./typings";
-type UseSelectWithApplyProps = {
-    /**
-     * Список выбранных пунктов
-     */
-    selected: BaseSelectProps['selected'];
-    /**
-     * Список вариантов выбора
-     */
-    options: BaseSelectProps['options'];
-    /**
-     * Обработчик выбора
-     */
-    onChange: BaseSelectProps['onChange'];
-    /**
-     * Дополнительный обработчик клика на чекбокс выбрать все
-     */
-    onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;
-    /**
-     * Компонент выпадающего меню
-     */
-    OptionsList?: BaseSelectProps['OptionsList'];
-    /**
-     * Пропсы, которые будут прокинуты в компонент списка
-     */
-    optionsListProps?: BaseSelectProps['optionsListProps'];
-    /**
-     * Включает отображение поиска
-     */
-    showSearch?: BaseSelectProps['showSearch'];
-    /**
-     *  Настройки поиска
-     */
-    searchProps?: BaseSelectProps['searchProps'];
-    /**
-     * Показывать кнопку очистки
-     */
-    showClear?: boolean;
-    /**
-     * Показывать пункт "Выбрать все"
-     */
-    showSelectAll?: boolean;
-    /**
-     * Показывать пункт "Выбрать все" в заголовке списка
-     */
-    showHeaderWithSelectAll?: boolean;
-};
-declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
-    OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
-        showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/footer/Component").FooterProps> | undefined;
-        Header?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps> | undefined;
-        headerProps?: import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps | undefined;
-        showHeaderWithSelectAll?: boolean | undefined;
-        setSelectedDraft?: ((selectedDraft: OptionShape[]) => void) | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    optionsListProps: {
-        OptionsList: import("react").ComponentType<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        showClear: boolean;
-        onClear: () => void;
-        onApply: () => void;
-        onClose: () => void;
-        selectedDraft: OptionShape[];
-        setSelectedDraft: import("react").Dispatch<import("react").SetStateAction<OptionShape[]>>;
-        showHeaderWithSelectAll: boolean;
-        headerProps: any;
-    };
-    multiple: boolean;
-    options: (OptionShape | import("./typings").GroupShape | {
-        key: string;
-        content: string;
-    })[];
-    onChange: (payload: import("./typings").BaseSelectChangePayload) => void;
-    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
-    showSearch: boolean;
-    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;
-    } | undefined;
-    originalProps: {
-        options: (OptionShape | import("./typings").GroupShape)[];
-        selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
-        onChange: (payload: import("./typings").BaseSelectChangePayload) => void;
-        OptionsList: import("react").ComponentType<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        optionsListProps: unknown;
-        showClear: boolean;
-        showSelectAll: boolean;
-        showHeaderWithSelectAll: boolean;
-        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;
-        };
-    };
-};
-export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/moderncssm/index.d.ts

@@ -1,2 +0,0 @@
-export { SelectResponsive as Select } from "./Component.responsive";
-export type { SelectProps } from "./typings";

package/moderncssm/mobile/Component.mobile.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { SelectMobileProps } from "../typings";
-declare const SelectMobile: React.ForwardRefExoticComponent<SelectMobileProps & React.RefAttributes<unknown>>;
-export { SelectMobile };

package/moderncssm/mobile/Component.modal.mobile.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<import("../typings").BaseSelectProps, "Checkmark"> & import("../typings").AdditionalMobileProps & import("../typings").ModalSelectMobileProps & React.RefAttributes<unknown>>;
-export { SelectModalMobile };

package/moderncssm/mobile/index.d.ts

@@ -1,3 +0,0 @@
-export { SelectMobile } from "./Component.mobile";
-export { SelectModalMobile } from "./Component.modal.mobile";
-export type { SelectMobileProps, SelectModalMobileProps } from "../typings";

package/moderncssm/presets/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./useSelectWithLoading/hook";
-export * from "./useLazyLoading/hook";
-export * from "../hook-94ef1330";

package/moderncssm/presets/useLazyLoading/hook.d.ts

@@ -1,48 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptionProps, OptionShape } from "../../typings";
-type OptionsFetcherResponse = {
-    options: OptionShape[];
-    hasMore: boolean;
-};
-type useLazyLoadingProps = {
-    /** Количество элементов на "странице" */
-    limit?: number;
-    /** Начальный номер "страницы" */
-    initialOffset?: number;
-    /** Скелетон загружаемых элементов */
-    skeleton?: React.ReactNode;
-    /** Компонент пункта меню */
-    Option?: React.FC<OptionProps>;
-    /**
-     * Функция-загрузчик опций.
-     * @param offset - текущая страница
-     * @param limit - количество элементов на странице
-     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
-     * @returns Promise<{
-     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
-     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
-     * }>
-     */
-    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
-};
-declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
-    optionsProps: {
-        Option: (props: OptionProps) => React.JSX.Element;
-        options: OptionShape[];
-        optionsListProps: {
-            ref: React.RefObject<HTMLDivElement>;
-            inputProps: {
-                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
-                    value: string;
-                }) => void;
-                value: string;
-            };
-        };
-        onOpen: (payload: {
-            open?: boolean;
-        }) => void;
-    };
-    reset: () => void;
-};
-export { useLazyLoading };

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptionShape } from "../../../../typings";
-type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-    selectedDraft?: OptionShape[];
-    dataTestId?: string;
-};
-declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft, dataTestId, }: FooterProps) => React.JSX.Element;
-export { FooterProps, Footer };

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { CheckboxProps } from "@alfalab/core-components-checkbox";
-type HeaderProps = {
-    checked?: boolean;
-    indeterminate?: boolean;
-    onChange?: CheckboxProps['onChange'];
-    mobile?: boolean;
-    dataTestId?: string;
-};
-declare const Header: React.FC<HeaderProps>;
-export { HeaderProps, Header };

package/moderncssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +0,0 @@
-export * from "../../../hook-0c8b8277";

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseSelectProps, OptionProps, OptionShape } from "../../typings";
-type useSelectWithLoadingProps = {
-    loading?: boolean;
-    visibleOptions?: BaseSelectProps['visibleOptions'];
-    Option?: React.FC<OptionProps>;
-};
-declare function useSelectWithLoading({ loading, visibleOptions, Option, }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => React.JSX.Element;
-    options: OptionShape[];
-} | null;
-export { useSelectWithLoading };

package/moderncssm/shared/index.d.ts

@@ -1,13 +0,0 @@
-export * from "../presets/index";
-export * from "../typings";
-export * from "../utils";
-export * from "../components/option/index";
-export * from "../components/base-option/index";
-export * from "../components/options-list/index";
-export * from "../components/virtual-options-list/index";
-export * from "../components/field/index";
-export * from "../components/arrow/index";
-export * from "../components/base-select/index";
-export * from "../components/optgroup/index";
-export * from "../components/footer/index";
-export * from "../components/search/index";