@topconsultnpm/sdkui-react 6.20.0-dev1.68 → 6.20.0-dev1.69

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

@@ -77,27 +77,16 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                 // Haptic feedback
                 if ('vibrate' in navigator)
                     navigator.vibrate(50);
-                // First, trigger a click to select/focus the item
-                const clickEvent = new MouseEvent('click', {
+                const syntheticEvent = new MouseEvent('contextmenu', {
                     bubbles: true,
                     cancelable: true,
                     clientX: touch.clientX,
                     clientY: touch.clientY,
                 });
-                element.dispatchEvent(clickEvent);
-                // Small delay to ensure click is processed before opening context menu
-                setTimeout(() => {
-                    const syntheticEvent = new MouseEvent('contextmenu', {
-                        bubbles: true,
-                        cancelable: true,
-                        clientX: touch.clientX,
-                        clientY: touch.clientY,
-                    });
-                    element.dispatchEvent(syntheticEvent);
-                }, 10);
+                element.dispatchEvent(syntheticEvent);
                 if (state)
                     state.timeout = null;
-            }, 400);
+            }, 500);
         };
         const handleTouchMove = (e) => {
             const touchEvent = e;
@@ -132,6 +121,12 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                 state.longPressTriggered = false;
             }
         };
+        // Prevent default iOS context menu
+        const handleContextMenu = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            return false;
+        };
         // Attach listeners to all matching elements
         elements.forEach(element => {
             const el = element;
@@ -140,11 +135,11 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
             style.webkitTouchCallout = 'none';
             style.webkitUserSelect = 'none';
             style.userSelect = 'none';
-            el.addEventListener('touchstart', handleTouchStart, { passive: false });
+            el.addEventListener('touchstart', handleTouchStart, { passive: true });
             el.addEventListener('touchmove', handleTouchMove, { passive: true });
             el.addEventListener('touchend', handleTouchEnd);
             el.addEventListener('touchcancel', handleTouchEnd);
-            el.addEventListener('contextmenu', (e) => e.preventDefault(), { capture: true });
+            el.addEventListener('contextmenu', handleContextMenu);
             el.addEventListener('click', handleClick, { capture: true });
         });
         return () => {
@@ -158,6 +153,7 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                 el.removeEventListener('touchmove', handleTouchMove);
                 el.removeEventListener('touchend', handleTouchEnd);
                 el.removeEventListener('touchcancel', handleTouchEnd);
+                el.removeEventListener('contextmenu', handleContextMenu);
                 el.removeEventListener('click', handleClick, { capture: true });
             });
         };
@@ -284,7 +280,7 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                     parentNames: [],
                 });
             }
-        }, 400);
+        }, 500);
     };
     const handleTouchMove = (e) => {
         if (!isIOS || trigger !== 'right' || !touchStartPos.current)
@@ -427,7 +423,6 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                     display: 'inline-block',
                     WebkitTouchCallout: isIOS ? 'none' : undefined,
                     WebkitUserSelect: isIOS ? 'none' : undefined,
-                    userSelect: isIOS ? 'none' : undefined,
                 }, children: children })), menuState.visible && createPortal(_jsxs(_Fragment, { children: [_jsxs(S.MenuContainer, { ref: menuRef, "$x": menuState.position.x, "$y": menuState.position.y, "$openLeft": openLeft, "$openUp": openUp, "$isPositioned": isCalculated, "$externalControl": !!externalControl, children: [isMobile && menuState.parentNames.length > 0 && (_jsxs(S.MobileMenuHeader, { children: [_jsx(S.BackButton, { onClick: handleBack, "aria-label": "Go back", children: _jsx(IconArrowLeft, {}) }), _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}`)))] }), document.body)] }));
 };
 export default TMContextMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.68",
+  "version": "6.20.0-dev1.69",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",