@alfalab/core-components-tabs 8.1.6 → 8.2.0

package/modern/index-ebda875c.d.ts

@@ -1,105 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react-transition-group" />
-import React from "react";
-import { ButtonHTMLAttributes, ReactNode, RefObject } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseTagProps = Omit<NativeProps, "onClick"> & {
-    /**
-     * Отображение кнопки в отмеченном (зажатом) состоянии
-     */
-    checked?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс для обёртки children
-     */
-    childrenClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Обработчик нажатия
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void;
-    /**
-     * ref на children
-     */
-    childrenRef?: RefObject<HTMLSpanElement>;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Используйте props shape и view
-     * Вариант тега
-     */
-    variant?: "default" | "alt";
-    /**
-     * Форма тега
-     */
-    shape?: "rounded" | "rectangular";
-    /**
-     * Стиль тега
-     */
-    view?: "outlined" | "filled";
-    /**
-     * Основные стили компонента.
-     */
-    styles?: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStylesMap?: StyleColors;
-};
-declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick"> & {
-    checked?: boolean | undefined;
-    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
-    children?: ReactNode;
-    childrenClassName?: string | undefined;
-    leftAddons?: ReactNode;
-    rightAddons?: ReactNode;
-    dataTestId?: string | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void) | undefined;
-    childrenRef?: React.RefObject<HTMLSpanElement> | undefined;
-    colors?: "default" | "inverted" | undefined;
-    variant?: "default" | "alt" | undefined;
-    shape?: "rounded" | "rectangular" | undefined;
-    view?: "outlined" | "filled" | undefined;
-    styles?: {
-        [key: string]: string;
-    } | undefined;
-    colorStylesMap?: StyleColors | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { StyleColors, NativeProps, BaseTagProps, BaseTag };

package/modern/index-f12ee135.d.ts

