@vef-framework/components 1.0.128 → 1.0.130

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

@@ -1,41 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useNodesData as a,useNodeId as l,useNodeConnections as m,Handle as c,Position as p}from"@xyflow/react";import{useCallback as u}from"react";import{createNode as N,createEdge as f}from"../helper.js";import g from"./node-selector.js";function y(){const{node:e}=a(l()).data,n=m({handleType:"source"}),r=u(i=>{const o=N(i);return[o,[f(e.getId(),o.id)],[]]},[e]),s=e.getAvailableNextNodeTypes().length>0,d=n.length>0;return t(c,{position:p.Bottom,type:"source",children:!d&&s&&t(g,{items:e.getAvailableNextNodeTypes(),selectorContentPosition:"bottom",onAddNode:r})})}export{y as default};

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

@@ -1,10 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Handle, Position } from '@xyflow/react';
-
-"use strict";
-function VefTargetHandle() {
-  return /* @__PURE__ */ jsx(Handle, { position: Position.Top, type: "target" });
-}
-
-export { VefTargetHandle as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Handle as o,Position as r}from"@xyflow/react";function e(){return t(o,{position:r.Top,type:"target"})}export{e as default};

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

@@ -1,219 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as a}from"@emotion/react/jsx-runtime";import{MarkerType as i}from"@xyflow/react";import{CircleIcon as d,GitCommitVerticalIcon as p,SquarePenIcon as r,StampIcon as l,SendIcon as c}from"lucide-react";import s from"./components/edge.js";import{VefFlowEdge as e}from"./models/edge-node.js";import{VefSubmitFlowNode as m,VefApprovalFlowNode as t,VefConditionFlowNode as n,VefHandleFlowNode as v,VefEndFlowNode as y}from"./models/flow-node.js";import{NodeType as o}from"./types.js";const w=[{id:"submit",data:{node:new m("submit","提交")},type:o.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new t("approval","审批")},type:o.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new n("condition-1","条件1")},type:o.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new t("approval-1","审批1")},type:o.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new n("condition-2","条件2")},type:o.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new t("approval-2","审批2")},type:o.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new v("handle","办理")},type:o.Handle,position:{x:100,y:400}},{id:"end",data:{node:new y("end","结束")},type:o.End,deletable:!1,position:{x:0,y:400}}],g=[{id:"submit-approval",source:"submit",target:"approval",data:{edge:new e}},{id:"approval-condition-1",source:"approval",target:"condition-1",data:{edge:new e}},{id:"condition-1-approval-1",source:"condition-1",target:"approval-1",data:{edge:new e}},{id:"approval-condition-2",source:"approval",target:"condition-2",data:{edge:new e}},{id:"condition-2-approval-2",source:"condition-2",target:"approval-2",data:{edge:new e}},{id:"approval-2-handle",source:"approval-2",target:"handle",data:{edge:new e}},{id:"handle-end",source:"handle",target:"end",data:{edge:new e}},{id:"approval-1-end",source:"approval-1",target:"end",data:{edge:new e}}],u={minZoom:1},b={vef:s},f={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:i.ArrowClosed,strokeWidth:1,height:16,width:16}},h={[o.Submit]:{type:o.Submit,label:"提交",icon:a(c,{}),color:"primary"},[o.Approval]:{type:o.Approval,label:"审批",icon:a(l,{}),color:"geekblue"},[o.Handle]:{type:o.Handle,label:"办理",icon:a(r,{}),color:"success"},[o.Condition]:{type:o.Condition,label:"条件",icon:a(p,{}),color:"warning"},[o.End]:{type:o.End,label:"结束",icon:a(d,{}),color:"cyan"}};export{f as defaultEdgeOptions,b as edgeTypes,u as fitViewOptions,g as initialEdges,w as initialNodes,h as nodesMetadata};

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

@@ -1,84 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{graphlib as s,layout as p}from"@dagrejs/dagre";import{generateId as u}from"@vef-framework/shared";import{nodesMetadata as n}from"./constants.js";import{VefFlowEdge as c}from"./models/edge-node.js";import{VefEndFlowNode as f,VefConditionFlowNode as m,VefHandleFlowNode as w,VefApprovalFlowNode as g,VefSubmitFlowNode as h}from"./models/flow-node.js";import{NodeType as a}from"./types.js";function b(t,e){const r=new s.Graph;r.setGraph({rankdir:"TB",ranker:"network-simplex",nodesep:60,edgesep:16,ranksep:80}),r.setDefaultEdgeLabel(()=>({}));for(const o of t)r.setNode(o.id,{...o,width:o.measured?.width??240,height:o.measured?.height??100});for(const o of e)r.setEdge(o.source,o.target);return p(r),t.map(o=>{const{x:i,y:l}=r.node(o.id);return{...o,position:{x:i,y:l}}})}function d(t,e){switch(t){case a.Submit:return new h(e,n.submit.label);case a.Approval:return new g(e,n.approval.label);case a.Handle:return new w(e,n.handle.label);case a.Condition:return new m(e,n.condition.label);case a.End:return new f(e,n.end.label)}}function N(t){const e=`${t}-${u()}`;return{id:e,type:t,data:{node:d(t,e)},position:{x:0,y:0}}}function F(t,e){return{id:`e-${t}-${e}`,source:t,target:e,data:{edge:new c}}}export{F as createEdge,d as createFlowNode,N as createNode,b as layoutFlowElements};

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

