@alfalab/core-components-select 15.2.3 → 16.0.0

package/modern/components/base-select-mobile/Component.js

@@ -1,285 +0,0 @@
-import React, { forwardRef, useRef, useMemo, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { useMultipleSelection, useCombobox } from 'downshift';
-import { BottomSheet } from '@alfalab/core-components-bottom-sheet/modern';
-import { ModalMobile } from '@alfalab/core-components-modal/modern/mobile';
-import { getDataTestId } from '@alfalab/core-components-shared/modern';
-import { defaultAccessor, processOptions, defaultFilterFn } from '../../utils.js';
-import { Arrow } from '../arrow/Component.js';
-import { Field } from '../field/Component.js';
-import { Optgroup } from '../optgroup/Component.js';
-import { Option } from '../option/Component.js';
-import { OptionsList } from '../options-list/Component.js';
-import { Search } from '../search/Component.js';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/hooks';
-import '../checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../checkmark-mobile/Component.js';
-import '@alfalab/core-components-scrollbar/modern';
-import '../../consts.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-
-const styles = {"component":"select__component_r2ukf","sheet":"select__sheet_r2ukf","sheetContent":"select__sheetContent_r2ukf","modalContent":"select__modalContent_r2ukf","sheetContainer":"select__sheetContainer_r2ukf","block":"select__block_r2ukf","optionsListWrapper":"select__optionsListWrapper_r2ukf","optionsList":"select__optionsList_r2ukf","scrollbar":"select__scrollbar_r2ukf","emptySearchPlaceholder":"select__emptySearchPlaceholder_r2ukf","search":"select__search_r2ukf","option":"select__option_r2ukf","optionGroup":"select__optionGroup_r2ukf"};
-require('./index.css')
-
-const BaseSelectMobile = forwardRef(({ dataTestId, className, fieldClassName, optionsListClassName, optionClassName, optionGroupClassName, optionsListProps, options = [], autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, optionsListWidth = 'content', name, id, selected = [], size = 'm', optionsSize = 'm', error, hint, block, label, labelView, placeholder, fieldProps = {}, optionProps = {}, searchProps = {}, showSearch = false, valueRenderer, onChange, onOpen, onFocus, onBlur, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, OptionsList: OptionsList$1 = OptionsList, Search: Search$1 = Search, swipeable, footer, isBottomSheet, bottomSheetProps, modalProps, modalHeaderProps, modalFooterProps, showEmptyOptionsList = false, }, ref) => {
-    const rootRef = useRef(null);
-    const fieldRef = useRef(null);
-    const listRef = useRef(null);
-    const initiatorRef = useRef(null);
-    const alreadyClickedRef = useRef(false);
-    const searchRef = useRef(null);
-    const [searchState, setSearchState] = React.useState('');
-    const [search, setSearch] = typeof searchProps?.value === 'string'
-        ? [searchProps.value, searchProps.onChange]
-        : [searchState, setSearchState];
-    const itemToString = (option) => (option ? option.key : '');
-    const accessor = searchProps.accessor || defaultAccessor;
-    const { filteredOptions, flatOptions, selectedOptions } = useMemo(() => processOptions(options, selected, (option) => defaultFilterFn(accessor(option), search)), [accessor, options, search, selected]);
-    const scrollableContainerRef = useRef(null);
-    const useMultipleSelectionProps = {
-        itemToString,
-        onSelectedItemsChange: (changes) => {
-            if (onChange) {
-                const { selectedItems = [] } = changes;
-                onChange({
-                    selectedMultiple: selectedItems,
-                    selected: selectedItems.length ? selectedItems[0] : null,
-                    initiator: initiatorRef.current,
-                    name,
-                });
-                initiatorRef.current = null;
-            }
-        },
-        stateReducer: (state, actionAndChanges) => {
-            const { type, changes } = actionAndChanges;
-            if (!allowUnselect &&
-                type === useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace) {
-                return state;
-            }
-            return changes;
-        },
-    };
-    if (selected !== undefined) {
-        useMultipleSelectionProps.selectedItems = selectedOptions;
-    }
-    const { selectedItems, addSelectedItem, setSelectedItems, removeSelectedItem, getDropdownProps, } = useMultipleSelection(useMultipleSelectionProps);
-    const { isOpen: open, getMenuProps, getInputProps, getItemProps, getComboboxProps, getLabelProps, highlightedIndex, toggleMenu, openMenu, } = useCombobox({
-        id,
-        isOpen: openProp,
-        circularNavigation,
-        items: flatOptions,
-        itemToString,
-        defaultHighlightedIndex: -1,
-        onIsOpenChange: ({ isOpen }) => {
-            if (onOpen) {
-                /**
-                 *  Вызываем обработчик асинхронно.
-                 *
-                 * Иначе при клике вне открытого селекта сначала сработает onOpen, который закроет селект,
-                 * А затем сработает onClick кнопки открытия\закрытия с open=false и в итоге селект откроется снова.
-                 */
-                setTimeout(() => {
-                    onOpen({
-                        open: isOpen,
-                        name,
-                    });
-                }, 0);
-            }
-            if (showSearch) {
-                if (isOpen) {
-                    setTimeout(() => {
-                        searchRef.current?.focus();
-                        // BottomSheet transition duration
-                    }, 500);
-                }
-                else {
-                    setSearch?.('');
-                }
-            }
-        },
-        stateReducer: (state, actionAndChanges) => {
-            const { type, changes } = actionAndChanges;
-            const { selectedItem } = changes;
-            switch (type) {
-                case useCombobox.stateChangeTypes.InputBlur:
-                    return state;
-                case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case useCombobox.stateChangeTypes.ItemClick:
-                    initiatorRef.current = selectedItem;
-                    if (selectedItem && !selectedItem.disabled && !alreadyClickedRef.current) {
-                        // TODO!!! Проблема downshift + React 18. ItemClick срабатывает дважды. См https://github.com/downshift-js/downshift/issues/1384
-                        if (React.version.indexOf('18') === 0) {
-                            alreadyClickedRef.current = true;
-                            setTimeout(() => {
-                                alreadyClickedRef.current = false;
-                            });
-                        }
-                        const alreadySelected = selectedItems.includes(selectedItem);
-                        const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
-                        if (alreadySelected && allowRemove) {
-                            if (multiple) {
-                                removeSelectedItem(selectedItem);
-                            }
-                            else {
-                                setSelectedItems([]);
-                            }
-                        }
-                        if (!alreadySelected) {
-                            if (multiple) {
-                                addSelectedItem(selectedItem);
-                            }
-                            else {
-                                setSelectedItems([selectedItem]);
-                            }
-                        }
-                    }
-                    return {
-                        ...changes,
-                        isOpen: !closeOnSelect || multiple,
-                        // при closeOnSelect === false - сохраняем подсвеченный индекс
-                        highlightedIndex: state.isOpen && !closeOnSelect
-                            ? state.highlightedIndex
-                            : changes.highlightedIndex,
-                    };
-                default:
-                    return changes;
-            }
-        },
-    });
-    const menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
-    const inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));
-    const handleFieldFocus = (event) => {
-        if (onFocus)
-            onFocus(event);
-        if (autocomplete && !open) {
-            openMenu();
-        }
-    };
-    const handleFieldBlur = (event) => {
-        if (!open && onBlur)
-            onBlur(event);
-    };
-    const handleFieldKeyDown = (event) => {
-        inputProps.onKeyDown(event);
-        // https://caniuse.com/?search=KeyboardEvent.key
-        const isKeyUnsupported = event.key === 'Unidentified';
-        if (autocomplete &&
-            !open &&
-            (isKeyUnsupported || event.key.length === 1 || event.key === 'Backspace')) {
-            // Для автокомплита - открываем меню при начале ввода
-            openMenu();
-        }
-        if ([' ', 'Enter'].includes(event.key) &&
-            !autocomplete &&
-            event.target.tagName !== 'INPUT' &&
-            event.target.tagName !== 'BUTTON') {
-            // Открываем\закрываем меню по нажатию enter или пробела
-            event.preventDefault();
-            if (!open || highlightedIndex === -1)
-                toggleMenu();
-        }
-    };
-    const handleFieldClick = (event) => {
-        if (!autocomplete || event.target.tagName !== 'INPUT') {
-            toggleMenu();
-        }
-        else {
-            openMenu();
-        }
-    };
-    const getOptionProps = (option, index) => {
-        const selectedItem = selectedItems.some(({ key }) => key === option.key);
-        return {
-            ...optionProps,
-            mobile: true,
-            className: cn(styles.option, optionClassName),
-            innerProps: getItemProps({
-                index,
-                item: option,
-                disabled: option.disabled,
-                onMouseDown: (event) => event.preventDefault(),
-            }),
-            multiple,
-            index,
-            option,
-            size: optionsSize,
-            disabled: option.disabled,
-            highlighted: index === highlightedIndex,
-            selected: selectedItem,
-            dataTestId: getDataTestId(dataTestId, 'option'),
-        };
-    };
-    useEffect(() => {
-        if (defaultOpen)
-            openMenu();
-    }, [defaultOpen, openMenu]);
-    useEffect(() => {
-        if (openProp) {
-            openMenu();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const handleClose = () => {
-        toggleMenu();
-    };
-    const renderValue = () => selectedItems.map((option) => (React.createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key })));
-    const renderSearch = () => showSearch && (React.createElement(Search$1, { ...searchProps?.componentProps, value: search, onChange: (_, payload) => setSearch?.(payload.value), dataTestId: getDataTestId(dataTestId, 'search'), onClear: () => setSearch?.(''), className: styles.search, ref: searchRef }));
-    const { emptyPlaceholder } = optionsListProps;
-    const renderEmptyPlaceholder = () => {
-        if (emptyPlaceholder) {
-            return emptyPlaceholder;
-        }
-        if (showSearch) {
-            return React.createElement("div", { className: styles.emptySearchPlaceholder }, "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0448\u043B\u043E\u0441\u044C");
-        }
-        return undefined;
-    };
-    const renderOptionsList = () => {
-        if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
-            return null;
-        return (React.createElement("div", { ...menuProps, className: cn(styles.optionsListWrapper, optionsListClassName) },
-            React.createElement(OptionsList$1, { ...optionsListProps, ref: scrollableContainerRef, className: styles.optionsList, scrollbarClassName: styles.scrollbar, optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: 0, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), emptyPlaceholder: renderEmptyPlaceholder() })));
-    };
-    return (React.createElement("div", { ...getComboboxProps({
-            ref: rootRef,
-            ...(disabled && { 'aria-disabled': true }),
-            className: cn(styles.component, { [styles.block]: block }, className),
-        }), onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) },
-        React.createElement(Field$1, { selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React.createElement("span", { ...getLabelProps() }, label), labelView: labelView, Arrow: Arrow$1 && React.createElement(Arrow$1, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
-                onBlur: handleFieldBlur,
-                onFocus: disabled ? undefined : handleFieldFocus,
-                onClick: disabled ? undefined : handleFieldClick,
-                tabIndex: disabled ? -1 : 0,
-                ref: mergeRefs([inputProps.ref]),
-                id: inputProps.id,
-                'aria-labelledby': inputProps['aria-labelledby'],
-                'aria-controls': inputProps['aria-controls'],
-                'aria-autocomplete': autocomplete
-                    ? inputProps['aria-autocomplete']
-                    : undefined,
-            }, dataTestId: getDataTestId(dataTestId, 'field'), ...fieldProps }),
-        name && renderValue(),
-        isBottomSheet ? (React.createElement(BottomSheet, { open: open, onClose: handleClose, className: styles.sheet, contentClassName: styles.sheetContent, containerClassName: styles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, scrollableContainerRef: scrollableContainerRef, initialHeight: showSearch ? 'full' : 'default', ...bottomSheetProps, bottomAddons: React.createElement(React.Fragment, null,
-                renderSearch(),
-                bottomSheetProps?.bottomAddons) }, renderOptionsList())) : (React.createElement(ModalMobile, { open: open, hasCloser: true, ...modalProps, onClose: (...args) => {
-                handleClose();
-                modalProps?.onClose?.(...args);
-            }, contentClassName: cn(styles.sheetContent, modalProps?.contentClassName), ref: mergeRefs([
-                scrollableContainerRef,
-                modalProps?.ref,
-            ]) },
-            React.createElement(ModalMobile.Header, { hasCloser: true, sticky: true, ...modalHeaderProps, title: undefined, bottomAddons: React.createElement(React.Fragment, null,
-                    renderSearch(),
-                    modalHeaderProps?.bottomAddons) }, modalHeaderProps?.title || label || placeholder),
-            React.createElement(ModalMobile.Content, { flex: true, className: styles.modalContent }, renderOptionsList()),
-            modalFooterProps?.children && React.createElement(ModalMobile.Footer, { ...modalFooterProps })))));
-});
-
-export { BaseSelectMobile };