@@ -1,324 +0,0 @@
-/// <reference types="react-transition-group" />
-/// <reference types="react" />
-import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC } from "react";
-import { HandledEvents } from "react-swipeable/es/types";
-import { TransitionProps } from "react-transition-group/Transition";
-import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-c76d6398";
-import { SwipeableHandlers } from "react-swipeable";
-import { BackdropProps } from "./index-ebda875c";
-type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
-type BottomSheetTitleAlign = "center" | "left";
-type BottomSheetProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps["titleSize"];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps["subtitle"];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps["container"];
-    /**
-     * Рендерить ли в контейнер через портал.
-     */
-    usePortal?: BaseModalProps["usePortal"];
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на контейнер.
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Дополнительный класс
-     */
-    containerClassName?: string;
-    /**
-     * Цвет фона
-     */
-    backgroundColor?: Extract<BackgroundColorType, "primary" | "secondary">;
-    /**
-     * Дополнительный класс шапки
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс футера
-     */
-    footerClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для компонента крестика
-     */
-    closerClassName?: string;
-    /**
-     * Дополнительный класс для компонента стрелки назад
-     */
-    backerClassName?: string;
-    /**
-     * Дополнительный класс для компонента модального окна
-     */
-    modalClassName?: string;
-    /**
-     * Дополнительный класс для обертки модального окна
-     */
-    modalWrapperClassName?: string;
-    /**
-     * Дополнительный класс для маркера
-     */
-    swipeableMarkerClassName?: string;
-    /**
-     * Кастомный маркер
-     */
-    swipeableMarker?: ReactElement;
-    /**
-     * TransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Будет ли свайпаться шторка
-     * @default true
-     */
-    swipeable?: boolean;
-    /**
-     * Будет ли свайпаться контент
-     */
-    swipeableContent?: boolean;
-    /**
-     * Порог свайпа
-     */
-    swipeThreshold?: number;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие компонента стрелки назад
-     */
-    hasBacker?: boolean;
-    /**
-     * Выравнивание заголовка
-     */
-    titleAlign?: BottomSheetTitleAlign;
-    /**
-     * Фиксирует шапку
-     */
-    stickyHeader?: boolean;
-    /**
-     * Фиксирует футер
-     */
-    stickyFooter?: boolean;
-    /**
-     * Высота шторки
-     */
-    initialHeight?: "default" | "full";
-    /**
-     * Будет ли виден оверлэй
-     */
-    hideOverlay?: boolean;
-    /**
-     * Будет ли видна шапка
-     */
-    hideHeader?: boolean;
-    /**
-     * Будет ли обрезан заголовок
-     */
-    trimTitle?: boolean;
-    /**
-     * Запретить закрытие шторки кликом на оверлэй
-     */
-    disableOverlayClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * Отключает ловушку фокуса
-     */
-    disableFocusLock?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Не анимировать шторку при изменении размера вьюпорта
-     */
-    ignoreScreenChange?: boolean;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: BaseModalProps["backdropProps"];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Реф для управления компонентом.
-     */
-    bottomSheetInstanceRef?: RefObject<{
-        scrollToArea: (idx: number) => void;
-    }>;
-    /**
-     * Реф на контейнер, в котором находится шторка
-     */
-    sheetContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Магнитные области видимой высоты шторки.
-     * Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
-     * По-умолчанию -[0, window.innerHeight - '24px']
-     * массив должен состоять минимум из 2 элементов
-     */
-    magneticAreas?: Array<number | string>;
-    /**
-     * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
-     */
-    initialActiveAreaIndex?: number;
-    /**
-     * Отключает скролл контентной области.
-     */
-    scrollLocked?: boolean;
-    /**
-     * Скрыть скроллбар внутри шторки
-     */
-    hideScrollbar?: boolean;
-    /**
-     * Верхний отступ шторки, если она открыта на максимальную высоту
-     */
-    headerOffset?: number;
-    /**
-     * Содержимое bottom-sheet всегда в DOM
-     */
-    keepMounted?: boolean;
-    /**
-     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
-     */
-    disableRestoreFocus?: boolean;
-    /**
-     * Отключает вызов `onClose` при нажатии Escape
-     */
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-    /**
-     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
-     */
-    onMagnetize?: (index: number) => void;
-    /**
-     * Вызывается после окончания анимации притягивания
-     */
-    onMagnetizeEnd?: (index: number) => void;
-    /**
-     * Вызывается при изменении положения шторки
-     */
-    onOffsetChange?: (offset: number, percent: number) => void;
-    /**
-     * Вызывается в начале свайпа
-     */
-    onSwipeStart?: (event: HandledEvents) => void;
-    /**
-     * Вызывается после окончания свайпа
-     */
-    onSwipeEnd?: (event: HandledEvents | null) => void;
-};
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-declare const TIMEOUT = 500;
-declare const SWIPE_VELOCITY = 0.4;
-declare const MARKER_HEIGHT = 24;
-declare const CLOSE_OFFSET = 0.2;
-declare const SCROLL_OFFSET = 1;
-declare const HEADER_OFFSET = 24;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-};
-declare const Footer: FC<FooterProps>;
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-    headerOffset: number;
-};
-declare const Header: FC<HeaderProps>;
-type SwipeableBackdropProps = BackdropProps & {
-    /**
-     * Прозрачность бэкдропа
-     */
-    opacity?: number;
-    /**
-     * Обработчики свайпа
-     */
-    handlers?: SwipeableHandlers;
-    /**
-     * Время анимации opacity
-     */
-    opacityTimeout?: number;
-};
-declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop };
-export type { BottomSheetProps, BottomSheetTitleAlign };

package/modern/index.module-5e57388f.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_u6di4","fullWidthScroll":"tabs__fullWidthScroll_u6di4","container":"tabs__container_u6di4","title":"tabs__title_u6di4","disabled":"tabs__disabled_u6di4","focused":"tabs__focused_u6di4","collapsed":"tabs__collapsed_u6di4","selected":"tabs__selected_u6di4","line":"tabs__line_u6di4","option":"tabs__option_u6di4","s":"tabs__s_u6di4","xs":"tabs__xs_u6di4","xxs":"tabs__xxs_u6di4","pickerWrapper":"tabs__pickerWrapper_u6di4","m":"tabs__m_u6di4","l":"tabs__l_u6di4","xl":"tabs__xl_u6di4","rightAddons":"tabs__rightAddons_u6di4"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };

package/modern/index.module-633b90f6.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_18whg","fullWidthScroll":"tabs__fullWidthScroll_18whg","container":"tabs__container_18whg","title":"tabs__title_18whg","xxs":"tabs__xxs_18whg","xs":"tabs__xs_18whg","s":"tabs__s_18whg","m":"tabs__m_18whg","l":"tabs__l_18whg","xl":"tabs__xl_18whg"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

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

