@alfalab/core-components-tabs 7.7.1 → 8.0.0

package/esm/responsive.d.ts

@@ -1,8 +0,0 @@
-export * from "./components/primary-tablist/Component.responsive";
-export * from "./components/scrollable-container/index";
-export * from "./components/secondary-tablist/Component.responsive";
-export * from "./components/tab/index";
-export * from "./components/tabs/Component.responsive";
-export * from "./hooks/use-tabs";
-export * from "./hooks/use-collapsible-elements";
-export * from "./typings";

package/esm/responsive.js

@@ -1,29 +0,0 @@
-export { PrimaryTabListResponsive } from './components/primary-tablist/Component.responsive.js';
-export { ScrollableContainer } from './components/scrollable-container/Component.js';
-export { SecondaryTabListResponsive } from './components/secondary-tablist/Component.responsive.js';
-export { Tab } from './components/tab/Component.js';
-export { TabsResponsive } from './components/tabs/Component.responsive.js';
-export { useTabs } from './hooks/use-tabs.js';
-export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
-import 'tslib';
-import 'react';
-import '@alfalab/hooks';
-import './components/primary-tablist/Component.desktop.js';
-import './components/primary-tablist/Component.js';
-import 'classnames';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/core-components-picker-button/esm/desktop';
-import './hooks/use-tablist-titles.js';
-import './synthetic-events.js';
-import './components/title/Component.js';
-import './index.module-a8ec81ea.js';
-import './components/primary-tablist/Component.mobile.js';
-import 'compute-scroll-into-view';
-import './components/secondary-tablist/Component.desktop.js';
-import './components/secondary-tablist/Component.js';
-import '@alfalab/core-components-tag/esm';
-import './index.module-09cc006f.js';
-import './components/secondary-tablist/Component.mobile.js';
-import './components/tabs/Component.js';
-import '@juggle/resize-observer';

package/esm/types-ebda875c.d.ts

@@ -1,113 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-import { CloserProps } from "./index-ebda875c";
-type NavigationBarProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Подзаголовок (доступен только в мобильной версии)
-     */
-    subtitle?: string;
-    /**
-     * Размер заголовка (compact доступен только в мобильной версии)
-     */
-    titleSize?: 'default' | 'compact';
-    /**
-     * Доп. класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Дополнительный класс для closer
-     */
-    closerClassName?: string;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие кнопки "Назад"
-     */
-    hasBackButton?: boolean;
-    /**
-     * Дополнительный класс для правого аддона
-     */
-    backButtonClassName?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительный класс для нижнего аддона
-     */
-    bottomAddonsClassName?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: 'left' | 'center';
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Фоновое изображение
-     */
-    imageUrl?: string;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: React.ElementType;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: CloserProps['onClose'];
-    /**
-     * обработчик клика по кнопке "назад"
-     */
-    onBack?: () => void;
-    /**
-     * Вид шапки - мобильный или десктоп
-     */
-    view: 'desktop' | 'mobile';
-    /**
-     * Ссылка на родительскую ноду overflow: auto
-     */
-    scrollableParentRef?: React.RefObject<HTMLDivElement>;
-};
-type ContentParams = {
-    extraClassName?: string;
-    wrapperRef?: React.RefObject<HTMLDivElement>;
-    style?: React.CSSProperties;
-    hidden?: boolean;
-};
-export { NavigationBarProps, ContentParams };

package/esm/types-fae20163.d.ts

@@ -1,227 +0,0 @@
-/// <reference types="react-transition-group" />
-import { HTMLAttributes, ReactNode, RefObject } from 'react';
-import { TransitionProps } from 'react-transition-group/Transition';
-import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-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 BorderColorType = "accent" | "key" | "key-inverted" | "link" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "underline" | "underline-inverted" | "graphic-attention" | "graphic-link" | "graphic-negative" | "graphic-positive" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
-type GraphicColorType = "accent" | "link" | "attention" | "positive" | "negative" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "static-light" | "static-accent" | "static-dark";
-type ShadowType = "shadow-xs" | "shadow-s" | "shadow-m" | "shadow-l" | "shadow-xl" | "shadow-xs-hard" | "shadow-s-hard" | "shadow-m-hard" | "shadow-l-hard" | "shadow-xl-hard" | "shadow-xs-up" | "shadow-s-up" | "shadow-m-up" | "shadow-l-up" | "shadow-xl-up" | "shadow-xs-hard-up" | "shadow-s-hard-up" | "shadow-m-hard-up" | "shadow-l-hard-up" | "shadow-xl-hard-up";
-type GapType = "3xs" | "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl";
-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;
-    /**
-     * TransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Будет ли свайпаться шторка
-     * @default true
-     */
-    swipeable?: boolean;
-    /**
-     * Слот слева
-     */
-    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;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-    /**
-     * Вызывается после притягивания к одной из `magneticAreas`
-     */
-    onMagnetize?: (index: number) => void;
-};
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };

package/esm/utils-b64479aa.d.ts