package/modern/components/base-select-mobile/footer/Component.d.ts

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

package/modern/components/base-select-mobile/footer/index.d.ts

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

package/modern/components/base-select-mobile/index.d.ts

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

package/modern/components/base-select-mobile/index.js

@@ -1,27 +0,0 @@
-export { BaseSelectMobile } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import 'downshift';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-modal/modern/mobile';
-import '@alfalab/core-components-shared/modern';
-import '../../utils.js';
-import '../arrow/Component.js';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../field/Component.js';
-import '@alfalab/hooks';
-import '../optgroup/Component.js';
-import '../option/Component.js';
-import '../checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../checkmark-mobile/Component.js';
-import '../options-list/Component.js';
-import '@alfalab/core-components-scrollbar/modern';
-import '../../consts.js';
-import '../search/Component.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';

package/modern/desktop-69921c40.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { CommonButtonProps } from "./typings-89f0cb07";
-declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktop };
-export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/modern/desktop.d.ts

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

package/modern/index-ebda875c.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export * from "./Component-89f0cb07";

package/modern/mobile-96988a65.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile-ebda875c";
-export {};

package/modern/mobile.d.ts

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

package/modern/mobile.js

@@ -1,39 +0,0 @@
-export { SelectMobile } from './Component.mobile.js';
-export { SelectModalMobile } from './Component.modal.mobile.js';
-import 'react';
-import '@alfalab/core-components-form-control/modern/mobile';
-import './components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './components/base-select-mobile/Component.js';
-import 'react-merge-refs';
-import 'downshift';
-import '@alfalab/core-components-bottom-sheet/modern';
-import '@alfalab/core-components-modal/modern/mobile';
-import '@alfalab/core-components-shared/modern';
-import './utils.js';
-import './components/field/Component.js';
-import '@alfalab/hooks';
-import './components/optgroup/Component.js';
-import './components/option/Component.js';
-import './components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './components/checkmark-mobile/Component.js';
-import './components/options-list/Component.js';
-import '@alfalab/core-components-scrollbar/modern';
-import './consts.js';
-import './components/search/Component.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import './components/base-select-mobile/footer/Component.js';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-button/modern/mobile';
-import './components/virtual-options-list/Component.js';
-import 'react-virtual';
-import './hook-5e1db0b0.js';
-import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/modern/shared.d.ts

