@alfalab/core-components-universal-modal 3.2.5 → 3.2.6-alfasans

package/src/desktop/components/center-modal/center-modal.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef } from 'react';
+import React, { forwardRef, type MutableRefObject, useRef } from 'react';
 import cn from 'classnames';
 
 import { BaseModal } from '@alfalab/core-components-base-modal';
@@ -36,6 +36,7 @@ export const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps
         margin,
         scrollableContainerRef: scrollableContainerRefProp,
         onClose,
+        wrapperClassName,
         ...restProps
     } = props;
 
@@ -60,9 +61,10 @@ export const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps
             dataTestId={dataTestId}
             ref={ref}
             componentRef={componentRef}
-            scrollHandler='content'
+            scrollHandler={scrollableContainerRef as MutableRefObject<HTMLDivElement | null>}
+            scrollContainerFillsViewport={false}
             disableBlockingScroll={withoutOverlay}
-            wrapperClassName={cn(styles.baseModalContainer, {
+            wrapperClassName={cn(styles.baseModalContainer, wrapperClassName, {
                 [styles.wrapperJustifyStart]: verticalAlign === 'top',
                 [styles.wrapperJustifyCenter]: verticalAlign === 'center',
                 [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',

package/src/desktop/components/footer/index.tsx

@@ -10,12 +10,7 @@ import layoutStyles from './layout.module.css';
 
 const FOOTER_MEDIUM_BREAKPOINT = 800;
 
-export interface FooterDesktopProps extends FooterProps {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's' | 500;
-}
+export type FooterDesktopProps = FooterProps;
 
 export const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {
     const { className, sticky, layout = 'start', ...restProps } = props;

package/src/desktop/components/modal-content/modal-content.tsx

@@ -1,11 +1,9 @@
 import React, { type FC, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 
 import { type BaseModalProps } from '@alfalab/core-components-base-modal';
 import { Scrollbar } from '@alfalab/core-components-scrollbar';
 
-import { useModalHighlighted } from '../../hooks/use-modal-highlighted';
 import { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';
 import { type UniversalModalDesktopProps } from '../../types/props';
 import { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';
@@ -23,15 +21,11 @@ type Props = PickedBaseModalProps & PickedUniversalModalDesktopProps;
 export const ModalContent: FC<Props> = (props) => {
     const { children, height, scrollableContainerRef = null } = props;
 
-    const scrollableNodeRef = useRef<HTMLDivElement>(null);
-    const scrollbarContentNodeRef = useRef<HTMLDivElement>(null);
     const scrollbarRef = useRef<HTMLDivElement | null>(null);
     const verticalBarRef = useRef<HTMLDivElement>(null);
     const headerElementRef = useRef<HTMLDivElement>(null);
     const footerElementRef = useRef<HTMLDivElement | null>(null);
 
-    const { handleScroll } = useModalHighlighted({ scrollbarContentNodeRef, scrollableNodeRef });
-
     const { enhancedChildren } = setFooterAndHeaderRefs({
         children,
         headerElementRef,
@@ -46,16 +40,14 @@ export const ModalContent: FC<Props> = (props) => {
             ref={scrollbarRef}
             verticalBarRef={verticalBarRef}
             scrollableNodeProps={{
-                ref: mergeRefs([scrollableNodeRef, scrollableContainerRef]),
+                ref: scrollableContainerRef,
                 className: styles.scrollableNode,
             }}
             contentNodeProps={{
-                ref: scrollbarContentNodeRef,
                 className: cn(styles.contentNode, {
                     [styles.hugContent]: height === 'hugContent',
                 }),
             }}
-            onContentScroll={handleScroll}
         >
             {enhancedChildren}
         </Scrollbar>

package/src/desktop/components/side-modal/side-modal.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef } from 'react';
+import React, { forwardRef, type MutableRefObject, useRef } from 'react';
 import cn from 'classnames';
 
 import { BaseModal } from '@alfalab/core-components-base-modal';
@@ -30,6 +30,7 @@ export const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>(
         margin,
         scrollableContainerRef: scrollableContainerRefProp,
         onClose,
+        wrapperClassName,
         ...restProps
     } = props;
     const componentRef = useRef<HTMLDivElement>(null);
@@ -55,9 +56,10 @@ export const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>(
             ref={ref}
             componentRef={componentRef}
             contentElementRef={contentRef}
-            scrollHandler='content'
+            scrollHandler={scrollableContainerRef as MutableRefObject<HTMLDivElement | null>}
+            scrollContainerFillsViewport={false}
             disableBlockingScroll={withoutOverlay}
-            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, {
+            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, wrapperClassName, {
                 [styles.wrapperAlignStart]: horizontalAlign === 'start',
                 [styles.wrapperAlignEnd]: horizontalAlign === 'end',
                 [styles.wrapperJustifyCenter]: verticalAlign === 'center',

package/src/desktop/types/props.ts

@@ -65,6 +65,7 @@ export interface UniversalModalDesktopProps
                 | 'container'
                 | 'disableRestoreFocus'
                 | 'disableAutoFocus'
+                | 'zIndex'
             >
         > {
     /**

package/src/mobile/types/props.ts

@@ -23,5 +23,7 @@ export interface UniversalModalMobileProps
                 | 'disableFocusLock'
                 | 'container'
                 | 'disableAutoFocus'
+                | 'zIndex'
+                | 'scrollLock'
             >
         > {}

package/cssm/desktop/hooks/use-modal-highlighted.d.ts

@@ -1,13 +0,0 @@
-import { type RefObject } from 'react';
-interface Params {
-    scrollbarContentNodeRef: RefObject<HTMLDivElement>;
-    scrollableNodeRef: RefObject<HTMLDivElement>;
-}
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-export declare const useModalHighlighted: (params: Params) => {
-    handleScroll: (e: Event) => void;
-};
-export {};

package/cssm/desktop/hooks/use-modal-highlighted.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var Context = require('../../Context.js');
-
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-var useModalHighlighted = function (params) {
-    var scrollbarContentNodeRef = params.scrollbarContentNodeRef, scrollableNodeRef = params.scrollableNodeRef;
-    var _a = React.useContext(Context.ModalContext), setModalHeaderHighlighted = _a.setHeaderHighlighted, setModalFooterHighlighted = _a.setFooterHighlighted;
-    var handleScroll = function (e) {
-        var target = e.target;
-        var scrollTop = target.scrollTop, scrollHeight = target.scrollHeight, clientHeight = target.clientHeight;
-        var isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(scrollTop > 0);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(!isElementFullScrolled);
-        }
-    };
-    // Очищаем overlap значения в контексте
-    React.useEffect(function () { return function () {
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(false);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(false);
-        }
-    }; }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
-    // Расчет overlap футера при resize событии
-    React.useEffect(function () {
-        var resizeObserver = new ResizeObserver(function () {
-            var _a, _b;
-            var contentHeight = ((_a = scrollbarContentNodeRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
-            var wrapperHeight = ((_b = scrollableNodeRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0;
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(contentHeight > wrapperHeight);
-            }
-        });
-        if (scrollbarContentNodeRef.current) {
-            resizeObserver.observe(scrollbarContentNodeRef.current);
-        }
-        return function () {
-            resizeObserver.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [setModalFooterHighlighted]);
-    return { handleScroll: handleScroll };
-};
-
-exports.useModalHighlighted = useModalHighlighted;
-//# sourceMappingURL=use-modal-highlighted.js.map

package/cssm/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { ModalContext } from '../../Context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":["useContext","ModalContext","useEffect"],"mappings":";;;;;;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GAGFA,gBAAU,CAACC,oBAAY,CAAC,EAFF,yBAAyB,GAAA,EAAA,CAAA,oBAAA,EACzB,yBAAyB,GAAA,EAAA,CAAA,oBACvB;IAE5B,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;QAEvE,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;;QAG5C,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;;AAEzD,KAAC;;IAGDC,eAAS,CACL,cAAM,OAAA,YAAA;QACF,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;QAGpC,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;KAEvC,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAAA,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YAElE,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;;AAEhE,SAAC,CAAC;AAEF,QAAA,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;;QAG3D,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}

package/desktop/hooks/use-modal-highlighted.d.ts

@@ -1,13 +0,0 @@
-import { type RefObject } from 'react';
-interface Params {
-    scrollbarContentNodeRef: RefObject<HTMLDivElement>;
-    scrollableNodeRef: RefObject<HTMLDivElement>;
-}
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-export declare const useModalHighlighted: (params: Params) => {
-    handleScroll: (e: Event) => void;
-};
-export {};

package/desktop/hooks/use-modal-highlighted.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var Context = require('../../Context.js');
-
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-var useModalHighlighted = function (params) {
-    var scrollbarContentNodeRef = params.scrollbarContentNodeRef, scrollableNodeRef = params.scrollableNodeRef;
-    var _a = React.useContext(Context.ModalContext), setModalHeaderHighlighted = _a.setHeaderHighlighted, setModalFooterHighlighted = _a.setFooterHighlighted;
-    var handleScroll = function (e) {
-        var target = e.target;
-        var scrollTop = target.scrollTop, scrollHeight = target.scrollHeight, clientHeight = target.clientHeight;
-        var isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(scrollTop > 0);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(!isElementFullScrolled);
-        }
-    };
-    // Очищаем overlap значения в контексте
-    React.useEffect(function () { return function () {
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(false);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(false);
-        }
-    }; }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
-    // Расчет overlap футера при resize событии
-    React.useEffect(function () {
-        var resizeObserver = new ResizeObserver(function () {
-            var _a, _b;
-            var contentHeight = ((_a = scrollbarContentNodeRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
-            var wrapperHeight = ((_b = scrollableNodeRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0;
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(contentHeight > wrapperHeight);
-            }
-        });
-        if (scrollbarContentNodeRef.current) {
-            resizeObserver.observe(scrollbarContentNodeRef.current);
-        }
-        return function () {
-            resizeObserver.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [setModalFooterHighlighted]);
-    return { handleScroll: handleScroll };
-};
-
-exports.useModalHighlighted = useModalHighlighted;
-//# sourceMappingURL=use-modal-highlighted.js.map

package/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { ModalContext } from '../../Context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":["useContext","ModalContext","useEffect"],"mappings":";;;;;;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GAGFA,gBAAU,CAACC,oBAAY,CAAC,EAFF,yBAAyB,GAAA,EAAA,CAAA,oBAAA,EACzB,yBAAyB,GAAA,EAAA,CAAA,oBACvB;IAE5B,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;QAEvE,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;;QAG5C,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;;AAEzD,KAAC;;IAGDC,eAAS,CACL,cAAM,OAAA,YAAA;QACF,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;QAGpC,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;KAEvC,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAAA,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YAElE,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;;AAEhE,SAAC,CAAC;AAEF,QAAA,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;;QAG3D,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}

package/esm/desktop/hooks/use-modal-highlighted.d.ts

@@ -1,13 +0,0 @@
-import { type RefObject } from 'react';
-interface Params {
-    scrollbarContentNodeRef: RefObject<HTMLDivElement>;
-    scrollableNodeRef: RefObject<HTMLDivElement>;
-}
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-export declare const useModalHighlighted: (params: Params) => {
-    handleScroll: (e: Event) => void;
-};
-export {};

package/esm/desktop/hooks/use-modal-highlighted.js

@@ -1,53 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { ModalContext } from '../../Context.js';
-
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-var useModalHighlighted = function (params) {
-    var scrollbarContentNodeRef = params.scrollbarContentNodeRef, scrollableNodeRef = params.scrollableNodeRef;
-    var _a = useContext(ModalContext), setModalHeaderHighlighted = _a.setHeaderHighlighted, setModalFooterHighlighted = _a.setFooterHighlighted;
-    var handleScroll = function (e) {
-        var target = e.target;
-        var scrollTop = target.scrollTop, scrollHeight = target.scrollHeight, clientHeight = target.clientHeight;
-        var isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(scrollTop > 0);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(!isElementFullScrolled);
-        }
-    };
-    // Очищаем overlap значения в контексте
-    useEffect(function () { return function () {
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(false);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(false);
-        }
-    }; }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
-    // Расчет overlap футера при resize событии
-    useEffect(function () {
-        var resizeObserver = new ResizeObserver(function () {
-            var _a, _b;
-            var contentHeight = ((_a = scrollbarContentNodeRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
-            var wrapperHeight = ((_b = scrollableNodeRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0;
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(contentHeight > wrapperHeight);
-            }
-        });
-        if (scrollbarContentNodeRef.current) {
-            resizeObserver.observe(scrollbarContentNodeRef.current);
-        }
-        return function () {
-            resizeObserver.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [setModalFooterHighlighted]);
-    return { handleScroll: handleScroll };
-};
-
-export { useModalHighlighted };
-//# sourceMappingURL=use-modal-highlighted.js.map

package/esm/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { ModalContext } from '../../Context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":[],"mappings":";;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GAGF,UAAU,CAAC,YAAY,CAAC,EAFF,yBAAyB,GAAA,EAAA,CAAA,oBAAA,EACzB,yBAAyB,GAAA,EAAA,CAAA,oBACvB;IAE5B,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;QAEvE,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;;QAG5C,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;;AAEzD,KAAC;;IAGD,SAAS,CACL,cAAM,OAAA,YAAA;QACF,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;QAGpC,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;KAEvC,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YAElE,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;;AAEhE,SAAC,CAAC;AAEF,QAAA,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;;QAG3D,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}

package/modern/desktop/hooks/use-modal-highlighted.d.ts

@@ -1,13 +0,0 @@
-import { type RefObject } from 'react';
-interface Params {
-    scrollbarContentNodeRef: RefObject<HTMLDivElement>;
-    scrollableNodeRef: RefObject<HTMLDivElement>;
-}
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-export declare const useModalHighlighted: (params: Params) => {
-    handleScroll: (e: Event) => void;
-};
-export {};

package/modern/desktop/hooks/use-modal-highlighted.js

@@ -1,52 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { ModalContext } from '../../Context.js';
-
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-const useModalHighlighted = (params) => {
-    const { scrollbarContentNodeRef, scrollableNodeRef } = params;
-    const { setHeaderHighlighted: setModalHeaderHighlighted, setFooterHighlighted: setModalFooterHighlighted, } = useContext(ModalContext);
-    const handleScroll = (e) => {
-        const target = e.target;
-        const { scrollTop, scrollHeight, clientHeight } = target;
-        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(scrollTop > 0);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(!isElementFullScrolled);
-        }
-    };
-    // Очищаем overlap значения в контексте
-    useEffect(() => () => {
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(false);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(false);
-        }
-    }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
-    // Расчет overlap футера при resize событии
-    useEffect(() => {
-        const resizeObserver = new ResizeObserver(() => {
-            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;
-            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(contentHeight > wrapperHeight);
-            }
-        });
-        if (scrollbarContentNodeRef.current) {
-            resizeObserver.observe(scrollbarContentNodeRef.current);
-        }
-        return () => {
-            resizeObserver.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [setModalFooterHighlighted]);
-    return { handleScroll };
-};
-
-export { useModalHighlighted };
-//# sourceMappingURL=use-modal-highlighted.js.map

package/modern/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { ModalContext } from '../../Context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":[],"mappings":";;;AAWA;;;AAGG;AACU,MAAA,mBAAmB,GAAG,CAAC,MAAc,KAAI;AAClD,IAAA,MAAM,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,MAAM;AAE7D,IAAA,MAAM,EACF,oBAAoB,EAAE,yBAAyB,EAC/C,oBAAoB,EAAE,yBAAyB,GAClD,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,YAAY,GAAsC,CAAC,CAAC,KAAI;AAC1D,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QACzC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM;AAExD,QAAA,MAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;QAEvE,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;;QAG5C,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;;AAEzD,KAAC;;AAGD,IAAA,SAAS,CACL,MAAM,MAAK;QACP,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;QAGpC,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;AAExC,KAAC,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;IAGD,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC3C,MAAM,aAAa,GAAG,uBAAuB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC;YACxE,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC;YAElE,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;;AAEhE,SAAC,CAAC;AAEF,QAAA,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;;AAG3D,QAAA,OAAO,MAAK;YACR,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;IAE/B,OAAO,EAAE,YAAY,EAAE;AAC3B;;;;"}

package/moderncssm/desktop/hooks/use-modal-highlighted.d.ts

@@ -1,13 +0,0 @@
-import { type RefObject } from 'react';
-interface Params {
-    scrollbarContentNodeRef: RefObject<HTMLDivElement>;
-    scrollableNodeRef: RefObject<HTMLDivElement>;
-}
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-export declare const useModalHighlighted: (params: Params) => {
-    handleScroll: (e: Event) => void;
-};
-export {};

package/moderncssm/desktop/hooks/use-modal-highlighted.js

@@ -1,52 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { ModalContext } from '../../Context.js';
-
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-const useModalHighlighted = (params) => {
-    const { scrollbarContentNodeRef, scrollableNodeRef } = params;
-    const { setHeaderHighlighted: setModalHeaderHighlighted, setFooterHighlighted: setModalFooterHighlighted, } = useContext(ModalContext);
-    const handleScroll = (e) => {
-        const target = e.target;
-        const { scrollTop, scrollHeight, clientHeight } = target;
-        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(scrollTop > 0);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(!isElementFullScrolled);
-        }
-    };
-    // Очищаем overlap значения в контексте
-    useEffect(() => () => {
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(false);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(false);
-        }
-    }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
-    // Расчет overlap футера при resize событии
-    useEffect(() => {
-        const resizeObserver = new ResizeObserver(() => {
-            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;
-            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(contentHeight > wrapperHeight);
-            }
-        });
-        if (scrollbarContentNodeRef.current) {
-            resizeObserver.observe(scrollbarContentNodeRef.current);
-        }
-        return () => {
-            resizeObserver.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [setModalFooterHighlighted]);
-    return { handleScroll };
-};
-
-export { useModalHighlighted };
-//# sourceMappingURL=use-modal-highlighted.js.map

package/moderncssm/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { ModalContext } from '../../Context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":[],"mappings":";;;AAWA;;;AAGG;AACU,MAAA,mBAAmB,GAAG,CAAC,MAAc,KAAI;AAClD,IAAA,MAAM,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,MAAM;AAE7D,IAAA,MAAM,EACF,oBAAoB,EAAE,yBAAyB,EAC/C,oBAAoB,EAAE,yBAAyB,GAClD,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,YAAY,GAAsC,CAAC,CAAC,KAAI;AAC1D,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QACzC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM;AAExD,QAAA,MAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;QAEvE,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;;QAG5C,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;;AAEzD,KAAC;;AAGD,IAAA,SAAS,CACL,MAAM,MAAK;QACP,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;QAGpC,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;;AAExC,KAAC,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;IAGD,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC3C,MAAM,aAAa,GAAG,uBAAuB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC;YACxE,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC;YAElE,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;;AAEhE,SAAC,CAAC;AAEF,QAAA,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;;AAG3D,QAAA,OAAO,MAAK;YACR,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;IAE/B,OAAO,EAAE,YAAY,EAAE;AAC3B;;;;"}

package/src/desktop/hooks/use-modal-highlighted.ts

@@ -1,75 +0,0 @@
-import { type RefObject, useContext, useEffect } from 'react';
-
-import { type ScrollbarProps } from '@alfalab/core-components-scrollbar';
-
-import { ModalContext } from '../../Context';
-
-interface Params {
-    scrollbarContentNodeRef: RefObject<HTMLDivElement>;
-    scrollableNodeRef: RefObject<HTMLDivElement>;
-}
-
-/**
- * Расчет overlap состояния
- * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную
- */
-export const useModalHighlighted = (params: Params) => {
-    const { scrollbarContentNodeRef, scrollableNodeRef } = params;
-
-    const {
-        setHeaderHighlighted: setModalHeaderHighlighted,
-        setFooterHighlighted: setModalFooterHighlighted,
-    } = useContext(ModalContext);
-
-    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {
-        const target = e.target as HTMLDivElement;
-        const { scrollTop, scrollHeight, clientHeight } = target;
-
-        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
-
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(scrollTop > 0);
-        }
-
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(!isElementFullScrolled);
-        }
-    };
-
-    // Очищаем overlap значения в контексте
-    useEffect(
-        () => () => {
-            if (setModalHeaderHighlighted) {
-                setModalHeaderHighlighted(false);
-            }
-
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(false);
-            }
-        },
-        [setModalHeaderHighlighted, setModalFooterHighlighted],
-    );
-
-    // Расчет overlap футера при resize событии
-    useEffect(() => {
-        const resizeObserver = new ResizeObserver(() => {
-            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;
-            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;
-
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(contentHeight > wrapperHeight);
-            }
-        });
-
-        if (scrollbarContentNodeRef.current) {
-            resizeObserver.observe(scrollbarContentNodeRef.current);
-        }
-
-        return () => {
-            resizeObserver.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [setModalFooterHighlighted]);
-
-    return { handleScroll };
-};