@alfalab/core-components-base-modal 7.1.2 → 7.1.3

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"base-modal__component_fbclb","wrapper":"base-modal__wrapper_fbclb","content":"base-modal__content_fbclb","hasFooter":"base-modal__hasFooter_fbclb","hasHeader":"base-modal__hasHeader_fbclb","hidden":"base-modal__hidden_fbclb","backdrop":"base-modal__backdrop_fbclb","appear":"base-modal__appear_fbclb","enter":"base-modal__enter_fbclb","appearActive":"base-modal__appearActive_fbclb","enterActive":"base-modal__enterActive_fbclb","exit":"base-modal__exit_fbclb","exitActive":"base-modal__exitActive_fbclb","exitDone":"base-modal__exitDone_fbclb"};
+const styles = {"component":"base-modal__component_v1ivs","wrapper":"base-modal__wrapper_v1ivs","content":"base-modal__content_v1ivs","hasFooter":"base-modal__hasFooter_v1ivs","hasHeader":"base-modal__hasHeader_v1ivs","hidden":"base-modal__hidden_v1ivs","backdrop":"base-modal__backdrop_v1ivs","appear":"base-modal__appear_v1ivs","enter":"base-modal__enter_v1ivs","appearActive":"base-modal__appearActive_v1ivs","enterActive":"base-modal__enterActive_v1ivs","exit":"base-modal__exit_v1ivs","exitActive":"base-modal__exitActive_v1ivs","exitDone":"base-modal__exitDone_v1ivs"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/moderncssm/Component.js

@@ -245,11 +245,12 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
         setHeaderOffset,
         handleClose,
     ]);
