@code0-tech/pictor 0.0.0-mvp.44 → 0.0.0-mvp.46

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

@@ -0,0 +1,99 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import N from "react";
+import { IconChevronUp as w, IconChevronDown as R } from "@tabler/icons-react";
+import { Flex as j } from "../flex/Flex.js";
+import { Text as a } from "../text/Text.js";
+import "../../utils/contextStore.js";
+import { hashToColor as I } from "../../utils/utils.js";
+import { Badge as A } from "../badge/Badge.js";
+const F = (O) => {
+  const {
+    object: g,
+    parentKey: v,
+    isRoot: p = !v,
+    onEntryClick: _,
+    collapsedState: d,
+    setCollapsedState: y,
+    path: m = [],
+    activePath: i = null,
+    onDoubleClick: x,
+    parentColor: E
+  } = O, o = p ? g?.value : g;
+  if (typeof o != "object" || o === null) return null;
+  const n = N.useRef(null), S = 250, T = (e) => {
+    n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+      _(e), n.current = null;
+    }, S);
+  }, k = (e, r) => {
+    n.current && (clearTimeout(n.current), n.current = null), x ? x(e, r) : y(e, !r);
+  };
+  N.useEffect(() => {
+    const e = m ?? [], r = (p ? ["root"] : e).join(".");
+    e.length > 1 && d[r] === void 0 && y(e.length === 0 ? ["root"] : e, !0);
+  }, [m, p, d, y]);
+  const W = () => {
+    const e = [...m], r = "root", l = d[r] || !1, h = typeof o == "object" && o !== null && (Array.isArray(o) ? o.length > 0 : Object.keys(o).length > 0), c = Array.isArray(i) && i.length === 0 && v === void 0;
+    return /* @__PURE__ */ u("div", { onClick: (s) => {
+      s.stopPropagation(), T({
+        key: r,
+        value: g,
+        path: e
+      });
+    }, onDoubleClick: (s) => {
+      s.stopPropagation(), k(e, l);
+    }, "aria-selected": c || void 0, children: [
+      /* @__PURE__ */ u(j, { align: "center", style: {
+        gap: ".35rem",
+        textWrap: "nowrap"
+      }, "aria-selected": c || void 0, className: "rule", children: [
+        h ? l ? /* @__PURE__ */ t(w, { size: 13 }) : /* @__PURE__ */ t(R, { size: 13 }) : null,
+        /* @__PURE__ */ t(a, { hierarchy: "tertiary", children: Array.isArray(o) ? "is a list of" : "is a nested object" })
+      ] }),
+      !l && /* @__PURE__ */ t("ul", { children: z })
+    ] });
+  }, z = Array.isArray(o) || o && typeof o == "object" ? Object.entries(o).map(([e, r]) => {
+    const l = [...m, e], h = l.join("."), c = d[h] || !1, b = i && i.length > 0 && l.join(".") === i.join("."), s = E ?? I("root"), f = typeof r == "object" && r !== null && (Array.isArray(r) ? r.length > 0 : Object.keys(r ?? {}).length > 0), K = f ? I(h) : s, B = f ? /* @__PURE__ */ u(j, { align: "center", style: {
+      gap: ".35rem",
+      textWrap: "nowrap"
+    }, className: "rule", "aria-selected": b || void 0, children: [
+      f ? c ? /* @__PURE__ */ t(w, { size: 13 }) : /* @__PURE__ */ t(R, { size: 13 }) : null,
+      /* @__PURE__ */ t(A, { border: !0, color: K, style: {
+        verticalAlign: "middle"
+      }, children: /* @__PURE__ */ t(a, { size: "xs", style: {
+        color: "inherit"
+      }, children: e }) }),
+      /* @__PURE__ */ t(a, { hierarchy: "tertiary", children: Array.isArray(r) ? "is a list of" : "is a nested object" })
+    ] }) : /* @__PURE__ */ u(j, { align: "center", style: {
+      gap: ".35rem",
+      textWrap: "nowrap"
+    }, className: "rule", "aria-selected": b || void 0, children: [
+      /* @__PURE__ */ t(A, { border: !0, color: s, style: {
+        verticalAlign: "middle"
+      }, children: /* @__PURE__ */ t(a, { size: "xs", style: {
+        color: "inherit"
+      }, children: e }) }),
+      /* @__PURE__ */ t(a, { hierarchy: "tertiary", children: "has value" }),
+      /* @__PURE__ */ t(A, { border: !0, color: "tertiary", style: {
+        verticalAlign: "middle"
+      }, children: /* @__PURE__ */ t(a, { size: "xs", style: {
+        color: "inherit"
+      }, children: String(r) }) })
+    ] });
+    return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ u("div", { onClick: (C) => {
+      C.stopPropagation(), T({
+        key: e,
+        value: r,
+        path: l
+      });
+    }, onDoubleClick: (C) => {
+      C.stopPropagation(), k(l, c);
+    }, children: [
+      B,
+      f && !c ? /* @__PURE__ */ t(F, { object: r, parentKey: e, isRoot: !1, onEntryClick: _, collapsedState: d, setCollapsedState: y, path: l, activePath: i, parentColor: K }) : null
+    ] }) }, h);
+  }) : null, D = W(), P = ((D && p ? [D] : z) ?? []).filter(Boolean);
+  return P.length === 0 ? null : /* @__PURE__ */ t("ul", { children: P });
+};
+export {
+  F as DFlowInputObjectTree
+};

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

