@vef-framework/components 1.0.128 → 1.0.129

package/cjs/vef-approval-flow-editor/components/selector-content.cjs

@@ -1,34 +1,20 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react$2 = require('@xyflow/react');
-var react$1 = require('react');
-var index = require('../../vef-icon/index.cjs');
-var constants = require('../constants.cjs');
-
-"use strict";
-const selectorContentStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),c=require("@emotion/react"),e=require("@vef-framework/shared"),g=require("@xyflow/react"),u=require("react"),f=require("../../vef-icon/index.cjs"),v=require("../constants.cjs");const $=c.css`
   min-width: 160px;
   display: flex;
   flex-direction: column;
-  gap: ${shared.themeVariables.margin};
-`;
-const selectorItemStyle = react.css`
+  gap: ${e.themeVariables.margin};
+`,x=c.css`
   display: flex;
   align-items: center;
-  gap: ${shared.themeVariables.marginSm};
-  padding: ${shared.themeVariables.paddingXs} ${shared.themeVariables.paddingSm};
-  border-radius: ${shared.themeVariables.borderRadius};
+  gap: ${e.themeVariables.marginSm};
+  padding: ${e.themeVariables.paddingXs} ${e.themeVariables.paddingSm};
+  border-radius: ${e.themeVariables.borderRadius};
   cursor: pointer;
-  transition: background-color ${shared.themeVariables.motionDurationMid} ${shared.themeVariables.motionEaseInOutCirc};
+  transition: background-color ${e.themeVariables.motionDurationMid} ${e.themeVariables.motionEaseInOutCirc};
   
   &:hover {
-    background-color: ${shared.themeVariables.colorFillSecondary};
+    background-color: ${e.themeVariables.colorFillSecondary};
   }
 
   > span:first-of-type {
@@ -36,33 +22,4 @@ const selectorItemStyle = react.css`
 
   > span:last-of-type {
   }
-`;
-function VefSelectorContent({ items, onAddNode }) {
-  const nodes = react$1.useMemo(
-    () => items.map((item) => constants.nodesMetadata[item]),
-    [items]
-  );
-  const {
-    setEdges,
-    addNodes
-  } = react$2.useReactFlow();
-  const handleAddNode = react$1.useCallback((nodeType) => {
-    const [node, edgesToAdd, edgesToRemove] = onAddNode(nodeType);
-    setEdges((edges) => [
-      ...edges.filter((edge) => !edgesToRemove.includes(edge.id)),
-      ...edgesToAdd
-    ]);
-    addNodes(node);
-  }, [onAddNode, setEdges, addNodes]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: selectorContentStyle, children: nodes.map(({
-    type,
-    label,
-    icon,
-    color
-  }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { css: selectorItemStyle, onClick: () => handleAddNode(type), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.default, { color, size: "huge", children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
-  ] }, label)) });
-}
-
-exports.default = VefSelectorContent;
+`;function V({items:n,onAddNode:o}){const m=u.useMemo(()=>n.map(r=>v.nodesMetadata[r]),[n]),{setEdges:d,addNodes:l}=g.useReactFlow(),p=u.useCallback(r=>{const[a,s,t]=o(r);d(h=>[...h.filter(b=>!t.includes(b.id)),...s]),l(a)},[o,d,l]);return i.jsx("div",{css:$,children:m.map(({type:r,label:a,icon:s,color:t})=>i.jsxs("div",{css:x,onClick:()=>p(r),children:[i.jsx(f.default,{color:t,size:"huge",children:s}),i.jsx("span",{children:a})]},a))})}exports.default=V;

package/cjs/vef-approval-flow-editor/components/source-handle.cjs

