npm - @alfalab/core-components-universal-modal - Versions diffs - 3.0.5 → 3.0.6-alfasans - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (322) hide show

package/cssm/components/header/desktop/desktop.module.css CHANGED Viewed

@@ -8,8 +8,9 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .header {
     padding: var(--gap-20) var(--gap-20) 0;
@@ -18,26 +19,30 @@
         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);
     }
 .header .bottomAddons {
         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);
     }
 .header.medium .headerTitle {
             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);
         }
 .header.medium .bottomAddons {
             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/cssm/components/header/mobile/Component.mobile.d.ts CHANGED Viewed

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

package/cssm/components/header/mobile/mobile.module.css CHANGED Viewed

@@ -10,8 +10,9 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .header {
     padding: var(--gap-8) var(--gap-4);
@@ -19,8 +20,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;
@@ -28,7 +30,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/cssm/components/header/responsive/Component.responsive.js.map CHANGED Viewed

	@@ -1 +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":["forwardRef","useIsDesktop","React","HeaderDesktop","__assign","HeaderMobile"],"mappings":";;;;;;;;;;;;;;IASa,gBAAgB,GAAGA,gBAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAGC,iBAAY,EAAE;~~AAEhC~~,~~IAAA,~~IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,+BAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI~~;AAChD;AAED~~,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,6BAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
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":["forwardRef","useIsDesktop","React","HeaderDesktop","__assign","HeaderMobile"],"mappings":";;;;;;;;;;;;;;IASa,gBAAgB,GAAGA,gBAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAGC,iBAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,+BAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;;AAGjD,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,6BAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/cssm/desktop/Component.desktop.js.map CHANGED Viewed

	@@ -1 +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":["forwardRef","__rest","useMemo","React","CenterModal","__assign","SideModal","UniversalModalContext","HeaderDesktop","ContentDesktop","FooterDesktop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYa,8BAA8B,GAAGA,gBAAU,CAGtD,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,QAAQ,GAA+C,KAAK,CAAA,QAApD,EAAE,EAA6C,GAAA,KAAK,gBAAxB,EAA1B,eAAe,mBAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA9D,CAAA,UAAA,EAAA,iBAAA,CAAsD,CAAF;IAClD,IAAA,EAAA,GAAgB,SAAS,CAAd,KAAA,EAAX,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA;AAEnB,IAAA,IAAM,YAAY,GAAGC,aAAO,CACxB,YAAA,EAAM,QAAC;AACH,QAAA,KAAK,EAAA,KAAA;AACR,KAAA,IAAC,EACF,CAAC,KAAK,CAAC,CACV;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;~~QAChB~~,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uBAAW,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC~~;AAErB;AAED~~,QAAA,QACIF,sBAAC,CAAA,aAAA,CAAAG,mBAAS,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACI,2BAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAEC,iCAAa;AACrB,IAAA,OAAO,EAAEC,kCAAc;AACvB,IAAA,MAAM,EAAEC,+BAAa;AACxB,CAAA;;;;;"}
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":["forwardRef","__rest","useMemo","React","CenterModal","__assign","SideModal","UniversalModalContext","HeaderDesktop","ContentDesktop","FooterDesktop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYa,8BAA8B,GAAGA,gBAAU,CAGtD,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,QAAQ,GAA+C,KAAK,CAAA,QAApD,EAAE,EAA6C,GAAA,KAAK,gBAAxB,EAA1B,eAAe,mBAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA9D,CAAA,UAAA,EAAA,iBAAA,CAAsD,CAAF;IAClD,IAAA,EAAA,GAAgB,SAAS,CAAd,KAAA,EAAX,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA;AAEnB,IAAA,IAAM,YAAY,GAAGC,aAAO,CACxB,YAAA,EAAM,QAAC;AACH,QAAA,KAAK,EAAA,KAAA;AACR,KAAA,IAAC,EACF,CAAC,KAAK,CAAC,CACV;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;AAChB,QAAA,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uBAAW,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC;;AAItB,QAAA,QACIF,sBAAC,CAAA,aAAA,CAAAG,mBAAS,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACI,2BAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAEC,iCAAa;AACrB,IAAA,OAAO,EAAEC,kCAAc;AACvB,IAAA,MAAM,EAAEC,+BAAa;AACxB,CAAA;;;;;"}

package/cssm/desktop/context/index.d.ts CHANGED Viewed

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

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

	@@ -1 +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":["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;~~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;;IAGDC,eAAS,CACL,cAAM,OAAA,YAAA;~~AACF~~,~~QAAA,~~IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC~~;AACnC;AAED~~,~~QAAA,~~IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC~~;AACnC;KACJ~~,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;~~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;QAED~~,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;;;;"}
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":["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/cssm/desktop/hooks/use-outside-scroll.js.map CHANGED Viewed

	@@ -1 +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":["useEffect"],"mappings":";;;;;;AAOA;AACO,IAAM,gBAAgB,GAAG,UAAC,MAAc,EAAA;IACnC,IAAA,iBAAiB,GAAkB,MAAM,CAAA,iBAAxB,EAAE,WAAW,GAAK,MAAM,CAAA,WAAX;AAEtC,IAAAA,eAAS,CAAC,YAAA;~~QACN~~,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;;;;"}
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":["useEffect"],"mappings":";;;;;;AAOA;AACO,IAAM,gBAAgB,GAAG,UAAC,MAAc,EAAA;IACnC,IAAA,iBAAiB,GAAkB,MAAM,CAAA,iBAAxB,EAAE,WAAW,GAAK,MAAM,CAAA,WAAX;AAEtC,IAAAA,eAAS,CAAC,YAAA;AACN,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/cssm/desktop/hooks/use-set-scrollbar-height.js.map CHANGED Viewed

	@@ -1 +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":["useEffect","SCROLLBAR_DEFAULT_GAP"],"mappings":";;;;;;;AAWA;AACO,IAAM,qBAAqB,GAAG,UAAC,MAAc,EAAA;AACxC,IAAA,IAAA,YAAY,GAAyD,MAAM,aAA/D,EAAE,cAAc,GAAyC,MAAM,CAAA,cAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAA7B,gBAAA,EAAE,gBAAgB,GAAK,MAAM,iBAAX;AAExE,IAAAA,eAAS,CAAC,YAAA;;~~QACN~~,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO;~~AAE1C~~,~~YAAA,~~IAAI,WAAW,EAAE;AACb,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;AACjE,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;gBAEjE,IAAI,MAAM,SAAA;gBACV,IAAI,SAAS,SAAA;gBACb,IAAI,SAAS,SAAA;~~AAEb~~,~~gBAAA,~~IAAI,YAAY,EAAE;;oBAEd,MAAM,GAAG,YAAY;oBACrB,SAAS,GAAG,YAAY~~;AAC3B;AAAM,qBAAA~~;;oBAEH,MAAM,GAAGC,2BAAqB;oBAC9B,SAAS,GAAGA,2BAAqB~~;AACpC;AAED~~,~~gBAAA,~~IAAI,YAAY,EAAE;;oBAEd,SAAS,GAAG,YAAY~~;AAC3B;AAAM,qBAAA~~;;oBAEH,SAAS,GAAGA,2BAAqB~~;AACpC;gBAED~~,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,sBAAe,MAAM,EAAA,OAAA,CAAA,CAAA,MAAA,CAAQ,SAAS,EAAA,KAAA,CAAK;gBACtE,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,EAAG,CAAA,MAAA,CAAA,SAAS,OAAI~~;AAC3C;AACJ;AACL~~,KAAC,CAAC;AACN;;;;"}
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":["useEffect","SCROLLBAR_DEFAULT_GAP"],"mappings":";;;;;;;AAWA;AACO,IAAM,qBAAqB,GAAG,UAAC,MAAc,EAAA;AACxC,IAAA,IAAA,YAAY,GAAyD,MAAM,aAA/D,EAAE,cAAc,GAAyC,MAAM,CAAA,cAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAA7B,gBAAA,EAAE,gBAAgB,GAAK,MAAM,iBAAX;AAExE,IAAAA,eAAS,CAAC,YAAA;;AACN,QAAA,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO;YAE1C,IAAI,WAAW,EAAE;AACb,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;AACjE,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;gBAEjE,IAAI,MAAM,SAAA;gBACV,IAAI,SAAS,SAAA;gBACb,IAAI,SAAS,SAAA;gBAEb,IAAI,YAAY,EAAE;;oBAEd,MAAM,GAAG,YAAY;oBACrB,SAAS,GAAG,YAAY;;qBACrB;;oBAEH,MAAM,GAAGC,2BAAqB;oBAC9B,SAAS,GAAGA,2BAAqB;;gBAGrC,IAAI,YAAY,EAAE;;oBAEd,SAAS,GAAG,YAAY;;qBACrB;;oBAEH,SAAS,GAAGA,2BAAqB;;gBAGrC,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,sBAAe,MAAM,EAAA,OAAA,CAAA,CAAA,MAAA,CAAQ,SAAS,EAAA,KAAA,CAAK;gBACtE,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,EAAG,CAAA,MAAA,CAAA,SAAS,OAAI;;;AAGpD,KAAC,CAAC;AACN;;;;"}

package/cssm/desktop/hooks/useModalWheel.js.map CHANGED Viewed

	@@ -1 +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":["useState"],"mappings":";;;;;;AAEO,IAAM,aAAa,GAAG,UAAC,OAAgB,EAAA;IACpC,IAAA,EAAA,GAAgCA,cAAQ,CAAS,CAAC,CAAC,EAAlD,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAuB;;IAGzD,IAAM,WAAW,GAAG,UAAC,CAA0B,EAAA;AAC3C,QAAA,IAAM,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,EAAA,WAAA,EAAE,WAAW,EAAA,WAAA,EAAE;AACvC;;;;"}
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":["useState"],"mappings":";;;;;;AAEO,IAAM,aAAa,GAAG,UAAC,OAAgB,EAAA;IACpC,IAAA,EAAA,GAAgCA,cAAQ,CAAS,CAAC,CAAC,EAAlD,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAuB;;IAGzD,IAAM,WAAW,GAAG,UAAC,CAA0B,EAAA;AAC3C,QAAA,IAAM,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,EAAA,WAAA,EAAE,WAAW,EAAA,WAAA,EAAE;AACvC;;;;"}

package/cssm/desktop/types/context.d.ts CHANGED Viewed

@@ -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/cssm/desktop/utils/get-full-size-modal-transitions.js.map CHANGED Viewed

	@@ -1 +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":["fullSizeBackdropTransitions","fullSizeVerticalTopTransitions","fullSizeVerticalBottomTransitions","fullSizeVerticalCenterTransitions","exhaustiveCheck"],"mappings":";;;;;;;;;;;;;;;;;AAwBO,IAAM,2BAA2B,GAAG,UAAC,MAAc,EAAA;AAC9C,IAAA,IAAA,aAAa,GAAoB,MAAM,CAAA,aAA1B,EAAE,KAAK,GAAa,MAAM,CAAA,KAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;IAEpC,IAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,IAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAEA,4CAA2B;KACpD;AAED,IAAA,IAAM,+BAA+B,GAAG,YAAA;~~AACpC~~,~~QAAA,~~QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAOC,+CAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,kDAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,kDAAiC;AAC5C,YAAA;AACI,gBAAA,OAAOC,oBAAe,CAAC,aAAa,CAAC~~;AAC5C;AACL~~,KAAC;AAED,IAAA,IAAM,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;AACH,QAAA,eAAe,EAAA,eAAA;AACf,QAAA,mBAAmB,EAAA,mBAAA;AACnB,QAAA,oBAAoB,EAAA,oBAAA;KACvB;AACL;;;;"}
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":["fullSizeBackdropTransitions","fullSizeVerticalTopTransitions","fullSizeVerticalBottomTransitions","fullSizeVerticalCenterTransitions","exhaustiveCheck"],"mappings":";;;;;;;;;;;;;;;;;AAwBO,IAAM,2BAA2B,GAAG,UAAC,MAAc,EAAA;AAC9C,IAAA,IAAA,aAAa,GAAoB,MAAM,CAAA,aAA1B,EAAE,KAAK,GAAa,MAAM,CAAA,KAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;IAEpC,IAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,IAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAEA,4CAA2B;KACpD;AAED,IAAA,IAAM,+BAA+B,GAAG,YAAA;QACpC,QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAOC,+CAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,kDAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,kDAAiC;AAC5C,YAAA;AACI,gBAAA,OAAOC,oBAAe,CAAC,aAAa,CAAC;;AAEjD,KAAC;AAED,IAAA,IAAM,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;AACH,QAAA,eAAe,EAAA,eAAA;AACf,QAAA,mBAAmB,EAAA,mBAAA;AACnB,QAAA,oBAAoB,EAAA,oBAAA;KACvB;AACL;;;;"}

package/cssm/desktop/utils/get-height-style.d.ts CHANGED Viewed

@@ -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/cssm/desktop/utils/get-height-style.js CHANGED Viewed

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

package/cssm/desktop/utils/get-height-style.js.map CHANGED Viewed

	@@ -1 +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":["getMaxHeightStyle","isClient","hasOwnProperty"],"mappings":";;;;;;;AAQA;;;;;AAKG;AACU,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;~~IAE5C~~,IAAI,MAAM,KAAK,YAAY,EAAE;QACzB,OAAO,EAAE,SAAS,EAAEA,mCAAiB,CAAC,MAAM,CAAC,EAAE~~;AAClD;IAED~~,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIC,aAAQ,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,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,cAAA,CAAA,MAAA,CAAe,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,EAAK,KAAA,CAAA,EAAE~~;AACvE;AAED~~,IAAA,OAAO,EAAE,MAAM,EAAA,MAAA,EAAE;AACrB;;;;"}
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 === '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":["getMaxHeightStyle","isClient","hasOwnProperty"],"mappings":";;;;;;;AAQA;;;;;AAKG;AACU,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;AAE5C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;QACzB,OAAO,EAAE,SAAS,EAAEA,mCAAiB,CAAC,MAAM,CAAC,EAAE;;IAGnD,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIC,aAAQ,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,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,cAAA,CAAA,MAAA,CAAe,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,EAAK,KAAA,CAAA,EAAE;;AAGxE,IAAA,OAAO,EAAE,MAAM,EAAA,MAAA,EAAE;AACrB;;;;"}

package/cssm/desktop/utils/get-margin-styles.js.map CHANGED Viewed

	@@ -1 +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":["hasOwnProperty"],"mappings":";;;;;;AASO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;IAClC,IAAA,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,CAAA,MAAX;~~AAEtB~~,~~IAAA,~~IAAI,MAAM,EAAE;AACR,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACvE,YAAA,EAAA~~;AACL;AAED~~,IAAA,OAAO,EAAE;AACb;;;;"}
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":["hasOwnProperty"],"mappings":";;;;;;AASO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;IAClC,IAAA,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,CAAA,MAAX;IAEtB,IAAI,MAAM,EAAE;AACR,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACvE,YAAA,EAAA;;AAGN,IAAA,OAAO,EAAE;AACb;;;;"}

package/cssm/desktop/utils/get-max-height-style.d.ts CHANGED Viewed

@@ -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/cssm/desktop/utils/get-width-style.d.ts CHANGED Viewed

@@ -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/cssm/desktop/utils/get-width-style.js CHANGED Viewed

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

package/cssm/desktop/utils/get-width-style.js.map CHANGED Viewed

	@@ -1 +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":["isClient","hasOwnProperty"],"mappings":";;;;;;AAIa,IAAA,aAAa,GAAG,UACzB,KAA8D,EAC9D,MAA4C,EAAA;IAE5C,IAAI,aAAa,GAAG,CAAC;IAErB,IAAIA,aAAQ,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,IAAM,UAAU,GAAG,CAAC,MAAM,IAAIC,mBAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,IAAM,WAAW,GAAG,CAAC,MAAM,IAAIA,mBAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,cAAe,CAAA,MAAA,CAAA,UAAU,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,WAAW,QAAK~~;AAC3D;IAED~~,OAAO,EAAA,CAAA,MAAA,CAAG,KAAK,EAAA,IAAA,CAAI;AACvB;;;;"}
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 === '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":["isClient","hasOwnProperty"],"mappings":";;;;;;AAIa,IAAA,aAAa,GAAG,UACzB,KAA8D,EAC9D,MAA4C,EAAA;IAE5C,IAAI,aAAa,GAAG,CAAC;IAErB,IAAIA,aAAQ,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,IAAM,UAAU,GAAG,CAAC,MAAM,IAAIC,mBAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,IAAM,WAAW,GAAG,CAAC,MAAM,IAAIA,mBAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,cAAe,CAAA,MAAA,CAAA,UAAU,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,WAAW,QAAK;;IAG5D,OAAO,EAAA,CAAA,MAAA,CAAG,KAAK,EAAA,IAAA,CAAI;AACvB;;;;"}

package/cssm/desktop/utils/set-footer-and-header-refs.js CHANGED Viewed

@@ -15,17 +15,26 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var setFooterAndHeaderRefs = function (params) {
     var children = params.children, headerElementRef = params.headerElementRef, footerElementRef = params.footerElementRef;
     var enhancedChildren = React.Children.map(children, function (child) {
+        var _a;
         if (!React.isValidElement(child)) {
             return child;
         }
         var displayName = child.type.displayName;
         if (displayName && isHeaderNode.isHeaderNode(displayName)) {
             var existingRef = child;
-            return React.cloneElement(child, { ref: mergeRefs__default.default([existingRef.ref, headerElementRef]) });
+            return React.cloneElement(child, {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                ref: mergeRefs__default.default([(_a = existingRef.ref) !== null && _a !== void 0 ? _a : null, headerElementRef]),
+            });
         }
         if (displayName && isFooterNode.isFooterNode(displayName)) {
             var existingRef = child;
-            return React.cloneElement(child, { ref: mergeRefs__default.default([existingRef.ref, footerElementRef]) });
+            return React.cloneElement(child, {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                ref: mergeRefs__default.default([existingRef.ref, footerElementRef]),
+            });
         }
         return child;
     });

package/cssm/desktop/utils/set-footer-and-header-refs.js.map CHANGED Viewed

	@@ -1 +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":["Children","isValidElement","isHeaderNode","cloneElement","mergeRefs","isFooterNode"],"mappings":";;;;;;;;;;;;;AAuBA;AACO,IAAM,sBAAsB,GAAG,UAAC,MAAc,EAAA;AACzC,IAAA,IAAA,QAAQ,GAAyC,MAAM,CAAA,QAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAAA,gBAA7B,EAAE,gBAAgB,GAAK,MAAM,iBAAX;IAEpD,IAAM,gBAAgB,GAAGA,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClD,QAAA,IAAI,CAACC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK~~;AACf;AAEO~~,QAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAmD,YAA9D;AAEnB,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,~~KAAiE~~;~~AAErF~~,~~YAAA,~~OAAOC,kBAAY,CAAC,KAAK,EAAE,~~EAAE~~,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,~~EAAE~~,CAAC~~;AACtF;AAED~~,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,~~KAAiE~~;~~AAErF~~,~~YAAA,~~OAAOF,kBAAY,CAAC,KAAK,EAAE,~~EAAE,~~GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,~~EAAE~~,CAAC~~;AACtF;AAED~~,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,gBAAgB,EAAA,gBAAA,EAAE;AAC/B;;;;"}
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 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":["Children","isValidElement","isHeaderNode","cloneElement","mergeRefs","isFooterNode"],"mappings":";;;;;;;;;;;;;AAuBA;AACO,IAAM,sBAAsB,GAAG,UAAC,MAAc,EAAA;AACzC,IAAA,IAAA,QAAQ,GAAyC,MAAM,CAAA,QAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAAA,gBAA7B,EAAE,gBAAgB,GAAK,MAAM,iBAAX;IAEpD,IAAM,gBAAgB,GAAGA,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;;AAClD,QAAA,IAAI,CAACC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;;AAGR,QAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAmD,YAA9D;AAEnB,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAqD;YAEzE,OAAOC,kBAAY,CAAC,KAAK,EAAE;;;AAGvB,gBAAA,GAAG,EAAEC,0BAAS,CAAC,CAAC,CAAA,EAAA,GAAA,WAAW,CAAC,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAC9D,aAAA,CAAC;;AAGN,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAqD;YAEzE,OAAOF,kBAAY,CAAC,KAAK,EAAE;;;gBAGvB,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AACtD,aAAA,CAAC;;AAGN,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,gBAAgB,EAAA,gBAAA,EAAE;AAC/B;;;;"}

package/cssm/typings/margin-type.d.ts CHANGED Viewed

@@ -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/desktop/Component.desktop.js.map CHANGED Viewed

	@@ -1 +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":["forwardRef","__rest","useMemo","React","CenterModal","__assign","SideModal","UniversalModalContext","HeaderDesktop","ContentDesktop","FooterDesktop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYa,8BAA8B,GAAGA,gBAAU,CAGtD,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,QAAQ,GAA+C,KAAK,CAAA,QAApD,EAAE,EAA6C,GAAA,KAAK,gBAAxB,EAA1B,eAAe,mBAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA9D,CAAA,UAAA,EAAA,iBAAA,CAAsD,CAAF;IAClD,IAAA,EAAA,GAAgB,SAAS,CAAd,KAAA,EAAX,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA;AAEnB,IAAA,IAAM,YAAY,GAAGC,aAAO,CACxB,YAAA,EAAM,QAAC;AACH,QAAA,KAAK,EAAA,KAAA;AACR,KAAA,IAAC,EACF,CAAC,KAAK,CAAC,CACV;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;~~QAChB~~,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uBAAW,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC~~;AAErB;AAED~~,QAAA,QACIF,sBAAC,CAAA,aAAA,CAAAG,mBAAS,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACI,2BAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAEC,iCAAa;AACrB,IAAA,OAAO,EAAEC,kCAAc;AACvB,IAAA,MAAM,EAAEC,+BAAa;AACxB,CAAA;;;;;"}
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":["forwardRef","__rest","useMemo","React","CenterModal","__assign","SideModal","UniversalModalContext","HeaderDesktop","ContentDesktop","FooterDesktop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYa,8BAA8B,GAAGA,gBAAU,CAGtD,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,QAAQ,GAA+C,KAAK,CAAA,QAApD,EAAE,EAA6C,GAAA,KAAK,gBAAxB,EAA1B,eAAe,mBAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA9D,CAAA,UAAA,EAAA,iBAAA,CAAsD,CAAF;IAClD,IAAA,EAAA,GAAgB,SAAS,CAAd,KAAA,EAAX,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA;AAEnB,IAAA,IAAM,YAAY,GAAGC,aAAO,CACxB,YAAA,EAAM,QAAC;AACH,QAAA,KAAK,EAAA,KAAA;AACR,KAAA,IAAC,EACF,CAAC,KAAK,CAAC,CACV;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;AAChB,QAAA,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uBAAW,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC;;AAItB,QAAA,QACIF,sBAAC,CAAA,aAAA,CAAAG,mBAAS,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACI,2BAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAEC,iCAAa;AACrB,IAAA,OAAO,EAAEC,kCAAc;AACvB,IAAA,MAAM,EAAEC,+BAAa;AACxB,CAAA;;;;;"}