@vef-framework/components 1.0.133 → 1.0.134

package/esm/vef-approval-flow-editor/components/selector-content.js

@@ -1,25 +0,0 @@
-"use strict";
-import{jsx as t,jsxs as g}from"@emotion/react/jsx-runtime";import{css as l}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{useReactFlow as $}from"@xyflow/react";import{useMemo as h,useCallback as b}from"react";import x from"../../vef-icon/index.js";import{nodesMetadata as y}from"../constants.js";const k=l`
-  min-width: 160px;
-  display: flex;
-  flex-direction: column;
-  gap: ${o.margin};
-`,C=l`
-  display: flex;
-  align-items: center;
-  gap: ${o.marginSm};
-  padding: ${o.paddingXs} ${o.paddingSm};
-  border-radius: ${o.borderRadius};
-  cursor: pointer;
-  transition: background-color ${o.motionDurationMid} ${o.motionEaseInOutCirc};
-  
-  &:hover {
-    background-color: ${o.colorFillSecondary};
-  }
-
-  > span:first-of-type {
-  }
-
-  > span:last-of-type {
-  }
-`;function v({items:n,onAddNode:a}){const m=h(()=>n.map(r=>y[r]),[n]),{setEdges:d,addNodes:c}=$(),p=b(r=>{const[i,e,s]=a(r);d(u=>[...u.filter(f=>!s.includes(f.id)),...e]),c(i)},[a,d,c]);return t("div",{css:k,children:m.map(({type:r,label:i,icon:e,color:s})=>g("div",{css:C,onClick:()=>p(r),children:[t(x,{color:s,size:"huge",children:e}),t("span",{children:i})]},i))})}export{v as default};

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