@@ -1,45 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@xyflow/react');
-var react$1 = require('react');
-var helper = require('../helper.cjs');
-var nodeSelector = require('./node-selector.cjs');
-
-"use strict";
-function VefSourceHandle() {
-  const { node } = react.useNodesData(react.useNodeId()).data;
-  const connections = react.useNodeConnections({
-    handleType: "source"
-  });
-  const handleAddNode = react$1.useCallback((type) => {
-    const newNode = helper.createNode(type);
-    return [
-      newNode,
-      [helper.createEdge(node.getId(), newNode.id)],
-      []
-    ];
-  }, [node]);
-  const hasAvailableNextNodes = node.getAvailableNextNodeTypes().length > 0;
-  const isConnected = connections.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Handle,
-    {
-      position: react.Position.Bottom,
-      type: "source",
-      children: !isConnected && hasAvailableNextNodes && /* @__PURE__ */ jsxRuntime.jsx(
-        nodeSelector.default,
-        {
-          items: node.getAvailableNextNodeTypes(),
-          selectorContentPosition: "bottom",
-          onAddNode: handleAddNode
-        }
-      )
-    }
-  );
-}
-
-exports.default = VefSourceHandle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@emotion/react/jsx-runtime"),e=require("@xyflow/react"),l=require("react"),s=require("../helper.cjs"),c=require("./node-selector.cjs");function N(){const{node:t}=e.useNodesData(e.useNodeId()).data,a=e.useNodeConnections({handleType:"source"}),n=l.useCallback(u=>{const r=s.createNode(u);return[r,[s.createEdge(t.getId(),r.id)],[]]},[t]),d=t.getAvailableNextNodeTypes().length>0,i=a.length>0;return o.jsx(e.Handle,{position:e.Position.Bottom,type:"source",children:!i&&d&&o.jsx(c.default,{items:t.getAvailableNextNodeTypes(),selectorContentPosition:"bottom",onAddNode:n})})}exports.default=N;

package/cjs/vef-approval-flow-editor/components/target-handle.cjs

@@ -1,14 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@xyflow/react');
-
-"use strict";
-function VefTargetHandle() {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Handle, { position: react.Position.Top, type: "target" });
-}
-
-exports.default = VefTargetHandle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),e=require("@xyflow/react");function r(){return t.jsx(e.Handle,{position:e.Position.Top,type:"target"})}exports.default=r;

package/cjs/vef-approval-flow-editor/constants.cjs