@@ -1,2 +0,0 @@
-export { ButtonMobile } from "./Component.mobile-16b1285a";
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";

package/modern/mobile-d7e9f69d.d.ts

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

package/modern/mobile.d.ts

@@ -1,4 +0,0 @@
-export * from "./components/primary-tablist/Component.mobile";
-export * from "./components/secondary-tablist/Component.mobile";
-export * from "./components/tab/index";
-export * from "./components/tabs/Component.mobile";

package/modern/mobile.js

@@ -1,25 +0,0 @@
-export { PrimaryTabListMobile } from './components/primary-tablist/Component.mobile.js';
-export { SecondaryTabListMobile } from './components/secondary-tablist/Component.mobile.js';
-export { Tab } from './components/tab/Component.js';
-export { TabsMobile } from './components/tabs/Component.mobile.js';
-import 'react';
-import 'classnames';
-import './components/primary-tablist/Component.js';
-import '@juggle/resize-observer';
-import '@alfalab/core-components-keyboard-focusable/modern';
-import '@alfalab/core-components-shared/modern';
-import './hooks/use-tabs.js';
-import './components/scrollable-container/Component.js';
-import 'compute-scroll-into-view';
-import './components/scroll-controls/Component.js';
-import 'lodash.debounce';
-import '@alfalab/core-components-icon-button/modern';
-import '@alfalab/icons-glyph/ChevronLeftMIcon';
-import '@alfalab/icons-glyph/ChevronRightMIcon';
-import './components/scroll-controls/utils.js';
-import './components/title/Component.js';
-import './index.module-5e57388f.js';
-import '@alfalab/core-components-tag/modern/mobile';
-import './components/secondary-tablist/Component.js';
-import './index.module-633b90f6.js';
-import './components/tabs/Component.js';

package/modern/shared-4cd3936b.d.ts

@@ -1,107 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
-import { BottomSheetProps } from "./index-f12ee135";
-import { UseSelectWithApplyProps } from "./hook-8abfea97";
-// eslint-disable-next-line @typescript-eslint/naming-convention
-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;
-type OptionsFetcherResponse = {
-    options: OptionShape[];
-    hasMore: boolean;
-};
-// eslint-disable-next-line @typescript-eslint/naming-convention
-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;
-};
-type AdditionalMobileProps = {
-    /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
-     */
-    footer?: ReactNode;
-    /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
-     */
-    swipeable?: boolean;
-    /**
-     * Дополнительные пропсы шторки
-     */
-    bottomSheetProps?: Partial<BottomSheetProps>;
-    /**
-     * Показывать кнопку очистки
-     */
-    showClear?: UseSelectWithApplyProps["showClear"];
-    /**
-     * Показывать пункт "Выбрать все"
-     */
-    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
-    /**
-     * Показывать пункт "Выбрать все" в заголовке списка
-     */
-    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
-    /**
-     * Использовать ли хук useSelectWithApply
-     */
-    useWithApplyHook?: boolean;
-};
-type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-};
-declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
-export * from "./index-ebda875c";
-export * from "./Component-0f4b9bed";
-export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
-export * from "./hook-8abfea97";
-export * from "./typings-0f4b9bed";
-export * from "./utils-0f4b9bed";

package/modern/shared.d.ts

@@ -1,4 +0,0 @@
-export * from "./components/scrollable-container/index";
-export * from "./hooks/use-tabs";
-export * from "./hooks/use-collapsible-elements";
-export * from "./typings";

package/modern/types-1b036d4b.d.ts

@@ -1,13 +0,0 @@
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type WidthUnit = number | string;
-type TextSkeletonProps = {
-    /**
-     *  Кол-во строк текста
-     */
-    rows?: number;
-    /**
-     * Ширина строки
-     */
-    width?: WidthUnit | WidthUnit[];
-};
-export { TextElementType, TextSkeletonProps };

package/modern/types-4480ac4f.d.ts

@@ -1,3 +0,0 @@
-type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
-type PickerButtonVariant = 'default' | 'compact';
-export { PickerButtonSize, PickerButtonVariant };