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

package/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"base-modal__component_1000t","wrapper":"base-modal__wrapper_1000t","content":"base-modal__content_1000t","hasFooter":"base-modal__hasFooter_1000t","hasHeader":"base-modal__hasHeader_1000t","hidden":"base-modal__hidden_1000t","backdrop":"base-modal__backdrop_1000t","appear":"base-modal__appear_1000t","enter":"base-modal__enter_1000t","appearActive":"base-modal__appearActive_1000t","enterActive":"base-modal__enterActive_1000t","exit":"base-modal__exit_1000t","exitActive":"base-modal__exitActive_1000t","exitDone":"base-modal__exitDone_1000t"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '../../vars/src/index.css';\n\n:root {\n    --window-inner-scrollY: 10px; /* fallback value to prevent ci error */\n}\n\nbody:global(.is-locked) {\n    margin-top: calc(var(--window-inner-scrollY) * -1);\n    position: fixed;\n    overflow: hidden;\n}\n\n.component {\n    position: relative;\n    box-sizing: border-box;\n    background: var(--color-light-modal-bg-primary);\n    margin: auto;\n    flex-shrink: 0;\n}\n\n.wrapper {\n    position: fixed;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    outline: 0;\n    overscroll-behavior: none;\n}\n\n.content {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n\n    &.hasFooter {\n        @media (display-mode: standalone) {\n            padding-bottom: unset;\n        }\n    }\n\n    &.hasHeader {\n        @media (display-mode: standalone) {\n            padding-top: unset;\n        }\n    }\n}\n\n.hidden {\n    display: none;\n}\n\n.backdrop {\n    z-index: 0;\n}\n\n.appear,\n.enter {\n    opacity: 0;\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transition: opacity 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transition: opacity 200ms ease-out;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC,SAAS,CAAC,2BAA2B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,yBAAyB,CAAC,cAAc,CAAC,gCAAgC,CAAC,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,wBAAwB,CAAC,YAAY,CAAC,8BAA8B,CAAC,UAAU,CAAC,4BAA4B,CAAC;;;;"}

package/matches-polyfill.js

@@ -18,3 +18,4 @@ if (typeof window !== 'undefined') {
                 };
     }
 }
+//# sourceMappingURL=matches-polyfill.js.map

package/matches-polyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matches-polyfill.js","sources":["../src/matches-polyfill.ts"],"sourcesContent":["/* eslint-disable */\n// @ts-nocheck\n\nif (typeof window !== 'undefined') {\n    if (Element && !Element.prototype.matches) {\n        Element.prototype.matches =\n            Element.prototype.matchesSelector ||\n            Element.prototype.mozMatchesSelector ||\n            Element.prototype.msMatchesSelector ||\n            Element.prototype.oMatchesSelector ||\n            Element.prototype.webkitMatchesSelector ||\n            function (s) {\n                const matches = (this.document || this.ownerDocument).querySelectorAll(s);\n                let i = matches.length;\n                while (--i >= 0 && matches.item(i) !== this) {}\n                return i > -1;\n            };\n    }\n}\n"],"names":[],"mappings":";;AAAA;AACA;AAEA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IAC/B,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE;QACvC,OAAO,CAAC,SAAS,CAAC,OAAO;YACrB,OAAO,CAAC,SAAS,CAAC,eAAe;gBACjC,OAAO,CAAC,SAAS,CAAC,kBAAkB;gBACpC,OAAO,CAAC,SAAS,CAAC,iBAAiB;gBACnC,OAAO,CAAC,SAAS,CAAC,gBAAgB;gBAClC,OAAO,CAAC,SAAS,CAAC,qBAAqB;AACvC,gBAAA,UAAU,CAAC,EAAA;AACP,oBAAA,IAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACzE,oBAAA,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM;AACtB,oBAAA,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;AAC7C,oBAAA,OAAO,CAAC,GAAG,EAAE;AACjB,iBAAC;AACR;AACJ;;"}

package/modern/Component.js

@@ -8,14 +8,12 @@ import { Backdrop } from '@alfalab/core-components-backdrop/modern';
 import { Portal } from '@alfalab/core-components-portal/modern';
 import { os, browser } from '@alfalab/core-components-shared/modern';
 import { Stack } from '@alfalab/core-components-stack/modern';
-import { stackingOrder } from '@alfalab/stack-context';
+import { stackingOrder } from '@alfalab/core-components-stack-context/modern';
 import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
+import styles from './index.module.css.js';
 import './matches-polyfill.js';
 