@@ -1,226 +1,2 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@xyflow/react');
-var lucideReact = require('lucide-react');
-var edge = require('./components/edge.cjs');
-var edgeNode = require('./models/edge-node.cjs');
-var flowNode = require('./models/flow-node.cjs');
-var types = require('./types.cjs');
-
-"use strict";
-const initialNodes = [
-  {
-    id: "submit",
-    data: {
-      node: new flowNode.VefSubmitFlowNode("submit", "提交")
-    },
-    type: types.NodeType.Submit,
-    deletable: false,
-    position: {
-      x: 0,
-      y: 0
-    }
-  },
-  {
-    id: "approval",
-    data: {
-      node: new flowNode.VefApprovalFlowNode("approval", "审批")
-    },
-    type: types.NodeType.Approval,
-    position: {
-      x: 0,
-      y: 100
-    }
-  },
-  {
-    id: "condition-1",
-    data: {
-      node: new flowNode.VefConditionFlowNode("condition-1", "条件1")
-    },
-    type: types.NodeType.Condition,
-    position: {
-      x: 0,
-      y: 200
-    }
-  },
-  {
-    id: "approval-1",
-    data: {
-      node: new flowNode.VefApprovalFlowNode("approval-1", "审批1")
-    },
-    type: types.NodeType.Approval,
-    position: {
-      x: 0,
-      y: 300
-    }
-  },
-  {
-    id: "condition-2",
-    data: {
-      node: new flowNode.VefConditionFlowNode("condition-2", "条件2")
-    },
-    type: types.NodeType.Condition,
-    position: {
-      x: 100,
-      y: 200
-    }
-  },
-  {
-    id: "approval-2",
-    data: {
-      node: new flowNode.VefApprovalFlowNode("approval-2", "审批2")
-    },
-    type: types.NodeType.Approval,
-    position: {
-      x: 100,
-      y: 300
-    }
-  },
-  {
-    id: "handle",
-    data: {
-      node: new flowNode.VefHandleFlowNode("handle", "办理")
-    },
-    type: types.NodeType.Handle,
-    position: {
-      x: 100,
-      y: 400
-    }
-  },
-  {
-    id: "end",
-    data: {
-      node: new flowNode.VefEndFlowNode("end", "结束")
-    },
-    type: types.NodeType.End,
-    deletable: false,
-    position: {
-      x: 0,
-      y: 400
-    }
-  }
-];
-const initialEdges = [
-  {
-    id: "submit-approval",
-    source: "submit",
-    target: "approval",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-condition-1",
-    source: "approval",
-    target: "condition-1",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  },
-  {
-    id: "condition-1-approval-1",
-    source: "condition-1",
-    target: "approval-1",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-condition-2",
-    source: "approval",
-    target: "condition-2",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  },
-  {
-    id: "condition-2-approval-2",
-    source: "condition-2",
-    target: "approval-2",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-2-handle",
-    source: "approval-2",
-    target: "handle",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  },
-  {
-    id: "handle-end",
-    source: "handle",
-    target: "end",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  },
-  {
-    id: "approval-1-end",
-    source: "approval-1",
-    target: "end",
-    data: {
-      edge: new edgeNode.VefFlowEdge()
-    }
-  }
-];
-const fitViewOptions = {
-  minZoom: 1
-};
-const edgeTypes = {
-  vef: edge.default
-};
-const defaultEdgeOptions = {
-  type: "vef",
-  deletable: false,
-  interactionWidth: 40,
-  markerEnd: {
-    type: react.MarkerType.ArrowClosed,
-    strokeWidth: 1,
-    height: 16,
-    width: 16
-  }
-};
-const nodesMetadata = {
-  [types.NodeType.Submit]: {
-    type: types.NodeType.Submit,
-    label: "提交",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, {}),
-    color: "primary"
-  },
-  [types.NodeType.Approval]: {
-    type: types.NodeType.Approval,
-    label: "审批",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.StampIcon, {}),
-    color: "geekblue"
-  },
-  [types.NodeType.Handle]: {
-    type: types.NodeType.Handle,
-    label: "办理",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquarePenIcon, {}),
-    color: "success"
-  },
-  [types.NodeType.Condition]: {
-    type: types.NodeType.Condition,
-    label: "条件",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitCommitVerticalIcon, {}),
-    color: "warning"
-  },
-  [types.NodeType.End]: {
-    type: types.NodeType.End,
-    label: "结束",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, {}),
-    color: "cyan"
-  }
-};
-
-exports.defaultEdgeOptions = defaultEdgeOptions;
-exports.edgeTypes = edgeTypes;
-exports.fitViewOptions = fitViewOptions;
-exports.initialEdges = initialEdges;
-exports.initialNodes = initialNodes;
-exports.nodesMetadata = nodesMetadata;
+"use strict";var a=require("@emotion/react/jsx-runtime"),t=require("@xyflow/react"),i=require("lucide-react"),n=require("./components/edge.cjs"),o=require("./models/edge-node.cjs"),d=require("./models/flow-node.cjs"),e=require("./types.cjs");const p=[{id:"submit",data:{node:new d.VefSubmitFlowNode("submit","提交")},type:e.NodeType.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new d.VefApprovalFlowNode("approval","审批")},type:e.NodeType.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new d.VefConditionFlowNode("condition-1","条件1")},type:e.NodeType.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new d.VefApprovalFlowNode("approval-1","审批1")},type:e.NodeType.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new d.VefConditionFlowNode("condition-2","条件2")},type:e.NodeType.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new d.VefApprovalFlowNode("approval-2","审批2")},type:e.NodeType.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new d.VefHandleFlowNode("handle","办理")},type:e.NodeType.Handle,position:{x:100,y:400}},{id:"end",data:{node:new d.VefEndFlowNode("end","结束")},type:e.NodeType.End,deletable:!1,position:{x:0,y:400}}],l=[{id:"submit-approval",source:"submit",target:"approval",data:{edge:new o.VefFlowEdge}},{id:"approval-condition-1",source:"approval",target:"condition-1",data:{edge:new o.VefFlowEdge}},{id:"condition-1-approval-1",source:"condition-1",target:"approval-1",data:{edge:new o.VefFlowEdge}},{id:"approval-condition-2",source:"approval",target:"condition-2",data:{edge:new o.VefFlowEdge}},{id:"condition-2-approval-2",source:"condition-2",target:"approval-2",data:{edge:new o.VefFlowEdge}},{id:"approval-2-handle",source:"approval-2",target:"handle",data:{edge:new o.VefFlowEdge}},{id:"handle-end",source:"handle",target:"end",data:{edge:new o.VefFlowEdge}},{id:"approval-1-end",source:"approval-1",target:"end",data:{edge:new o.VefFlowEdge}}],r={minZoom:1},s={vef:n.default},c={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:t.MarkerType.ArrowClosed,strokeWidth:1,height:16,width:16}},y={[e.NodeType.Submit]:{type:e.NodeType.Submit,label:"提交",icon:a.jsx(i.SendIcon,{}),color:"primary"},[e.NodeType.Approval]:{type:e.NodeType.Approval,label:"审批",icon:a.jsx(i.StampIcon,{}),color:"geekblue"},[e.NodeType.Handle]:{type:e.NodeType.Handle,label:"办理",icon:a.jsx(i.SquarePenIcon,{}),color:"success"},[e.NodeType.Condition]:{type:e.NodeType.Condition,label:"条件",icon:a.jsx(i.GitCommitVerticalIcon,{}),color:"warning"},[e.NodeType.End]:{type:e.NodeType.End,label:"结束",icon:a.jsx(i.CircleIcon,{}),color:"cyan"}};exports.defaultEdgeOptions=c,exports.edgeTypes=s,exports.fitViewOptions=r,exports.initialEdges=l,exports.initialNodes=p,exports.nodesMetadata=y;

