@alfalab/core-components-universal-modal 3.1.1 → 3.1.2-alfasans

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

@@ -1 +0,0 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC } 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 { useBaseHeader } from '../base-header/useBaseHeader';\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> = (props) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { bottomAddons } = restProps;\n\n    const { headerHighlighted, hasContent, componentRef, titleRef, handleClose } = useBaseHeader({\n        title,\n        children,\n        bottomAddons,\n        onClose,\n    });\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            })}\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,KAAK,KAAI;IACzD,MAAM,EACF,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS;AAElC,IAAA,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC;QACzF,KAAK;QACL,QAAQ;QACR,YAAY;QACZ,OAAO;AACV,KAAA,CAAC;AAEF,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;AAClC,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/responsive/Component.responsive.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-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

@@ -1,16 +0,0 @@
-import React, { forwardRef } from 'react';
-import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
-import { HeaderDesktop } from '../desktop/Component.desktop.js';
-import { HeaderMobile } from '../mobile/Component.mobile.js';
-
-const HeaderResponsive = forwardRef((props, ref) => {
-    const isDesktop = useIsDesktop();
-    if (isDesktop) {
-        return React.createElement(HeaderDesktop, { ref: ref, ...props });
-    }
-    return React.createElement(HeaderMobile, { ...props });
-});
-HeaderResponsive.displayName = 'HeaderResponsive';
-
-export { HeaderResponsive };
-//# sourceMappingURL=Component.responsive.js.map

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

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

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

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

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

@@ -1,10 +0,0 @@
-import { hasOwnProperty } from '@alfalab/core-components-shared/moderncssm';
-
-const getMaxHeightStyle = (margin) => {
-    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;
-    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;
-    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;
-};
-
-export { getMaxHeightStyle };
-//# sourceMappingURL=get-max-height-style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"get-max-height-style.js","sources":["../../../src/desktop/utils/get-max-height-style.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getMaxHeightStyle = (margin: UniversalModalDesktopProps['margin']) => {\n    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,iBAAiB,GAAG,CAAC,MAA4C,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,IAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,IAAA,OAAO,CAAe,YAAA,EAAA,SAAS,CAAQ,KAAA,EAAA,YAAY,KAAK;AAC5D;;;;"}

package/src/components/content/desktop/Component.desktop.tsx

@@ -1,28 +0,0 @@
-import React, { type FC, useContext } from 'react';
-import cn from 'classnames';
-
-import { ModalContext } from '../../../Context';
-import { BaseContent, type ContentProps } from '../base-content/base-content';
-
-import styles from './desktop.module.css';
-
-export interface ContentDesktopProps extends ContentProps {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's' | 500;
-}
-
-export const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => {
-    const { hasHeader, hasFooter } = useContext(ModalContext);
-
-    return (
-        <BaseContent
-            className={cn(styles.content, className, {
-                [styles.withHeader]: hasHeader,
-                [styles.withFooter]: hasFooter,
-            })}
-            {...restProps}
-        />
-    );
-};

package/src/components/content/index.ts

@@ -1,8 +0,0 @@
-export { ContentResponsive } from './responsive/Component.responsive';
-export type { ContentResponsiveProps } from './responsive/Component.responsive';
-
-export { ContentDesktop } from './desktop/Component.desktop';
-export type { ContentDesktopProps } from './desktop/Component.desktop';
-
-export { ContentMobile } from './mobile/Component.mobile';
-export type { ContentMobileProps } from './mobile/Component.mobile';

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

@@ -1,13 +0,0 @@
-@import '../../../vars.css';
-
-.content {
-    padding: var(--gap-16);
-
-    &.withHeader {
-        padding-top: var(--gap-0);
-    }
-
-    &.withFooter {
-        padding-bottom: var(--gap-20);
-    }
-}

package/src/components/footer/index.ts

@@ -1,8 +0,0 @@
-export { FooterResponsive } from './responsive/Component.responsive';
-export type { FooterResponsiveProps } from './responsive/Component.responsive';
-
-export { FooterDesktop } from './desktop/Component.desktop';
-export type { FooterDesktopProps } from './desktop/Component.desktop';
-
-export { FooterMobile } from './mobile/Component.mobile';
-export type { FooterMobileProps } from './mobile/Component.mobile';

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

@@ -1,9 +0,0 @@
-@import '../../../vars.css';
-
-.footer {
-    padding: var(--gap-16);
-}
-
-.sticky {
-    bottom: var(--gap-0);
-}

package/src/components/header/index.ts

@@ -1,8 +0,0 @@
-export { HeaderResponsive } from './responsive/Component.responsive';
-export type { HeaderResponsiveProps } from './responsive/Component.responsive';
-
-export { HeaderDesktop } from './desktop/Component.desktop';
-export type { HeaderDesktopProps } from './desktop/Component.desktop';
-
-export { HeaderMobile } from './mobile/Component.mobile';
-export type { HeaderMobileProps } from './mobile/Component.mobile';

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

@@ -1,10 +0,0 @@
-import { hasOwnProperty } from '@alfalab/core-components-shared';
-
-import { type UniversalModalDesktopProps } from '../types/props';
-
-export const getMaxHeightStyle = (margin: UniversalModalDesktopProps['margin']) => {
-    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;
-    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;
-
-    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;
-};