ai-design-system 0.1.5 → 0.1.6

package/components/blocks/WorkflowCanvas/WorkflowCanvas.tsx

@@ -42,6 +42,7 @@ export interface WorkflowCanvasProps {
   onConnectStart?: (event: MouseEvent | TouchEvent, params: OnConnectStartParams) => void;
   onConnectEnd?: (event: MouseEvent | TouchEvent) => void;
   onPaneClick?: () => void;
+  onEdgeClick?: (event: React.MouseEvent, edge: WorkflowEdge) => void;
   showMinimap?: boolean;
   /** Enable/disable manual drawing of connections and node dragging. Default: false */
   interactive?: boolean;
@@ -71,6 +72,7 @@ function WorkflowCanvasInner({
   onConnectStart,
   onConnectEnd,
   onPaneClick,
+  onEdgeClick,
   showMinimap = false,
   interactive = false,
   topLeft,
@@ -140,6 +142,7 @@ function WorkflowCanvasInner({
         onEdgesChange={interactive ? onEdgesChange : undefined}
         onNodesChange={interactive ? onNodesChange : undefined}
         onPaneClick={onPaneClick}
+        onEdgeClick={onEdgeClick}
       >
         {topLeft && (
           <Panel

package/components/features/WorkflowBuilder/WorkflowBuilder.tsx

@@ -20,6 +20,7 @@ export interface WorkflowBuilderProps {
   onNodesChange?: (changes: NodeChange[]) => void;
   onEdgesChange?: (changes: EdgeChange[]) => void;
   onConnect?: (connection: Connection) => void;
+  onEdgeClick?: (event: React.MouseEvent, edge: WorkflowEdge) => void;
 
   // Toolbar — right actions
   isSaving?: boolean;
@@ -48,6 +49,7 @@ export function WorkflowBuilder({
   onNodesChange,
   onEdgesChange,
   onConnect,
+  onEdgeClick,
   isSaving = false,
   hasUnsavedChanges = false,
   canUndo = false,
@@ -96,6 +98,7 @@ export function WorkflowBuilder({
         onConnect={onConnect}
         onEdgesChange={onEdgesChange}
         onNodesChange={onNodesChange}
+        onEdgeClick={onEdgeClick}
       />
     </div>
   );

package/dist/index.cjs

@@ -7839,6 +7839,7 @@ function WorkflowCanvasInner({
   onConnectStart,
   onConnectEnd,
   onPaneClick,
+  onEdgeClick,
   showMinimap = false,
   interactive = false,
   topLeft,
@@ -7906,6 +7907,7 @@ function WorkflowCanvasInner({
           onEdgesChange: interactive ? onEdgesChange : void 0,
           onNodesChange: interactive ? onNodesChange : void 0,
           onPaneClick,
+          onEdgeClick,
           children: [
             topLeft && /* @__PURE__ */ jsxRuntime.jsx(
               Panel,
@@ -8108,6 +8110,7 @@ function WorkflowBuilder({
   onNodesChange,
   onEdgesChange,
   onConnect,
+  onEdgeClick,
   isSaving = false,
   hasUnsavedChanges = false,
   canUndo = false,
@@ -8150,7 +8153,8 @@ function WorkflowBuilder({
       topRight: /* @__PURE__ */ jsxRuntime.jsx(WorkflowToolbarActions, { actionGroups: allActionGroups }),
       onConnect,
       onEdgesChange,
-      onNodesChange
+      onNodesChange,
+      onEdgeClick
     }
   ) });
 }