@vef-framework/components 1.0.93 → 1.0.95

package/lib/vef-temporal-range-picker/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),i=require("antd"),r=require("react");require("../internal/index.cjs");const t=require("./helper.cjs"),s=require("./hooks/use-dayjs-values.cjs"),o=require("./hooks/use-temporal-limit.cjs"),l=require("./hooks/use-temporal-range-picker-instance.cjs"),u=require("./props.cjs"),n=require("../internal/utils.cjs");const m=r.memo(r.forwardRef((function VefTemporalRangePickerBase({defaultValue:m,value:c,clearable:d,mode:p="date",size:f,useStringFormat:D=!1,maxDate:S,minDate:g,disabledTime:j,disabledDate:k,hourStep:T,minuteStep:h,secondStep:b,onChange:v,...x},V){const q=t.getTemporalFormats(p),z=s.useDayjsValues(c,q),P=s.useDayjsValues(c,q),{minDateValue:C,maxDateValue:R,disabledTimeValue:w,disabledDateValue:y}=o.useTemporalLimit({maxDate:S,minDate:g,disabledTime:j,disabledDate:k}),B=l.useTemporalRangePickerInstance(V),F=r.useMemo((()=>{if(a.isFunction(v))return(e,a)=>{if(!e)return void v(null,null);const i=[e[0].toDate(),e[1].toDate()];v(D?a.join(u.stringFormatSeparator):a,i)}}),[v,D]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker.RangePicker,{ref:B,allowClear:d,defaultValue:P,disabledTime:w,format:q,hourStep:T,minuteStep:h,secondStep:b,size:n.convertBasicSizeToUiSize(f),value:z,onChange:F,...x}):"datetime"===p?e.jsx(i.DatePicker.RangePicker,{ref:B,showTime:!0,allowClear:d,defaultValue:P,disabledDate:y,disabledTime:w,format:q,hourStep:T,maxDate:R,minDate:C,minuteStep:h,picker:"date",secondStep:b,size:n.convertBasicSizeToUiSize(f),value:z,onChange:F,...x}):e.jsx(i.DatePicker.RangePicker,{ref:B,allowClear:d,defaultValue:P,disabledDate:y,format:q,maxDate:R,minDate:C,picker:p,size:n.convertBasicSizeToUiSize(f),value:z,onChange:F,...x})})));m.displayName="VefTemporalRangePicker",exports.default=m;
 /*! 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 */

package/lib/vef-temporal-range-picker/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.stringFormatSeparator="_";
 /*! 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 */

package/lib/vef-text/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("antd"),r=require("react"),{Text:s}=t.Typography;exports.default=function VefText({variant:t,color:i,bold:l,ellipsis:n,ellipsisTip:u,ellipsisTipPlacement:c,copyable:a,copiedText:p,onCopy:d,...y}){const m=r.useMemo((()=>{if(n)return{tooltip:u??y.children,placement:c}}),[n,u,c,y.children]),f=o.useColorTokens(),x=r.useMemo((()=>{const e={};return"shortcut"===t?e.keyboard=!0:"strikethrough"===t?e.delete=!0:t&&(e[t]=!0),"secondary"===i?e.type="secondary":i&&(e.css={color:f.get(i)}),l&&(e.strong=!0),e}),[l,i,f,t]),T=r.useMemo((()=>{if(a)return{format:"text/plain",text:p,onCopy:d}}),[a,p,d]);return e.jsx(s,{copyable:T,ellipsis:m,...x,...y})};
 /*! 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 */

package/lib/vef-text/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";
 /*! 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 */

package/lib/vef-textarea/hooks/use-textarea-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTextareaInstance=function useTextareaInstance(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),t};
 /*! 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 */

package/lib/vef-textarea/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),a=require("antd"),n=require("react");require("../internal/index.cjs");const t=require("./hooks/use-textarea-instance.cjs"),o=require("../internal/utils.cjs"),{TextArea:u}=a.Input;function normalizeValue(e){return""===e?null:e}const i=n.forwardRef((({defaultValue:a,value:i,size:l,clearable:s,showCount:c,onChange:d,onEnterKeyPress:v,onBlur:f,onFocus:m,...x},z)=>{const g=n.useMemo((()=>({onChange:r.isFunction(d)?e=>d(normalizeValue(e.target.value)):void 0,onPressEnter:r.isFunction(v)?e=>v(normalizeValue(e.target.value)):void 0,onBlur:r.isFunction(f)?e=>f(normalizeValue(e.target.value)):void 0,onFocus:r.isFunction(m)?e=>m(normalizeValue(e.target.value)):void 0})),[d,v,f,m]),V=t.useTextareaInstance(z);return e.jsx(u,{ref:V,allowClear:s,defaultValue:a,showCount:c,size:o.convertBasicSizeToUiSize(l),value:i,...x,...g})}));i.displayName="VefTextarea",exports.default=i;
 /*! 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 */