package/cjs/vef-approval-flow-editor/helper.cjs

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

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

@@ -1,28 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('@xyflow/react');
-var react$1 = require('react');
-
-"use strict";
-function useEdgesInteraction() {
-  const { updateEdgeData } = react.useReactFlow();
-  const handleEdgeMouseEnter = react$1.useCallback((_, edge) => {
-    edge.data?.edge.setHovering(true);
-    updateEdgeData(edge.id, edge.data, {
-      replace: true
-    });
-  }, [updateEdgeData]);
-  const handleEdgeMouseLeave = react$1.useCallback((_, edge) => {
-    edge.data?.edge.setHovering(false);
-    updateEdgeData(edge.id, edge.data, {
-      replace: true
-    });
-  }, [updateEdgeData]);
-  return {
-    handleEdgeMouseEnter,
-    handleEdgeMouseLeave
-  };
-}
-
-exports.useEdgesInteraction = useEdgesInteraction;
+"use strict";var u=require("@xyflow/react"),t=require("react");function c(){const{updateEdgeData:a}=u.useReactFlow(),r=t.useCallback((s,e)=>{e.data?.edge.setHovering(!0),a(e.id,e.data,{replace:!0})},[a]),d=t.useCallback((s,e)=>{e.data?.edge.setHovering(!1),a(e.id,e.data,{replace:!0})},[a]);return{handleEdgeMouseEnter:r,handleEdgeMouseLeave:d}}exports.useEdgesInteraction=c;

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

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

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

