@alfalab/core-components-input-autocomplete 9.4.6 → 10.0.0

package/cssm/Component.responsive.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { BottomSheetProps } from "./index-f12ee135";
-import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps } from "./index-3e68f8db";
+import { ButtonMobileProps } from "./mobile-96988a65";
+import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
 import { InputAutocompleteMobileProps } from "./Component.mobile";
 type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAutocompleteMobileProps & {
@@ -14,71 +14,13 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & Record<string, unknown>) | undefined;
     value?: string | undefined;
     readOnly?: boolean | undefined;
@@ -86,7 +28,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
 } & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
-    onChange: (payload: string | import("./index-3e68f8db").BaseSelectChangePayload) => void;
+    onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
     filter?: string | undefined;
@@ -94,8 +36,8 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     onClearFilter?: (() => void) | undefined;
     bottomSheetProps?: Partial<BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
-    continueButtonProps?: ButtonProps | undefined;
-    cancelButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     Input?: React.ElementType<any> | undefined;
 } & {
     /**

package/cssm/Component.responsive.js

@@ -7,16 +7,18 @@ var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component_desktop = require('./Component.desktop.js');
 var Component_mobile = require('./Component.mobile.js');
-require('@alfalab/core-components-select/cssm');
+require('@alfalab/core-components-select/cssm/shared');
 require('./autocomplete-field/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('@alfalab/core-components-input/cssm');
+require('@alfalab/core-components-input/cssm/desktop');
 require('./autocomplete-field/index.module.css');
 require('lodash.throttle');
-require('@alfalab/core-components-button/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/core-components-select/cssm/mobile');
 require('./autocomplete-mobile-field/Component.js');
-require('@alfalab/core-components-form-control/cssm');
+require('@alfalab/core-components-form-control/cssm/mobile');
 require('./autocomplete-mobile-field/index.module.css');
 require('./mobile.module.css');
 

package/cssm/autocomplete-field/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { FieldProps } from "../index-3e68f8db";
+import React from 'react';
+import { FieldProps } from "../shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "../Component.desktop";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

package/cssm/autocomplete-field/Component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
-var coreComponentsInput = require('@alfalab/core-components-input/cssm');
+var desktop = require('@alfalab/core-components-input/cssm/desktop');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -18,7 +18,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var AutocompleteField = function (_a) {
     var _b;
-    var label = _a.label, _c = _a.labelView, labelView = _c === void 0 ? 'inner' : _c, placeholder = _a.placeholder, size = _a.size, Arrow = _a.Arrow, _d = _a.Input, Input = _d === void 0 ? coreComponentsInput.Input : _d, value = _a.value, error = _a.error, success = _a.success, hint = _a.hint, disabled = _a.disabled, readOnly = _a.readOnly, onInput = _a.onInput, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, innerProps = _a.innerProps;
+    var label = _a.label, _c = _a.labelView, labelView = _c === void 0 ? 'inner' : _c, placeholder = _a.placeholder, size = _a.size, Arrow = _a.Arrow, _d = _a.Input, Input = _d === void 0 ? desktop.InputDesktop : _d, value = _a.value, error = _a.error, success = _a.success, hint = _a.hint, disabled = _a.disabled, readOnly = _a.readOnly, onInput = _a.onInput, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, innerProps = _a.innerProps;
     var inputRef = React.useRef(null);
     var onClick = innerProps.onClick, onFocus = innerProps.onFocus;
     var inputDisabled = disabled || readOnly;

package/cssm/autocomplete-field/index.js

@@ -7,7 +7,7 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
-require('@alfalab/core-components-input/cssm');
+require('@alfalab/core-components-input/cssm/desktop');
 require('./index.module.css');
 
 

package/cssm/autocomplete-mobile-field/Component.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { FormControlProps } from "@alfalab/core-components-form-control";
+import React from 'react';
+import { FormControlMobileProps } from "../mobile-96988a65";
 import { InputAutocompleteProps } from "../index";
-import { FieldProps as BaseFieldProps } from "../index-3e68f8db";
-type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
-declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
+import { FieldProps as BaseFieldProps } from "../shared-4cd3936b";
+type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
+declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
 export { AutocompleteMobileFieldProps, AutocompleteMobileField };

package/cssm/autocomplete-mobile-field/Component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsFormControl = require('@alfalab/core-components-form-control/cssm');
+var mobile = require('@alfalab/core-components-form-control/cssm/mobile');
 var hooks = require('@alfalab/hooks');
 var styles = require('./index.module.css');
 
@@ -17,19 +17,19 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var AutocompleteMobileField = function (_a) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 'm' : _c; _a.open; var error = _a.error, hint = _a.hint, disabled = _a.disabled, label = _a.label, _d = _a.labelView, labelView = _d === void 0 ? 'inner' : _d, placeholder = _a.placeholder, value = _a.value, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, Arrow = _a.Arrow; _a.valueRenderer; _a.toggleMenu; _a.setSelectedItems; _a.selectedMultiple; var restProps = tslib.__rest(_a, ["size", "open", "error", "hint", "disabled", "label", "labelView", "placeholder", "value", "innerProps", "dataTestId", "fieldClassName", "Arrow", "valueRenderer", "toggleMenu", "setSelectedItems", "selectedMultiple"]);
+    var _c = _a.size, size = _c === void 0 ? 'm' : _c; _a.open; var disabled = _a.disabled, value = _a.value, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, _d = _a.labelView, labelView = _d === void 0 ? 'inner' : _d, placeholder = _a.placeholder, Arrow = _a.Arrow; _a.valueRenderer; _a.toggleMenu; _a.setSelectedItems; _a.selectedMultiple; var restProps = tslib.__rest(_a, ["size", "open", "disabled", "value", "innerProps", "dataTestId", "fieldClassName", "labelView", "placeholder", "Arrow", "valueRenderer", "toggleMenu", "setSelectedItems", "selectedMultiple"]);
     var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
     var wrapperRef = React.useRef(null);
     var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
     var filled = Boolean(value);
-    var showLabel = !!label && (filled || !placeholder || labelView === 'outer');
+    var showPlaceholder = placeholder && !filled && labelView === 'outer';
     return (React__default.default.createElement("div", { className: styles__default.default.component, ref: wrapperRef, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); } },
-        React__default.default.createElement(coreComponentsFormControl.FormControl, tslib.__assign({ fieldClassName: cn__default.default(styles__default.default.field, fieldClassName, (_b = {},
+        React__default.default.createElement(mobile.FormControlMobile, tslib.__assign({ fieldClassName: cn__default.default(styles__default.default.field, fieldClassName, (_b = {},
                 _b[styles__default.default.disabled] = disabled,
                 _b[styles__default.default.focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, label: showLabel && label, labelView: labelView, error: error, hint: hint, rightAddons: Arrow, "data-test-id": dataTestId }, restProps, innerProps),
+                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, rightAddons: Arrow, "data-test-id": dataTestId }, restProps, innerProps),
             React__default.default.createElement("div", { className: styles__default.default.contentWrapper },
-                placeholder && !filled && (React__default.default.createElement("span", { className: styles__default.default.placeholder }, placeholder)),
+                showPlaceholder && React__default.default.createElement("span", { className: styles__default.default.placeholder }, placeholder),
                 filled && React__default.default.createElement("div", { className: styles__default.default.value }, value)))));
 };
 

package/cssm/autocomplete-mobile-field/index.js

@@ -6,7 +6,7 @@ var autocompleteMobileField_Component = require('./Component.js');
 require('tslib');
 require('react');
 require('classnames');
-require('@alfalab/core-components-form-control/cssm');
+require('@alfalab/core-components-form-control/cssm/mobile');
 require('@alfalab/hooks');
 require('./index.module.css');
 

package/cssm/component-89a3cf4c.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode, RefObject } from "react";
+import { NavigationBarProps } from "./index-e81c389f";
+import { SwipeableHandlers } from "react-swipeable";
+import { BackdropProps } from "./index-ebda875c";
+import { BottomSheetProps } from "./types-d9f9bbcc";
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+};
+declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
+type SwipeableBackdropProps = BackdropProps & {
+    /**
+     * Прозрачность бэкдропа
+     */
+    opacity?: number;
+    /**
+     * Обработчики свайпа
+     */
+    handlers?: SwipeableHandlers;
+    /**
+     * Время анимации opacity
+     */
+    opacityTimeout?: number;
+};
+declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/cssm/desktop-63dec22f.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from "react";
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktopProps, ButtonDesktop };

