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

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

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

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

@@ -1,282 +1,10 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-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 { FC, ReactNode, RefObject } from "react";
+import { BottomSheetProps } from "./types-72dda473";
 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;
@@ -321,4 +49,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 };
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";