@alfalab/core-components-input-autocomplete 9.3.26 → 9.4.0

package/index-136acbb1.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { FC, ReactNode } from "react";
+/**
+ * Набор констант для 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>;
+export { stackingOrder, StackingContext, StackProps, Stack };

package/index-3e68f8db.d.ts

@@ -0,0 +1,5 @@
+export * from "packages/select/src/Component";
+export * from "packages/select/src/components/index";
+export * from "packages/select/src/presets/index";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";

package/index-425c8522.d.ts

@@ -0,0 +1,6 @@
+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';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };

package/index-bdb4c6b9.d.ts

@@ -0,0 +1,172 @@
+/// <reference types="react-transition-group" />
+/// <reference types="react" />
+/* 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;
+    /**
+     * Дополнительный класс для обертки (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 };

package/index-e81c389f.d.ts

@@ -0,0 +1,3 @@
+export * from "./Component-3885b0d7";
+export * from "./index-ebda875c";
+export type { NavigationBarProps } from "./types-ebda875c";

package/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 "@alfalab/core-components-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 };