@industry-theme/principal-view-panels 0.4.43 → 0.4.44

package/dist/panels.bundle.js

@@ -43262,7 +43262,7 @@ const CenterIndicator = ({ color: color2 }) => {
     zIndex: 5
   }, children: [jsx("line", { x1: screenX, y1: screenY - size2, x2: screenX, y2: screenY + size2, stroke: color2, strokeWidth, opacity: 0.7 }), jsx("line", { x1: screenX - size2, y1: screenY, x2: screenX + size2, y2: screenY, stroke: color2, strokeWidth, opacity: 0.7 }), jsx("circle", { cx: screenX, cy: screenY, r: 3, fill: color2, opacity: 0.7 })] });
 };
-const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges, violations = [], configName: _configName, showMinimap = false, showControls = true, showBackground = true, backgroundVariant = "dots", backgroundGap, showCenterIndicator = false, showTooltips = true, fitViewDuration = 200, highlightedNodeId, activeNodeIds, events = [], onEventProcessed, editable = false, onPendingChangesChange, onEditStateChange, editStateRef, onSourceClick, onNodeClick: onNodeClickProp }) => {
+const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges, violations = [], configName: _configName, showMinimap = false, showControls = true, showBackground = true, backgroundVariant = "dots", backgroundGap, showCenterIndicator = false, showTooltips = true, fitViewDuration = 200, highlightedNodeId, activeNodeIds, events = [], onEventProcessed, editable = false, onPendingChangesChange, onEditStateChange, editStateRef, onSourceClick, onNodeClick: onNodeClickProp, showNodeDetailPanel }) => {
   const { fitView: fitView2 } = useReactFlow();
   const updateNodeInternals2 = useUpdateNodeInternals();
   const { theme } = useTheme();
@@ -43349,34 +43349,39 @@ const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges,
     }
   }, [editable, selectedEdgeIds]);
   const onNodeClick = useCallback((event, node) => {
+    const shouldManagePanel = showNodeDetailPanel !== false && (showNodeDetailPanel === true || !onNodeClickProp);
     if (onNodeClickProp) {
       onNodeClickProp(node.id, event);
-      return;
+      if (showNodeDetailPanel !== true) {
+        return;
+      }
     }
-    if (event.shiftKey && editable) {
-      setSelectedNodeIds((prev) => {
-        const next = new Set(prev);
-        if (next.has(node.id)) {
-          next.delete(node.id);
+    if (shouldManagePanel) {
+      if (event.shiftKey && editable) {
+        setSelectedNodeIds((prev) => {
+          const next = new Set(prev);
+          if (next.has(node.id)) {
+            next.delete(node.id);
+          } else {
+            next.add(node.id);
+          }
+          return next;
+        });
+        setShowNodePanel(true);
+      } else {
+        const shouldDeselect = selectedNodeIds.size === 1 && selectedNodeIds.has(node.id);
+        if (shouldDeselect) {
+          setSelectedNodeIds(/* @__PURE__ */ new Set());
+          setShowNodePanel(false);
         } else {
-          next.add(node.id);
+          setSelectedNodeIds(/* @__PURE__ */ new Set([node.id]));
+          setShowNodePanel(true);
         }
-        return next;
-      });
-      setShowNodePanel(true);
-    } else {
-      const shouldDeselect = selectedNodeIds.size === 1 && selectedNodeIds.has(node.id);
-      if (shouldDeselect) {
-        setSelectedNodeIds(/* @__PURE__ */ new Set());
-        setShowNodePanel(false);
-      } else {
-        setSelectedNodeIds(/* @__PURE__ */ new Set([node.id]));
-        setShowNodePanel(true);
+        setSelectedEdgeIds(/* @__PURE__ */ new Set());
+        setShowEdgePanel(false);
       }
-      setSelectedEdgeIds(/* @__PURE__ */ new Set());
-      setShowEdgePanel(false);
     }
-  }, [editable, selectedNodeIds, onNodeClickProp]);
+  }, [editable, selectedNodeIds, onNodeClickProp, showNodeDetailPanel]);
   const onCloseEdgeInfoPanel = useCallback(() => {
     setSelectedEdgeIds(/* @__PURE__ */ new Set());
     setShowEdgePanel(false);
@@ -43917,7 +43922,7 @@ const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges,
     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 }), showCenterIndicator && jsx(CenterIndicator, { color: theme.colors.textMuted })] }, `${baseNodesKey}-${baseEdgesKey}`), selectedNodeIds.size >= 2 && showNodePanel && jsx(SelectionSidebar, { selectedNodeIds, nodes, nodeTypeDefinitions: configuration.nodeTypes, onClose: onCloseNodeInfoPanel }), selectedEdgeIds.size === 1 && selectedEdge && selectedEdgeTypeDefinition && showEdgePanel && jsx(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 && showNodePanel && jsx(NodeInfoPanel, { node: selectedNode, typeDefinition: selectedNodeTypeDefinition, availableNodeTypes: configuration.nodeTypes, onClose: onCloseNodeInfoPanel, onDelete: editable ? handleNodeDelete : void 0, onUpdate: editable ? handleNodeUpdate : void 0, onSourceClick }), pendingConnection && jsxs("div", { style: {
+  }, nodeBorderRadius: 2, pannable: true, zoomable: true }), showCenterIndicator && jsx(CenterIndicator, { color: theme.colors.textMuted })] }, `${baseNodesKey}-${baseEdgesKey}`), selectedNodeIds.size >= 2 && showNodePanel && showNodeDetailPanel !== false && jsx(SelectionSidebar, { selectedNodeIds, nodes, nodeTypeDefinitions: configuration.nodeTypes, onClose: onCloseNodeInfoPanel }), selectedEdgeIds.size === 1 && selectedEdge && selectedEdgeTypeDefinition && showEdgePanel && jsx(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 && showNodePanel && showNodeDetailPanel !== false && jsx(NodeInfoPanel, { node: selectedNode, typeDefinition: selectedNodeTypeDefinition, availableNodeTypes: configuration.nodeTypes, onClose: onCloseNodeInfoPanel, onDelete: editable ? handleNodeDelete : void 0, onUpdate: editable ? handleNodeUpdate : void 0, onSourceClick }), pendingConnection && jsxs("div", { style: {
     position: "absolute",
     top: "50%",
     left: "50%",
@@ -44126,8 +44131,8 @@ const GraphRenderer = forwardRef((props, ref) => {
     }, children: jsx("p", { children: "No canvas data provided." }) });
   }
   const { configuration, nodes, edges } = canvasData;
-  const { violations, configName, showMinimap, showControls, showBackground, backgroundVariant, backgroundGap, showCenterIndicator, showTooltips, fitViewDuration, highlightedNodeId, activeNodeIds, events, onEventProcessed, editable, onPendingChangesChange, onSourceClick, onNodeClick } = props;
-  return jsx("div", { className, style: { width, height, position: "relative" }, children: jsx(ReactFlowProvider, { children: jsx(GraphRendererInner, { configuration, nodes, edges, violations, configName, showMinimap, showControls, showBackground, backgroundVariant, backgroundGap, showCenterIndicator, showTooltips, fitViewDuration, highlightedNodeId, activeNodeIds, events, onEventProcessed, editable, onPendingChangesChange, editStateRef, onSourceClick, onNodeClick }) }) });
+  const { violations, configName, showMinimap, showControls, showBackground, backgroundVariant, backgroundGap, showCenterIndicator, showTooltips, fitViewDuration, highlightedNodeId, activeNodeIds, events, onEventProcessed, editable, onPendingChangesChange, onSourceClick, onNodeClick, showNodeDetailPanel } = props;
+  return jsx("div", { className, style: { width, height, position: "relative" }, children: jsx(ReactFlowProvider, { children: jsx(GraphRendererInner, { configuration, nodes, edges, violations, configName, showMinimap, showControls, showBackground, backgroundVariant, backgroundGap, showCenterIndicator, showTooltips, fitViewDuration, highlightedNodeId, activeNodeIds, events, onEventProcessed, editable, onPendingChangesChange, editStateRef, onSourceClick, onNodeClick, showNodeDetailPanel }) }) });
 });
 GraphRenderer.displayName = "GraphRenderer";
 /**
@@ -51726,7 +51731,8 @@ const CanvasDetailPanel = ({
                   highlightedNodeId: state.highlightedNodeId,
                   activeNodeIds,
                   onNodeClick: handleNodeClick2,
-                  onSourceClick: handleSourceClick
+                  onSourceClick: handleSourceClick,
+                  showNodeDetailPanel: true
                 }
               )
             }