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

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

@@ -1,146 +1,219 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactNode } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+import { HTMLAttributes } from "react";
+type ScrollbarProps = {
     /**
-     * Растягивает компонент на ширину контейнера
+     * Оборачиваемый элемент.
      */
-    block?: boolean;
+    children?: React.ReactNode;
     /**
-     * Размер компонента
+     * Дополнительный класс на корневой элемент.
      */
-    size?: "s" | "m" | "l" | "xl";
+    className?: string;
     /**
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted";
     /**
-     * Заблокированное состояние
-     */
-    disabled?: boolean;
-    /**
-     * Cостояние только для чтения
-     */
-    readOnly?: boolean;
-    /**
-     * Заполненное состояние
-     */
-    filled?: boolean;
-    /**
-     * Выбранное (фокус) состояние
-     */
-    focused?: boolean;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
+     * Растягивать контент по горизонтали по ширине содержимого.
      */
-    label?: ReactNode;
+    horizontalAutoStretch?: boolean;
     /**
-     * Вид лейбла внутри / снаружи
+     * Название css свойства, которое устанавливается на контейнер при horizontalAutoStretch.
      */
-    labelView?: "inner" | "outer";
+    widthPropName?: "minWidth" | "width" | "maxWidth";
     /**
-     * Слот слева
+     * Включает автоскрытие ползунка.
      */
-    leftAddons?: ReactNode;
+    autoHide?: boolean;
     /**
-     * Слот справа
+     * Время в мс, определяющее задержку до исчезновения полосы прокрутки (при включенной опции autoHide).
      */
-    rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
+    autoHideTimeout?: number;
     /**
-     * Дополнительный класс для поля
+     * Принудительное отображение полосы прокрутки.
      */
-    fieldClassName?: string;
+    forceVisible?: boolean | "x" | "y";
     /**
-     * Дополнительный класс для поля
+     * Управление поведением клика по треку.
+     * Если true, то будет выполняться прокрутка к месту клика.
      */
-    inputWrapperClassName?: string;
+    clickOnTrack?: boolean;
     /**
-     * Дополнительный класс для лейбла
+     * HTML-aтрибуты на прокручиваемый узел.
      */
-    labelClassName?: string;
+    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
-     * Дополнительный класс для аддонов
+     * HTML-aтрибуты на узел с контентом.
      */
-    addonsClassName?: string;
-    /**
-     * Свойства для обертки левых аддонов
-     */
-    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Свойства для обертки правых аддонов
-     */
-    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
-    children?: ReactNode;
-    /**
-     * Основные стили компонента.
-     */
-    styles: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStyles?: StyleColors;
-};
-declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    block?: boolean | undefined;
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    colors?: "default" | "inverted" | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    filled?: boolean | undefined;
-    focused?: boolean | undefined;
-    error?: ReactNode | boolean;
-    hint?: ReactNode;
-    label?: ReactNode;
-    labelView?: "inner" | "outer" | undefined;
-    leftAddons?: ReactNode;
-    rightAddons?: ReactNode;
-    bottomAddons?: ReactNode;
+    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Scrollbar: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
     className?: string | undefined;
-    fieldClassName?: string | undefined;
-    inputWrapperClassName?: string | undefined;
-    labelClassName?: string | undefined;
-    addonsClassName?: string | undefined;
-    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    dataTestId?: string | undefined;
-    children?: ReactNode;
-    styles: {
-        [key: string]: string;
+    colors?: "default" | "inverted" | undefined;
+    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;
     };
-    colorStyles?: StyleColors | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { StyleColors, BaseFormControlProps, BaseFormControl };
+}
+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/esm/index-f12ee135.d.ts

@@ -1,10 +1,282 @@
+/// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { FC, ReactNode, RefObject } from "react";
-import { BottomSheetProps } from "./types-72dda473";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC } from "react";
+import { HandledEvents } from "react-swipeable/es/types";
+import { TransitionProps } from "react-transition-group/Transition";
+import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
+type BottomSheetTitleAlign = "center" | "left";
+type BottomSheetProps = {
+    /**
+     * Контент
+     */
+    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>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Будет ли свайпаться шторка
+     * @default true
+     */
+    swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие компонента стрелки назад
+     */
+    hasBacker?: boolean;
+    /**
+     * Выравнивание заголовка
+     */
+    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;
+};
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
@@ -49,4 +321,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop };
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
+export type { BottomSheetProps, BottomSheetTitleAlign };

package/input-autocomplete/esm/index.js

@@ -16,4 +16,4 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '../../shared/esm';
-import './mobile.module-a36ccaa2.js';
+import './mobile.module-1eed3fef.js';