@topconsultnpm/sdkui-react 6.19.0-dev3.6 → 6.19.0-dev3.8

package/lib/helper/cicoHelper.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccessLevels, CICO_MetadataNames, SDK_Globals } from "@topconsultnpm/sdk-ts";
+import TMTooltip from "../components/base/TMTooltip";
+import { Globalization, SDKUI_Localizator } from "./index";
+import { DownloadTypes } from "../ts/types";
+export const colors = {
+    MEDIUM_GREEN: "#28a745",
+};
+const getCicoInfo = (dtd) => {
+    const cico = {
+        CICO: 0,
+        CanCICO: AccessLevels.No,
+        CanDelChronology: AccessLevels.No,
+        UserID_MID: 0,
+        Date_MID: 0,
+        Ver_MID: 0,
+        UserID_CanViewOrUpdate: AccessLevels.No,
+        Date_CanViewOrUpdate: AccessLevels.No,
+        Ver_CanViewOrUpdate: AccessLevels.No,
+    };
+    if (dtd === undefined)
+        return cico;
+    cico.CICO = dtd.cico ?? 0;
+    cico.CanCICO = dtd.perm?.canCICO ?? AccessLevels.No;
+    cico.CanDelChronology = dtd.perm?.canDelChron ?? AccessLevels.No;
+    const mdCheckout = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutUserID);
+    if (mdCheckout) {
+        cico.UserID_MID = mdCheckout.fromMID;
+        cico.UserID_CanViewOrUpdate = (mdCheckout.perm?.canView == AccessLevels.Yes || mdCheckout.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
+    }
+    const mdDate = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutDate);
+    if (mdDate) {
+        cico.Date_MID = mdDate.fromMID;
+        cico.Date_CanViewOrUpdate = (mdDate.perm?.canView == AccessLevels.Yes || mdDate.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
+    }
+    const mdVer = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_Version);
+    if (mdVer) {
+        cico.Ver_MID = mdVer.fromMID;
+        cico.Ver_CanViewOrUpdate = (mdVer.perm?.canView == AccessLevels.Yes || mdVer.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
+    }
+    return cico;
+};
+const findCheckOutUserName = (allUsers, checkoutUserId) => {
+    let checkOutUser = allUsers.find(user => user.id === checkoutUserId);
+    return checkOutUser ? checkOutUser.name : '-';
+};
+export const cicoIsEnabled = (dcmt, allUsers, dtd) => {
+    if (dcmt === undefined || dtd === undefined) {
+        return {
+            cicoEnabled: false,
+            checkoutStatus: { isCheckedOut: false, mode: '', version: 1, icon: null }
+        };
+    }
+    const cicoInfo = getCicoInfo(dtd);
+    const CICO_CheckoutUserID_Meta = dtd?.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutUserID);
+    const CICO_CheckoutDate_Meta = dtd?.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutDate);
+    const CICO_Version_Meta = dtd?.metadata?.find(md => md.name === CICO_MetadataNames.CICO_Version);
+    const keyVersion = dcmt.TID + "_" + (CICO_Version_Meta?.id ?? 0);
+    const versionRaw = CICO_Version_Meta?.id ? dcmt[keyVersion] : undefined;
+    const version = (versionRaw != null && !isNaN(Number(versionRaw))) ? Number(versionRaw) : 1;
+    let checkoutStatus = { isCheckedOut: false, mode: '', version: version, icon: null, };
+    const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
+    if (dcmt && CICO_CheckoutUserID_Meta?.id) {
+        const keyUserID = dcmt.TID + "_" + CICO_CheckoutUserID_Meta.id;
+        const checkoutUserIdValue = dcmt[keyUserID];
+        const checkoutUserId = Number(checkoutUserIdValue);
+        if (userID && checkoutUserIdValue && !isNaN(checkoutUserId) && checkoutUserId > 0) {
+            // editMode: l'utente corrente è quello che ha fatto il checkout
+            // lockMode: un altro utente ha fatto il checkout
+            const mode = (userID && userID === checkoutUserId) ? 'editMode' : 'lockMode';
+            // Recupera i dati aggiuntivi per il tooltip
+            const keyDate = dcmt.TID + "_" + (CICO_CheckoutDate_Meta?.id ?? 0);
+            const checkoutDate = CICO_CheckoutDate_Meta?.id ? dcmt[keyDate] : undefined;
+            const editLockTooltipText = _jsxs(_Fragment, { children: [_jsxs("div", { style: { textAlign: "center" }, children: [mode === 'editMode' && (_jsxs(_Fragment, { children: [_jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-edit" }), SDKUI_Localizator.CurrentUserExtract] })), mode === 'lockMode' && (_jsxs(_Fragment, { children: [_jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-lock" }), SDKUI_Localizator.ExtractedFromOtherUser] }))] }), _jsx("hr", {}), _jsxs("div", { style: { textAlign: "left" }, children: [_jsxs("ul", { children: [_jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.ExtractedBy }), ": ", findCheckOutUserName(allUsers, checkoutUserId), " (ID: ", checkoutUserId, ")"] }), _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.ExtractedOn }), ": ", Globalization.getDateTimeDisplayValue(checkoutDate?.toString())] })] }), _jsx("hr", {}), _jsx("ul", { children: _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Version }), ": ", version ?? 1] }) })] })] });
+            const icon = mode === 'editMode'
+                ? _jsx(TMTooltip, { content: editLockTooltipText, children: _jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-edit" }) })
+                : _jsx(TMTooltip, { content: editLockTooltipText, children: _jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-lock" }) });
+            checkoutStatus = { isCheckedOut: true, mode: mode, icon: icon, version: version };
+        }
+    }
+    return {
+        cicoEnabled: cicoInfo.CICO === 1 && cicoInfo.CanCICO === AccessLevels.Yes,
+        checkoutStatus: checkoutStatus
+    };
+};
+const getDownloadFileName = (originalFileName, fileItem, checkout, withTimestampAndExt) => {
+    // If no fileItem is provided, return an empty string immediately
+    if (fileItem === undefined)
+        return '';
+    // Retrieve the archiveID from the global session object
+    const archiveID = SDK_Globals.tmSession?.SessionDescr?.archiveID;
+    // Destructure the fileItem object into properties
+    const { DID, TID, FILEEXT } = fileItem;
+    // Determine the base name of the file (without its extension)
+    // If the file name contains '.', only take the substring before the last dot
+    const baseName = originalFileName.includes('.') ? originalFileName.substring(0, originalFileName.lastIndexOf('.')) : originalFileName;
+    // Construct a unique identifier for the file combining archiveID, baseName, tid, and did.
+    const fileIdentifier = `${archiveID}~${baseName}~${TID}~${DID}`;
+    // Determine the extension to append to the file name
+    const extension = withTimestampAndExt && FILEEXT ? `.${FILEEXT}` : '';
+    // Initialize an empty string for the timestamp (to be appended if needed)
+    let timestamp = '';
+    // If this is a checkout and timestamps should be added, generate a formatted timestamp
+    if (checkout && withTimestampAndExt) {
+        const now = new Date();
+        const pad = (n) => n.toString().padStart(2, '0');
+        // Format the timestamp as YYYYMMDDHHMMSS and prefix with '~'
+        timestamp = `~${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;
+    }
+    // Construct and return the final file name: [archiveID]~[name]~[tid]~[did]~[timestamp].[extension]
+    return `${checkout ? 'checkout~' : ''}${fileIdentifier}${timestamp}${extension}`;
+};
+export const downloadFilesCallback = async (originalFileName, dcmt, checkout, downloadDcmtsAsync) => {
+    const files = [];
+    dcmt.forEach(file => {
+        if (file.TID && file.DID && file.FILEEXT) {
+            let fileName = getDownloadFileName(originalFileName, file, checkout, true);
+            /* if(checkout){
+                const newItem = {
+                    TID: file.TID.toString(),
+                    DID: file.DID.toString(),
+                    checkoutFolder: "",
+                    checkoutName: fileName
+                };
+                updateDraftCheckoutItem(newItem, "addOrUpdate");
+            } */
+            files.push({ TID: file.TID, DID: file.DID, FILEEXT: file.FILEEXT, fileName });
+        }
+    });
+    if (files.length > 0)
+        await downloadDcmtsAsync(files, DownloadTypes.Dcmt, "download");
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.19.0-dev3.6",
+  "version": "6.19.0-dev3.8",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
     "lib"
   ],
   "dependencies": {
-    "@topconsultnpm/sdk-ts": "6.19.0-dev3.2",
+    "@topconsultnpm/sdk-ts": "6.19.0-dev3.3",
     "buffer": "^6.0.3",
     "devextreme": "25.1.7",
     "devextreme-react": "25.1.7",

package/lib/components/NewComponents/ContextMenu/TMContextMenu.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TMContextMenuProps } from './types';
-declare const TMContextMenu: React.FC<TMContextMenuProps>;
-export default TMContextMenu;

package/lib/components/NewComponents/ContextMenu/TMContextMenu.js

@@ -1,187 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import * as S from './styles';
-import { useIsMobile, useMenuPosition } from './hooks';
-const TMContextMenu = ({ items, trigger = 'right', children }) => {
-    const [menuState, setMenuState] = useState({
-        visible: false,
-        position: { x: 0, y: 0 },
-        submenuStack: [items],
-        parentNames: [],
-    });
-    const [hoveredSubmenus, setHoveredSubmenus] = useState([]);
-    const isMobile = useIsMobile();
-    const menuRef = useRef(null);
-    const triggerRef = useRef(null);
-    const submenuTimeoutRef = useRef(null);
-    const { openLeft, openUp } = useMenuPosition(menuRef, menuState.position);
-    const handleClose = () => {
-        setMenuState(prev => ({
-            ...prev,
-            visible: false,
-            submenuStack: [items],
-            parentNames: [],
-        }));
-        setHoveredSubmenus([]);
-    };
-    useEffect(() => {
-        if (!menuState.visible)
-            return;
-        const handleClickOutside = (event) => {
-            const target = event.target;
-            // Check if click is inside main menu
-            if (menuRef.current?.contains(target)) {
-                return;
-            }
-            // Check if click is inside any submenu
-            const submenus = document.querySelectorAll('[data-submenu="true"]');
-            for (const submenu of Array.from(submenus)) {
-                if (submenu.contains(target)) {
-                    return;
-                }
-            }
-            // Click is outside all menus, close them
-            handleClose();
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        document.addEventListener('touchstart', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-            document.removeEventListener('touchstart', handleClickOutside);
-        };
-    }, [menuState.visible]);
-    const handleContextMenu = (e) => {
-        if (trigger === 'right') {
-            e.preventDefault();
-            setMenuState({
-                visible: true,
-                position: { x: e.clientX, y: e.clientY },
-                submenuStack: [items],
-                parentNames: [],
-            });
-        }
-    };
-    const handleClick = (e) => {
-        if (trigger === 'left') {
-            e.preventDefault();
-            setMenuState({
-                visible: true,
-                position: { x: e.clientX, y: e.clientY },
-                submenuStack: [items],
-                parentNames: [],
-            });
-        }
-    };
-    const handleItemClick = (item) => {
-        if (item.disabled)
-            return;
-        // Always execute onClick if present
-        if (item.onClick) {
-            item.onClick();
-        }
-        if (item.submenu && item.submenu.length > 0) {
-            if (isMobile) {
-                // Mobile: Push submenu to stack
-                setMenuState(prev => ({
-                    ...prev,
-                    submenuStack: [...prev.submenuStack, item.submenu],
-                    parentNames: [...prev.parentNames, item.name],
-                }));
-            }
-            // Desktop: Submenus are handled by hover, don't close menu
-        }
-        else {
-            // No submenu: close menu after executing action
-            handleClose();
-        }
-    };
-    const handleBack = () => {
-        setMenuState(prev => ({
-            ...prev,
-            submenuStack: prev.submenuStack.slice(0, -1),
-            parentNames: prev.parentNames.slice(0, -1),
-        }));
-    };
-    const handleMouseEnter = (item, event, depth = 0) => {
-        if (isMobile || !item.submenu || item.submenu.length === 0)
-            return;
-        if (submenuTimeoutRef.current) {
-            clearTimeout(submenuTimeoutRef.current);
-            submenuTimeoutRef.current = null;
-        }
-        const rect = event.currentTarget.getBoundingClientRect();
-        // Calculate if submenu should open upward based on available space
-        // Estimate submenu height: ~35px per item (accounting for smaller padding) + container padding
-        const estimatedSubmenuHeight = (item.submenu.length * 35) + 8;
-        const spaceBelow = window.innerHeight - rect.top;
-        const spaceAbove = rect.bottom;
-        // Open upward only if there's not enough space below AND there's more space above
-        const shouldOpenUp = spaceBelow < estimatedSubmenuHeight && spaceAbove > spaceBelow;
-        // Remove all submenus at this depth and deeper
-        setHoveredSubmenus(prev => {
-            const filtered = prev.filter(sub => sub.depth < depth);
-            if (!item.submenu)
-                return filtered;
-            return [
-                ...filtered,
-                {
-                    items: item.submenu,
-                    parentRect: rect,
-                    depth: depth,
-                    openUp: shouldOpenUp,
-                }
-            ];
-        });
-    };
-    const handleMouseLeave = (depth = 0) => {
-        if (isMobile)
-            return;
-        if (submenuTimeoutRef.current) {
-            clearTimeout(submenuTimeoutRef.current);
-        }
-        const targetDepth = depth;
-        submenuTimeoutRef.current = setTimeout(() => {
-            setHoveredSubmenus(prev => prev.filter(sub => sub.depth < targetDepth));
-        }, 300);
-    };
-    const handleSubmenuMouseEnter = () => {
-        if (submenuTimeoutRef.current) {
-            clearTimeout(submenuTimeoutRef.current);
-            submenuTimeoutRef.current = null;
-        }
-    };
-    useEffect(() => {
-        return () => {
-            if (submenuTimeoutRef.current) {
-                clearTimeout(submenuTimeoutRef.current);
-            }
-        };
-    }, []);
-    const renderMenuItems = (menuItems, depth = 0) => {
-        return menuItems
-            .filter(item => item.visible !== false)
-            .map((item, idx) => {
-            const itemKey = `${item.name}-${idx}`.replaceAll(/\s+/g, '-');
-            const handleClick = (e) => {
-                if (item.disabled)
-                    return;
-                e.stopPropagation();
-                handleItemClick(item);
-            };
-            const handleRightIconClick = (e) => {
-                e.stopPropagation();
-                // if (item.disabled) return;
-                item.onRightIconClick?.();
-            };
-            return (_jsxs(S.MenuItem, { "$disabled": item.disabled, "$hasSubmenu": !!item.submenu && item.submenu.length > 0, "$beginGroup": item.beginGroup, onMouseDown: handleClick, onMouseEnter: (e) => !isMobile && handleMouseEnter(item, e, depth + 1), onMouseLeave: () => !isMobile && handleMouseLeave(depth + 1), children: [_jsxs(S.MenuItemContent, { children: [item.icon && _jsx(S.IconWrapper, { children: item.icon }), _jsx(S.MenuItemName, { children: item.name })] }), item.rightIcon && item.onRightIconClick && (_jsx(S.RightIconButton, { onClick: handleRightIconClick, onMouseDown: (e) => e.stopPropagation(), "aria-label": `Action for ${item.name}`, children: item.rightIcon })), item.submenu && item.submenu.length > 0 && (_jsx(S.SubmenuIndicator, { "$isMobile": isMobile, children: isMobile ? '›' : '▸' }))] }, itemKey));
-        });
-    };
-    const currentMenu = menuState.submenuStack.at(-1) || items;
-    const currentParentName = menuState.parentNames.at(-1) || '';
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, onContextMenu: handleContextMenu, onClick: handleClick, onKeyDown: (e) => {
-                    if (e.key === 'Enter' || e.key === ' ') {
-                        handleClick(e);
-                    }
-                }, role: "button", tabIndex: 0, style: { display: 'inline-block' }, children: children }), menuState.visible && (_jsxs(_Fragment, { children: [_jsx(S.Overlay, { onClick: handleClose }), _jsxs(S.MenuContainer, { ref: menuRef, "$x": menuState.position.x, "$y": menuState.position.y, "$openLeft": openLeft, "$openUp": openUp, children: [isMobile && menuState.parentNames.length > 0 && (_jsxs(S.MobileMenuHeader, { children: [_jsx(S.BackButton, { onClick: handleBack, "aria-label": "Go back", children: "\u2190" }), _jsx(S.HeaderTitle, { children: currentParentName })] })), renderMenuItems(currentMenu, 0)] }), !isMobile && hoveredSubmenus.map((submenu, idx) => (_jsx(S.Submenu, { "$parentRect": submenu.parentRect, "$openUp": submenu.openUp, "data-submenu": "true", onMouseEnter: handleSubmenuMouseEnter, onMouseLeave: () => handleMouseLeave(submenu.depth), children: renderMenuItems(submenu.items, submenu.depth) }, `submenu-${submenu.depth}-${idx}`)))] }))] }));
-};
-export default TMContextMenu;

package/lib/components/NewComponents/ContextMenu/hooks.d.ts

@@ -1,11 +0,0 @@
-export declare const useIsMobile: () => boolean;
-export declare const useClickOutside: (callback: () => void) => import("react").RefObject<HTMLDivElement>;
-interface Position {
-    x: number;
-    y: number;
-}
-export declare const useMenuPosition: (menuRef: React.RefObject<HTMLDivElement | null>, position: Position) => {
-    openLeft: boolean;
-    openUp: boolean;
-};
-export {};

package/lib/components/NewComponents/ContextMenu/hooks.js

@@ -1,48 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-export const useIsMobile = () => {
-    const [isMobile, setIsMobile] = useState(false);
-    useEffect(() => {
-        const checkMobile = () => {
-            const mobile = globalThis.innerWidth <= 768 || 'ontouchstart' in globalThis;
-            setIsMobile(mobile);
-        };
-        checkMobile();
-        window.addEventListener('resize', checkMobile);
-        return () => window.removeEventListener('resize', checkMobile);
-    }, []);
-    return isMobile;
-};
-export const useClickOutside = (callback) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        const handleClick = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
-            }
-        };
-        document.addEventListener('mousedown', handleClick);
-        document.addEventListener('touchstart', handleClick);
-        return () => {
-            document.removeEventListener('mousedown', handleClick);
-            document.removeEventListener('touchstart', handleClick);
-        };
-    }, [callback]);
-    return ref;
-};
-export const useMenuPosition = (menuRef, position) => {
-    const [adjustedPosition, setAdjustedPosition] = useState({ openLeft: false, openUp: false });
-    useEffect(() => {
-        if (!menuRef.current)
-            return;
-        const menuRect = menuRef.current.getBoundingClientRect();
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
-        const spaceRight = viewportWidth - position.x;
-        const spaceBottom = viewportHeight - position.y;
-        setAdjustedPosition({
-            openLeft: spaceRight < menuRect.width + 20,
-            openUp: spaceBottom < menuRect.height + 20,
-        });
-    }, [position, menuRef]);
-    return adjustedPosition;
-};

package/lib/components/NewComponents/ContextMenu/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ContextMenu } from './TMContextMenu';
-export type { TMContextMenuItemProps, TMContextMenuProps } from './types';

package/lib/components/NewComponents/ContextMenu/index.js

@@ -1 +0,0 @@
-export { default as ContextMenu } from './TMContextMenu';

package/lib/components/NewComponents/ContextMenu/styles.d.ts

@@ -1,27 +0,0 @@
-export declare const MenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $x: number;
-    $y: number;
-    $openLeft: boolean;
-    $openUp: boolean;
-}>> & string;
-export declare const MenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled?: boolean;
-    $hasSubmenu?: boolean;
-    $beginGroup?: boolean;
-}>> & string;
-export declare const MenuItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const MenuItemName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const RightIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const SubmenuIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $isMobile?: boolean;
-}>> & string;
-export declare const Submenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $parentRect: DOMRect;
-    $openUp?: boolean;
-}>> & string;
-export declare const MobileMenuHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BackButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const HeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const MenuDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;