@code0-tech/pictor 0.0.0-mvp.22 → 0.0.0-mvp.24

package/dist/components/d-flow/export/DFlowExport.js

@@ -0,0 +1,24 @@
+import { jsx as c } from "react/jsx-runtime";
+import i from "react";
+import { Panel as u } from "@xyflow/react";
+import { useService as w, useStore as b } from "../../../utils/contextStore.js";
+import "merge-props";
+import { DFlowReactiveService as l } from "../DFlow.service.js";
+import { Button as j } from "../../button/Button.js";
+const k = (s) => {
+  const {
+    flowId: r
+  } = s, p = w(l), m = b(l), t = i.useMemo(() => p.getById(r), [m, r]), a = i.useCallback(() => {
+    if (!t) return;
+    const e = t.jsonInput?.();
+    if (!e) return;
+    const f = typeof e == "string" ? e : JSON.stringify(e, null, 2), d = new Blob([f], {
+      type: "application/json"
+    }), n = URL.createObjectURL(d), o = document.createElement("a");
+    o.href = n, o.download = `flow-${t.name}.json`, document.body.appendChild(o), o.click(), o.remove(), URL.revokeObjectURL(n);
+  }, [t]);
+  return /* @__PURE__ */ c(u, { position: "top-right", children: /* @__PURE__ */ c(j, { paddingSize: "xxs", onClick: a, children: "Export flow" }) });
+};
+export {
+  k as DFlowExport
+};

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

@@ -1,14 +1,14 @@
 import { jsxs as S, jsx as c, Fragment as j } from "react/jsx-runtime";
 import { c as be } from "../../../_virtual/compiler-runtime.js";
 import y from "react";
-import { InputMessage as Me } from "../../form/InputMessage.js";
+import { InputMessage as ve } from "../../form/InputMessage.js";
 import '../../../assets/components/d-flow/input/DFlowInputDataType.style.css';/* empty css                              */
 import { TextInput as F } from "../../form/TextInput.js";
 import { Button as re } from "../../button/Button.js";
-import { IconSettings as le, IconTrash as Oe } from "@tabler/icons-react";
+import { IconSettings as le, IconTrash as Me } from "@tabler/icons-react";
 import { Text as A } from "../../text/Text.js";
 import { Flex as X } from "../../flex/Flex.js";
-import { Badge as ve } from "../../badge/Badge.js";
+import { Badge as Oe } from "../../badge/Badge.js";
 import { InputLabel as De } from "../../form/InputLabel.js";
 import { useSuggestions as ke } from "../suggestion/DFlowSuggestion.hook.js";
 import { DFlowSuggestionMenuFooter as me } from "../suggestion/DFlowSuggestionMenuFooter.js";
