@alfalab/core-components 42.13.0-beta.0 → 42.13.0

package/picker-button/index-10db897e.d.ts

@@ -3,9 +3,9 @@ import React from "react";
 import { PaddingType } from "./index-72dda473";
 /* eslint-disable no-plusplus, no-param-reassign */
 import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 declare const isClient: () => boolean;
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
@@ -47,4 +47,4 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };
+export { createPaddingStyle, isClient, getDataTestId, easingFns, fnUtils, maskUtils };

package/picker-button/index-bdb4c6b9.d.ts

@@ -1,180 +1,2 @@
-/// <reference types="react" />
-/// <reference types="react-transition-group" />
-/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
-import { TransitionProps } from "react-transition-group/Transition";
-import { BackdropProps, PortalProps } from "./index-ebda875c";
-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;
-    /**
-     * Дополнительные пропсы на обертку контента
-     */
-    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>;
-declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const getScrollbarSize: () => number;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => 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;
-}
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
-export type { SavedStyle };
+export * from "./Component-ebda875c";
+export * from "./utils-1574ad8b";

package/picker-button/index-c44170fe.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export * from "./Component.responsive-d7e9f69d";
+export * from "./Component.responsive-3109f463";
 export {};

package/picker-button/index-ebda875c.d.ts

@@ -1,219 +1,81 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes } from "react";
-type ScrollbarProps = {
+import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes, ReactElement } from "react";
+import { ButtonProps } from "../button";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
-     * Оборачиваемый элемент.
+     * Вид компонента
      */
-    children?: React.ReactNode;
+    view: "desktop" | "mobile";
     /**
-     * Дополнительный класс на корневой элемент.
+     * Дополнительный класс
      */
     className?: string;
     /**
-     * Набор цветов для компонента
+     * Позиция крестика
      */
-    colors?: "default" | "inverted";
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
     /**
-     * Растягивать контент по горизонтали по ширине содержимого.
+     * Коллбэк закрытия.
      */