@@ -1,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{NodeType as e}from"../types.js";var r=Object.defineProperty,d=(i,a,s)=>a in i?r(i,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[a]=s,t=(i,a,s)=>d(i,typeof a!="symbol"?a+"":a,s);class l{constructor(a,s,o){t(this,"id"),t(this,"type"),t(this,"label"),this.id=a,this.type=s,this.label=o}getId(){return this.id}getType(){return this.type}getLabel(){return this.label}setLabel(a){this.label=a}}class p extends l{constructor(a,s){super(a,e.Submit,s),t(this,"_availablePreviousNodeTypes"),t(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class v extends l{constructor(a,s){super(a,e.Approval,s),t(this,"_availablePreviousNodeTypes"),t(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class N extends l{constructor(a,s){super(a,e.Handle,s),t(this,"_availablePreviousNodeTypes"),t(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class n extends l{constructor(a,s){super(a,e.Condition,s),t(this,"_availablePreviousNodeTypes"),t(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class b extends l{constructor(a,s){super(a,e.End,s),t(this,"_availablePreviousNodeTypes"),t(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}export{l as AbstractFlowNode,v as VefApprovalFlowNode,n as VefConditionFlowNode,b as VefEndFlowNode,N as VefHandleFlowNode,p as VefSubmitFlowNode};

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

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

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

@@ -1,2 +0,0 @@
-"use strict";
-import{createComponentStore as r}from"@vef-framework/shared";const{StoreProvider:t,useStore:l,useStoreApi:d}=r("ApprovalFlowEditor",()=>e=>({selectedNode:null,setSelectedNode:o=>e({selectedNode:o})}));export{t as ApprovalFlowEditorStoreProvider,l as useApprovalFlowEditorStore,d as useApprovalFlowEditorStoreApi};

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

@@ -1,42 +0,0 @@
-"use strict";
-import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import r from"../internal/base.css.js";const t=e`
-  height: 80%;
-
-  ${r}
-`,i=e`
-  --xy-edge-stroke-width: 2px;
-  --xy-edge-stroke: rgb(177, 177, 183);
-  --xy-edge-stroke-selected: rgb(177, 177, 183);
-
-  .react-flow__attribution {
-    display: none;
-  }
-  .react-flow__nodesselection-rect,
-  .react-flow__selection {
-    background-color: oklch(from ${o.colorPrimary} l c h / 0.06);
-    border: ${o.lineWidth} ${o.lineType} ${o.colorPrimary};
-    border-radius: ${o.borderRadius};
-  }
-
-  .react-flow__node {
-    width: 240px;
-    border-radius: ${o.borderRadiusLg};
-    padding: ${o.paddingSm};
-    background-color: ${o.colorBgContainer};
-
-    &:hover:not(.selected) {
-      box-shadow: ${o.boxShadowElevated};
-    }
-
-    &.selected {
-      outline: 2px ${o.lineType} ${o.colorPrimary};
-      outline-offset: -2px;
-    }
-  }
-
-  .react-flow__handle {
-    min-width: 12px;
-    min-height: 12px;
-    background-color: transparent;
-  }
-`;export{t as flowEditorContainerStyle,i as flowEditorStyle};

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

@@ -1,2 +0,0 @@
-"use strict";
-var n=(d=>(d.Submit="submit",d.Approval="approval",d.Handle="handle",d.Condition="condition",d.End="end",d))(n||{}),i=(d=>(d.Vef="vef",d))(i||{});export{i as EdgeType,n as NodeType};

package/esm/vef-data-grid/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as l}from"@emotion/react/jsx-runtime";import{HotTable as i}from"@handsontable/react-wrapper";import{registerLanguageDictionary as m,zhCN as t}from"handsontable/i18n";import{registerAllModules as s}from"handsontable/registry";import{useRef as g}from"react";s(),m(t);const d=Array.from({length:1e3}).map((n,e)=>({name:`Name${e+1}`,gender:e%2===0?"Male":"Female",age:Math.floor(Math.random()*100)+18,id:e+1,desc:`Description may be very long, very long, very long, very long, very long, very long, very long, very long, very long, very long${e+1}`})),u=[{data:"id",title:"ID",fixedColumnsStart:1},{data:"name",title:"Name"},{data:"gender",title:"Gender"},{data:"age",title:"Age"},{data:"desc",title:"Description",width:200}];function c(n){console.log("file: index.tsx:49 ~ props:",n);const e=g(null);return l("div",{style:{width:"100%",maxHeight:"500px"},children:l(i,{ref:e,autoColumnSize:!0,autoRowSize:!0,colHeaders:!0,disableVisualSelection:!0,manualColumnMove:!0,manualColumnResize:!0,multiColumnSorting:!0,readOnly:!0,rowHeaders:!0,columns:u,data:d,language:t.languageCode,licenseKey:"non-commercial-and-evaluation",locale:t.languageCode,themeName:"ht-theme-main",beforeColumnSort:(f,o)=>{if(console.log("file: index.tsx:68 ~ sortConfigs:",o),o.length>0){const a=e.current?.hotInstance?.getColHeader(o[0].column);console.log("file: index.tsx:77 ~ header:",a);const r=e.current?.hotInstance?.getColumnMeta(o[0].column);console.log("file: index.tsx:79 ~ meta:",r)}}})})}export{c as default};

package/esm/vef-data-grid/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-data-table/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as t}from"@emotion/react/jsx-runtime";function o(e){return console.log("file: index.tsx:3 ~ props:",e),t("div",{children:"data table"})}export{o as default};

package/esm/vef-data-table/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/types/vef-approval-flow-editor/components/edge.d.ts

@@ -1,4 +0,0 @@
-import type { EdgeProps } from "@xyflow/react";
-import type { VefEdge as VefEdgeType } from "../types";
-declare function VefEdge({ id, data, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, markerEnd, markerStart, interactionWidth, style, selected, }: EdgeProps<VefEdgeType>): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefEdge;

package/types/vef-approval-flow-editor/components/label-value.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from "react";
-/**
- * The props of the LabelValue component.
- */
-interface VefLabelValueProps {
-    label: ReactNode;
-    value: ReactNode;
-}
-declare function VefLabelValue({ label, value }: VefLabelValueProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefLabelValue;

package/types/vef-approval-flow-editor/components/node-content.d.ts

@@ -1,9 +0,0 @@
-import type { ChildrenProps, ColorType } from "@vef-framework/shared";
-import type { ReactElement } from "react";
-interface VefNodeContentProps extends ChildrenProps {
-    icon: ReactElement;
-    iconColor: ColorType;
-    selected: boolean;
-}
-declare function VefNodeContent({ icon, iconColor, selected, children, }: VefNodeContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefNodeContent;

package/types/vef-approval-flow-editor/components/node-selector.d.ts

@@ -1,12 +0,0 @@
-import type { VefSelectorContentProps } from "./selector-content";
-/**
- * The props of the node selector.
- */
-interface VefNodeSelectorProps extends VefSelectorContentProps {
-    /**
-     * The position of the selector content
-     */
-    selectorContentPosition: "right" | "bottom";
-}
-declare function VefNodeSelector({ selectorContentPosition, items, onAddNode, }: VefNodeSelectorProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefNodeSelector;

package/types/vef-approval-flow-editor/components/node-toolbar.d.ts

@@ -1,8 +0,0 @@
-/**
- * The props of the NodeToolbar component.
- */
-interface VefNodeToolbarProps {
-    selected: boolean;
-}
-declare function VefNodeToolbar({ selected }: VefNodeToolbarProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefNodeToolbar;

package/types/vef-approval-flow-editor/components/nodes/approval.d.ts

@@ -1,3 +0,0 @@
-import type { NodeProps } from "@xyflow/react";
-declare function VefApprovalNode({ selected, }: NodeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefApprovalNode;

package/types/vef-approval-flow-editor/components/nodes/condition.d.ts

@@ -1,3 +0,0 @@
-import type { NodeProps } from "@xyflow/react";
-declare function VefConditionNode({ selected, }: NodeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefConditionNode;

package/types/vef-approval-flow-editor/components/nodes/end.d.ts

@@ -1,3 +0,0 @@
-import type { NodeProps } from "@xyflow/react";
-declare function VefEndNode({ selected, }: NodeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefEndNode;

package/types/vef-approval-flow-editor/components/nodes/handle.d.ts

@@ -1,3 +0,0 @@
-import type { NodeProps } from "@xyflow/react";
-declare function VefHandleNode({ selected, }: NodeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefHandleNode;

package/types/vef-approval-flow-editor/components/nodes/index.d.ts

@@ -1,15 +0,0 @@
-import VefApprovalNode from "./approval";
-import VefConditionNode from "./condition";
-import VefEndNode from "./end";
-import VefHandleNode from "./handle";
-import VefSubmitNode from "./submit";
-/**
- * The node types that can be used in the approval flow editor.
- */
-export declare const nodeTypes: {
-    submit: typeof VefSubmitNode;
-    approval: typeof VefApprovalNode;
-    handle: typeof VefHandleNode;
-    condition: typeof VefConditionNode;
-    end: typeof VefEndNode;
-};

package/types/vef-approval-flow-editor/components/nodes/submit.d.ts

@@ -1,3 +0,0 @@
-import type { NodeProps } from "@xyflow/react";
-declare function VefSubmitNode({ selected, }: NodeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefSubmitNode;

package/types/vef-approval-flow-editor/components/selector-content.d.ts

@@ -1,16 +0,0 @@
-import type { NodeType, VefEdge, VefNode } from "../types";
-/**
- * The props of the selector content.
- */
-export interface VefSelectorContentProps {
-    /**
-     * The items of the selector content.
-     */
-    items: NodeType[];
-    /**
-     * The function to add a node.
-     */
-    onAddNode: (nodeType: NodeType) => readonly [VefNode, VefEdge[], string[]];
-}
-declare function VefSelectorContent({ items, onAddNode }: VefSelectorContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefSelectorContent;

package/types/vef-approval-flow-editor/components/source-handle.d.ts

@@ -1,2 +0,0 @@
-declare function VefSourceHandle(): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefSourceHandle;

package/types/vef-approval-flow-editor/components/target-handle.d.ts

@@ -1,2 +0,0 @@
-declare function VefTargetHandle(): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VefTargetHandle;

package/types/vef-approval-flow-editor/constants.d.ts

@@ -1,15 +0,0 @@
-import type { DefaultEdgeOptions, FitViewOptions } from "@xyflow/react";
-import type { NodeMetadata, VefEdge, VefNode } from "./types";
-import VefEdgeComponent from "./components/edge";
-import { NodeType } from "./types";
-export declare const initialNodes: VefNode[];
-export declare const initialEdges: VefEdge[];
-export declare const fitViewOptions: FitViewOptions;
-export declare const edgeTypes: {
-    vef: typeof VefEdgeComponent;
-};
-export declare const defaultEdgeOptions: DefaultEdgeOptions;
-/**
- * The metadata of the nodes.
- */
-export declare const nodesMetadata: Record<NodeType, NodeMetadata>;

package/types/vef-approval-flow-editor/helper.d.ts

@@ -1,31 +0,0 @@
-import type { VefEdge, VefNode } from "./types";
-import { VefApprovalFlowNode, VefConditionFlowNode, VefEndFlowNode, VefHandleFlowNode, VefSubmitFlowNode } from "./models/flow-node";
-import { NodeType } from "./types";
-/**
- * Layout the nodes and edges
- *
- * @param nodes The nodes to layout
- * @param edges The edges to layout
- * @returns The nodes and edges after layout
- */
-export declare function layoutFlowElements(nodes: VefNode[], edges: VefEdge[]): VefNode[];
-/**
- * Create a flow node
- *
- * @param type The type of the node
- * @param id The id of the node
- */
-export declare function createFlowNode(type: NodeType, id: string): VefSubmitFlowNode | VefApprovalFlowNode | VefHandleFlowNode | VefConditionFlowNode | VefEndFlowNode;
-/**
- * Create a node
- *
- * @param type The type of the node
- */
-export declare function createNode(type: NodeType): VefNode;
-/**
- * Create an edge
- *
- * @param source The source node id
- * @param target The target node id
- */
-export declare function createEdge(source: string, target: string): VefEdge;

package/types/vef-approval-flow-editor/hooks/use-edges-interaction.d.ts

@@ -1,11 +0,0 @@
-import type { EdgeMouseHandler } from "@xyflow/react";
-import type { VefEdge } from "../types";
-/**
- * Hook that handles the edge interactions
- *
- * @returns The edge interactions handler
- */
-export declare function useEdgesInteraction(): {
-    handleEdgeMouseEnter: EdgeMouseHandler<VefEdge>;
-    handleEdgeMouseLeave: EdgeMouseHandler<VefEdge>;
-};

package/types/vef-approval-flow-editor/hooks/use-element-selection.d.ts

@@ -1,9 +0,0 @@
-import type { OnSelectionChangeFunc } from "@xyflow/react";
-/**
- * Handles the selection of elements in the approval flow editor.
- *
- * @returns An object containing the `handleSelectionChange` function.
- */
-export declare function useElementSelection(): {
-    handleSelectionChange: OnSelectionChangeFunc;
-};

package/types/vef-approval-flow-editor/hooks/use-nodes-interaction.d.ts

@@ -1,5 +0,0 @@
-import type { OnBeforeDelete } from "@xyflow/react";
-import type { VefEdge, VefNode } from "../types";
-export declare function useNodesInteraction(): {
-    handleBeforeDelete: OnBeforeDelete<VefNode, VefEdge>;
-};

package/types/vef-approval-flow-editor/index.d.ts

@@ -1,5 +0,0 @@
-import type { VefApprovalFlowEditorProps } from "./props";
-declare function VefApprovalFlowEditor(props: VefApprovalFlowEditorProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type { VefApprovalFlowEditorProps };
-declare const _default: import("react").MemoExoticComponent<typeof VefApprovalFlowEditor>;
-export default _default;

package/types/vef-approval-flow-editor/models/edge-node.d.ts

@@ -1,32 +0,0 @@
-/**
- * The edge metadata
- */
-export interface EdgeMetadata {
-    /**
-     * Check if the edge is hovering
-     */
-    isHovering: () => boolean;
-    /**
-     * Set the edge hovering
-     */
-    setHovering: (isHovering: boolean) => void;
-}
-/**
- * The flow edge
- */
-export interface FlowEdge extends EdgeMetadata {
-}
-/**
- * The abstract flow edge
- */
-export declare abstract class AbstractFlowEdge implements FlowEdge {
-    private _isHovering;
-    constructor();
-    isHovering(): boolean;
-    setHovering(isHovering: boolean): void;
-}
-/**
- * The vef flow edge
- */
-export declare class VefFlowEdge extends AbstractFlowEdge {
-}

package/types/vef-approval-flow-editor/models/flow-node.d.ts

@@ -1,106 +0,0 @@
-import { NodeType } from "../types";
-/**
- * The flow node metadata
- */
-export interface NodeMetadata {
-    /**
-     * Get the available previous node types
-     *
-     * @param node - The current node
-     */
-    getAvailablePreviousNodeTypes: () => NodeType[];
-    /**
-     * Get the available next node types
-     *
-     * @param node - The current node
-     */
-    getAvailableNextNodeTypes: () => NodeType[];
-}
-/**
- * The flow node
- */
-export interface FlowNode extends NodeMetadata {
-    /**
-     * Get the node id
-     */
-    getId: () => string;
-    /**
-     * Get the node type
-     */
-    getType: () => NodeType;
-    /**
-     * Get the node label
-     */
-    getLabel: () => string;
-    /**
-     * Set the node label
-     *
-     * @param label - The new label
-     */
-    setLabel: (label: string) => void;
-}
-/**
- * The abstract flow node
- */
-export declare abstract class AbstractFlowNode implements FlowNode {
-    private readonly id;
-    private readonly type;
-    private label;
-    constructor(id: string, type: NodeType, label: string);
-    getId(): string;
-    getType(): NodeType;
-    getLabel(): string;
-    setLabel(label: string): void;
-    abstract getAvailablePreviousNodeTypes(): NodeType[];
-    abstract getAvailableNextNodeTypes(): NodeType[];
-}
-/**
- * The vef submit flow node
- */
-export declare class VefSubmitFlowNode extends AbstractFlowNode {
-    private readonly _availablePreviousNodeTypes;
-    private readonly _availableNextNodeTypes;
-    constructor(id: string, label: string);
-    getAvailablePreviousNodeTypes(): NodeType[];
-    getAvailableNextNodeTypes(): NodeType[];
-}
-/**
- * The vef approval flow node
- */
-export declare class VefApprovalFlowNode extends AbstractFlowNode {
-    private readonly _availablePreviousNodeTypes;
-    private readonly _availableNextNodeTypes;
-    constructor(id: string, label: string);
-    getAvailablePreviousNodeTypes(): NodeType[];
-    getAvailableNextNodeTypes(): NodeType[];
-}
-/**
- * The vef handle flow node
- */
-export declare class VefHandleFlowNode extends AbstractFlowNode {
-    private readonly _availablePreviousNodeTypes;
-    private readonly _availableNextNodeTypes;
-    constructor(id: string, label: string);
-    getAvailablePreviousNodeTypes(): NodeType[];
-    getAvailableNextNodeTypes(): NodeType[];
-}
-/**
- * The vef condition flow node
- */
-export declare class VefConditionFlowNode extends AbstractFlowNode {
-    private readonly _availablePreviousNodeTypes;
-    private readonly _availableNextNodeTypes;
-    constructor(id: string, label: string);
-    getAvailablePreviousNodeTypes(): NodeType[];
-    getAvailableNextNodeTypes(): NodeType[];
-}
-/**
- * The vef end flow node
- */
-export declare class VefEndFlowNode extends AbstractFlowNode {
-    private readonly _availablePreviousNodeTypes;
-    private readonly _availableNextNodeTypes;
-    constructor(id: string, label: string);
-    getAvailablePreviousNodeTypes(): NodeType[];
-    getAvailableNextNodeTypes(): NodeType[];
-}

package/types/vef-approval-flow-editor/props.d.ts

@@ -1,5 +0,0 @@
-/**
- * The props for the VefApprovalFlowEditor component
- */
-export interface VefApprovalFlowEditorProps {
-}

package/types/vef-approval-flow-editor/store.d.ts

@@ -1,25 +0,0 @@
-import type { Consumer, MaybeNull } from "@vef-framework/shared";
-import type { FlowNode } from "./models/flow-node";
-/**
- * The approval flow editor state
- */
-export interface ApprovalFlowEditorState {
-    /**
-     * The selected node id
-     */
-    selectedNode: MaybeNull<FlowNode>;
-    /**
-     * Sets the selected node
-     */
-    setSelectedNode: Consumer<MaybeNull<FlowNode>>;
-}
-declare const ApprovalFlowEditorStoreProvider: import("react").FC<import("@vef-framework/shared").StoreProviderProps<null>>, useApprovalFlowEditorStore: <State extends ApprovalFlowEditorState, U>(selector: import("@vef-framework/shared").Mapper<State, U>) => U, useApprovalFlowEditorStoreApi: <State extends ApprovalFlowEditorState>() => Omit<import("zustand").StoreApi<State>, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: State, previousSelectedState: State) => void): () => void;
-        <U>(selector: (state: State) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-            equalityFn?: ((a: U, b: U) => boolean) | undefined;
-            fireImmediately?: boolean;
-        } | undefined): () => void;
-    };
-};
-export { ApprovalFlowEditorStoreProvider, useApprovalFlowEditorStore, useApprovalFlowEditorStoreApi, };

package/types/vef-approval-flow-editor/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const flowEditorContainerStyle: import("@emotion/react").SerializedStyles;
-export declare const flowEditorStyle: import("@emotion/react").SerializedStyles;

package/types/vef-approval-flow-editor/types.d.ts

@@ -1,73 +0,0 @@
-import type { ColorType } from "@vef-framework/shared";
-import type { Edge, Node } from "@xyflow/react";
-import type { ReactElement } from "react";
-import type { FlowEdge } from "./models/edge-node";
-import type { FlowNode } from "./models/flow-node";
-/**
- * The type of the node.
- */
-export declare enum NodeType {
-    Submit = "submit",
-    Approval = "approval",
-    Handle = "handle",
-    Condition = "condition",
-    End = "end"
-}
-/**
- * The type of the edge.
- */
-export declare enum EdgeType {
-    Vef = "vef"
-}
-/**
- * The metadata of the node.
- */
-export interface NodeMetadata {
-    /**
-     * The type of the node.
-     */
-    type: NodeType;
-    /**
-     * The label of the node.
-     */
-    label: string;
-    /**
-     * The icon of the node.
-     */
-    icon: ReactElement;
-    /**
-     * The color of the node.
-     */
-    color: ColorType;
-}
-/**
- * The props of the handle.
- */
-export interface VefHandleProps {
-}
-/**
- * The node data
- */
-export type NodeData = {
-    /**
-     * The node
-     */
-    node: FlowNode;
-} & {};
-/**
- * The edge data
- */
-export type EdgeData = {
-    /**
-     * The edge
-     */
-    edge: FlowEdge;
-} & {};
-/**
- * The node type.
- */
-export type VefNode = Node<NodeData, NodeType>;
-/**
- * The edge type.
- */
-export type VefEdge = Edge<EdgeData, EdgeType>;

package/types/vef-data-grid/index.d.ts

@@ -1,4 +0,0 @@
-import type { VefDataGridProps } from "./props";
-declare function VefDataGrid(props: VefDataGridProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type { VefDataGridProps };
-export default VefDataGrid;

package/types/vef-data-grid/props.d.ts

@@ -1,5 +0,0 @@
-/**
- * The props of the VefDataGrid component.
- */
-export interface VefDataGridProps {
-}

package/types/vef-data-table/index.d.ts

@@ -1,4 +0,0 @@
-import type { VefDataTableProps } from "./props";
-declare function VefDataTable(props: VefDataTableProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type { VefDataTableProps };
-export default VefDataTable;