@vef-framework/components 1.0.101 → 1.0.103

package/es/vef-approval-flow-editor/components/source-handle.js

@@ -1,41 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useNodesData, useNodeId, useNodeConnections, Handle, Position } from '@xyflow/react';
-import { useCallback } from 'react';
-import { createNode, createEdge } from '../helper.js';
-import VefNodeSelector from './node-selector.js';
-
-function VefSourceHandle() {
-  const { node } = useNodesData(useNodeId()).data;
-  const connections = useNodeConnections({
-    handleType: "source"
-  });
-  const handleAddNode = useCallback((type) => {
-    const newNode = createNode(type);
-    return [
-      newNode,
-      [createEdge(node.getId(), newNode.id)],
-      []
-    ];
-  }, [node]);
-  const hasAvailableNextNodes = node.getAvailableNextNodeTypes().length > 0;
-  const isConnected = connections.length > 0;
-  return /* @__PURE__ */ jsx(
-    Handle,
-    {
-      position: Position.Bottom,
-      type: "source",
-      children: !isConnected && hasAvailableNextNodes && /* @__PURE__ */ jsx(
-        VefNodeSelector,
-        {
-          items: node.getAvailableNextNodeTypes(),
-          selectorContentPosition: "bottom",
-          onAddNode: handleAddNode
-        }
-      )
-    }
-  );
-}
-
-export { VefSourceHandle as default };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useNodesData,useNodeId,useNodeConnections,Handle,Position}from"@xyflow/react";import{useCallback}from"react";import{createNode,createEdge}from"../helper.js";import VefNodeSelector from"./node-selector.js";function VefSourceHandle(){const{node}=useNodesData(useNodeId()).data,connections=useNodeConnections({handleType:"source"}),handleAddNode=useCallback(type=>{const newNode=createNode(type);return[newNode,[createEdge(node.getId(),newNode.id)],[]]},[node]),hasAvailableNextNodes=node.getAvailableNextNodeTypes().length>0,isConnected=connections.length>0;return jsx(Handle,{position:Position.Bottom,type:"source",children:!isConnected&&hasAvailableNextNodes&&jsx(VefNodeSelector,{items:node.getAvailableNextNodeTypes(),selectorContentPosition:"bottom",onAddNode:handleAddNode})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSourceHandle as default};

package/es/vef-approval-flow-editor/components/target-handle.js

@@ -1,10 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Handle, Position } from '@xyflow/react';
-
-function VefTargetHandle() {
-  return /* @__PURE__ */ jsx(Handle, { position: Position.Top, type: "target" });
-}
-
-export { VefTargetHandle as default };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Handle,Position}from"@xyflow/react";function VefTargetHandle(){return jsx(Handle,{position:Position.Top,type:"target"})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefTargetHandle as default};

package/es/vef-approval-flow-editor/constants.js

