@code0-tech/pictor 0.0.0-mvp.29 → 0.0.0-mvp.30

package/dist/components/d-flow-function/DFlowFunctionDefaultCard.js

@@ -1,120 +1,117 @@
-import { jsxs as m, jsx as o, Fragment as k } from "react/jsx-runtime";
-import { useService as w, useStore as y } from "../../utils/contextStore.js";
-import { InspectionSeverity as J } from "../../utils/inspection.js";
-import f, { memo as X } from "react";
+import { jsxs as m, jsx as t, Fragment as E } from "react/jsx-runtime";
+import { useService as v, useStore as w } from "../../utils/contextStore.js";
+import { underlineBySeverity as H } from "../../utils/inspection.js";
+import c, { memo as X } from "react";
 import "merge-props";
-import { useStore as I, useReactFlow as Y, Handle as S, Position as p } from "@xyflow/react";
+import { useStore as h, useReactFlow as Y, Handle as g, Position as f } from "@xyflow/react";
 import { Card as q } from "../card/Card.js";
 import '../../assets/components/d-flow-function/DFlowFunctionDefaultCard.style.css';/* empty css                                    */
 import { Flex as G } from "../flex/Flex.js";
-import { IconFile as B } from "@tabler/icons-react";
-import { Text as s } from "../text/Text.js";
-import { DFlowFunctionReactiveService as N } from "./DFlowFunction.service.js";
-import { useNodeValidation as K } from "../d-flow-validation/DNodeValidation.hook.js";
+import { IconNote as F } from "@tabler/icons-react";
+import { Text as y } from "../text/Text.js";
+import { DFlowFunctionReactiveService as D } from "./DFlowFunction.service.js";
+import { useNodeValidation as J } from "../d-flow-validation/DNodeValidation.hook.js";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as R } from "../d-flow/DFlow.service.js";
+import { DFlowReactiveService as T } from "../d-flow/DFlow.service.js";
+import { hashToColor as B } from "../d-flow/DFlow.util.js";
 import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