-    horizontalAutoStretch?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+declare const Closer: FC<CloserProps>;
+type IconButtonProps = {
     /**
-     * Название css свойства, которое устанавливается на контейнер при horizontalAutoStretch.
+     * Компонент иконки
      */
-    widthPropName?: "minWidth" | "width" | "maxWidth";
+    icon: ElementType<{
+        className?: string;
+    }> | ReactElement;
     /**
-     * Включает автоскрытие ползунка.
+     * Тип кнопки
      */
-    autoHide?: boolean;
+    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
     /**
-     * Время в мс, определяющее задержку до исчезновения полосы прокрутки (при включенной опции autoHide).
+     * Размер компонента
      */
-    autoHideTimeout?: number;
+    size?: "xxs" | "xs" | "s";
     /**
-     * Принудительное отображение полосы прокрутки.
+     * Дополнительный класс
      */
-    forceVisible?: boolean | "x" | "y";
+    className?: string;
     /**
-     * Управление поведением клика по треку.
-     * Если true, то будет выполняться прокрутка к месту клика.
+     * Выравнивание иконки
+     * @default 'center'
      */
-    clickOnTrack?: boolean;
+    alignIcon?: "left" | "center" | "right";
     /**
-     * HTML-aтрибуты на прокручиваемый узел.
+     * Идентификатор для систем автоматизированного тестирования
      */
-    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    dataTestId?: string;
     /**
-     * HTML-aтрибуты на узел с контентом.
+     * Набор цветов для компонента
      */
-    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
-declare const Scrollbar: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
+    colors?: "default" | "inverted";
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+declare const IconButton: React.ForwardRefExoticComponent<{
+    icon: ElementType<{
+        className?: string;
+    }> | ReactElement;
+    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
+    alignIcon?: "center" | "right" | "left" | undefined;
+    dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
-    horizontalAutoStretch?: boolean | undefined;
-    widthPropName?: "width" | "minWidth" | "maxWidth" | undefined;
-    autoHide?: boolean | undefined;
-    autoHideTimeout?: number | undefined;
-    forceVisible?: boolean | "x" | "y" | undefined;
-    clickOnTrack?: boolean | undefined;
-    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare class SimpleBar {
-    static getRtlHelpers(): {
-        isRtlScrollingInverted: boolean;
-        isRtlScrollbarInverted: boolean;
-    };
-    static defaultOptions: {
-        autoHide: boolean;
-        forceVisible: boolean;
-        clickOnTrack: boolean;
-        clickOnTrackSpeed: number;
-        classNames: {
-            contentEl: string;
-            contentWrapper: string;
-            offset: string;
-            mask: string;
-            wrapper: string;
-            placeholder: string;
-            scrollbar: string;
-            track: string;
-            heightAutoObserverWrapperEl: string;
-            heightAutoObserverEl: string;
-            visible: string;
-            horizontal: string;
-            vertical: string;
-            hover: string;
-            dragging: string;
-        };
-        scrollbarMinSize: number;
-        scrollbarMaxSize: number;
-        timeout: number;
-    };
-    static getOffset(el: any): {
-        top: any;
-        left: any;
-    };
-    static instances: WeakMap<object, any>;
-    constructor(element: any, options: any);
-    el: any;
-    minScrollbarWidth: number;
-    options: any;
-    classNames: any;
-    axis: {
-        x: {
-            scrollOffsetAttr: string;
-            sizeAttr: string;
-            scrollSizeAttr: string;
-            offsetSizeAttr: string;
-            offsetAttr: string;
-            overflowAttr: string;
-            dragOffset: number;
-            isOverflowing: boolean;
-            isVisible: boolean;
-            forceVisible: boolean;
-            track: {};
-            scrollbar: {};
-        };
-        y: {
-            scrollOffsetAttr: string;
-            sizeAttr: string;
-            scrollSizeAttr: string;
-            offsetSizeAttr: string;
-            offsetAttr: string;
-            overflowAttr: string;
-            dragOffset: number;
-            isOverflowing: boolean;
-            isVisible: boolean;
-            forceVisible: boolean;
-            track: {};
-            scrollbar: {};
-        };
-    };
-    removePreventClickId: any;
-    recalculate(): void;
-    onMouseMove: (e: any) => void;
-    hideScrollbars: () => void;
-    onWindowResize: () => void;
-    init(): void;
-    scrollbarWidth: any;
-    initDOM(): void;
-    wrapperEl: any;
-    contentWrapperEl: any;
-    contentEl: any;
-    offsetEl: any;
-    maskEl: any;
-    placeholderEl: any;
-    heightAutoObserverWrapperEl: any;
-    heightAutoObserverEl: any;
-    setAccessibilityAttributes(): void;
-    initListeners(): void;
-    resizeObserver: any;
-    mutationObserver: any;
-    elStyles: any;
-    isRtl: boolean | undefined;
-    getScrollbarSize(axis?: string): number;
-    positionScrollbar(axis?: string): void;
-    toggleTrackVisibility(axis?: string): void;
-    hideNativeScrollbar(): void;
-    onScroll: () => void;
-    scrollXTicking: boolean | undefined;
-    scrollYTicking: boolean | undefined;
-    scrollX: () => void;
-    scrollY: () => void;
-    onMouseEnter: () => void;
-    mouseX: any;
-    mouseY: any;
-    onMouseMoveForAxis(axis?: string): void;
-    onMouseLeave: () => void;
-    onMouseLeaveForAxis(axis?: string): void;
-    showScrollbar(axis?: string): void;
-    onPointerEvent: (e: any) => void;
-    onDragStart(e: any, axis?: string): void;
-    draggedAxis: string | undefined;
-    drag: (e: any) => void;
-    onEndDrag: (e: any) => void;
-    preventClick: (e: any) => void;
-    onTrackClick(e: any, axis?: string): void;
-    getContentElement(): any;
-    getScrollElement(): any;
-    getScrollbarWidth(): any;
-    removeListeners(): void;
-    unMount(): void;
-    isWithinBounds(bbox: any): boolean;
-    findChild(el: any, query: any): any;
-}
-declare function memoize(func: Function, resolver?: Function | undefined): Function;
-declare namespace memoize$0 {
-    export { MapCache as Cache };
-}
-declare function MapCache(entries?: any[] | undefined): void;
-declare class MapCache {
-    private constructor();
-    clear: typeof mapCacheClear;
-    delete: typeof mapCacheDelete;
-    get: typeof mapCacheGet;
-    has: typeof mapCacheHas;
-    set: typeof mapCacheSet;
-}
-declare function mapCacheClear(): void;
-declare class mapCacheClear {
-    __data__: {
-        hash: Hash;
-        map: any;
-        string: Hash;
-    };
-}
-declare function mapCacheDelete(key: string): boolean;
-declare function mapCacheGet(key: string): any;
-declare function mapCacheHas(key: string): boolean;
-declare function mapCacheSet(key: string, value: any): Object;
-declare var canUseDOM: boolean;
-declare function scrollbarWidth(el: any): any;
-declare function getElementWindow(element: any): any;
-declare function getElementDocument(element: any): any;
-declare function getOptions(obj: any): unknown;
-export { memoize as default, ScrollbarProps, Scrollbar, getElementWindow, getElementDocument, getOptions };
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+export { CloserProps, Closer, IconButtonProps, IconButton };