@topconsultnpm/sdkui-react 6.19.0-dev2.36 → 6.19.0-dev2.38

package/lib/components/base/TMCustomButton.js

@@ -20,7 +20,7 @@ const TMCustomButton = (props) => {
     const { appName: scriptUrl, arguments: args } = button;
     const iframeRef = useRef(null);
     const attributes = useMemo(() => processButtonAttributes(args, formData), [args, formData]);
-    const selectedItemsProcessed = useMemo(() => processSelectedItems(selectedItems), [selectedItems]);
+    const selectedItemsProcessed = useMemo(() => processSelectedItems(args, formData, selectedItems), [args, formData, selectedItems]);
     const RunOnce = button.mode === "RunOnce";
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(false);

package/lib/components/base/TMWaitPanel.js

@@ -33,8 +33,14 @@ const StyledProgressText = styled.p ` font-weight: bold; color: #333; margin: 0;
 const StyledMessage = styled.p ` color: #666; font-size: 0.9em; margin-top: 10px; `;
 const StyledAbortButton = styled.button ` background: #ff4d4d; color: white; border: none; border-radius: 5px; padding: 10px 20px; font-size: 1em; cursor: pointer; margin-top: 20px; &:hover { background: #ff6666; } `;
 export const TMWaitPanel = (props) => {
-    let progressValue1 = 100 * (((props.valuePrimary ?? 0) / (props.maxValuePrimary ?? 0)) || 0);
-    let progressValue2 = 100 * (((props.valueSecondary ?? 0) / (props.maxValueSecondary ?? 0)) || 0);
+    const calculateProgress = (value = 0, maxValue = 0) => {
+        if (maxValue === 0)
+            return 0;
+        const progress = (value / maxValue) * 100;
+        return Number.isFinite(progress) ? progress : 0;
+    };
+    let progressValue1 = calculateProgress(props.valuePrimary, props.maxValuePrimary);
+    let progressValue2 = calculateProgress(props.valueSecondary, props.maxValueSecondary);
     return (_jsx(StyledWaitPanelOverlay, { children: _jsxs(StyledWaitPanel, { "$height": (props.showPrimary && props.showSecondary) ? '350px' : '250px', children: [_jsx(StyledTitle, { children: props.title }), props.showPrimary &&
                     _jsxs("div", { style: { width: '100%', height: '100px' }, children: [_jsx(StyledProgressBarContainer, { children: _jsx(StyledProgressBar, { style: { width: `${progressValue1.toFixed(2)}%` } }) }), _jsxs(StyledProgressText, { children: [progressValue1.toFixed(2), "%"] }), _jsx(StyledMessage, { children: props.textPrimary })] }), props.showSecondary &&
                     _jsxs("div", { style: { width: '100%', height: '100px' }, children: [_jsx(StyledProgressBarContainer, { children: _jsx(StyledProgressBar, { style: { width: `${progressValue2.toFixed(2)}%` } }) }), _jsxs(StyledProgressText, { children: [progressValue2.toFixed(2), "%"] }), _jsx(StyledMessage, { children: props.textSecondary })] }), props.isCancelable && _jsx(StyledAbortButton, { onClick: () => props.onAbortClick?.(props.abortController), children: SDKUI_Localizator.Abort })] }) }));

package/lib/components/features/documents/TMDcmtPreview.js

@@ -15,11 +15,18 @@ import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSa
 import { StyledAnimatedComponentOpacity } from '../../base/Styled';
 import TMPanel from '../../base/TMPanel';
 import TMTooltip from '../../base/TMTooltip';
+const ErrorContent = ({ error, isAbortError, onRetry }) => {
+    if (isAbortError) {
+        return (_jsx(StyledAnimatedComponentOpacity, { style: { width: '100%', height: '100%' }, children: _jsxs(StyledPanelStatusContainer, { children: [_jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), _jsxs(StyledPreviewNotAvailable, { children: [_jsx("div", { children: error }), _jsx("div", { children: SDKUI_Localizator.PreviewNotAvailable })] }), _jsx(TMButton, { caption: SDKUI_Localizator.TryAgain, onClick: onRetry, showTooltip: false })] }) }));
+    }
+    return _jsx(TMNothingToShow, { icon: _jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), text: error });
+};
 const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev, onClosePanel, onNext, onPrev, allowMaximize = true, onMaximizePanel }) => {
     const [dcmtBlob, setDcmtBlob] = useState(undefined);
     const [showPreview, setShowPreview] = useState(false);
     const [isFromCache, setIsFromCache] = useState(false);
     const [error, setError] = useState('');
+    const [isAbortError, setIsAbortError] = useState(false);
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, getDcmtFileAsync, clearDcmtsFileCache, removeDcmtsFileCache, isDcmtFileInCache } = useDcmtOperations();
     const cacheKey = dcmtData ? `${dcmtData.tid}-${dcmtData.did}` : '00';
     const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false);
@@ -29,6 +36,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setLastLoadedDid(undefined); // Reset 
             setDcmtBlob(undefined);
             setError('');
+            setIsAbortError(false);
             setShowPreview(false);
             return;
         }
@@ -42,6 +50,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
         if (shouldFetch) {
             setDcmtBlob(undefined);
             setError('');
+            setIsAbortError(false);
             if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= (SDKUI_Globals.userSettings.searchSettings.previewThreshold * 1024))) {
                 loadDocumentWithCache();
                 setShowPreview(true);
@@ -65,15 +74,19 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             let dcmtFile = await getDcmtFileAsync({ TID: dcmtData?.tid, DID: dcmtData?.did, FILEEXT: dcmtData?.fileExt }, rfo, 'Anteprima', false);
             setDcmtBlob(dcmtFile?.file);
             setIsFromCache(!!dcmtFile?.isFromCache);
+            setError('');
+            setIsAbortError(false);
         }
         catch (ex) {
             const err = ex;
             if (err.name === 'CanceledError') {
                 setError('Operazione annullata.');
+                setIsAbortError(true);
                 ShowAlert({ message: err.message, mode: 'warning', duration: 3000, title: 'Abort' });
             }
             else {
                 setError(getExceptionMessage(ex));
+                setIsAbortError(false);
                 TMExceptionBoxManager.show({ exception: ex });
             }
         }
