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

package/dist/components/d-flow-suggestion/DFlowSuggestion.hook.d.ts

@@ -1,18 +1,3 @@
-import { DFlowSuggestion, DFlowSuggestionType } from './DFlowSuggestion.view';
-import { DataTypeIdentifier, Flow, ReferenceValue } from '@code0-tech/sagittarius-graphql-types';
-export declare const useSuggestions: (type: DataTypeIdentifier | undefined, genericKeys: string[] | undefined, flowId: Flow["id"], depth?: number, scope?: number[], node?: number, suggestionTypes?: DFlowSuggestionType[]) => DFlowSuggestion[];
-/**
- * Walks the flow starting at its startingNode (depth-first, left-to-right) and collects
- * all RefObjects (variables/outputs) with contextual metadata:
- *  - depth: nesting level (root 0; +1 per NODE-parameter sub-block)
- *  - scope: PATH of scope ids as number[], e.g. [0], [0,1], [0,2], [0,2,3] ...
- *           (root is [0]; each NODE-parameter group appends a new unique id)
- *  - node:  GLOBAL visit index across the entire flow (1-based, strictly increasing)
- *
- * Notes:
- *  - A NODE-typed parameter opens a new group/lane: depth+1 and scopePath+[newId].
- *  - Functions passed as non-NODE parameters are traversed in the SAME depth/scopePath.
- *  - The `node` id is incremented globally for every visited node and shared by all
- *    RefObjects (inputs from rules and the return value) produced by that node.
- */
-export declare const useRefObjects: (flowId: Flow["id"]) => Array<ReferenceValue>;
+import { DFlowSuggestion } from './DFlowSuggestion.view';
+import { Flow, NodeFunction, NodeParameter } from '@code0-tech/sagittarius-graphql-types';
+export declare const useSuggestions: (flowId: Flow["id"], nodeId?: NodeFunction["id"], parameterId?: NodeParameter["id"]) => DFlowSuggestion[];

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

@@ -1,161 +1,24 @@
-import { useService as _ } from "../../utils/contextStore.js";
-import "react";
+import { useService as f, useStore as p } from "../../utils/contextStore.js";
+import o from "react";
 import "merge-props";
-import { DFlowDataTypeReactiveService as C } from "../d-flow-data-type/DFlowDataType.service.js";
-import { DFlowSuggestionType as i } from "./DFlowSuggestion.view.js";
-import { DFlowFunctionReactiveService as B } from "../d-flow-function/DFlowFunction.service.js";
-import { replaceGenericsAndSortType as h, resolveType as A, isMatchingType as S } from "../../utils/generics.js";
-import "../d-flow/DFlow.js";
-import { DFlowReactiveService as V } from "../d-flow/DFlow.service.js";
+import { DFlowFunctionReactiveService as g } from "../d-flow-function/DFlowFunction.service.js";
 import "js-md5";
