@alfalab/core-components 41.9.0 → 41.10.0

package/input-autocomplete/cssm/index-ebda875c.d.ts

@@ -1,80 +1,219 @@
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from "react";
-import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes } from "react";
-import { ButtonProps } from "../../button";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import { HTMLAttributes } from "react";
+type ScrollbarProps = {
     /**
-     * Вид компонента
+     * Оборачиваемый элемент.
      */
-    view: "desktop" | "mobile";
+    children?: React.ReactNode;
     /**
-     * Дополнительный класс
+     * Дополнительный класс на корневой элемент.
      */
     className?: string;
     /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Набор цветов для компонента
      */
-    dataTestId?: string;
+    colors?: "default" | "inverted";
     /**
-     * Коллбэк закрытия.
+     * Растягивать контент по горизонтали по ширине содержимого.
      */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-declare const Closer: FC<CloserProps>;
-type IconButtonProps = {
+    horizontalAutoStretch?: boolean;
     /**
-     * Компонент иконки
+     * Название css свойства, которое устанавливается на контейнер при horizontalAutoStretch.
      */
-    icon: ElementType<{
-        className?: string;
-    }>;
+    widthPropName?: "minWidth" | "width" | "maxWidth";
     /**
-     * Тип кнопки
+     * Включает автоскрытие ползунка.
      */
-    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
+    autoHide?: boolean;
     /**
-     * Размер компонента
+     * Время в мс, определяющее задержку до исчезновения полосы прокрутки (при включенной опции autoHide).
      */
-    size?: "xxs" | "xs" | "s";
+    autoHideTimeout?: number;
     /**
-     * Дополнительный класс
+     * Принудительное отображение полосы прокрутки.
      */
-    className?: string;
+    forceVisible?: boolean | "x" | "y";
     /**
-     * Выравнивание иконки
-     * @default 'center'
+     * Управление поведением клика по треку.
+     * Если true, то будет выполняться прокрутка к месту клика.
      */
-    alignIcon?: "left" | "center" | "right";
+    clickOnTrack?: boolean;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * HTML-aтрибуты на прокручиваемый узел.
      */
-    dataTestId?: string;
+    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
-     * Набор цветов для компонента
+     * HTML-aтрибуты на узел с контентом.
      */
-    colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
-declare const IconButton: React.ForwardRefExoticComponent<{
-    icon: ElementType<{
-        className?: string;
-    }>;
-    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "xs" | "s" | "xxs" | undefined;
+    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Scrollbar: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
     className?: string | undefined;
-    alignIcon?: "right" | "left" | "center" | undefined;
-    dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
-export { CloserProps, Closer, IconButtonProps, IconButton };
+    horizontalAutoStretch?: boolean | undefined;
+    widthPropName?: "minWidth" | "width" | "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 };

package/input-autocomplete/cssm/index-f12ee135.d.ts

@@ -1,174 +1,13 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactNode, RefObject, FC, KeyboardEvent, MouseEvent, MutableRefObject } from "react";
+import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-ebda875c";
+import { BaseModalProps } from "./index-bdb4c6b9";
+import { NavigationBarProps } from "./index-e81c389f";
+import { BackgroundColorType } from "./index-425c8522";
 import { SwipeableHandlers } from "react-swipeable";
-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;
-    /**
-     * Дополнительный класс для обертки (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 BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
+import { BackdropProps } from "./index-ebda875c";
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
     /**
@@ -424,54 +263,5 @@ 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;
-}
-export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
-export type { SavedStyle, BottomSheetProps, BottomSheetTitleAlign };
+export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
+export type { BottomSheetProps, BottomSheetTitleAlign };

package/input-autocomplete/cssm/mobile.d.ts

@@ -1,2 +1,3 @@
 export * from "./Component.mobile";
+export * from "./Component.modal.mobile";
 export {};

package/input-autocomplete/cssm/mobile.js

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_mobile = require('./Component.mobile.js');
+var Component_modal_mobile = require('./Component.modal.mobile.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -14,7 +15,9 @@ require('../../form-control/cssm');
 require('@alfalab/hooks');
 require('./autocomplete-mobile-field/index.module.css');
 require('./mobile.module.css');
+require('../../select/cssm/mobile');
 
 
 
 exports.InputAutocompleteMobile = Component_mobile.InputAutocompleteMobile;
+exports.InputAutocompleteModalMobile = Component_modal_mobile.InputAutocompleteModalMobile;

package/input-autocomplete/cssm/mobile.module.css

@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .bottomSheetInput {
+} .bottomAddonInput {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 } .footer {