@@ -1,219 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { MarkerType } from '@xyflow/react';
-import { CircleIcon, GitCommitVerticalIcon, SquarePenIcon, StampIcon, SendIcon } from 'lucide-react';
-import VefEdge from './components/edge.js';
-import { VefFlowEdge } from './models/edge-node.js';
-import { VefSubmitFlowNode, VefApprovalFlowNode, VefConditionFlowNode, VefHandleFlowNode, VefEndFlowNode } from './models/flow-node.js';
-import { NodeType } from './types.js';
-
-const initialNodes = [
-  {
-    id: "submit",
-    data: {
-      node: new VefSubmitFlowNode("submit", "提交")
-    },
-    type: NodeType.Submit,
-    deletable: false,
-    position: {
-      x: 0,
-      y: 0
-    }
-  },
-  {
-    id: "approval",
-    data: {
-      node: new VefApprovalFlowNode("approval", "审批")
-    },
-    type: NodeType.Approval,
-    position: {
-      x: 0,
-      y: 100
-    }
-  },
-  {
-    id: "condition-1",
-    data: {
-      node: new VefConditionFlowNode("condition-1", "条件1")
-    },
-    type: NodeType.Condition,
-    position: {
-      x: 0,
-      y: 200
-    }
-  },
-  {
-    id: "approval-1",
-    data: {
-      node: new VefApprovalFlowNode("approval-1", "审批1")
-    },
-    type: NodeType.Approval,
-    position: {
-      x: 0,
-      y: 300
-    }
-  },
-  {
-    id: "condition-2",
-    data: {
-      node: new VefConditionFlowNode("condition-2", "条件2")
-    },
-    type: NodeType.Condition,
-    position: {
-      x: 100,
-      y: 200
-    }
-  },
-  {
-    id: "approval-2",
-    data: {
-      node: new VefApprovalFlowNode("approval-2", "审批2")
-    },
-    type: NodeType.Approval,
-    position: {
-      x: 100,
-      y: 300
-    }
-  },
-  {
-    id: "handle",
-    data: {
-      node: new VefHandleFlowNode("handle", "办理")
-    },
-    type: NodeType.Handle,
-    position: {
-      x: 100,
-      y: 400
-    }
-  },
-  {
-    id: "end",
-    data: {
-      node: new VefEndFlowNode("end", "结束")
-    },
-    type: NodeType.End,
-    deletable: false,
-    position: {
-      x: 0,
-      y: 400
-    }
-  }
-];
-const initialEdges = [
-  {
-    id: "submit-approval",
-    source: "submit",
-    target: "approval",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-condition-1",
-    source: "approval",
-    target: "condition-1",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  },
-  {
-    id: "condition-1-approval-1",
-    source: "condition-1",
-    target: "approval-1",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-condition-2",
-    source: "approval",
-    target: "condition-2",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  },
-  {
-    id: "condition-2-approval-2",
-    source: "condition-2",
-    target: "approval-2",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-2-handle",
-    source: "approval-2",
-    target: "handle",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  },
-  {
-    id: "handle-end",
-    source: "handle",
-    target: "end",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-1-end",
-    source: "approval-1",
-    target: "end",
-    data: {
-      edge: new VefFlowEdge()
-    }
-  }
-];
-const fitViewOptions = {
-  minZoom: 1
-};
-const edgeTypes = {
-  vef: VefEdge
-};
-const defaultEdgeOptions = {
-  type: "vef",
-  deletable: false,
-  interactionWidth: 40,
-  markerEnd: {
-    type: MarkerType.ArrowClosed,
-    strokeWidth: 1,
-    height: 16,
-    width: 16
-  }
-};
-const nodesMetadata = {
-  [NodeType.Submit]: {
-    type: NodeType.Submit,
-    label: "提交",
-    icon: /* @__PURE__ */ jsx(SendIcon, {}),
-    color: "primary"
-  },
-  [NodeType.Approval]: {
-    type: NodeType.Approval,
-    label: "审批",
-    icon: /* @__PURE__ */ jsx(StampIcon, {}),
-    color: "geekblue"
-  },
-  [NodeType.Handle]: {
-    type: NodeType.Handle,
-    label: "办理",
-    icon: /* @__PURE__ */ jsx(SquarePenIcon, {}),
-    color: "success"
-  },
-  [NodeType.Condition]: {
-    type: NodeType.Condition,
-    label: "条件",
-    icon: /* @__PURE__ */ jsx(GitCommitVerticalIcon, {}),
-    color: "warning"
-  },
-  [NodeType.End]: {
-    type: NodeType.End,
-    label: "结束",
-    icon: /* @__PURE__ */ jsx(CircleIcon, {}),
-    color: "cyan"
-  }
-};
-
-export { defaultEdgeOptions, edgeTypes, fitViewOptions, initialEdges, initialNodes, nodesMetadata };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{MarkerType}from"@xyflow/react";import{CircleIcon,GitCommitVerticalIcon,SquarePenIcon,StampIcon,SendIcon}from"lucide-react";import VefEdge from"./components/edge.js";import{VefFlowEdge}from"./models/edge-node.js";import{VefSubmitFlowNode,VefApprovalFlowNode,VefConditionFlowNode,VefHandleFlowNode,VefEndFlowNode}from"./models/flow-node.js";import{NodeType}from"./types.js";const initialNodes=[{id:"submit",data:{node:new VefSubmitFlowNode("submit","提交")},type:NodeType.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new VefApprovalFlowNode("approval","审批")},type:NodeType.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new VefConditionFlowNode("condition-1","条件1")},type:NodeType.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new VefApprovalFlowNode("approval-1","审批1")},type:NodeType.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new VefConditionFlowNode("condition-2","条件2")},type:NodeType.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new VefApprovalFlowNode("approval-2","审批2")},type:NodeType.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new VefHandleFlowNode("handle","办理")},type:NodeType.Handle,position:{x:100,y:400}},{id:"end",data:{node:new VefEndFlowNode("end","结束")},type:NodeType.End,deletable:!1,position:{x:0,y:400}}],initialEdges=[{id:"submit-approval",source:"submit",target:"approval",data:{edge:new VefFlowEdge}},{id:"approval-condition-1",source:"approval",target:"condition-1",data:{edge:new VefFlowEdge}},{id:"condition-1-approval-1",source:"condition-1",target:"approval-1",data:{edge:new VefFlowEdge}},{id:"approval-condition-2",source:"approval",target:"condition-2",data:{edge:new VefFlowEdge}},{id:"condition-2-approval-2",source:"condition-2",target:"approval-2",data:{edge:new VefFlowEdge}},{id:"approval-2-handle",source:"approval-2",target:"handle",data:{edge:new VefFlowEdge}},{id:"handle-end",source:"handle",target:"end",data:{edge:new VefFlowEdge}},{id:"approval-1-end",source:"approval-1",target:"end",data:{edge:new VefFlowEdge}}],fitViewOptions={minZoom:1},edgeTypes={vef:VefEdge},defaultEdgeOptions={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:MarkerType.ArrowClosed,strokeWidth:1,height:16,width:16}},nodesMetadata={[NodeType.Submit]:{type:NodeType.Submit,label:"提交",icon:jsx(SendIcon,{}),color:"primary"},[NodeType.Approval]:{type:NodeType.Approval,label:"审批",icon:jsx(StampIcon,{}),color:"geekblue"},[NodeType.Handle]:{type:NodeType.Handle,label:"办理",icon:jsx(SquarePenIcon,{}),color:"success"},[NodeType.Condition]:{type:NodeType.Condition,label:"条件",icon:jsx(GitCommitVerticalIcon,{}),color:"warning"},[NodeType.End]:{type:NodeType.End,label:"结束",icon:jsx(CircleIcon,{}),color:"cyan"}};/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{defaultEdgeOptions,edgeTypes,fitViewOptions,initialEdges,initialNodes,nodesMetadata};