@@ -33,12 +33,12 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     E((N) => {
       const h = Y(N);
       if (!h) return;
-      const M = oe(h), R = M[r];
+      const v = oe(h), R = v[r];
       if (!R) return;
       const f = Ce(R, l);
       if (f && !i?.allowBlocked) return;
       const g = o(q(R));
-      g !== void 0 && (f && (ae(g, f), se(g, f)), M[r] = g);
+      g !== void 0 && (f && (ae(g, f), se(g, f)), v[r] = g);
     });
   }, [l, E]), V = y.useCallback((r) => {
     E((o) => {
@@ -54,21 +54,21 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
   }, [b]), D = y.useCallback((r, o, i) => {
     E((N) => {
       if (!J(N)) return;
-      const h = N.genericMappers ?? [], M = h.findIndex((g) => g.target === r);
-      if (M === -1) return;
-      const R = h[M], f = R?.sourceDataTypeIdentifiers ?? [];
-      f[o] && (L(i) ? (f[o].dataType = i, delete f[o].genericType) : J(i) && (f[o].genericType = i, delete f[o].dataType), R.sourceDataTypeIdentifiers = f, N.genericMappers = [...h], N.genericMappers[M] = R);
+      const h = N.genericMappers ?? [], v = h.findIndex((g) => g.target === r);
+      if (v === -1) return;
+      const R = h[v], f = R?.sourceDataTypeIdentifiers ?? [];
+      f[o] && (L(i) ? (f[o].dataType = i, delete f[o].genericType) : J(i) && (f[o].genericType = i, delete f[o].dataType), R.sourceDataTypeIdentifiers = f, N.genericMappers = [...h], N.genericMappers[v] = R);
     });
   }, [E]);
   return /* @__PURE__ */ S("div", { children: [
     /* @__PURE__ */ S("div", { className: "d-flow-viewport-data-type-input", children: [
       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, M = (h?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? 0) > 0 || (h?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? 0) > 0;
-        return !N || M ? /* @__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) => {
+        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) => {
           g.config || (g.config = {}), "dataTypeIdentifier" in g.config || (g.config.dataTypeIdentifier = {});
-          const O = g.config.dataTypeIdentifier;
-          return f ? (L(f) ? (O.dataType = f, delete O.genericType) : J(f) && (O.genericType = f, delete O.dataType), g) : (delete O?.dataType, delete O?.genericType, g);
+          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(Ae, { children: [
@@ -108,7 +108,7 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
         ] }) })
       ] })
     ] }),
-    !e?.valid && e?.notValidMessage && /* @__PURE__ */ c(Me, { children: e.notValidMessage })
+    !e?.valid && e?.notValidMessage && /* @__PURE__ */ c(ve, { children: e.notValidMessage })
   ] });
 }, Ye = (n) => {
   const e = be.c(56), {
@@ -129,8 +129,8 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
   e[2] !== t.config ? (h = () => {
     N(ue(t?.config));
   }, e[2] = t.config, e[3] = h) : h = e[3];
-  let M;
-  e[4] !== t ? (M = [t], e[4] = t, e[5] = M) : M = e[5], y.useEffect(h, M);
+  let v;
+  e[4] !== t ? (v = [t], e[4] = t, e[5] = v) : v = e[5], y.useEffect(h, v);
   let R;
   e: {
     if (!r) {
@@ -153,17 +153,17 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
   const f = R;
   let g;
   e[9] === Symbol.for("react.memo_cache_sentinel") ? (g = (C) => {
-    const v = C.target.value;
-    N(v);
+    const O = C.target.value;
+    N(O);
   }, e[9] = g) : g = e[9];
-  const O = g;
+  const M = g;
   let P;
   e[10] !== i || e[11] !== d || e[12] !== a || e[13] !== t.config || e[14] !== D ? (P = (C) => {
     if (d)
       return;
-    const v = C?.target?.name, k = Je(i, t.config, {
+    const O = C?.target?.name, k = Je(i, t.config, {
       variant: D,
-      numberRangeKey: v
+      numberRangeKey: O
     });
     k && a(k);
   }, e[10] = i, e[11] = d, e[12] = a, e[13] = t.config, e[14] = D, e[15] = P) : P = e[15];
@@ -185,10 +185,10 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
         b ? /* @__PURE__ */ c(de, { initialValue: K, blockingDataType: W, onDataTypeChange: l }) : null
       ] });
     if (I?.genericKey) {
-      const v = s.get(I.genericKey);
+      const O = s.get(I.genericKey);
       return /* @__PURE__ */ S(j, { children: [
         C,
-        b ? v?.sourceDataTypeIdentifiers?.map((k, fe) => {
+        b ? O?.sourceDataTypeIdentifiers?.map((k, fe) => {
           const te = k?.dataType ?? k?.genericType;
           if (!te)
             return null;
@@ -203,8 +203,8 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
   if (r && (K || E)) {
     let C;
     e[35] !== Q ? (C = Q(), e[35] = Q, e[36] = C) : C = e[36];
-    let v;
-    return e[37] !== C ? (v = /* @__PURE__ */ c("div", { className: "d-flow-viewport-data-type-input__rule", children: C }), e[37] = C, e[38] = v) : v = e[38], v;
+    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 = {
@@ -214,10 +214,10 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
   let w;
   e[40] !== f || e[41] !== s || e[42] !== d || e[43] !== t || e[44] !== Z || e[45] !== ee || e[46] !== ne ? (w = /* @__PURE__ */ c(ge, { rule: t, genericMap: s, isBlocked: d, dataTypeLabel: f, onRemove: Z, onKeyChange: ee, onDataTypeChange: ne }), e[40] = f, e[41] = s, e[42] = d, e[43] = t, e[44] = Z, e[45] = ee, e[46] = ne, e[47] = w) : w = e[47];
   let G;
-  e[48] !== i || e[49] !== _ || e[50] !== d || e[51] !== t.variant ? (G = t.variant === "REGEX" || t.variant === "ITEM_OF_COLLECTION" ? /* @__PURE__ */ c(F, { clearable: !0, left: /* @__PURE__ */ c(A, { size: "sm", children: t.variant === "REGEX" ? "Pattern" : "Items" }), leftType: "icon", defaultValue: i, onChange: O, onBlur: _, w: "100%", disabled: d }) : t.variant === "NUMBER_RANGE" ? /* @__PURE__ */ S(j, { children: [
-    /* @__PURE__ */ c(F, { clearable: !0, defaultValue: i?.from?.toString() ?? "", onChange: O, onBlur: _, w: "100%", left: /* @__PURE__ */ c(A, { size: "sm", children: "From" }), leftType: "icon", disabled: d, name: "from" }),
-    /* @__PURE__ */ c(F, { clearable: !0, defaultValue: i?.steps?.toString() ?? "", onChange: O, 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: O, onBlur: _, w: "100%", disabled: d, name: "to" })
+  e[48] !== i || e[49] !== _ || e[50] !== d || e[51] !== t.variant ? (G = t.variant === "REGEX" || t.variant === "ITEM_OF_COLLECTION" ? /* @__PURE__ */ c(F, { clearable: !0, left: /* @__PURE__ */ c(A, { size: "sm", children: t.variant === "REGEX" ? "Pattern" : "Items" }), leftType: "icon", defaultValue: i, onChange: M, onBlur: _, w: "100%", disabled: d }) : t.variant === "NUMBER_RANGE" ? /* @__PURE__ */ S(j, { children: [
+    /* @__PURE__ */ c(F, { clearable: !0, defaultValue: i?.from?.toString() ?? "", onChange: M, onBlur: _, w: "100%", left: /* @__PURE__ */ c(A, { size: "sm", children: "From" }), leftType: "icon", disabled: d, name: "from" }),
+    /* @__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] = t.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: [
@@ -253,13 +253,13 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     const N = i.value;
     if (!N) return;
     a(N);
-    const h = i?.ref?.displayText?.join(" ") ?? e ?? "";
+    const h = i?.valueData?.displayText?.join(" ") ?? e ?? "";
     d(h);
   }, [e, s, a]);
   return /* @__PURE__ */ S("div", { children: [
     /* @__PURE__ */ S(X, { justify: "space-between", children: [
-      /* @__PURE__ */ c(ve, { color: "info", children: n?.variant }),
-      p ? /* @__PURE__ */ c(re, { color: "error", onClick: p, children: /* @__PURE__ */ c(Oe, { size: 16 }) }) : null
+      /* @__PURE__ */ c(Oe, { color: "info", children: n?.variant }),
+      p ? /* @__PURE__ */ c(re, { color: "error", onClick: p, children: /* @__PURE__ */ c(Me, { size: 16 }) }) : null
     ] }),
     /* @__PURE__ */ S(X, { mt: 0.7, style: {
       flexDirection: "column",

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

@@ -101,7 +101,7 @@ const ie = (i, p, s, g = 0, u = [0], T = 1, v = [f.REF_OBJECT, f.VALUE, f.FUNCTI
         for (const n of a.parameterDefinitions) {
           const e = p.getDataType(n.dataTypeIdentifier);
           if (!e || e.variant === "NODE") continue;
-          const t = e.rules?.nodes?.filter((c) => c?.variant === "INPUT_TYPE") ?? [];
+          const t = e.rules?.nodes?.filter((c) => c?.variant === "INPUT_TYPES") ?? [];
           if (t.length) {
             const d = r.parameters.find((F) => F.id === n.id)?.value, _ = d !== void 0 ? d instanceof D ? [d.json()] : [d] : [];
             for (const F of t) {

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

@@ -6,26 +6,26 @@ import { DFlowSuggestionMenuFooter as O } from "./DFlowSuggestionMenuFooter.js";
 import { InputSuggestionMenuContentItems as P, InputSuggestionMenuContent as U } from "../../form/InputSuggestion.js";
 import { toInputSuggestions as $ } from "./DFlowSuggestionMenu.util.js";
 import { DFlowSuggestionMenuSearchBar as q } from "./DFlowSuggestionMenuSearchBar.js";
-import { useStoreApi as z } from "@xyflow/react";
-const Z = (F) => {
+import { useStoreApi as v } from "@xyflow/react";
+const Y = (F) => {
   const e = k.c(25), {
-    suggestions: c,
+    suggestions: f,
     triggerContent: h,
     onSuggestionSelect: C
   } = F;
   let g;
-  e[0] !== c ? (g = c === void 0 ? [] : c, e[0] = c, e[1] = g) : g = e[1];
-  const m = g, M = C === void 0 ? G : C, D = z(), w = x.useRef(null), [y, T] = x.useState(m);
+  e[0] !== f ? (g = f === void 0 ? [] : f, e[0] = f, e[1] = g) : g = e[1];
+  const m = g, D = C === void 0 ? z : C, M = v(), w = x.useRef(null), [y, T] = x.useState(m);
   let s;
-  e[2] !== D ? (s = (t) => {
+  e[2] !== M ? (s = (t) => {
     setTimeout(() => {
-      D.setState({
+      M.setState({
         nodesDraggable: !t,
         nodesConnectable: !t,
         elementsSelectable: !t
       });
     }, 250);
-  }, e[2] = D, e[3] = s) : s = e[3];
+  }, e[2] = M, e[3] = s) : s = e[3];
   let n;
   e[4] !== h ? (n = /* @__PURE__ */ o(B, { asChild: !0, children: h }), e[4] = h, e[5] = n) : n = e[5];
   let r;
@@ -36,32 +36,32 @@ const Z = (F) => {
   } }), e[6] = m, e[7] = r) : r = e[7];
   let a;
   e[8] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ o(b, {}), e[8] = a) : a = e[8];
-  let i;
-  e[9] !== y ? (i = $(y), e[9] = y, e[10] = i) : i = e[10];
   let l;
-  e[11] !== M ? (l = (t) => {
-    M(t.ref);
-  }, e[11] = M, e[12] = l) : l = e[12];
+  e[9] !== y ? (l = $(y), e[9] = y, e[10] = l) : l = e[10];
+  let i;
+  e[11] !== D ? (i = (t) => {
+    D(t.valueData);
+  }, e[11] = D, e[12] = i) : i = e[12];
   let u;
-  e[13] !== i || e[14] !== l ? (u = /* @__PURE__ */ o(P, { ref: w, suggestions: i, onSuggestionSelect: l }), e[13] = i, e[14] = l, e[15] = u) : u = e[15];
+  e[13] !== l || e[14] !== i ? (u = /* @__PURE__ */ o(P, { ref: w, suggestions: l, onSuggestionSelect: i }), e[13] = l, e[14] = i, e[15] = u) : u = e[15];
   let p, S;
   e[16] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ o(b, {}), S = /* @__PURE__ */ o(O, {}), e[16] = p, e[17] = S) : (p = e[16], S = e[17]);
-  let f;
-  e[18] !== r || e[19] !== u ? (f = /* @__PURE__ */ o(E, { children: /* @__PURE__ */ I(U, { children: [
+  let c;
+  e[18] !== r || e[19] !== u ? (c = /* @__PURE__ */ o(E, { children: /* @__PURE__ */ I(U, { children: [
     r,
     a,
     u,
     p,
     S
-  ] }) }), e[18] = r, e[19] = u, e[20] = f) : f = e[20];
+  ] }) }), e[18] = r, e[19] = u, e[20] = c) : c = e[20];
   let d;
-  return e[21] !== f || e[22] !== s || e[23] !== n ? (d = /* @__PURE__ */ I(L, { onOpenChange: s, children: [
+  return e[21] !== c || e[22] !== s || e[23] !== n ? (d = /* @__PURE__ */ I(L, { onOpenChange: s, children: [
     n,
-    f
-  ] }), e[21] = f, e[22] = s, e[23] = n, e[24] = d) : d = e[24], d;
+    c
+  ] }), e[21] = c, e[22] = s, e[23] = n, e[24] = d) : d = e[24], d;
 };
-function G() {
+function z() {
 }
 export {
-  Z as DFlowSuggestionMenu
+  Y as DFlowSuggestionMenu
 };

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

@@ -1,23 +1,23 @@
 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 I, IconFileFunctionFilled as p } from "@tabler/icons-react";
-import { Text as N } from "../../text/Text.js";
-const O = (a) => {
+import { IconCircleDot as c, IconCirclesRelation as u, IconFileFunctionFilled as a } from "@tabler/icons-react";
+import { Text as I } from "../../text/Text.js";
+const D = (p) => {
   const f = {
     [e.VALUE]: "Values",
     [e.REF_OBJECT]: "Variables",
     [e.DATA_TYPE]: "Datatypes"
   };
-  return a.map((i) => {
+  return p.map((i) => {
     const m = {
-      [e.FUNCTION]: /* @__PURE__ */ o(p, { color: "#70ffb2", size: 16 }),
-      [e.FUNCTION_COMBINATION]: /* @__PURE__ */ o(p, { color: "#70ffb2", size: 16 }),
-      [e.REF_OBJECT]: /* @__PURE__ */ o(I, { color: "#FFBE0B", size: 16 }),
+      [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.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(N, { display: "flex", style: {
+      /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(I, { display: "flex", style: {
         gap: ".5rem"
       }, children: i.displayText.map((t, r) => /* @__PURE__ */ o("span", { children: t }, r)) }) })
     ] });
@@ -31,12 +31,12 @@ const O = (a) => {
     }
     return {
       children: F,
-      ref: i,
+      valueData: i,
       value: i.value,
-      groupLabel: n
+      groupBy: n
     };
   });
 };
 export {
-  O as toInputSuggestions
+  D as toInputSuggestions
 };

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

@@ -1,4 +1,4 @@
-import { InputProps } from '../../form/Input';
+import { InputProps } from '../../form';
 import { default as React } from 'react';
 interface DFlowSuggestionSearchInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type"> {
     clearable?: boolean;

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

@@ -1,22 +1,35 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Input as p, setElementKey as l } from "../../form/Input.js";
-import r from "react";
-import { Button as m } from "../../button/Button.js";
-import { IconX as u } from "@tabler/icons-react";
-import '../../../assets/components/d-flow/suggestion/DFlowSuggestionSearchInput.style.css';/* empty css                                      */
-const C = r.forwardRef((n, t) => {
-  t = t || r.useRef(null);
+import "../../../_virtual/compiler-runtime.js";
+import i from "react";
+import "@radix-ui/react-checkbox";
+import "merge-props";
+import { IconX as a } from "@tabler/icons-react";
+import '../../../assets/components/d-flow/suggestion/DFlowSuggestionSearchInput.style.css';import '../../../assets/components/form/Input.style.css';/* empty css                          */
+import "../../form/EmailInput.js";
+import { Input as c } from "../../form/Input.js";
+import "../../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 { Button as l } from "../../button/Button.js";
+/* empty css                                      */
+import { setElementKey as u } from "../../form/Input.utils.js";
+const E = i.forwardRef((e, t) => {
+  t = t || i.useRef(null);
   const {
-    clearable: i = !1,
-    right: s,
-    ...a
-  } = n, c = () => {
-    t.current && l(t.current, "value", "", "change");
-  }, e = [s];
-  return i && e.push(/* @__PURE__ */ o(m, { variant: "none", onClick: c, children: /* @__PURE__ */ o(u, { size: 13 }) })), /* @__PURE__ */ o(p, { wrapperComponent: {
+    clearable: m = !1,
+    right: p,
+    ...n
+  } = e, s = () => {
+    t.current && u(t.current, "value", "", "change");
+  }, r = [p];
+  return m && r.push(/* @__PURE__ */ o(l, { variant: "none", onClick: s, children: /* @__PURE__ */ o(a, { size: 13 }) })), /* @__PURE__ */ o(c, { wrapperComponent: {
     className: "d-flow-suggestion-search-input"
-  }, right: e, type: "text", ref: t, ...a });
+  }, right: r, type: "text", ref: t, ...n });
 });
 export {
-  C as DFlowSuggestionSearchInput
+  E as DFlowSuggestionSearchInput
 };

package/dist/components/d-flow/tab/DFlowTabDefault.js

@@ -1,38 +1,38 @@
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
-import m from "react";
-import { NodeFunctionView as w } from "../DFlow.view.js";
-import { TextInput as R } from "../../form/TextInput.js";
-import { Flex as b } from "../../flex/Flex.js";
-import { useService as p } from "../../../utils/contextStore.js";
-import { DFlowFunctionReactiveService as L } from "../function/DFlowFunction.service.js";
-import { useSuggestions as j } from "../suggestion/DFlowSuggestion.hook.js";
-import { DFlowSuggestionMenuFooter as x } from "../suggestion/DFlowSuggestionMenuFooter.js";
-import { toInputSuggestions as B } from "../suggestion/DFlowSuggestionMenu.util.js";
-import { DFlowReactiveService as T } from "../DFlow.service.js";
-import { Badge as g } from "../../badge/Badge.js";
-const Q = (v) => {
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import y from "react";
+import { NodeFunctionView as R } from "../DFlow.view.js";
+import { TextInput as j } from "../../form/TextInput.js";
+import { Flex as B } from "../../flex/Flex.js";
+import { useService as S } from "../../../utils/contextStore.js";
+import { DFlowFunctionReactiveService as T } from "../function/DFlowFunction.service.js";
+import { useSuggestions as M } from "../suggestion/DFlowSuggestion.hook.js";
+import { DFlowSuggestionMenuFooter as E } from "../suggestion/DFlowSuggestionMenuFooter.js";
+import { toInputSuggestions as k } from "../suggestion/DFlowSuggestionMenu.util.js";
+import { DFlowReactiveService as C } from "../DFlow.service.js";
+import { Badge as h } from "../../badge/Badge.js";
+const Z = (V) => {
   const {
-    functionInstance: s,
-    flowId: y,
-    depthLevel: S,
-    scopeLevel: V,
-    nodeLevel: N
-  } = v, a = p(L), D = p(T), u = a.getById(s.functionDefinition?.id), c = m.useMemo(() => {
+    functionInstance: l,
+    flowId: D,
+    depthLevel: F,
+    scopeLevel: N,
+    nodeLevel: I
+  } = V, c = S(T), b = S(C), d = c.getById(l.functionDefinition?.id), f = y.useMemo(() => {
     const e = {};
-    return u?.parameterDefinitions?.forEach((o) => {
+    return d?.parameterDefinitions?.forEach((o) => {
       e[o.id] = o;
     }), e;
-  }, [u?.parameterDefinitions]), l = m.useMemo(() => [...s.parameters || []].sort((e, o) => e.id.localeCompare(o.id)), [s.parameters]), f = {};
-  return l.forEach((e) => {
-    const o = c[e.id];
-    f[e.id] = j(o?.dataTypeIdentifier, [], y, S, V, N);
-  }), /* @__PURE__ */ r(b, { style: {
+  }, [d?.parameterDefinitions]), m = y.useMemo(() => [...l.parameters || []].sort((e, o) => e.id.localeCompare(o.id)), [l.parameters]), g = {};
+  return m.forEach((e) => {
+    const o = f[e.id];
+    g[e.id] = M(o?.dataTypeIdentifier, [], D, F, N, I);
+  }), /* @__PURE__ */ r(B, { style: {
     gap: ".7rem",
     flexDirection: "column"
-  }, children: l.map((e) => {
+  }, children: m.map((e) => {
     const o = (t) => {
-      e.value = t, D.update();
-    }, d = (t) => {
+      e.value = t, b.update();
+    }, p = (t) => {
       try {
         const n = JSON.parse(t.target.value);
         if (!n.__typename) {
@@ -49,49 +49,55 @@ const Q = (v) => {
           value: t.target.value
         });
       }
-    }, i = c[e.id], O = f[e.id], h = i?.names ? i?.names?.nodes[0]?.content : i?.id, F = i?.descriptions ? i?.descriptions?.nodes[0]?.content : JSON.stringify(i?.dataTypeIdentifier), J = e.value instanceof w ? JSON.stringify({
+    }, s = f[e.id], w = g[e.id], L = s?.names ? s?.names?.nodes[0]?.content : s?.id, O = s?.descriptions ? s?.descriptions?.nodes[0]?.content : JSON.stringify(s?.dataTypeIdentifier), x = e.value instanceof R ? JSON.stringify({
       ...e.value.json(),
       __typename: "NodeFunction"
     }) : e.value?.__typename === "ReferenceValue" ? JSON.stringify(e.value) : e.value?.__typename === "LiteralValue" ? typeof e.value?.value == "object" ? JSON.stringify(e.value?.value) : e.value.value : "";
-    return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(R, { title: h, description: F, clearable: !0, transformValue: (t) => {
+    return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(j, { title: L, description: O, clearable: !0, transformSyntax: (t) => {
+      const n = t ?? "", u = typeof n == "string" ? n : String(n), J = (i) => [{
+        type: "text",
+        start: 0,
+        end: i.length,
+        visualLength: i.length,
+        content: i
+      }], v = (i) => [{
+        type: "block",
+        start: 0,
+        end: u.length,
+        visualLength: 1,
+        content: i
+      }];
       try {
-        if (!t) return t;
-        if (JSON.parse(t).__typename === "NodeFunction") {
-          const n = a.getById(JSON.parse(t).functionDefinition?.id);
-          return /* @__PURE__ */ r(g, { color: "info", children: n?.names?.nodes[0]?.content });
+        const i = JSON.parse(u);
+        if (i?.__typename === "NodeFunction") {
+          const a = c.getById(i.functionDefinition?.id);
+          return v(/* @__PURE__ */ r(h, { color: "info", children: a?.names?.nodes[0]?.content }));
         }
-        if (JSON.parse(t).__typename === "ReferenceValue") {
-          const n = JSON.parse(t);
-          return /* @__PURE__ */ I(g, { color: "warning", children: [
-            n.depth,
+        if (i?.__typename === "ReferenceValue") {
+          const a = i;
+          return v(/* @__PURE__ */ _(h, { color: "warning", children: [
+            a.depth,
             "-",
-            n.scope,
+            a.scope,
             "-",
-            n.node,
+            a.node,
             "-",
-            JSON.stringify(n.dataTypeIdentifier)
-          ] });
+            JSON.stringify(a.dataTypeIdentifier)
+          ] }));
         }
       } catch {
       }
-      return t;
-    }, disableOnValue: (t) => {
-      if (!t) return !1;
-      try {
-        return t.__typename === "NodeFunction" || t.__typename === "ReferenceValue";
-      } catch {
-      }
-      return !1;
-    }, defaultValue: J, onSuggestionSelect: (t) => {
+      return J(u);
+    }, defaultValue: x, onSuggestionSelect: (t) => {
       o(t.value);
     }, formValidation: {
       setValue: () => {
       },
       valid: e.validationResults.length <= 0,
       notValidMessage: e.validationResults.map((t) => t.message.nodes[0]?.content).join(", ")
-    }, onBlur: d, onClear: d, suggestionsFooter: /* @__PURE__ */ r(x, {}), suggestions: B(O) }, JSON.stringify(e.value)) });
+    }, onBlur: p, onClear: p, suggestionsFooter: /* @__PURE__ */ r(E, {}), suggestions: k(w) }, JSON.stringify(e.value)) });
   }) });
 };
 export {
-  Q as DFlowTabDefault
+  Z as DFlowTabDefault
 };

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

@@ -25,7 +25,7 @@ export declare class FlowTypeView {
     get descriptions(): Maybe<TranslationConnection> | undefined;
     get editable(): Maybe<Scalars["Boolean"]["output"]> | undefined;
     get flowTypeSettings(): Maybe<Array<FlowTypeSetting>> | undefined;
-    get id(): Maybe<Scalars["TypesFlowTypeID"]["output"]> | 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;

package/dist/components/d-member/DNamespaceMember.view.js

@@ -1,23 +1,23 @@
-function r(t, e, i) {
-  return (e = u(e)) in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = i, t;
+function i(t, e, r) {
+  return (e = u(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
 function u(t) {
-  var e = o(t, "string");
+  var e = n(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function o(t, e) {
+function n(t, e) {
   if (typeof t != "object" || !t) return t;
-  var i = t[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var s = i.call(t, e);
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var s = r.call(t, e);
     if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (e === "string" ? String : Number)(t);
 }
-class n {
+class o {
   constructor(e) {
-    r(this, "_createdAt", void 0), r(this, "_id", void 0), r(this, "_memberRoles", void 0), r(this, "_namespace", void 0), r(this, "_roles", void 0), r(this, "_updatedAt", void 0), r(this, "_user", void 0), r(this, "_userAbilities", void 0), this._createdAt = e.createdAt, this._id = e.id, this._memberRoles = e.memberRoles, this._namespace = e.namespace, this._roles = e.roles, this._updatedAt = e.updatedAt, this._user = e.user, this._userAbilities = e.userAbilities;
+    i(this, "_createdAt", void 0), i(this, "_id", void 0), i(this, "_memberRoles", void 0), i(this, "_namespace", void 0), i(this, "_roles", void 0), i(this, "_updatedAt", void 0), i(this, "_user", void 0), i(this, "_userAbilities", void 0), this._createdAt = e.createdAt, this._id = e.id, this._memberRoles = e.memberRoles, this._namespace = e.namespace, this._roles = e.roles, this._updatedAt = e.updatedAt, this._user = e.user, this._userAbilities = e.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -45,16 +45,18 @@ class n {
   }
   json() {
     return {
+      __typename: "NamespaceMember",
       createdAt: this._createdAt,
       id: this._id,
       memberRoles: this._memberRoles,
       namespace: this._namespace,
       roles: this._roles,
       updatedAt: this._updatedAt,
-      user: this._user
+      user: this._user,
+      userAbilities: this._userAbilities
     };
   }
 }
 export {
-  n as DNamespaceMemberView
+  o as DNamespaceMemberView
 };

package/dist/components/d-member/DNamespaceMemberCard.d.ts

@@ -0,0 +1,10 @@
+import { NamespaceMember } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+import { DNamespaceMemberView } from './DNamespaceMember.view';
+import { DNamespaceRoleView } from '../d-role';
+export interface DNamespaceMemberCardProps {
+    memberId: NamespaceMember["id"];
+    onRemove?: (member: DNamespaceMemberView) => void;
+    onAssignRole?: (member: DNamespaceMemberView, roles: DNamespaceRoleView[]) => void;
+}
+export declare const DNamespaceMemberCard: React.FC<DNamespaceMemberCardProps>;

package/dist/components/d-member/DNamespaceMemberCard.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { Card as i } from "../card/Card.js";
+import { DNamespaceMemberContent as p } from "./DNamespaceMemberContent.js";
+const b = (s) => {
+  const e = c.c(4), {
+    memberId: r,
+    onRemove: m,
+    onAssignRole: t
+  } = s;
+  let o;
+  return e[0] !== r || e[1] !== t || e[2] !== m ? (o = /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(p, { onRemove: m, onAssignRole: t, memberId: r }) }), e[0] = r, e[1] = t, e[2] = m, e[3] = o) : o = e[3], o;
+};
+export {
+  b as DNamespaceMemberCard
+};