@alfalab/core-components-tabs 8.1.5 → 8.2.0

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

package/cssm/Component.desktop-785df74d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-c44170fe";
-type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlDesktopProps, FormControlDesktop };

package/cssm/Component.mobile-16b1285a.d.ts

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

package/cssm/Component.mobile-d7e9f69d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-c44170fe";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };

package/cssm/Component.mobile-ebda875c.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseTagProps } from "./index-ebda875c";
-type TagMobileProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
-declare const TagMobile: React.ForwardRefExoticComponent<TagMobileProps & React.RefAttributes<HTMLButtonElement>>;
-export { TagMobileProps, TagMobile };

package/cssm/Context-bdb4c6b9.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseModalContext } from "./index-bdb4c6b9";
-declare const ModalContext: import("react").Context<BaseModalContext>;
-export { ModalContext };

package/cssm/ResponsiveContext-baf4875b.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TResponsiveModalContext } from "./typings-bdb4c6b9";
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
-export { ResponsiveContext };

package/cssm/collapsible.d.ts

@@ -1,2 +0,0 @@
-export { TabsCollapsible, TabsCollapsibleProps } from "./components/tabs/Component.collapsible";
-export * from "./components/tab/index";

package/cssm/consts-f777ba1a.d.ts

@@ -1,2 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-export { DEFAULT_VISIBLE_OPTIONS };

package/cssm/desktop-89f0cb07.d.ts

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

package/cssm/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/cssm/desktop.js

@@ -1,39 +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('classnames');
-require('@alfalab/core-components-keyboard-focusable/cssm');
-require('./hooks/use-tabs.js');
-require('@alfalab/core-components-shared/cssm');
-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/cssm');
-require('@alfalab/icons-glyph/ChevronLeftMIcon');
-require('@alfalab/icons-glyph/ChevronRightMIcon');
-require('./components/scroll-controls/utils.js');
-require('./components/scroll-controls/index.module.css');
-require('./components/scrollable-container/index.module.css');
-require('./components/title/Component.js');
-require('./components/primary-tablist/index.module.css');
-require('@alfalab/core-components-tag/cssm/desktop');
-require('./components/secondary-tablist/Component.js');
-require('./components/secondary-tablist/index.module.css');
-require('./components/tab/index.module.css');
-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/cssm/hook-8abfea97.d.ts

@@ -1,90 +0,0 @@
-/// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
-type UseSelectWithApplyProps = {
-    /**
-     * Список выбранных пунктов
-     */
-    selected: BaseSelectProps['selected'];
-    /**
-     * Список вариантов выбора
-     */
-    options: BaseSelectProps['options'];
-    /**
-     * Обработчик выбора
-     */
-    onChange: BaseSelectProps['onChange'];
-    /**
-     * Компонент выпадающего меню
-     */
-    OptionsList?: BaseSelectProps['OptionsList'];
-    /**
-     * Пропсы, которые будут прокинуты в компонент списка
-     */
-    optionsListProps?: BaseSelectProps['optionsListProps'];
-    /**
-     * Включает отображение поиска
-     */
-    showSearch?: BaseSelectProps['showSearch'];
-    /**
-     *  Настройки поиска
-     */
-    searchProps?: BaseSelectProps['searchProps'];
-    /**
-     * Показывать кнопку очистки
-     */
-    showClear?: boolean;
-    /**
-     * Показывать пункт "Выбрать все"
-     */
-    showSelectAll?: boolean;
-    /**
-     * Показывать пункт "Выбрать все" в заголовке списка
-     */
-    showHeaderWithSelectAll?: boolean;
-};
-declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
-    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
-        showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined; /**
-         * Компонент выпадающего меню
-         */
-        selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
-        Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
-        headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
-        showHeaderWithSelectAll?: boolean | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    optionsListProps: {
-        OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        showClear: boolean;
-        onClear: () => void;
-        onApply: () => void;
-        onClose: () => void;
-        selectedDraft: OptionShape[];
-        showHeaderWithSelectAll: boolean;
-        headerProps: {
-            indeterminate: boolean;
-            checked: boolean;
-            onChange: () => void;
-        };
-    };
-    allowUnselect: boolean;
-    multiple: boolean;
-    options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
-        key: string;
-        content: string;
-    })[];
-    onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
-    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
-    showSearch: boolean | undefined;
-    searchProps: {
-        value: string;
-        onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
-        componentProps?: import("./index-c44170fe").InputProps | undefined;
-        accessor?: ((option: OptionShape) => string) | undefined;
-    } | undefined;
-};
-export * from "./Component-0f4b9bed";
-export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/cssm/index-136acbb1.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { FC, ReactNode } from "react";
-/**
- * Набор констант для z-index соответствующих классов компонентов.
- * Значения выбраны по приоритету.
- */
-declare const stackingOrder: {
-    FOCUSED: number;
-    DEFAULT: number;
-    POPOVER: number;
-    MODAL: number;
-    TOAST: number;
-};
-declare const StackingContext: import("react").Context<number>;
-type StackProps = {
-    /**
-     * Render prop, в который передается функция.
-     * Функция принимает аргумент со значением z-index из текущего контекста.
-     */
-    children: (value: number) => ReactNode;
-    /**
-     * Исходное значение для z-index.
-     * @default 5
-     */
-    value?: number;
-};
-declare const Stack: FC<StackProps>;
-export { stackingOrder, StackingContext, StackProps, Stack };

package/cssm/index-8b2c2707.d.ts

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

package/cssm/index-bdb4c6b9.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component-ebda875c";
-export * from "./utils-1574ad8b";

package/cssm/index-c44170fe.d.ts

@@ -1,131 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { HTMLAttributes, ReactNode } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type BaseFormControlProps = 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;
-    /**
-     * Свойства для обертки левых аддонов
-     */
-    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Свойства для обертки правых аддонов
-     */
-    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
-    children?: ReactNode;
-    /**
-     * Основные стили компонента.
-     */
-    styles: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStyles?: StyleColors;
-};
-type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    breakpoint?: number | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/cssm/index-c76d6398.d.ts

@@ -1,140 +0,0 @@
-/// <reference types="react" />
-/* eslint-disable complexity */
-import React from "react";
-import { ReactNode, ButtonHTMLAttributes, ElementType } from "react";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-type NavigationBarProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Подзаголовок (доступен только в мобильной версии)
-     */
-    subtitle?: ReactNode;
-    /**
-     * Размер заголовка (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>;
-};
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { NavigationBar };
-export * from "./Component-69921c40";
-export type { NavigationBarProps };

package/cssm/index-ebda875c.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react-transition-group" />
-/// <reference types="react" />
-import React from "react";
-import { MouseEvent, ReactNode } from "react";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { TransitionProps } from "react-transition-group/Transition";
-type BackdropProps = Partial<TransitionProps> & {
-    /**
-     * Прозрачный бэкдроп
-     */
-    invisible?: boolean;
-    /**
-     * Управляет видимостью компонента
-     */
-    open: boolean;
-    /**
-     * Обработчик клика по бэкдропу
-     */
-    onClose?: (event: MouseEvent<HTMLElement>) => void;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Классы анимации
-     *
-     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
-     */
-    transitionClassNames?: string | CSSTransitionClassNames;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-declare const Backdrop: React.FC<BackdropProps>;
-export { BackdropProps, Backdrop };