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

package/esm/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/esm/index.js

@@ -13,3 +13,4 @@ import 'lodash.throttle';
 import '@alfalab/core-components-button/esm';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/esm';
+import './mobile.module-0ca7666f.js';

package/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: borew */
+/* hash: 1wdha */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomSheetInput_8stne {
+} .input-autocomplete__bottomAddonInput_m06ps {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_8stne {
+} .input-autocomplete__footer_m06ps {
     display: flex
-} .input-autocomplete__footer_8stne > button + button {
+} .input-autocomplete__footer_m06ps > button + button {
         margin-left: var(--gap-m);
     }

package/esm/mobile.d.ts

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

package/esm/mobile.js

@@ -1,4 +1,5 @@
 export { InputAutocompleteMobile } from './Component.mobile.js';
+export { InputAutocompleteModalMobile } from './Component.modal.mobile.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
@@ -10,3 +11,5 @@ import '@alfalab/core-components-select/esm';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/esm';
 import '@alfalab/hooks';
+import './mobile.module-0ca7666f.js';
+import '@alfalab/core-components-select/esm/mobile';

package/esm/mobile.module-0ca7666f.js

@@ -0,0 +1,4 @@
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_m06ps","footer":"input-autocomplete__footer_m06ps"};
+require('./mobile.css')
+
+export { styles as s };

package/esm/responsive.js

@@ -13,3 +13,4 @@ import 'lodash.throttle';
 import '@alfalab/core-components-button/esm';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/esm';
+import './mobile.module-0ca7666f.js';