@alfalab/core-components-base-modal 5.9.0 → 6.0.0-snapshot-1393ffa

package/moderncssm/utils.js

@@ -85,3 +85,4 @@ const handleContainer = (container, shouldIOSLock = false) => {
 };
 
 export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles };
+//# sourceMappingURL=utils.js.map

package/moderncssm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import { getModalStore, SavedStyle } from '@alfalab/core-components-global-store';\nimport { browser } from '@alfalab/core-components-shared';\n\nexport function isScrolledToTop(target: HTMLElement) {\n    return target.scrollTop <= 0;\n}\n\nexport function isScrolledToBottom(target: HTMLElement) {\n    return target.scrollHeight - target.offsetHeight <= target.scrollTop;\n}\n\nexport function hasScrollbar(target: HTMLElement) {\n    return target.scrollHeight > target.clientHeight;\n}\n\nconst isOverflowing = (container: Element) => {\n    if (document.body === container) {\n        return window.innerWidth > document.documentElement.clientWidth;\n    }\n\n    return container.scrollHeight > container.clientHeight;\n};\n\nconst getPaddingRight = (node: Element) =>\n    parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;\n\nexport const restoreContainerStyles = (container: HTMLElement) => {\n    const modalRestoreStyles = getModalStore().getRestoreStyles();\n\n    const index = modalRestoreStyles.findIndex((s) => s.container === container);\n    const existingStyles = modalRestoreStyles[index];\n\n    if (!existingStyles) return;\n\n    existingStyles.modals -= 1;\n\n    if (existingStyles.modals <= 0) {\n        modalRestoreStyles.splice(index, 1);\n\n        existingStyles.styles.forEach(({ value, el, key }) => {\n            if (value) {\n                el.style.setProperty(key, value);\n            } else {\n                el.style.removeProperty(key);\n            }\n        });\n    }\n};\n\nexport const handleContainer = (container?: HTMLElement, shouldIOSLock = false) => {\n    if (!container) return;\n\n    const modalRestoreStyles = getModalStore().getRestoreStyles();\n\n    const existingStyles = modalRestoreStyles.find((s) => s.container === container);\n\n    if (existingStyles) {\n        existingStyles.modals += 1;\n\n        return;\n    }\n\n    const containerStyles: SavedStyle[] = [];\n\n    if (isOverflowing(container)) {\n        // Вычисляет размер до применения `overflow hidden` для избежания скачков\n        const scrollbarSize = browser.getScrollbarSize();\n\n        containerStyles.push({\n            value: container.style.paddingRight,\n            key: 'padding-right',\n            el: container,\n        });\n        // Вычисляем стили, чтобы получить реальный `padding` c шириной сколлбара\n        // eslint-disable-next-line no-param-reassign\n        container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`;\n    }\n\n    const parent = container.parentElement;\n    const scrollContainer =\n        // TODO: заменить на optional chaining\n        parent &&\n        parent.nodeName === 'HTML' &&\n        window.getComputedStyle(parent).overflowY === 'scroll'\n            ? parent\n            : container;\n\n    // Блокируем скролл даже если отсутствует скроллбар\n    if (scrollContainer.style.overflow !== 'hidden') {\n        containerStyles.push({\n            value: scrollContainer.style.overflow,\n            key: 'overflow',\n            el: scrollContainer,\n        });\n    }\n\n    if (!shouldIOSLock) {\n        scrollContainer.style.overflow = 'hidden';\n    }\n\n    modalRestoreStyles.push({\n        container,\n        modals: 1,\n        styles: containerStyles,\n    });\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-base-modal",
-    "version": "5.9.0",
+    "version": "6.0.0-snapshot-1393ffa",
     "description": "BaseModal component",
     "keywords": [],
     "license": "MIT",
@@ -12,24 +12,23 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^3.4.5",
-        "@alfalab/core-components-global-store": "^2.1.0",
-        "@alfalab/core-components-portal": "^3.3.7",
-        "@alfalab/core-components-stack": "^5.0.1",
-        "@alfalab/core-components-shared": "^0.16.0",
+        "@alfalab/core-components-backdrop": "3.4.6-snapshot-1393ffa",
+        "@alfalab/core-components-global-store": "2.1.1-snapshot-1393ffa",
+        "@alfalab/core-components-portal": "3.3.8-snapshot-1393ffa",
+        "@alfalab/core-components-stack": "6.0.0-snapshot-1393ffa",
+        "@alfalab/core-components-shared": "0.16.1-snapshot-1393ffa",
         "@juggle/resize-observer": "^3.3.1",
+        "@types/react-transition-group": "^4.4.5",
         "classnames": "^2.5.1",
         "react-focus-lock": "^2.12.1",
         "react-merge-refs": "^1.1.0",
         "react-transition-group": "^4.4.5",
         "tslib": "^2.4.0"
     },
-    "devDependencies": {
-        "@types/react-transition-group": "^4.4.5"
-    },
     "peerDependencies": {
+        "@alfalab/core-components-stack-context": "1.0.0-snapshot-1393ffa",
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.7.1",
-    "varsVersion": "9.18.0"
+    "themesVersion": "14.0.0-snapshot-1393ffa",
+    "varsVersion": "9.20.1-snapshot-1393ffa"
 }

package/src/Component.d.ts

@@ -0,0 +1,164 @@
+import React, { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from 'react';
+import { TransitionProps } from 'react-transition-group/Transition';
+import { BackdropProps } from '@alfalab/core-components-backdrop';
+import { PortalProps } from '@alfalab/core-components-portal';
+import './matches-polyfill';
+export declare type BaseModalProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Компонент бэкдропа
+     */
+    Backdrop?: ComponentType<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;
+    /**
+     * Дополнительные пропсы на dialog wrapper
+     */
+    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительный класс для обертки (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>;
+    /**
+     * Реф контентной области
+     */
+    contentElementRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
+};
+export declare 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'];
+};
+export declare const BaseModalContext: React.Context<BaseModalContext>;
+export declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;

package/src/Component.tsx

@@ -25,7 +25,7 @@ import { Backdrop as DefaultBackdrop, BackdropProps } from '@alfalab/core-compon
 import { Portal, PortalProps } from '@alfalab/core-components-portal';
 import { browser, os } from '@alfalab/core-components-shared';
 import { Stack } from '@alfalab/core-components-stack';
-import { stackingOrder } from '@alfalab/stack-context';
+import { stackingOrder } from '@alfalab/core-components-stack-context';
 
 import { lockScroll, syncHeight, unlockScroll } from './helpers/lockScroll';
 import {

package/src/helpers/lockScroll.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Хелпер для блокирования скроллинга в iOS
+ * В проекте используется overflow: hidden для блокировки, но в некоторых случаях этого недостаточно. Данный хелпер призван решать эту проблему
+ */
+export declare const isScrollLocked: () => boolean;
+export declare const lockScroll: () => void;
+export declare const unlockScroll: () => void;
+export declare const syncHeight: () => void;

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Component';
+export * from './utils';
+export * from './helpers/lockScroll';

package/src/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function isScrolledToTop(target: HTMLElement): boolean;
+export declare function isScrolledToBottom(target: HTMLElement): boolean;
+export declare function hasScrollbar(target: HTMLElement): boolean;
+export declare const restoreContainerStyles: (container: HTMLElement) => void;
+export declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;

package/utils.js

@@ -97,3 +97,4 @@ exports.hasScrollbar = hasScrollbar;
 exports.isScrolledToBottom = isScrolledToBottom;
 exports.isScrolledToTop = isScrolledToTop;
 exports.restoreContainerStyles = restoreContainerStyles;
+//# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getModalStore, SavedStyle } from '@alfalab/core-components-global-store';\nimport { browser } from '@alfalab/core-components-shared';\n\nexport function isScrolledToTop(target: HTMLElement) {\n    return target.scrollTop <= 0;\n}\n\nexport function isScrolledToBottom(target: HTMLElement) {\n    return target.scrollHeight - target.offsetHeight <= target.scrollTop;\n}\n\nexport function hasScrollbar(target: HTMLElement) {\n    return target.scrollHeight > target.clientHeight;\n}\n\nconst isOverflowing = (container: Element) => {\n    if (document.body === container) {\n        return window.innerWidth > document.documentElement.clientWidth;\n    }\n\n    return container.scrollHeight > container.clientHeight;\n};\n\nconst getPaddingRight = (node: Element) =>\n    parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;\n\nexport const restoreContainerStyles = (container: HTMLElement) => {\n    const modalRestoreStyles = getModalStore().getRestoreStyles();\n\n    const index = modalRestoreStyles.findIndex((s) => s.container === container);\n    const existingStyles = modalRestoreStyles[index];\n\n    if (!existingStyles) return;\n\n    existingStyles.modals -= 1;\n\n    if (existingStyles.modals <= 0) {\n        modalRestoreStyles.splice(index, 1);\n\n        existingStyles.styles.forEach(({ value, el, key }) => {\n            if (value) {\n                el.style.setProperty(key, value);\n            } else {\n                el.style.removeProperty(key);\n            }\n        });\n    }\n};\n\nexport const handleContainer = (container?: HTMLElement, shouldIOSLock = false) => {\n    if (!container) return;\n\n    const modalRestoreStyles = getModalStore().getRestoreStyles();\n\n    const existingStyles = modalRestoreStyles.find((s) => s.container === container);\n\n    if (existingStyles) {\n        existingStyles.modals += 1;\n\n        return;\n    }\n\n    const containerStyles: SavedStyle[] = [];\n\n    if (isOverflowing(container)) {\n        // Вычисляет размер до применения `overflow hidden` для избежания скачков\n        const scrollbarSize = browser.getScrollbarSize();\n\n        containerStyles.push({\n            value: container.style.paddingRight,\n            key: 'padding-right',\n            el: container,\n        });\n        // Вычисляем стили, чтобы получить реальный `padding` c шириной сколлбара\n        // eslint-disable-next-line no-param-reassign\n        container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`;\n    }\n\n    const parent = container.parentElement;\n    const scrollContainer =\n        // TODO: заменить на optional chaining\n        parent &&\n        parent.nodeName === 'HTML' &&\n        window.getComputedStyle(parent).overflowY === 'scroll'\n            ? parent\n            : container;\n\n    // Блокируем скролл даже если отсутствует скроллбар\n    if (scrollContainer.style.overflow !== 'hidden') {\n        containerStyles.push({\n            value: scrollContainer.style.overflow,\n            key: 'overflow',\n            el: scrollContainer,\n        });\n    }\n\n    if (!shouldIOSLock) {\n        scrollContainer.style.overflow = 'hidden';\n    }\n\n    modalRestoreStyles.push({\n        container,\n        modals: 1,\n        styles: containerStyles,\n    });\n};\n"],"names":["getModalStore","browser"],"mappings":"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"}

package/cssm/helpers/lockScroll.d.ts

@@ -1,5 +0,0 @@
-declare const isScrollLocked: () => boolean;
-declare const lockScroll: () => void;
-declare const unlockScroll: () => void;
-declare const syncHeight: () => void;
-export { isScrollLocked, lockScroll, unlockScroll, syncHeight };

package/cssm/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Component";
-export * from "./utils";
-export * from "./helpers/lockScroll";

package/cssm/matches-polyfill.d.ts

@@ -1 +0,0 @@
-export {};

package/cssm/utils.d.ts

@@ -1,6 +0,0 @@
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
-export { isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer };

package/esm/helpers/lockScroll.d.ts

@@ -1,5 +0,0 @@
-declare const isScrollLocked: () => boolean;
-declare const lockScroll: () => void;
-declare const unlockScroll: () => void;
-declare const syncHeight: () => void;
-export { isScrollLocked, lockScroll, unlockScroll, syncHeight };

package/esm/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Component";
-export * from "./utils";
-export * from "./helpers/lockScroll";

package/esm/matches-polyfill.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/utils.d.ts

@@ -1,6 +0,0 @@
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
-export { isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer };

package/helpers/lockScroll.d.ts

@@ -1,5 +0,0 @@
-declare const isScrollLocked: () => boolean;
-declare const lockScroll: () => void;
-declare const unlockScroll: () => void;
-declare const syncHeight: () => void;
-export { isScrollLocked, lockScroll, unlockScroll, syncHeight };

package/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Component";
-export * from "./utils";
-export * from "./helpers/lockScroll";

package/matches-polyfill.d.ts

@@ -1 +0,0 @@
-export {};

package/modern/helpers/lockScroll.d.ts

@@ -1,5 +0,0 @@
-declare const isScrollLocked: () => boolean;
-declare const lockScroll: () => void;
-declare const unlockScroll: () => void;
-declare const syncHeight: () => void;
-export { isScrollLocked, lockScroll, unlockScroll, syncHeight };

package/modern/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Component";
-export * from "./utils";
-export * from "./helpers/lockScroll";

package/modern/matches-polyfill.d.ts

@@ -1 +0,0 @@
-export {};

package/modern/utils.d.ts

@@ -1,6 +0,0 @@
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
-export { isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer };

package/moderncssm/Component.d.ts

@@ -1,167 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react-transition-group" />
-import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
-import { TransitionProps } from 'react-transition-group/Transition';
-import { BackdropProps } from "@alfalab/core-components-backdrop";
-import { PortalProps } from "@alfalab/core-components-portal";
-type BaseModalProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Компонент бэкдропа
-     */
-    Backdrop?: ComponentType<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;
-    /**
-     * Дополнительные пропсы на dialog wrapper
-     */
-    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительные пропсы на обертку контента
-     */
-    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительные пропсы на компонентную обертку контента
-     */
-    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс для обертки (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>;
-    /**
-     * Реф контентной области
-     */
-    contentElementRef?: MutableRefObject<HTMLDivElement | null>;
-    /**
-     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
-     */
-    iOSLock?: boolean;
-    /**
-     * Хэндлер события прокрутки колесиком
-     */
-    onWheel?: (e: WheelEvent<HTMLElement>) => void;
-};
-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'];
-};
-declare const BaseModalContext: React.Context<BaseModalContext>;
-declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
-export { BaseModalProps, BaseModalContext, BaseModal };

package/moderncssm/helpers/lockScroll.d.ts

@@ -1,5 +0,0 @@
-declare const isScrollLocked: () => boolean;
-declare const lockScroll: () => void;
-declare const unlockScroll: () => void;
-declare const syncHeight: () => void;
-export { isScrollLocked, lockScroll, unlockScroll, syncHeight };

package/moderncssm/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Component";
-export * from "./utils";
-export * from "./helpers/lockScroll";

package/moderncssm/matches-polyfill.d.ts

@@ -1 +0,0 @@
-export {};

package/moderncssm/utils.d.ts

@@ -1,6 +0,0 @@
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
-export { isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer };

package/utils.d.ts

@@ -1,6 +0,0 @@
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
-export { isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer };