@alfalab/core-components-universal-modal 3.0.5 → 3.0.6-alfasans

package/moderncssm/components/header/base-header/useBaseHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBaseHeader.js","sources":["../../../../src/components/header/base-header/useBaseHeader.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\n\nimport { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';\n\nimport { ModalContext } from '../../../Context';\n\ntype Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;\n\nexport const useBaseHeader = (params: Params) => {\n    const { title, children, bottomAddons, onClose } = params;\n\n    const {\n        componentRef,\n        headerHighlighted,\n        onClose: handleCloseByContext,\n        setHasHeader,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return { headerHighlighted, hasContent, componentRef, titleRef, handleClose };\n};\n"],"names":[],"mappings":";;;AAQa,MAAA,aAAa,GAAG,CAAC,MAAc,KAAI;IAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,MAAM;AAEzD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,oBAAoB,EAC7B,YAAY,GACf,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;AAClE,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1B;AAED,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjF;;;;"}
+{"version":3,"file":"useBaseHeader.js","sources":["../../../../src/components/header/base-header/useBaseHeader.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\n\nimport { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';\n\nimport { ModalContext } from '../../../Context';\n\ntype Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;\n\nexport const useBaseHeader = (params: Params) => {\n    const { title, children, bottomAddons, onClose } = params;\n\n    const {\n        componentRef,\n        headerHighlighted,\n        onClose: handleCloseByContext,\n        setHasHeader,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return { headerHighlighted, hasContent, componentRef, titleRef, handleClose };\n};\n"],"names":[],"mappings":";;;AAQa,MAAA,aAAa,GAAG,CAAC,MAAc,KAAI;IAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,MAAM;AAEzD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,oBAAoB,EAC7B,YAAY,GACf,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;QAClE,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;;AAG3B,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjF;;;;"}

package/moderncssm/components/header/desktop/desktop.module.css

@@ -8,7 +8,8 @@
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: 11px var(--gap-12);
     }
 
@@ -16,7 +17,8 @@
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
 
@@ -24,7 +26,8 @@
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
 
@@ -32,5 +35,6 @@
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
         }

package/moderncssm/components/header/mobile/Component.mobile.d.ts

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
 import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/moderncssm';
-export declare type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
+export type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
 export declare const HeaderMobile: FC<HeaderMobileProps>;

package/moderncssm/components/header/mobile/mobile.module.css

@@ -7,8 +7,9 @@
 .content {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
@@ -17,7 +18,8 @@
 .bottomAddons {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

package/moderncssm/components/header/responsive/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/header/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, type HeaderDesktopProps } from '../desktop/Component.desktop';\nimport { HeaderMobile, type HeaderMobileProps } from '../mobile/Component.mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/header/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, type HeaderDesktopProps } from '../desktop/Component.desktop';\nimport { HeaderMobile, type HeaderMobileProps } from '../mobile/Component.mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/moderncssm/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalContextType } from './types/context';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { UniversalModalContext } from './context';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>((props, ref) => {\n    const { children, horizontalAlign = 'center', ...restProps } = props;\n    const { width = 500 } = restProps;\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            width,\n        }),\n        [width],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,8BAA8B,GAAG,UAAU,CAGtD,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpE,IAAA,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,SAAS;AAEjC,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,KAAK;AACR,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACV;IAED,MAAM,WAAW,GAAG,MAAK;QACrB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;MAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalContextType } from './types/context';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { UniversalModalContext } from './context';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>((props, ref) => {\n    const { children, horizontalAlign = 'center', ...restProps } = props;\n    const { width = 500 } = restProps;\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            width,\n        }),\n        [width],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,8BAA8B,GAAG,UAAU,CAGtD,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpE,IAAA,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,SAAS;AAEjC,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,KAAK;AACR,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACV;IAED,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;;AAItB,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;MAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}

package/moderncssm/desktop/context/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const UniversalModalContext: import("react").Context<Required<Pick<import("..").UniversalModalDesktopProps, "width">>>;

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

@@ -1 +1 @@
-{"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;AAEvE,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;AAC3C;AAED,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;AACpD;AACL,KAAC;;AAGD,IAAA,SAAS,CACL,MAAM,MAAK;AACP,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AACL,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;AAElE,YAAA,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;AAC3D;AACL,SAAC,CAAC;QAEF,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC1D;AAED,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;;;;"}
+{"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-outside-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-outside-scroll.js","sources":["../../../src/desktop/hooks/use-outside-scroll.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ninterface Params {\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n    wheelDeltaY: number;\n}\n\n/** Изменение позиции скролла */\nexport const useOutsideScroll = (params: Params) => {\n    const { scrollableNodeRef, wheelDeltaY } = params;\n\n    useEffect(() => {\n        if (scrollableNodeRef.current) {\n            scrollableNodeRef.current.scrollBy({\n                top: wheelDeltaY,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [wheelDeltaY]);\n};\n"],"names":[],"mappings":";;AAOA;AACa,MAAA,gBAAgB,GAAG,CAAC,MAAc,KAAI;AAC/C,IAAA,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,MAAM;IAEjD,SAAS,CAAC,MAAK;QACX,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC3B,YAAA,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC/B,gBAAA,GAAG,EAAE,WAAW;AACnB,aAAA,CAAC;AACL;;AAEL,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AACrB;;;;"}
+{"version":3,"file":"use-outside-scroll.js","sources":["../../../src/desktop/hooks/use-outside-scroll.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ninterface Params {\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n    wheelDeltaY: number;\n}\n\n/** Изменение позиции скролла */\nexport const useOutsideScroll = (params: Params) => {\n    const { scrollableNodeRef, wheelDeltaY } = params;\n\n    useEffect(() => {\n        if (scrollableNodeRef.current) {\n            scrollableNodeRef.current.scrollBy({\n                top: wheelDeltaY,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [wheelDeltaY]);\n};\n"],"names":[],"mappings":";;AAOA;AACa,MAAA,gBAAgB,GAAG,CAAC,MAAc,KAAI;AAC/C,IAAA,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,MAAM;IAEjD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC3B,YAAA,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC/B,gBAAA,GAAG,EAAE,WAAW;AACnB,aAAA,CAAC;;;AAGV,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AACrB;;;;"}

