@alfalab/core-components-tabs 7.3.6 → 7.3.8

package/modern/index-e81c389f.d.ts

@@ -0,0 +1,141 @@
+/// <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";
+    /**
+     * Ссылка на родительскую ноду.
+     */
+    parentRef?: React.RefObject<HTMLDivElement>;
+};
+declare const NavigationBar: FC<NavigationBarProps>;
+export { NavigationBar, CloserProps, Closer };
+export * from "./Component-ebda875c";
+export type { NavigationBarProps };

package/modern/index.js

@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-3a799412.js';
+import './index.module-8f2fe904.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/modern';
-import './index.module-d05b11d2.js';
+import './index.module-e978cb39.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/modern/index.module-8f2fe904.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_63cld","fullWidthScroll":"tabs__fullWidthScroll_63cld","container":"tabs__container_63cld","title":"tabs__title_63cld","disabled":"tabs__disabled_63cld","focused":"tabs__focused_63cld","collapsed":"tabs__collapsed_63cld","selected":"tabs__selected_63cld","line":"tabs__line_63cld","s":"tabs__s_63cld","xs":"tabs__xs_63cld","xxs":"tabs__xxs_63cld","pickerWrapper":"tabs__pickerWrapper_63cld","option":"tabs__option_63cld","m":"tabs__m_63cld","l":"tabs__l_63cld","xl":"tabs__xl_63cld","rightAddons":"tabs__rightAddons_63cld"};
+require('./components/primary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/index.module-e978cb39.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_qcder","fullWidthScroll":"tabs__fullWidthScroll_qcder","container":"tabs__container_qcder","title":"tabs__title_qcder","xxs":"tabs__xxs_qcder","xs":"tabs__xs_qcder","s":"tabs__s_qcder","m":"tabs__m_qcder","l":"tabs__l_qcder","xl":"tabs__xl_qcder"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/mobile.js

@@ -17,8 +17,8 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-3a799412.js';
+import './index.module-8f2fe904.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/modern';
-import './index.module-d05b11d2.js';
+import './index.module-e978cb39.js';
 import './components/tabs/Component.js';

package/modern/responsive.js

@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-3a799412.js';
+import './index.module-8f2fe904.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/modern';
-import './index.module-d05b11d2.js';
+import './index.module-e978cb39.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-tabs",
-    "version": "7.3.6",
+    "version": "7.3.8",
     "description": "Tabs components",
     "keywords": [],
     "license": "MIT",
@@ -17,14 +17,15 @@
         "@types/lodash.debounce": "^4.0.6"
     },
     "dependencies": {
-        "@alfalab/core-components-keyboard-focusable": "^4.0.3",
-        "@alfalab/core-components-tag": "^5.0.4",
-        "@alfalab/core-components-picker-button": "^10.3.6",
-        "@alfalab/core-components-badge": "^5.0.0",
+        "@alfalab/core-components-keyboard-focusable": "^4.0.4",
+        "@alfalab/core-components-tag": "^5.1.0",
+        "@alfalab/core-components-picker-button": "^10.3.8",
+        "@alfalab/core-components-badge": "^5.0.1",
         "classnames": "^2.3.1",
         "compute-scroll-into-view": "^1.0.20",
         "lodash.debounce": "^4.0.8",
-        "@juggle/resize-observer": "^3.3.1"
+        "@juggle/resize-observer": "^3.3.1",
+        "tslib": "^2.4.0"
     },
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0",

package/responsive.js