-import { useReturnType as x } from "../d-flow-function/DFlowFunction.return.hook.js";
-import { useInputType as b } from "../d-flow-function/DFlowFunction.input.hook.js";
-const z = (s, l, T, E = 0, y = [0], I = 1, N = [i.REF_OBJECT, i.VALUE, i.FUNCTION, i.FUNCTION_COMBINATION, i.DATA_TYPE]) => {
-  const v = _(C), D = _(B), g = s ? v?.getDataType(s) : void 0, m = s ? h(A(s, v), l) : void 0, o = [];
-  return g && N.includes(i.VALUE) && g.rules?.nodes?.forEach((r) => {
-    if (r?.variant === "ITEM_OF_COLLECTION")
-      r.config.items?.forEach((e) => {
-        const t = {
-          path: [],
-          type: i.VALUE,
-          displayText: [e.toString()],
-          value: {
-            __typename: "LiteralValue",
-            value: e
-          }
-        };
-        o.push(t);
-      });
-    else if (r?.variant === "NUMBER_RANGE") {
-      const e = r.config, t = {
-        path: [],
-        type: i.VALUE,
-        displayText: [e.from?.toString() ?? ""],
-        value: {
-          __typename: "LiteralValue",
-          value: e.from
-        }
-      };
-      o.push(t);
-    }
-  }), g && g.variant === "DATA_TYPE" && N.includes(i.DATA_TYPE) && v.values().forEach((r) => {
-    const e = {
-      path: [],
-      type: i.DATA_TYPE,
-      displayText: [r.name?.nodes[0]?.content],
-      /*@ts-ignore*/
-      value: r.json
-    };
-    o.push(e);
-  }), N.includes(i.FUNCTION_COMBINATION) && D.values().filter((e) => {
-    if (!s || !m) return !0;
-    if (e.runtimeFunctionDefinition?.identifier == "RETURN" && s) return !1;
-    if (g?.variant === "NODE") return !0;
-    if (!e.returnType || !e.genericKeys) return !1;
-    const t = h(A(e.returnType, v), e.genericKeys);
-    return S(m, t);
-  }).sort((e, t) => {
-    const [a, d, c] = e.runtimeFunctionDefinition.identifier.split("::"), [u, n, p] = t.runtimeFunctionDefinition.identifier.split("::"), f = a.localeCompare(u);
-    if (f !== 0) return f;
-    const F = d.localeCompare(n);
-    return F !== 0 ? F : c.localeCompare(p);
-  }).forEach((e) => {
-    const t = {
-      __typename: "NodeFunction",
-      id: "gid://sagittarius/NodeFunction/1",
-      functionDefinition: {
-        id: e.id,
-        runtimeFunctionDefinition: e.runtimeFunctionDefinition
-      },
-      parameters: {
-        nodes: e.parameterDefinitions?.map((d) => ({
-          id: d.id,
-          runtimeParameter: {
-            id: d.id
-          }
-        })) ?? []
-      }
-    }, a = {
-      path: [],
-      type: i.FUNCTION,
-      displayText: [e.names?.nodes[0]?.content],
-      value: t
-    };
-    o.push(a);
-  }), N.includes(i.REF_OBJECT) && (s ? L(T) : []).forEach((e) => {
-    if ((e?.node ?? 0) >= I || (e?.depth ?? 0) > E || (e?.scope ?? []).some((d) => !y.includes(d)) || !m) return;
-    const t = h(A(e.dataTypeIdentifier, v), []);
-    if (!S(m, t)) return;
-    const a = {
-      path: [],
-      type: i.REF_OBJECT,
-      displayText: [`${e.depth}-${e.scope}-${e.node || ""}`],
-      value: e
-    };
-    o.push(a);
-  }), o.sort();
-}, L = (s) => {
-  const l = _(C), T = _(V), E = _(B), y = [];
-  if (!l || !T || !E) return y;
-  const I = T.values().find((o) => o.id === s);
-  if (!I?.startingNodeId) return y;
-  let N = 0;
-  const v = () => ++N;
-  let D = 0;
-  const g = () => ++D, m = (o, r, e) => {
-    if (!o) return;
-    let t = o.__typename === "NodeFunctionIdWrapper" ? T.getNodeById(s, o.id) : o;
-    for (; t; ) {
-      const a = E.getById(t.functionDefinition?.id);
-      if (!a) break;
-      const d = g();
-      if (t.parameters && a.parameterDefinitions)
-        for (const c of a.parameterDefinitions) {
-          const u = l.getDataType(c.dataTypeIdentifier);
-          if (!u || u.variant === "NODE") continue;
-          const n = u.rules?.nodes?.filter((p) => p?.variant === "INPUT_TYPES") ?? [];
-          if (n.length) {
-            const f = t.parameters?.nodes?.find((O) => O?.id === c.id)?.value, F = f !== void 0 ? f?.__typename === "NodeFunctionIdWrapper" ? [f] : [f] : [];
-            for (const O of n) {
-              const U = O?.config, R = b(U.dataTypeIdentifier, a, F, l);
-              R && y.push({
-                __typename: "ReferenceValue",
-                dataTypeIdentifier: R,
-                depth: r,
-                scope: e,
-                node: d
-              });
-            }
-          }
-        }
-      {
-        const c = t.parameters?.nodes?.map((n) => n?.value).filter((n) => n !== void 0) ?? [], u = x(a, c, l);
-        u && y.push({
-          __typename: "ReferenceValue",
-          dataTypeIdentifier: u,
-          depth: r,
-          scope: e,
-          node: d
-        });
-      }
-      if (t.parameters && a.parameterDefinitions)
-        for (const c of a.parameterDefinitions)
-          if (l.getDataType(c.dataTypeIdentifier)?.variant === "NODE") {
-            const n = t.parameters?.nodes?.find((p) => p?.id === c.id);
-            if (n?.value && n.value.__typename === "NodeFunctionIdWrapper") {
-              const p = n.value, f = [...e, v()];
-              m(p, r + 1, f);
-            }
-          } else {
-            const n = t.parameters?.nodes?.find((p) => p?.id === c.id);
-            n?.value && n.value.__typename === "NodeFunctionIdWrapper" && m(n.value, r, e);
-          }
-      t = T.getNodeById(I.id, t.nextNodeId);
-    }
-  };
-  return m(T.getNodeById(I.id, I.startingNodeId), 0, [0]), y;
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as a } from "../d-flow/DFlow.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 { useValueSuggestions as M } from "./DFlowValueSuggestions.hook.js";
+import { useReferenceSuggestions as R } from "./DFlowReferenceSuggestions.hook.js";
+import { useFunctionSuggestions as T } from "./DFlowFunctionSuggestions.hook.js";
+import { useDataTypeSuggestions as B } from "./DFlowDataTypeSuggestions.hook.js";
+const J = (e, t, n) => {
+  const c = f(g), u = f(a), S = p(g), D = p(a), r = o.useMemo(() => u.getNodeById(e, t), [e, u, D, t]), s = o.useMemo(() => r?.functionDefinition?.id ? c.getById(r.functionDefinition.id) : void 0, [S, c, r?.functionDefinition?.id]), i = o.useMemo(() => s?.parameterDefinitions?.find((F) => F.id === n), [s?.parameterDefinitions, n])?.dataTypeIdentifier, m = s?.genericKeys ?? [], v = M(i), y = B(i), d = R(e, t, i, m), l = T(i, m);
+  return o.useMemo(() => [...v, ...y, ...d, ...l].sort(), [e, t, n]);
 };
 export {
-  L as useRefObjects,
-  z as useSuggestions
+  J as useSuggestions
 };

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

