@alfalab/core-components 43.2.0 → 44.0.0

package/picker-button/{typings-e63ec8aa.d.ts → typings-c29389e5.d.ts}

@@ -1,208 +1,19 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, AriaAttributes, FocusEvent, RefAttributes, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
+import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./types-667e33fd";
 import { BackgroundColorType } from "./index-72dda473";
-import { BaseInputProps } from "./index-ebda875c";
+import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
+import { ContentProps } from "./typings-08e5596c";
+import { ModalResponsiveProps as ModalProps } from "./typings-08e5596c";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
-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;
-};
-type PortalProps = {
-    /** Контент */
-    children?: ReactNode;
-    /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
-     */
-    getPortalContainer?: () => Element;
-    /**
-     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
-     */
-    immediateMount?: boolean;
-};
-type BaseModalProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Компонент бэкдропа
-     */
-    Backdrop?: FC<BackdropProps>;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: PortalProps["getPortalContainer"];
-    /**
-     * Отключает автоматический перевод фокуса на модалку при открытии
-     * @default false
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * Отключает ловушку фокуса
-     * @default false
-     */
-    disableFocusLock?: boolean;
-    /**
-     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
-     * @default false
-     */
-    disableRestoreFocus?: boolean;
-    /**
-     * Отключает вызов `callback` при нажатии Escape
-     * @default false
-     */
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Отключает вызов `callback` при клике на бэкдроп
-     * @default false
-     */
-    disableBackdropClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     * @default false
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * Содержимое модалки всегда в DOM
-     * @default false
-     */
-    keepMounted?: boolean;
-    /**
-     * Управление видимостью модалки
-     */
-    open: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на dialog wrapper
-     */
-    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительные пропсы на обертку контента
-     */
-    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительные пропсы на компонентную обертку контента
-     */
-    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс для обертки (Modal)
-     */
-    wrapperClassName?: string;
-    /**
-     * Обработчик скролла контента
-     */
-    scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
-    /**
-     * Пропсы для анимации (CSSTransition)
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Рендерить ли в контейнер через портал.
-     * @default true
-     */
-    usePortal?: boolean;
-    /**
-     * Обработчик события нажатия на бэкдроп
-     */
-    onBackdropClick?: (event: MouseEvent) => void;
-    /**
-     * Обработчик события нажатия на Escape
-     *
-     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
-     */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-    /**
-     * Обработчик события onEntered компонента Transition
-     */
-    onMount?: () => void;
-    /**
-     * Обработчик события onExited компонента Transition
-     */
-    onUnmount?: () => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Реф, который должен быть установлен компонентной области
-     */
-    componentRef?: MutableRefObject<HTMLDivElement | null>;
-};
-type BaseModalContext = {
-    parentRef: React.RefObject<HTMLDivElement>;
-    componentRef: React.RefObject<HTMLDivElement>;
-    hasFooter?: boolean;
-    hasHeader?: boolean;
-    hasScroll?: boolean;
-    headerHighlighted?: boolean;
-    footerHighlighted?: boolean;
-    headerOffset?: number;
-    setHeaderOffset: (offset: number) => void;
-    contentRef: Ref<HTMLElement>;
-    setHasHeader: (exists: boolean) => void;
-    setHasFooter: (exists: boolean) => void;
-    onClose: Required<BaseModalProps>["onClose"];
-};
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-declare const BaseModalContext: React.Context<BaseModalContext>;
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
     /**
@@ -300,7 +111,8 @@ type BottomSheetProps = {
      */
     transitionProps?: Partial<TransitionProps>;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для заголовка используется модификатор -header
      */
     dataTestId?: string;
     /**
@@ -494,43 +306,9 @@ declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormC
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
-type ModalDesktopProps = BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default "m"
-     */
-    size?: "s" | "m" | "l" | "xl" | "fullscreen";
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
-    fullscreen?: boolean;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
-    fixedPosition?: boolean;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-type ModalResponsiveProps = ModalDesktopProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type View = "desktop" | "mobile";
-type TResponsiveModalContext = {
-    view: View;
-    size: NonNullable<ModalDesktopProps["size"]>;
-};
-type ContentProps = {
+type FooterProps = {
     /**
-     * Контент
+     * Контент футера
      */
     children?: ReactNode;
     /**
@@ -538,43 +316,55 @@ type ContentProps = {
      */
     className?: string;
     /**
-     * Растягивает контент на всю высоту
+     * Фиксирует футер
      */
-    flex?: boolean;
-};
-type FooterProps = {
+    sticky?: boolean;
     /**
-     * Контент футера
+     * Выравнивание элементов футера
      */
-    children?: ReactNode;
+    layout?: "start" | "center" | "space-between" | "column";
     /**
-     * Дополнительный класс
+     * Отступы между элементами футера
      */
-    className?: string;
+    gap?: 16 | 24 | 32;
+};
+interface ControlsProps {
     /**
-     * Фиксирует футер
+     * Основной слот
      */
-    sticky?: boolean;
+    primary?: ReactNode;
+    /**
+     * Дополнительный слот
+     */
+    secondary?: ReactNode;
     /**
      * Выравнивание элементов футера
+     * @default start
      */
     layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Выравнивание элементов футера (мобильный view)
+     * @default start
+     */
+    mobileLayout?: "start" | "center" | "space-between" | "column";
     /**
      * Отступы между элементами футера
      */
     gap?: 16 | 24 | 32;
-};
-declare const ModalResponsive: React.ForwardRefExoticComponent<BaseModalProps & {
+}
+declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<ContentProps>;
+    Content: React.FC<import("./typings-08e5596c").ContentProps>;
     Footer: React.FC<FooterProps>;
+    Controls: React.FC<ControlsProps>;
 };
 declare const ModalContext: import("react").Context<BaseModalContext>;
 type FooterProps$0 = {
@@ -597,14 +387,6 @@ type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
     headerOffset: number;
 };
 declare const Header$0: FC<HeaderProps$0>;
-declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
-    fullscreen?: boolean | undefined;
-    fixedPosition?: boolean | undefined;
-    hasCloser?: boolean | undefined;
-} & {
-    view: View;
-} & React.RefAttributes<HTMLDivElement>>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -620,57 +402,7 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-/**
- * Набор констант для 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>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
-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 const Content: FC<ContentProps>;
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
@@ -712,7 +444,10 @@ type BaseSelectChangePayload = {
 };
 type BaseSelectProps = {
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для пункта меню используется модификатор -option, компонента поиска -search,
+     * компонента выпадающего меню -options-list, компонента BottomSheet -bottom-sheet,
+     * компонента поля -field, компонета FormControl -field-form-control
      */
     dataTestId?: string;
     /**
@@ -1317,7 +1052,9 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
-export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, ContentProps as ModalContentProps, SavedStyle };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
+export { ModalResponsiveProps as ModalProps } from "./typings-08e5596c";
+export type { ContentProps as ModalContentProps } from "./typings-08e5596c";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/picker-button/utils-d2597f31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-e63ec8aa";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-c29389e5";
 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/plate/components/base-plate/Component.d.ts

@@ -98,7 +98,7 @@ type BasePlateProps = {
      */
     dataTestId?: string;
     /**
-     * Количество строк (не поддерживает IE)
+     * Количество строк
      */
     rowLimit?: 1 | 2 | 3;
     /**

package/plate/components/base-plate/Component.js

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var commonStyles = {"component":"plate__component_1la9u","foldable":"plate__foldable_1la9u","focused":"plate__focused_1la9u","inner":"plate__inner_1la9u","rounded":"plate__rounded_1la9u","noBorder":"plate__noBorder_1la9u","shadow":"plate__shadow_1la9u","common":"plate__common_1la9u","negative":"plate__negative_1la9u","positive":"plate__positive_1la9u","attention":"plate__attention_1la9u","custom":"plate__custom_1la9u","rect":"plate__rect_1la9u","isHidden":"plate__isHidden_1la9u","leftAddons":"plate__leftAddons_1la9u","rightAddons":"plate__rightAddons_1la9u","subAddons":"plate__subAddons_1la9u","rowReverse":"plate__rowReverse_1la9u","bold":"plate__bold_1la9u","light":"plate__light_1la9u","content":"plate__content_1la9u","isFolded":"plate__isFolded_1la9u","contentContainer":"plate__contentContainer_1la9u","withoutTitle":"plate__withoutTitle_1la9u","limitWidth":"plate__limitWidth_1la9u","description":"plate__description_1la9u","closer":"plate__closer_1la9u","folder":"plate__folder_1la9u","containerButton":"plate__containerButton_1la9u","button":"plate__button_1la9u","rowLimit1":"plate__rowLimit1_1la9u","rowLimit2":"plate__rowLimit2_1la9u","rowLimit3":"plate__rowLimit3_1la9u"};
+var commonStyles = {"component":"plate__component_p3xw0","foldable":"plate__foldable_p3xw0","focused":"plate__focused_p3xw0","inner":"plate__inner_p3xw0","rounded":"plate__rounded_p3xw0","noBorder":"plate__noBorder_p3xw0","shadow":"plate__shadow_p3xw0","common":"plate__common_p3xw0","negative":"plate__negative_p3xw0","positive":"plate__positive_p3xw0","attention":"plate__attention_p3xw0","custom":"plate__custom_p3xw0","rect":"plate__rect_p3xw0","isHidden":"plate__isHidden_p3xw0","leftAddons":"plate__leftAddons_p3xw0","rightAddons":"plate__rightAddons_p3xw0","subAddons":"plate__subAddons_p3xw0","rowReverse":"plate__rowReverse_p3xw0","bold":"plate__bold_p3xw0","light":"plate__light_p3xw0","content":"plate__content_p3xw0","isFolded":"plate__isFolded_p3xw0","contentContainer":"plate__contentContainer_p3xw0","withoutTitle":"plate__withoutTitle_p3xw0","limitWidth":"plate__limitWidth_p3xw0","description":"plate__description_p3xw0","closer":"plate__closer_p3xw0","folder":"plate__folder_p3xw0","containerButton":"plate__containerButton_p3xw0","button":"plate__button_p3xw0","rowLimit1":"plate__rowLimit1_p3xw0","rowLimit2":"plate__rowLimit2_p3xw0","rowLimit3":"plate__rowLimit3_p3xw0"};
 require('./index.css');
 
 /* eslint-disable complexity */