@@ -1,29 +1,29 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { Badge as c } from "../badge/Badge.js";
-import m from "react";
-import { Text as a } from "../text/Text.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Badge as m } from "../badge/Badge.js";
+import a from "react";
+import { Text as c } from "../text/Text.js";
 import { Flex as f } from "../flex/Flex.js";
 import { DFlowInputNodeBadge as u } from "./DFlowInputNodeBadge.js";
 import { IconVariable as s } from "@tabler/icons-react";
 const T = (t) => {
   const {
     value: e,
-    flowId: r,
+    flowId: n,
     definition: o,
     ...d
-  } = t, p = m.useMemo(() => e.nodeFunctionId && r ? /* @__PURE__ */ i(f, { align: "center", display: "inline-flex", children: [
-    /* @__PURE__ */ n(u, { definition: o, value: {
+  } = t, p = a.useMemo(() => n ? /* @__PURE__ */ i(f, { align: "center", display: "inline-flex", children: [
+    /* @__PURE__ */ r(u, { definition: o, value: {
       id: e.nodeFunctionId,
       __typename: "NodeFunctionIdWrapper"
-    }, flowId: r }),
+    }, flowId: n }),
     "inputTypeIdentifier" in e && e.inputTypeIdentifier ? "." + e.inputTypeIdentifier : "",
     e.referencePath ? "." + (e.referencePath?.map((l) => l.path).join(".") ?? "") : ""
-  ] }) : "undefineds", [e]);
-  return /* @__PURE__ */ i(c, { style: {
+  ] }) : "undefined", [e]);
+  return /* @__PURE__ */ i(m, { style: {
     verticalAlign: "middle"
   }, color: "warning", py: "0", border: !0, ...d, children: [
-    /* @__PURE__ */ n(s, { size: 12 }),
-    /* @__PURE__ */ n(a, { size: "sm", style: {
+    /* @__PURE__ */ r(s, { size: 12 }),
+    /* @__PURE__ */ r(c, { size: "sm", style: {
       color: "inherit"
     }, children: p })
   ] });

package/dist/components/d-flow-node/DFlowNodeReference.return.hook.d.ts

@@ -0,0 +1,4 @@
+import { DataTypeIdentifier, FlowType, NodeFunction, ReferenceValue } from '@code0-tech/sagittarius-graphql-types';
+import { DFlowFunctionReactiveService, FunctionDefinitionView } from '../d-flow-function';
+import { DFlowDataTypeReactiveService } from '../d-flow-data-type';
+export declare const getReferenceType: (reference: ReferenceValue, dataTypeService: DFlowDataTypeReactiveService, functionService: DFlowFunctionReactiveService, functionDefinition?: FunctionDefinitionView, node?: NodeFunction, flowType?: FlowType) => DataTypeIdentifier | undefined;

package/dist/components/d-flow-node/DFlowNodeReference.return.hook.js

@@ -0,0 +1,77 @@
+import { resolveGenericKeys as M, targetForGenericKey as T, replaceGenericKeysInType as h, resolveType as m } from "../../utils/generics.js";
+const G = (e, o, c, D, f, y) => {
+  let t, g = /* @__PURE__ */ new Map();
+  if (e.nodeFunctionId && (e.inputIndex === void 0 || e.parameterIndex === void 0)) {
+    const n = D;
+    if (n && n.returnType) {
+      if (t = n.returnType, f && f.parameters && n.parameterDefinitions) {
+        const r = f.parameters.nodes?.map((a) => a?.value).filter(Boolean);
+        if (g = M(n, r, o, c), t) {
+          const a = T(n, t), l = new Map(Array.from(g.entries()).filter(([, i]) => i && i.__typename === "DataTypeIdentifier")), p = new Map([...l.entries()].map(([i, u]) => [a.get(i) ?? i, u]));
+          t = h(t, p);
+        }
+      }
+      t = t ? m(t, o) : void 0;
+    }
+  }
+  if (e.nodeFunctionId && e.inputIndex !== void 0 && e.inputIndex !== null && e.parameterIndex !== void 0 && e.parameterIndex !== null) {
+    const n = D;
+    if (n && n.parameterDefinitions) {
+      const r = n.parameterDefinitions[e.parameterIndex];
+      if (r && r.dataTypeIdentifier) {
+        const a = o.getDataType(r.dataTypeIdentifier);
+        if (a && a.rules?.nodes) {
+          const l = a.rules.nodes.find((p) => p?.variant === "INPUT_TYPES");
+          if (l && l.config) {
+            const p = l.config;
+            if (Array.isArray(p.inputTypes) && e.inputIndex !== void 0 && e.inputIndex !== null) {
+              const i = p.inputTypes[e.inputIndex];
+              if (i && i.dataTypeIdentifier) {
+                if (t = i.dataTypeIdentifier, f && f.parameters && n.parameterDefinitions && t) {
+                  const u = f.parameters.nodes?.map((d) => d?.value).filter(Boolean);
+                  g = M(n, u, o, c);
+                  const s = T(n, t), I = new Map(Array.from(g.entries()).filter(([, d]) => d && d.__typename === "DataTypeIdentifier")), v = new Map([...I.entries()].map(([d, _]) => [s.get(d) ?? d, _]));
+                  t = h(t, v);
+                }
+                t = t ? m(t, o) : void 0;
+              }
+            }
+          }
+        }
+        if (!t) {
+          if (t = r.dataTypeIdentifier, f && f.parameters && n.parameterDefinitions && t) {
+            const l = f.parameters.nodes?.map((s) => s?.value).filter(Boolean);
+            g = M(n, l, o, c);
+            const p = T(n, t), i = new Map(Array.from(g.entries()).filter(([, s]) => s && s.__typename === "DataTypeIdentifier")), u = new Map([...i.entries()].map(([s, I]) => [p.get(s) ?? s, I]));
+            t = h(t, u);
+          }
+          t = t ? m(t, o) : void 0;
+        }
+      }
+    }
+  }
+  !e.nodeFunctionId && y && y.inputType && (t = {
+    dataType: y.inputType
+  }, t = t ? m(t, o) : void 0);
+  function x(n, r) {
+    if (!n || !r || r.length === 0) return n;
+    const [a, ...l] = r, p = n.dataType ? o.getDataType(n) : n.genericType?.dataType;
+    if (!p || !p.rules?.nodes) return n;
+    const i = p.rules.nodes.find((s) => s?.variant === "CONTAINS_KEY" && s.config?.key === a.path);
+    if (!i || !i.config) return n;
+    const u = i.config;
+    return u.dataTypeIdentifier ? x(u.dataTypeIdentifier, l) : n;
+  }
+  if (t && e.referencePath && e.referencePath.length > 0) {
+    const n = e.referencePath.map((a) => ({
+      path: typeof a.path == "string" ? a.path : void 0
+    })).filter((a) => !!a.path);
+    if (n.length !== e.referencePath.length) return t ? m(t, o) : void 0;
+    const r = x(t, n);
+    return r ? m(r, o) : void 0;
+  }
+  return t ? m(t, o) : void 0;
+};
+export {
+  G as getReferenceType
+};

package/dist/components/d-flow-suggestion/DFlowReferenceSuggestions.hook.js

@@ -1,132 +1,133 @@
-import g from "react";
-import { useService as I, useStore as N } from "../../utils/contextStore.js";
+import f from "react";
+import { useService as g, useStore as I } from "../../utils/contextStore.js";
 import "merge-props";
 import "js-md5";
-import { DFlowDataTypeReactiveService as x } from "../d-flow-data-type/DFlowDataType.service.js";
-import { DFlowSuggestionType as A } from "./DFlowSuggestion.view.js";
-import { replaceGenericsAndSortType as C, resolveType as P, isMatchingType as V, resolveGenericKeys as Y, targetForGenericKey as k, replaceGenericKeysInType as J } from "../../utils/generics.js";
-import { DFlowFunctionReactiveService as O } from "../d-flow-function/DFlowFunction.service.js";
+import { DFlowDataTypeReactiveService as R } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DFlowSuggestionType as Y } from "./DFlowSuggestion.view.js";
+import { replaceGenericsAndSortType as C, resolveType as P, isMatchingType as k, resolveGenericKeys as J, targetForGenericKey as U, replaceGenericKeysInType as q } from "../../utils/generics.js";
+import { DFlowFunctionReactiveService as G } from "../d-flow-function/DFlowFunction.service.js";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as R } from "../d-flow/DFlow.service.js";
-import { useReturnTypes as j } from "../d-flow-node/DFlowNode.return.hook.js";
-const re = (n, t, o, u = []) => {
-  const m = I(x), r = N(x), v = I(R), T = N(R), M = $(n), S = g.useMemo(() => t ? M?.find((i) => i.nodeFunctionId === t) : void 0, [M, t]), B = g.useMemo(() => t ? v.getNodeById(n, t)?.parameters?.nodes?.map((a) => a?.value).filter((a) => a?.__typename === "NodeFunctionIdWrapper") ?? [] : [], [n, t, v, T]), c = g.useMemo(() => o ? C(P(o, m), u) : void 0, [o, m, r, u]), p = U(n), f = j(n);
-  return g.useMemo(() => {
-    if (!c || !S) return [];
+import { DFlowReactiveService as B } from "../d-flow/DFlow.service.js";
+import { useReturnType as z } from "../d-flow-function/DFlowFunction.return.hook.js";
+import { DFlowTypeReactiveService as j } from "../d-flow-type/DFlowType.service.js";
+const pe = (o, t, n, d = []) => {
+  const m = g(R), u = I(R), M = g(B), s = I(B), N = $(o), l = f.useMemo(() => t ? N?.find((i) => i.nodeFunctionId === t) : void 0, [N, t]), D = f.useMemo(() => t ? M.getNodeById(o, t)?.parameters?.nodes?.map((r) => r?.value).filter((r) => r?.__typename === "NodeFunctionIdWrapper") ?? [] : [], [o, t, M, s]), S = f.useMemo(() => n ? C(P(n, m), d) : void 0, [n, m, u, d]), h = H(o);
+  return f.useMemo(() => {
+    if (!S || !l) return [];
     const {
       depth: i,
-      scope: a,
-      node: l
-    } = S;
-    return p.flatMap((e) => {
+      scope: r,
+      node: T
+    } = l;
+    return h.flatMap((e) => {
       if (e.node === null || e.node === void 0) return [];
       if (e.depth === null || e.depth === void 0) return [];
       if (e.scope === null || e.scope === void 0) return [];
-      const d = e.parameterIndex !== void 0 && e.inputTypeIndex !== void 0, D = d ? e.scope?.every((s, F) => a?.[F] === s) : !0;
-      if (d && !D) return [];
-      if (B.some((s) => s.id === e.nodeFunctionId)) return [];
-      if (!d && e.node >= l) return [];
+      const c = e.parameterIndex !== void 0 && e.inputIndex !== void 0, a = c ? e.scope?.every((p, x) => r?.[x] === p) : !0;
+      if (c && !a) return [];
+      if (D.some((p) => p.id === e.nodeFunctionId)) return [];
+      if (!c && e.node >= T) return [];
       if (e.depth > i) return [];
-      if (e.scope.some((s) => !a.includes(s))) return [];
-      const h = f.get(e.nodeFunctionId), E = C(P(h, m), []);
-      return V(c, E) ? [{
+      if (e.scope.some((p) => !r.includes(p))) return [];
+      const F = C(P(e.dataTypeIdentifier, m), []);
+      return k(S, F) ? [{
         path: [],
-        type: A.REF_OBJECT,
-        displayText: [`${e.depth}-${e.scope}-${e.node || ""}-${e.referencePath?.map((s) => s.path).join(".") ?? ""}`],
+        type: Y.REF_OBJECT,
+        displayText: [`${e.depth}-${e.scope}-${e.node || ""}-${e.referencePath?.map((p) => p.path).join(".") ?? ""}`],
         value: e
       }] : [];
     });
-  }, [m, S, B, p, c, f]);
-}, U = (n) => {
-  const t = I(x);
-  N(x);
-  const o = I(O), u = I(R), m = N(R), r = g.useMemo(() => u.getById(n), [n, m]), v = $(n), T = j(n), M = g.useMemo(() => r?.nodes?.nodes?.map((c) => {
-    const p = T.get(c?.id), f = v?.find((i) => i.nodeFunctionId === c?.id);
-    return p && f ? G(f, p, t) : {};
-  }) ?? [], [r]), S = g.useMemo(() => G({
+  }, [m, l, D, h, S]);
+}, H = (o) => {
+  const t = g(R);
+  I(R);
+  const n = g(G), d = g(B), m = I(B), u = g(j), M = I(j), s = f.useMemo(() => d.getById(o), [o, m]), N = f.useMemo(() => u.getById(s?.type?.id), [s?.type?.id, M]), l = $(o), D = f.useMemo(() => s?.nodes?.nodes?.map((i) => {
+    const r = i?.parameters?.nodes?.map((a) => a?.value) ?? [], T = n.getById(i?.functionDefinition?.id), e = z(T, r, t, n), c = l?.find((a) => a.nodeFunctionId === i?.id);
+    return e && c ? E(c, e, t) : {};
+  }) ?? [], [s]), S = f.useMemo(() => E({
     node: 0,
     depth: 0,
-    nodeFunctionId: "gid://sagittarius/NodeFunction/-1",
     scope: [0]
   }, {
-    dataType: r?.inputType
-  }), [r]);
-  return [...g.useMemo(() => r?.nodes?.nodes?.length ? r.nodes.nodes.flatMap((c) => {
-    const p = o.getById(c?.functionDefinition?.id);
-    if (!p) return [];
-    const f = c?.parameters?.nodes?.map((i) => i?.value).filter(Boolean) ?? [];
-    return (p.parameterDefinitions ?? []).flatMap((i, a) => {
-      const l = i?.dataTypeIdentifier;
-      if (!l) return [];
-      const e = t.getDataType(l);
-      if (!e || e.variant !== "NODE") return [];
-      const d = c?.parameters?.nodes?.find((y) => y?.parameterDefinition?.id === i?.id);
-      if (!d?.value || d.value.__typename !== "NodeFunctionIdWrapper") return [];
-      const D = v?.find((y) => d?.value?.__typename === "NodeFunctionIdWrapper" && y.nodeFunctionId === d.value?.id);
-      if (!D) return [];
-      const h = e.rules?.nodes?.filter((y) => y?.variant === "INPUT_TYPES") ?? [], E = Y(p, f, t, o), s = k(p, l), F = new Map([...E].map(([y, b]) => [s.get(y) ?? y, b]));
-      return h.flatMap((y) => (y?.config?.inputTypes ?? []).flatMap((W, K) => {
-        const w = J(W.dataTypeIdentifier, F);
-        return w ? G({
-          ...D,
-          nodeFunctionId: c?.id,
-          parameterIndex: a,
-          inputTypeIndex: K,
-          inputTypeIdentifier: W.inputIdentifier
-        }, w, t) : [];
+    dataType: N?.inputType
+  }, t), [s]);
+  return [...f.useMemo(() => s?.nodes?.nodes?.length ? s.nodes.nodes.flatMap((i) => {
+    const r = n.getById(i?.functionDefinition?.id);
+    if (!r) return [];
+    const T = i?.parameters?.nodes?.map((e) => e?.value).filter(Boolean) ?? [];
+    return (r.parameterDefinitions ?? []).flatMap((e, c) => {
+      const a = e?.dataTypeIdentifier;
+      if (!a) return [];
+      const F = t.getDataType(a);
+      if (!F || F.variant !== "NODE") return [];
+      const p = i?.parameters?.nodes?.find((y) => y?.parameterDefinition?.id === e?.id);
+      if (!p?.value || p.value.__typename !== "NodeFunctionIdWrapper") return [];
+      const x = l?.find((y) => p?.value?.__typename === "NodeFunctionIdWrapper" && y.nodeFunctionId === p.value?.id);
+      if (!x) return [];
+      const v = F.rules?.nodes?.filter((y) => y?.variant === "INPUT_TYPES") ?? [], w = J(r, T, t, n), K = U(r, a), V = new Map([...w].map(([y, O]) => [K.get(y) ?? y, O]));
+      return v.flatMap((y) => (y?.config?.inputTypes ?? []).flatMap((b, A) => {
+        const W = q(b.dataTypeIdentifier, V);
+        return W ? E({
+          ...x,
+          nodeFunctionId: i?.id,
+          parameterIndex: c,
+          inputIndex: A,
+          inputTypeIdentifier: b.inputIdentifier
+        }, W, t) : [];
       }));
     });
-  }) : [], [r, v, o, t]), ...S, ...M].flat();
-}, G = (n, t, o) => {
-  const u = o ? o.getDataType(t) : t.dataType ?? t.genericType?.dataType;
-  return u ? [...u.rules?.nodes?.map((r) => {
-    if (r?.variant === "CONTAINS_KEY")
-      return t ? G({
-        ...n,
-        referencePath: [...n.referencePath ?? [], {
-          path: r.config.key
+  }) : [], [s, l, n, t]), ...S, ...D].flat();
+}, E = (o, t, n) => {
+  const d = t.dataType ? n.getDataType(t) : t.genericType?.dataType;
+  return d ? [...d.rules?.nodes?.map((u) => {
+    if (u?.variant === "CONTAINS_KEY")
+      return t ? E({
+        ...o,
+        referencePath: [...o.referencePath ?? [], {
+          path: u.config.key
         }]
-      }, r.config.dataTypeIdentifier) : void 0;
-  }).flat().filter((r) => !!r) ?? [], {
+      }, u.config.dataTypeIdentifier, n) : void 0;
+  }).flat().filter((u) => !!u) ?? [], {
+    ...o,
     __typename: "ReferenceValue",
-    nodeFunctionId: n.nodeFunctionId,
-    ...n
+    nodeFunctionId: o.nodeFunctionId,
+    dataTypeIdentifier: t
   }] : [];
-}, $ = (n) => {
-  const t = I(x), o = I(R), u = I(O), m = N(R), r = N(O), v = N(x), T = g.useMemo(() => o.getById(n), [n, m]);
-  return g.useMemo(() => {
-    if (!t || !o || !u || !T?.startingNodeId) return;
-    let M = 0;
-    const S = () => ++M;
-    let B = 0;
-    const c = () => ++B, p = [], f = (i, a, l) => {
-      if (!i) return;
-      let e = i.__typename === "NodeFunctionIdWrapper" ? o.getNodeById(n, i.id) : i;
-      for (; e; ) {
-        const d = u.getById(e.functionDefinition?.id);
-        if (!d) break;
-        if (e.parameters && d.parameterDefinitions)
-          for (const h of d.parameterDefinitions) {
-            const E = t.getDataType(h.dataTypeIdentifier), s = e.parameters?.nodes?.find((F) => F?.parameterDefinition?.id === h.id);
-            if (E?.variant === "NODE") {
-              if (s?.value && s.value.__typename === "NodeFunctionIdWrapper") {
-                const F = [...l, S()];
-                f(s.value, a + 1, F);
+}, $ = (o) => {
+  const t = g(R), n = g(B), d = g(G), m = I(B), u = I(G), M = I(R), s = f.useMemo(() => n.getById(o), [o, m]);
+  return f.useMemo(() => {
+    if (!t || !n || !d || !s?.startingNodeId) return;
+    let N = 0;
+    const l = () => ++N;
+    let D = 0;
+    const S = () => ++D, h = [], i = (r, T, e) => {
+      if (!r) return;
+      let c = r.__typename === "NodeFunctionIdWrapper" ? n.getNodeById(o, r.id) : r;
+      for (; c; ) {
+        const a = d.getById(c.functionDefinition?.id);
+        if (!a) break;
+        if (c.parameters && a.parameterDefinitions)
+          for (const p of a.parameterDefinitions) {
+            const x = t.getDataType(p.dataTypeIdentifier), v = c.parameters?.nodes?.find((w) => w?.parameterDefinition?.id === p.id);
+            if (x?.variant === "NODE") {
+              if (v?.value && v.value.__typename === "NodeFunctionIdWrapper") {
+                const w = [...e, l()];
+                i(v.value, T + 1, w);
               }
-            } else s?.value && s.value.__typename === "NodeFunctionIdWrapper" && f(s.value, a, l);
+            } else v?.value && v.value.__typename === "NodeFunctionIdWrapper" && i(v.value, T, e);
           }
-        const D = c();
-        p.push({
-          node: D,
-          depth: a,
-          scope: l,
-          nodeFunctionId: e.id
-        }), e = o.getNodeById(T.id, e.nextNodeId);
+        const F = S();
+        h.push({
+          node: F,
+          depth: T,
+          scope: e,
+          nodeFunctionId: c.id
+        }), c = n.getNodeById(s.id, c.nextNodeId);
       }
     };
-    return f(o.getNodeById(T.id, T.startingNodeId), 0, [0]), p;
-  }, [t, T, n, o, u, v, m, r]) ?? [];
+    return i(n.getNodeById(s.id, s.startingNodeId), 0, [0]), h;
+  }, [t, s, o, n, d, M, m, u]) ?? [];
 };
 export {
-  re as useReferenceSuggestions
+  pe as useReferenceSuggestions
 };

package/dist/components/d-flow-suggestion/DFlowSuggestionMenu.js

@@ -1,8 +1,7 @@
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import { c as k } from "../../_virtual/compiler-runtime.js";
-import { MenuTrigger as v, MenuSeparator as C, MenuPortal as A, Menu as E } from "../menu/Menu.js";
-import I from "react";
-import { DFlowSuggestionMenuFooter as B } from "./DFlowSuggestionMenuFooter.js";
+import { jsx as m, jsxs as w } from "react/jsx-runtime";
+import { c as F } from "../../_virtual/compiler-runtime.js";
+import { MenuTrigger as j, MenuPortal as k, Menu as v } from "../menu/Menu.js";
+import D from "react";
 import "@radix-ui/react-checkbox";
 import "merge-props";
 import "js-md5";
@@ -10,64 +9,58 @@ import "@tabler/icons-react";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
 import "../form/Input.js";
-import { InputSuggestionMenuContentItems as L, InputSuggestionMenuContent as P } from "../form/InputSuggestion.js";
+import { InputSuggestionMenuContentItems as A, InputSuggestionMenuContent as E } from "../form/InputSuggestion.js";
 import "../form/NumberInput.js";
 import "../form/PasswordInput.js";
 import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
-import { toInputSuggestions as U } from "./DFlowSuggestionMenu.util.js";
-import { DFlowSuggestionMenuSearchBar as $ } from "./DFlowSuggestionMenuSearchBar.js";
-const ue = (R) => {
-  const e = k.c(25), {
-    suggestions: f,
-    triggerContent: M,
-    onSuggestionSelect: x
-  } = R;
-  let c;
-  e[0] !== f ? (c = f === void 0 ? [] : f, e[0] = f, e[1] = c) : c = e[1];
-  const t = c, D = x === void 0 ? q : x, w = I.useRef(null), [y, F] = I.useState(t);
-  let p, g;
-  e[2] !== t ? (p = () => {
-    F(t);
-  }, g = [t], e[2] = t, e[3] = p, e[4] = g) : (p = e[3], g = e[4]), I.useEffect(p, g);
+import { toInputSuggestions as z } from "./DFlowSuggestionMenu.util.js";
+import { DFlowSuggestionMenuSearchBar as B } from "./DFlowSuggestionMenuSearchBar.js";
+import { Card as L } from "../card/Card.js";
+const it = (y) => {
+  const t = F.c(22), {
+    suggestions: p,
+    triggerContent: S,
+    onSuggestionSelect: M
+  } = y;
+  let g;
+  t[0] !== p ? (g = p === void 0 ? [] : p, t[0] = p, t[1] = g) : g = t[1];
+  const e = g, d = M === void 0 ? P : M, h = D.useRef(null), [x, I] = D.useState(e);
+  let c, f;
+  t[2] !== e ? (c = () => {
+    I(e);
+  }, f = [e], t[2] = e, t[3] = c, t[4] = f) : (c = t[3], f = t[4]), D.useEffect(c, f);
+  let r;
+  t[5] !== S ? (r = /* @__PURE__ */ m(j, { asChild: !0, children: S }), t[5] = S, t[6] = r) : r = t[6];
   let i;
-  e[5] !== M ? (i = /* @__PURE__ */ r(v, { asChild: !0, children: M }), e[5] = M, e[6] = i) : i = e[6];
+  t[7] !== e ? (i = /* @__PURE__ */ m(B, { onType: (o) => {
+    o.key === "ArrowDown" ? (o.preventDefault(), h.current?.focusFirstItem()) : o.key === "ArrowUp" && (o.preventDefault(), h.current?.focusLastItem());
+    const C = o.target.value;
+    return I(e.filter((R) => R.displayText.some((T) => T.includes(C)))), o.preventDefault(), !1;
+  } }), t[7] = e, t[8] = i) : i = t[8];
   let s;
-  e[7] !== t ? (s = /* @__PURE__ */ r($, { onType: (o) => {
-    o.key === "ArrowDown" ? (o.preventDefault(), w.current?.focusFirstItem()) : o.key === "ArrowUp" && (o.preventDefault(), w.current?.focusLastItem());
-    const T = o.target.value;
-    return F(t.filter((b) => b.displayText.some((j) => j.includes(T)))), o.preventDefault(), !1;
-  } }), e[7] = t, e[8] = s) : s = e[8];
-  let a;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r(C, {}), e[9] = a) : a = e[9];
+  t[9] !== x ? (s = z(x), t[9] = x, t[10] = s) : s = t[10];
   let n;
-  e[10] !== y ? (n = U(y), e[10] = y, e[11] = n) : n = e[11];
+  t[11] !== d ? (n = (o) => {
+    d(o.valueData);
+  }, t[11] = d, t[12] = n) : n = t[12];
   let l;
-  e[12] !== D ? (l = (o) => {
-    D(o.valueData);
-  }, e[12] = D, e[13] = l) : l = e[13];
+  t[13] !== s || t[14] !== n ? (l = /* @__PURE__ */ m(L, { paddingSize: "xxs", mt: -0.2, mx: -0.2, children: /* @__PURE__ */ m(A, { ref: h, suggestions: s, onSuggestionSelect: n }) }), t[13] = s, t[14] = n, t[15] = l) : l = t[15];
   let u;
-  e[14] !== n || e[15] !== l ? (u = /* @__PURE__ */ r(L, { ref: w, suggestions: n, onSuggestionSelect: l }), e[14] = n, e[15] = l, e[16] = u) : u = e[16];
-  let S, d;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ r(C, {}), d = /* @__PURE__ */ r(B, {}), e[17] = S, e[18] = d) : (S = e[17], d = e[18]);
-  let m;
-  e[19] !== u || e[20] !== s ? (m = /* @__PURE__ */ r(A, { children: /* @__PURE__ */ _(P, { align: "center", children: [
-    s,
-    a,
-    u,
-    S,
-    d
-  ] }) }), e[19] = u, e[20] = s, e[21] = m) : m = e[21];
-  let h;
-  return e[22] !== m || e[23] !== i ? (h = /* @__PURE__ */ _(E, { children: [
+  t[16] !== i || t[17] !== l ? (u = /* @__PURE__ */ m(k, { children: /* @__PURE__ */ w(E, { align: "center", color: "secondary", children: [
     i,
-    m
-  ] }), e[22] = m, e[23] = i, e[24] = h) : h = e[24], h;
+    l
+  ] }) }), t[16] = i, t[17] = l, t[18] = u) : u = t[18];
+  let a;
+  return t[19] !== u || t[20] !== r ? (a = /* @__PURE__ */ w(v, { children: [
+    r,
+    u
+  ] }), t[19] = u, t[20] = r, t[21] = a) : a = t[21], a;
 };
-function q() {
+function P() {
 }
 export {
-  ue as DFlowSuggestionMenu
+  it as DFlowSuggestionMenu
 };