@alfalab/core-components-tabs 7.3.9 → 7.3.11

package/esm/index.module-1865aaf0.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_1tvky","fullWidthScroll":"tabs__fullWidthScroll_1tvky","container":"tabs__container_1tvky","title":"tabs__title_1tvky","disabled":"tabs__disabled_1tvky","focused":"tabs__focused_1tvky","collapsed":"tabs__collapsed_1tvky","selected":"tabs__selected_1tvky","line":"tabs__line_1tvky","s":"tabs__s_1tvky","xs":"tabs__xs_1tvky","xxs":"tabs__xxs_1tvky","pickerWrapper":"tabs__pickerWrapper_1tvky","option":"tabs__option_1tvky","m":"tabs__m_1tvky","l":"tabs__l_1tvky","xl":"tabs__xl_1tvky","rightAddons":"tabs__rightAddons_1tvky"};
+require('./components/primary-tablist/index.css')
+
+export { commonStyles as c };

package/esm/index.module-e818c324.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_131lr","fullWidthScroll":"tabs__fullWidthScroll_131lr","container":"tabs__container_131lr","title":"tabs__title_131lr","xxs":"tabs__xxs_131lr","xs":"tabs__xs_131lr","s":"tabs__s_131lr","m":"tabs__m_131lr","l":"tabs__l_131lr","xl":"tabs__xl_131lr"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/esm/mobile.js

@@ -18,8 +18,8 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-ea1e031b.js';
+import './index.module-1865aaf0.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-b06e730b.js';
+import './index.module-e818c324.js';
 import './components/tabs/Component.js';

package/esm/responsive.js

@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-ea1e031b.js';
+import './index.module-1865aaf0.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-b06e730b.js';
+import './index.module-e818c324.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/esm/types-ebda875c.d.ts

@@ -0,0 +1,113 @@
+/// <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;
+    ref?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export { NavigationBarProps, ContentParams };

package/esm/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts}

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes } from 'react';
+import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
 import { InputProps, PopoverProps } from "./index-ebda875c";
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -324,7 +324,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -544,6 +544,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/esm/{utils-cac440c1.d.ts → utils-a8deae7f.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cac440c1";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-a8deae7f";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/{esm/getDataTestId-3fe0d3e6.d.ts → index-3885b0d7.d.ts}

@@ -1,2 +1,3 @@
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { getDataTestId };
+declare const isClient: () => boolean;
+export { getDataTestId, isClient };

package/index-3e68f8db.d.ts

@@ -2,7 +2,7 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-cac440c1";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-a8deae7f";
 type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
     /**
@@ -94,5 +94,5 @@ declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./hook-edac5428";
 export * from "./index-48646db0";
-export * from "./typings-cac440c1";
-export * from "./utils-cac440c1";
+export * from "./typings-a8deae7f";
+export * from "./utils-a8deae7f";

package/index-48646db0.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-cac440c1";
+export * from "./Component-a8deae7f";
 export * from "./index-ebda875c";

package/index-7ca84eff.d.ts

@@ -1,215 +1 @@
-/// <reference types="react-transition-group" />
-/// <reference types="react" />
-import React from "react";
-import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
-import { TransitionProps } from "react-transition-group/Transition";
-import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { SwipeableHandlers } from "react-swipeable/types";
-import { BackdropProps } from "./index-ebda875c";
-type BottomSheetTitleAlign = "center" | "left";
-type BottomSheetProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps["titleSize"];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps["subtitle"];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps["container"];
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на контейнер.
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Дополнительный класс
-     */
-    containerClassName?: string;
-    /**
-     * Дополнительный класс шапки
-     */
-    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;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Не анимировать шторку при изменении размера вьюпорта
-     */
-    ignoreScreenChange?: boolean;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: BaseModalProps["backdropProps"];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-};
-/* Верхний отступ шторки, если она открыта на максимальную высоту */
-declare const HEADER_OFFSET = 24;
-declare const CLOSE_OFFSET = 0.2;
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-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>;
-export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
+export * from "./component-3885b0d7";

package/index-e81c389f.d.ts

@@ -1,141 +1,3 @@
-/// <reference types="react" />
-/* eslint-disable complexity */
-import React from "react";
-import { FC, 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;
-}
-declare const Closer: FC<CloserProps>;
-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>;
-};
-declare const NavigationBar: FC<NavigationBarProps>;
-export { NavigationBar, CloserProps, Closer };
-export * from "./Component-ebda875c";
-export type { NavigationBarProps };
+export * from "./Component-3885b0d7";
+export * from "./index-ebda875c";
+export type { NavigationBarProps } from "./types-ebda875c";

package/index-ebda875c.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-cac440c1";
+export * from "./Component-a8deae7f";

package/index.js

@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-dde2566f.js');
+require('./index.module-38e2880e.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-9aac8027.js');
+require('./index.module-07471830.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 

package/index.module-07471830.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"tabs__component_131lr","fullWidthScroll":"tabs__fullWidthScroll_131lr","container":"tabs__container_131lr","title":"tabs__title_131lr","xxs":"tabs__xxs_131lr","xs":"tabs__xs_131lr","s":"tabs__s_131lr","m":"tabs__m_131lr","l":"tabs__l_131lr","xl":"tabs__xl_131lr"};
+require('./components/secondary-tablist/index.css')
+
+exports.commonStyles = commonStyles;

package/index.module-38e2880e.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"tabs__component_1tvky","fullWidthScroll":"tabs__fullWidthScroll_1tvky","container":"tabs__container_1tvky","title":"tabs__title_1tvky","disabled":"tabs__disabled_1tvky","focused":"tabs__focused_1tvky","collapsed":"tabs__collapsed_1tvky","selected":"tabs__selected_1tvky","line":"tabs__line_1tvky","s":"tabs__s_1tvky","xs":"tabs__xs_1tvky","xxs":"tabs__xxs_1tvky","pickerWrapper":"tabs__pickerWrapper_1tvky","option":"tabs__option_1tvky","m":"tabs__m_1tvky","l":"tabs__l_1tvky","xl":"tabs__xl_1tvky","rightAddons":"tabs__rightAddons_1tvky"};
+require('./components/primary-tablist/index.css')
+
+exports.commonStyles = commonStyles;

package/mobile.js

@@ -20,10 +20,10 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-dde2566f.js');
+require('./index.module-38e2880e.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-9aac8027.js');
+require('./index.module-07471830.js');
 require('./components/tabs/Component.js');
 
 

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./types-ebda875c";
+declare const NavigationBar: FC<NavigationBarProps>;
+export * from "./Component-ebda875c";
+export { NavigationBar };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "./typings-cac440c1";
-import { OptionProps as BaseOptionProps } from "./typings-cac440c1";
+import { OptionShape } from "./typings-a8deae7f";
+import { OptionProps as BaseOptionProps } from "./typings-a8deae7f";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/{cssm/Component-cac440c1.d.ts → modern/Component-a8deae7f.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { FC } from 'react';
-import { OptionProps } from "./typings-cac440c1";
+import { OptionProps } from "./typings-a8deae7f";
 declare const BaseOption: FC<OptionProps>;
 export { BaseOption };