@@ -1,83 +1,72 @@
-import { jsx as r, jsxs as T } from "react/jsx-runtime";
-import { c as _ } from "../../_virtual/compiler-runtime.js";
-import { MenuTrigger as B, MenuSeparator as A, MenuPortal as L, Menu as O } from "../menu/Menu.js";
-import b from "react";
-import { DFlowSuggestionMenuFooter as P } from "./DFlowSuggestionMenuFooter.js";
+import { jsx as r, jsxs as F } 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 y from "react";
+import { DFlowSuggestionMenuFooter as B } from "./DFlowSuggestionMenuFooter.js";
 import "@radix-ui/react-checkbox";
 import "merge-props";
 import "@tabler/icons-react";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
 import "../form/Input.js";
-import { InputSuggestionMenuContentItems as U, InputSuggestionMenuContent as $ } from "../form/InputSuggestion.js";
+import { InputSuggestionMenuContentItems as L, InputSuggestionMenuContent as P } 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 q } from "./DFlowSuggestionMenu.util.js";
-import { DFlowSuggestionMenuSearchBar as v } from "./DFlowSuggestionMenuSearchBar.js";
-import { useStoreApi as z } from "@xyflow/react";
-const ce = (R) => {
-  const e = _.c(28), {
-    suggestions: c,
+import { toInputSuggestions as U } from "./DFlowSuggestionMenu.util.js";
+import { DFlowSuggestionMenuSearchBar as $ } from "./DFlowSuggestionMenuSearchBar.js";
+const le = (R) => {
+  const e = k.c(25), {
+    suggestions: f,
     triggerContent: M,
-    onSuggestionSelect: x
+    onSuggestionSelect: I
   } = R;
-  let p;
-  e[0] !== c ? (p = c === void 0 ? [] : c, e[0] = c, e[1] = p) : p = e[1];
-  const o = p, w = x === void 0 ? G : x, y = z(), C = b.useRef(null), [I, F] = b.useState(o);
-  let g, a;
-  e[2] !== o ? (g = () => {
-    F(o);
-  }, a = [o], e[2] = o, e[3] = g, e[4] = a) : (g = e[3], a = e[4]), b.useEffect(g, a);
-  let s;
-  e[5] !== y ? (s = (t) => {
-    setTimeout(() => {
-      y.setState({
-        nodesDraggable: !t,
-        nodesConnectable: !t,
-        elementsSelectable: !t
-      });
-    }, 250);
-  }, e[5] = y, e[6] = s) : s = e[6];
+  let c;
+  e[0] !== f ? (c = f === void 0 ? [] : f, e[0] = f, e[1] = c) : c = e[1];
+  const t = c, D = I === void 0 ? q : I, _ = y.useRef(null), [w, x] = y.useState(t);
+  let g, p;
+  e[2] !== t ? (g = () => {
+    x(t);
+  }, p = [t], e[2] = t, e[3] = g, e[4] = p) : (g = e[3], p = e[4]), y.useEffect(g, p);
   let i;
-  e[7] !== M ? (i = /* @__PURE__ */ r(B, { asChild: !0, children: M }), e[7] = M, e[8] = i) : i = e[8];
+  e[5] !== M ? (i = /* @__PURE__ */ r(v, { asChild: !0, children: M }), e[5] = M, e[6] = i) : i = e[6];
+  let s;
+  e[7] !== t ? (s = /* @__PURE__ */ r($, { onType: (o) => {
+    o.key === "ArrowDown" ? (o.preventDefault(), _.current?.focusFirstItem()) : o.key === "ArrowUp" && (o.preventDefault(), _.current?.focusLastItem());
+    const T = o.target.value;
+    return x(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] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r(C, {}), e[9] = a) : a = e[9];
   let n;
-  e[9] !== o ? (n = /* @__PURE__ */ r(v, { onType: (t) => {
-    t.key === "ArrowDown" ? (t.preventDefault(), C.current?.focusFirstItem()) : t.key === "ArrowUp" && (t.preventDefault(), C.current?.focusLastItem());
-    const j = t.target.value;
-    return F(o.filter((k) => k.displayText.some((E) => E.includes(j)))), t.preventDefault(), !1;
-  } }), e[9] = o, e[10] = n) : n = e[10];
-  let S;
-  e[11] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ r(A, {}), e[11] = S) : S = e[11];
+  e[10] !== w ? (n = U(w), e[10] = w, e[11] = n) : n = e[11];
   let l;
-  e[12] !== I ? (l = q(I), e[12] = I, e[13] = l) : l = e[13];
+  e[12] !== D ? (l = (o) => {
+    D(o.valueData);
+  }, e[12] = D, e[13] = l) : l = e[13];
   let u;
-  e[14] !== w ? (u = (t) => {
-    w(t.valueData);
-  }, e[14] = w, e[15] = u) : u = e[15];
+  e[14] !== n || e[15] !== l ? (u = /* @__PURE__ */ r(L, { ref: _, suggestions: n, onSuggestionSelect: l }), e[14] = n, e[15] = l, e[16] = u) : u = e[16];
+  let S, d;
+  e[17] === 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[16] !== u || e[17] !== l ? (m = /* @__PURE__ */ r(U, { ref: C, suggestions: l, onSuggestionSelect: u }), e[16] = u, e[17] = l, e[18] = m) : m = e[18];
-  let d, h;
-  e[19] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ r(A, {}), h = /* @__PURE__ */ r(P, {}), e[19] = d, e[20] = h) : (d = e[19], h = e[20]);
-  let f;
-  e[21] !== m || e[22] !== n ? (f = /* @__PURE__ */ r(L, { children: /* @__PURE__ */ T($, { align: "center", children: [
-    n,
+  e[19] !== u || e[20] !== s ? (m = /* @__PURE__ */ r(A, { children: /* @__PURE__ */ F(P, { align: "center", children: [
+    s,
+    a,
+    u,
     S,
-    m,
-    d,
-    h
-  ] }) }), e[21] = m, e[22] = n, e[23] = f) : f = e[23];
-  let D;
-  return e[24] !== f || e[25] !== s || e[26] !== i ? (D = /* @__PURE__ */ T(O, { onOpenChange: s, children: [
+    d
+  ] }) }), e[19] = u, e[20] = s, e[21] = m) : m = e[21];
+  let h;
+  return e[22] !== m || e[23] !== i ? (h = /* @__PURE__ */ F(E, { children: [
     i,
-    f
-  ] }), e[24] = f, e[25] = s, e[26] = i, e[27] = D) : D = e[27], D;
+    m
+  ] }), e[22] = m, e[23] = i, e[24] = h) : h = e[24], h;
 };
-function G() {
+function q() {
 }
 export {
-  ce as DFlowSuggestionMenu
+  le as DFlowSuggestionMenu
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as T, Fragment as d } from "react/jsx-runtime";
 import { DFlowSuggestionType as e } from "./DFlowSuggestion.view.js";
-import { IconCircleDot as c, IconCirclesRelation as u, IconFileFunctionFilled as a } from "@tabler/icons-react";
-import { Text as I } from "../text/Text.js";
+import { IconCircleDot as c, IconCirclesRelation as s, IconFileFunctionFilled as a } from "@tabler/icons-react";
+import { Text as u } from "../text/Text.js";
 const D = (p) => {
   const f = {
     [e.VALUE]: "Values",
@@ -12,12 +12,12 @@ const D = (p) => {
     const m = {
       [e.FUNCTION]: /* @__PURE__ */ o(a, { color: "#70ffb2", size: 16 }),
       [e.FUNCTION_COMBINATION]: /* @__PURE__ */ o(a, { color: "#70ffb2", size: 16 }),
-      [e.REF_OBJECT]: /* @__PURE__ */ o(u, { color: "#FFBE0B", size: 16 }),
+      [e.REF_OBJECT]: /* @__PURE__ */ o(s, { color: "#FFBE0B", size: 16 }),
       [e.VALUE]: /* @__PURE__ */ o(c, { color: "#D90429", size: 16 }),
       [e.DATA_TYPE]: /* @__PURE__ */ o(c, { color: "#D90429", size: 16 })
     }, F = /* @__PURE__ */ T(d, { children: [
       m[i.type],
-      /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(I, { display: "flex", style: {
+      /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(u, { display: "flex", style: {
         gap: ".5rem"
       }, children: i.displayText.map((t, r) => /* @__PURE__ */ o("span", { children: t }, r)) }) })
     ] });
@@ -31,6 +31,7 @@ const D = (p) => {
     }
     return {
       children: F,
+      insertMode: "replace",
       valueData: i,
       value: i.value,
       groupBy: n

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

@@ -16,16 +16,16 @@ import "../form/SwitchInput.js";
 import "../form/TextInput.js";
 import { Button as l } from "../button/Button.js";
 /* empty css                                      */
-import { setElementKey as u } from "../form/Input.utils.js";
-const D = i.forwardRef((e, t) => {
+import { clearInputElement as u } from "../form/Input.utils.js";
+const D = i.forwardRef((p, t) => {
   t = t || i.useRef(null);
   const {
     clearable: m = !1,
-    right: p,
+    right: e,
     ...n
-  } = e, a = () => {
-    t.current && u(t.current, "value", "", "change");
-  }, r = [p];
+  } = p, a = () => {
+    u(t.current);
+  }, r = [e];
   return m && r.push(/* @__PURE__ */ o(l, { variant: "none", onClick: a, children: /* @__PURE__ */ o(s, { size: 13 }) })), /* @__PURE__ */ o(c, { wrapperComponent: {
     className: "d-flow-suggestion-search-input"
   }, right: r, type: "text", ref: t, ...n });

package/dist/components/d-flow-suggestion/DFlowValueSuggestions.hook.d.ts

@@ -0,0 +1,3 @@
+import { DFlowSuggestion } from './DFlowSuggestion.view';
+import { DataTypeIdentifier } from '@code0-tech/sagittarius-graphql-types';
+export declare const useValueSuggestions: (dataTypeIdentifier?: DataTypeIdentifier) => DFlowSuggestion[];

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

@@ -0,0 +1,44 @@
+import n from "react";
+import { useService as f, useStore as c } from "../../utils/contextStore.js";
+import "merge-props";
+import { DFlowDataTypeReactiveService as p } from "../d-flow-data-type/DFlowDataType.service.js";
+import "js-md5";
+import { DFlowSuggestionType as u } from "./DFlowSuggestion.view.js";
+const E = (r) => {
+  const s = f(p), m = c(p), i = n.useMemo(() => r ? s?.getDataType(r) : void 0, [r, s, m]);
+  return n.useMemo(() => {
+    if (!i) return [];
+    const a = [];
+    return i.rules?.nodes?.forEach((e) => {
+      if (e?.variant === "ITEM_OF_COLLECTION")
+        e.config.items?.forEach((t) => {
+          a.push({
+            path: [],
+            type: u.VALUE,
+            displayText: [t.toString()],
+            value: {
+              __typename: "LiteralValue",
+              value: t
+            }
+          });
+        });
+      else if (e?.variant === "NUMBER_RANGE") {
+        const t = e.config;
+        if (t.from === null || t.from === void 0 || t.to === null || t.to === void 0) return;
+        for (let o = t.from; o <= t.to; o += t.steps ?? 1)
+          a.push({
+            path: [],
+            type: u.VALUE,
+            displayText: [o.toString() ?? ""],
+            value: {
+              __typename: "LiteralValue",
+              value: String(o)
+            }
+          });
+      }
+    }), a;
+  }, [i]);
+};
+export {
+  E as useValueSuggestions
+};

package/dist/components/d-flow-type/DFlowType.view.d.ts

@@ -1,4 +1,4 @@
-import { DataType, FlowType, FlowTypeSetting, Maybe, Scalars, TranslationConnection } from '@code0-tech/sagittarius-graphql-types';
+import { DataType, FlowType, FlowTypeSetting, Maybe, Scalars, Translation } from '@code0-tech/sagittarius-graphql-types';
 export declare class FlowTypeView {
     /** Name of the function */
     private readonly _aliases?;
@@ -25,16 +25,16 @@ export declare class FlowTypeView {
     /** Time when this FlowType was last updated */
     private readonly _updatedAt?;
     constructor(flowType: FlowType);
-    get aliases(): Maybe<TranslationConnection> | undefined;
+    get aliases(): Maybe<Array<Translation>> | undefined;
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
-    get descriptions(): Maybe<TranslationConnection> | undefined;
-    get displayMessages(): Maybe<TranslationConnection> | undefined;
+    get descriptions(): Maybe<Array<Translation>> | undefined;
+    get displayMessages(): Maybe<Array<Translation>> | undefined;
     get editable(): Maybe<Scalars["Boolean"]["output"]> | undefined;
     get flowTypeSettings(): Maybe<Array<FlowTypeSetting>> | undefined;
     get id(): Maybe<Scalars["FlowTypeID"]["output"]> | undefined;
     get identifier(): Maybe<Scalars["String"]["output"]> | undefined;
     get inputType(): Maybe<DataType> | undefined;
-    get names(): Maybe<TranslationConnection> | undefined;
+    get names(): Maybe<Array<Translation>> | undefined;
     get returnType(): Maybe<DataType> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     json(): FlowType;

package/dist/components/d-flow-type/DFlowType.view.js

@@ -1,23 +1,33 @@
-function i(e, t, s) {
-  return (t = n(t)) in e ? Object.defineProperty(e, t, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = s, e;
+import "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+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 { DataTypeView as n } from "../d-flow-data-type/DFlowDataType.view.js";
+function e(i, t, s) {
+  return (t = d(t)) in i ? Object.defineProperty(i, t, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = s, i;
 }
-function n(e) {
-  var t = d(e, "string");
+function d(i) {
+  var t = p(i, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function d(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var s = e[Symbol.toPrimitive];
+function p(i, t) {
+  if (typeof i != "object" || !i) return i;
+  var s = i[Symbol.toPrimitive];
   if (s !== void 0) {
-    var r = s.call(e, t);
+    var r = s.call(i, t);
     if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(i);
 }
-class a {
+class v {
   constructor(t) {
-    i(this, "_aliases", void 0), i(this, "_createdAt", void 0), i(this, "_descriptions", void 0), i(this, "_displayMessages", void 0), i(this, "_editable", void 0), i(this, "_flowTypeSettings", void 0), i(this, "_id", void 0), i(this, "_identifier", void 0), i(this, "_inputType", void 0), i(this, "_names", void 0), i(this, "_returnType", void 0), i(this, "_updatedAt", void 0), this._aliases = t.aliases, this._createdAt = t.createdAt, this._descriptions = t.descriptions, this._displayMessages = t.displayMessages, this._editable = t.editable, this._flowTypeSettings = t.flowTypeSettings, this._id = t.id, this._identifier = t.identifier, this._inputType = t.inputType, this._names = t.names, this._returnType = t.returnType, this._updatedAt = t.updatedAt;
+    e(this, "_aliases", void 0), e(this, "_createdAt", void 0), e(this, "_descriptions", void 0), e(this, "_displayMessages", void 0), e(this, "_editable", void 0), e(this, "_flowTypeSettings", void 0), e(this, "_id", void 0), e(this, "_identifier", void 0), e(this, "_inputType", void 0), e(this, "_names", void 0), e(this, "_returnType", void 0), e(this, "_updatedAt", void 0), this._aliases = t.aliases, this._createdAt = t.createdAt, this._descriptions = t.descriptions, this._displayMessages = t.displayMessages, this._editable = t.editable, this._flowTypeSettings = t.flowTypeSettings, this._id = t.id, this._identifier = t.identifier, this._inputType = t.inputType ? new n(t.inputType).json : void 0, this._names = t.names, this._returnType = t.returnType ? new n(t.returnType).json : void 0, this._updatedAt = t.updatedAt, console.log(JSON.stringify(this.inputType)), console.log(this.inputType);
   }
   get aliases() {
     return this._aliases;
@@ -71,5 +81,5 @@ class a {
   }
 }
 export {
-  a as FlowTypeView
+  v as FlowTypeView
 };

package/dist/components/d-flow-validation/DFlowValidation.hook.js

@@ -4,13 +4,13 @@ import "react";
 import "merge-props";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as i } 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";
 const _ = (r) => {
   const t = m.c(1), e = p(i);
   c(i), e.getById(r);