@topconsultnpm/sdkui-react 6.20.0-dev1.65 → 6.20.0-dev1.66

package/lib/components/base/TMDropDownMenu.js

@@ -1,9 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, forwardRef, useRef, useImperativeHandle } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle } from 'react';
 import styled from 'styled-components';
 import { ContextMenu as TMContextMenu } from '../NewComponents/ContextMenu';
 import { TMColors } from '../../utils/theme';
-import { genUniqueId } from '../../helper';
 const StyledContent = styled.div `
     cursor: pointer;
     border-radius: ${props => props.$borderRadius};
@@ -23,9 +22,7 @@ const StyledContent = styled.div `
     }
 `;
 const TMDropDownMenu = forwardRef(({ content, items, disabled = false, color = TMColors.text_normal, backgroundColor = TMColors.default_background, borderRadius, onMenuShown }, ref) => {
-    const [id, setID] = useState('');
-    const dropDownMenuElementRef = useRef(null); // Ref all'elemento DOM div principale
-    useEffect(() => { setID(genUniqueId()); }, [content]);
+    const dropDownMenuElementRef = useRef(null);
     useImperativeHandle(ref, () => ({
         focus: () => {
             dropDownMenuElementRef.current?.focus();
@@ -44,19 +41,6 @@ const TMDropDownMenu = forwardRef(({ content, items, disabled = false, color = T
             submenu: item.items ? convertToContextMenuItems(item.items) : undefined,
         }));
     };
-    const [menuVisible, setMenuVisible] = useState(false);
-    const handleMenuOpen = () => {
-        setMenuVisible(true);
-        onMenuShown?.();
-    };
-    const handleMenuClose = () => {
-        setMenuVisible(false);
-        dropDownMenuElementRef.current?.focus();
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(StyledContent, { id: `idContainer${id}`, ref: dropDownMenuElementRef, tabIndex: disabled ? -1 : 0, "$disabled": disabled, "$color": color, "$backgroundColor": backgroundColor, "$borderRadius": borderRadius, onClick: !disabled ? handleMenuOpen : undefined, children: content }), _jsx(TMContextMenu, { items: convertToContextMenuItems(items), target: `#idContainer${id}`, trigger: "left", externalControl: {
-                    visible: menuVisible,
-                    position: { x: 0, y: 0 },
-                    onClose: handleMenuClose,
-                } })] }));
+    return (_jsx(TMContextMenu, { items: convertToContextMenuItems(items), trigger: "left", children: _jsx(StyledContent, { ref: dropDownMenuElementRef, tabIndex: disabled ? -1 : 0, "$disabled": disabled, "$color": color, "$backgroundColor": backgroundColor, "$borderRadius": borderRadius, children: content }) }));
 });
 export default TMDropDownMenu;

package/package.json

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