@@ -1,8 +0,0 @@
-declare const TIMEOUT = 500;
-declare const SWIPE_VELOCITY = 0.4;
-declare const MARKER_HEIGHT = 24;
-declare const HEADER_OFFSET = 24;
-declare const CLOSE_OFFSET = 0.2;
-declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };

package/index-2aef4eba.d.ts

@@ -1,5 +0,0 @@
-export * from "./Component.responsive-2aef4eba";
-export { PickerButtonResponsive as PickerButton };
-export type { PickerButtonResponsiveProps as PickerButtonProps };
-export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-2aef4eba";
-export { getIcon } from "./index-701e77da";

package/index-3885b0d7.d.ts

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-export { isClient };
-export * from "./hooks/use-tabs";

package/index-3ebe4754.d.ts

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

package/index-701e77da.d.ts

@@ -1,4 +0,0 @@
-import { FC, SVGProps } from 'react';
-import { PickerButtonSize, PickerButtonVariant } from "./index-2aef4eba";
-declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
-export { getIcon };

package/index.module-489cc8bc.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_ibntg","fullWidthScroll":"tabs__fullWidthScroll_ibntg","container":"tabs__container_ibntg","title":"tabs__title_ibntg","disabled":"tabs__disabled_ibntg","focused":"tabs__focused_ibntg","collapsed":"tabs__collapsed_ibntg","selected":"tabs__selected_ibntg","line":"tabs__line_ibntg","s":"tabs__s_ibntg","xs":"tabs__xs_ibntg","xxs":"tabs__xxs_ibntg","pickerWrapper":"tabs__pickerWrapper_ibntg","option":"tabs__option_ibntg","m":"tabs__m_ibntg","l":"tabs__l_ibntg","xl":"tabs__xl_ibntg","rightAddons":"tabs__rightAddons_ibntg"};
-require('./components/primary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/index.module-728b55ca.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_ot1u0","fullWidthScroll":"tabs__fullWidthScroll_ot1u0","container":"tabs__container_ot1u0","title":"tabs__title_ot1u0","xxs":"tabs__xxs_ot1u0","xs":"tabs__xs_ot1u0","s":"tabs__s_ot1u0","m":"tabs__m_ot1u0","l":"tabs__l_ot1u0","xl":"tabs__xl_ot1u0"};
-require('./components/secondary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/modern/Component-2aef4eba.d.ts

@@ -1,50 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC, SVGProps } from "react";
-import { ButtonProps } from "./index-ebda875c";
-import { BaseSelectProps } from "./index-3e68f8db";
-type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
-type PickerButtonVariant = 'default' | 'compact';
-type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
-    options: Array<BaseSelectProps['options'][0] & {
-        /**
-         * Иконка, отображающаяся слева от текстового представления пункта
-         */
-        icon?: FC<SVGProps<SVGSVGElement>>;
-    }>;
-    /**
-     * Размер кнопки
-     */
-    size?: PickerButtonSize;
-    /**
-     * Тип кнопки
-     */
-    variant?: PickerButtonVariant;
-    /**
-     * Показывать стрелку
-     * @default true
-     */
-    showArrow?: boolean;
-};
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
-    options: Array<BaseSelectProps['options'][0] & {
-        /**
-         * Иконка, отображающаяся слева от текстового представления пункта
-         */
-        icon?: FC<SVGProps<SVGSVGElement>>;
-    }>;
-    /**
-     * Размер кнопки
-     */
-    size?: PickerButtonSize | undefined;
-    /**
-     * Тип кнопки
-     */
-    variant?: PickerButtonVariant | undefined;
-    /**
-     * Показывать стрелку
-     * @default true
-     */
-    showArrow?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/modern/Component-3885b0d7.d.ts

@@ -1,71 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-5e1b8383";
-type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
-    /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
-     */
-    footer?: ReactNode;
-    /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
-     */
-    swipeable?: boolean;
-    /**
-     * Отображать в BottomSheet
-     */
-    isBottomSheet?: boolean;
-    /**
-     * Дополнительные пропсы шторки
-     */
-    bottomSheetProps?: Partial<BottomSheetProps>;
-    /**
-     *  Дополнительные пропсы модалки
-     */
-    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
-    /**
-     *  Дополнительные пропсы шапки модалки
-     */
-    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
-    /**
-     *  Дополнительные пропсы футера модалки
-     */
-    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
-};
-declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
-    /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
-     */
-    footer?: ReactNode;
-    /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
-     */
-    swipeable?: boolean | undefined;
-    /**
-     * Отображать в BottomSheet
-     */
-    isBottomSheet?: boolean | undefined;
-    /**
-     * Дополнительные пропсы шторки
-     */
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
-    /**
-     *  Дополнительные пропсы модалки
-     */
-    modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
-    /**
-     *  Дополнительные пропсы шапки модалки
-     */
-    modalHeaderProps?: Partial<import("./Component-5e1b8383").HeaderProps> | undefined;
-    /**
-     *  Дополнительные пропсы футера модалки
-     */
-    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
-} & React.RefAttributes<unknown>>;
-export * from "./Component.mobile-b2c0420d";
-export { SelectMobileProps, BaseSelectMobile };