package/es/vef-approval-flow-editor/helper.js

@@ -1,84 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { graphlib, layout } from '@dagrejs/dagre';
-import { generateId } from '@vef-framework/shared';
-import { nodesMetadata } from './constants.js';
-import { VefFlowEdge } from './models/edge-node.js';
-import { VefEndFlowNode, VefConditionFlowNode, VefHandleFlowNode, VefApprovalFlowNode, VefSubmitFlowNode } from './models/flow-node.js';
-import { NodeType } from './types.js';
-
-function layoutFlowElements(nodes, edges) {
-  const g = new graphlib.Graph();
-  g.setGraph({
-    rankdir: "TB",
-    ranker: "network-simplex",
-    nodesep: 60,
-    edgesep: 16,
-    ranksep: 80
-  });
-  g.setDefaultEdgeLabel(() => ({}));
-  for (const node of nodes) {
-    g.setNode(
-      node.id,
-      {
-        ...node,
-        width: node.measured?.width ?? 240,
-        height: node.measured?.height ?? 100
-      }
-    );
-  }
-  for (const edge of edges) {
-    g.setEdge(edge.source, edge.target);
-  }
-  layout(g);
-  return nodes.map((node) => {
-    const { x, y } = g.node(node.id);
-    return {
-      ...node,
-      position: {
-        x,
-        y
-      }
-    };
-  });
-}
-function createFlowNode(type, id) {
-  switch (type) {
-    case NodeType.Submit:
-      return new VefSubmitFlowNode(id, nodesMetadata.submit.label);
-    case NodeType.Approval:
-      return new VefApprovalFlowNode(id, nodesMetadata.approval.label);
-    case NodeType.Handle:
-      return new VefHandleFlowNode(id, nodesMetadata.handle.label);
-    case NodeType.Condition:
-      return new VefConditionFlowNode(id, nodesMetadata.condition.label);
-    case NodeType.End:
-      return new VefEndFlowNode(id, nodesMetadata.end.label);
-  }
-}
-function createNode(type) {
-  const id = `${type}-${generateId()}`;
-  return {
-    id,
-    type,
-    data: {
-      node: createFlowNode(type, id)
-    },
-    position: {
-      x: 0,
-      y: 0
-    }
-  };
-}
-function createEdge(source, target) {
-  return {
-    id: `e-${source}-${target}`,
-    source,
-    target,
-    data: {
-      edge: new VefFlowEdge()
-    }
-  };
-}
-
-export { createEdge, createFlowNode, createNode, layoutFlowElements };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{graphlib,layout}from"@dagrejs/dagre";import{generateId}from"@vef-framework/shared";import{nodesMetadata}from"./constants.js";import{VefFlowEdge}from"./models/edge-node.js";import{VefEndFlowNode,VefConditionFlowNode,VefHandleFlowNode,VefApprovalFlowNode,VefSubmitFlowNode}from"./models/flow-node.js";import{NodeType}from"./types.js";function layoutFlowElements(nodes,edges){const g=new graphlib.Graph;g.setGraph({rankdir:"TB",ranker:"network-simplex",nodesep:60,edgesep:16,ranksep:80}),g.setDefaultEdgeLabel(()=>({}));for(const node of nodes)g.setNode(node.id,{...node,width:node.measured?.width??240,height:node.measured?.height??100});for(const edge of edges)g.setEdge(edge.source,edge.target);return layout(g),nodes.map(node=>{const{x,y}=g.node(node.id);return{...node,position:{x,y}}})}function createFlowNode(type,id){switch(type){case NodeType.Submit:return new VefSubmitFlowNode(id,nodesMetadata.submit.label);case NodeType.Approval:return new VefApprovalFlowNode(id,nodesMetadata.approval.label);case NodeType.Handle:return new VefHandleFlowNode(id,nodesMetadata.handle.label);case NodeType.Condition:return new VefConditionFlowNode(id,nodesMetadata.condition.label);case NodeType.End:return new VefEndFlowNode(id,nodesMetadata.end.label)}}function createNode(type){const id=`${type}-${generateId()}`;return{id,type,data:{node:createFlowNode(type,id)},position:{x:0,y:0}}}function createEdge(source,target){return{id:`e-${source}-${target}`,source,target,data:{edge:new VefFlowEdge}}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{createEdge,createFlowNode,createNode,layoutFlowElements};

package/es/vef-approval-flow-editor/hooks/use-edges-interaction.js

@@ -1,26 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { useReactFlow } from '@xyflow/react';
-import { useCallback } from 'react';
-
-function useEdgesInteraction() {
-  const { updateEdgeData } = useReactFlow();
-  const handleEdgeMouseEnter = useCallback((_, edge) => {
-    edge.data?.edge.setHovering(true);
-    updateEdgeData(edge.id, edge.data, {
-      replace: true
-    });
-  }, [updateEdgeData]);
-  const handleEdgeMouseLeave = useCallback((_, edge) => {
-    edge.data?.edge.setHovering(false);
-    updateEdgeData(edge.id, edge.data, {
-      replace: true
-    });
-  }, [updateEdgeData]);
-  return {
-    handleEdgeMouseEnter,
-    handleEdgeMouseLeave
-  };
-}
-
-export { useEdgesInteraction };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{useReactFlow}from"@xyflow/react";import{useCallback}from"react";function useEdgesInteraction(){const{updateEdgeData}=useReactFlow(),handleEdgeMouseEnter=useCallback((_,edge)=>{edge.data?.edge.setHovering(!0),updateEdgeData(edge.id,edge.data,{replace:!0})},[updateEdgeData]),handleEdgeMouseLeave=useCallback((_,edge)=>{edge.data?.edge.setHovering(!1),updateEdgeData(edge.id,edge.data,{replace:!0})},[updateEdgeData]);return{handleEdgeMouseEnter,handleEdgeMouseLeave}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useEdgesInteraction};

package/es/vef-approval-flow-editor/hooks/use-element-selection.js

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { useCallback } from 'react';
-import { useApprovalFlowEditorStoreApi } from '../store.js';
-
-function useElementSelection() {
-  const approvalFlowEditorStore = useApprovalFlowEditorStoreApi();
-  const handleSelectionChange = useCallback(({ nodes }) => {
-    const { selectedNode, setSelectedNode } = approvalFlowEditorStore.getState();
-    if (nodes.length === 0) {
-      setSelectedNode(null);
-      return;
-    }
-    const [node] = nodes;
-    if (node.id === selectedNode?.getId()) {
-      return;
-    }
-    setSelectedNode(node.data.node);
-  }, [approvalFlowEditorStore]);
-  return {
-    handleSelectionChange
-  };
-}
-
-export { useElementSelection };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{useCallback}from"react";import{useApprovalFlowEditorStoreApi}from"../store.js";function useElementSelection(){const approvalFlowEditorStore=useApprovalFlowEditorStoreApi();return{handleSelectionChange:useCallback(({nodes})=>{const{selectedNode,setSelectedNode}=approvalFlowEditorStore.getState();if(nodes.length===0){setSelectedNode(null);return}const[node]=nodes;node.id!==selectedNode?.getId()&&setSelectedNode(node.data.node)},[approvalFlowEditorStore])}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useElementSelection};

package/es/vef-approval-flow-editor/hooks/use-nodes-interaction.js

@@ -1,52 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { useReactFlow, getConnectedEdges } from '@xyflow/react';
-import { useCallback } from 'react';
-import { createEdge } from '../helper.js';
-import { NodeType } from '../types.js';
-
-function useNodesInteraction() {
-  const {
-    addEdges,
-    getNode,
-    getEdges
-  } = useReactFlow();
-  const handleBeforeDelete = useCallback(async ({ nodes, edges }) => {
-    if (nodes.length === 0) {
-      return false;
-    }
-    const [node] = nodes;
-    const targetNodeIds = edges.filter((edge) => edge.source === node.id).map((edge) => edge.target);
-    if (targetNodeIds.length > 0) {
-      const edgesToAdd = [];
-      const sourceNodeIds = edges.filter((edge) => edge.target === node.id).map((edge) => edge.source);
-      const allEdges = getEdges();
-      for (const sourceNodeId of sourceNodeIds) {
-        const nextConnectedEdges = getConnectedEdges(
-          [{
-            id: sourceNodeId,
-            position: {
-              x: 0,
-              y: 0
-            },
-            data: {}
-          }],
-          allEdges
-        ).filter((edge) => edge.source === sourceNodeId);
-        for (const targetNodeId of targetNodeIds) {
-          if (getNode(targetNodeId)?.type === NodeType.End && nextConnectedEdges.length > 1) {
-            continue;
-          }
-          edgesToAdd.push(createEdge(sourceNodeId, targetNodeId));
-        }
-      }
-      addEdges(edgesToAdd);
-    }
-    return true;
-  }, [addEdges, getEdges, getNode]);
-  return {
-    handleBeforeDelete
-  };
-}
-
-export { useNodesInteraction };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{useReactFlow,getConnectedEdges}from"@xyflow/react";import{useCallback}from"react";import{createEdge}from"../helper.js";import{NodeType}from"../types.js";function useNodesInteraction(){const{addEdges,getNode,getEdges}=useReactFlow();return{handleBeforeDelete:useCallback(async({nodes,edges})=>{if(nodes.length===0)return!1;const[node]=nodes,targetNodeIds=edges.filter(edge=>edge.source===node.id).map(edge=>edge.target);if(targetNodeIds.length>0){const edgesToAdd=[],sourceNodeIds=edges.filter(edge=>edge.target===node.id).map(edge=>edge.source),allEdges=getEdges();for(const sourceNodeId of sourceNodeIds){const nextConnectedEdges=getConnectedEdges([{id:sourceNodeId,position:{x:0,y:0},data:{}}],allEdges).filter(edge=>edge.source===sourceNodeId);for(const targetNodeId of targetNodeIds)getNode(targetNodeId)?.type===NodeType.End&&nextConnectedEdges.length>1||edgesToAdd.push(createEdge(sourceNodeId,targetNodeId))}addEdges(edgesToAdd)}return!0},[addEdges,getEdges,getNode])}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useNodesInteraction};

package/es/vef-approval-flow-editor/index.js

@@ -1,76 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { useEdgesState, useNodesState, ReactFlow, MiniMap, Controls, Background, BackgroundVariant, SelectionMode, ReactFlowProvider } from '@xyflow/react';
-import { useRef, useLayoutEffect, memo } from 'react';
-import { nodeTypes } from './components/nodes/index.js';
-import { initialEdges, initialNodes, fitViewOptions, edgeTypes, defaultEdgeOptions } from './constants.js';
-import { layoutFlowElements } from './helper.js';
-import { useEdgesInteraction } from './hooks/use-edges-interaction.js';
-import { useElementSelection } from './hooks/use-element-selection.js';
-import { useNodesInteraction } from './hooks/use-nodes-interaction.js';
-import { ApprovalFlowEditorStoreProvider } from './store.js';
-import { flowEditorStyle, flowEditorContainerStyle } from './styles.js';
-
-function VefApprovalFlowEditorBase() {
-  const [edges, _, onEdgesChange] = useEdgesState(initialEdges);
-  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const { handleEdgeMouseEnter, handleEdgeMouseLeave } = useEdgesInteraction();
-  const { handleSelectionChange } = useElementSelection();
-  const { handleBeforeDelete } = useNodesInteraction();
-  const currentEdgeIdentifiersRef = useRef();
-  useLayoutEffect(() => {
-    if (currentEdgeIdentifiersRef.current) {
-      const isSame = edges.every((edge) => currentEdgeIdentifiersRef.current.has(`${edge.id}__${edge.source}__${edge.target}`));
-      if (isSame) {
-        return;
-      }
-    }
-    const layoutedNodes = layoutFlowElements(nodes, edges);
-    setNodes(layoutedNodes);
-    currentEdgeIdentifiersRef.current = new Set(edges.map((edge) => `${edge.id}__${edge.source}__${edge.target}`));
-  }, [edges]);
-  return /* @__PURE__ */ jsxs(
-    ReactFlow,
-    {
-      disableKeyboardA11y: true,
-      fitView: true,
-      css: flowEditorStyle,
-      defaultEdgeOptions,
-      edges,
-      edgesFocusable: false,
-      edgesReconnectable: false,
-      edgeTypes,
-      fitViewOptions,
-      maxZoom: 2,
-      minZoom: 0.5,
-      multiSelectionKeyCode: null,
-      nodes,
-      nodesConnectable: false,
-      nodesDraggable: false,
-      nodesFocusable: false,
-      nodeTypes,
-      panActivationKeyCode: null,
-      selectionKeyCode: null,
-      selectionMode: SelectionMode.Partial,
-      zoomActivationKeyCode: null,
-      onBeforeDelete: handleBeforeDelete,
-      onEdgeMouseEnter: handleEdgeMouseEnter,
-      onEdgeMouseLeave: handleEdgeMouseLeave,
-      onEdgesChange,
-      onNodesChange,
-      onSelectionChange: handleSelectionChange,
-      children: [
-        /* @__PURE__ */ jsx(MiniMap, { pannable: true, position: "bottom-left" }),
-        /* @__PURE__ */ jsx(Controls, { orientation: "horizontal", position: "bottom-left" }),
-        /* @__PURE__ */ jsx(Background, { gap: 12, variant: BackgroundVariant.Dots })
-      ]
-    }
-  );
-}
-function VefApprovalFlowEditor(props) {
-  return /* @__PURE__ */ jsx("div", { css: flowEditorContainerStyle, children: /* @__PURE__ */ jsx(ApprovalFlowEditorStoreProvider, { initialState: null, children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(VefApprovalFlowEditorBase, { ...props }) }) }) });
-}
-const index = memo(VefApprovalFlowEditor);
-
-export { index as default };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{useEdgesState,useNodesState,ReactFlow,MiniMap,Controls,Background,BackgroundVariant,SelectionMode,ReactFlowProvider}from"@xyflow/react";import{useRef,useLayoutEffect,memo}from"react";import{nodeTypes}from"./components/nodes/index.js";import{initialEdges,initialNodes,fitViewOptions,edgeTypes,defaultEdgeOptions}from"./constants.js";import{layoutFlowElements}from"./helper.js";import{useEdgesInteraction}from"./hooks/use-edges-interaction.js";import{useElementSelection}from"./hooks/use-element-selection.js";import{useNodesInteraction}from"./hooks/use-nodes-interaction.js";import{ApprovalFlowEditorStoreProvider}from"./store.js";import{flowEditorStyle,flowEditorContainerStyle}from"./styles.js";function VefApprovalFlowEditorBase(){const[edges,_,onEdgesChange]=useEdgesState(initialEdges),[nodes,setNodes,onNodesChange]=useNodesState(initialNodes),{handleEdgeMouseEnter,handleEdgeMouseLeave}=useEdgesInteraction(),{handleSelectionChange}=useElementSelection(),{handleBeforeDelete}=useNodesInteraction(),currentEdgeIdentifiersRef=useRef();return useLayoutEffect(()=>{if(currentEdgeIdentifiersRef.current&&edges.every(edge=>currentEdgeIdentifiersRef.current.has(`${edge.id}__${edge.source}__${edge.target}`)))return;const layoutedNodes=layoutFlowElements(nodes,edges);setNodes(layoutedNodes),currentEdgeIdentifiersRef.current=new Set(edges.map(edge=>`${edge.id}__${edge.source}__${edge.target}`))},[edges]),jsxs(ReactFlow,{disableKeyboardA11y:!0,fitView:!0,css:flowEditorStyle,defaultEdgeOptions,edges,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes,fitViewOptions,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:SelectionMode.Partial,zoomActivationKeyCode:null,onBeforeDelete:handleBeforeDelete,onEdgeMouseEnter:handleEdgeMouseEnter,onEdgeMouseLeave:handleEdgeMouseLeave,onEdgesChange,onNodesChange,onSelectionChange:handleSelectionChange,children:[jsx(MiniMap,{pannable:!0,position:"bottom-left"}),jsx(Controls,{orientation:"horizontal",position:"bottom-left"}),jsx(Background,{gap:12,variant:BackgroundVariant.Dots})]})}function VefApprovalFlowEditor(props){return jsx("div",{css:flowEditorContainerStyle,children:jsx(ApprovalFlowEditorStoreProvider,{initialState:null,children:jsx(ReactFlowProvider,{children:jsx(VefApprovalFlowEditorBase,{...props})})})})}const index=memo(VefApprovalFlowEditor);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{index as default};

package/es/vef-approval-flow-editor/models/edge-node.js

@@ -1,21 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-class AbstractFlowEdge {
-  constructor() {
-    __publicField(this, "_isHovering");
-    this._isHovering = false;
-  }
-  isHovering() {
-    return this._isHovering;
-  }
-  setHovering(isHovering) {
-    this._isHovering = isHovering;
-  }
-}
-class VefFlowEdge extends AbstractFlowEdge {
-}
-
-export { AbstractFlowEdge, VefFlowEdge };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */var __defProp=Object.defineProperty,__defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);class AbstractFlowEdge{constructor(){__publicField(this,"_isHovering"),this._isHovering=!1}isHovering(){return this._isHovering}setHovering(isHovering){this._isHovering=isHovering}}class VefFlowEdge extends AbstractFlowEdge{}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{AbstractFlowEdge,VefFlowEdge};