@alfalab/core-components 48.22.1-beta.1 → 48.22.1-beta.2

package/universal-modal/modern/components/header/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { NavigationBarPrivate } from '../../../../../navigation-bar-private/modern';
 import { getDataTestId } from '../../../../../shared/modern';
 import { ModalContext } from '../../../Context.js';
-import { s as styles } from '../../../index.module-ded6b799.js';
+import { s as styles } from '../../../index.module-6fb41cd2.js';
 import '../../../../../base-modal/modern';
 
 const mobileStyles = {"header":"universal-modal__header_ig554","sticky":"universal-modal__sticky_ig554","content":"universal-modal__content_ig554","bottomAddons":"universal-modal__bottomAddons_ig554","addon":"universal-modal__addon_ig554"};

package/universal-modal/modern/components/header/responsive/Component.responsive.js

@@ -8,7 +8,7 @@ import '../../../../../shared/modern';
 import '../../../Context.js';
 import '../../../../../base-modal/modern';
 import '../../../ResponsiveContext.js';
-import '../../../index.module-ded6b799.js';
+import '../../../index.module-6fb41cd2.js';
 
 const HeaderResponsive = ({ ...restProps }) => {
     const isDesktop = useIsDesktop();

package/universal-modal/modern/desktop/Component.desktop.js

@@ -14,7 +14,7 @@ import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import './constants/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-ded6b799.js';
+import '../index.module-6fb41cd2.js';
 import './hooks/useModalHeight.js';
 import './hooks/useModalWheel.js';
 import './hooks/useModalWidth.js';

package/universal-modal/modern/desktop/index.js

@@ -25,7 +25,7 @@ import './components/side-modal/get-default-transition-props.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-ded6b799.js';
+import '../index.module-6fb41cd2.js';
 import '../../../button/modern/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../../typography/modern';

package/universal-modal/modern/index.js

@@ -17,7 +17,7 @@ import './components/footer/desktop/Component.desktop.js';
 import './desktop/constants/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-ded6b799.js';
+import './index.module-6fb41cd2.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalWheel.js';

package/universal-modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-ded6b799.js';
+import '../index.module-6fb41cd2.js';
 
 const styles = {"component":"universal-modal__component_txf6s","content":"universal-modal__content_txf6s"};
 require('./mobile.css');

package/universal-modal/modern/mobile/index.js

@@ -14,7 +14,7 @@ export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-butto
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-ded6b799.js';
+import '../index.module-6fb41cd2.js';
 import '../../../button/modern/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/international-phone-input/index-235f6347.d.ts

@@ -1,272 +0,0 @@
-/// <reference types="react" />
-/* eslint-disable complexity */
-import React from "react";
-import { ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { IconButtonProps } from "./index-ebda875c";
-import { Color } from "./colors-2c123cbc";
-import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { Title, TitleProps } from "./index-03d088c4";
-import { TitleMobile, TitleMobileProps } from "./index-281accb7";
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string | null;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: "mobile" | "desktop";
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: IconButtonProps["colors"];
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-type NavigationBarPrivateProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Заголовок шапки
-     */
-    title?: ReactNode;
-    /**
-     * Подзаголовок (доступен только в мобильной версии)
-     */
-    subtitle?: ReactNode;
-    /**
-     * Размер заголовка (compact доступен только в мобильной версии)
-     */
-    titleSize?: "default" | "compact";
-    /**
-     * Доп. класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Дополнительный класс для closer
-     */
-    closerClassName?: string;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие кнопки "Назад"
-     */
-    hasBackButton?: boolean;
-    /**
-     * Дополнительный класс для правого аддона
-     */
-    backButtonClassName?: string;
-    /**
-     * Дополнительные пропсы для кнопки "Назад"
-     */
-    backButtonProps?: Omit<BackArrowAddonProps, "view" | "textOpacity" | "onClick">;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительный класс для нижнего аддона
-     */
-    bottomAddonsClassName?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: "left" | "center";
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Фоновое изображение
-     */
-    imageUrl?: string;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: React.ElementType;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: CloserProps["onClose"];
-    /**
-     * Дополнительные пропсы для компонента Closer.
-     */
-    closerProps?: Omit<CloserProps, "view" | "onClose">;
-    /**
-     * обработчик клика по кнопке "назад"
-     */
-    onBack?: () => void;
-    /**
-     * Вид шапки - мобильный или десктоп
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Ссылка на родительскую ноду overflow: auto
-     */
-    scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
-};
-declare const NavigationBarPrivate: React.ForwardRefExoticComponent<NavigationBarPrivateProps & React.RefAttributes<HTMLDivElement>>;
-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" | "component-primary" | "component-secondary" | "caps" | "tagline";
-    /**
-     * Цвет текста
-     */
-    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;
-    /**
-     * Количество строк
-     */
-    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);
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElementType>>;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleResponsiveProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
-export { NavigationBarPrivate, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets };
-export type { TitleProps } from "./index-03d088c4";
-export type { TextProps, NavigationBarPrivateProps };
-export type { Color } from "./colors-2c123cbc";

package/international-phone-input/types-464d40a4.d.ts

