@industry-theme/principal-view-panels 0.1.32 → 0.1.33

package/dist/panels/PrincipalViewGraphPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrincipalViewGraphPanel.d.ts","sourceRoot":"","sources":["../../src/panels/PrincipalViewGraphPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAsD/E;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4sCjE,CAAC"}
+{"version":3,"file":"PrincipalViewGraphPanel.d.ts","sourceRoot":"","sources":["../../src/panels/PrincipalViewGraphPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAsD/E;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6sCjE,CAAC"}

package/dist/panels.bundle.js

@@ -48753,6 +48753,7 @@ function requireGraphRenderer() {
           editStateRef.current = createEmptyEditState();
           onEditStateChange == null ? void 0 : onEditStateChange(editStateRef.current);
           onPendingChangesChange == null ? void 0 : onPendingChangesChange(false);
+          setAnimationState({ nodeAnimations: {}, edgeAnimations: {} });
         }
       }, [propNodes, propEdges, editStateRef, onEditStateChange, onPendingChangesChange]);
       const nodes = localNodes;
@@ -49182,6 +49183,9 @@ function requireGraphRenderer() {
       const baseNodesKey = (0, react_1.useMemo)(() => {
         return nodes.map((n) => n.id).sort().join(",");
       }, [nodes]);
+      const baseEdgesKey = (0, react_1.useMemo)(() => {
+        return edges.map((e) => e.id).sort().join(",");
+      }, [edges]);
       const [xyflowLocalNodes, setXyflowLocalNodes] = (0, react_1.useState)(xyflowNodesBase);
       const prevBaseNodesKeyRef = (0, react_1.useRef)(baseNodesKey);
       (0, react_1.useEffect)(() => {
@@ -49296,12 +49300,12 @@ function requireGraphRenderer() {
           });
         }, 100);
         return () => clearTimeout(timeoutId);
-      }, [baseNodesKey, fitView]);
+      }, [baseNodesKey, baseEdgesKey, fitView]);
       return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.ReactFlow, { nodes: xyflowNodes, edges: xyflowEdges, nodeTypes, edgeTypes, minZoom: 0.1, maxZoom: 4, defaultEdgeOptions: { type: "custom" }, onEdgeClick, onNodeClick, proOptions: { hideAttribution: true }, nodesDraggable: editable, elementsSelectable: true, nodesConnectable: editable, edgesReconnectable: editable, reconnectRadius: 25, elevateEdgesOnSelect: true, onNodesChange: handleNodesChange, onConnect: handleConnect, onReconnectStart: handleReconnectStart, onReconnect: handleReconnect, onReconnectEnd: handleReconnectEnd, onPaneClick, onSelectionChange: handleSelectionChange, panOnDrag: true, selectionOnDrag: false, selectionKeyCode: editable ? "Shift" : null, multiSelectionKeyCode: "Shift", children: [showBackground && (0, jsx_runtime_1.jsx)(react_2.Background, { color: theme.colors.border, gap: 16, size: 1 }), showControls && (0, jsx_runtime_1.jsx)(react_2.Controls, { showZoom: true, showFitView: true, showInteractive: true }), showMinimap && (0, jsx_runtime_1.jsx)(react_2.MiniMap, { nodeColor: (node) => {
         var _a;
         const nodeData = node.data;
         return ((_a = nodeData == null ? void 0 : nodeData.typeDefinition) == null ? void 0 : _a.color) || theme.colors.secondary;
-      }, nodeBorderRadius: 2, pannable: true, zoomable: true })] }, baseNodesKey), selectedNodeIds.size >= 2 && (0, jsx_runtime_1.jsx)(SelectionSidebar_1.SelectionSidebar, { selectedNodeIds, nodes, nodeTypeDefinitions: configuration.nodeTypes, onClose: onCloseNodeInfoPanel }), selectedEdgeIds.size === 1 && selectedEdge && selectedEdgeTypeDefinition && (0, jsx_runtime_1.jsx)(EdgeInfoPanel_1.EdgeInfoPanel, { edge: selectedEdge, typeDefinition: selectedEdgeTypeDefinition, sourceNodeId: selectedEdge.from, targetNodeId: selectedEdge.to, onClose: onCloseEdgeInfoPanel, onDelete: editable ? handleEdgeDelete : void 0, onUpdateSides: editable ? handleUpdateEdgeSides : void 0 }), selectedNodeIds.size === 1 && selectedNode && selectedNodeTypeDefinition && (0, jsx_runtime_1.jsx)(NodeInfoPanel_1.NodeInfoPanel, { node: selectedNode, typeDefinition: selectedNodeTypeDefinition, availableNodeTypes: configuration.nodeTypes, onClose: onCloseNodeInfoPanel, onDelete: editable ? handleNodeDelete : void 0, onUpdate: editable ? handleNodeUpdate : void 0, onSourceClick }), pendingConnection && (0, jsx_runtime_1.jsxs)("div", { style: {
+      }, nodeBorderRadius: 2, pannable: true, zoomable: true })] }, `${baseNodesKey}-${baseEdgesKey}`), selectedNodeIds.size >= 2 && (0, jsx_runtime_1.jsx)(SelectionSidebar_1.SelectionSidebar, { selectedNodeIds, nodes, nodeTypeDefinitions: configuration.nodeTypes, onClose: onCloseNodeInfoPanel }), selectedEdgeIds.size === 1 && selectedEdge && selectedEdgeTypeDefinition && (0, jsx_runtime_1.jsx)(EdgeInfoPanel_1.EdgeInfoPanel, { edge: selectedEdge, typeDefinition: selectedEdgeTypeDefinition, sourceNodeId: selectedEdge.from, targetNodeId: selectedEdge.to, onClose: onCloseEdgeInfoPanel, onDelete: editable ? handleEdgeDelete : void 0, onUpdateSides: editable ? handleUpdateEdgeSides : void 0 }), selectedNodeIds.size === 1 && selectedNode && selectedNodeTypeDefinition && (0, jsx_runtime_1.jsx)(NodeInfoPanel_1.NodeInfoPanel, { node: selectedNode, typeDefinition: selectedNodeTypeDefinition, availableNodeTypes: configuration.nodeTypes, onClose: onCloseNodeInfoPanel, onDelete: editable ? handleNodeDelete : void 0, onUpdate: editable ? handleNodeUpdate : void 0, onSourceClick }), pendingConnection && (0, jsx_runtime_1.jsxs)("div", { style: {
         position: "absolute",
         top: "50%",
         left: "50%",
@@ -54058,6 +54062,7 @@ const PrincipalViewGraphPanel = ({
         }
       };
       loadOtherDescriptions();
+      (_c2 = graphRef.current) == null ? void 0 : _c2.resetEditState();
       setState((prev) => ({
         ...prev,
         canvas,
@@ -54069,7 +54074,6 @@ const PrincipalViewGraphPanel = ({
         selectedConfigId: selectedConfig.id,
         hasUnsavedChanges: false
       }));
-      (_c2 = graphRef.current) == null ? void 0 : _c2.resetEditState();
     } catch (error) {
       console.error("[PrincipalView] Error during config load:", error);
       setState((prev) => ({
@@ -54619,7 +54623,7 @@ const PrincipalViewGraphPanel = ({
           onPendingChangesChange: handlePendingChangesChange,
           onSourceClick: handleSourceClick
         },
-        `graph-${state.layoutVersion}`
+        `graph-${state.selectedConfigId}-${state.layoutVersion}`
       ) }),
       state.isEditMode && /* @__PURE__ */ jsxs("div", { style: {
         width: 220,