package/moderncssm/desktop/hooks/use-set-scrollbar-height.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-set-scrollbar-height.js","sources":["../../../src/desktop/hooks/use-set-scrollbar-height.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\nimport { SCROLLBAR_DEFAULT_GAP } from '../constants';\n\ninterface Params {\n    scrollbarRef: RefObject<HTMLDivElement>;\n    verticalBarRef: RefObject<HTMLDivElement>;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает размер полосы прокрутки в зависимости от наличия хедера и футера */\nexport const useSetScrollbarHeight = (params: Params) => {\n    const { scrollbarRef, verticalBarRef, headerElementRef, footerElementRef } = params;\n\n    useEffect(() => {\n        if (scrollbarRef.current) {\n            const verticalBar = verticalBarRef.current;\n\n            if (verticalBar) {\n                const headerHeight = headerElementRef?.current?.offsetHeight || 0;\n                const footerHeight = footerElementRef?.current?.offsetHeight || 0;\n\n                let topGap;\n                let topOffset;\n                let bottomGap;\n\n                if (headerHeight) {\n                    // если есть header уменьшаем размер скролла на величину хедера и добавляем отступ сверху\n                    topGap = headerHeight;\n                    topOffset = headerHeight;\n                } else {\n                    // иначе уменьшаем размер скролла и увеличиваем отступ на величину скругления\n                    topGap = SCROLLBAR_DEFAULT_GAP;\n                    topOffset = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                if (footerHeight) {\n                    // если есть footer уменьшаем размер скролла на величину футера\n                    bottomGap = footerHeight;\n                } else {\n                    // иначе уменьшаем размер на величину скругления\n                    bottomGap = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                verticalBar.style.height = `calc(100% - ${topGap}px - ${bottomGap}px)`;\n                verticalBar.style.top = `${topOffset}px`;\n            }\n        }\n    });\n};\n"],"names":[],"mappings":";;;AAWA;AACa,MAAA,qBAAqB,GAAG,CAAC,MAAc,KAAI;IACpD,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAEnF,SAAS,CAAC,MAAK;QACX,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAE1C,YAAA,IAAI,WAAW,EAAE;gBACb,MAAM,YAAY,GAAG,gBAAgB,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC;gBACjE,MAAM,YAAY,GAAG,gBAAgB,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC;AAEjE,gBAAA,IAAI,MAAM;AACV,gBAAA,IAAI,SAAS;AACb,gBAAA,IAAI,SAAS;AAEb,gBAAA,IAAI,YAAY,EAAE;;oBAEd,MAAM,GAAG,YAAY;oBACrB,SAAS,GAAG,YAAY;AAC3B;AAAM,qBAAA;;oBAEH,MAAM,GAAG,qBAAqB;oBAC9B,SAAS,GAAG,qBAAqB;AACpC;AAED,gBAAA,IAAI,YAAY,EAAE;;oBAEd,SAAS,GAAG,YAAY;AAC3B;AAAM,qBAAA;;oBAEH,SAAS,GAAG,qBAAqB;AACpC;gBAED,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,MAAM,CAAA,KAAA,EAAQ,SAAS,CAAA,GAAA,CAAK;gBACtE,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,CAAG,EAAA,SAAS,IAAI;AAC3C;AACJ;AACL,KAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"use-set-scrollbar-height.js","sources":["../../../src/desktop/hooks/use-set-scrollbar-height.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\nimport { SCROLLBAR_DEFAULT_GAP } from '../constants';\n\ninterface Params {\n    scrollbarRef: RefObject<HTMLDivElement>;\n    verticalBarRef: RefObject<HTMLDivElement>;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает размер полосы прокрутки в зависимости от наличия хедера и футера */\nexport const useSetScrollbarHeight = (params: Params) => {\n    const { scrollbarRef, verticalBarRef, headerElementRef, footerElementRef } = params;\n\n    useEffect(() => {\n        if (scrollbarRef.current) {\n            const verticalBar = verticalBarRef.current;\n\n            if (verticalBar) {\n                const headerHeight = headerElementRef?.current?.offsetHeight || 0;\n                const footerHeight = footerElementRef?.current?.offsetHeight || 0;\n\n                let topGap;\n                let topOffset;\n                let bottomGap;\n\n                if (headerHeight) {\n                    // если есть header уменьшаем размер скролла на величину хедера и добавляем отступ сверху\n                    topGap = headerHeight;\n                    topOffset = headerHeight;\n                } else {\n                    // иначе уменьшаем размер скролла и увеличиваем отступ на величину скругления\n                    topGap = SCROLLBAR_DEFAULT_GAP;\n                    topOffset = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                if (footerHeight) {\n                    // если есть footer уменьшаем размер скролла на величину футера\n                    bottomGap = footerHeight;\n                } else {\n                    // иначе уменьшаем размер на величину скругления\n                    bottomGap = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                verticalBar.style.height = `calc(100% - ${topGap}px - ${bottomGap}px)`;\n                verticalBar.style.top = `${topOffset}px`;\n            }\n        }\n    });\n};\n"],"names":[],"mappings":";;;AAWA;AACa,MAAA,qBAAqB,GAAG,CAAC,MAAc,KAAI;IACpD,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAEnF,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;YAE1C,IAAI,WAAW,EAAE;gBACb,MAAM,YAAY,GAAG,gBAAgB,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC;gBACjE,MAAM,YAAY,GAAG,gBAAgB,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC;AAEjE,gBAAA,IAAI,MAAM;AACV,gBAAA,IAAI,SAAS;AACb,gBAAA,IAAI,SAAS;gBAEb,IAAI,YAAY,EAAE;;oBAEd,MAAM,GAAG,YAAY;oBACrB,SAAS,GAAG,YAAY;;qBACrB;;oBAEH,MAAM,GAAG,qBAAqB;oBAC9B,SAAS,GAAG,qBAAqB;;gBAGrC,IAAI,YAAY,EAAE;;oBAEd,SAAS,GAAG,YAAY;;qBACrB;;oBAEH,SAAS,GAAG,qBAAqB;;gBAGrC,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,MAAM,CAAA,KAAA,EAAQ,SAAS,CAAA,GAAA,CAAK;gBACtE,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,CAAG,EAAA,SAAS,IAAI;;;AAGpD,KAAC,CAAC;AACN;;;;"}

package/moderncssm/desktop/hooks/useModalWheel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalWheel.js","sources":["../../../src/desktop/hooks/useModalWheel.ts"],"sourcesContent":["import { useState, type WheelEvent } from 'react';\n\nexport const useModalWheel = (overlay: boolean) => {\n    const [wheelDeltaY, setWheelDeltaY] = useState<number>(0);\n\n    // передаем e.deltaY от события на элементе dialog компонента base-modal\n    const handleWheel = (e: WheelEvent<HTMLElement>) => {\n        const target = e.target as HTMLDivElement;\n\n        if (target.getAttribute('role') === 'dialog' && overlay) {\n            setWheelDeltaY(e.deltaY);\n        }\n    };\n\n    return { wheelDeltaY, handleWheel };\n};\n"],"names":[],"mappings":";;AAEa,MAAA,aAAa,GAAG,CAAC,OAAgB,KAAI;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;;AAGzD,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;AAC/C,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QAEzC,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,IAAI,OAAO,EAAE;AACrD,YAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAC3B;AACL,KAAC;AAED,IAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE;AACvC;;;;"}
+{"version":3,"file":"useModalWheel.js","sources":["../../../src/desktop/hooks/useModalWheel.ts"],"sourcesContent":["import { useState, type WheelEvent } from 'react';\n\nexport const useModalWheel = (overlay: boolean) => {\n    const [wheelDeltaY, setWheelDeltaY] = useState<number>(0);\n\n    // передаем e.deltaY от события на элементе dialog компонента base-modal\n    const handleWheel = (e: WheelEvent<HTMLElement>) => {\n        const target = e.target as HTMLDivElement;\n\n        if (target.getAttribute('role') === 'dialog' && overlay) {\n            setWheelDeltaY(e.deltaY);\n        }\n    };\n\n    return { wheelDeltaY, handleWheel };\n};\n"],"names":[],"mappings":";;AAEa,MAAA,aAAa,GAAG,CAAC,OAAgB,KAAI;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;;AAGzD,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;AAC/C,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QAEzC,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,IAAI,OAAO,EAAE;AACrD,YAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;;AAEhC,KAAC;AAED,IAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE;AACvC;;;;"}

package/moderncssm/desktop/types/context.d.ts

@@ -1,2 +1,2 @@
 import { type UniversalModalDesktopProps } from './props';
-export declare type UniversalModalContextType = Required<Pick<UniversalModalDesktopProps, 'width'>>;
+export type UniversalModalContextType = Required<Pick<UniversalModalDesktopProps, 'width'>>;

package/moderncssm/desktop/utils/get-full-size-modal-transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-full-size-modal-transitions.js","sources":["../../../src/desktop/utils/get-full-size-modal-transitions.ts"],"sourcesContent":["import { type TransitionProps } from 'react-transition-group/Transition';\n\nimport { type BackdropProps } from '@alfalab/core-components-backdrop';\nimport { exhaustiveCheck } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport fullSizeBackdropTransitions from '../styles/transitions/full-size-backdrop-transitions.module.css';\nimport fullSizeVerticalBottomTransitions from '../styles/transitions/full-size-vertical-bottom-transitions.module.css';\nimport fullSizeVerticalCenterTransitions from '../styles/transitions/full-size-vertical-center-transitions.module.css';\nimport fullSizeVerticalTopTransitions from '../styles/transitions/full-size-vertical-top-transitions.module.css';\n\ninterface Params {\n    verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;\n    width: UniversalModalDesktopProps['width'];\n    height: UniversalModalDesktopProps['height'];\n}\n\ninterface ReturnType {\n    isFullSizeModal: boolean;\n    backdropTransitions: Partial<BackdropProps>;\n    componentTransitions: Partial<TransitionProps>;\n}\n\nexport const getFullSizeModalTransitions = (params: Params): ReturnType => {\n    const { verticalAlign, width, height } = params;\n\n    const isFullSizeModal = width === 'fullWidth' && height === 'fullHeight';\n\n    const backdropTransitions = {\n        timeout: {\n            enter: 0,\n            exit: 400,\n        },\n        transitionClassNames: fullSizeBackdropTransitions,\n    };\n\n    const getContentTransitionsClassNames = () => {\n        switch (verticalAlign) {\n            case 'top':\n                return fullSizeVerticalTopTransitions;\n            case 'bottom':\n                return fullSizeVerticalBottomTransitions;\n            case 'center':\n                return fullSizeVerticalCenterTransitions;\n            default:\n                return exhaustiveCheck(verticalAlign);\n        }\n    };\n\n    const componentTransitions = {\n        timeout: {\n            enter: 200,\n            exit: 400,\n        },\n        classNames: getContentTransitionsClassNames(),\n    };\n\n    return {\n        isFullSizeModal,\n        backdropTransitions,\n        componentTransitions,\n    };\n};\n"],"names":[],"mappings":";;;;;;AAwBa,MAAA,2BAA2B,GAAG,CAAC,MAAc,KAAgB;IACtE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;IAE/C,MAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,MAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAE,2BAA2B;KACpD;IAED,MAAM,+BAA+B,GAAG,MAAK;AACzC,QAAA,QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAO,8BAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA;AACI,gBAAA,OAAO,eAAe,CAAC,aAAa,CAAC;AAC5C;AACL,KAAC;AAED,IAAA,MAAM,oBAAoB,GAAG;AACzB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;QACD,UAAU,EAAE,+BAA+B,EAAE;KAChD;IAED,OAAO;QACH,eAAe;QACf,mBAAmB;QACnB,oBAAoB;KACvB;AACL;;;;"}
+{"version":3,"file":"get-full-size-modal-transitions.js","sources":["../../../src/desktop/utils/get-full-size-modal-transitions.ts"],"sourcesContent":["import { type TransitionProps } from 'react-transition-group/Transition';\n\nimport { type BackdropProps } from '@alfalab/core-components-backdrop';\nimport { exhaustiveCheck } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport fullSizeBackdropTransitions from '../styles/transitions/full-size-backdrop-transitions.module.css';\nimport fullSizeVerticalBottomTransitions from '../styles/transitions/full-size-vertical-bottom-transitions.module.css';\nimport fullSizeVerticalCenterTransitions from '../styles/transitions/full-size-vertical-center-transitions.module.css';\nimport fullSizeVerticalTopTransitions from '../styles/transitions/full-size-vertical-top-transitions.module.css';\n\ninterface Params {\n    verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;\n    width: UniversalModalDesktopProps['width'];\n    height: UniversalModalDesktopProps['height'];\n}\n\ninterface ReturnType {\n    isFullSizeModal: boolean;\n    backdropTransitions: Partial<BackdropProps>;\n    componentTransitions: Partial<TransitionProps>;\n}\n\nexport const getFullSizeModalTransitions = (params: Params): ReturnType => {\n    const { verticalAlign, width, height } = params;\n\n    const isFullSizeModal = width === 'fullWidth' && height === 'fullHeight';\n\n    const backdropTransitions = {\n        timeout: {\n            enter: 0,\n            exit: 400,\n        },\n        transitionClassNames: fullSizeBackdropTransitions,\n    };\n\n    const getContentTransitionsClassNames = () => {\n        switch (verticalAlign) {\n            case 'top':\n                return fullSizeVerticalTopTransitions;\n            case 'bottom':\n                return fullSizeVerticalBottomTransitions;\n            case 'center':\n                return fullSizeVerticalCenterTransitions;\n            default:\n                return exhaustiveCheck(verticalAlign);\n        }\n    };\n\n    const componentTransitions = {\n        timeout: {\n            enter: 200,\n            exit: 400,\n        },\n        classNames: getContentTransitionsClassNames(),\n    };\n\n    return {\n        isFullSizeModal,\n        backdropTransitions,\n        componentTransitions,\n    };\n};\n"],"names":[],"mappings":";;;;;;AAwBa,MAAA,2BAA2B,GAAG,CAAC,MAAc,KAAgB;IACtE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;IAE/C,MAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,MAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAE,2BAA2B;KACpD;IAED,MAAM,+BAA+B,GAAG,MAAK;QACzC,QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAO,8BAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,iCAAiC;AAC5C,YAAA;AACI,gBAAA,OAAO,eAAe,CAAC,aAAa,CAAC;;AAEjD,KAAC;AAED,IAAA,MAAM,oBAAoB,GAAG;AACzB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;QACD,UAAU,EAAE,+BAA+B,EAAE;KAChD;IAED,OAAO;QACH,eAAe;QACf,mBAAmB;QACnB,oBAAoB;KACvB;AACL;;;;"}

package/moderncssm/desktop/utils/get-height-style.d.ts

@@ -6,4 +6,4 @@ import { type UniversalModalDesktopProps } from '../types/props';
  * 2. Высота строится по размеру viewport;
  * 3. Высота строится по переданному параметру.
  */
-export declare const getHeightStyle: (height: Exclude<UniversalModalDesktopProps['height'], undefined>, margin: UniversalModalDesktopProps['margin']) => Pick<CSSProperties, 'height' | 'maxHeight'>;
+export declare const getHeightStyle: (height: Exclude<UniversalModalDesktopProps["height"], undefined>, margin: UniversalModalDesktopProps["margin"]) => Pick<CSSProperties, "height" | "maxHeight">;

package/moderncssm/desktop/utils/get-height-style.js

@@ -15,7 +15,7 @@ const getHeightStyle = (height, margin) => {
     if (isClient()) {
         viewportHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
     }
-    if (height > viewportHeight || height === 'fullHeight') {
+    if (height === 'fullHeight' || height > viewportHeight) {
         const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;
         const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;
         return { height: `calc(100% - ${marginTop}px - ${marginBottom}px)` };

package/moderncssm/desktop/utils/get-height-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-height-style.js","sources":["../../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nimport { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport { getMaxHeightStyle } from './get-max-height-style';\n\n/**\n * Передает высоту компонента для нескольких кейсов\n * 1. Высота строится по контенту;\n * 2. Высота строится по размеру viewport;\n * 3. Высота строится по переданному параметру.\n */\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n): Pick<CSSProperties, 'height' | 'maxHeight'> => {\n    if (height === 'hugContent') {\n        return { maxHeight: getMaxHeightStyle(margin) };\n    }\n\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height > viewportHeight || height === 'fullHeight') {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return { height: `calc(100% - ${marginTop}px - ${marginBottom}px)` };\n    }\n\n    return { height };\n};\n"],"names":[],"mappings":";;;AAQA;;;;;AAKG;MACU,cAAc,GAAG,CAC1B,MAAgE,EAChE,MAA4C,KACC;IAC7C,IAAI,MAAM,KAAK,YAAY,EAAE;QACzB,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAE;AAClD;IAED,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;AACJ;AAED,IAAA,IAAI,MAAM,GAAG,cAAc,IAAI,MAAM,KAAK,YAAY,EAAE;AACpD,QAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,CAAA,YAAA,EAAe,SAAS,CAAQ,KAAA,EAAA,YAAY,CAAK,GAAA,CAAA,EAAE;AACvE;IAED,OAAO,EAAE,MAAM,EAAE;AACrB;;;;"}
+{"version":3,"file":"get-height-style.js","sources":["../../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nimport { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport { getMaxHeightStyle } from './get-max-height-style';\n\n/**\n * Передает высоту компонента для нескольких кейсов\n * 1. Высота строится по контенту;\n * 2. Высота строится по размеру viewport;\n * 3. Высота строится по переданному параметру.\n */\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n): Pick<CSSProperties, 'height' | 'maxHeight'> => {\n    if (height === 'hugContent') {\n        return { maxHeight: getMaxHeightStyle(margin) };\n    }\n\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height === 'fullHeight' || height > viewportHeight) {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return { height: `calc(100% - ${marginTop}px - ${marginBottom}px)` };\n    }\n\n    return { height };\n};\n"],"names":[],"mappings":";;;AAQA;;;;;AAKG;MACU,cAAc,GAAG,CAC1B,MAAgE,EAChE,MAA4C,KACC;AAC7C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;QACzB,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAE;;IAGnD,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;;IAGL,IAAI,MAAM,KAAK,YAAY,IAAI,MAAM,GAAG,cAAc,EAAE;AACpD,QAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,CAAA,YAAA,EAAe,SAAS,CAAQ,KAAA,EAAA,YAAY,CAAK,GAAA,CAAA,EAAE;;IAGxE,OAAO,EAAE,MAAM,EAAE;AACrB;;;;"}

package/moderncssm/desktop/utils/get-margin-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":[],"mappings":";;AASa,MAAA,eAAe,GAAG,CAAC,MAAc,KAA6B;AACvE,IAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM;AAEjC,IAAA,IAAI,MAAM,EAAE;QACR,OAAO;AACH,YAAA,CAAC,MAAM,CAAC,CAAa,UAAA,EAAA,MAAM,CAAC,GAAG,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,CAAC,MAAM,CAAC,CAAgB,aAAA,EAAA,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,CAAC,MAAM,CAAC,CAAc,WAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;SACxE;AACJ;AAED,IAAA,OAAO,EAAE;AACb;;;;"}
+{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":[],"mappings":";;AASa,MAAA,eAAe,GAAG,CAAC,MAAc,KAA6B;AACvE,IAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM;IAEjC,IAAI,MAAM,EAAE;QACR,OAAO;AACH,YAAA,CAAC,MAAM,CAAC,CAAa,UAAA,EAAA,MAAM,CAAC,GAAG,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,CAAC,MAAM,CAAC,CAAgB,aAAA,EAAA,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,CAAC,MAAM,CAAC,CAAc,WAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;SACxE;;AAGL,IAAA,OAAO,EAAE;AACb;;;;"}

package/moderncssm/desktop/utils/get-max-height-style.d.ts

@@ -1,2 +1,2 @@
 import { type UniversalModalDesktopProps } from '../types/props';
-export declare const getMaxHeightStyle: (margin: UniversalModalDesktopProps['margin']) => string;
+export declare const getMaxHeightStyle: (margin: UniversalModalDesktopProps["margin"]) => string;

package/moderncssm/desktop/utils/get-width-style.d.ts

@@ -1,2 +1,2 @@
 import { type UniversalModalDesktopProps } from '../types/props';
-export declare const getWidthStyle: (width: Exclude<UniversalModalDesktopProps['width'], undefined>, margin: UniversalModalDesktopProps['margin']) => string;
+export declare const getWidthStyle: (width: Exclude<UniversalModalDesktopProps["width"], undefined>, margin: UniversalModalDesktopProps["margin"]) => string;

package/moderncssm/desktop/utils/get-width-style.js

@@ -5,7 +5,7 @@ const getWidthStyle = (width, margin) => {
     if (isClient()) {
         viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
     }
-    if (width > viewportWidth || width === 'fullWidth') {
+    if (width === 'fullWidth' || width > viewportWidth) {
         const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;
         const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;
         return `calc(100% - ${marginLeft}px - ${marginRight}px)`;

package/moderncssm/desktop/utils/get-width-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-width-style.js","sources":["../../../src/desktop/utils/get-width-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getWidthStyle = (\n    width: Exclude<UniversalModalDesktopProps['width'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportWidth = 0;\n\n    if (isClient()) {\n        viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n    }\n\n    if (width > viewportWidth || width === 'fullWidth') {\n        const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;\n        const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;\n\n        return `calc(100% - ${marginLeft}px - ${marginRight}px)`;\n    }\n\n    return `${width}px`;\n};\n"],"names":[],"mappings":";;MAIa,aAAa,GAAG,CACzB,KAA8D,EAC9D,MAA4C,KAC5C;IACA,IAAI,aAAa,GAAG,CAAC;IAErB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAAC,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;AAC9F;AAED,IAAA,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,KAAK,WAAW,EAAE;AAChD,QAAA,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,MAAM,WAAW,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,CAAe,YAAA,EAAA,UAAU,CAAQ,KAAA,EAAA,WAAW,KAAK;AAC3D;IAED,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACvB;;;;"}
+{"version":3,"file":"get-width-style.js","sources":["../../../src/desktop/utils/get-width-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getWidthStyle = (\n    width: Exclude<UniversalModalDesktopProps['width'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportWidth = 0;\n\n    if (isClient()) {\n        viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n    }\n\n    if (width === 'fullWidth' || width > viewportWidth) {\n        const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;\n        const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;\n\n        return `calc(100% - ${marginLeft}px - ${marginRight}px)`;\n    }\n\n    return `${width}px`;\n};\n"],"names":[],"mappings":";;MAIa,aAAa,GAAG,CACzB,KAA8D,EAC9D,MAA4C,KAC5C;IACA,IAAI,aAAa,GAAG,CAAC;IAErB,IAAI,QAAQ,EAAE,EAAE;AACZ,QAAA,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAAC,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;;IAG/F,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,GAAG,aAAa,EAAE;AAChD,QAAA,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,MAAM,WAAW,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,CAAe,YAAA,EAAA,UAAU,CAAQ,KAAA,EAAA,WAAW,KAAK;;IAG5D,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACvB;;;;"}

package/moderncssm/desktop/utils/set-footer-and-header-refs.js

@@ -13,11 +13,19 @@ const setFooterAndHeaderRefs = (params) => {
         const { displayName } = child.type;
         if (displayName && isHeaderNode(displayName)) {
             const existingRef = child;
-            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });
+            return cloneElement(child, {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                ref: mergeRefs([existingRef.ref ?? null, headerElementRef]),
+            });
         }
         if (displayName && isFooterNode(displayName)) {
             const existingRef = child;
-            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });
+            return cloneElement(child, {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                ref: mergeRefs([existingRef.ref, footerElementRef]),
+            });
         }
         return child;
     });

package/moderncssm/desktop/utils/set-footer-and-header-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../../src/desktop/utils/set-footer-and-header-refs.ts"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    type MutableRefObject,\n    type ReactElement,\n    type ReactNode,\n    type RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { type FooterDesktop } from '../../components/footer';\nimport { type HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ninterface Params {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":[],"mappings":";;;;;AAuBA;AACa,MAAA,sBAAsB,GAAG,CAAC,MAAc,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAE/D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACtD,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;AACf;AAED,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAmD;AAEjF,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE;AAC/B;;;;"}
+{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../../src/desktop/utils/set-footer-and-header-refs.ts"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    type RefAttributes,\n    type RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { type FooterDesktop } from '../../components/footer';\nimport { type HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ninterface Params {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;\n\n            return cloneElement(child, {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                ref: mergeRefs([existingRef.ref ?? null, headerElementRef]),\n            });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;\n\n            return cloneElement(child, {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                ref: mergeRefs([existingRef.ref, footerElementRef]),\n            });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":[],"mappings":";;;;;AAuBA;AACa,MAAA,sBAAsB,GAAG,CAAC,MAAc,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAE/D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACtD,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;;AAGhB,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAmD;AAEjF,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAqD;YAEzE,OAAO,YAAY,CAAC,KAAK,EAAE;;;AAGvB,gBAAA,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,IAAI,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAC9D,aAAA,CAAC;;AAGN,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAqD;YAEzE,OAAO,YAAY,CAAC,KAAK,EAAE;;;gBAGvB,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AACtD,aAAA,CAAC;;AAGN,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE;AAC/B;;;;"}

package/moderncssm/typings/margin-type.d.ts

@@ -1,4 +1,4 @@
-declare type MarginSize = 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
+type MarginSize = 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
 export interface Margin {
     top?: MarginSize;
     right?: MarginSize;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "3.0.5",
+    "version": "3.0.6-alfasans",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",
@@ -10,12 +10,12 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^5.0.1",
-        "@alfalab/core-components-base-modal": "^7.1.1",
-        "@alfalab/core-components-mq": "^6.0.2",
-        "@alfalab/core-components-navigation-bar-private": "^2.0.4",
-        "@alfalab/core-components-scrollbar": "^5.0.1",
-        "@alfalab/core-components-shared": "^2.1.0",
+        "@alfalab/core-components-backdrop": "5.0.2-alfasans",
+        "@alfalab/core-components-base-modal": "7.1.2-alfasans",
+        "@alfalab/core-components-mq": "6.0.3-alfasans",
+        "@alfalab/core-components-navigation-bar-private": "2.0.5-alfasans",
+        "@alfalab/core-components-scrollbar": "5.0.2-alfasans",
+        "@alfalab/core-components-shared": "2.1.1-alfasans",
         "@types/react-transition-group": "^4.4.12",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
@@ -30,6 +30,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "themesVersion": "15.0.2-alfasans",
+    "varsVersion": "11.0.2-alfasans"
 }

package/src/components/footer/base-footer/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../../../vars.css';
 
 .footer {

package/src/components/header/base-header/index.module.css

@@ -1,5 +1,5 @@
 @import '../../../vars.css';
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .header {
     width: 100%;

package/src/components/header/mobile/mobile.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .header {
     padding: var(--gap-8) var(--gap-4);

package/src/desktop/components/modal-content/modal-content.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .scrollable {
     height: 100%;

package/src/desktop/components/side-modal/side-modal.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .wrapper {
     overflow-x: hidden;

package/src/desktop/styles/transitions/full-size-backdrop-transitions.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 :root {
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);

package/src/desktop/utils/get-height-style.ts

@@ -29,7 +29,7 @@ export const getHeightStyle = (
         );
     }
 
-    if (height > viewportHeight || height === 'fullHeight') {
+    if (height === 'fullHeight' || height > viewportHeight) {
         const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;
         const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;
 

package/src/desktop/utils/get-width-style.ts

@@ -12,7 +12,7 @@ export const getWidthStyle = (
         viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
     }
 
-    if (width > viewportWidth || width === 'fullWidth') {
+    if (width === 'fullWidth' || width > viewportWidth) {
         const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;
         const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;
 

package/src/desktop/utils/set-footer-and-header-refs.ts

@@ -2,9 +2,9 @@ import {
     Children,
     cloneElement,
     isValidElement,
-    type MutableRefObject,
     type ReactElement,
     type ReactNode,
+    type RefAttributes,
     type RefObject,
 } from 'react';
 import mergeRefs from 'react-merge-refs';
@@ -33,15 +33,23 @@ export const setFooterAndHeaderRefs = (params: Params) => {
         const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;
 
         if (displayName && isHeaderNode(displayName)) {
-            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };
+            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;
 
-            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });
+            return cloneElement(child, {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                ref: mergeRefs([existingRef.ref ?? null, headerElementRef]),
+            });
         }
 
         if (displayName && isFooterNode(displayName)) {
-            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };
+            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;
 
-            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });
+            return cloneElement(child, {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                ref: mergeRefs([existingRef.ref, footerElementRef]),
+            });
         }
 
         return child;

package/src/mobile/mobile.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     top: var(--gap-0);

package/src/mobile/transitions/right-side-transitions.mobile.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .appear,
 .enter {

package/src/vars.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 :root {
     --universal-modal-header-background: var(--color-light-modal-bg-primary);

package/typings/margin-type.d.ts

@@ -1,4 +1,4 @@
-declare type MarginSize = 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
+type MarginSize = 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
 export interface Margin {
     top?: MarginSize;
     right?: MarginSize;