@@ -1,293 +0,0 @@
-/// <reference types="react-transition-group" />
-import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
-import { HandledEvents } from 'react-swipeable/es/types';
-import { TransitionProps } from 'react-transition-group/Transition';
-import { BaseModalProps } from "./index-11f20b2e";
-import { NavigationBarPrivateProps as NavigationBarProps } from "./index-235f6347";
-import { BackgroundColorType } from "./index-464d40a4";
-type BottomSheetTitleAlign = 'center' | 'left';
-type BottomSheetProps = {
-    /**
-     * Метод, позволяющий донастраивать высоту контейнера для BottomSheet, например с учётом safe-area
-     */
-    adjustContainerHeight?: (height: number) => number;
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps['titleSize'];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps['subtitle'];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps['container'];
-    /**
-     * Рендерить ли в контейнер через портал.
-     */
-    usePortal?: BaseModalProps['usePortal'];
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на контейнер.
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Дополнительный класс
-     */
-    containerClassName?: string;
-    /**
-     * Цвет фона
-     */
-    backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
-    /**
-     * Дополнительный класс шапки
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс футера
-     */
-    footerClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для компонента крестика
-     */
-    closerClassName?: string;
-    /**
-     * Дополнительный класс для компонента стрелки назад
-     */
-    backerClassName?: string;
-    /**
-     * Дополнительный класс для компонента модального окна
-     */
-    modalClassName?: string;
-    /**
-     * Дополнительный класс для обертки модального окна
-     */
-    modalWrapperClassName?: string;
-    /**
-     * Дополнительный класс для маркера
-     */
-    swipeableMarkerClassName?: string;
-    /**
-     * Кастомный маркер
-     */
-    swipeableMarker?: ReactElement;
-    /**
-     * TransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для заголовка используется модификатор -header
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Будет ли свайпаться шторка
-     * @default true
-     */
-    swipeable?: boolean;
-    /**
-     * Будет ли свайпаться контент
-     */
-    swipeableContent?: boolean;
-    /**
-     * Порог свайпа
-     */
-    swipeThreshold?: number;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие компонента стрелки назад
-     */
-    hasBacker?: boolean;
-    /**
-     * Дополнительные пропсы для кнопки "Назад"
-     */
-    backButtonProps?: NavigationBarProps['backButtonProps'];
-    /**
-     * Выравнивание заголовка
-     */
-    titleAlign?: BottomSheetTitleAlign;
-    /**
-     * Фиксирует шапку
-     */
-    stickyHeader?: boolean;
-    /**
-     * Фиксирует футер
-     */
-    stickyFooter?: boolean;
-    /**
-     * Высота шторки
-     */
-    initialHeight?: 'default' | 'full';
-    /**
-     * Будет ли виден оверлэй
-     */
-    hideOverlay?: boolean;
-    /**
-     * Будет ли видна шапка
-     */
-    hideHeader?: boolean;
-    /**
-     * Будет ли обрезан заголовок
-     */
-    trimTitle?: boolean;
-    /**
-     * Запретить закрытие шторки кликом на оверлэй
-     */
-    disableOverlayClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * Отключает ловушку фокуса
-     */
-    disableFocusLock?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Не анимировать шторку при изменении размера вьюпорта
-     */
-    ignoreScreenChange?: boolean;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: BaseModalProps['backdropProps'];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Реф для управления компонентом.
-     */
-    bottomSheetInstanceRef?: RefObject<{
-        scrollToArea: (idx: number) => void;
-    }>;
-    /**
-     * Реф на контейнер, в котором находится шторка
-     */
-    sheetContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Магнитные области видимой высоты шторки.
-     * Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
-     * По-умолчанию -[0, window.innerHeight - '24px']
-     * массив должен состоять минимум из 2 элементов
-     */
-    magneticAreas?: Array<number | string>;
-    /**
-     * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
-     */
-    initialActiveAreaIndex?: number;
-    /**
-     * Отключает скролл контентной области.
-     */
-    scrollLocked?: boolean;
-    /**
-     * Скрыть скроллбар внутри шторки
-     */
-    hideScrollbar?: boolean;
-    /**
-     * Верхний отступ шторки, если она открыта на максимальную высоту
-     */
-    headerOffset?: number;
-    /**
-     * Содержимое bottom-sheet всегда в DOM
-     */
-    keepMounted?: boolean;
-    /**
-     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
-     */
-    disableRestoreFocus?: boolean;
-    /**
-     * Отключает вызов `onClose` при нажатии Escape
-     */
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-    /**
-     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
-     */
-    onMagnetize?: (index: number) => void;
-    /**
-     * Вызывается после окончания анимации притягивания
-     */
-    onMagnetizeEnd?: (index: number) => void;
-    /**
-     * Вызывается при изменении положения шторки
-     */
-    onOffsetChange?: (offset: number, percent: number) => void;
-    /**
-     * Вызывается в начале свайпа
-     */
-    onSwipeStart?: (event: HandledEvents) => void;
-    /**
-     * Вызывается после окончания свайпа
-     */
-    onSwipeEnd?: (event: HandledEvents | null) => void;
-    /**
-     * Блокирует скролл когда модальное окно открыто. Работает только на iOS
-     */
-    iOSLock?: boolean;
-    /**
-     * Учитывать высоту виртуальной клавиатуры
-     */
-    virtualKeyboard?: boolean;
-};
-export { BottomSheetTitleAlign, BottomSheetProps };