@@ -7,7 +7,7 @@ var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_responsive = require('./components/tabs/Component.responsive.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
 var hooks_useCollapsibleElements = require('./hooks/use-collapsible-elements.js');
-require('./tslib.es6-57c5c09e.js');
+require('tslib');
 require('react');
 require('@alfalab/hooks');
 require('./components/primary-tablist/Component.desktop.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-dd06cfbf.js');
+require('./index.module-c25214c2.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-e46cc90c.js');
+require('./index.module-de4145ce.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 

package/synthetic-events.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-57c5c09e.js');
+var tslib = require('tslib');
 
 var createSyntheticEvent = function (event) {
     var isDefaultPrevented = false;
@@ -31,14 +31,14 @@ var createSyntheticEvent = function (event) {
         type: event.type,
     };
 };
-var createUIEvent = function (event) { return (tslib_es6.__assign(tslib_es6.__assign({}, createSyntheticEvent(event)), { detail: 0, view: {
+var createUIEvent = function (event) { return (tslib.__assign(tslib.__assign({}, createSyntheticEvent(event)), { detail: 0, view: {
         styleMedia: {
             type: '',
             matchMedium: function () { return false; },
         },
         document: document,
     } })); };
-var createSyntheticMouseEvent = function (event) { return (tslib_es6.__assign(tslib_es6.__assign({}, createUIEvent(event)), { altKey: event.altKey, button: event.button, buttons: event.buttons, clientX: event.clientX, clientY: event.clientY, ctrlKey: event.ctrlKey, getModifierState: event.getModifierState, metaKey: event.metaKey, movementX: event.movementX, movementY: event.movementY, pageX: event.pageX, pageY: event.pageY, relatedTarget: event.relatedTarget, screenX: event.screenX, screenY: event.screenY, shiftKey: event.shiftKey })); };
+var createSyntheticMouseEvent = function (event) { return (tslib.__assign(tslib.__assign({}, createUIEvent(event)), { altKey: event.altKey, button: event.button, buttons: event.buttons, clientX: event.clientX, clientY: event.clientY, ctrlKey: event.ctrlKey, getModifierState: event.getModifierState, metaKey: event.metaKey, movementX: event.movementX, movementY: event.movementY, pageX: event.pageX, pageY: event.pageY, relatedTarget: event.relatedTarget, screenX: event.screenX, screenY: event.screenY, shiftKey: event.shiftKey })); };
 
 exports.createSyntheticEvent = createSyntheticEvent;
 exports.createSyntheticMouseEvent = createSyntheticMouseEvent;

package/Component-3885b0d7.d.ts

@@ -1,49 +0,0 @@
-import { FC, ReactNode } from 'react';
-type HeaderProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: 'left' | 'center';
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

package/Component-3fe0d3e6.d.ts

@@ -1,243 +0,0 @@
-import React from "react";
-import { ButtonHTMLAttributes, ElementType, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
-import { IconButtonProps } from "./index-ebda875c";
-import { BottomSheetTitleAlign } from "./index-7ca84eff";
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps["size"];
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-};
-declare const Closer: React.FC<CloserProps>;
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative"
-];
-type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    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;
-};
-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;
-};
-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;
-                };
-            };
-        };
-    };
-};
-type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps["size"];
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Обработчик нажатия
-     */
-    onClick?: () => void;
-};
-declare const Backer: React.FC<BackerProps>;
-declare const TitleResponsive: FC<TitleProps>;
-type HeaderProps = {
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для компонента крестика
-     */
-    closerClassName?: string;
-    /**
-     * Дополнительный класс для компонента стрелки назад
-     */
-    backerClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие компонента стрелки назад
-     */
-    hasBacker?: boolean;
-    /**
-     * Выравнивание заголовка
-     */
-    titleAlign?: BottomSheetTitleAlign;
-    /**
-     * Будет ли обрезан заголовок
-     */
-    trimTitle?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-};
-declare const Header: FC<HeaderProps>;
-export { CloserProps, Closer, Typography, typographyPresets, BackerProps, Backer, TitleResponsive, HeaderProps, Header };
-export type { TitleProps, TextProps, Color };

package/Component-db573794.d.ts

@@ -1,33 +0,0 @@
-import { ButtonHTMLAttributes, ElementType, FC } from 'react';
-import { IconButtonProps } from "./index-ebda875c";
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: 'left' | 'right';
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-declare const Closer: FC<CloserProps>;
-export { CloserProps, Closer };

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

@@ -1,49 +0,0 @@
-import { FC, ReactNode } from 'react';
-type HeaderProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: 'left' | 'center';
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };