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

package/dist/components/d-flow-folder/DFlowFolder.js

@@ -1,181 +1,208 @@
-import { jsxs as k, Fragment as R, jsx as c } from "react/jsx-runtime";
-import { c as T } from "../../_virtual/compiler-runtime.js";
+import { jsxs as R, Fragment as B, jsx as a } from "react/jsx-runtime";
+import { c as E } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/d-flow-folder/DFlowFolder.style.css';/* empty css                       */
 import p from "react";
-import { useService as E, useStore as H } from "../../utils/contextStore.js";
-import { mergeCode0Props as j } from "../../utils/utils.js";
-import { IconFolderOpen as N, IconFolderFilled as G, IconDots as V, IconChevronDown as q, IconChevronRight as J, IconFile as K } from "@tabler/icons-react";
+import { useService as V, useStore as q } from "../../utils/contextStore.js";
+import { mergeCode0Props as N } from "../../utils/utils.js";
+import { IconFolderOpen as J, IconFolderFilled as K, IconChevronDown as L, IconChevronRight as Q, IconFile as U } from "@tabler/icons-react";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as A } from "../d-flow/DFlow.service.js";
+import { DFlowReactiveService as z } from "../d-flow/DFlow.service.js";
+import { hashToColor as W } 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 L } from "js-md5";
-import { ScrollArea as Q, ScrollAreaViewport as U, ScrollAreaScrollbar as W, ScrollAreaThumb as X } from "../scroll-area/ScrollArea.js";
-import { Flex as z } from "../flex/Flex.js";
-import { Text as P } from "../text/Text.js";
-import { Button as M } from "../button/Button.js";
-import { DFlowFolderContextMenu as B } from "./DFlowFolderContextMenu.js";
-const be = p.forwardRef((h, e) => {
+import { ScrollArea as X, ScrollAreaViewport as Y, ScrollAreaScrollbar as Z, ScrollAreaThumb as ee } from "../scroll-area/ScrollArea.js";
+import { Flex as T } from "../flex/Flex.js";
+import { Text as G } from "../text/Text.js";
+import { Button as te } from "../button/Button.js";
+import { DFlowFolderContextMenu as H } from "./DFlowFolderContextMenu.js";
+const Oe = p.forwardRef((I, e) => {
   const {
-    activeFlowId: i,
-    namespaceId: _,
-    projectId: S
-  } = h, $ = E(A), u = H(A), v = (l) => l.replace(/^\/+|\/+$/g, "").split("/").filter(Boolean), o = p.useMemo(() => ($.values?.({
-    namespaceId: _,
-    projectId: S
-  }) ?? []).filter((n) => !!n?.name), [u]), b = p.useMemo(() => {
-    const l = o.find((n) => n.id === i);
-    return l?.name ? v(l.name) : [];
-  }, [o, i]), D = p.useMemo(() => {
+    activeFlowId: s,
+    namespaceId: d,
+    projectId: v
+  } = I, D = V(z), h = q(z), u = (l) => l.replace(/^\/+|\/+$/g, "").split("/").filter(Boolean), f = p.useMemo(() => (D.values?.({
+    namespaceId: d,
+    projectId: v
+  }) ?? []).filter((r) => !!r?.name), [h]), w = p.useMemo(() => {
+    const l = f.find((r) => r.id === s);
+    return l?.name ? u(l.name) : [];
+  }, [f, s]), C = p.useMemo(() => {
     const l = {
       name: "",
       path: "",
       children: {}
     };
-    for (const n of o) {
-      const w = v(n.name);
-      if (w.length === 0) continue;
-      let r = l, t = "";
-      for (let O = 0; O < w.length; O++) {
-        const x = w[O];
-        t = t ? `${t}/${x}` : x, O === w.length - 1 ? r.children[x] ? r.children[x].flow = n : r.children[x] = {
-          name: x,
+    for (const r of f) {
+      const c = u(r.name);
+      if (c.length === 0) continue;
+      let o = l, t = "";
+      for (let i = 0; i < c.length; i++) {
+        const n = c[i];
+        t = t ? `${t}/${n}` : n, i === c.length - 1 ? o.children[n] ? o.children[n].flow = r : o.children[n] = {
+          name: n,
           path: t,
           children: {},
-          flow: n
-        } : (r.children[x] || (r.children[x] = {
-          name: x,
+          flow: r
+        } : (o.children[n] || (o.children[n] = {
+          name: n,
           path: t,
           children: {}
-        }), r = r.children[x]);
+        }), o = o.children[n]);
       }
     }
     return l;
-  }, [o]), a = p.useCallback((l) => l ? l.split("/").filter(Boolean).every((w, r) => b[r] === w) : !1, [b]), [s, m] = p.useState("default"), [C, g] = p.useState(0), d = p.useCallback(() => {
-    m("allOpen"), g((l) => l + 1);
-  }, []), f = p.useCallback(() => {
-    m("allClosed"), g((l) => l + 1);
-  }, []), I = p.useCallback(() => {
-    m("activePath"), g((l) => l + 1);
+  }, [f]), P = p.useCallback((l) => l ? l.split("/").filter(Boolean).every((c, o) => w[o] === c) : !1, [w]), [S, _] = p.useState("default"), [m, F] = p.useState(0), g = p.useCallback(() => {
+    _("allOpen"), F((l) => l + 1);
+  }, []), k = p.useCallback(() => {
+    _("allClosed"), F((l) => l + 1);
+  }, []), y = p.useCallback(() => {
+    _("activePath"), F((l) => l + 1);
   }, []);
   p.useImperativeHandle(e, () => ({
-    openAll: d,
-    closeAll: f,
-    openActivePath: I
-  }), [d, f, I]);
-  const y = p.useCallback((l) => s === "allOpen" ? !0 : s === "allClosed" ? !1 : a(l), [a, s]), F = p.useCallback((l) => {
-    const n = Object.values(l), w = n.filter((t) => !t.flow), r = n.filter((t) => !!t.flow);
-    return w.sort((t, O) => t.name.localeCompare(O.name)), r.sort((t, O) => t.name.localeCompare(O.name)), /* @__PURE__ */ k(R, { children: [
-      w.map((t) => /* @__PURE__ */ c(Y, { name: t.name, flows: Object.values(t.children).map((O) => O.flow), defaultOpen: y(t.path), ...h, children: F(t.children) }, `${t.path}-${C}`)),
-      r.map((t) => /* @__PURE__ */ c(Z, { name: t.name, path: t.path, flow: t.flow, active: t.flow.id === i, "data-flow-id": t.flow.id ?? void 0, ...h }, t.flow.id ?? t.path))
+    openAll: g,
+    closeAll: k,
+    openActivePath: y
+  }), [g, k, y]);
+  const b = p.useCallback((l) => S === "allOpen" ? !0 : S === "allClosed" ? !1 : P(l), [P, S]), x = p.useCallback((l) => {
+    const r = Object.values(l), c = r.filter((t) => !t.flow), o = r.filter((t) => !!t.flow);
+    return c.sort((t, i) => t.name.localeCompare(i.name)), o.sort((t, i) => t.name.localeCompare(i.name)), /* @__PURE__ */ R(B, { children: [
+      c.map((t) => /* @__PURE__ */ a(le, { name: t.name, flows: Object.values(t.children).map((i) => i.flow), defaultOpen: b(t.path), ...I, children: x(t.children) }, `${t.path}-${m}`)),
+      o.map((t) => /* @__PURE__ */ a(oe, { name: t.name, path: t.path, flow: t.flow, active: t.flow.id === s, "data-flow-id": t.flow.id ?? void 0, ...I }, t.flow.id ?? t.path))
     ] });
-  }, [i, y, C]);
-  return /* @__PURE__ */ k(Q, { h: "100%", children: [
-    /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c("div", { className: "d-folder__root", children: F(D.children) }) }),
-    /* @__PURE__ */ c(W, { orientation: "vertical", children: /* @__PURE__ */ c(X, {}) })
+  }, [s, b, m]);
+  return /* @__PURE__ */ R(X, { h: "100%", children: [
+    /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a("div", { className: "d-folder__root", children: x(C.children) }) }),
+    /* @__PURE__ */ a(Z, { orientation: "vertical", children: /* @__PURE__ */ a(ee, {}) })
   ] });
-}), Y = (h) => {
-  const e = T.c(31), {
-    name: i,
-    flows: _,
-    defaultOpen: S,
-    children: $,
-    ...u
-  } = h, v = S === void 0 ? !1 : S, [o, b] = p.useState(v), D = B;
-  let a;
-  e[0] !== _ || e[1] !== i ? (a = {
-    name: i,
-    flow: _,
+}), le = (I) => {
+  const e = E.c(37), {
+    name: s,
+    flows: d,
+    defaultOpen: v,
+    children: D,
+    onCreate: h,
+    onDelete: u,
+    onRename: f,
+    activeFlowId: w,
+    namespaceId: C,
+    projectId: P,
+    ...S
+  } = I, _ = v === void 0 ? !1 : v, [m, F] = p.useState(_);
+  let g;
+  e[0] !== w || e[1] !== C || e[2] !== h || e[3] !== u || e[4] !== f || e[5] !== P ? (g = {
+    onCreate: h,
+    onDelete: u,
+    onRename: f,
+    activeFlowId: w,
+    namespaceId: C,
+    projectId: P
+  }, e[0] = w, e[1] = C, e[2] = h, e[3] = u, e[4] = f, e[5] = P, e[6] = g) : g = e[6];
+  const k = g, y = H;
+  let b;
+  e[7] !== d || e[8] !== s ? (b = {
+    name: s,
+    flow: d,
     type: "folder"
-  }, e[0] = _, e[1] = i, e[2] = a) : a = e[2];
-  let s;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (s = () => b(ee), e[3] = s) : s = e[3];
-  const m = j("d-folder", u);
-  let C;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+  }, e[7] = d, e[8] = s, e[9] = b) : b = e[9];
+  let x;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (x = () => F(ne), e[10] = x) : x = e[10];
+  const l = N("d-folder", S);
+  let r;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (r = {
     gap: "0.35rem"
-  }, e[4] = C) : C = e[4];
-  let g;
-  e[5] !== o ? (g = o ? /* @__PURE__ */ c(N, { size: 12 }) : /* @__PURE__ */ c(G, { size: 12 }), e[5] = o, e[6] = g) : g = e[6];
-  let d;
-  e[7] !== i ? (d = /* @__PURE__ */ c(P, { children: i }), e[7] = i, e[8] = d) : d = e[8];
-  let f;
-  e[9] !== g || e[10] !== d ? (f = /* @__PURE__ */ k(z, { align: "center", style: C, children: [
-    g,
-    d
-  ] }), e[9] = g, e[10] = d, e[11] = f) : f = e[11];
-  let I;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+  }, e[11] = r) : r = e[11];
+  let c;
+  e[12] !== m ? (c = m ? /* @__PURE__ */ a(J, { size: 12 }) : /* @__PURE__ */ a(K, { size: 12 }), e[12] = m, e[13] = c) : c = e[13];
+  let o;
+  e[14] !== s ? (o = /* @__PURE__ */ a(G, { children: s }), e[14] = s, e[15] = o) : o = e[15];
+  let t;
+  e[16] !== c || e[17] !== o ? (t = /* @__PURE__ */ R(T, { align: "center", style: r, children: [
+    c,
+    o
+  ] }), e[16] = c, e[17] = o, e[18] = t) : t = e[18];
+  let i;
+  e[19] === Symbol.for("react.memo_cache_sentinel") ? (i = {
     gap: "0.35rem"
-  }, e[12] = I) : I = e[12];
-  let y;
-  e[13] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ c(M, { p: "0", variant: "none", children: /* @__PURE__ */ c(V, { size: 12 }) }), e[13] = y) : y = e[13];
-  let F;
-  e[14] !== o ? (F = /* @__PURE__ */ k(z, { align: "center", style: I, children: [
-    y,
-    /* @__PURE__ */ c(M, { p: "0", variant: "none", children: o ? /* @__PURE__ */ c(q, { size: 12 }) : /* @__PURE__ */ c(J, { size: 12 }) })
-  ] }), e[14] = o, e[15] = F) : F = e[15];
-  let l;
-  e[16] !== F || e[17] !== s || e[18] !== m || e[19] !== f ? (l = /* @__PURE__ */ k("div", { onClick: s, ...m, children: [
-    f,
-    F
-  ] }), e[16] = F, e[17] = s, e[18] = m, e[19] = f, e[20] = l) : l = e[20];
+  }, e[19] = i) : i = e[19];
   let n;
