@alfalab/core-components-tabs 7.7.1 → 8.0.0

package/modern/Component-3ebe4754.d.ts

@@ -1,176 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes, ReactNode } from "react";
-type FormControlProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Заблокированное состояние
-     */
-    disabled?: boolean;
-    /**
-     * Cостояние только для чтения
-     */
-    readOnly?: boolean;
-    /**
-     * Заполненное состояние
-     */
-    filled?: boolean;
-    /**
-     * Выбранное (фокус) состояние
-     */
-    focused?: boolean;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: 'inner' | 'outer';
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    inputWrapperClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
-    children?: ReactNode;
-};
-declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean | undefined;
-    /**
-     * Размер компонента
-     */
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted" | undefined;
-    /**
-     * Заблокированное состояние
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Cостояние только для чтения
-     */
-    readOnly?: boolean | undefined;
-    /**
-     * Заполненное состояние
-     */
-    filled?: boolean | undefined;
-    /**
-     * Выбранное (фокус) состояние
-     */
-    focused?: boolean | undefined;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: "inner" | "outer" | undefined;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
-    inputWrapperClassName?: string | undefined;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string | undefined;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
-    children?: ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/modern/Component.mobile-b2c0420d.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
-declare const Content: FC<ContentProps>;
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-};
-declare const Footer: FC<FooterProps>;
-declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-5e1b8383").HeaderProps>;
-    Footer: React.FC<FooterProps>;
-    Closer: React.FC<import("./index-e81c389f").CloserProps>;
-};
-export { Content, FooterProps, Footer, ModalMobile };

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

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-2aef4eba";
-import { ButtonProps } from "./index-ebda875c";
-type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
-type PickerButtonMatchMedia = 'desktop' | 'mobile';
-type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
-    options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
-        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./Component-2aef4eba").PickerButtonSize | undefined;
-    variant?: import("./Component-2aef4eba").PickerButtonVariant | undefined;
-    showArrow?: boolean | undefined;
-} & AdditionalMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonMobileProps, PickerButtonMobile, PickerButtonMatchMedia, PickerButtonResponsiveProps, PickerButtonResponsive };

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

@@ -1,43 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, RefObject, ReactNode } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
-import { SwipeableHandlers } from "react-swipeable";
-import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-fae20163";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-};
-declare const Footer: FC<FooterProps>;
-type SwipeableBackdropProps = BackdropProps & {
-    /**
-     * Прозрачность бэкдропа
-     */
-    opacity?: number;
-    /**
-     * Обработчики свайпа
-     */
-    handlers?: SwipeableHandlers;
-    /**
-     * Время анимации opacity
-     */
-    opacityTimeout?: number;
-};
-declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/modern/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/modern/index-3885b0d7.d.ts

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

package/modern/index-3ebe4754.d.ts

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

package/modern/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/modern/index.module-75cf2354.js

@@ -1,4 +0,0 @@
-const 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')
-
-export { commonStyles as c };

package/modern/index.module-77d8ef59.js

@@ -1,4 +0,0 @@
-const 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')
-
-export { commonStyles as c };

package/modern/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/modern/responsive.js

@@ -1,28 +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 'react';
-import '@alfalab/hooks';
-import './components/primary-tablist/Component.desktop.js';
-import './components/primary-tablist/Component.js';
-import 'classnames';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-keyboard-focusable/modern';
-import '@alfalab/core-components-picker-button/modern/desktop';
-import './hooks/use-tablist-titles.js';
-import './synthetic-events.js';
-import './components/title/Component.js';
-import './index.module-75cf2354.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/modern';
-import './index.module-77d8ef59.js';
-import './components/secondary-tablist/Component.mobile.js';
-import './components/tabs/Component.js';
-import '@juggle/resize-observer';

package/modern/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 };