package/lib/vef-textarea/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";
 /*! 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 */

package/lib/vef-title/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/hooks"),i=require("@vef-framework/shared"),o=require("antd"),s=require("react"),a=require("../vef-divider/index.cjs"),{Title:l}=o.Typography,n=r.css`
   margin: ${i.themeVariables.marginSm} 0 ${i.themeVariables.marginLg};
 `,c=r.css`

package/lib/vef-title/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";
 /*! 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 */

package/lib/vef-tooltip/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("antd"),t=require("react"),n=t.forwardRef((({content:n,trigger:o="hover",arrow:a=!0,delay:l=.1,defaultOpened:u,opened:i,onOpenedChange:d,...s},p)=>{const f=t.useRef(null);return t.useImperativeHandle(p,(()=>f.current.nativeElement)),e.jsx(r.Tooltip,{ref:f,arrow:a,defaultOpen:u,mouseEnterDelay:l,open:i,title:n,trigger:o,onOpenChange:d,...s})}));n.displayName="VefTooltip",exports.default=n;
 /*! 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 */

package/lib/vef-tooltip/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";
 /*! 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 */

package/lib/vef-tree-select/hooks/use-change-handler.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useChangeHandler=function useChangeHandler(t,n){const u=r.useMemo((()=>n.reduce(((e,r)=>(e.set(r.value,r),e)),new Map)),[n]);return r.useMemo((()=>{if(e.isFunction(t))return r=>{r?e.isArray(r)?t(r,r.map((e=>u.get(e)))):t(r,u.get(r)):t(null,null)}}),[t,u])};
 /*! 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 */

package/lib/vef-tree-select/hooks/use-data-options.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),i=require("react");exports.useDataOptions=function useDataOptions({value:t,multiple:a=!1,onChange:n,...s}){const{onFilterKeywordChange:r,normalizedOptions:l,defaultOption:u,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading:c}=e.useComputedOptions({...s,selectedOptionValues:o.isArray(t)?t:t?[t]:[]});return i.useLayoutEffect((()=>{u&&o.isFunction(n)&&o.isNullish(t)&&n(a?[u.value]:u.value,a?[u]:u)}),[u,a,n,t]),{onFilterKeywordChange:r,normalizedOptions:l,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading:c}};
 /*! 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 */

package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTreeSelectInstance=function useTreeSelectInstance(t,r){const n=e.useRef(null);return e.useImperativeHandle(t,(()=>({blur:()=>{n.current?.blur()},focus:()=>{n.current?.focus({preventScroll:!0})},getDataOptions:()=>r}))),n};
 /*! 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 */

package/lib/vef-tree-select/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),o=require("antd"),l=require("react");require("../internal/index.cjs");const a=require("../vef-loading-placeholder/index.cjs"),i=require("./hooks/use-change-handler.cjs"),n=require("./hooks/use-data-options.cjs"),s=require("./hooks/use-tree-select-instance.cjs"),u=require("../internal/utils.cjs"),c=e.jsx("div",{css:{height:140},children:e.jsx(a.default,{})}),d={showLeafIcon:!1};const f=l.memo(l.forwardRef((function VefTreeSelectBase({defaultValue:l,value:a,size:f,clearable:h,disabled:m,placeholder:v,variant:p,maxCount:g,onClear:C,onBlur:j,onFocus:q,onChange:x,onSelect:S,onDeselect:b,multiple:T=!1,filterable:k=!0,filterFromRemote:w=!1,...F},z){const{normalizedOptions:B,isLoading:D}=n.useDataOptions({value:a,multiple:T,onChange:x,filterable:k,filterFromRemote:w,...F}),O=r.useOptionFilter(k,!1),V=i.useChangeHandler(x,B),y=s.useTreeSelectInstance(z,B);return e.jsx(o.TreeSelect,{ref:y,virtual:!0,allowClear:h,css:t.styles.fullWidth,defaultValue:l,disabled:m,filterTreeNode:O,listHeight:280,loading:D,maxCount:g,maxTagCount:T?"responsive":void 0,multiple:T,notFoundContent:D?c:void 0,placeholder:v,showSearch:k,size:u.convertBasicSizeToUiSize(f),treeCheckable:T,treeData:B,treeLine:d,value:a,variant:p,onBlur:j,onChange:V,onClear:C,onDeselect:b,onFocus:q,onSelect:S})})));f.displayName="VefTreeSelect",exports.default=f;
 /*! 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 */

package/lib/vef-tree-select/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";
 /*! 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 */

