@alfalab/core-components-universal-modal 2.0.2 → 2.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.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 (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [mobileStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAgBa,MAAA,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,OAAO,EAAE,oBAAoB,GAChC,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,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;AAElB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,OACb,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE;YACzD,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AAC/B,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,MAAM;AAChC,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.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 (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [mobileStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAgBa,MAAA,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,OAAO,EAAE,oBAAoB,GAChC,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,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;AAElB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,OACb,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE;YACzD,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AAC/B,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,MAAM;AAChC,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACU;AAE/B;;;;"}

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

@@ -1,15 +1,20 @@
+
+
 :root {
     --universal-modal-header-mobile-font-size: 20px;
     --universal-modal-header-mobile-line-height: 28px;
     --universal-modal-header-mobile-font-family: var(--font-family-system);
     --universal-modal-header-mobile-font-weight: 600;
 }
+
 .header {
     padding: var(--gap-8) var(--gap-4);
 }
+
 .sticky {
     top: var(--gap-0);
 }
+
 .content {
     font-size: var(--universal-modal-header-mobile-font-size);
     line-height: var(--universal-modal-header-mobile-line-height);
@@ -19,6 +24,7 @@
     min-height: 40px;
     justify-content: center;
 }
+
 .bottomAddons {
     font-size: 20px;
     line-height: 28px;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { HeaderDesktopProps } from '../desktop/Component.desktop';
-import { HeaderMobileProps } from '../mobile/Component.mobile';
+import { type HeaderDesktopProps } from '../desktop/Component.desktop';
+import { type HeaderMobileProps } from '../mobile/Component.mobile';
 export interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {
 }
 export declare const HeaderResponsive: React.ForwardRefExoticComponent<HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;

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, HeaderDesktopProps } from '../desktop/Component.desktop';\nimport { HeaderMobile, 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;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;;;;"}

package/moderncssm/context/universal-modal-context.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UniversalModalContextType } from '../typings';
+import { type UniversalModalContextType } from '../typings';
 export declare const UniversalModalContext: import("react").Context<UniversalModalContextType>;

package/moderncssm/context/universal-modal-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"universal-modal-context.js","sources":["../../src/context/universal-modal-context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { UniversalModalContextType } from '../typings';\n\nexport const UniversalModalContext = createContext<UniversalModalContextType>({\n    modalWidth: 500,\n    hasFooter: false,\n    hasHeader: false,\n});\n"],"names":[],"mappings":";;AAIO,MAAM,qBAAqB,GAAG,aAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}
+{"version":3,"file":"universal-modal-context.js","sources":["../../src/context/universal-modal-context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { type UniversalModalContextType } from '../typings';\n\nexport const UniversalModalContext = createContext<UniversalModalContextType>({\n    modalWidth: 500,\n    hasFooter: false,\n    hasHeader: false,\n});\n"],"names":[],"mappings":";;AAIO,MAAM,qBAAqB,GAAG,aAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}

package/moderncssm/desktop/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UniversalModalDesktopProps } from './types/props';
+import { type UniversalModalDesktopProps } from './types/props';
 export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("../components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;

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, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport type { UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport type { UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\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":";;;;;;;;;;;;;;;;;;;;;;;MAaa,8BAA8B,GAAG,UAAU,CAGtD,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAC9D,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACpF,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAEpF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAE/D,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;QAC3B,sBAAsB;QACtB,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,yBAAyB;QACzB,yBAAyB;AAC5B,KAAA,CAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;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, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport { type UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\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":";;;;;;;;;;;;;;;;;;;;;;;MAaa,8BAA8B,GAAG,UAAU,CAGtD,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAC9D,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACpF,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAEpF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAE/D,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;QAC3B,sBAAsB;QACtB,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,yBAAyB;QACzB,yBAAyB;AAC5B,KAAA,CAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;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;;;;"}

package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.d.ts

@@ -1,4 +1,4 @@
-import { FC, MouseEvent } from 'react';
+import { type FC, type MouseEvent } from 'react';
 interface ArrowButtonDesktopProps {
     onClick?: (e: MouseEvent) => void;
 }

package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button.js","sources":["../../../../../src/desktop/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { Typography } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\n\nimport styles from './arrow-button.module.css';\n\ninterface ArrowButtonDesktopProps {\n    onClick?: (e: MouseEvent) => void;\n}\n\nexport const ArrowButtonDesktop: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            shape='rounded'\n            size={48}\n            leftAddons={<ArrowLeftMediumMIcon />}\n            className={styles.button}\n            onClick={onClick}\n        >\n            <Typography.Text view='primary-large' weight='medium'>\n                Назад\n            </Typography.Text>\n        </ButtonDesktop>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAYa,MAAA,kBAAkB,GAAgC,CAAC,KAAK,KAAI;AACrE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;IAEzB,QACI,KAAC,CAAA,aAAA,CAAA,aAAa,EACV,EAAA,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,oBAAoB,EAAG,IAAA,CAAA,EACpC,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,QAAQ,EAEnC,EAAA,gCAAA,CAAA,CACN;AAExB;;;;"}
+{"version":3,"file":"arrow-button.js","sources":["../../../../../src/desktop/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { type FC, type MouseEvent } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { Typography } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\n\nimport styles from './arrow-button.module.css';\n\ninterface ArrowButtonDesktopProps {\n    onClick?: (e: MouseEvent) => void;\n}\n\nexport const ArrowButtonDesktop: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            shape='rounded'\n            size={48}\n            leftAddons={<ArrowLeftMediumMIcon />}\n            className={styles.button}\n            onClick={onClick}\n        >\n            <Typography.Text view='primary-large' weight='medium'>\n                Назад\n            </Typography.Text>\n        </ButtonDesktop>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAYa,MAAA,kBAAkB,GAAgC,CAAC,KAAK,KAAI;AACrE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;IAEzB,QACI,KAAC,CAAA,aAAA,CAAA,aAAa,EACV,EAAA,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,oBAAoB,EAAG,IAAA,CAAA,EACpC,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,QAAQ,EAEnC,EAAA,gCAAA,CAAA,CACN;AAExB;;;;"}

package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.module.css

@@ -1,3 +1,5 @@
+
+
 .button.button {
     padding: 0 var(--gap-12);
     background-color: var(--color-light-bg-primary-alpha-40);

package/moderncssm/desktop/components/buttons/cross-button/cross-button.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 interface CrossButtonProps {
     onClick?: () => void;
 }

package/moderncssm/desktop/components/buttons/cross-button/cross-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.js","sources":["../../../../../src/desktop/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonDesktop: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            leftAddons={<CrossMediumMIcon />}\n            size={48}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,kBAAkB,GAAyB,CAAC,KAAK,KAAI;AAC9D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAG,IAAA,CAAA,EAChC,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
+{"version":3,"file":"cross-button.js","sources":["../../../../../src/desktop/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonDesktop: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            leftAddons={<CrossMediumMIcon />}\n            size={48}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,kBAAkB,GAAyB,CAAC,KAAK,KAAI;AAC9D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAG,IAAA,CAAA,EAChC,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

package/moderncssm/desktop/components/buttons/cross-button/cross-button.module.css

@@ -1,6 +1,7 @@
 :root {
     --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
 }
+
 .button.button {
     background-color: var(--color-light-monochrome-white-4);
     -webkit-backdrop-filter: blur(10px);

package/moderncssm/desktop/components/center-modal/center-modal.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type UniversalModalDesktopProps } from '../../types/props';
 export declare const CenterModal: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/desktop/components/center-modal/center-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { browser, os } from '@alfalab/core-components-shared';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport type { UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'fullHeight',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n\n    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={!overlay}\n            wrapperClassName={cn({\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n            })}\n            className={cn(styles.component, className, {\n                [styles.overlayHidden]: !overlay,\n                ...getMarginStyles({ styles, margin }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                transparent: !overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    height: getHeightStyle(height, margin),\n                    ...(height === 'hugContent' && {\n                        maxHeight: getMaxHeightStyle(margin),\n                    }),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent\n                height={height}\n                wheelDeltaY={wheelDeltaY}\n                scrollableContainerRef={scrollableContainerRef}\n            >\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,OAAO,CAAC,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAE/E,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EACtB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;IAEjD,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAE3D,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,CAAC,OAAO,EAC/B,gBAAgB,EAAE,EAAE,CAAC;AACjB,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;SACzD,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,OAAO;AAChC,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACzC,CAAC,EACF,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;YACX,WAAW,EAAE,CAAC,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACtC,gBAAA,IAAI,MAAM,KAAK,YAAY,IAAI;AAC3B,oBAAA,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC;iBACvC,CAAC;AACL,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EACT,EAAA,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAAA,EAE7C,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
+{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { browser, os } from '@alfalab/core-components-shared';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'fullHeight',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n\n    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={!overlay}\n            wrapperClassName={cn({\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n            })}\n            className={cn(styles.component, className, {\n                [styles.overlayHidden]: !overlay,\n                ...getMarginStyles({ styles, margin }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                transparent: !overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    height: getHeightStyle(height, margin),\n                    ...(height === 'hugContent' && {\n                        maxHeight: getMaxHeightStyle(margin),\n                    }),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent\n                height={height}\n                wheelDeltaY={wheelDeltaY}\n                scrollableContainerRef={scrollableContainerRef}\n            >\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,OAAO,CAAC,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAE/E,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EACtB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;IAEjD,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAE3D,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,CAAC,OAAO,EAC/B,gBAAgB,EAAE,EAAE,CAAC;AACjB,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;SACzD,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,OAAO;AAChC,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACzC,CAAC,EACF,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;YACX,WAAW,EAAE,CAAC,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACtC,gBAAA,IAAI,MAAM,KAAK,YAAY,IAAI;AAC3B,oBAAA,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC;iBACvC,CAAC;AACL,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EACT,EAAA,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAAA,EAE7C,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}

package/moderncssm/desktop/components/center-modal/index.module.css

@@ -1,12 +1,15 @@
+
+
 .component {
     min-width: 500px;
     min-height: 264px;
     border-radius: var(--border-radius-24);
     overflow-x: hidden;
-    margin: unset;
+    margin: 0;
+    margin: initial;
     will-change: transform, opacity;
     -webkit-backface-visibility: hidden;
-            backface-visibility: hidden
+            backface-visibility: hidden;
 }
 
 .component.overlayHidden {

package/moderncssm/desktop/components/center-modal/transitions/safari-transitions.module.css

@@ -8,7 +8,9 @@
 .enterActive {
     opacity: 1;
     transform: translateY(0) translateZ(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
 .exit {
@@ -19,5 +21,7 @@
 .exitDone {
     opacity: 0;
     transform: translateY(15px) translateZ(0);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

package/moderncssm/desktop/components/center-modal/transitions/transitions.module.css

@@ -8,7 +8,9 @@
 .enterActive {
     opacity: 1;
     transform: translateX(0) translateZ(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
 .exit {
@@ -19,5 +21,7 @@
 .exitDone {
     opacity: 0;
     transform: scale(0.9) translateZ(0);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

package/moderncssm/desktop/components/modal-content/modal-content.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { BaseModalProps } from '@alfalab/core-components-base-modal/moderncssm';
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type FC } from 'react';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal/moderncssm';
+import { type UniversalModalDesktopProps } from '../../types/props';
 interface Props extends Pick<BaseModalProps, 'children'>, Pick<UniversalModalDesktopProps, 'height' | 'scrollableContainerRef'> {
     wheelDeltaY: number;
 }

package/moderncssm/desktop/components/modal-content/modal-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.js","sources":["../../../../src/desktop/components/modal-content/modal-content.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\n\nimport { useModalHighlighted } from '../../hooks/use-modal-highlighted';\nimport { useOutsideScroll } from '../../hooks/use-outside-scroll';\nimport { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';\nimport type { UniversalModalDesktopProps } from '../../types/props';\nimport { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';\n\nimport styles from './modal-content.module.css';\n\ninterface Props\n    extends Pick<BaseModalProps, 'children'>,\n        Pick<UniversalModalDesktopProps, 'height' | 'scrollableContainerRef'> {\n    wheelDeltaY: number;\n}\n\nexport const ModalContent: FC<Props> = (props) => {\n    const { children, wheelDeltaY, height, scrollableContainerRef = null } = props;\n\n    const scrollableNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarContentNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const verticalBarRef = useRef<HTMLDivElement>(null);\n    const headerElementRef = useRef<HTMLDivElement>(null);\n    const footerElementRef = useRef<HTMLDivElement | null>(null);\n\n    const { handleScroll } = useModalHighlighted({ scrollbarContentNodeRef, scrollableNodeRef });\n\n    useOutsideScroll({ scrollableNodeRef, wheelDeltaY });\n\n    const { enhancedChildren } = setFooterAndHeaderRefs({\n        children,\n        headerElementRef,\n        footerElementRef,\n    });\n\n    useSetScrollbarHeight({ scrollbarRef, verticalBarRef, headerElementRef, footerElementRef });\n\n    return (\n        <Scrollbar\n            className={styles.scrollable}\n            ref={scrollbarRef}\n            verticalBarRef={verticalBarRef}\n            scrollableNodeProps={{\n                ref: mergeRefs([scrollableNodeRef, scrollableContainerRef]),\n                className: styles.scrollableNode,\n            }}\n            contentNodeProps={{\n                ref: scrollbarContentNodeRef,\n                className: cn(styles.contentNode, {\n                    [styles.hugContent]: height === 'hugContent',\n                }),\n            }}\n            onContentScroll={handleScroll}\n        >\n            {enhancedChildren}\n        </Scrollbar>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAqBa,MAAA,YAAY,GAAc,CAAC,KAAK,KAAI;AAC7C,IAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI,EAAE,GAAG,KAAK;AAE9E,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACtD,IAAA,MAAM,uBAAuB,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC;AACxD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC;AAE5D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,CAAC;AAE5F,IAAA,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AAEpD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,CAAC;QAChD,QAAQ;QACR,gBAAgB;QAChB,gBAAgB;AACnB,KAAA,CAAC;IAEF,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AAE3F,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,GAAG,EAAE,YAAY,EACjB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE;YACjB,GAAG,EAAE,SAAS,CAAC,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;YAC3D,SAAS,EAAE,MAAM,CAAC,cAAc;AACnC,SAAA,EACD,gBAAgB,EAAE;AACd,YAAA,GAAG,EAAE,uBAAuB;AAC5B,YAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;AAC9B,gBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,KAAK,YAAY;aAC/C,CAAC;AACL,SAAA,EACD,eAAe,EAAE,YAAY,IAE5B,gBAAgB,CACT;AAEpB;;;;"}
+{"version":3,"file":"modal-content.js","sources":["../../../../src/desktop/components/modal-content/modal-content.tsx"],"sourcesContent":["import React, { type FC, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\n\nimport { useModalHighlighted } from '../../hooks/use-modal-highlighted';\nimport { useOutsideScroll } from '../../hooks/use-outside-scroll';\nimport { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';\n\nimport styles from './modal-content.module.css';\n\ninterface Props\n    extends Pick<BaseModalProps, 'children'>,\n        Pick<UniversalModalDesktopProps, 'height' | 'scrollableContainerRef'> {\n    wheelDeltaY: number;\n}\n\nexport const ModalContent: FC<Props> = (props) => {\n    const { children, wheelDeltaY, height, scrollableContainerRef = null } = props;\n\n    const scrollableNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarContentNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const verticalBarRef = useRef<HTMLDivElement>(null);\n    const headerElementRef = useRef<HTMLDivElement>(null);\n    const footerElementRef = useRef<HTMLDivElement | null>(null);\n\n    const { handleScroll } = useModalHighlighted({ scrollbarContentNodeRef, scrollableNodeRef });\n\n    useOutsideScroll({ scrollableNodeRef, wheelDeltaY });\n\n    const { enhancedChildren } = setFooterAndHeaderRefs({\n        children,\n        headerElementRef,\n        footerElementRef,\n    });\n\n    useSetScrollbarHeight({ scrollbarRef, verticalBarRef, headerElementRef, footerElementRef });\n\n    return (\n        <Scrollbar\n            className={styles.scrollable}\n            ref={scrollbarRef}\n            verticalBarRef={verticalBarRef}\n            scrollableNodeProps={{\n                ref: mergeRefs([scrollableNodeRef, scrollableContainerRef]),\n                className: styles.scrollableNode,\n            }}\n            contentNodeProps={{\n                ref: scrollbarContentNodeRef,\n                className: cn(styles.contentNode, {\n                    [styles.hugContent]: height === 'hugContent',\n                }),\n            }}\n            onContentScroll={handleScroll}\n        >\n            {enhancedChildren}\n        </Scrollbar>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAqBa,MAAA,YAAY,GAAc,CAAC,KAAK,KAAI;AAC7C,IAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI,EAAE,GAAG,KAAK;AAE9E,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACtD,IAAA,MAAM,uBAAuB,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC;AACxD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC;AAE5D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,CAAC;AAE5F,IAAA,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AAEpD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,CAAC;QAChD,QAAQ;QACR,gBAAgB;QAChB,gBAAgB;AACnB,KAAA,CAAC;IAEF,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AAE3F,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,GAAG,EAAE,YAAY,EACjB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE;YACjB,GAAG,EAAE,SAAS,CAAC,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;YAC3D,SAAS,EAAE,MAAM,CAAC,cAAc;AACnC,SAAA,EACD,gBAAgB,EAAE;AACd,YAAA,GAAG,EAAE,uBAAuB;AAC5B,YAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;AAC9B,gBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,KAAK,YAAY;aAC/C,CAAC;AACL,SAAA,EACD,eAAe,EAAE,YAAY,IAE5B,gBAAgB,CACT;AAEpB;;;;"}

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

@@ -1,18 +1,17 @@
+
+
 .scrollable {
-    height: 100%
+    height: 100%;
 }
-
 .scrollable .scrollableNode {
         display: flex;
-        flex-direction: column
+        flex-direction: column;
     }
-
 .scrollable .scrollableNode .contentNode {
             display: flex;
 
-            flex-direction: column
+            flex-direction: column;
         }
-
 .scrollable .scrollableNode .contentNode:not(.hugContent) {
                 flex: 1 1 auto;
             }

package/moderncssm/desktop/components/side-modal/get-default-transition-props.d.ts

@@ -1,4 +1,4 @@
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type UniversalModalDesktopProps } from '../../types/props';
 interface Params {
     horizontalAlign: UniversalModalDesktopProps['horizontalAlign'];
     margin: UniversalModalDesktopProps['margin'];

package/moderncssm/desktop/components/side-modal/get-default-transition-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-default-transition-props.js","sources":["../../../../src/desktop/components/side-modal/get-default-transition-props.ts"],"sourcesContent":["import cn from 'classnames';\n\nimport type { UniversalModalDesktopProps } from '../../types/props';\n\nimport transitions from './transitions/transitions.module.css';\n\ninterface Params {\n    horizontalAlign: UniversalModalDesktopProps['horizontalAlign'];\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getDefaultTransitionProps = (params: Params) => {\n    const { horizontalAlign, margin } = params;\n    const isHorizontalStart = horizontalAlign === 'start';\n    const isHorizontalEnd = horizontalAlign === 'end';\n\n    const enterCn = cn({\n        [transitions[`enterLeft-${margin?.left || 0}`]]: isHorizontalStart,\n        [transitions[`enterRight-${margin?.right || 0}`]]: isHorizontalEnd,\n    });\n\n    const exitCn = cn({\n        [transitions[`exitActiveLeft-${margin?.left || 0}`]]: isHorizontalStart,\n        [transitions[`exitActiveRight-${margin?.right || 0}`]]: isHorizontalEnd,\n    });\n\n    return {\n        timeout: 200,\n        classNames: {\n            appear: enterCn,\n            enter: enterCn,\n            appearActive: transitions.enterActive,\n            enterActive: transitions.enterActive,\n            appearDone: transitions.enterDone,\n            enterDone: transitions.enterDone,\n            exit: transitions.exit,\n            exitActive: exitCn,\n            exitDone: exitCn,\n        },\n    };\n};\n"],"names":[],"mappings":";;;AAWa,MAAA,yBAAyB,GAAG,CAAC,MAAc,KAAI;AACxD,IAAA,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,MAAM;AAC1C,IAAA,MAAM,iBAAiB,GAAG,eAAe,KAAK,OAAO;AACrD,IAAA,MAAM,eAAe,GAAG,eAAe,KAAK,KAAK;IAEjD,MAAM,OAAO,GAAG,EAAE,CAAC;AACf,QAAA,CAAC,WAAW,CAAC,CAAa,UAAA,EAAA,MAAM,EAAE,IAAI,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,iBAAiB;AAClE,QAAA,CAAC,WAAW,CAAC,CAAc,WAAA,EAAA,MAAM,EAAE,KAAK,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,eAAe;AACrE,KAAA,CAAC;IAEF,MAAM,MAAM,GAAG,EAAE,CAAC;AACd,QAAA,CAAC,WAAW,CAAC,CAAkB,eAAA,EAAA,MAAM,EAAE,IAAI,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,iBAAiB;AACvE,QAAA,CAAC,WAAW,CAAC,CAAmB,gBAAA,EAAA,MAAM,EAAE,KAAK,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,eAAe;AAC1E,KAAA,CAAC;IAEF,OAAO;AACH,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,UAAU,EAAE;AACR,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,WAAW,CAAC,WAAW;YACrC,WAAW,EAAE,WAAW,CAAC,WAAW;YACpC,UAAU,EAAE,WAAW,CAAC,SAAS;YACjC,SAAS,EAAE,WAAW,CAAC,SAAS;YAChC,IAAI,EAAE,WAAW,CAAC,IAAI;AACtB,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,QAAQ,EAAE,MAAM;AACnB,SAAA;KACJ;AACL;;;;"}
+{"version":3,"file":"get-default-transition-props.js","sources":["../../../../src/desktop/components/side-modal/get-default-transition-props.ts"],"sourcesContent":["import cn from 'classnames';\n\nimport { type UniversalModalDesktopProps } from '../../types/props';\n\nimport transitions from './transitions/transitions.module.css';\n\ninterface Params {\n    horizontalAlign: UniversalModalDesktopProps['horizontalAlign'];\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getDefaultTransitionProps = (params: Params) => {\n    const { horizontalAlign, margin } = params;\n    const isHorizontalStart = horizontalAlign === 'start';\n    const isHorizontalEnd = horizontalAlign === 'end';\n\n    const enterCn = cn({\n        [transitions[`enterLeft-${margin?.left || 0}`]]: isHorizontalStart,\n        [transitions[`enterRight-${margin?.right || 0}`]]: isHorizontalEnd,\n    });\n\n    const exitCn = cn({\n        [transitions[`exitActiveLeft-${margin?.left || 0}`]]: isHorizontalStart,\n        [transitions[`exitActiveRight-${margin?.right || 0}`]]: isHorizontalEnd,\n    });\n\n    return {\n        timeout: 200,\n        classNames: {\n            appear: enterCn,\n            enter: enterCn,\n            appearActive: transitions.enterActive,\n            enterActive: transitions.enterActive,\n            appearDone: transitions.enterDone,\n            enterDone: transitions.enterDone,\n            exit: transitions.exit,\n            exitActive: exitCn,\n            exitDone: exitCn,\n        },\n    };\n};\n"],"names":[],"mappings":";;;AAWa,MAAA,yBAAyB,GAAG,CAAC,MAAc,KAAI;AACxD,IAAA,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,MAAM;AAC1C,IAAA,MAAM,iBAAiB,GAAG,eAAe,KAAK,OAAO;AACrD,IAAA,MAAM,eAAe,GAAG,eAAe,KAAK,KAAK;IAEjD,MAAM,OAAO,GAAG,EAAE,CAAC;AACf,QAAA,CAAC,WAAW,CAAC,CAAa,UAAA,EAAA,MAAM,EAAE,IAAI,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,iBAAiB;AAClE,QAAA,CAAC,WAAW,CAAC,CAAc,WAAA,EAAA,MAAM,EAAE,KAAK,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,eAAe;AACrE,KAAA,CAAC;IAEF,MAAM,MAAM,GAAG,EAAE,CAAC;AACd,QAAA,CAAC,WAAW,CAAC,CAAkB,eAAA,EAAA,MAAM,EAAE,IAAI,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,iBAAiB;AACvE,QAAA,CAAC,WAAW,CAAC,CAAmB,gBAAA,EAAA,MAAM,EAAE,KAAK,IAAI,CAAC,CAAE,CAAA,CAAC,GAAG,eAAe;AAC1E,KAAA,CAAC;IAEF,OAAO;AACH,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,UAAU,EAAE;AACR,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,WAAW,CAAC,WAAW;YACrC,WAAW,EAAE,WAAW,CAAC,WAAW;YACpC,UAAU,EAAE,WAAW,CAAC,SAAS;YACjC,SAAS,EAAE,WAAW,CAAC,SAAS;YAChC,IAAI,EAAE,WAAW,CAAC,IAAI;AACtB,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,QAAQ,EAAE,MAAM;AACnB,SAAA;KACJ;AACL;;;;"}

package/moderncssm/desktop/components/side-modal/index.module.css

@@ -1,3 +1,5 @@
+
+
 .wrapper {
     overflow-x: hidden;
 }
@@ -23,10 +25,11 @@
     min-height: 264px;
     border-radius: var(--border-radius-24);
     overflow-x: hidden;
-    margin: unset;
+    margin: 0;
+    margin: initial;
     will-change: transform;
     -webkit-backface-visibility: hidden;
-            backface-visibility: hidden
+            backface-visibility: hidden;
 }
 
 .component.overlayHidden {

package/moderncssm/desktop/components/side-modal/side-modal.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { UniversalModalDesktopProps } from '../../types/props';
+import { type UniversalModalDesktopProps } from '../../types/props';
 export declare const SideModal: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/desktop/components/side-modal/side-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport type { UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef,\n        onClose,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler='content'\n            disableBlockingScroll={!overlay}\n            wrapperClassName={cn(styles.wrapper, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n            })}\n            className={cn(styles.component, className, {\n                [styles.overlayHidden]: !overlay,\n                ...getMarginStyles({ styles, margin }),\n            })}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                transparent: !overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    height: getHeightStyle(height, margin),\n                    ...(height === 'hugContent' && {\n                        maxHeight: getMaxHeightStyle(margin),\n                    }),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent\n                height={height}\n                wheelDeltaY={wheelDeltaY}\n                scrollableContainerRef={scrollableContainerRef}\n            >\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBa,MAAA,SAAS,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC3F,IAAA,MAAM,EACF,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,eAAe,GAAG,QAAQ,EAC1B,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AACT,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE/C,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAE3D,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,OACF,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,UAAU,EAC7B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,CAAC,OAAO,EAC/B,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;AACjC,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,eAAe,KAAK,OAAO;AACvD,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe,KAAK,KAAK;AACnD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;SACzD,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,OAAO;AAChC,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACzC,CAAC,EACF,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,eAAe,EAAE;AACb,YAAA,GAAG,yBAAyB,CAAC;gBACzB,eAAe;gBACf,MAAM;aACT,CAAC;AACF,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;YACX,WAAW,EAAE,CAAC,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACtC,gBAAA,IAAI,MAAM,KAAK,YAAY,IAAI;AAC3B,oBAAA,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC;iBACvC,CAAC;AACL,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EACT,EAAA,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAAA,EAE7C,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
+{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef,\n        onClose,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler='content'\n            disableBlockingScroll={!overlay}\n            wrapperClassName={cn(styles.wrapper, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n            })}\n            className={cn(styles.component, className, {\n                [styles.overlayHidden]: !overlay,\n                ...getMarginStyles({ styles, margin }),\n            })}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                transparent: !overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    height: getHeightStyle(height, margin),\n                    ...(height === 'hugContent' && {\n                        maxHeight: getMaxHeightStyle(margin),\n                    }),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent\n                height={height}\n                wheelDeltaY={wheelDeltaY}\n                scrollableContainerRef={scrollableContainerRef}\n            >\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBa,MAAA,SAAS,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC3F,IAAA,MAAM,EACF,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,eAAe,GAAG,QAAQ,EAC1B,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AACT,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE/C,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAE3D,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,OACF,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,UAAU,EAC7B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,CAAC,OAAO,EAC/B,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;AACjC,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,eAAe,KAAK,OAAO;AACvD,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe,KAAK,KAAK;AACnD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;SACzD,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,OAAO;AAChC,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACzC,CAAC,EACF,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,eAAe,EAAE;AACb,YAAA,GAAG,yBAAyB,CAAC;gBACzB,eAAe;gBACf,MAAM;aACT,CAAC;AACF,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;YACX,WAAW,EAAE,CAAC,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACtC,gBAAA,IAAI,MAAM,KAAK,YAAY,IAAI;AAC3B,oBAAA,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC;iBACvC,CAAC;AACL,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EACT,EAAA,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAAA,EAE7C,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}

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

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 interface Params {
     scrollbarContentNodeRef: RefObject<HTMLDivElement>;
     scrollableNodeRef: RefObject<HTMLDivElement>;

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.tsx"],"sourcesContent":["import { RefObject, useContext, useEffect } from 'react';\n\nimport { ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { UniversalModalContext } from '../../context/universal-modal-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 { setModalHeaderHighlighted, setModalFooterHighlighted } =\n        useContext(UniversalModalContext);\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;IAE7D,MAAM,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,GAC1D,UAAU,CAAC,qBAAqB,CAAC;AAErC,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 { UniversalModalContext } from '../../context/universal-modal-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 { setModalHeaderHighlighted, setModalFooterHighlighted } =\n        useContext(UniversalModalContext);\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;IAE7D,MAAM,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,GAC1D,UAAU,CAAC,qBAAqB,CAAC;AAErC,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;;;;"}

package/moderncssm/desktop/hooks/use-outside-scroll.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 interface Params {
     scrollableNodeRef: RefObject<HTMLDivElement>;
     wheelDeltaY: number;

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.tsx"],"sourcesContent":["import { 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;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;;;;"}

package/moderncssm/desktop/hooks/use-set-scrollbar-height.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 interface Params {
     scrollbarRef: RefObject<HTMLDivElement>;
     verticalBarRef: RefObject<HTMLDivElement>;

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.tsx"],"sourcesContent":["import { 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;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;;;;"}

package/moderncssm/desktop/hooks/useModalWheel.d.ts

@@ -1,4 +1,4 @@
-import { WheelEvent } from 'react';
+import { type WheelEvent } from 'react';
 export declare const useModalWheel: (overlay: boolean) => {
     wheelDeltaY: number;
     handleWheel: (e: WheelEvent<HTMLElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useModalWheel.js","sources":["../../../src/desktop/hooks/useModalWheel.tsx"],"sourcesContent":["import { useState, 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;AAC3B;AACL,KAAC;AAED,IAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE;AACvC;;;;"}

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

@@ -1,3 +1,5 @@
+
+
 :root {
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
@@ -40,7 +42,8 @@
 
 .exitActive {
     opacity: 1;
-    animation: step_1 200ms cubic-bezier(0, 0, 1, 0),
+    animation:
+        step_1 200ms cubic-bezier(0, 0, 1, 0),
         step_2 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
 }
 

package/moderncssm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css

@@ -8,7 +8,9 @@
 .enterActive {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 0, 1),
+        transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
 .exit {
@@ -20,5 +22,7 @@
 .exitDone {
     opacity: 0;
     transform: translateY(40px);
-    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 1, 0),
+        transform 200ms cubic-bezier(0, 0, 1, 0);
 }

package/moderncssm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css

@@ -8,7 +8,9 @@
 .enterActive {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 0, 1),
+        transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
 .exit {
@@ -20,5 +22,7 @@
 .exitDone {
     opacity: 0;
     transform: translateY(-40px);
-    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 1, 0),
+        transform 200ms cubic-bezier(0, 0, 1, 0);
 }

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

@@ -1,6 +1,6 @@
-import type { RefObject } from 'react';
-import type { BaseModalProps } from '@alfalab/core-components-base-modal/moderncssm';
-import type { TMargin } from '../../typings/margin-type';
+import { type RefObject } from 'react';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal/moderncssm';
+import { type TMargin } from '../../typings/margin-type';
 export interface BaseUniversalModalProps {
     /**
      * Расположение по горизонтали и сторона с которой модал “выезжает” при открытии

package/moderncssm/desktop/utils/check-header-and-footer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export declare const checkHeaderAndFooter: (children: ReactNode) => {
     hasHeader: boolean;
     hasFooter: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"check-header-and-footer.js","sources":["../../../src/desktop/utils/check-header-and-footer.tsx"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\n\nimport { FooterDesktop } from '../../components/footer';\nimport { HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ntype ChildType = typeof HeaderDesktop | typeof FooterDesktop;\n\nexport const checkHeaderAndFooter = (children: ReactNode) => {\n    let hasHeader = false;\n    let hasFooter = false;\n\n    Children.forEach(children, (child) => {\n        if (isValidElement(child)) {\n            const { displayName } = child.type as ChildType;\n\n            if (displayName && isHeaderNode(displayName)) {\n                hasHeader = true;\n            }\n\n            if (displayName && isFooterNode(displayName)) {\n                hasFooter = true;\n            }\n        }\n    });\n\n    return { hasHeader, hasFooter };\n};\n"],"names":[],"mappings":";;;;AAUa,MAAA,oBAAoB,GAAG,CAAC,QAAmB,KAAI;IACxD,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI,SAAS,GAAG,KAAK;IAErB,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACjC,QAAA,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;AACvB,YAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAiB;AAE/C,YAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AAED,YAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AACJ;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE;AACnC;;;;"}
+{"version":3,"file":"check-header-and-footer.js","sources":["../../../src/desktop/utils/check-header-and-footer.ts"],"sourcesContent":["import { Children, isValidElement, type ReactNode } from 'react';\n\nimport { type FooterDesktop } from '../../components/footer';\nimport { type HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ntype ChildType = typeof HeaderDesktop | typeof FooterDesktop;\n\nexport const checkHeaderAndFooter = (children: ReactNode) => {\n    let hasHeader = false;\n    let hasFooter = false;\n\n    Children.forEach(children, (child) => {\n        if (isValidElement(child)) {\n            const { displayName } = child.type as ChildType;\n\n            if (displayName && isHeaderNode(displayName)) {\n                hasHeader = true;\n            }\n\n            if (displayName && isFooterNode(displayName)) {\n                hasFooter = true;\n            }\n        }\n    });\n\n    return { hasHeader, hasFooter };\n};\n"],"names":[],"mappings":";;;;AAUa,MAAA,oBAAoB,GAAG,CAAC,QAAmB,KAAI;IACxD,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI,SAAS,GAAG,KAAK;IAErB,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACjC,QAAA,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;AACvB,YAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAiB;AAE/C,YAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AAED,YAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AACJ;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE;AACnC;;;;"}

package/moderncssm/desktop/utils/get-full-size-modal-transitions.d.ts

@@ -1,6 +1,6 @@
-import { TransitionProps } from 'react-transition-group/Transition';
-import { BackdropProps } from '@alfalab/core-components-backdrop/moderncssm';
-import type { UniversalModalDesktopProps } from '../types/props';
+import { type TransitionProps } from 'react-transition-group/Transition';
+import { type BackdropProps } from '@alfalab/core-components-backdrop/moderncssm';
+import { type UniversalModalDesktopProps } from '../types/props';
 interface Params {
     verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;
     width: UniversalModalDesktopProps['width'];