-  e[21] !== D || e[22] !== u || e[23] !== a || e[24] !== l ? (n = /* @__PURE__ */ c(D, { contextData: a, ...u, children: l }), e[21] = D, e[22] = u, e[23] = a, e[24] = l, e[25] = n) : n = e[25];
-  const w = o ? $ : null;
-  let r;
-  e[26] !== w ? (r = /* @__PURE__ */ c("div", { className: "d-folder__content", children: w }), e[26] = w, e[27] = r) : r = e[27];
-  let t;
-  return e[28] !== n || e[29] !== r ? (t = /* @__PURE__ */ k(R, { children: [
-    n,
-    r
-  ] }), e[28] = n, e[29] = r, e[30] = t) : t = e[30], t;
-}, Z = (h) => {
-  const e = T.c(30);
-  let i, _, S, $, u, v, o, b;
-  if (e[0] !== h) {
+  e[20] !== m ? (n = /* @__PURE__ */ a(T, { align: "center", style: i, children: /* @__PURE__ */ a(te, { p: "0", variant: "none", children: m ? /* @__PURE__ */ a(L, { size: 12 }) : /* @__PURE__ */ a(Q, { size: 12 }) }) }), e[20] = m, e[21] = n) : n = e[21];
+  let A;
+  e[22] !== n || e[23] !== x || e[24] !== l || e[25] !== t ? (A = /* @__PURE__ */ R("div", { onClick: x, ...l, children: [
+    t,
+    n
+  ] }), e[22] = n, e[23] = x, e[24] = l, e[25] = t, e[26] = A) : A = e[26];
+  let O;
+  e[27] !== y || e[28] !== k || e[29] !== A || e[30] !== b ? (O = /* @__PURE__ */ a(y, { contextData: b, ...k, children: A }), e[27] = y, e[28] = k, e[29] = A, e[30] = b, e[31] = O) : O = e[31];
+  const $ = m ? D : null;
+  let M;
+  e[32] !== $ ? (M = /* @__PURE__ */ a("div", { className: "d-folder__content", children: $ }), e[32] = $, e[33] = M) : M = e[33];
+  let j;
+  return e[34] !== O || e[35] !== M ? (j = /* @__PURE__ */ R(B, { children: [
+    O,
+    M
+  ] }), e[34] = O, e[35] = M, e[36] = j) : j = e[36], j;
+}, oe = (I) => {
+  const e = E.c(38);
+  let s, d, v, D, h, u, f, w;
+  if (e[0] !== I) {
     const {
-      name: g,
-      path: d,
-      flow: f,
-      onSelect: I,
-      active: y,
-      ...F
-    } = h;
-    S = g;
-    const l = L(d + S), n = te;
-    _ = B, e[9] !== f || e[10] !== d ? (o = {
-      name: d,
-      flow: f,
+      name: k,
+      path: y,
+      flow: b,
+      onSelect: x,
+      active: l,
+      onCreate: r,
+      onDelete: c,
+      onRename: o,
+      activeFlowId: t,
+      namespaceId: i,
+      projectId: n,
+      ...A
+    } = I;
+    v = k, h = y, d = b, D = x;
+    let O;
+    e[9] !== t || e[10] !== i || e[11] !== r || e[12] !== c || e[13] !== o || e[14] !== n ? (O = {
+      onCreate: r,
+      onDelete: c,
+      onRename: o,
+      activeFlowId: t,
+      namespaceId: i,
+      projectId: n
+    }, e[9] = t, e[10] = i, e[11] = r, e[12] = c, e[13] = o, e[14] = n, e[15] = O) : O = e[15];
+    const $ = O;
+    s = H, e[16] !== d || e[17] !== h ? (f = {
+      name: h,
+      flow: d,
       type: "item"
-    }, e[9] = f, e[10] = d, e[11] = o) : o = e[11], b = F, u = j(`d-folder__item ${y ? "d-folder__item--active" : ""}`, F), e[12] !== f || e[13] !== I ? (v = () => I?.(f), e[12] = f, e[13] = I, e[14] = v) : v = e[14], i = K, $ = n(l), e[0] = h, e[1] = i, e[2] = _, e[3] = S, e[4] = $, e[5] = u, e[6] = v, e[7] = o, e[8] = b;
+    }, e[16] = d, e[17] = h, e[18] = f) : f = e[18], w = $, u = N(`d-folder__item ${l ? "d-folder__item--active" : ""}`, A), e[0] = I, e[1] = s, e[2] = d, e[3] = v, e[4] = D, e[5] = h, e[6] = u, e[7] = f, e[8] = w;
   } else
-    i = e[1], _ = e[2], S = e[3], $ = e[4], u = e[5], v = e[6], o = e[7], b = e[8];
-  const D = `hsl(${$}, 100%, 72%)`;
-  let a;
-  e[15] !== i || e[16] !== D ? (a = /* @__PURE__ */ c(i, { color: D, size: 12 }), e[15] = i, e[16] = D, e[17] = a) : a = e[17];
-  let s;
-  e[18] !== S ? (s = /* @__PURE__ */ c(P, { children: S }), e[18] = S, e[19] = s) : s = e[19];
-  let m;
-  e[20] !== u || e[21] !== v || e[22] !== a || e[23] !== s ? (m = /* @__PURE__ */ k("div", { ...u, onClick: v, children: [
-    a,
-    s
-  ] }), e[20] = u, e[21] = v, e[22] = a, e[23] = s, e[24] = m) : m = e[24];
+    s = e[1], d = e[2], v = e[3], D = e[4], h = e[5], u = e[6], f = e[7], w = e[8];
   let C;
-  return e[25] !== _ || e[26] !== o || e[27] !== b || e[28] !== m ? (C = /* @__PURE__ */ c(_, { contextData: o, ...b, children: m }), e[25] = _, e[26] = o, e[27] = b, e[28] = m, e[29] = C) : C = e[29], C;
+  e[19] !== d || e[20] !== D ? (C = () => D?.(d), e[19] = d, e[20] = D, e[21] = C) : C = e[21];
+  const P = h + v;
+  let S;
+  e[22] !== P ? (S = W(P), e[22] = P, e[23] = S) : S = e[23];
+  let _;
+  e[24] !== S ? (_ = /* @__PURE__ */ a(U, { color: S, size: 12 }), e[24] = S, e[25] = _) : _ = e[25];
+  let m;
+  e[26] !== v ? (m = /* @__PURE__ */ a(G, { children: v }), e[26] = v, e[27] = m) : m = e[27];
+  let F;
+  e[28] !== u || e[29] !== C || e[30] !== _ || e[31] !== m ? (F = /* @__PURE__ */ R("div", { ...u, onClick: C, children: [
+    _,
+    m
+  ] }), e[28] = u, e[29] = C, e[30] = _, e[31] = m, e[32] = F) : F = e[32];
+  let g;
+  return e[33] !== s || e[34] !== f || e[35] !== w || e[36] !== F ? (g = /* @__PURE__ */ a(s, { contextData: f, ...w, children: F }), e[33] = s, e[34] = f, e[35] = w, e[36] = F, e[37] = g) : g = e[37], g;
 };
-function ee(h) {
-  return !h;
-}
-function te(h) {
-  return parseInt(h.slice(0, 8), 16) % 360;
+function ne(I) {
+  return !I;
 }
 export {
-  be as DFlowFolder,
-  Y as DFlowFolderGroup,
-  Z as DFlowFolderItem
+  Oe as DFlowFolder,
+  le as DFlowFolderGroup,
+  oe as DFlowFolderItem
 };

package/dist/components/d-flow-folder/DFlowFolderContextMenu.js

@@ -1,27 +1,34 @@
 import { jsx as e, Fragment as a, jsxs as n } from "react/jsx-runtime";
 import h from "react";
-import { ContextMenu as s, ContextMenuTrigger as x, ContextMenuPortal as C, ContextMenuContent as S, ContextMenuSub as f, ContextMenuSubTrigger as M, ContextMenuSubContent as g, ContextMenuItem as r, ContextMenuSeparator as p } from "../context-menu/ContextMenu.js";
+import { ContextMenu as x, ContextMenuTrigger as s, ContextMenuPortal as C, ContextMenuContent as p, ContextMenuSub as S, ContextMenuSubTrigger as f, ContextMenuSubContent as M, ContextMenuItem as r, ContextMenuSeparator as g } from "../context-menu/ContextMenu.js";
 import { Flex as v } from "../flex/Flex.js";
 import { Text as i } from "../text/Text.js";
 import { IconChevronRight as w, IconEdit as D, IconTrash as F } from "@tabler/icons-react";
 import { useService as R, useStore as T } from "../../utils/contextStore.js";
 import "merge-props";
 import { DFlowTypeReactiveService as c } from "../d-flow-type/DFlowType.service.js";
-const k = (t) => {
+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";
+const K = (t) => {
   const {
     children: l
-  } = t, d = R(c), m = T(c), u = h.useMemo(() => d.values(), [m]);
-  return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ e(x, { asChild: !0, children: l }),
-    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ n(f, { children: [
-      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(v, { align: "center", justify: "space-between", w: "100%", children: [
+  } = t, m = R(c), d = T(c), u = h.useMemo(() => m.values(), [d]);
+  return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ e(s, { asChild: !0, children: l }),
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ n(S, { children: [
+      /* @__PURE__ */ e(f, { children: /* @__PURE__ */ n(v, { align: "center", justify: "space-between", w: "100%", children: [
         /* @__PURE__ */ e(i, { children: "New flow" }),
         /* @__PURE__ */ e(w, { size: 12 })
       ] }) }),
-      /* @__PURE__ */ e(g, { children: u.map((o) => /* @__PURE__ */ e(r, { onSelect: () => {
+      /* @__PURE__ */ e(M, { children: u.map((o) => /* @__PURE__ */ e(r, { onSelect: () => {
         t.onCreate?.(o.id);
-      }, children: o.names?.nodes[0]?.content ?? o.id }, o.id)) }),
-      /* @__PURE__ */ e(p, {}),
+      }, children: o.names[0]?.content ?? o.id }, o.id)) }),
+      /* @__PURE__ */ e(g, {}),
       /* @__PURE__ */ n(r, { onSelect: () => t.onRename?.(t.contextData), children: [
         /* @__PURE__ */ e(D, { size: 12, color: "purple" }),
         /* @__PURE__ */ e(i, { children: "Rename" })
@@ -34,5 +41,5 @@ const k = (t) => {
   ] }) });
 };
 export {
-  k as DFlowFolderContextMenu
+  K as DFlowFolderContextMenu
 };

package/dist/components/d-flow-folder/DFlowFolderItemPathInput.js

@@ -36,6 +36,7 @@ function a(e, r) {
   return o.map((m, i) => {
     const s = {
       type: o.length - 1 !== i ? "block" : "text",
+      value: m,
       start: n,
       end: n + m.length,
       visualLength: o.length - 1 !== i ? 1 : m.length,

package/dist/components/d-flow-function/DFlowFunction.input.hook.js

@@ -1,9 +1,8 @@
 import { resolveGenericKeys as o, replaceGenericKeysInType as s } from "../../utils/generics.js";
-const c = (r, e, n, p) => {
-  if (!e.returnType) return null;
-  const t = o(e, n, p);
-  return s(r, t);
+const y = (e, r, n, p) => {
+  const c = o(r, n, p);
+  return s(e, c);
 };
 export {
-  c as useInputType
+  y as useInputType
 };

package/dist/components/d-flow-function/DFlowFunction.return.hook.js

@@ -1,6 +1,6 @@
 import { resolveGenericKeys as t, replaceGenericKeysInType as y } from "../../utils/generics.js";
 const s = (e, r, n) => {
-  if (!e.returnType) return null;
+  if (!e?.returnType) return null;
   const p = t(e, r, n);
   return y(e.returnType, p);
 };

package/dist/components/d-flow-function/DFlowFunction.view.d.ts

@@ -1,9 +1,11 @@
-import { DataTypeIdentifier, FunctionDefinition, Maybe, ParameterDefinition, RuntimeFunctionDefinition, Scalars, TranslationConnection } from '@code0-tech/sagittarius-graphql-types';
+import { DataTypeIdentifier, DataTypeIdentifierConnection, FunctionDefinition, Maybe, ParameterDefinition, RuntimeFunctionDefinition, Scalars, Translation } from '@code0-tech/sagittarius-graphql-types';
 export declare class FunctionDefinitionView {
     /** Name of the function */
     private readonly _aliases?;
     /** Time when this FunctionDefinition was created */
     private readonly _createdAt?;
+    /** All data type identifiers used within this Node Function */
+    private readonly _dataTypeIdentifiers?;
     /** Deprecation message of the function */
     private readonly _deprecationMessages?;
     /** Description of the function */
@@ -31,16 +33,17 @@ export declare class FunctionDefinitionView {
     /** Time when this FunctionDefinition was last updated */
     private readonly _updatedAt?;
     constructor(object: FunctionDefinition);
-    get aliases(): Maybe<TranslationConnection> | undefined;
+    get aliases(): Maybe<Array<Translation>> | undefined;
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
-    get deprecationMessages(): Maybe<TranslationConnection> | undefined;
-    get descriptions(): Maybe<TranslationConnection> | undefined;
-    get displayMessages(): Maybe<TranslationConnection> | undefined;
-    get documentations(): Maybe<TranslationConnection> | undefined;
+    get dataTypeIdentifiers(): Maybe<DataTypeIdentifierConnection> | undefined;
+    get deprecationMessages(): Maybe<Array<Translation>> | undefined;
+    get descriptions(): Maybe<Array<Translation>> | undefined;
+    get displayMessages(): Maybe<Array<Translation>> | undefined;
+    get documentations(): Maybe<Array<Translation>> | undefined;
     get genericKeys(): Maybe<Array<Scalars["String"]["output"]>> | undefined;
     get id(): Maybe<Scalars["FunctionDefinitionID"]["output"]> | undefined;
     get identifier(): Maybe<Scalars["String"]["output"]> | undefined;
-    get names(): Maybe<TranslationConnection> | undefined;
+    get names(): Maybe<Array<Translation>> | undefined;
     get parameterDefinitions(): Maybe<ParameterDefinitionView[]> | undefined;
     get returnType(): Maybe<DataTypeIdentifier> | undefined;
     get runtimeFunctionDefinition(): Maybe<RuntimeFunctionDefinition> | undefined;
@@ -65,14 +68,14 @@ export declare class ParameterDefinitionView {
     private readonly _names?;
     /** Time when this ParameterDefinition was last updated */
     private readonly _updatedAt?;
-    constructor(object: ParameterDefinition);
+    constructor(object: ParameterDefinition, dataTypeIdentifiers: DataTypeIdentifier[]);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get dataTypeIdentifier(): Maybe<DataTypeIdentifier> | undefined;
-    get descriptions(): Maybe<TranslationConnection> | undefined;
-    get documentations(): Maybe<TranslationConnection> | undefined;
+    get descriptions(): Maybe<Array<Translation>> | undefined;
+    get documentations(): Maybe<Array<Translation>> | undefined;
     get id(): Maybe<Scalars["ParameterDefinitionID"]["output"]> | undefined;
     get identifier(): Maybe<Scalars["String"]["output"]> | undefined;
-    get names(): Maybe<TranslationConnection> | undefined;
+    get names(): Maybe<Array<Translation>> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     json(): ParameterDefinition;
 }

package/dist/components/d-flow-function/DFlowFunction.view.js

@@ -1,11 +1,12 @@
+import { resolveDataTypeIdentifiers as d, attachDataTypeIdentifiers as n } from "../d-flow/DFlow.util.js";
 function t(e, i, s) {
-  return (i = n(i)) in e ? Object.defineProperty(e, i, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = s, e;
+  return (i = a(i)) in e ? Object.defineProperty(e, i, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = s, e;
 }
-function n(e) {
-  var i = d(e, "string");
+function a(e) {
+  var i = o(e, "string");
   return typeof i == "symbol" ? i : i + "";
 }
-function d(e, i) {
+function o(e, i) {
   if (typeof e != "object" || !e) return e;
   var s = e[Symbol.toPrimitive];
   if (s !== void 0) {
@@ -15,9 +16,11 @@ function d(e, i) {
   }
   return (i === "string" ? String : Number)(e);
 }
-class o {
+class u {
   constructor(i) {
-    t(this, "_aliases", void 0), t(this, "_createdAt", void 0), t(this, "_deprecationMessages", void 0), t(this, "_descriptions", void 0), t(this, "_displayMessages", void 0), t(this, "_documentations", void 0), t(this, "_genericKeys", void 0), t(this, "_id", void 0), t(this, "_identifier", void 0), t(this, "_names", void 0), t(this, "_parameterDefinitions", void 0), t(this, "_returnType", void 0), t(this, "_runtimeFunctionDefinition", void 0), t(this, "_throwsError", void 0), t(this, "_updatedAt", void 0), this._aliases = i.aliases, this._createdAt = i.createdAt, this._deprecationMessages = i.deprecationMessages, this._descriptions = i.descriptions, this._displayMessages = i.displayMessages, this._documentations = i.documentations, this._genericKeys = i.genericKeys, this._id = i.id, this._identifier = i.identifier, this._names = i.names, this._parameterDefinitions = i.parameterDefinitions?.nodes?.map((s) => new a(s)) ?? void 0, this._returnType = i.returnType, this._runtimeFunctionDefinition = i.runtimeFunctionDefinition, this._throwsError = i.throwsError, this._updatedAt = i.updatedAt;
+    t(this, "_aliases", void 0), t(this, "_createdAt", void 0), t(this, "_dataTypeIdentifiers", void 0), t(this, "_deprecationMessages", void 0), t(this, "_descriptions", void 0), t(this, "_displayMessages", void 0), t(this, "_documentations", void 0), t(this, "_genericKeys", void 0), t(this, "_id", void 0), t(this, "_identifier", void 0), t(this, "_names", void 0), t(this, "_parameterDefinitions", void 0), t(this, "_returnType", void 0), t(this, "_runtimeFunctionDefinition", void 0), t(this, "_throwsError", void 0), t(this, "_updatedAt", void 0);
+    const s = d(i.dataTypeIdentifiers?.nodes ?? []);
+    this._aliases = i.aliases, this._createdAt = i.createdAt, this._dataTypeIdentifiers = i.dataTypeIdentifiers, this._deprecationMessages = i.deprecationMessages, this._descriptions = i.descriptions, this._displayMessages = i.displayMessages, this._documentations = i.documentations, this._genericKeys = i.genericKeys, this._id = i.id, this._identifier = i.identifier, this._names = i.names, this._parameterDefinitions = i.parameterDefinitions?.nodes?.map((r) => new h(r, s)) ?? void 0, this._returnType = n(s, i.returnType), this._runtimeFunctionDefinition = i.runtimeFunctionDefinition, this._throwsError = i.throwsError, this._updatedAt = i.updatedAt;
   }
   get aliases() {
     return this._aliases;
@@ -25,6 +28,9 @@ class o {
   get createdAt() {
     return this._createdAt;
   }
+  get dataTypeIdentifiers() {
+    return this._dataTypeIdentifiers;
+  }
   get deprecationMessages() {
     return this._deprecationMessages;
   }
@@ -82,13 +88,14 @@ class o {
       returnType: this._returnType,
       runtimeFunctionDefinition: this._runtimeFunctionDefinition,
       throwsError: this._throwsError,
-      updatedAt: this._updatedAt
+      updatedAt: this._updatedAt,
+      dataTypeIdentifiers: this._dataTypeIdentifiers
     };
   }
 }
-class a {
-  constructor(i) {
-    t(this, "_createdAt", void 0), t(this, "_dataTypeIdentifier", void 0), t(this, "_descriptions", void 0), t(this, "_documentations", void 0), t(this, "_id", void 0), t(this, "_identifier", void 0), t(this, "_names", void 0), t(this, "_updatedAt", void 0), this._createdAt = i.createdAt, this._dataTypeIdentifier = i.dataTypeIdentifier, this._descriptions = i.descriptions, this._documentations = i.documentations, this._id = i.id, this._identifier = i.identifier, this._names = i.names, this._updatedAt = i.updatedAt;
+class h {
+  constructor(i, s) {
+    t(this, "_createdAt", void 0), t(this, "_dataTypeIdentifier", void 0), t(this, "_descriptions", void 0), t(this, "_documentations", void 0), t(this, "_id", void 0), t(this, "_identifier", void 0), t(this, "_names", void 0), t(this, "_updatedAt", void 0), this._createdAt = i.createdAt, this._dataTypeIdentifier = n(s, i.dataTypeIdentifier), this._descriptions = i.descriptions, this._documentations = i.documentations, this._id = i.id, this._identifier = i.identifier, this._names = i.names, this._updatedAt = i.updatedAt;
   }
   get createdAt() {
     return this._createdAt;
@@ -127,6 +134,6 @@ class a {
   }
 }
 export {
-  o as FunctionDefinitionView,
-  a as ParameterDefinitionView
+  u as FunctionDefinitionView,
+  h as ParameterDefinitionView
 };