+    const { className: backdropClassName, shouldRender: backdropShouldRender = true, ...restBackdropProps } = backdropProps;
     const renderContent = () => (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(BaseModalContext.Provider, { value: contextValue },
         React.createElement(FocusLock, { disabled: disableFocusLock || !open, returnFocus: !disableRestoreFocus },
             React.createElement(RemoveScroll, { enabled: open && Boolean(scrollLock), removeScrollBar: false },
                 React.createElement(React.Fragment, null,
-                    Backdrop$1 && (React.createElement(Backdrop$1, { ...backdropProps, className: cn(backdropProps.className, styles.backdrop), open: open, style: {
+                    backdropShouldRender && Backdrop$1 && (React.createElement(Backdrop$1, { ...restBackdropProps, className: cn(backdropClassName, styles.backdrop), open: open, style: {
                             zIndex: computedZIndex,
                         } })),
                     React.createElement("div", { ...wrapperProps, role: 'dialog', className: cn(styles.wrapper, wrapperClassName, wrapperProps?.className, {

package/moderncssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, {\n    type ComponentType,\n    forwardRef,\n    type KeyboardEvent,\n    type MouseEvent,\n    type MutableRefObject,\n    type ReactNode,\n    type Ref,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type WheelEvent,\n} from 'react';\nimport FocusLock from 'react-focus-lock';\nimport mergeRefs from 'react-merge-refs';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport cn from 'classnames';\n\nimport { Backdrop as DefaultBackdrop, type BackdropProps } from '@alfalab/core-components-backdrop';\nimport { Portal, type PortalProps } from '@alfalab/core-components-portal';\nimport { getScrollbarSize, isIOS } 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\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     * @deprecated Используйте `scrollLock={true}`.\n     */\n    disableBlockingScroll?: boolean;\n\n    /**\n     * Управляет блокировкой скролла/overscroll фона при открытой модалке.\n     * @default false\n     */\n    scrollLock?: 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<CSSTransitionProps>;\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     * @deprecated Используйте `scrollLock={true}`.\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    setHeaderHighlighted: (value: boolean) => void;\n    setFooterHighlighted: (value: boolean) => void;\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    setHeaderHighlighted: () => {},\n    setFooterHighlighted: () => {},\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            scrollLock = 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 (!scrollLock && iOSLock && 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, scrollLock],\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 = 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<CSSTransitionProps>['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<CSSTransitionProps>['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                /*\n                 * При scrollLock={true} блокировка обрабатывается через react-remove-scroll,\n                 * старая логика нужна только для обратной совместимости (deprecated пропсы)\n                 */\n                const shouldUseLegacyScrollLock = !scrollLock && !disableBlockingScroll;\n\n                if (shouldUseLegacyScrollLock) {\n                    const el = getContainer();\n\n                    const shouldIOSLock = iOSLock && 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, scrollLock, 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                setHeaderHighlighted,\n                setFooterHighlighted,\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                            <RemoveScroll\n                                enabled={open && Boolean(scrollLock)}\n                                removeScrollBar={false}\n                            >\n                                <React.Fragment>\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                                </React.Fragment>\n                            </RemoveScroll>\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":";;;;;;;;;;;;;;;;AAAA;AAuPA;AACa,MAAA,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB;AAClE,IAAA,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC5B,IAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,eAAe,EAAE,MAAM,IAAI;AAC3B,IAAA,UAAU,EAAE,MAAM,IAAI;AACtB,IAAA,YAAY,EAAE,MAAM,IAAI;AACxB,IAAA,YAAY,EAAE,MAAM,IAAI;AACxB,IAAA,OAAO,EAAE,MAAM,IAAI;AACnB,IAAA,oBAAoB,EAAE,MAAK,GAAG;AAC9B,IAAA,oBAAoB,EAAE,MAAK,GAAG;AACjC,CAAA;AAEY,MAAA,SAAS,GAAG,UAAU,CAC/B,CACI,EACI,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,SAAS,YACzBA,UAAQ,GAAGC,QAAe,EAC1B,aAAa,GAAG,EAAE,EAClB,eAAe,GAAG,EAAE,EACpB,oBAAoB,EACpB,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,oBAAoB,GAAG,KAAK,EAC5B,mBAAmB,GAAG,KAAK,EAC3B,qBAAqB,GAAG,KAAK,EAC7B,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,eAAe,EACf,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,GAAG,aAAa,CAAC,KAAK,EAC5B,YAAY,GAAG,IAAI,EACnB,iBAAiB,GAAG,IAAI,EACxB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GACV,EACD,GAAG,KACH;IACA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAEnD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAwB,IAAI,CAAC;AAC7D,IAAA,MAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC;AAC1D,IAAA,MAAM,yBAAyB,GAAG,MAAM,CAAsB,IAAI,CAAC;AACnE,IAAA,MAAM,eAAe,GAAG,MAAM,EAAe;AAC7C,IAAA,MAAM,iBAAiB,GAAG,MAAM,EAAkB;IAElD,MAAM,mBAAmB,GAAG,MAAK;AAC7B,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC3B,MAAM,YAAY,GAAG,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC;YAE5D,oBAAoB,CAAC,YAAY,CAAC;YAClC,YAAY,CAAC,YAAY,CAAC;;AAElC,KAAC;AAED,IAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,KAAK,IAAI;IAC1C,MAAM,YAAY,GAAG,WAAW,IAAI,IAAI,IAAI,CAAC,QAAQ;IAErD,MAAM,YAAY,GAAG,WAAW,CAC5B,OAAO,SAAS,GAAG,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAgB,EAC9D,CAAC,SAAS,CAAC,CACd;AAED,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;QACrC,IAAI,CAAC,iBAAiB,CAAC,OAAO;YAAE;AAEhC,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC3B,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC;;AAEhE,QAAA,IAAI,cAAc,CAAC,OAAO,EAAE;YACxB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC;;KAEhE,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;AAEzF,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,IAAoB,KAAI;AACpD,QAAA,IAAI,IAAI,KAAK,IAAI,EAAE;AACf,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;AAC7B,YAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC3B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;;AAE3C,YAAA,mBAAmB,EAAE;;KAE5B,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QAClC,IAAI,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO;YAAE;QAE7D,IAAI,SAAS,EAAE;AACX,YAAA,oBAAoB,CAChB,CAAC,eAAe,CAAC,iBAAiB,CAAC,OAAO,CAAC;AACvC,gBAAA,gBAAgB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,YAAY,IAAI,CAAC,CAC/E;;QAGL,IAAI,SAAS,EAAE;AACX,YAAA,oBAAoB,CAChB,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,OAAO,CAAC;AAC1C,gBAAA,gBAAgB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM;AACnD,oBAAA,MAAM,CAAC,WAAW,GAAG,CAAC,CACjC;;KAER,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IAExC,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAK,EAAE,MAAM,KAAI;QACd,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,KAAK,EAAE,EAAE;AACnC,YAAA,YAAY,EAAE;;QAGlB,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;;AAG1B,QAAA,IAAI,MAAM,KAAK,eAAe,IAAI,eAAe,EAAE;YAC/C,eAAe,CAAC,KAAmB,CAAC;;AAGxC,QAAA,IAAI,MAAM,KAAK,eAAe,IAAI,eAAe,EAAE;YAC/C,eAAe,CAAC,KAAsB,CAAC;;AAG3C,QAAA,OAAO,IAAI;AACf,KAAC,EACD,CAAC,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,UAAU,CAAC,CACnE;AAED,IAAA,MAAM,uBAAuB,GAAG,CAAC,KAA8B,KAAI;QAC/D,IAAI,kBAAkB,GAAG,KAAK;AAC9B,QAAA,MAAM,WAAW,GAAI,KAAK,CAAC,MAAsB,EAAE,WAAW;AAE9D,QAAA,IAAI,KAAK,CAAC,OAAO,IAAI,WAAW,EAAE;;AAE9B,YAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC;YAEhD,kBAAkB,GAAG,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,WAAW;;AAG7D,QAAA,IAAI,CAAC,oBAAoB,IAAI,CAAC,kBAAkB,EAAE;AAC9C,YAAA,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC,MAAqB;;AAE7D,KAAC;AAED,IAAA,MAAM,qBAAqB,GAAG,CAAC,KAA8B,KAAI;AAC7D,QAAA,IACI,CAAC,oBAAoB;AACrB,YAAA,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO;AACnC,YAAA,eAAe,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAChD;AACE,YAAA,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC;;AAGvC,QAAA,eAAe,CAAC,OAAO,GAAG,SAAS;AACvC,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAoC,KAAI;AACrC;;;AAGG;AACH,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YACxB;;;QAIJ,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,CAAC,oBAAoB,IAAI,WAAW,EAAE;AACtC,YAAA,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC;;AAE3C,KAAC,EACD,CAAC,oBAAoB,EAAE,WAAW,CAAC,CACtC;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;QACtC,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO,UAAU,CAAC,OAAO;QAC1D,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO,gBAAgB,CAAC,OAAO;AAEhE,QAAA,OAAO,aAAa,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO;AACtD,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEnB,MAAM,aAAa,GAA8C,WAAW,CACxE,CAAC,IAAI,EAAE,WAAW,KAAI;AAClB,QAAA,iBAAiB,CAAC,OAAO,GAAG,gBAAgB,EAAE;AAE9C,QAAA,eAAe,EAAE;AAEjB,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC3B,iBAAiB,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAClE,YAAA,YAAY,EAAE;;AAGlB,QAAA,IAAI,eAAe,CAAC,SAAS,EAAE;AAC3B,YAAA,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC;;AAGhD,QAAA,IAAI,OAAO;AAAE,YAAA,OAAO,EAAE;AAC1B,KAAC,EACD,CAAC,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC,CAC9E;AAED,IAAA,MAAM,YAAY,GAA6C,WAAW,CACtE,CAAC,IAAI,KAAI;AACL,QAAA,kBAAkB,EAAE;QAEpB,SAAS,CAAC,IAAI,CAAC;AAEf,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC3B,iBAAiB,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;;AAGzE,QAAA,IAAI,eAAe,CAAC,QAAQ,EAAE;AAC1B,YAAA,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC;;AAGlC,QAAA,IAAI,SAAS;AAAE,YAAA,SAAS,EAAE;AAE1B,QAAA,IAAI,yBAAyB,CAAC,OAAO,EAAE;YACnC,yBAAyB,CAAC,OAAO,EAAE;;KAE1C,EACD,CAAC,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,eAAe,CAAC,CACjE;IAED,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,IAAI,IAAI,QAAQ,EAAE;AAClB;;;AAGG;AACH,YAAA,MAAM,yBAAyB,GAAG,CAAC,UAAU,IAAI,CAAC,qBAAqB;YAEvE,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,MAAM,EAAE,GAAG,YAAY,EAAE;AAEzB,gBAAA,MAAM,aAAa,GAAG,OAAO,IAAI,KAAK,EAAE;AAExC,gBAAA,eAAe,CAAC,EAAE,EAAE,aAAa,CAAC;gBAClC,IAAI,aAAa,EAAE;AACf,oBAAA,UAAU,EAAE;AACZ,oBAAA,UAAU,EAAE;;AAGhB,gBAAA,yBAAyB,CAAC,OAAO,GAAG,MAAK;AACrC,oBAAA,yBAAyB,CAAC,OAAO,GAAG,IAAI;oBACxC,sBAAsB,CAAC,EAAE,CAAC;AAC9B,iBAAC;;YAGL,SAAS,CAAC,KAAK,CAAC;;QAGpB,IAAI,CAAC,IAAI,EAAE;AACP,YAAA,YAAY,EAAE;;AAEtB,KAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,qBAAqB,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAE9E,SAAS,CAAC,MAAK;AACX,QAAA,MAAMC,gBAAc,GAAG,MAAM,CAAC,cAAc,IAAIC,cAAsB;QAEtE,iBAAiB,CAAC,OAAO,GAAG,IAAID,gBAAc,CAAC,mBAAmB,CAAC;AAEnE,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,yBAAyB,CAAC,OAAO,EAAE;gBACnC,yBAAyB,CAAC,OAAO,EAAE;;AAGvC,YAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC3B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;;AAE9C,SAAC;KACJ,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;QACX,IAAI,gBAAgB,IAAI,CAAC,IAAI;YAAE;AAE/B,QAAA,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE;AAC/B,KAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAE5B,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;AACH,QAAA,SAAS,EAAE,UAAU;AACrB,QAAA,YAAY,EAAE,gBAAgB;QAC9B,SAAS;QACT,SAAS;QACT,SAAS;QACT,iBAAiB;QACjB,iBAAiB;QACjB,YAAY;QACZ,eAAe;QACf,UAAU;QACV,YAAY;QACZ,YAAY;AACZ,QAAA,OAAO,EAAE,WAAW;QACpB,oBAAoB;QACpB,oBAAoB;AACvB,KAAA,CAAC,EACF;QACI,UAAU;QACV,SAAS;QACT,SAAS;QACT,SAAS;QACT,iBAAiB;QACjB,iBAAiB;QACjB,YAAY;QACZ,eAAe;QACf,WAAW;AACd,KAAA,CACJ;IAED,MAAM,aAAa,GAAG,OAClB,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,EACf,CAAC,cAAc,MACZ,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA;AAC1C,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACN,QAAQ,EAAE,gBAAgB,IAAI,CAAC,IAAI,EACnC,WAAW,EAAE,CAAC,mBAAmB,EAAA;AAEjC,YAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,OAAO,EAAE,IAAI,IAAI,OAAO,CAAC,UAAU,CAAC,EACpC,eAAe,EAAE,KAAK,EAAA;gBAEtB,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAA,IAAA;oBACVF,UAAQ,KACL,KAAA,CAAA,aAAA,CAACA,UAAQ,EAAA,EAAA,GACD,aAAa,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EACvD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;AACH,4BAAA,MAAM,EAAE,cAAc;AACzB,yBAAA,EAAA,CACH,CACL;AACD,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACQ,YAAY,EAChB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,OAAO,EACd,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB;4BACI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,QAAQ;AACrC,yBAAA,CACJ,EACD,GAAG,EAAE,SAAS,CAAC;4BACX,GAAG;4BACH,UAAU;AACV,4BAAA,YAAY,EAAE,GAA0B;yBAC3C,CAAC,EACF,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,uBAAuB,EACpC,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EACE,cAAA,EAAA,UAAU,EACxB,KAAK,EAAE;AACH,4BAAA,MAAM,EAAE,cAAc;AACzB,yBAAA,EAAA;AAED,wBAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,gBAAgB,EACrB,GAAA,eAAe,EACnB,EAAE,EAAE,IAAI,EACR,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EAAA;4BAEtB,KACQ,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,iBAAiB,EACrB,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,EAAE,SAAS,CAC/B,EACD,GAAG,EAAE,SAAS,CAAC;oCACX,YAAY;oCACZ,gBAAgB;oCAChB,iBAAiB,EAAE,GAAG,IAAI,IAAI;iCACjC,CAAC,EAAA;AAEF,gCAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACQ,YAAY,EAChB,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,OAAO,EACd,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB;AACI,wCAAA,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;AAC7B,wCAAA,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;AAChC,qCAAA,CACJ,EACD,GAAG,EAAE,iBAAiB,EAAA,EAErB,QAAQ,CACP,CACJ,CACM,CACd,CACO,CACN,CACP,CACY,CAC/B,CACG,CACX;AAED,IAAA,IAAI,CAAC,YAAY;AAAE,QAAA,OAAO,IAAI;IAE9B,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,kBAAkB,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EACtD,EAAA,aAAa,EAAE,CACX,KAET,aAAa,EAAE,CAClB;AACL,CAAC;AAGL,SAAS,CAAC,WAAW,GAAG,WAAW;AACnC,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, {\n    type ComponentType,\n    forwardRef,\n    type KeyboardEvent,\n    type MouseEvent,\n    type MutableRefObject,\n    type ReactNode,\n    type Ref,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type WheelEvent,\n} from 'react';\nimport FocusLock from 'react-focus-lock';\nimport mergeRefs from 'react-merge-refs';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport cn from 'classnames';\n\nimport { Backdrop as DefaultBackdrop, type BackdropProps } from '@alfalab/core-components-backdrop';\nimport { Portal, type PortalProps } from '@alfalab/core-components-portal';\nimport { getScrollbarSize, isIOS } 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\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     * @deprecated Используйте `scrollLock={true}`.\n     */\n    disableBlockingScroll?: boolean;\n\n    /**\n     * Управляет блокировкой скролла/overscroll фона при открытой модалке.\n     * @default false\n     */\n    scrollLock?: 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<CSSTransitionProps>;\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     * @deprecated Используйте `scrollLock={true}`.\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    setHeaderHighlighted: (value: boolean) => void;\n    setFooterHighlighted: (value: boolean) => void;\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    setHeaderHighlighted: () => {},\n    setFooterHighlighted: () => {},\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            scrollLock = 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 (!scrollLock && iOSLock && 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, scrollLock],\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 = 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<CSSTransitionProps>['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<CSSTransitionProps>['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                /*\n                 * При scrollLock={true} блокировка обрабатывается через react-remove-scroll,\n                 * старая логика нужна только для обратной совместимости (deprecated пропсы)\n                 */\n                const shouldUseLegacyScrollLock = !scrollLock && !disableBlockingScroll;\n\n                if (shouldUseLegacyScrollLock) {\n                    const el = getContainer();\n\n                    const shouldIOSLock = iOSLock && 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, scrollLock, 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                setHeaderHighlighted,\n                setFooterHighlighted,\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 {\n            className: backdropClassName,\n            shouldRender: backdropShouldRender = true,\n            ...restBackdropProps\n        } = backdropProps;\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                            <RemoveScroll\n                                enabled={open && Boolean(scrollLock)}\n                                removeScrollBar={false}\n                            >\n                                <React.Fragment>\n                                    {backdropShouldRender && Backdrop && (\n                                        <Backdrop\n                                            {...restBackdropProps}\n                                            className={cn(backdropClassName, 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                                </React.Fragment>\n                            </RemoveScroll>\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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-base-modal",
-    "version": "7.1.2",
+    "version": "7.1.3",
     "description": "BaseModal component",
     "keywords": [],
     "license": "MIT",
@@ -33,6 +33,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.2",
+    "themesVersion": "15.0.3",
     "varsVersion": "11.0.2"
 }

package/src/Component.tsx

@@ -585,6 +585,12 @@ export const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(
             ],
         );
 
+        const {
+            className: backdropClassName,
+            shouldRender: backdropShouldRender = true,
+            ...restBackdropProps
+        } = backdropProps;
+
         const renderContent = () => (
             <Stack value={zIndex}>
                 {(computedZIndex) => (
@@ -598,10 +604,10 @@ export const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(
                                 removeScrollBar={false}
                             >
                                 <React.Fragment>
-                                    {Backdrop && (
+                                    {backdropShouldRender && Backdrop && (
                                         <Backdrop
-                                            {...backdropProps}
-                                            className={cn(backdropProps.className, styles.backdrop)}
+                                            {...restBackdropProps}
+                                            className={cn(backdropClassName, styles.backdrop)}
                                             open={open}
                                             style={{
                                                 zIndex: computedZIndex,