@@ -1,54 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('@xyflow/react');
-var react$1 = require('react');
-var helper = require('../helper.cjs');
-var types = require('../types.cjs');
-
-"use strict";
-function useNodesInteraction() {
-  const {
-    addEdges,
-    getNode,
-    getEdges
-  } = react.useReactFlow();
-  const handleBeforeDelete = react$1.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 = react.getConnectedEdges(
-          [{
-            id: sourceNodeId,
-            position: {
-              x: 0,
-              y: 0
-            },
-            data: {}
-          }],
-          allEdges
-        ).filter((edge) => edge.source === sourceNodeId);
-        for (const targetNodeId of targetNodeIds) {
-          if (getNode(targetNodeId)?.type === types.NodeType.End && nextConnectedEdges.length > 1) {
-            continue;
-          }
-          edgesToAdd.push(helper.createEdge(sourceNodeId, targetNodeId));
-        }
-      }
-      addEdges(edgesToAdd);
-    }
-    return true;
-  }, [addEdges, getEdges, getNode]);
-  return {
-    handleBeforeDelete
-  };
-}
-
-exports.useNodesInteraction = useNodesInteraction;
+"use strict";var u=require("@xyflow/react"),p=require("react"),h=require("../helper.cjs"),y=require("../types.cjs");function E(){const{addEdges:o,getNode:s,getEdges:n}=u.useReactFlow();return{handleBeforeDelete:p.useCallback(async({nodes:a,edges:c})=>{if(a.length===0)return!1;const[d]=a,i=c.filter(t=>t.source===d.id).map(t=>t.target);if(i.length>0){const t=[],g=c.filter(e=>e.target===d.id).map(e=>e.source),l=n();for(const e of g){const f=u.getConnectedEdges([{id:e,position:{x:0,y:0},data:{}}],l).filter(r=>r.source===e);for(const r of i)s(r)?.type===y.NodeType.End&&f.length>1||t.push(h.createEdge(e,r))}o(t)}return!0},[o,n,s])}}exports.useNodesInteraction=E;

package/cjs/vef-approval-flow-editor/index.cjs