package/lib/vef-virtual-grid/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),s=require("react"),l=require("../vef-auto-sizer/index.cjs"),u=require("../vef-scroll-area/index.cjs"),o={willChange:"transform"},n=t.css`
   position: relative;
   width: var(--vef-virtual-grid-width);

package/lib/vef-virtual-grid/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";
 /*! 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 */

package/lib/vef-virtual-list/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),l=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),r=require("react"),s=require("../vef-auto-sizer/index.cjs"),v=require("../vef-scroll-area/index.cjs"),o={willChange:"transform"},u=t.css`
   position: relative;
   width: var(--vef-virtual-list-width, auto);

package/lib/vef-virtual-list/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.93, build time: 2025-02-05T15:42:57.176Z, made by Venus. */
+/*! VefFramework version: 1.0.95, build time: 2025-03-06T05:25:14.145Z, made by Venus. */
 "use strict";
 /*! 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 */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/components",
   "type": "module",
-  "version": "1.0.93",
+  "version": "1.0.95",
   "private": false,
   "packageManager": "pnpm@9.15.0",
   "description": "Components fundamental to the VEF framework",
@@ -31,24 +31,27 @@
     "@emotion/cache": "11.14.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
-    "antd": "5.23.3",
+    "antd": "5.24.3",
     "tslib": "2.8.1",
     "use-sync-external-store": "^1.4.0",
-    "@ant-design/icons": "5.6.0",
+    "@ant-design/icons": "5.6.1",
+    "@dagrejs/dagre": "^1.1.4",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@radix-ui/react-scroll-area": "1.2.2",
-    "@tanstack/react-virtual": "3.12.0",
-    "@vef-framework/core": "1.0.93",
-    "@vef-framework/hooks": "1.0.93",
-    "@vef-framework/shared": "1.0.93",
+    "@patternfly/react-topology": "^6.1.0",
+    "@radix-ui/react-scroll-area": "1.2.3",
+    "@tanstack/react-virtual": "3.13.2",
+    "@vef-framework/core": "1.0.95",
+    "@vef-framework/hooks": "1.0.95",
+    "@vef-framework/shared": "1.0.95",
+    "@xyflow/react": "^12.4.4",
     "clsx": "2.1.1",
     "dayjs": "1.11.13",
-    "lucide-react": "0.474.0",
+    "lucide-react": "0.477.0",
     "modern-normalize": "^3.0.1",
-    "motion": "12.1.0",
+    "motion": "12.4.10",
     "polished": "4.3.1",
     "react-container-query": "0.13.0",
     "react-error-boundary": "4.1.2",

package/types/index.d.ts

@@ -1,5 +1,6 @@
 export { default as VefAccessDenied, type VefAccessDeniedProps } from "./vef-access-denied";
 export { default as VefActionButtons, type VefActionButtonsProps } from "./vef-action-buttons";
+export { default as VefApprovalFlowEditor, type VefApprovalFlowEditorProps } from "./vef-approval-flow-editor";
 export { default as VefAreaChart, type VefAreaChartProps } from "./vef-area-chart";
 export { default as VefAutoSizer, type VefAutoSizerProps } from "./vef-auto-sizer";
 export { default as VefAvatar, type VefAvatarProps } from "./vef-avatar";

package/types/internal/chart.d.ts

@@ -1,6 +1,6 @@
+import type { ChartConfig, Except, StringKey } from "@vef-framework/shared";
 import type { ComponentProps } from "react";
 import type { ResponsiveContainerProps } from "recharts";
-import { type ChartConfig, type Except, type StringKey } from "@vef-framework/shared";
 import type { ValueFormatter } from "../vef-chart-tooltip-content/props";
 /**
  * The props of the BaseChart component.

package/types/vef-access-denied/access-denied-icon.d.ts

@@ -1,4 +1,4 @@
-import { type SVGProps } from "react";
+import type { SVGProps } from "react";
 declare function SvgAccessDeniedIcon(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
 declare const Memo: import("react").MemoExoticComponent<typeof SvgAccessDeniedIcon>;
 export default Memo;

package/types/vef-action-buttons/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from "react";
+import type { FC } from "react";
 import type { VefActionButtonsProps } from "./props";
 declare function VefActionButtonsBase<T>({ buttons, context, useFlexContainer, size, }: VefActionButtonsProps<T>): import("@emotion/react/jsx-runtime").JSX.Element | null;
 declare const VefActionButtons: typeof VefActionButtonsBase & Pick<FC, "displayName">;

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,8 @@
+/**
+ * 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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,16 @@
+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

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

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

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

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,32 @@
+/**
+ * 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

@@ -0,0 +1,106 @@
+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

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

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

@@ -0,0 +1,25 @@
+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

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