@@ -1,5 +0,0 @@
-export * from "./components/index";
-export * from "./presets/index";
-export * from "./typings";
-export * from "./utils";
-export type { AdditionalMobileProps } from "./Component.mobile";

package/modern/shared.js

@@ -1,40 +0,0 @@
-export { Arrow } from './components/arrow/Component.js';
-export { BaseSelect } from './components/base-select/Component.js';
-export { Field } from './components/field/Component.js';
-export { Optgroup } from './components/optgroup/Component.js';
-export { Option } from './components/option/Component.js';
-export { OptionsList } from './components/options-list/Component.js';
-export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-export { BaseOption } from './components/base-option/Component.js';
-export { Search } from './components/search/Component.js';
-export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-export { useLazyLoading } from './presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-5e1db0b0.js';
-export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
-import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'downshift';
-import '@alfalab/core-components-popover/modern';
-import '@alfalab/core-components-shared/modern';
-import '@alfalab/hooks';
-import './components/native-select/Component.js';
-import './components/checkmark/Component.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './components/checkmark-mobile/Component.js';
-import '@alfalab/core-components-scrollbar/modern';
-import './consts.js';
-import 'react-virtual';
-import './components/base-checkmark/Component.js';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '@alfalab/core-components-skeleton/modern';
-import 'intersection-observer';
-import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '@alfalab/core-components-button/modern/desktop';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/modern/typings-89f0cb07.d.ts