@@ -1,80 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@xyflow/react');
-var react$1 = require('react');
-var index$1 = require('./components/nodes/index.cjs');
-var constants = require('./constants.cjs');
-var helper = require('./helper.cjs');
-var useEdgesInteraction = require('./hooks/use-edges-interaction.cjs');
-var useElementSelection = require('./hooks/use-element-selection.cjs');
-var useNodesInteraction = require('./hooks/use-nodes-interaction.cjs');
-var store = require('./store.cjs');
-var styles = require('./styles.cjs');
-
-"use strict";
-function VefApprovalFlowEditorBase() {
-  const [edges, _, onEdgesChange] = react.useEdgesState(constants.initialEdges);
-  const [nodes, setNodes, onNodesChange] = react.useNodesState(constants.initialNodes);
-  const { handleEdgeMouseEnter, handleEdgeMouseLeave } = useEdgesInteraction.useEdgesInteraction();
-  const { handleSelectionChange } = useElementSelection.useElementSelection();
-  const { handleBeforeDelete } = useNodesInteraction.useNodesInteraction();
-  const currentEdgeIdentifiersRef = react$1.useRef();
-  react$1.useLayoutEffect(() => {
-    if (currentEdgeIdentifiersRef.current) {
-      const isSame = edges.every((edge) => currentEdgeIdentifiersRef.current.has(`${edge.id}__${edge.source}__${edge.target}`));
-      if (isSame) {
-        return;
-      }
-    }
-    const layoutedNodes = helper.layoutFlowElements(nodes, edges);
-    setNodes(layoutedNodes);
-    currentEdgeIdentifiersRef.current = new Set(edges.map((edge) => `${edge.id}__${edge.source}__${edge.target}`));
-  }, [edges]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.ReactFlow,
-    {
-      disableKeyboardA11y: true,
-      fitView: true,
-      css: styles.flowEditorStyle,
-      defaultEdgeOptions: constants.defaultEdgeOptions,
-      edges,
-      edgesFocusable: false,
-      edgesReconnectable: false,
-      edgeTypes: constants.edgeTypes,
-      fitViewOptions: constants.fitViewOptions,
-      maxZoom: 2,
-      minZoom: 0.5,
-      multiSelectionKeyCode: null,
-      nodes,
-      nodesConnectable: false,
-      nodesDraggable: false,
-      nodesFocusable: false,
-      nodeTypes: index$1.nodeTypes,
-      panActivationKeyCode: null,
-      selectionKeyCode: null,
-      selectionMode: react.SelectionMode.Partial,
-      zoomActivationKeyCode: null,
-      onBeforeDelete: handleBeforeDelete,
-      onEdgeMouseEnter: handleEdgeMouseEnter,
-      onEdgeMouseLeave: handleEdgeMouseLeave,
-      onEdgesChange,
-      onNodesChange,
-      onSelectionChange: handleSelectionChange,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.MiniMap, { pannable: true, position: "bottom-left" }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Controls, { orientation: "horizontal", position: "bottom-left" }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Background, { gap: 12, variant: react.BackgroundVariant.Dots })
-      ]
-    }
-  );
-}
-function VefApprovalFlowEditor(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.flowEditorContainerStyle, children: /* @__PURE__ */ jsxRuntime.jsx(store.ApprovalFlowEditorStoreProvider, { initialState: null, children: /* @__PURE__ */ jsxRuntime.jsx(react.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(VefApprovalFlowEditorBase, { ...props }) }) }) });
-}
-var index = react$1.memo(VefApprovalFlowEditor);
-
-exports.default = index;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),e=require("@xyflow/react"),s=require("react"),y=require("./components/nodes/index.cjs"),r=require("./constants.cjs"),m=require("./helper.cjs"),h=require("./hooks/use-edges-interaction.cjs"),S=require("./hooks/use-element-selection.cjs"),x=require("./hooks/use-nodes-interaction.cjs"),b=require("./store.cjs"),l=require("./styles.cjs");function q(){const[o,w,d]=e.useEdgesState(r.initialEdges),[a,u,c]=e.useNodesState(r.initialNodes),{handleEdgeMouseEnter:g,handleEdgeMouseLeave:v}=h.useEdgesInteraction(),{handleSelectionChange:f}=S.useElementSelection(),{handleBeforeDelete:p}=x.useNodesInteraction(),i=s.useRef();return s.useLayoutEffect(()=>{if(i.current&&o.every(n=>i.current.has(`${n.id}__${n.source}__${n.target}`)))return;const E=m.layoutFlowElements(a,o);u(E),i.current=new Set(o.map(n=>`${n.id}__${n.source}__${n.target}`))},[o]),t.jsxs(e.ReactFlow,{disableKeyboardA11y:!0,fitView:!0,css:l.flowEditorStyle,defaultEdgeOptions:r.defaultEdgeOptions,edges:o,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes:r.edgeTypes,fitViewOptions:r.fitViewOptions,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes:a,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes:y.nodeTypes,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:e.SelectionMode.Partial,zoomActivationKeyCode:null,onBeforeDelete:p,onEdgeMouseEnter:g,onEdgeMouseLeave:v,onEdgesChange:d,onNodesChange:c,onSelectionChange:f,children:[t.jsx(e.MiniMap,{pannable:!0,position:"bottom-left"}),t.jsx(e.Controls,{orientation:"horizontal",position:"bottom-left"}),t.jsx(e.Background,{gap:12,variant:e.BackgroundVariant.Dots})]})}function C(o){return t.jsx("div",{css:l.flowEditorContainerStyle,children:t.jsx(b.ApprovalFlowEditorStoreProvider,{initialState:null,children:t.jsx(e.ReactFlowProvider,{children:t.jsx(q,{...o})})})})}var j=s.memo(C);exports.default=j;