-const styles = {"component":"base-modal__component_14ddh","wrapper":"base-modal__wrapper_14ddh","content":"base-modal__content_14ddh","hasFooter":"base-modal__hasFooter_14ddh","hasHeader":"base-modal__hasHeader_14ddh","hidden":"base-modal__hidden_14ddh","backdrop":"base-modal__backdrop_14ddh","appear":"base-modal__appear_14ddh","enter":"base-modal__enter_14ddh","appearActive":"base-modal__appearActive_14ddh","enterActive":"base-modal__enterActive_14ddh","exit":"base-modal__exit_14ddh","exitActive":"base-modal__exitActive_14ddh","exitDone":"base-modal__exitDone_14ddh"};
-require('./index.css')
-
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 const BaseModalContext = React.createContext({
@@ -270,3 +268,4 @@ BaseModal.displayName = 'BaseModal';
 BaseModalContext.displayName = 'BaseModalContext';
 
 export { BaseModal, BaseModalContext };
+//# sourceMappingURL=Component.js.map

package/modern/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, {\n    ComponentType,\n    forwardRef,\n    KeyboardEvent,\n    MouseEvent,\n    MutableRefObject,\n    ReactNode,\n    Ref,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    WheelEvent,\n} from 'react';\nimport FocusLock from 'react-focus-lock';\nimport mergeRefs from 'react-merge-refs';\nimport { CSSTransition } from 'react-transition-group';\nimport { TransitionProps } from 'react-transition-group/Transition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport cn from 'classnames';\n\nimport { Backdrop as DefaultBackdrop, BackdropProps } from '@alfalab/core-components-backdrop';\nimport { Portal, PortalProps } from '@alfalab/core-components-portal';\nimport { browser, os } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\n\nimport { lockScroll, syncHeight, unlockScroll } from './helpers/lockScroll';\nimport {\n    handleContainer,\n    hasScrollbar,\n    isScrolledToBottom,\n    isScrolledToTop,\n    restoreContainerStyles,\n} from './utils';\n\nimport styles from './index.module.css';\n\n// TODO Без полифила крашится FocusLock в IE11. Выпилить в будущем!!!.\nimport './matches-polyfill';\n\nexport type BaseModalProps = {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Компонент бэкдропа\n     */\n    Backdrop?: ComponentType<BackdropProps>;\n\n    /**\n     * Свойства для Бэкдропа\n     */\n    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;\n\n    /**\n     * Нода, компонент или функция возвращающая их\n     *\n     * Контейнер к которому будут добавляться порталы\n     */\n    container?: PortalProps['getPortalContainer'];\n\n    /**\n     * Отключает автоматический перевод фокуса на модалку при открытии\n     * @default false\n     */\n    disableAutoFocus?: boolean;\n\n    /**\n     * Отключает ловушку фокуса\n     * @default false\n     */\n    disableFocusLock?: boolean;\n\n    /**\n     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки\n     * @default false\n     */\n    disableRestoreFocus?: boolean;\n\n    /**\n     * Отключает вызов `callback` при нажатии Escape\n     * @default false\n     */\n    disableEscapeKeyDown?: boolean;\n\n    /**\n     * Отключает вызов `callback` при клике на бэкдроп\n     * @default false\n     */\n    disableBackdropClick?: boolean;\n\n    /**\n     * Отключает блокировку скролла при открытии модального окна\n     * @default false\n     */\n    disableBlockingScroll?: boolean;\n\n    /**\n     * Содержимое модалки всегда в DOM\n     * @default false\n     */\n    keepMounted?: boolean;\n\n    /**\n     * Управление видимостью модалки\n     */\n    open: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс\n     */\n    contentClassName?: string;\n\n    /**\n     * Дополнительные пропсы на dialog wrapper\n     */\n    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\n    /**\n     * Дополнительные пропсы на обертку контента\n     */\n    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\n    /**\n     * Дополнительные пропсы на компонентную обертку контента\n     */\n    componentDivProps?: React.DetailedHTMLProps<\n        React.HTMLAttributes<HTMLDivElement>,\n        HTMLDivElement\n    >;\n\n    /**\n     * Дополнительный класс для обертки (Modal)\n     */\n    wrapperClassName?: string;\n\n    /**\n     * Обработчик скролла контента\n     */\n    scrollHandler?: 'wrapper' | 'content' | MutableRefObject<HTMLDivElement | null>;\n\n    /**\n     * Пропсы для анимации (CSSTransition)\n     */\n    transitionProps?: Partial<TransitionProps>;\n\n    /**\n     * Рендерить ли в контейнер через портал.\n     * @default true\n     */\n    usePortal?: boolean;\n\n    /**\n     * Обработчик события нажатия на бэкдроп\n     */\n    onBackdropClick?: (event: MouseEvent) => void;\n\n    /**\n     * Обработчик события нажатия на Escape\n     *\n     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе\n     */\n    onEscapeKeyDown?: (event: KeyboardEvent) => void;\n\n    /**\n     * Обработчик закрытия\n     */\n    onClose?: (\n        event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n        reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick',\n    ) => void;\n\n    /**\n     * Обработчик события onEntered компонента Transition\n     */\n    onMount?: () => void;\n\n    /**\n     * Обработчик события onExited компонента Transition\n     */\n    onUnmount?: () => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Реф, который должен быть установлен компонентной области\n     */\n    componentRef?: MutableRefObject<HTMLDivElement | null>;\n\n    /**\n     * Реф контентной области\n     */\n    contentElementRef?: MutableRefObject<HTMLDivElement | null>;\n\n    /**\n     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.\n     */\n    iOSLock?: boolean;\n\n    /**\n     * Хэндлер события прокрутки колесиком\n     */\n    onWheel?: (e: WheelEvent<HTMLElement>) => void;\n};\n\nexport type BaseModalContext = {\n    parentRef: React.RefObject<HTMLDivElement>;\n    componentRef: React.RefObject<HTMLDivElement>;\n    hasFooter?: boolean;\n    hasHeader?: boolean;\n    hasScroll?: boolean;\n    headerHighlighted?: boolean;\n    footerHighlighted?: boolean;\n    headerOffset?: number;\n    setHeaderOffset: (offset: number) => void;\n    contentRef: Ref<HTMLElement>;\n    setHasHeader: (exists: boolean) => void;\n    setHasFooter: (exists: boolean) => void;\n    onClose: Required<BaseModalProps>['onClose'];\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const BaseModalContext = React.createContext<BaseModalContext>({\n    parentRef: { current: null },\n    componentRef: { current: null },\n    hasFooter: false,\n    hasHeader: false,\n    hasScroll: false,\n    headerHighlighted: false,\n    footerHighlighted: false,\n    headerOffset: 0,\n    setHeaderOffset: () => null,\n    contentRef: () => null,\n    setHasHeader: () => null,\n    setHasFooter: () => null,\n    onClose: () => null,\n});\n\nexport const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(\n    (\n        {\n            open,\n            container,\n            children,\n            scrollHandler = 'wrapper',\n            Backdrop = DefaultBackdrop,\n            backdropProps = {},\n            transitionProps = {},\n            disableBackdropClick,\n            disableAutoFocus = false,\n            disableFocusLock = false,\n            disableEscapeKeyDown = false,\n            disableRestoreFocus = false,\n            disableBlockingScroll = false,\n            keepMounted = false,\n            className,\n            contentClassName,\n            wrapperProps,\n            contentProps,\n            componentDivProps,\n            wrapperClassName,\n            onBackdropClick,\n            onClose,\n            onEscapeKeyDown,\n            onMount,\n            onUnmount,\n            dataTestId,\n            zIndex = stackingOrder.MODAL,\n            componentRef = null,\n            contentElementRef = null,\n            usePortal = true,\n            iOSLock = false,\n            onWheel,\n        },\n        ref,\n    ) => {\n        const [exited, setExited] = useState<boolean | null>(null);\n        const [hasScroll, setHasScroll] = useState(false);\n        const [hasHeader, setHasHeader] = useState(false);\n        const [hasFooter, setHasFooter] = useState(false);\n        const [headerHighlighted, setHeaderHighlighted] = useState(false);\n        const [footerHighlighted, setFooterHighlighted] = useState(false);\n        const [headerOffset, setHeaderOffset] = useState(0);\n\n        const componentNodeRef = useRef<HTMLDivElement>(null);\n        const wrapperRef = useRef<HTMLDivElement>(null);\n        const scrollableNodeRef = useRef<HTMLDivElement | null>(null);\n        const contentNodeRef = useRef<HTMLDivElement | null>(null);\n        const restoreContainerStylesRef = useRef<null | (() => void)>(null);\n        const mouseDownTarget = useRef<HTMLElement>();\n        const resizeObserverRef = useRef<ResizeObserver>();\n\n        const checkToHasScrollBar = () => {\n            if (scrollableNodeRef.current) {\n                const scrollExists = hasScrollbar(scrollableNodeRef.current);\n\n                setFooterHighlighted(scrollExists);\n                setHasScroll(scrollExists);\n            }\n        };\n\n        const isExited = exited || exited === null;\n        const shouldRender = keepMounted || open || !isExited;\n\n        const getContainer = useCallback(\n            () => (container ? container() : document.body) as HTMLElement,\n            [container],\n        );\n\n        const addResizeHandle = useCallback(() => {\n            if (!resizeObserverRef.current) return;\n\n            if (scrollableNodeRef.current) {\n                resizeObserverRef.current.observe(scrollableNodeRef.current);\n            }\n            if (contentNodeRef.current) {\n                resizeObserverRef.current.observe(contentNodeRef.current);\n            }\n        }, []);\n\n        const removeResizeHandle = useCallback(() => resizeObserverRef.current?.disconnect(), []);\n\n        const contentRef = useCallback((node: HTMLDivElement) => {\n            if (node !== null) {\n                contentNodeRef.current = node;\n                if (resizeObserverRef.current) {\n                    resizeObserverRef.current.observe(node);\n                }\n                checkToHasScrollBar();\n            }\n        }, []);\n\n        const handleScroll = useCallback(() => {\n            if (!scrollableNodeRef.current || !componentNodeRef.current) return;\n\n            if (hasHeader) {\n                setHeaderHighlighted(\n                    !isScrolledToTop(scrollableNodeRef.current) &&\n                        componentNodeRef.current.getBoundingClientRect().top - headerOffset <= 1,\n                );\n            }\n\n            if (hasFooter) {\n                setFooterHighlighted(\n                    !isScrolledToBottom(scrollableNodeRef.current) &&\n                        componentNodeRef.current.getBoundingClientRect().bottom >=\n                            window.innerHeight - 1,\n                );\n            }\n        }, [hasFooter, hasHeader, headerOffset]);\n\n        const handleClose = useCallback<Required<BaseModalProps>['onClose']>(\n            (event, reason) => {\n                if (iOSLock && os.isIOS()) {\n                    unlockScroll();\n                }\n\n                if (onClose) {\n                    onClose(event, reason);\n                }\n\n                if (reason === 'backdropClick' && onBackdropClick) {\n                    onBackdropClick(event as MouseEvent);\n                }\n\n                if (reason === 'escapeKeyDown' && onEscapeKeyDown) {\n                    onEscapeKeyDown(event as KeyboardEvent);\n                }\n\n                return null;\n            },\n            [onBackdropClick, onClose, onEscapeKeyDown, iOSLock],\n        );\n\n        const handleBackdropMouseDown = (event: MouseEvent<HTMLElement>) => {\n            let clickedOnScrollbar = false;\n            const clientWidth = (event.target as HTMLElement)?.clientWidth;\n\n            if (event.clientX && clientWidth) {\n                // Устанавливаем смещение для абсолютно спозиционированного скроллбара в OSX в 17px.\n                const offset = browser.getScrollbarSize() === 0 ? 17 : 0;\n\n                clickedOnScrollbar = event.clientX + offset > clientWidth;\n            }\n\n            if (!disableBackdropClick && !clickedOnScrollbar) {\n                mouseDownTarget.current = event.target as HTMLElement;\n            }\n        };\n\n        const handleBackdropMouseUp = (event: MouseEvent<HTMLElement>) => {\n            if (\n                !disableBackdropClick &&\n                event.target === wrapperRef.current &&\n                mouseDownTarget.current === wrapperRef.current\n            ) {\n                handleClose(event, 'backdropClick');\n            }\n\n            mouseDownTarget.current = undefined;\n        };\n\n        const handleKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLDivElement>) => {\n                /*\n                 * Чтобы сохранить дефолтное поведение элементов и событий форм,\n                 * обработчик не устанавливает event.preventDefault()\n                 */\n                if (event.key !== 'Escape') {\n                    return;\n                }\n\n                // Если есть обработчик escape на body\n                event.stopPropagation();\n\n                if (!disableEscapeKeyDown && handleClose) {\n                    handleClose(event, 'escapeKeyDown');\n                }\n            },\n            [disableEscapeKeyDown, handleClose],\n        );\n\n        const getScrollHandler = useCallback(() => {\n            if (scrollHandler === 'wrapper') return wrapperRef.current;\n            if (scrollHandler === 'content') return componentNodeRef.current;\n\n            return scrollHandler.current || wrapperRef.current;\n        }, [scrollHandler]);\n\n        const handleEntered: Required<TransitionProps>['onEntered'] = useCallback(\n            (node, isAppearing) => {\n                scrollableNodeRef.current = getScrollHandler();\n\n                addResizeHandle();\n\n                if (scrollableNodeRef.current) {\n                    scrollableNodeRef.current.addEventListener('scroll', handleScroll);\n                    handleScroll();\n                }\n\n                if (transitionProps.onEntered) {\n                    transitionProps.onEntered(node, isAppearing);\n                }\n\n                if (onMount) onMount();\n            },\n            [addResizeHandle, getScrollHandler, handleScroll, onMount, transitionProps],\n        );\n\n        const handleExited: Required<TransitionProps>['onExited'] = useCallback(\n            (node) => {\n                removeResizeHandle();\n\n                setExited(true);\n\n                if (scrollableNodeRef.current) {\n                    scrollableNodeRef.current.removeEventListener('scroll', handleScroll);\n                }\n\n                if (transitionProps.onExited) {\n                    transitionProps.onExited(node);\n                }\n\n                if (onUnmount) onUnmount();\n\n                if (restoreContainerStylesRef.current) {\n                    restoreContainerStylesRef.current();\n                }\n            },\n            [handleScroll, onUnmount, removeResizeHandle, transitionProps],\n        );\n\n        useEffect(() => {\n            if (open && isExited) {\n                if (!disableBlockingScroll) {\n                    const el = getContainer();\n\n                    const shouldIOSLock = iOSLock && os.isIOS();\n\n                    handleContainer(el, shouldIOSLock);\n                    if (shouldIOSLock) {\n                        syncHeight();\n                        lockScroll();\n                    }\n\n                    restoreContainerStylesRef.current = () => {\n                        restoreContainerStylesRef.current = null;\n                        restoreContainerStyles(el);\n                    };\n                }\n\n                setExited(false);\n            }\n\n            if (!open) {\n                unlockScroll();\n            }\n        }, [getContainer, open, disableBlockingScroll, isExited, iOSLock]);\n\n        useEffect(() => {\n            const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\n            resizeObserverRef.current = new ResizeObserver(checkToHasScrollBar);\n\n            return () => {\n                if (restoreContainerStylesRef.current) {\n                    restoreContainerStylesRef.current();\n                }\n\n                if (resizeObserverRef.current) {\n                    resizeObserverRef.current.disconnect();\n                }\n            };\n        }, []);\n\n        useEffect(() => {\n            if (disableAutoFocus || !open) return;\n\n            wrapperRef.current?.focus();\n        }, [open, disableAutoFocus]);\n\n        const contextValue = useMemo<BaseModalContext>(\n            () => ({\n                parentRef: wrapperRef,\n                componentRef: componentNodeRef,\n                hasHeader,\n                hasFooter,\n                hasScroll,\n                headerHighlighted,\n                footerHighlighted,\n                headerOffset,\n                setHeaderOffset,\n                contentRef,\n                setHasHeader,\n                setHasFooter,\n                onClose: handleClose,\n            }),\n            [\n                contentRef,\n                hasHeader,\n                hasFooter,\n                hasScroll,\n                headerHighlighted,\n                footerHighlighted,\n                headerOffset,\n                setHeaderOffset,\n                handleClose,\n            ],\n        );\n\n        const renderContent = () => (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <BaseModalContext.Provider value={contextValue}>\n                        <FocusLock\n                            disabled={disableFocusLock || !open}\n                            returnFocus={!disableRestoreFocus}\n                        >\n                            {Backdrop && (\n                                <Backdrop\n                                    {...backdropProps}\n                                    className={cn(backdropProps.className, styles.backdrop)}\n                                    open={open}\n                                    style={{\n                                        zIndex: computedZIndex,\n                                    }}\n                                />\n                            )}\n                            <div\n                                {...wrapperProps}\n                                role='dialog'\n                                className={cn(\n                                    styles.wrapper,\n                                    wrapperClassName,\n                                    wrapperProps?.className,\n                                    {\n                                        [styles.hidden]: !open && isExited,\n                                    },\n                                )}\n                                ref={mergeRefs([\n                                    ref,\n                                    wrapperRef,\n                                    wrapperProps?.ref as Ref<HTMLDivElement>,\n                                ])}\n                                onKeyDown={handleKeyDown}\n                                onMouseDown={handleBackdropMouseDown}\n                                onMouseUp={handleBackdropMouseUp}\n                                onWheel={onWheel}\n                                tabIndex={-1}\n                                data-test-id={dataTestId}\n                                style={{\n                                    zIndex: computedZIndex,\n                                }}\n                            >\n                                <CSSTransition\n                                    appear={true}\n                                    timeout={200}\n                                    classNames={styles}\n                                    nodeRef={componentNodeRef}\n                                    {...transitionProps}\n                                    in={open}\n                                    onEntered={handleEntered}\n                                    onExited={handleExited}\n                                >\n                                    <div\n                                        {...componentDivProps}\n                                        className={cn(\n                                            styles.component,\n                                            className,\n                                            componentDivProps?.className,\n                                        )}\n                                        ref={mergeRefs([\n                                            componentRef,\n                                            componentNodeRef,\n                                            componentDivProps?.ref || null,\n                                        ])}\n                                    >\n                                        <div\n                                            {...contentProps}\n                                            className={cn(\n                                                styles.content,\n                                                contentClassName,\n                                                contentProps?.className,\n                                                {\n                                                    [styles.hasFooter]: hasFooter,\n                                                    [styles.hasHeader]: hasHeader,\n                                                },\n                                            )}\n                                            ref={contentElementRef}\n                                        >\n                                            {children}\n                                        </div>\n                                    </div>\n                                </CSSTransition>\n                            </div>\n                        </FocusLock>\n                    </BaseModalContext.Provider>\n                )}\n            </Stack>\n        );\n\n        if (!shouldRender) return null;\n\n        return usePortal ? (\n            <Portal getPortalContainer={container} immediateMount={true}>\n                {renderContent()}\n            </Portal>\n        ) : (\n            renderContent()\n        );\n    },\n);\n\nBaseModal.displayName = 'BaseModal';\nBaseModalContext.displayName = 'BaseModalContext';\n"],"names":["Backdrop","DefaultBackdrop","ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}

package/modern/helpers/lockScroll.js

@@ -19,3 +19,4 @@ const syncHeight = () => {
 };
 
 export { isScrollLocked, lockScroll, syncHeight, unlockScroll };
+//# sourceMappingURL=lockScroll.js.map

package/modern/helpers/lockScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lockScroll.js","sources":["../../../src/helpers/lockScroll.ts"],"sourcesContent":["/**\n * Хелпер для блокирования скроллинга в iOS\n * В проекте используется overflow: hidden для блокировки, но в некоторых случаях этого недостаточно. Данный хелпер призван решать эту проблему\n */\n\nlet scrollY: number;\n\nexport const isScrollLocked = () => document.body.classList.contains('is-locked');\n\nexport const lockScroll = () => {\n    scrollY = window.scrollY;\n    document.body.classList.add('is-locked');\n};\n\nexport const unlockScroll = () => {\n    if (!isScrollLocked()) return;\n\n    document.body.classList.remove('is-locked');\n    window.scrollTo(0, scrollY);\n};\n\nexport const syncHeight = () => {\n    document.body.style.setProperty('--window-inner-scrollY', `${window.scrollY}px`);\n};\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEH,IAAI,OAAe;AAEN,MAAA,cAAc,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW;AAEzE,MAAM,UAAU,GAAG,MAAK;AAC3B,IAAA,OAAO,GAAG,MAAM,CAAC,OAAO;IACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;AAC5C;AAEO,MAAM,YAAY,GAAG,MAAK;IAC7B,IAAI,CAAC,cAAc,EAAE;QAAE;IAEvB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC;AAC3C,IAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC;AAC/B;AAEO,MAAM,UAAU,GAAG,MAAK;AAC3B,IAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,GAAG,MAAM,CAAC,OAAO,CAAA,EAAA,CAAI,CAAC;AACpF;;;;"}

package/modern/index.css

@@ -1,41 +1,20 @@
-/* hash: kce08 */
-: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 */ /* 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 {
-    --color-light-modal-bg-primary: #fff; /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
+:root {
+    --color-light-modal-bg-primary: #fff;
 } :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* 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 */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-0: 0px;
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ :root {
-    --window-inner-scrollY: 10px; /* fallback value to prevent ci error */
+    --window-inner-scrollY: 10px;
 } body.is-locked {
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_14ddh {
+} .base-modal__component_1000t {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_14ddh {
+} .base-modal__wrapper_1000t {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -48,33 +27,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_14ddh {
+} .base-modal__content_1000t {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_14ddh.base-modal__hasFooter_14ddh {
+} @media (display-mode: standalone) { .base-modal__content_1000t.base-modal__hasFooter_1000t {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_14ddh.base-modal__hasHeader_14ddh {
+        } @media (display-mode: standalone) { .base-modal__content_1000t.base-modal__hasHeader_1000t {
             padding-top: unset
     }
-        } .base-modal__hidden_14ddh {
+        } .base-modal__hidden_1000t {
     display: none;
-} .base-modal__backdrop_14ddh {
+} .base-modal__backdrop_1000t {
     z-index: 0;
-} .base-modal__appear_14ddh,
-.base-modal__enter_14ddh {
+} .base-modal__appear_1000t,
+.base-modal__enter_1000t {
     opacity: 0;
-} .base-modal__appearActive_14ddh,
-.base-modal__enterActive_14ddh {
+} .base-modal__appearActive_1000t,
+.base-modal__enterActive_1000t {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_14ddh {
+} .base-modal__exit_1000t {
     opacity: 1;
-} .base-modal__exitActive_14ddh,
-.base-modal__exitDone_14ddh {
+} .base-modal__exitActive_1000t,
+.base-modal__exitDone_1000t {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/modern/index.js

@@ -1,3 +1,4 @@
 export { BaseModal, BaseModalContext } from './Component.js';
 export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
 export { isScrollLocked, lockScroll, syncHeight, unlockScroll } from './helpers/lockScroll.js';
+//# sourceMappingURL=index.js.map

package/modern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/modern/index.module.css.js

@@ -0,0 +1,6 @@
+import './index.css';
+
+const styles = {"component":"base-modal__component_1000t","wrapper":"base-modal__wrapper_1000t","content":"base-modal__content_1000t","hasFooter":"base-modal__hasFooter_1000t","hasHeader":"base-modal__hasHeader_1000t","hidden":"base-modal__hidden_1000t","backdrop":"base-modal__backdrop_1000t","appear":"base-modal__appear_1000t","enter":"base-modal__enter_1000t","appearActive":"base-modal__appearActive_1000t","enterActive":"base-modal__enterActive_1000t","exit":"base-modal__exit_1000t","exitActive":"base-modal__exitActive_1000t","exitDone":"base-modal__exitDone_1000t"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '../../vars/src/index.css';\n\n:root {\n    --window-inner-scrollY: 10px; /* fallback value to prevent ci error */\n}\n\nbody:global(.is-locked) {\n    margin-top: calc(var(--window-inner-scrollY) * -1);\n    position: fixed;\n    overflow: hidden;\n}\n\n.component {\n    position: relative;\n    box-sizing: border-box;\n    background: var(--color-light-modal-bg-primary);\n    margin: auto;\n    flex-shrink: 0;\n}\n\n.wrapper {\n    position: fixed;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    outline: 0;\n    overscroll-behavior: none;\n}\n\n.content {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n\n    &.hasFooter {\n        @media (display-mode: standalone) {\n            padding-bottom: unset;\n        }\n    }\n\n    &.hasHeader {\n        @media (display-mode: standalone) {\n            padding-top: unset;\n        }\n    }\n}\n\n.hidden {\n    display: none;\n}\n\n.backdrop {\n    z-index: 0;\n}\n\n.appear,\n.enter {\n    opacity: 0;\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transition: opacity 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transition: opacity 200ms ease-out;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC,SAAS,CAAC,2BAA2B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,yBAAyB,CAAC,cAAc,CAAC,gCAAgC,CAAC,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,wBAAwB,CAAC,YAAY,CAAC,8BAA8B,CAAC,UAAU,CAAC,4BAA4B,CAAC;;;;"}

package/modern/matches-polyfill.js

@@ -16,3 +16,4 @@ if (typeof window !== 'undefined') {
                 };
     }
 }
+//# sourceMappingURL=matches-polyfill.js.map

package/modern/matches-polyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matches-polyfill.js","sources":["../../src/matches-polyfill.ts"],"sourcesContent":["/* eslint-disable */\n// @ts-nocheck\n\nif (typeof window !== 'undefined') {\n    if (Element && !Element.prototype.matches) {\n        Element.prototype.matches =\n            Element.prototype.matchesSelector ||\n            Element.prototype.mozMatchesSelector ||\n            Element.prototype.msMatchesSelector ||\n            Element.prototype.oMatchesSelector ||\n            Element.prototype.webkitMatchesSelector ||\n            function (s) {\n                const matches = (this.document || this.ownerDocument).querySelectorAll(s);\n                let i = matches.length;\n                while (--i >= 0 && matches.item(i) !== this) {}\n                return i > -1;\n            };\n    }\n}\n"],"names":[],"mappings":"AAAA;AACA;AAEA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IAC/B,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE;QACvC,OAAO,CAAC,SAAS,CAAC,OAAO;YACrB,OAAO,CAAC,SAAS,CAAC,eAAe;gBACjC,OAAO,CAAC,SAAS,CAAC,kBAAkB;gBACpC,OAAO,CAAC,SAAS,CAAC,iBAAiB;gBACnC,OAAO,CAAC,SAAS,CAAC,gBAAgB;gBAClC,OAAO,CAAC,SAAS,CAAC,qBAAqB;AACvC,gBAAA,UAAU,CAAC,EAAA;AACP,oBAAA,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACzE,oBAAA,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM;AACtB,oBAAA,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;AAC7C,oBAAA,OAAO,CAAC,GAAG,EAAE;AACjB,iBAAC;AACR;AACJ"}

package/{esm → modern/src}/Component.d.ts

@@ -1,11 +1,9 @@
-/// <reference types="react" />
-/// <reference types="react-transition-group" />
-import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
+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";
-type BaseModalProps = {
+import { BackdropProps } from '@alfalab/core-components-backdrop';
+import { PortalProps } from '@alfalab/core-components-portal';
+import './matches-polyfill';
+export declare type BaseModalProps = {
     /**
      * Контент
      */
@@ -147,7 +145,7 @@ type BaseModalProps = {
      */
     onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
-type BaseModalContext = {
+export declare type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
     componentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
@@ -162,6 +160,5 @@ type BaseModalContext = {
     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 };
+export declare const BaseModalContext: React.Context<BaseModalContext>;
+export declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;

package/modern/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/modern/src/index.d.ts

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

package/modern/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/modern/utils.js

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

package/modern/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/moderncssm/Component.js

@@ -8,7 +8,7 @@ import { Backdrop } from '@alfalab/core-components-backdrop/moderncssm';
 import { Portal } from '@alfalab/core-components-portal/moderncssm';
 import { os, browser } from '@alfalab/core-components-shared/moderncssm';
 import { Stack } from '@alfalab/core-components-stack/moderncssm';
-import { stackingOrder } from '@alfalab/stack-context';
+import { stackingOrder } from '@alfalab/core-components-stack-context/moderncssm';
 import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 import styles from './index.module.css';
@@ -268,3 +268,4 @@ BaseModal.displayName = 'BaseModal';
 BaseModalContext.displayName = 'BaseModalContext';
 
 export { BaseModal, BaseModalContext };
+//# sourceMappingURL=Component.js.map

package/moderncssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, {\n    ComponentType,\n    forwardRef,\n    KeyboardEvent,\n    MouseEvent,\n    MutableRefObject,\n    ReactNode,\n    Ref,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    WheelEvent,\n} from 'react';\nimport FocusLock from 'react-focus-lock';\nimport mergeRefs from 'react-merge-refs';\nimport { CSSTransition } from 'react-transition-group';\nimport { TransitionProps } from 'react-transition-group/Transition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport cn from 'classnames';\n\nimport { Backdrop as DefaultBackdrop, BackdropProps } from '@alfalab/core-components-backdrop';\nimport { Portal, PortalProps } from '@alfalab/core-components-portal';\nimport { browser, os } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\n\nimport { lockScroll, syncHeight, unlockScroll } from './helpers/lockScroll';\nimport {\n    handleContainer,\n    hasScrollbar,\n    isScrolledToBottom,\n    isScrolledToTop,\n    restoreContainerStyles,\n} from './utils';\n\nimport styles from './index.module.css';\n\n// TODO Без полифила крашится FocusLock в IE11. Выпилить в будущем!!!.\nimport './matches-polyfill';\n\nexport type BaseModalProps = {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Компонент бэкдропа\n     */\n    Backdrop?: ComponentType<BackdropProps>;\n\n    /**\n     * Свойства для Бэкдропа\n     */\n    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;\n\n    /**\n     * Нода, компонент или функция возвращающая их\n     *\n     * Контейнер к которому будут добавляться порталы\n     */\n    container?: PortalProps['getPortalContainer'];\n\n    /**\n     * Отключает автоматический перевод фокуса на модалку при открытии\n     * @default false\n     */\n    disableAutoFocus?: boolean;\n\n    /**\n     * Отключает ловушку фокуса\n     * @default false\n     */\n    disableFocusLock?: boolean;\n\n    /**\n     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки\n     * @default false\n     */\n    disableRestoreFocus?: boolean;\n\n    /**\n     * Отключает вызов `callback` при нажатии Escape\n     * @default false\n     */\n    disableEscapeKeyDown?: boolean;\n\n    /**\n     * Отключает вызов `callback` при клике на бэкдроп\n     * @default false\n     */\n    disableBackdropClick?: boolean;\n\n    /**\n     * Отключает блокировку скролла при открытии модального окна\n     * @default false\n     */\n    disableBlockingScroll?: boolean;\n\n    /**\n     * Содержимое модалки всегда в DOM\n     * @default false\n     */\n    keepMounted?: boolean;\n\n    /**\n     * Управление видимостью модалки\n     */\n    open: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс\n     */\n    contentClassName?: string;\n\n    /**\n     * Дополнительные пропсы на dialog wrapper\n     */\n    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\n    /**\n     * Дополнительные пропсы на обертку контента\n     */\n    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\n    /**\n     * Дополнительные пропсы на компонентную обертку контента\n     */\n    componentDivProps?: React.DetailedHTMLProps<\n        React.HTMLAttributes<HTMLDivElement>,\n        HTMLDivElement\n    >;\n\n    /**\n     * Дополнительный класс для обертки (Modal)\n     */\n    wrapperClassName?: string;\n\n    /**\n     * Обработчик скролла контента\n     */\n    scrollHandler?: 'wrapper' | 'content' | MutableRefObject<HTMLDivElement | null>;\n\n    /**\n     * Пропсы для анимации (CSSTransition)\n     */\n    transitionProps?: Partial<TransitionProps>;\n\n    /**\n     * Рендерить ли в контейнер через портал.\n     * @default true\n     */\n    usePortal?: boolean;\n\n    /**\n     * Обработчик события нажатия на бэкдроп\n     */\n    onBackdropClick?: (event: MouseEvent) => void;\n\n    /**\n     * Обработчик события нажатия на Escape\n     *\n     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе\n     */\n    onEscapeKeyDown?: (event: KeyboardEvent) => void;\n\n    /**\n     * Обработчик закрытия\n     */\n    onClose?: (\n        event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n        reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick',\n    ) => void;\n\n    /**\n     * Обработчик события onEntered компонента Transition\n     */\n    onMount?: () => void;\n\n    /**\n     * Обработчик события onExited компонента Transition\n     */\n    onUnmount?: () => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Реф, который должен быть установлен компонентной области\n     */\n    componentRef?: MutableRefObject<HTMLDivElement | null>;\n\n    /**\n     * Реф контентной области\n     */\n    contentElementRef?: MutableRefObject<HTMLDivElement | null>;\n\n    /**\n     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.\n     */\n    iOSLock?: boolean;\n\n    /**\n     * Хэндлер события прокрутки колесиком\n     */\n    onWheel?: (e: WheelEvent<HTMLElement>) => void;\n};\n\nexport type BaseModalContext = {\n    parentRef: React.RefObject<HTMLDivElement>;\n    componentRef: React.RefObject<HTMLDivElement>;\n    hasFooter?: boolean;\n    hasHeader?: boolean;\n    hasScroll?: boolean;\n    headerHighlighted?: boolean;\n    footerHighlighted?: boolean;\n    headerOffset?: number;\n    setHeaderOffset: (offset: number) => void;\n    contentRef: Ref<HTMLElement>;\n    setHasHeader: (exists: boolean) => void;\n    setHasFooter: (exists: boolean) => void;\n    onClose: Required<BaseModalProps>['onClose'];\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const BaseModalContext = React.createContext<BaseModalContext>({\n    parentRef: { current: null },\n    componentRef: { current: null },\n    hasFooter: false,\n    hasHeader: false,\n    hasScroll: false,\n    headerHighlighted: false,\n    footerHighlighted: false,\n    headerOffset: 0,\n    setHeaderOffset: () => null,\n    contentRef: () => null,\n    setHasHeader: () => null,\n    setHasFooter: () => null,\n    onClose: () => null,\n});\n\nexport const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(\n    (\n        {\n            open,\n            container,\n            children,\n            scrollHandler = 'wrapper',\n            Backdrop = DefaultBackdrop,\n            backdropProps = {},\n            transitionProps = {},\n            disableBackdropClick,\n            disableAutoFocus = false,\n            disableFocusLock = false,\n            disableEscapeKeyDown = false,\n            disableRestoreFocus = false,\n            disableBlockingScroll = false,\n            keepMounted = false,\n            className,\n            contentClassName,\n            wrapperProps,\n            contentProps,\n            componentDivProps,\n            wrapperClassName,\n            onBackdropClick,\n            onClose,\n            onEscapeKeyDown,\n            onMount,\n            onUnmount,\n            dataTestId,\n            zIndex = stackingOrder.MODAL,\n            componentRef = null,\n            contentElementRef = null,\n            usePortal = true,\n            iOSLock = false,\n            onWheel,\n        },\n        ref,\n    ) => {\n        const [exited, setExited] = useState<boolean | null>(null);\n        const [hasScroll, setHasScroll] = useState(false);\n        const [hasHeader, setHasHeader] = useState(false);\n        const [hasFooter, setHasFooter] = useState(false);\n        const [headerHighlighted, setHeaderHighlighted] = useState(false);\n        const [footerHighlighted, setFooterHighlighted] = useState(false);\n        const [headerOffset, setHeaderOffset] = useState(0);\n\n        const componentNodeRef = useRef<HTMLDivElement>(null);\n        const wrapperRef = useRef<HTMLDivElement>(null);\n        const scrollableNodeRef = useRef<HTMLDivElement | null>(null);\n        const contentNodeRef = useRef<HTMLDivElement | null>(null);\n        const restoreContainerStylesRef = useRef<null | (() => void)>(null);\n        const mouseDownTarget = useRef<HTMLElement>();\n        const resizeObserverRef = useRef<ResizeObserver>();\n\n        const checkToHasScrollBar = () => {\n            if (scrollableNodeRef.current) {\n                const scrollExists = hasScrollbar(scrollableNodeRef.current);\n\n                setFooterHighlighted(scrollExists);\n                setHasScroll(scrollExists);\n            }\n        };\n\n        const isExited = exited || exited === null;\n        const shouldRender = keepMounted || open || !isExited;\n\n        const getContainer = useCallback(\n            () => (container ? container() : document.body) as HTMLElement,\n            [container],\n        );\n\n        const addResizeHandle = useCallback(() => {\n            if (!resizeObserverRef.current) return;\n\n            if (scrollableNodeRef.current) {\n                resizeObserverRef.current.observe(scrollableNodeRef.current);\n            }\n            if (contentNodeRef.current) {\n                resizeObserverRef.current.observe(contentNodeRef.current);\n            }\n        }, []);\n\n        const removeResizeHandle = useCallback(() => resizeObserverRef.current?.disconnect(), []);\n\n        const contentRef = useCallback((node: HTMLDivElement) => {\n            if (node !== null) {\n                contentNodeRef.current = node;\n                if (resizeObserverRef.current) {\n                    resizeObserverRef.current.observe(node);\n                }\n                checkToHasScrollBar();\n            }\n        }, []);\n\n        const handleScroll = useCallback(() => {\n            if (!scrollableNodeRef.current || !componentNodeRef.current) return;\n\n            if (hasHeader) {\n                setHeaderHighlighted(\n                    !isScrolledToTop(scrollableNodeRef.current) &&\n                        componentNodeRef.current.getBoundingClientRect().top - headerOffset <= 1,\n                );\n            }\n\n            if (hasFooter) {\n                setFooterHighlighted(\n                    !isScrolledToBottom(scrollableNodeRef.current) &&\n                        componentNodeRef.current.getBoundingClientRect().bottom >=\n                            window.innerHeight - 1,\n                );\n            }\n        }, [hasFooter, hasHeader, headerOffset]);\n\n        const handleClose = useCallback<Required<BaseModalProps>['onClose']>(\n            (event, reason) => {\n                if (iOSLock && os.isIOS()) {\n                    unlockScroll();\n                }\n\n                if (onClose) {\n                    onClose(event, reason);\n                }\n\n                if (reason === 'backdropClick' && onBackdropClick) {\n                    onBackdropClick(event as MouseEvent);\n                }\n\n                if (reason === 'escapeKeyDown' && onEscapeKeyDown) {\n                    onEscapeKeyDown(event as KeyboardEvent);\n                }\n\n                return null;\n            },\n            [onBackdropClick, onClose, onEscapeKeyDown, iOSLock],\n        );\n\n        const handleBackdropMouseDown = (event: MouseEvent<HTMLElement>) => {\n            let clickedOnScrollbar = false;\n            const clientWidth = (event.target as HTMLElement)?.clientWidth;\n\n            if (event.clientX && clientWidth) {\n                // Устанавливаем смещение для абсолютно спозиционированного скроллбара в OSX в 17px.\n                const offset = browser.getScrollbarSize() === 0 ? 17 : 0;\n\n                clickedOnScrollbar = event.clientX + offset > clientWidth;\n            }\n\n            if (!disableBackdropClick && !clickedOnScrollbar) {\n                mouseDownTarget.current = event.target as HTMLElement;\n            }\n        };\n\n        const handleBackdropMouseUp = (event: MouseEvent<HTMLElement>) => {\n            if (\n                !disableBackdropClick &&\n                event.target === wrapperRef.current &&\n                mouseDownTarget.current === wrapperRef.current\n            ) {\n                handleClose(event, 'backdropClick');\n            }\n\n            mouseDownTarget.current = undefined;\n        };\n\n        const handleKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLDivElement>) => {\n                /*\n                 * Чтобы сохранить дефолтное поведение элементов и событий форм,\n                 * обработчик не устанавливает event.preventDefault()\n                 */\n                if (event.key !== 'Escape') {\n                    return;\n                }\n\n                // Если есть обработчик escape на body\n                event.stopPropagation();\n\n                if (!disableEscapeKeyDown && handleClose) {\n                    handleClose(event, 'escapeKeyDown');\n                }\n            },\n            [disableEscapeKeyDown, handleClose],\n        );\n\n        const getScrollHandler = useCallback(() => {\n            if (scrollHandler === 'wrapper') return wrapperRef.current;\n            if (scrollHandler === 'content') return componentNodeRef.current;\n\n            return scrollHandler.current || wrapperRef.current;\n        }, [scrollHandler]);\n\n        const handleEntered: Required<TransitionProps>['onEntered'] = useCallback(\n            (node, isAppearing) => {\n                scrollableNodeRef.current = getScrollHandler();\n\n                addResizeHandle();\n\n                if (scrollableNodeRef.current) {\n                    scrollableNodeRef.current.addEventListener('scroll', handleScroll);\n                    handleScroll();\n                }\n\n                if (transitionProps.onEntered) {\n                    transitionProps.onEntered(node, isAppearing);\n                }\n\n                if (onMount) onMount();\n            },\n            [addResizeHandle, getScrollHandler, handleScroll, onMount, transitionProps],\n        );\n\n        const handleExited: Required<TransitionProps>['onExited'] = useCallback(\n            (node) => {\n                removeResizeHandle();\n\n                setExited(true);\n\n                if (scrollableNodeRef.current) {\n                    scrollableNodeRef.current.removeEventListener('scroll', handleScroll);\n                }\n\n                if (transitionProps.onExited) {\n                    transitionProps.onExited(node);\n                }\n\n                if (onUnmount) onUnmount();\n\n                if (restoreContainerStylesRef.current) {\n                    restoreContainerStylesRef.current();\n                }\n            },\n            [handleScroll, onUnmount, removeResizeHandle, transitionProps],\n        );\n\n        useEffect(() => {\n            if (open && isExited) {\n                if (!disableBlockingScroll) {\n                    const el = getContainer();\n\n                    const shouldIOSLock = iOSLock && os.isIOS();\n\n                    handleContainer(el, shouldIOSLock);\n                    if (shouldIOSLock) {\n                        syncHeight();\n                        lockScroll();\n                    }\n\n                    restoreContainerStylesRef.current = () => {\n                        restoreContainerStylesRef.current = null;\n                        restoreContainerStyles(el);\n                    };\n                }\n\n                setExited(false);\n            }\n\n            if (!open) {\n                unlockScroll();\n            }\n        }, [getContainer, open, disableBlockingScroll, isExited, iOSLock]);\n\n        useEffect(() => {\n            const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\n            resizeObserverRef.current = new ResizeObserver(checkToHasScrollBar);\n\n            return () => {\n                if (restoreContainerStylesRef.current) {\n                    restoreContainerStylesRef.current();\n                }\n\n                if (resizeObserverRef.current) {\n                    resizeObserverRef.current.disconnect();\n                }\n            };\n        }, []);\n\n        useEffect(() => {\n            if (disableAutoFocus || !open) return;\n\n            wrapperRef.current?.focus();\n        }, [open, disableAutoFocus]);\n\n        const contextValue = useMemo<BaseModalContext>(\n            () => ({\n                parentRef: wrapperRef,\n                componentRef: componentNodeRef,\n                hasHeader,\n                hasFooter,\n                hasScroll,\n                headerHighlighted,\n                footerHighlighted,\n                headerOffset,\n                setHeaderOffset,\n                contentRef,\n                setHasHeader,\n                setHasFooter,\n                onClose: handleClose,\n            }),\n            [\n                contentRef,\n                hasHeader,\n                hasFooter,\n                hasScroll,\n                headerHighlighted,\n                footerHighlighted,\n                headerOffset,\n                setHeaderOffset,\n                handleClose,\n            ],\n        );\n\n        const renderContent = () => (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <BaseModalContext.Provider value={contextValue}>\n                        <FocusLock\n                            disabled={disableFocusLock || !open}\n                            returnFocus={!disableRestoreFocus}\n                        >\n                            {Backdrop && (\n                                <Backdrop\n                                    {...backdropProps}\n                                    className={cn(backdropProps.className, styles.backdrop)}\n                                    open={open}\n                                    style={{\n                                        zIndex: computedZIndex,\n                                    }}\n                                />\n                            )}\n                            <div\n                                {...wrapperProps}\n                                role='dialog'\n                                className={cn(\n                                    styles.wrapper,\n                                    wrapperClassName,\n                                    wrapperProps?.className,\n                                    {\n                                        [styles.hidden]: !open && isExited,\n                                    },\n                                )}\n                                ref={mergeRefs([\n                                    ref,\n                                    wrapperRef,\n                                    wrapperProps?.ref as Ref<HTMLDivElement>,\n                                ])}\n                                onKeyDown={handleKeyDown}\n                                onMouseDown={handleBackdropMouseDown}\n                                onMouseUp={handleBackdropMouseUp}\n                                onWheel={onWheel}\n                                tabIndex={-1}\n                                data-test-id={dataTestId}\n                                style={{\n                                    zIndex: computedZIndex,\n                                }}\n                            >\n                                <CSSTransition\n                                    appear={true}\n                                    timeout={200}\n                                    classNames={styles}\n                                    nodeRef={componentNodeRef}\n                                    {...transitionProps}\n                                    in={open}\n                                    onEntered={handleEntered}\n                                    onExited={handleExited}\n                                >\n                                    <div\n                                        {...componentDivProps}\n                                        className={cn(\n                                            styles.component,\n                                            className,\n                                            componentDivProps?.className,\n                                        )}\n                                        ref={mergeRefs([\n                                            componentRef,\n                                            componentNodeRef,\n                                            componentDivProps?.ref || null,\n                                        ])}\n                                    >\n                                        <div\n                                            {...contentProps}\n                                            className={cn(\n                                                styles.content,\n                                                contentClassName,\n                                                contentProps?.className,\n                                                {\n                                                    [styles.hasFooter]: hasFooter,\n                                                    [styles.hasHeader]: hasHeader,\n                                                },\n                                            )}\n                                            ref={contentElementRef}\n                                        >\n                                            {children}\n                                        </div>\n                                    </div>\n                                </CSSTransition>\n                            </div>\n                        </FocusLock>\n                    </BaseModalContext.Provider>\n                )}\n            </Stack>\n        );\n\n        if (!shouldRender) return null;\n\n        return usePortal ? (\n            <Portal getPortalContainer={container} immediateMount={true}>\n                {renderContent()}\n            </Portal>\n        ) : (\n            renderContent()\n        );\n    },\n);\n\nBaseModal.displayName = 'BaseModal';\nBaseModalContext.displayName = 'BaseModalContext';\n"],"names":["Backdrop","DefaultBackdrop","ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}

package/moderncssm/helpers/lockScroll.js

@@ -19,3 +19,4 @@ const syncHeight = () => {
 };
 
 export { isScrollLocked, lockScroll, syncHeight, unlockScroll };
+//# sourceMappingURL=lockScroll.js.map

package/moderncssm/helpers/lockScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lockScroll.js","sources":["../../../src/helpers/lockScroll.ts"],"sourcesContent":["/**\n * Хелпер для блокирования скроллинга в iOS\n * В проекте используется overflow: hidden для блокировки, но в некоторых случаях этого недостаточно. Данный хелпер призван решать эту проблему\n */\n\nlet scrollY: number;\n\nexport const isScrollLocked = () => document.body.classList.contains('is-locked');\n\nexport const lockScroll = () => {\n    scrollY = window.scrollY;\n    document.body.classList.add('is-locked');\n};\n\nexport const unlockScroll = () => {\n    if (!isScrollLocked()) return;\n\n    document.body.classList.remove('is-locked');\n    window.scrollTo(0, scrollY);\n};\n\nexport const syncHeight = () => {\n    document.body.style.setProperty('--window-inner-scrollY', `${window.scrollY}px`);\n};\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEH,IAAI,OAAe;AAEN,MAAA,cAAc,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW;AAEzE,MAAM,UAAU,GAAG,MAAK;AAC3B,IAAA,OAAO,GAAG,MAAM,CAAC,OAAO;IACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;AAC5C;AAEO,MAAM,YAAY,GAAG,MAAK;IAC7B,IAAI,CAAC,cAAc,EAAE;QAAE;IAEvB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC;AAC3C,IAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC;AAC/B;AAEO,MAAM,UAAU,GAAG,MAAK;AAC3B,IAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,GAAG,MAAM,CAAC,OAAO,CAAA,EAAA,CAAI,CAAC;AACpF;;;;"}

package/moderncssm/index.js

@@ -1,3 +1,4 @@
 export { BaseModal, BaseModalContext } from './Component.js';
 export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
 export { isScrollLocked, lockScroll, syncHeight, unlockScroll } from './helpers/lockScroll.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/moderncssm/index.module.css

@@ -1,7 +1,5 @@
-/* */
-
 :root {
-    --window-inner-scrollY: 10px; /* fallback value to prevent ci error */
+    --window-inner-scrollY: 10px;
 }
 
 body:global(.is-locked) {

package/moderncssm/matches-polyfill.js

@@ -16,3 +16,4 @@ if (typeof window !== 'undefined') {
                 };
     }
 }
+//# sourceMappingURL=matches-polyfill.js.map

package/moderncssm/matches-polyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matches-polyfill.js","sources":["../../src/matches-polyfill.ts"],"sourcesContent":["/* eslint-disable */\n// @ts-nocheck\n\nif (typeof window !== 'undefined') {\n    if (Element && !Element.prototype.matches) {\n        Element.prototype.matches =\n            Element.prototype.matchesSelector ||\n            Element.prototype.mozMatchesSelector ||\n            Element.prototype.msMatchesSelector ||\n            Element.prototype.oMatchesSelector ||\n            Element.prototype.webkitMatchesSelector ||\n            function (s) {\n                const matches = (this.document || this.ownerDocument).querySelectorAll(s);\n                let i = matches.length;\n                while (--i >= 0 && matches.item(i) !== this) {}\n                return i > -1;\n            };\n    }\n}\n"],"names":[],"mappings":"AAAA;AACA;AAEA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IAC/B,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE;QACvC,OAAO,CAAC,SAAS,CAAC,OAAO;YACrB,OAAO,CAAC,SAAS,CAAC,eAAe;gBACjC,OAAO,CAAC,SAAS,CAAC,kBAAkB;gBACpC,OAAO,CAAC,SAAS,CAAC,iBAAiB;gBACnC,OAAO,CAAC,SAAS,CAAC,gBAAgB;gBAClC,OAAO,CAAC,SAAS,CAAC,qBAAqB;AACvC,gBAAA,UAAU,CAAC,EAAA;AACP,oBAAA,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACzE,oBAAA,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM;AACtB,oBAAA,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;AAC7C,oBAAA,OAAO,CAAC,GAAG,EAAE;AACjB,iBAAC;AACR;AACJ"}

package/{modern → moderncssm/src}/Component.d.ts

@@ -1,11 +1,9 @@
-/// <reference types="react" />
-/// <reference types="react-transition-group" />
-import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
+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";
-type BaseModalProps = {
+import { BackdropProps } from '@alfalab/core-components-backdrop';
+import { PortalProps } from '@alfalab/core-components-portal';
+import './matches-polyfill';
+export declare type BaseModalProps = {
     /**
      * Контент
      */
@@ -147,7 +145,7 @@ type BaseModalProps = {
      */
     onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
-type BaseModalContext = {
+export declare type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
     componentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
@@ -162,6 +160,5 @@ type BaseModalContext = {
     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 };
+export declare const BaseModalContext: React.Context<BaseModalContext>;
+export declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/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/moderncssm/src/index.d.ts

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

package/moderncssm/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;