@@ -101,6 +114,9 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     const reOpenDcmt = async () => {
         removeDcmtsFileCache(cacheKey);
         setIsFromCache(false);
+        setError('');
+        setIsAbortError(false);
+        setDcmtBlob(undefined);
         try {
             await loadDocumentWithCache();
         }
@@ -112,7 +128,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
                                 { icon: _jsx(IconCloseCircle, {}), text: SDKUI_Localizator.RemoveFromCache, onClick: () => { removeDcmtsFileCache(cacheKey); setIsFromCache(false); } },
                                 { icon: _jsx(IconClear, {}), text: SDKUI_Localizator.ClearCache, onClick: () => { clearDcmtsFileCache(); setIsFromCache(false); } },
                             ] }, "btn13") }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
-                ? _jsx(TMNothingToShow, { icon: _jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), text: error })
+                ? _jsx(ErrorContent, { error: error, isAbortError: isAbortError, onRetry: reOpenDcmt })
                 : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob) }) }));
 };
 export default TMDcmtPreview;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -505,6 +505,7 @@ export declare class SDKUI_Localizator {
     static get RemovingFromList(): string;
     static get RememberCredentials(): "Anmeldedaten merken" | "Remember credentials" | "Recordar credenciales" | "Se souvenir des identifiants" | "Lembrar credenciais" | "Ricorda credenziali";
     static get ReopenDocument(): string;
+    static get TryAgain(): string;
     static get ReplaceDocument(): "Dokument ersetzen" | "Replace Document" | "Reemplazar Documento" | "Remplacer le Document" | "Substituir Documento" | "Sostituisci Documento";
     static get Request(): string;
     static get RequestTo(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -4978,6 +4978,16 @@ export class SDKUI_Localizator {
             default: return "Riapri documento";
         }
     }
+    static get TryAgain() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Erneut versuchen";
+            case CultureIDs.En_US: return "Try Again";
+            case CultureIDs.Es_ES: return "Intentar de nuevo";
+            case CultureIDs.Fr_FR: return "Réessayer";
+            case CultureIDs.Pt_PT: return "Tentar novamente";
+            default: return "Riprova";
+        }
+    }
     static get ReplaceDocument() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dokument ersetzen";

package/lib/helper/dcmtsHelper.d.ts

@@ -4,5 +4,5 @@ export declare const hasDetailRelations: (mTID: number | undefined) => Promise<b
 /** Check if dcmtType (mTID) has configured Master or Many-to-Many relations */
 export declare const hasMasterRelations: (mTID: number | undefined) => Promise<boolean>;
 export declare const isXMLFileExt: (fileExt: string | undefined) => boolean;
-export declare const processButtonAttributes: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined) => string[] | undefined;
-export declare const processSelectedItems: (selectedItems: Array<any> | undefined) => any[] | undefined;
+export declare const processButtonAttributes: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined) => (string | null)[] | undefined;
+export declare const processSelectedItems: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined, selectedItems: Array<any> | undefined) => any[][];

package/lib/helper/dcmtsHelper.js

@@ -25,29 +25,26 @@ export const isXMLFileExt = (fileExt) => {
 };
 /*utility functions for TMCustomButton*/
 export const processButtonAttributes = (args, formData) => args && formData ? formDataMap(formData, args) : undefined;
-export const processSelectedItems = (selectedItems) => selectedItems?.map(item => {
-    const tid = item.TID;
-    if (!tid)
-        return item;
-    const prefix = `${tid}_`;
-    const prefixLength = prefix.length;
-    return Object.keys(item).reduce((acc, key) => {
-        acc[key.startsWith(prefix) ? key.substring(prefixLength) : key] = item[key];
-        return acc;
-    }, {});
-});
-const formDataMap = (data, args) => {
+export const processSelectedItems = (args, formData, selectedItems) => {
+    if (!args || !selectedItems)
+        return [];
+    const MidList = formData ? formDataMap(formData, args, true) : [];
+    return selectedItems.map(item => 
+    //salvo il did come primo elemento dell'array
+    [item["DID"], ...MidList.map(key => key && item[key])]);
+};
+const formDataMap = (data, args, returnMid = false) => {
     const tokens = args.match(/\{@?[^}]+\}/g) || [];
     return tokens.map(token => {
         if (token.startsWith('{@')) {
             // Campo dinamico: {@campo} -> cerca in formData
-            const fieldName = token.slice(2, -1); // Rimuove {@...}
+            const fieldName = token.slice(2, -1);
             const md = data.find(md => md.md?.name === fieldName);
-            return md?.value;
+            return returnMid ? (md ? `${md.tid}_${md.mid}` : null) : (md?.value ?? null);
         }
         else {
-            // Campo statico: {valore} -> ritorna il valore direttamente
-            return token.slice(1, -1); // Rimuove {...}
+            // Campo statico: {valore} -> ritorna il valore o null
+            return returnMid ? null : token.slice(1, -1);
         }
-    }).filter((value) => value !== undefined && value !== null);
+    });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev2.36",
+    "version": "6.19.0-dev2.38",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.19.0-dev2.4",
+        "@topconsultnpm/sdk-ts": "6.19.0-dev2.5",
         "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;