@alfalab/core-components-tabs 8.1.6 → 8.2.0

package/cssm/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/cssm/typings-bdb4c6b9.d.ts

@@ -1,52 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseModalProps } from "./index-bdb4c6b9";
-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/cssm/useSkeleton-ebda875c.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TextSkeletonProps } from "./types-1b036d4b";
-type SkeletonProps = {
-    wrapperClassName?: string;
-    dataTestId?: string;
-};
-declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
-    renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
-    textRef: React.RefObject<HTMLElement>;
-};
-export { useSkeleton };

package/cssm/utils-0f4b9bed.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
-declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
-declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
-declare const joinOptions: ({ selected, selectedMultiple, }: {
-    selected?: OptionShape | undefined;
-    selectedMultiple?: OptionShape[] | undefined;
-}) => ReactNode[] | null;
-declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected'], filterFn?: (option: OptionShape) => boolean): {
-    filteredOptions: (OptionShape | GroupShape)[];
-    flatOptions: OptionShape[];
-    selectedOptions: OptionShape[];
-};
-type useVisibleOptionsArgs = {
-    /**
-     * Количество видимых пунктов
-     */
-    visibleOptions: number;
-    /**
-     * Реф на контейнер с пунтами меню
-     */
-    listRef: RefObject<HTMLElement>;
-    /**
-     * Реф на контейнер, которому нужно установить высоту
-     */
-    styleTargetRef?: RefObject<HTMLElement>;
-    /**
-     * Флаг открытия меню
-     */
-    open?: boolean;
-    /**
-     * Позволяет вызвать пересчет высоты
-     */
-    invalidate?: unknown;
-};
-declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
-declare function defaultFilterFn(optionText: string, search: string): boolean;
-declare function defaultAccessor(option: OptionShape): string;
-declare function usePrevious<T>(value: T): T | undefined;
-declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };

package/cssm/utils-1574ad8b.d.ts

@@ -1,29 +0,0 @@
-type SavedStyle = {
-    value: string;
-    key: string;
-    el: HTMLElement;
-};
-type RestoreStyle = {
-    container: HTMLElement;
-    modals: number;
-    styles: SavedStyle[];
-};
-declare class ModalStore {
-    private readonly restoreStyles;
-    constructor();
-    getRestoreStyles: () => RestoreStyle[];
-}
-declare const getModalStore: () => ModalStore;
-declare class GlobalStore {
-    private readonly modalStore;
-    constructor();
-    getModalStore: () => ModalStore;
-}
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const getScrollbarSize: () => number;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
-export type { SavedStyle };
-export { getModalStore, GlobalStore, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer };

package/desktop-89f0cb07.d.ts

@@ -1,2 +0,0 @@
-export { ButtonDesktop } from "./Component.desktop-0aa4e915";
-export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/desktop.d.ts

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

package/desktop.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_primaryTablist_Component_desktop = require('./components/primary-tablist/Component.desktop.js');
-var components_secondaryTablist_Component_desktop = require('./components/secondary-tablist/Component.desktop.js');
-var components_tab_Component = require('./components/tab/Component.js');
-var components_tabs_Component_desktop = require('./components/tabs/Component.desktop.js');
-require('tslib');
-require('react');
-require('./components/primary-tablist/Component.js');
-require('@juggle/resize-observer');
-require('classnames');
-require('@alfalab/core-components-keyboard-focusable');
-require('@alfalab/core-components-shared');
-require('./hooks/use-tabs.js');
-require('./components/scrollable-container/Component.js');
-require('compute-scroll-into-view');
-require('./components/scroll-controls/Component.js');
-require('lodash.debounce');
-require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/ChevronLeftMIcon');
-require('@alfalab/icons-glyph/ChevronRightMIcon');
-require('./components/scroll-controls/utils.js');
-require('./components/title/Component.js');
-require('./index.module-5f6b14c2.js');
-require('@alfalab/core-components-tag/desktop');
-require('./components/secondary-tablist/Component.js');
-require('./index.module-e4f107c7.js');
-require('./components/tabs/Component.js');
-
-
-
-exports.PrimaryTabListDesktop = components_primaryTablist_Component_desktop.PrimaryTabListDesktop;
-exports.SecondaryTabListDesktop = components_secondaryTablist_Component_desktop.SecondaryTabListDesktop;
-exports.Tab = components_tab_Component.Tab;
-exports.TabsDesktop = components_tabs_Component_desktop.TabsDesktop;

package/esm/Component-0f4b9bed.d.ts

@@ -1,100 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
-import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-0f4b9bed";
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-};
-declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
-    Footer: React.FC<FooterProps>;
-};
-declare const Content: FC<ContentProps>;
-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<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
-    /**
-     *  Дополнительные пропсы шапки модалки
-     */
-    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
-    /**
-     *  Дополнительные пропсы футера модалки
-     */
-    modalFooterProps?: Partial<FooterProps> | undefined;
-} & React.RefAttributes<unknown>>;
-export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
-export { ModalMobileProps } from "./typings-bdb4c6b9";

package/esm/Component-4cd3936b.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC, SVGProps } from "react";
-import { OptionShape } from "./shared-4cd3936b";
-import { OptionProps as BaseOptionProps } from "./shared-4cd3936b";
-type OptionProps = Omit<BaseOptionProps, 'option'> & {
-    option: OptionShape & {
-        icon?: FC<SVGProps<SVGSVGElement>>;
-    };
-};
-declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
-export { Option };

package/esm/Component-69921c40.d.ts

@@ -1,184 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative",
-    "static-primary-light",
-    "static-secondary-light",
-    "static-tertiary-light",
-    "static-primary-dark",
-    "static-secondary-dark",
-    "static-tertiary-dark",
-    "static-accent"
-];
-type Color = (typeof colors)[number];
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps$0, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system";
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
-declare const TitleResponsive: FC<TitleProps>;
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: 'mobile' | 'desktop';
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
-export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
-export type { TitleProps, TextProps, Color };
-export * from "./useSkeleton-ebda875c";

package/esm/Component-89f0cb07.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
-type SpinnerProps = {
-    /**
-     * Управление видимостью компонента
-     */
-    visible?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "xs" | "s" | "m";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор компонента в DOM
-     */
-    id?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Палитра, в контексте которой используется спиннер
-     */
-    colors?: "default" | "inverted";
-};
-declare const Spinner: FC<SpinnerProps>;
-/**
- * Минимальное время отображения лоадера - 500мс,
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
- */
-declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/esm/Component-8b2c2707.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, SVGProps } from "react";
-import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
-import { ButtonProps } from "./index-8b2c2707";
-import { FieldProps as BaseFieldProps } from "./typings-0f4b9bed";
-declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
-type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
-    buttonSize?: PickerButtonSize;
-    buttonVariant?: PickerButtonVariant;
-    showArrow?: boolean;
-};
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => React.JSX.Element;
-export { getIcon, Field };

package/esm/Component-bdb4c6b9.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { View } from "./typings-bdb4c6b9";
-declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
-    fullscreen?: boolean | undefined;
-    fixedPosition?: boolean | undefined;
-    hasCloser?: boolean | undefined;
-} & {
-    view: View;
-} & React.RefAttributes<HTMLDivElement>>;
-export { Modal };

package/esm/Component-c76d6398.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { NavigationBarProps } from "./index-c76d6398";
-type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

package/esm/Component-ebda875c.d.ts

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

package/esm/Component.desktop-0aa4e915.d.ts

@@ -1,5 +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 };