package/cssm/desktop.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop";
+export { InputAutocompleteDesktop, InputAutocompleteDesktopProps } from "./Component.desktop";
 export {};

package/cssm/desktop.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
-require('@alfalab/core-components-select/cssm');
+require('@alfalab/core-components-select/cssm/shared');
 require('./autocomplete-field/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('@alfalab/core-components-input/cssm');
+require('@alfalab/core-components-input/cssm/desktop');
 require('./autocomplete-field/index.module.css');
 
 

package/{esm/hook-b4e70cb0.d.ts → cssm/hook-9ea9e32c.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "./index-3e68f8db";
+import { BaseSelectProps, OptionShape } from "./typings-5e1b8383";
 type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
@@ -36,18 +36,20 @@ type UseSelectWithApplyProps = {
 };
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
-    OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-5e1b8383").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-b4e70cb0").FooterProps> | undefined;
-        Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
-        headerProps?: import("./Component-aed0af6e").HeaderProps | undefined;
+        OptionsList?: import("react").FC<import("./typings-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-5e1b8383").FooterProps> | undefined;
+        Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
+        headerProps?: import("./Component-ebda875c").HeaderProps | undefined; /**
+         * Показывать кнопку очистки
+         */
         showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
-        OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList: import("react").FC<import("./typings-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
         onApply: () => void;
@@ -62,12 +64,12 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     };
     allowUnselect: boolean;
     multiple: boolean;
-    options: (OptionShape | import("./index-3e68f8db").GroupShape | {
+    options: (OptionShape | import("./typings-5e1b8383").GroupShape | {
         key: string;
         content: string;
     })[];
-    onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
+    onChange: (payload: import("./typings-5e1b8383").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
 };
-export * from "./Component-b4e70cb0";
+export * from "./Component-5e1b8383";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/cssm/{index-3885b0d7.d.ts → index-89a3cf4c.d.ts}

@@ -1,3 +1,3 @@
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
 declare const isClient: () => boolean;
-export { getDataTestId, isClient };
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+export { isClient, getDataTestId };

package/cssm/index-bdb4c6b9.d.ts

@@ -1,172 +1,2 @@
-/// <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 };
+export * from "./Component-ebda875c";
+export * from "./utils-1574ad8b";

package/cssm/index-e81c389f.d.ts

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