-import { md5 as $ } from "js-md5";
-import { FileTabsService as M } from "../file-tabs/FileTabs.service.js";
-import { DFlowTabDefault as Q } from "../d-flow-file/DFlowTabDefault.js";
-import { Badge as u } from "../badge/Badge.js";
-const xe = X((l) => {
+import { FileTabsService as N } from "../file-tabs/FileTabs.service.js";
+import { DFlowTabDefault as K } from "../d-flow-file/DFlowTabDefault.js";
+import { Badge as O } from "../badge/Badge.js";
+import { DFlowInputLiteralBadge as Q } from "../d-flow-input/DFlowInputLiteralBadge.js";
+import { DFlowInputReferenceBadge as U } from "../d-flow-input/DFlowInputReferenceBadge.js";
+import { DFlowInputNodeBadge as Z } from "../d-flow-input/DFlowInputNodeBadge.js";
+const Be = X((d) => {
   const {
-    data: i,
-    id: d,
+    data: e,
+    id: p,
     width: C = 0,
-    height: A = 0
-  } = l, L = I((e) => e.width), P = I((e) => e.height), H = Y(), h = w(M), b = y(M), x = w(R), _ = y(R), F = w(N), D = y(N), n = f.useMemo(() => x.getNodeById(i.flowId, i.nodeId), [_, i]), c = f.useMemo(() => n ? F.getById(n.functionDefinition?.id) : void 0, [D, i, n]), V = K(i.nodeId, i.flowId), T = f.useMemo(() => b.find((e) => e.active)?.id, [b, h]), E = I((e) => {
-    const t = e.nodes.filter((a) => a.parentId === l.parentId);
-    let r;
-    return t.forEach((a) => {
-      const g = a.data?.index ?? 1 / 0, O = r?.data?.index ?? 1 / 0;
-      (!r || g < O) && (r = a);
-    }), r;
-  }), W = (e) => e.split(/(\$\{[^}]+\})/).filter(Boolean).flatMap((t) => t.startsWith("${") ? [t.slice(2, -1)] : t.split(/(\s*,\s*)/).filter(Boolean).flatMap((r) => r.trim() === "," ? [","] : r.trim() ? [r.trim()] : [])), z = $(d), v = (e) => parseInt(e.slice(0, 8), 16) % 360, j = f.useMemo(() => W(c?.displayMessages?.nodes[0]?.content ?? "").map((e) => {
-    const t = n?.parameters?.nodes?.find((r) => c?.parameterDefinitions?.find((g) => g.id == r?.id)?.identifier == e);
-    if (t) {
-      switch (t?.value?.__typename) {
+    height: M = 0
+  } = d, R = h((o) => o.width), z = h((o) => o.height), P = Y(), u = v(N), I = w(N), V = v(T), b = w(T), k = v(D), S = w(D), r = c.useMemo(() => V.getNodeById(e.flowId, e.nodeId), [b, e]), l = c.useMemo(() => r ? k.getById(r.functionDefinition?.id) : void 0, [S, e, r]), $ = J(e.nodeId, e.flowId), x = c.useMemo(() => I.find((o) => o.active)?.id, [I, u]), A = h((o) => {
+    const i = o.nodes.filter((n) => n.parentId === d.parentId);
+    let a;
+    return i.forEach((n) => {
+      const s = n.data?.index ?? 1 / 0, _ = a?.data?.index ?? 1 / 0;
+      (!a || s < _) && (a = n);
+    }), a;
+  }), L = (o) => o.split(/(\$\{[^}]+\})/).filter(Boolean).flatMap((i) => i.startsWith("${") ? [i.slice(2, -1)] : i.split(/(\s*,\s*)/).filter(Boolean).flatMap((a) => a.trim() === "," ? [","] : a.trim() ? [a.trim()] : [])), W = c.useMemo(() => L(l?.displayMessages[0]?.content ?? "").map((o) => {
+    const i = r?.parameters?.nodes?.find((s) => l?.parameterDefinitions?.find((j) => j.id == s?.id)?.identifier == o), a = $?.filter((s) => s.parameterId === i?.id), n = a?.length ? H[a[0].type] : {};
+    if (i) {
+      switch (i?.value?.__typename) {
         case "LiteralValue":
-          return /* @__PURE__ */ o(u, { style: {
-            verticalAlign: "middle"
-          }, color: "secondary", children: /* @__PURE__ */ o(s, { size: "sm", children: String(t?.value?.value) }) });
+          return /* @__PURE__ */ t("div", { style: {
+            ...n,
+            display: "inline-block"
+          }, children: /* @__PURE__ */ t(Q, { value: i.value }) });
         case "ReferenceValue":
-          return /* @__PURE__ */ o(u, { style: {
-            verticalAlign: "middle"
-          }, children: /* @__PURE__ */ m(s, { size: "sm", children: [
-            String(t?.value.node),
-            "-",
-            String(t?.value.depth),
-            "-",
-            String(t?.value.scope)
-          ] }) });
+          return /* @__PURE__ */ t("div", { style: {
+            ...n,
+            display: "inline-block"
+          }, children: /* @__PURE__ */ t(U, { flowId: d.data.flowId, value: i.value }) });
         case "NodeFunctionIdWrapper":
-          const r = $(`${d}-param-${JSON.stringify(t)}`), a = x.getNodeById(l.data.flowId, t.value.id);
-          return /* @__PURE__ */ m(u, { style: {
-            verticalAlign: "middle"
-          }, color: `hsl(${v(r)}, 100%, 72%)`, border: !0, pos: "relative", children: [
-            /* @__PURE__ */ o(s, { size: "sm", style: {
-              color: "inherit"
-            }, children: String(F.getById(a?.functionDefinition?.id)?.names?.nodes[0]?.content) }),
-            /* @__PURE__ */ o(S, { type: "target", position: p.Bottom, id: `param-${t?.id}`, isConnectable: !1, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target" }, t?.id)
+          return /* @__PURE__ */ m("div", { style: {
+            ...n,
+            display: "inline-block"
+          }, children: [
+            /* @__PURE__ */ t(Z, { value: i.value, flowId: d.data.flowId }),
+            /* @__PURE__ */ t(g, { type: "target", position: f.Right, id: `param-${i?.id}`, isConnectable: !1, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target" }, i?.id)
           ] });
       }
-      return /* @__PURE__ */ o(u, { style: {
+      return /* @__PURE__ */ t(O, { style: {
         verticalAlign: "middle"
-      }, border: !0, children: /* @__PURE__ */ o(s, { size: "sm", children: e }) });
+      }, border: !0, children: /* @__PURE__ */ t(y, { size: "sm", children: o }) });
     }
-    return " " + String(e) + " ";
-  }), [_, D, i, c]);
-  return f.useEffect(() => {
-    n?.id && h.registerTab({
-      id: n.id,
+    return " " + String(o) + " ";
+  }), [b, S, e, l]);
+  return c.useEffect(() => {
+    r?.id && u.registerTab({
+      id: r.id,
       active: !1,
       closeable: !0,
-      children: /* @__PURE__ */ m(k, { children: [
-        /* @__PURE__ */ o(B, { color: `hsl(${v(z)}, 100%, 72%)`, size: 12 }),
-        /* @__PURE__ */ o(s, { size: "sm", children: c?.names?.nodes[0]?.content })
+      children: /* @__PURE__ */ m(E, { children: [
+        /* @__PURE__ */ t(F, { color: B(e.nodeId), size: 12 }),
+        /* @__PURE__ */ t(y, { size: "sm", children: l?.names[0]?.content })
       ] }),
-      content: /* @__PURE__ */ o(Q, { flowId: l.data.flowId, depthLevel: i.depth, scopeLevel: i.scope, nodeLevel: i.index, node: n })
+      content: /* @__PURE__ */ t(K, { flowId: d.data.flowId, node: r })
     });
-  }, [n?.id, c, i]), /* @__PURE__ */ m(q, { "data-flow-refernce": d, paddingSize: "xs", outline: E.id === d, borderColor: T == n?.id ? "info" : void 0, className: T == n?.id ? "d-flow-viewport-default-card--active" : void 0, color: (V?.filter((e) => e.type === J.ERROR)?.length ?? 0) > 0 ? "error" : "primary", onClick: () => {
-    H.setViewport({
-      x: L / 2 + l.positionAbsoluteX * -1 - C / 2,
-      y: P / 2 + l.positionAbsoluteY * -1 - A / 2,
+  }, [r?.id, l, e]), /* @__PURE__ */ m(q, { "data-flow-refernce": p, paddingSize: "xs", py: e.isParameter ? "0.35" : void 0, outline: A.id === p, borderColor: x == r?.id ? "info" : void 0, className: x == r?.id ? "d-flow-viewport-default-card--active" : void 0, color: "primary", onClick: () => {
+    P.setViewport({
+      x: R / 2 + d.positionAbsoluteX * -1 - C / 2,
+      y: z / 2 + d.positionAbsoluteY * -1 - M / 2,
       zoom: 1
     }, {
       duration: 250
-    }), h.activateTab(n?.id);
+    }), u.activateTab(r?.id);
   }, style: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ o(S, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
-      ...i.isParameter ? {
+    /* @__PURE__ */ t(g, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
+      ...e.isParameter ? {
         right: "2px"
       } : {
         top: "2px"
       }
-    }, position: i.isParameter ? p.Right : p.Top }),
-    /* @__PURE__ */ o(S, { isConnectable: !1, type: "source", style: {
-      ...i.isParameter ? {
+    }, position: e.isParameter ? f.Right : f.Top }),
+    /* @__PURE__ */ t(g, { isConnectable: !1, type: "source", style: {
+      ...e.isParameter ? {
         left: "2px"
       } : {
         bottom: "2px"
       }
-    }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: i.isParameter ? p.Left : p.Bottom }),
+    }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: e.isParameter ? f.Left : f.Bottom }),
     /* @__PURE__ */ m(G, { align: "center", style: {
       gap: "0.7rem"
     }, children: [
-      /* @__PURE__ */ o(B, { color: `hsl(${v(z)}, 100%, 72%)`, size: 16 }),
-      /* @__PURE__ */ o(s, { size: "md", children: j })
+      /* @__PURE__ */ t(F, { color: B(e.nodeId), size: 16 }),
+      /* @__PURE__ */ t(y, { size: "md", children: W })
     ] })
-  ] }, d);
+  ] }, p);
 });
 export {
-  xe as DFlowFunctionDefaultCard
+  Be as DFlowFunctionDefaultCard
 };

package/dist/components/d-flow-function/DFlowFunctionSuggestionCard.js

@@ -1,48 +1,43 @@
-import { jsxs as p, jsx as f } from "react/jsx-runtime";
-import { c as g } from "../../_virtual/compiler-runtime.js";
-import { useService as w } from "../../utils/contextStore.js";
-import _, { memo as S } from "react";
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { c as u } from "../../_virtual/compiler-runtime.js";
+import { useService as p } from "../../utils/contextStore.js";
+import g, { memo as w } from "react";
 import "merge-props";
-import { Handle as v, Position as y } from "@xyflow/react";
-import { Button as x } from "../button/Button.js";
+import { Handle as S, Position as _ } from "@xyflow/react";
+import { Button as v } from "../button/Button.js";
 import { IconPlus as F } from "@tabler/icons-react";
-import { useSuggestions as I } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+import { useSuggestions as x } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as h } from "../d-flow/DFlow.service.js";
+import { DFlowReactiveService as y } from "../d-flow/DFlow.service.js";
+import "js-md5";
 import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
 import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
-import "js-md5";
-import { DFlowSuggestionMenu as b } from "../d-flow-suggestion/DFlowSuggestionMenu.js";
-const L = S((e) => {
-  const t = g.c(14), [, d] = _.useTransition();
+import { DFlowSuggestionMenu as I } from "../d-flow-suggestion/DFlowSuggestionMenu.js";
+const J = w((e) => {
+  const t = u.c(12), [, l] = g.useTransition(), d = x(e.data.flowId, e.data.parentFunction?.id), o = p(y);
   let a;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = [], t[0] = a) : a = t[0];
-  let r;
-  t[1] === Symbol.for("react.memo_cache_sentinel") ? (r = [0], t[1] = r) : r = t[1];
-  const s = I(void 0, a, e.data.flowId, 0, r, 0), o = w(h);
-  let n;
-  t[2] !== o || t[3] !== e.data.flowId ? (n = o.getById(e.data.flowId), t[2] = o, t[3] = e.data.flowId, t[4] = n) : n = t[4];
-  const c = n;
+  t[0] !== o || t[1] !== e.data.flowId ? (a = o.getById(e.data.flowId), t[0] = o, t[1] = e.data.flowId, t[2] = a) : a = t[2];
+  const m = a;
   let i;
-  t[5] !== c?.id || t[6] !== o || t[7] !== e.data.parentFunction?.id || t[8] !== d ? (i = (u) => {
-    d(async () => {
-      u.value.__typename === "NodeFunction" && await o.addNextNodeById(c?.id, e.data.parentFunction?.id ?? null, u.value);
+  t[3] !== m?.id || t[4] !== o || t[5] !== e.data.parentFunction?.id || t[6] !== l ? (i = (c) => {
+    l(async () => {
+      c.value.__typename === "NodeFunction" && await o.addNextNodeById(m?.id, e.data.parentFunction?.id ?? null, c.value);
     });
-  }, t[5] = c?.id, t[6] = o, t[7] = e.data.parentFunction?.id, t[8] = d, t[9] = i) : i = t[9];
-  let l;
-  t[10] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ p(x, { paddingSize: "xxs", variant: "normal", color: "secondary", children: [
-    /* @__PURE__ */ f(v, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
+  }, t[3] = m?.id, t[4] = o, t[5] = e.data.parentFunction?.id, t[6] = l, t[7] = i) : i = t[7];
+  let n;
+  t[8] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ f(v, { paddingSize: "xxs", variant: "normal", color: "secondary", children: [
+    /* @__PURE__ */ s(S, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
       top: "2px"
-    }, position: y.Top }),
-    /* @__PURE__ */ f(F, { size: 12 })
-  ] }), t[10] = l) : l = t[10];
-  let m;
-  return t[11] !== s || t[12] !== i ? (m = /* @__PURE__ */ f(b, { onSuggestionSelect: i, suggestions: s, triggerContent: l }), t[11] = s, t[12] = i, t[13] = m) : m = t[13], m;
+    }, position: _.Top }),
+    /* @__PURE__ */ s(F, { size: 12 })
+  ] }), t[8] = n) : n = t[8];
+  let r;
+  return t[9] !== d || t[10] !== i ? (r = /* @__PURE__ */ s(I, { onSuggestionSelect: i, suggestions: d, triggerContent: n }), t[9] = d, t[10] = i, t[11] = r) : r = t[11], r;
 });
 export {
-  L as DFlowFunctionSuggestionCard
+  J as DFlowFunctionSuggestionCard
 };

package/dist/components/d-flow-function/DFlowFunctionTriggerCard.js

@@ -7,29 +7,36 @@ import "merge-props";
 import { FileTabsService as R } from "../file-tabs/FileTabs.service.js";
 import { Card as z } from "../card/Card.js";
 import { Flex as n } from "../flex/Flex.js";
-import { IconBolt as f, IconChevronDown as F } from "@tabler/icons-react";
+import { IconBolt as p, IconChevronDown as F } from "@tabler/icons-react";
 import { Button as B } from "../button/Button.js";
 import { DFlowTabTrigger as _ } from "../d-flow-file/DFlowTabTrigger.js";
 import { DFlowTypeReactiveService as C } from "../d-flow-type/DFlowType.service.js";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+import "js-md5";
 import { Badge as D } from "../badge/Badge.js";
-const J = y((i) => {
+const $ = y((i) => {
   const {
     data: a,
     id: d
-  } = i, r = m(R), p = T(), t = m(C).getById(a.instance.type?.id), h = i.width ?? 0, u = i.height ?? 0, g = s((c) => c.width), w = s((c) => c.height);
+  } = i, r = m(R), f = T(), t = m(C).getById(a.instance.type?.id), h = i.width ?? 0, u = i.height ?? 0, g = s((c) => c.width), w = s((c) => c.height);
   return b.useEffect(() => {
     r.registerTab({
       id: t?.id,
       active: !0,
       closeable: !0,
       children: /* @__PURE__ */ o(v, { children: [
-        /* @__PURE__ */ e(f, { size: 12 }),
-        /* @__PURE__ */ e(l, { size: "sm", children: t?.names?.nodes[0]?.content })
+        /* @__PURE__ */ e(p, { size: 12 }),
+        /* @__PURE__ */ e(l, { size: "sm", children: t?.names[0]?.content })
       ] }),
       content: /* @__PURE__ */ e(_, { instance: a.instance }),
       show: !0
     });
-  }, [t?.id, a.instance, r, t?.names?.nodes]), /* @__PURE__ */ o(n, { align: "center", style: {
+  }, [t?.id, a.instance, r, t?.names]), /* @__PURE__ */ o(n, { align: "center", style: {
     flexDirection: "column"
   }, "data-flow-refernce": d, children: [
     /* @__PURE__ */ e(D, { color: "info", style: {
@@ -39,7 +46,7 @@ const J = y((i) => {
       borderBottomRightRadius: 0
     }, children: "Starting node" }),
     /* @__PURE__ */ o(z, { variant: "normal", color: "info", paddingSize: "xs", className: r.getActiveTab()?.id == t?.id ? "d-flow-viewport-default-card--active" : void 0, onClick: () => {
-      p.setViewport({
+      f.setViewport({
         x: g / 2 + i.positionAbsoluteX * -1 - h / 2,
         y: w / 2 + i.positionAbsoluteY * -1 - u / 2,
         zoom: 1
@@ -53,8 +60,8 @@ const J = y((i) => {
         /* @__PURE__ */ o(n, { style: {
           gap: "0.7rem"
         }, align: "center", children: [
-          /* @__PURE__ */ e(f, { size: 16 }),
-          /* @__PURE__ */ e(l, { display: "block", size: "md", children: t?.names?.nodes[0]?.content ?? t?.id })
+          /* @__PURE__ */ e(p, { size: 16 }),
+          /* @__PURE__ */ e(l, { display: "block", size: "md", children: t?.names[0]?.content ?? t?.id })
         ] }),
         /* @__PURE__ */ e(n, { align: "center", style: {
           gap: "0.7rem"
@@ -67,5 +74,5 @@ const J = y((i) => {
   ] }, d);
 });
 export {
-  J as DFlowFunctionTriggerCard
+  $ as DFlowFunctionTriggerCard
 };

package/dist/components/d-flow-input/DFlowInputDataType.js

@@ -21,12 +21,11 @@ import { Button as re } from "../button/Button.js";
 import { Text as A } from "../text/Text.js";
 import { Flex as X } from "../flex/Flex.js";
 import { Badge as Be } from "../badge/Badge.js";
-import { useSuggestions as Ve } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+import { useDataTypeSuggestions as Ve } from "../d-flow-suggestion/DFlowDataTypeSuggestions.hook.js";
 import { DFlowSuggestionMenuFooter as ye } from "../d-flow-suggestion/DFlowSuggestionMenuFooter.js";
 import { toInputSuggestions as Ae } from "../d-flow-suggestion/DFlowSuggestionMenu.util.js";
-import { DFlowSuggestionType as _e } from "../d-flow-suggestion/DFlowSuggestion.view.js";
-import { Menu as Ke, MenuTrigger as we, MenuPortal as Ge } from "../menu/Menu.js";
-const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE"]), he = "__blockingSignature", Fe = ["CONTAINS_KEY", "CONTAINS_TYPE", "ITEM_OF_COLLECTION", "NUMBER_RANGE", "REGEX"], de = (t) => {
+import { Menu as _e, MenuTrigger as Ke, MenuPortal as we } from "../menu/Menu.js";
+const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE"]), he = "__blockingSignature", Ge = ["CONTAINS_KEY", "CONTAINS_TYPE", "ITEM_OF_COLLECTION", "NUMBER_RANGE", "REGEX"], de = (t) => {
   const {
     formValidation: e,
     initialValue: n,
@@ -37,7 +36,7 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     u((o) => {
       if (!o) return o;
       const i = q(o);
-      return r(i), p(i), Le(o, i), i;
+      return r(i), p(i), Je(o, i), i;
     });
   }, []), b = m.useCallback((r, o, i) => {
     E((N) => {
@@ -55,7 +54,7 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
       const i = Y(o);
       if (!i) return;
       const N = oe(i), h = N[r];
-      h && (Pe(h, l) || N.splice(r, 1));
+      h && (Le(h, l) || N.splice(r, 1));
     });
   }, [l, E]), d = m.useCallback((r, o) => {
     b(r, (i) => (!("dataTypeIdentifier" in i?.config) || !i?.config?.dataTypeIdentifier || (L(o) ? (i.config.dataTypeIdentifier.dataType = o, delete i.config.dataTypeIdentifier.genericType) : J(o) && (i.config.dataTypeIdentifier.genericType = o, delete i.config.dataTypeIdentifier.dataType)), i), {
@@ -75,23 +74,29 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
       T?.rules?.nodes?.map((r, o) => {
         if (!r) return null;
         const i = I?.find((f) => ce(r, f)), N = r?.variant === "PARENT_TYPE", h = r?.config, v = (h?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? 0) > 0 || (h?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? 0) > 0;
-        return !N || v ? /* @__PURE__ */ c(Ye, { rule: r, blockingRule: i, genericMap: B, onRemove: () => V(o), onConfigChange: (f) => b(o, (g) => (g.config = f, g)), onHeaderKeyChange: (f) => b(o, (g) => (g.config || (g.config = {}), g.config.key = f || null, g)), onHeaderDataTypeChange: (f) => b(o, (g) => {
+        return !N || v ? /* @__PURE__ */ c(Fe, { rule: r, blockingRule: i, genericMap: B, onRemove: () => V(o), onConfigChange: (f) => b(o, (g) => (g.config = f, g)), onHeaderKeyChange: (f) => b(o, (g) => (g.config || (g.config = {}), g.config.key = f || null, g)), onHeaderDataTypeChange: (f) => b(o, (g) => {
           g.config || (g.config = {}), "dataTypeIdentifier" in g.config || (g.config.dataTypeIdentifier = {});
           const M = g.config.dataTypeIdentifier;
           return f ? (L(f) ? (M.dataType = f, delete M.genericType) : J(f) && (M.genericType = f, delete M.dataType), g) : (delete M?.dataType, delete M?.genericType, g);
         }), onNestedChange: (f) => d(o, f), onGenericMapperChange: D }, `${r.variant}-${o}`) : null;
       }),
-      /* @__PURE__ */ S(Ke, { children: [
-        /* @__PURE__ */ c(we, { asChild: !0, children: /* @__PURE__ */ S(re, { color: "primary", children: [
+      /* @__PURE__ */ S(_e, { children: [
+        /* @__PURE__ */ c(Ke, { asChild: !0, children: /* @__PURE__ */ S(re, { color: "primary", children: [
           /* @__PURE__ */ c(le, { size: 16 }),
           " Add new rule"
         ] }) }),
-        /* @__PURE__ */ c(Ge, { children: /* @__PURE__ */ S(De, { children: [
+        /* @__PURE__ */ c(we, { children: /* @__PURE__ */ S(De, { children: [
           /* @__PURE__ */ c(ke, { onSuggestionSelect: (r) => {
             E((o) => {
-              "rules" in o ? o?.rules?.nodes?.push(r.value) : "dataType" in o?.genericType && o?.genericType?.dataType?.rules?.nodes?.push(r.value);
+              if (o) {
+                if ("rules" in o) {
+                  o.rules?.nodes?.push(r.value);
+                  return;
+                }
+                "dataType" in o && o.dataType?.rules?.nodes?.push(r.value);
+              }
             });
-          }, suggestions: Fe.filter((r) => T?.variant == "OBJECT" ? r == "CONTAINS_KEY" : T?.variant == "ARRAY" ? r == "CONTAINS_TYPE" : !(r == "CONTAINS_TYPE" || r == "CONTAINS_KEY")).map((r) => ({
+          }, suggestions: Ge.filter((r) => T?.variant == "OBJECT" ? r == "CONTAINS_KEY" : T?.variant == "ARRAY" ? r == "CONTAINS_TYPE" : !(r == "CONTAINS_TYPE" || r == "CONTAINS_KEY")).map((r) => ({
             children: /* @__PURE__ */ S(j, { children: [
               /* @__PURE__ */ c(le, { size: 16 }),
               /* @__PURE__ */ c(A, { children: r })
@@ -120,7 +125,7 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     ] }),
     !e?.valid && e?.notValidMessage && /* @__PURE__ */ c(Me, { children: e.notValidMessage })
   ] });
-}, Ye = (t) => {
+}, Fe = (t) => {
   const e = be.c(56), {
     rule: n,
     blockingRule: p,
@@ -155,10 +160,10 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
       let C;
       e[6] !== a || e[7] !== I.genericKey ? (C = a.get(I.genericKey), e[6] = a, e[7] = I.genericKey, e[8] = C) : C = e[8];
       const k = C?.sourceDataTypeIdentifiers?.[0];
-      R = k?.dataType?.name?.nodes?.[0]?.content ?? k?.genericType?.dataType?.name?.nodes?.[0]?.content;
+      R = k?.dataType?.name?.[0]?.content ?? k?.genericType?.dataType?.name?.[0]?.content;
       break e;
     }
-    R = I.dataType?.name?.nodes?.[0]?.content ?? I.genericType?.dataType?.name?.nodes?.[0]?.content;
+    R = I.dataType?.name?.[0]?.content ?? I.genericType?.dataType?.name?.[0]?.content;
   }
   const f = R;
   let g;
@@ -167,20 +172,20 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     N(O);
   }, e[9] = g) : g = e[9];
   const M = g;
-  let P;
-  e[10] !== i || e[11] !== d || e[12] !== s || e[13] !== n.config || e[14] !== D ? (P = (C) => {
+  let z;
+  e[10] !== i || e[11] !== d || e[12] !== s || e[13] !== n.config || e[14] !== D ? (z = (C) => {
     if (d)
       return;
-    const O = C?.target?.name, k = Je(i, n.config, {
+    const O = C?.target?.name, k = Ye(i, n.config, {
       variant: D,
       numberRangeKey: O
     });
     k && s(k);
-  }, e[10] = i, e[11] = d, e[12] = s, e[13] = n.config, e[14] = D, e[15] = P) : P = e[15];
-  const _ = P;
-  let z;
-  e[16] !== n ? (z = me(n), e[16] = n, e[17] = z) : z = e[17];
-  const K = z;
+  }, e[10] = i, e[11] = d, e[12] = s, e[13] = n.config, e[14] = D, e[15] = z) : z = e[15];
+  const _ = z;
+  let P;
+  e[16] !== n ? (P = me(n), e[16] = n, e[17] = P) : P = e[17];
+  const K = P;
   let U;
   e[18] !== p ? (U = me(p), e[18] = p, e[19] = U) : U = e[19];
   const W = U;
@@ -216,10 +221,10 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     let O;
     return e[37] !== C ? (O = /* @__PURE__ */ c("div", { className: "d-flow-viewport-data-type-input__rule", children: C }), e[37] = C, e[38] = O) : O = e[38], O;
   }
-  let x;
-  e[39] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+  let H;
+  e[39] === Symbol.for("react.memo_cache_sentinel") ? (H = {
     flex: 1
-  }, e[39] = x) : x = e[39];
+  }, e[39] = H) : H = e[39];
   const Z = d ? void 0 : y, ee = d ? void 0 : u, te = d ? void 0 : T;
   let w;
   e[40] !== f || e[41] !== a || e[42] !== d || e[43] !== n || e[44] !== Z || e[45] !== ee || e[46] !== te ? (w = /* @__PURE__ */ c(ge, { rule: n, genericMap: a, isBlocked: d, dataTypeLabel: f, onRemove: Z, onKeyChange: ee, onDataTypeChange: te }), e[40] = f, e[41] = a, e[42] = d, e[43] = n, e[44] = Z, e[45] = ee, e[46] = te, e[47] = w) : w = e[47];
@@ -229,11 +234,11 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     /* @__PURE__ */ c(F, { clearable: !0, defaultValue: i?.steps?.toString() ?? "", onChange: M, onBlur: _, left: /* @__PURE__ */ c(A, { size: "sm", children: "Steps" }), leftType: "icon", w: "100%", disabled: d, name: "steps" }),
     /* @__PURE__ */ c(F, { clearable: !0, left: /* @__PURE__ */ c(A, { size: "sm", children: "To" }), leftType: "icon", defaultValue: i?.to?.toString() ?? "", onChange: M, onBlur: _, w: "100%", disabled: d, name: "to" })
   ] }) : null, e[48] = i, e[49] = _, e[50] = d, e[51] = n.variant, e[52] = G) : G = e[52];
-  let H;
-  return e[53] !== w || e[54] !== G ? (H = /* @__PURE__ */ c("div", { className: "d-flow-viewport-data-type-input__rule", children: /* @__PURE__ */ S("div", { style: x, children: [
+  let x;
+  return e[53] !== w || e[54] !== G ? (x = /* @__PURE__ */ c("div", { className: "d-flow-viewport-data-type-input__rule", children: /* @__PURE__ */ S("div", { style: H, children: [
     w,
     G
-  ] }) }), e[53] = w, e[54] = G, e[55] = H) : H = e[55], H;
+  ] }) }), e[53] = w, e[54] = G, e[55] = x) : x = e[55], x;
 }, ge = ({
   rule: t,
   dataTypeLabel: e,
@@ -246,9 +251,9 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
 }) => {
   const T = t.variant, l = T ? !Te.has(T) : !1, B = l ? Ve({
     dataType: {
-      id: "gid://sagittarius/DataType/878634678"
+      id: "gid://sagittarius/DataType/-1"
     }
-  }, [], "", 0, [0], 1, [_e.DATA_TYPE]) : [], I = t?.config?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? t?.config?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? u.get(t?.config?.dataTypeIdentifier?.genericKey)?.sourceDataTypeIdentifiers?.map((i) => i?.dataType?.rules?.nodes?.length ?? i.genericType?.dataType?.rules?.nodes?.length) ?? 0, [E, b] = m.useState(() => "key" in (t?.config ?? {}) ? t?.config?.key ?? "" : ""), [V, d] = m.useState(() => e ?? "");
+  }) : [], I = t?.config?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? t?.config?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? u.get(t?.config?.dataTypeIdentifier?.genericKey)?.sourceDataTypeIdentifiers?.map((i) => i?.dataType?.rules?.nodes?.length ?? i.genericType?.dataType?.rules?.nodes?.length) ?? 0, [E, b] = m.useState(() => "key" in (t?.config ?? {}) ? t?.config?.key ?? "" : ""), [V, d] = m.useState(() => e ?? "");
   m.useEffect(() => {
     b("key" in (t?.config ?? {}) ? t?.config?.key ?? "" : "");
   }, [t]), m.useEffect(() => {
@@ -291,7 +296,7 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
       ] }) }) : null
     ] })
   ] });
-}, ue = (t) => t ? "pattern" in t || t?.__typename === "DataTypeRulesRegexConfig" ? t?.pattern ?? "" : "items" in t || t?.__typename === "DataTypeRulesItemOfCollectionConfig" ? JSON.stringify(t.items) : t : "", Je = (t, e, n) => {
+}, ue = (t) => t ? "pattern" in t || t?.__typename === "DataTypeRulesRegexConfig" ? t?.pattern ?? "" : "items" in t || t?.__typename === "DataTypeRulesItemOfCollectionConfig" ? JSON.stringify(t.items) : t : "", Ye = (t, e, n) => {
   const {
     variant: p,
     numberRangeKey: a
@@ -372,7 +377,7 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
 }, me = (t) => {
   if (t?.config?.dataTypeIdentifier)
     return t?.config?.dataTypeIdentifier?.dataType ?? t?.config?.dataTypeIdentifier?.genericType ?? void 0;
-}, Le = (t, e) => pe(t) === pe(e), Pe = (t, e) => !t || !e?.rules?.nodes || !Ne(t) ? !1 : !!Ce(t, e), Ce = (t, e) => !t || !e?.rules?.nodes ? void 0 : e.rules.nodes?.filter(Boolean).find((p) => ce(t, p)), L = (t) => t != null && t.rules !== void 0, J = (t) => t != null && typeof t == "object" && "genericMappers" in t, Y = (t) => {
+}, Je = (t, e) => pe(t) === pe(e), Le = (t, e) => !t || !e?.rules?.nodes || !Ne(t) ? !1 : !!Ce(t, e), Ce = (t, e) => !t || !e?.rules?.nodes ? void 0 : e.rules.nodes?.filter(Boolean).find((p) => ce(t, p)), L = (t) => t != null && t.rules !== void 0, J = (t) => t != null && typeof t == "object" && "genericMappers" in t, Y = (t) => {
   if (t)
     return L(t) ? t : t.dataType ?? void 0;
 }, oe = (t) => (t.rules ? t.rules.nodes || (t.rules.nodes = []) : t.rules = {

package/dist/components/d-flow-input/DFlowInputDefault.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TextInputProps } from '../form';
+import { Flow, NodeFunction, NodeParameter } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowInputDefaultProps extends TextInputProps {
+    flowId: Flow['id'];
+    nodeId: NodeFunction['id'];
+    parameterId: NodeParameter['id'];
+}
+export declare const splitTextAndObjects: (input: string) => (string | Record<string, any>)[];
+export declare const DFlowInputDefault: React.FC<DFlowInputDefaultProps>;