@@ -1,93 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type ComponentProps = {
-    /**
-     * Тип кнопки
-     * @default secondary
-     */
-    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Размер компонента
-     * @default m
-     */
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
-    /**
-     * Растягивает компонент на ширину контейнера
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для спиннера
-     */
-    spinnerClassName?: string;
-    /**
-     * Выводит ссылку в виде кнопки
-     */
-    href?: string;
-    /**
-     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
-     */
-    Component?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Показать лоадер
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Не переносить текст кнопки на новую строку
-     * @default false
-     */
-    nowrap?: boolean;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-type PrivateButtonProps = {
-    /**
-     * Основные стили компонента.
-     */
-    styles: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStylesMap: StyleColors;
-};
-type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
-type ButtonProps = CommonButtonProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/modern/typings-baf4875b.d.ts

@@ -1,52 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-type ModalDesktopProps = BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default "m"
-     */
-    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
-    fullscreen?: boolean;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
-    fixedPosition?: boolean;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
-type ModalResponsiveProps = ModalDesktopProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type View = 'desktop' | 'mobile';
-type TResponsiveModalContext = {
-    view: View;
-    size: NonNullable<ModalDesktopProps['size']>;
-};
-type ContentProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Растягивает контент на всю высоту
-     */
-    flex?: boolean;
-};
-export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/shared.d.ts

@@ -1,5 +0,0 @@
-export * from "./components/index";
-export * from "./presets/index";
-export * from "./typings";
-export * from "./utils";
-export type { AdditionalMobileProps } from "./Component.mobile";