@topconsultnpm/sdkui-react-beta 6.16.68 → 6.16.69

package/lib/components/base/TMFileManager.js

@@ -189,7 +189,7 @@ const TMFileManager = (props) => {
     const handleDragLeave = (e) => {
         setIsDragging(false);
     };
-    return _jsx(TMPanel, { title: SDKUI_Localizator.Drafts, totalItems: dcmtsFound ?? 0, showHeader: showPanel, onBack: (isMobile && openDraftList) ? onBackCallback : undefined, onClose: onClosePanel, allowMaximize: !isMobile ? allowMaximize : false, onMaximize: !isMobile ? onMaximizePanel : undefined, onHeaderDoubleClick: !isMobile ? onMaximizePanel : undefined, toolbar: toolbar, children: _jsx("div", { style: { flexDirection: "column", height: "100%", width: "100%", }, children: _jsxs(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: "flex", flexGrow: 1, height: "100%" }, children: _jsx(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: [isLeftPanelCollapsed ? '0%' : "32.5%", isLeftPanelCollapsed ? '100%' : "67.5%"], children: children }, "TMWGs-panels-treeView") }), children: [_jsxs("div", { style: {
+    return _jsx(TMPanel, { title: SDKUI_Localizator.Drafts, totalItems: dcmtsFound ?? 0, showHeader: showPanel, onBack: (isMobile && openDraftList) ? onBackCallback : undefined, onClose: onClosePanel, allowMaximize: !isMobile ? allowMaximize : false, onMaximize: !isMobile ? onMaximizePanel : undefined, onHeaderDoubleClick: !isMobile ? onMaximizePanel : undefined, toolbar: toolbar, children: _jsx("div", { style: { flexDirection: "column", height: "100%", width: "100%", }, children: _jsxs(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: "flex", flexGrow: 1, height: "100%" }, children: _jsx(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: [isLeftPanelCollapsed ? '0%' : "32%", isLeftPanelCollapsed ? '100%' : "68%"], children: children }, "TMWGs-panels-treeView") }), children: [_jsxs("div", { style: {
                             height: "100%",
                             width: "100%",
                             ...(isMobile && { display: openDraftList ? 'none' : 'block', transition: "opacity 0.3s ease-in-out" }),

package/lib/components/features/workflow/diagram/WFDiagram.d.ts

@@ -6,7 +6,6 @@ interface IWFDiagramProps {
     translateX?: number;
     translateY?: number;
     currentSetID?: string;
-    onDiagramImport?: (newXmlString: string) => void;
 }
 declare const WFDiagram: React.FC<IWFDiagramProps>;
 export default WFDiagram;

package/lib/components/features/workflow/diagram/WFDiagram.js

@@ -205,7 +205,7 @@ const DiagramMessage = styled.div `
   color: #555;
   text-align: center;
 `;
-const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel = 1, translateX = 0, translateY = 0, onDiagramImport }) => {
+const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel = 1, translateX = 0, translateY = 0 }) => {
     const [isLoading, setIsLoading] = useState(true);
     const [wfDiagram, setWfDiagram] = useState(null);
     const [selectedItems, setSelectedItems] = useState(new Set());
@@ -270,31 +270,6 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         const totalHeight = finalMaxY - finalMinY;
         return { svgWidth: Math.max(0, totalWidth * zoomLevel), svgHeight: Math.max(0, totalHeight * zoomLevel) };
     }, [wfDiagram, zoomLevel]);
-    // const updateWfDiagram = useCallback((newDiagram: WfDiagram) => {
-    //     if (readOnly) return;
-    //     try {
-    //         validateDiagram(newDiagram);
-    //         setWfDiagram(newDiagram);
-    //         if (!isUndoingRedoing.current) {
-    //             setWfDiagramHistory(prevHistory => {
-    //                 const newHistory = prevHistory.slice(0, historyIndex + 1);
-    //                 return [...newHistory, newDiagram];
-    //             });
-    //             setHistoryIndex(prevIndex => prevIndex + 1);
-    //         }
-    //     } catch (e: any) {
-    //         TMExceptionBoxManager.show({ exception: e });
-    //     }
-    // }, [historyIndex, readOnly]);
-    // const updateDiagramAndHistory = useCallback((newDiagram: WfDiagram) => {
-    //     if (readOnly) return;
-    //     if (!isUndoingRedoing.current) {
-    //         const newHistory = wfDiagramHistory.slice(0, historyIndex + 1);
-    //         setWfDiagramHistory([...newHistory, newDiagram]);
-    //         setHistoryIndex(newHistory.length);
-    //     }
-    //     setWfDiagram(newDiagram);
-    // }, [wfDiagramHistory, historyIndex, isUndoingRedoing, setWfDiagramHistory, setHistoryIndex, setWfDiagram, readOnly]);
     const updateDiagram = useCallback((newDiagram, validate = true) => {
         if (readOnly)
             return;
@@ -615,6 +590,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         }
     }, []);
     // Gestore dell'evento di selezione file (esegue il parse e chiama il genitore)
+    // Gestore dell'evento di selezione file (esegue il parse e chiama il genitore)
     const handleFileChange = useCallback((event) => {
         const file = event.target.files?.[0];
         if (!file) {
@@ -624,15 +600,13 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         reader.onload = (e) => {
             try {
                 const xmlContent = e.target?.result;
-                // 1. Esegui il parse per validare il file.
-                // parseWfDiagramXml lancerà un errore se l'XML è invalido o malformato,
-                // intercettato nel blocco catch.
-                // NON ASSEGNIAMO wfDiagram QUI, MA CHIAMIAMO SOLO PER VERIFICA.
-                parseWfDiagramXml(xmlContent);
-                // 2. Se il parsing ha successo, comunichiamo la nuova stringa XML al genitore.
-                // Il genitore sarà responsabile di aggiornare lo stato di xmlDiagramString,
-                // il che farà re-renderizzare questo componente con il nuovo diagramma.
-                onDiagramImport?.(xmlContent);
+                // 1. Esegui il parse per ottenere il nuovo oggetto WfDiagram.
+                const newWfDiagram = parseWfDiagramXml(xmlContent);
+                // 2. TRATTA L'IMPORT COME UNA MODIFICA:
+                // Usa updateDiagram per aggiornare lo stato interno (wfDiagram) e la history (wfDiagramHistory).
+                // L'originale xmlDiagramString del genitore resta intatto.
+                // Passiamo false per 'validate' in quanto il file importato è già stato validato da parseWfDiagramXml.
+                updateDiagram(newWfDiagram, false);
                 // 3. Resetta l'input per permettere re-import dello stesso file
                 if (fileInputRef.current) {
                     fileInputRef.current.value = '';
@@ -649,7 +623,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
             }
         };
         reader.readAsText(file, 'UTF-8');
-    }, [onDiagramImport]);
+    }, [updateDiagram]);
     const calculateConnectionPath = useCallback((connection, sourceItem, sinkItem) => {
         const sourcePoint = getConnectionPoint(sourceItem, connection.Source.ConnectorName);
         const sinkPoint = getConnectionPoint(sinkItem, connection.Sink.ConnectorName);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.68",
+    "version": "6.16.69",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",