@alfalab/core-components-universal-modal 3.0.2 → 3.0.3-alfasans

package/src/components/header/mobile/Component.mobile.tsx

@@ -1,4 +1,4 @@
-import React, { type FC, useContext, useEffect, useRef } from 'react';
+import React, { type FC } from 'react';
 import cn from 'classnames';
 
 import {
@@ -7,50 +7,34 @@ import {
 } from '@alfalab/core-components-navigation-bar-private';
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { ModalContext } from '../../../Context';
+import { useBaseHeader } from '../base-header/useBaseHeader';
 
 import styles from '../base-header/index.module.css';
 import mobileStyles from './mobile.module.css';
 
 export type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
 
-export const HeaderMobile: FC<HeaderMobileProps> = ({
-    className,
-    children,
-    contentClassName,
-    title,
-    sticky,
-    dataTestId,
-    bottomAddonsClassName,
-    onClose,
-    ...restProps
-}) => {
+export const HeaderMobile: FC<HeaderMobileProps> = (props) => {
     const {
-        setHasHeader,
-        headerHighlighted,
-        componentRef,
-        onClose: handleCloseByContext,
-    } = useContext(ModalContext);
-
-    const titleRef = useRef<HTMLDivElement>(null);
-
-    const hasContent = Boolean(title || children || restProps.bottomAddons);
-
-    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {
-        if (onClose) {
-            return onClose(...args);
-        }
-
-        return handleCloseByContext(...args);
-    };
-
-    useEffect(() => {
-        setHasHeader(true);
-
-        return () => {
-            setHasHeader(false);
-        };
-    }, [setHasHeader]);
+        className,
+        children,
+        contentClassName,
+        title,
+        sticky,
+        dataTestId,
+        bottomAddonsClassName,
+        onClose,
+        ...restProps
+    } = props;
+
+    const { bottomAddons } = restProps;
+
+    const { headerHighlighted, hasContent, componentRef, titleRef, handleClose } = useBaseHeader({
+        title,
+        children,
+        bottomAddons,
+        onClose,
+    });
 
     return (
         <NavigationBarPrivate

package/src/desktop/Component.desktop.tsx

@@ -1,36 +1,27 @@
-import React, { forwardRef, useMemo, useState } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 
 import { ContentDesktop } from '../components/content';
 import { FooterDesktop } from '../components/footer';
 import { HeaderDesktop } from '../components/header';
-import { UniversalModalContext } from '../context/universal-modal-context';
-import { type UniversalModalContextType } from '../typings';
 
 import { CenterModal } from './components/center-modal';
 import { SideModal } from './components/side-modal';
+import { type UniversalModalContextType } from './types/context';
 import { type UniversalModalDesktopProps } from './types/props';
-import { checkHeaderAndFooter } from './utils/check-header-and-footer';
+import { UniversalModalContext } from './context';
 
 export const UniversalModalDesktopComponent = forwardRef<
     HTMLDivElement,
     UniversalModalDesktopProps
->(({ children, horizontalAlign = 'center', ...restProps }, ref) => {
-    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);
-    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);
-
-    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);
+>((props, ref) => {
+    const { children, horizontalAlign = 'center', ...restProps } = props;
+    const { width = 500 } = restProps;
 
     const contextValue = useMemo<UniversalModalContextType>(
         () => ({
-            modalWidth: restProps.width,
-            modalHeaderHighlighted,
-            modalFooterHighlighted,
-            hasHeader,
-            hasFooter,
-            setModalHeaderHighlighted,
-            setModalFooterHighlighted,
+            width,
         }),
-        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],
+        [width],
     );
 
     const renderModal = () => {

package/src/desktop/context/index.ts

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+import { type UniversalModalContextType } from '../types/context';
+
+export const UniversalModalContext = createContext<UniversalModalContextType>({
+    width: 500,
+});

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

@@ -2,7 +2,7 @@ import { type RefObject, useContext, useEffect } from 'react';
 
 import { type ScrollbarProps } from '@alfalab/core-components-scrollbar';
 
-import { UniversalModalContext } from '../../context/universal-modal-context';
+import { ModalContext } from '../../Context';
 
 interface Params {
     scrollbarContentNodeRef: RefObject<HTMLDivElement>;
@@ -16,8 +16,10 @@ interface Params {
 export const useModalHighlighted = (params: Params) => {
     const { scrollbarContentNodeRef, scrollableNodeRef } = params;
 
-    const { setModalHeaderHighlighted, setModalFooterHighlighted } =
-        useContext(UniversalModalContext);
+    const {
+        setHeaderHighlighted: setModalHeaderHighlighted,
+        setFooterHighlighted: setModalFooterHighlighted,
+    } = useContext(ModalContext);
 
     const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {
         const target = e.target as HTMLDivElement;

package/src/desktop/types/context.ts

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

package/src/typings/index.ts

@@ -1,16 +1,6 @@
 import { type UniversalModalDesktopProps } from '../desktop';
 import { type UniversalModalMobileProps } from '../mobile';
 
-export interface UniversalModalContextType {
-    modalWidth: UniversalModalDesktopProps['width'];
-    modalHeaderHighlighted?: boolean;
-    modalFooterHighlighted?: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    setModalHeaderHighlighted?: (value: boolean) => void;
-    setModalFooterHighlighted?: (value: boolean) => void;
-}
-
 export interface UniversalModalResponsiveProps
     extends UniversalModalDesktopProps,
         UniversalModalMobileProps {

package/typings/index.d.ts

@@ -1,14 +1,5 @@
 import { type UniversalModalDesktopProps } from '../desktop';
 import { type UniversalModalMobileProps } from '../mobile';
-export interface UniversalModalContextType {
-    modalWidth: UniversalModalDesktopProps['width'];
-    modalHeaderHighlighted?: boolean;
-    modalFooterHighlighted?: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    setModalHeaderHighlighted?: (value: boolean) => void;
-    setModalFooterHighlighted?: (value: boolean) => void;
-}
 export interface UniversalModalResponsiveProps extends UniversalModalDesktopProps, UniversalModalMobileProps {
     /**
      * Контрольная точка, с нее начинается desktop версия

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

@@ -1 +0,0 @@
-{"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":["createContext"],"mappings":";;;;;;AAIO,IAAM,qBAAqB,GAAGA,mBAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}

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

@@ -1 +0,0 @@
-{"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":["createContext"],"mappings":";;;;;;AAIO,IAAM,qBAAqB,GAAGA,mBAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}

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

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

package/cssm/desktop/utils/check-header-and-footer.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var isFooterNode = require('./isFooterNode.js');
-var isHeaderNode = require('./isHeaderNode.js');
-
-var checkHeaderAndFooter = function (children) {
-    var hasHeader = false;
-    var hasFooter = false;
-    React.Children.forEach(children, function (child) {
-        if (React.isValidElement(child)) {
-            var displayName = child.type.displayName;
-            if (displayName && isHeaderNode.isHeaderNode(displayName)) {
-                hasHeader = true;
-            }
-            if (displayName && isFooterNode.isFooterNode(displayName)) {
-                hasFooter = true;
-            }
-        }
-    });
-    return { hasHeader: hasHeader, hasFooter: hasFooter };
-};
-
-exports.checkHeaderAndFooter = checkHeaderAndFooter;
-//# sourceMappingURL=check-header-and-footer.js.map

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

@@ -1 +0,0 @@
-{"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":["Children","isValidElement","isHeaderNode","isFooterNode"],"mappings":";;;;;;;;AAUO,IAAM,oBAAoB,GAAG,UAAC,QAAmB,EAAA;IACpD,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI,SAAS,GAAG,KAAK;AAErB,IAAAA,cAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAC7B,QAAA,IAAIC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACf,YAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAiB,YAA5B;AAEnB,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AAED,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AACJ;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,SAAS,EAAA,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE;AACnC;;;;"}

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

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

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

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var isFooterNode = require('./isFooterNode.js');
-var isHeaderNode = require('./isHeaderNode.js');
-
-var checkHeaderAndFooter = function (children) {
-    var hasHeader = false;
-    var hasFooter = false;
-    React.Children.forEach(children, function (child) {
-        if (React.isValidElement(child)) {
-            var displayName = child.type.displayName;
-            if (displayName && isHeaderNode.isHeaderNode(displayName)) {
-                hasHeader = true;
-            }
-            if (displayName && isFooterNode.isFooterNode(displayName)) {
-                hasFooter = true;
-            }
-        }
-    });
-    return { hasHeader: hasHeader, hasFooter: hasFooter };
-};
-
-exports.checkHeaderAndFooter = checkHeaderAndFooter;
-//# sourceMappingURL=check-header-and-footer.js.map

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

@@ -1 +0,0 @@
-{"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":["Children","isValidElement","isHeaderNode","isFooterNode"],"mappings":";;;;;;;;AAUO,IAAM,oBAAoB,GAAG,UAAC,QAAmB,EAAA;IACpD,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI,SAAS,GAAG,KAAK;AAErB,IAAAA,cAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAC7B,QAAA,IAAIC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACf,YAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAiB,YAA5B;AAEnB,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AAED,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AACJ;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,SAAS,EAAA,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE;AACnC;;;;"}

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

@@ -1 +0,0 @@
-{"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,IAAM,qBAAqB,GAAG,aAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}

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

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

package/esm/desktop/utils/check-header-and-footer.js

@@ -1,23 +0,0 @@
-import { Children, isValidElement } from 'react';
-import { isFooterNode } from './isFooterNode.js';
-import { isHeaderNode } from './isHeaderNode.js';
-
-var checkHeaderAndFooter = function (children) {
-    var hasHeader = false;
-    var hasFooter = false;
-    Children.forEach(children, function (child) {
-        if (isValidElement(child)) {
-            var displayName = child.type.displayName;
-            if (displayName && isHeaderNode(displayName)) {
-                hasHeader = true;
-            }
-            if (displayName && isFooterNode(displayName)) {
-                hasFooter = true;
-            }
-        }
-    });
-    return { hasHeader: hasHeader, hasFooter: hasFooter };
-};
-
-export { checkHeaderAndFooter };
-//# sourceMappingURL=check-header-and-footer.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;AAUO,IAAM,oBAAoB,GAAG,UAAC,QAAmB,EAAA;IACpD,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI,SAAS,GAAG,KAAK;AAErB,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAC7B,QAAA,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;AACf,YAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAiB,YAA5B;AAEnB,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,EAAA,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE;AACnC;;;;"}

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

@@ -1 +0,0 @@
-{"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/modern/desktop/utils/check-header-and-footer.d.ts

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

package/modern/desktop/utils/check-header-and-footer.js

@@ -1,23 +0,0 @@
-import { Children, isValidElement } from 'react';
-import { isFooterNode } from './isFooterNode.js';
-import { isHeaderNode } from './isHeaderNode.js';
-
-const checkHeaderAndFooter = (children) => {
-    let hasHeader = false;
-    let hasFooter = false;
-    Children.forEach(children, (child) => {
-        if (isValidElement(child)) {
-            const { displayName } = child.type;
-            if (displayName && isHeaderNode(displayName)) {
-                hasHeader = true;
-            }
-            if (displayName && isFooterNode(displayName)) {
-                hasFooter = true;
-            }
-        }
-    });
-    return { hasHeader, hasFooter };
-};
-
-export { checkHeaderAndFooter };
-//# sourceMappingURL=check-header-and-footer.js.map

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

@@ -1 +0,0 @@
-{"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/context/universal-modal-context.d.ts

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

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

@@ -1 +0,0 @@
-{"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/utils/check-header-and-footer.d.ts

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

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

@@ -1,23 +0,0 @@
-import { Children, isValidElement } from 'react';
-import { isFooterNode } from './isFooterNode.js';
-import { isHeaderNode } from './isHeaderNode.js';
-
-const checkHeaderAndFooter = (children) => {
-    let hasHeader = false;
-    let hasFooter = false;
-    Children.forEach(children, (child) => {
-        if (isValidElement(child)) {
-            const { displayName } = child.type;
-            if (displayName && isHeaderNode(displayName)) {
-                hasHeader = true;
-            }
-            if (displayName && isFooterNode(displayName)) {
-                hasFooter = true;
-            }
-        }
-    });
-    return { hasHeader, hasFooter };
-};
-
-export { checkHeaderAndFooter };
-//# sourceMappingURL=check-header-and-footer.js.map

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

@@ -1 +0,0 @@
-{"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/src/context/universal-modal-context.ts

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-import { type UniversalModalContextType } from '../typings';
-
-export const UniversalModalContext = createContext<UniversalModalContextType>({
-    modalWidth: 500,
-    hasFooter: false,
-    hasHeader: false,
-});

package/src/desktop/utils/check-header-and-footer.ts

@@ -1,30 +0,0 @@
-import { Children, isValidElement, type ReactNode } from 'react';
-
-import { type FooterDesktop } from '../../components/footer';
-import { type HeaderDesktop } from '../../components/header';
-
-import { isFooterNode } from './isFooterNode';
-import { isHeaderNode } from './isHeaderNode';
-
-type ChildType = typeof HeaderDesktop | typeof FooterDesktop;
-
-export const checkHeaderAndFooter = (children: ReactNode) => {
-    let hasHeader = false;
-    let hasFooter = false;
-
-    Children.forEach(children, (child) => {
-        if (isValidElement(child)) {
-            const { displayName } = child.type as ChildType;
-
-            if (displayName && isHeaderNode(displayName)) {
-                hasHeader = true;
-            }
-
-            if (displayName && isFooterNode(displayName)) {
-                hasFooter = true;
-            }
-        }
-    });
-
-    return { hasHeader, hasFooter };
-};