@@ -1,26 +1,2 @@
 "use strict";
-import { useReactFlow } from '@xyflow/react';
-import { useCallback } from 'react';
-
-"use strict";
-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 };
+import{useReactFlow as n}from"@xyflow/react";import{useCallback as a}from"react";function s(){const{updateEdgeData:t}=n(),d=a((o,e)=>{e.data?.edge.setHovering(!0),t(e.id,e.data,{replace:!0})},[t]),r=a((o,e)=>{e.data?.edge.setHovering(!1),t(e.id,e.data,{replace:!0})},[t]);return{handleEdgeMouseEnter:d,handleEdgeMouseLeave:r}}export{s as useEdgesInteraction};

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

@@ -1,25 +1,2 @@
 "use strict";
-import { useCallback } from 'react';
-import { useApprovalFlowEditorStoreApi } from '../store.js';
-
-"use strict";
-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 };
+import{useCallback as l}from"react";import{useApprovalFlowEditorStoreApi as d}from"../store.js";function s(){const e=d();return{handleSelectionChange:l(({nodes:t})=>{const{selectedNode:r,setSelectedNode:o}=e.getState();if(t.length===0){o(null);return}const[n]=t;n.id!==r?.getId()&&o(n.data.node)},[e])}}export{s as useElementSelection};

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

@@ -1,52 +1,2 @@
 "use strict";
-import { useReactFlow, getConnectedEdges } from '@xyflow/react';
-import { useCallback } from 'react';
-import { createEdge } from '../helper.js';
-import { NodeType } from '../types.js';
-
-"use strict";
-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 };
+import{useReactFlow as u,getConnectedEdges as p}from"@xyflow/react";import{useCallback as m}from"react";import{createEdge as h}from"../helper.js";import{NodeType as E}from"../types.js";function y(){const{addEdges:r,getNode:n,getEdges:s}=u();return{handleBeforeDelete:m(async({nodes:d,edges:c})=>{if(d.length===0)return!1;const[i]=d,a=c.filter(t=>t.source===i.id).map(t=>t.target);if(a.length>0){const t=[],f=c.filter(e=>e.target===i.id).map(e=>e.source),g=s();for(const e of f){const l=p([{id:e,position:{x:0,y:0},data:{}}],g).filter(o=>o.source===e);for(const o of a)n(o)?.type===E.End&&l.length>1||t.push(h(e,o))}r(t)}return!0},[r,s,n])}}export{y as useNodesInteraction};

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

@@ -1,76 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 }) }) }) });
-}
-var index = memo(VefApprovalFlowEditor);
-
-export { index as default };
+import{jsxs as f,jsx as t}from"@emotion/react/jsx-runtime";import{useEdgesState as p,useNodesState as g,ReactFlow as E,MiniMap as y,Controls as h,Background as S,BackgroundVariant as v,SelectionMode as C,ReactFlowProvider as b}from"@xyflow/react";import{useRef as w,useLayoutEffect as M,memo as _}from"react";import{nodeTypes as F}from"./components/nodes/index.js";import{initialEdges as $,initialNodes as x,fitViewOptions as K,edgeTypes as A,defaultEdgeOptions as B}from"./constants.js";import{layoutFlowElements as D}from"./helper.js";import{useEdgesInteraction as L}from"./hooks/use-edges-interaction.js";import{useElementSelection as N}from"./hooks/use-element-selection.js";import{useNodesInteraction as O}from"./hooks/use-nodes-interaction.js";import{ApprovalFlowEditorStoreProvider as R}from"./store.js";import{flowEditorStyle as T,flowEditorContainerStyle as V}from"./styles.js";function k(){const[e,j,r]=p($),[i,a,s]=g(x),{handleEdgeMouseEnter:l,handleEdgeMouseLeave:d}=L(),{handleSelectionChange:c}=N(),{handleBeforeDelete:u}=O(),n=w();return M(()=>{if(n.current&&e.every(o=>n.current.has(`${o.id}__${o.source}__${o.target}`)))return;const m=D(i,e);a(m),n.current=new Set(e.map(o=>`${o.id}__${o.source}__${o.target}`))},[e]),f(E,{disableKeyboardA11y:!0,fitView:!0,css:T,defaultEdgeOptions:B,edges:e,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes:A,fitViewOptions:K,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes:i,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes:F,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:C.Partial,zoomActivationKeyCode:null,onBeforeDelete:u,onEdgeMouseEnter:l,onEdgeMouseLeave:d,onEdgesChange:r,onNodesChange:s,onSelectionChange:c,children:[t(y,{pannable:!0,position:"bottom-left"}),t(h,{orientation:"horizontal",position:"bottom-left"}),t(S,{gap:12,variant:v.Dots})]})}function z(e){return t("div",{css:V,children:t(R,{initialState:null,children:t(b,{children:t(k,{...e})})})})}var P=_(z);export{P as default};

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

@@ -1,21 +1,2 @@
 "use strict";
-"use strict";
-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 };
+var t=Object.defineProperty,n=(r,e,i)=>e in r?t(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i,o=(r,e,i)=>n(r,typeof e!="symbol"?e+"":e,i);class s{constructor(){o(this,"_isHovering"),this._isHovering=!1}isHovering(){return this._isHovering}setHovering(e){this._isHovering=e}}class a extends s{}export{s as AbstractFlowEdge,a as VefFlowEdge};