@code0-tech/pictor 0.0.0-mvp.25 → 0.0.0-mvp.27

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

@@ -0,0 +1,71 @@
+import { jsx as e, jsxs as o, Fragment as v } from "react/jsx-runtime";
+import b, { memo as y } from "react";
+import { useReactFlow as T, useStore as s, Handle as x, Position as S } from "@xyflow/react";
+import { Text as l } from "../text/Text.js";
+import { useService as m } from "../../utils/contextStore.js";
+import "merge-props";
+import { FileTabsService as R } from "../file-tabs/FileTabs.service.js";
+import { Card as z } from "../card/Card.js";
+import { Flex as n } from "../flex/Flex.js";
+import { IconBolt as f, IconChevronDown as F } from "@tabler/icons-react";
+import { Button as B } from "../button/Button.js";
+import { DFlowTabTrigger as _ } from "../d-flow-file/DFlowTabTrigger.js";
+import { DFlowTypeReactiveService as C } from "../d-flow-type/DFlowType.service.js";
+import { Badge as D } from "../badge/Badge.js";
+const J = y((i) => {
+  const {
+    data: a,
+    id: d
+  } = i, r = m(R), p = T(), t = m(C).getById(a.instance.type?.id), h = i.width ?? 0, u = i.height ?? 0, g = s((c) => c.width), w = s((c) => c.height);
+  return b.useEffect(() => {
+    r.registerTab({
+      id: t?.id,
+      active: !0,
+      closeable: !0,
+      children: /* @__PURE__ */ o(v, { children: [
+        /* @__PURE__ */ e(f, { size: 12 }),
+        /* @__PURE__ */ e(l, { size: "sm", children: t?.names?.nodes[0]?.content })
+      ] }),
+      content: /* @__PURE__ */ e(_, { instance: a.instance }),
+      show: !0
+    });
+  }, [t?.id, a.instance, r, t?.names?.nodes]), /* @__PURE__ */ o(n, { align: "center", style: {
+    flexDirection: "column"
+  }, "data-flow-refernce": d, children: [
+    /* @__PURE__ */ e(D, { color: "info", style: {
+      borderTopRightRadius: "0.35rem",
+      borderTopLeftRadius: "0.35rem",
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    }, children: "Starting node" }),
+    /* @__PURE__ */ o(z, { variant: "normal", color: "info", paddingSize: "xs", className: r.getActiveTab()?.id == t?.id ? "d-flow-viewport-default-card--active" : void 0, onClick: () => {
+      p.setViewport({
+        x: g / 2 + i.positionAbsoluteX * -1 - h / 2,
+        y: w / 2 + i.positionAbsoluteY * -1 - u / 2,
+        zoom: 1
+      }, {
+        duration: 250
+      }), r.activateTab(t?.id);
+    }, children: [
+      /* @__PURE__ */ o(n, { style: {
+        gap: "1.3rem"
+      }, align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ o(n, { style: {
+          gap: "0.7rem"
+        }, align: "center", children: [
+          /* @__PURE__ */ e(f, { size: 16 }),
+          /* @__PURE__ */ e(l, { display: "block", size: "md", children: t?.names?.nodes[0]?.content ?? t?.id })
+        ] }),
+        /* @__PURE__ */ e(n, { align: "center", style: {
+          gap: "0.7rem"
+        }, children: /* @__PURE__ */ e(B, { p: "0", paddingSize: "xxs", variant: "none", disabled: !0, children: /* @__PURE__ */ e(F, { size: 16 }) }) })
+      ] }),
+      /* @__PURE__ */ e(x, { isConnectable: !1, type: "source", style: {
+        bottom: "2px"
+      }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: S.Bottom })
+    ] })
+  ] }, d);
+});
+export {
+  J as DFlowFunctionTriggerCard
+};

package/dist/components/{d-flow/input → d-flow-input}/DFlowInputDataType.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ValidationProps } from '../../form/useForm';
+import { ValidationProps } from '../form';
 import { DataType, GenericType } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowInputDataTypeProps extends ValidationProps<DataType | GenericType> {
     onDataTypeChange?: (value: DataType | GenericType) => void;

package/dist/components/{d-flow/input → d-flow-input}/DFlowInputDataType.js

@@ -1,35 +1,45 @@
 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 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 Me } from "@tabler/icons-react";
-import { Text as A } from "../../text/Text.js";
-import { Flex as X } from "../../flex/Flex.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";
-import { toInputSuggestions as Be } from "../suggestion/DFlowSuggestionMenu.util.js";
-import { DFlowSuggestionType as Ve } from "../suggestion/DFlowSuggestion.view.js";
-import { Menu as Ae, MenuTrigger as _e, MenuPortal as Ke } from "../../menu/Menu.js";
-import { InputSuggestionMenuContent as we, InputSuggestionMenuContentItems as Ge } from "../../form/InputSuggestion.js";
-const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE"]), he = "__blockingSignature", Fe = ["CONTAINS_KEY", "CONTAINS_TYPE", "ITEM_OF_COLLECTION", "NUMBER_RANGE", "REGEX"], de = (n) => {
+import { c as be } from "../../_virtual/compiler-runtime.js";
+import m from "react";
+import "@radix-ui/react-checkbox";
+import { InputLabel as ve } from "../form/InputLabel.js";
+import "merge-props";
+import { InputMessage as Me } from "../form/InputMessage.js";
+import '../../assets/components/d-flow-input/DFlowInputDataType.style.css';import '../../assets/components/form/Input.style.css';/* empty css                       */
+import { IconSettings as le, IconTrash as Oe } from "@tabler/icons-react";
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import { InputSuggestionMenuContent as De, InputSuggestionMenuContentItems as ke } 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 { TextInput as F } from "../form/TextInput.js";
+/* empty css                              */
+import { Button as re } from "../button/Button.js";
+import { Text as A } from "../text/Text.js";
+import { Flex as X } from "../flex/Flex.js";
+import { Badge as Be } from "../badge/Badge.js";
+import { useSuggestions as Ve } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+import { DFlowSuggestionMenuFooter as ye } from "../d-flow-suggestion/DFlowSuggestionMenuFooter.js";
+import { toInputSuggestions as Ae } from "../d-flow-suggestion/DFlowSuggestionMenu.util.js";
+import { DFlowSuggestionType as _e } from "../d-flow-suggestion/DFlowSuggestion.view.js";
+import { Menu as Ke, MenuTrigger as we, MenuPortal as Ge } from "../menu/Menu.js";
+const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE"]), he = "__blockingSignature", Fe = ["CONTAINS_KEY", "CONTAINS_TYPE", "ITEM_OF_COLLECTION", "NUMBER_RANGE", "REGEX"], de = (t) => {
   const {
     formValidation: e,
-    initialValue: t,
+    initialValue: n,
     onDataTypeChange: p = () => {
     },
-    blockingDataType: s
-  } = n, m = y.useMemo(() => Ie(t, s), [t, s]), [a, u] = y.useState(m), T = y.useMemo(() => Y(a), [a]), l = y.useMemo(() => Y(s), [s]), B = y.useMemo(() => new Map((J(a) ? a.genericMappers ?? [] : []).map((r) => [r.target ?? "", r])), [a]), I = y.useMemo(() => l?.rules?.nodes?.filter(Boolean), [l]), E = y.useCallback((r) => {
+    blockingDataType: a
+  } = t, y = m.useMemo(() => Ie(n, a), [n, a]), [s, u] = m.useState(y), T = m.useMemo(() => Y(s), [s]), l = m.useMemo(() => Y(a), [a]), B = m.useMemo(() => new Map((J(s) ? s.genericMappers ?? [] : []).map((r) => [r.target ?? "", r])), [s]), I = m.useMemo(() => l?.rules?.nodes?.filter(Boolean), [l]), E = m.useCallback((r) => {
     u((o) => {
       if (!o) return o;
       const i = q(o);
       return r(i), p(i), Le(o, i), i;
     });
-  }, []), b = y.useCallback((r, o, i) => {
+  }, []), b = m.useCallback((r, o, i) => {
     E((N) => {
       const h = Y(N);
       if (!h) return;
@@ -38,20 +48,20 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
       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)), v[r] = g);
+      g !== void 0 && (f && (se(g, f), ae(g, f)), v[r] = g);
     });
-  }, [l, E]), V = y.useCallback((r) => {
+  }, [l, E]), V = m.useCallback((r) => {
     E((o) => {
       const i = Y(o);
       if (!i) return;
       const N = oe(i), h = N[r];
       h && (Pe(h, l) || N.splice(r, 1));
     });
-  }, [l, E]), d = y.useCallback((r, o) => {
+  }, [l, E]), d = m.useCallback((r, o) => {
     b(r, (i) => (!("dataTypeIdentifier" in i?.config) || !i?.config?.dataTypeIdentifier || (L(o) ? (i.config.dataTypeIdentifier.dataType = o, delete i.config.dataTypeIdentifier.genericType) : J(o) && (i.config.dataTypeIdentifier.genericType = o, delete i.config.dataTypeIdentifier.dataType)), i), {
       allowBlocked: !0
     });
-  }, [b]), D = y.useCallback((r, o, i) => {
+  }, [b]), D = m.useCallback((r, o, i) => {
     E((N) => {
       if (!J(N)) return;
       const h = N.genericMappers ?? [], v = h.findIndex((g) => g.target === r);
@@ -71,13 +81,13 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
           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: [
-        /* @__PURE__ */ c(_e, { asChild: !0, children: /* @__PURE__ */ S(re, { color: "primary", children: [
+      /* @__PURE__ */ S(Ke, { children: [
+        /* @__PURE__ */ c(we, { asChild: !0, children: /* @__PURE__ */ S(re, { color: "primary", children: [
           /* @__PURE__ */ c(le, { size: 16 }),
           " Add new rule"
         ] }) }),
-        /* @__PURE__ */ c(Ke, { children: /* @__PURE__ */ S(we, { children: [
-          /* @__PURE__ */ c(Ge, { onSuggestionSelect: (r) => {
+        /* @__PURE__ */ c(Ge, { children: /* @__PURE__ */ S(De, { children: [
+          /* @__PURE__ */ c(ke, { onSuggestionSelect: (r) => {
             E((o) => {
               "rules" in o ? o?.rules?.nodes?.push(r.value) : "dataType" in o?.genericType && o?.genericType?.dataType?.rules?.nodes?.push(r.value);
             });
@@ -104,33 +114,33 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
               }
             }
           })) }),
-          /* @__PURE__ */ c(me, {})
+          /* @__PURE__ */ c(ye, {})
         ] }) })
       ] })
     ] }),
-    !e?.valid && e?.notValidMessage && /* @__PURE__ */ c(ve, { children: e.notValidMessage })
+    !e?.valid && e?.notValidMessage && /* @__PURE__ */ c(Me, { children: e.notValidMessage })
   ] });
-}, Ye = (n) => {
+}, Ye = (t) => {
   const e = be.c(56), {
-    rule: t,
+    rule: n,
     blockingRule: p,
-    genericMap: s,
-    onRemove: m,
-    onConfigChange: a,
+    genericMap: a,
+    onRemove: y,
+    onConfigChange: s,
     onHeaderKeyChange: u,
     onHeaderDataTypeChange: T,
     onNestedChange: l,
     onGenericMapperChange: B
-  } = n, I = t?.config?.dataTypeIdentifier ?? void 0, E = !!I?.genericKey, [b, V] = y.useState(!1), d = !!p, D = t.variant, r = D ? !Te.has(D) : !1;
+  } = t, I = n?.config?.dataTypeIdentifier ?? void 0, E = !!I?.genericKey, [b, V] = m.useState(!1), d = !!p, D = n.variant, r = D ? !Te.has(D) : !1;
   let o;
-  e[0] !== t.config ? (o = () => ue(t?.config), e[0] = t.config, e[1] = o) : o = e[1];
-  const [i, N] = y.useState(o);
+  e[0] !== n.config ? (o = () => ue(n?.config), e[0] = n.config, e[1] = o) : o = e[1];
+  const [i, N] = m.useState(o);
   let h;
-  e[2] !== t.config ? (h = () => {
-    N(ue(t?.config));
-  }, e[2] = t.config, e[3] = h) : h = e[3];
+  e[2] !== n.config ? (h = () => {
+    N(ue(n?.config));
+  }, e[2] = n.config, e[3] = h) : h = e[3];
   let v;
-  e[4] !== t ? (v = [t], e[4] = t, e[5] = v) : v = e[5], y.useEffect(h, v);
+  e[4] !== n ? (v = [n], e[4] = n, e[5] = v) : v = e[5], m.useEffect(h, v);
   let R;
   e: {
     if (!r) {
@@ -143,7 +153,7 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
     }
     if (I.genericKey) {
       let C;
-      e[6] !== s || e[7] !== I.genericKey ? (C = s.get(I.genericKey), e[6] = s, e[7] = I.genericKey, e[8] = C) : C = e[8];
+      e[6] !== a || e[7] !== I.genericKey ? (C = a.get(I.genericKey), e[6] = a, e[7] = I.genericKey, e[8] = C) : C = e[8];
       const k = C?.sourceDataTypeIdentifiers?.[0];
       R = k?.dataType?.name?.nodes?.[0]?.content ?? k?.genericType?.dataType?.name?.nodes?.[0]?.content;
       break e;
@@ -158,47 +168,47 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
   }, e[9] = g) : g = e[9];
   const M = g;
   let P;
-  e[10] !== i || e[11] !== d || e[12] !== a || e[13] !== t.config || e[14] !== D ? (P = (C) => {
+  e[10] !== i || e[11] !== d || e[12] !== s || e[13] !== n.config || e[14] !== D ? (P = (C) => {
     if (d)
       return;
-    const O = C?.target?.name, k = Je(i, t.config, {
+    const O = C?.target?.name, k = Je(i, n.config, {
       variant: D,
       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];
+    k && s(k);
+  }, e[10] = i, e[11] = d, e[12] = s, e[13] = n.config, e[14] = D, e[15] = P) : P = e[15];
   const _ = P;
   let z;
-  e[16] !== t ? (z = ye(t), e[16] = t, e[17] = z) : z = e[17];
+  e[16] !== n ? (z = me(n), e[16] = n, e[17] = z) : z = e[17];
   const K = z;
   let U;
-  e[18] !== p ? (U = ye(p), e[18] = p, e[19] = U) : U = e[19];
+  e[18] !== p ? (U = me(p), e[18] = p, e[19] = U) : U = e[19];
   const W = U;
   let $;
-  e[20] !== f || e[21] !== s || e[22] !== E || e[23] !== I || e[24] !== d || e[25] !== b || e[26] !== W || e[27] !== K || e[28] !== B || e[29] !== T || e[30] !== u || e[31] !== l || e[32] !== m || e[33] !== t ? ($ = () => {
+  e[20] !== f || e[21] !== a || e[22] !== E || e[23] !== I || e[24] !== d || e[25] !== b || e[26] !== W || e[27] !== K || e[28] !== B || e[29] !== T || e[30] !== u || e[31] !== l || e[32] !== y || e[33] !== n ? ($ = () => {
     if (!K && !E)
       return null;
-    const C = /* @__PURE__ */ c(ge, { rule: t, genericMap: s, isBlocked: d, dataTypeLabel: f, onClick: () => V(ze), onRemove: d ? void 0 : m, onKeyChange: d ? void 0 : u, onDataTypeChange: d ? void 0 : T });
+    const C = /* @__PURE__ */ c(ge, { rule: n, genericMap: a, isBlocked: d, dataTypeLabel: f, onClick: () => V(ze), onRemove: d ? void 0 : y, onKeyChange: d ? void 0 : u, onDataTypeChange: d ? void 0 : T });
     if (K)
       return /* @__PURE__ */ S(j, { children: [
         C,
         b ? /* @__PURE__ */ c(de, { initialValue: K, blockingDataType: W, onDataTypeChange: l }) : null
       ] });
     if (I?.genericKey) {
-      const O = s.get(I.genericKey);
+      const O = a.get(I.genericKey);
       return /* @__PURE__ */ S(j, { children: [
         C,
         b ? O?.sourceDataTypeIdentifiers?.map((k, fe) => {
-          const te = k?.dataType ?? k?.genericType;
-          if (!te)
+          const ne = k?.dataType ?? k?.genericType;
+          if (!ne)
             return null;
-          const Se = d ? te : void 0, ie = I.genericKey;
-          return ie ? /* @__PURE__ */ c(de, { initialValue: te, blockingDataType: Se, onDataTypeChange: (Re) => B(ie, fe, Re) }, `${ie}-${fe}`) : null;
+          const Se = d ? ne : void 0, ie = I.genericKey;
+          return ie ? /* @__PURE__ */ c(de, { initialValue: ne, blockingDataType: Se, onDataTypeChange: (Re) => B(ie, fe, Re) }, `${ie}-${fe}`) : null;
         }) : null
       ] });
     }
     return null;
-  }, e[20] = f, e[21] = s, e[22] = E, e[23] = I, e[24] = d, e[25] = b, e[26] = W, e[27] = K, e[28] = B, e[29] = T, e[30] = u, e[31] = l, e[32] = m, e[33] = t, e[34] = $) : $ = e[34];
+  }, e[20] = f, e[21] = a, e[22] = E, e[23] = I, e[24] = d, e[25] = b, e[26] = W, e[27] = K, e[28] = B, e[29] = T, e[30] = u, e[31] = l, e[32] = y, e[33] = n, e[34] = $) : $ = e[34];
   const Q = $;
   if (r && (K || E)) {
     let C;
@@ -210,56 +220,56 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
   e[39] === Symbol.for("react.memo_cache_sentinel") ? (x = {
     flex: 1
   }, e[39] = x) : x = e[39];
-  const Z = d ? void 0 : m, ee = d ? void 0 : u, ne = d ? void 0 : T;
+  const Z = d ? void 0 : y, ee = d ? void 0 : u, te = d ? void 0 : T;
   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];
+  e[40] !== f || e[41] !== a || e[42] !== d || e[43] !== n || e[44] !== Z || e[45] !== ee || e[46] !== te ? (w = /* @__PURE__ */ c(ge, { rule: n, genericMap: a, isBlocked: d, dataTypeLabel: f, onRemove: Z, onKeyChange: ee, onDataTypeChange: te }), e[40] = f, e[41] = a, e[42] = d, e[43] = n, e[44] = Z, e[45] = ee, e[46] = te, e[47] = w) : w = e[47];
   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: M, onBlur: _, w: "100%", disabled: d }) : t.variant === "NUMBER_RANGE" ? /* @__PURE__ */ S(j, { children: [
+  e[48] !== i || e[49] !== _ || e[50] !== d || e[51] !== n.variant ? (G = n.variant === "REGEX" || n.variant === "ITEM_OF_COLLECTION" ? /* @__PURE__ */ c(F, { clearable: !0, left: /* @__PURE__ */ c(A, { size: "sm", children: n.variant === "REGEX" ? "Pattern" : "Items" }), leftType: "icon", defaultValue: i, onChange: M, onBlur: _, w: "100%", disabled: d }) : n.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];
+  ] }) : null, e[48] = i, e[49] = _, e[50] = d, e[51] = n.variant, e[52] = G) : G = e[52];
   let H;
   return e[53] !== w || e[54] !== G ? (H = /* @__PURE__ */ c("div", { className: "d-flow-viewport-data-type-input__rule", children: /* @__PURE__ */ S("div", { style: x, children: [
     w,
     G
   ] }) }), e[53] = w, e[54] = G, e[55] = H) : H = e[55], H;
 }, ge = ({
-  rule: n,
+  rule: t,
   dataTypeLabel: e,
-  onClick: t,
+  onClick: n,
   onRemove: p,
-  isBlocked: s,
-  onKeyChange: m,
-  onDataTypeChange: a,
+  isBlocked: a,
+  onKeyChange: y,
+  onDataTypeChange: s,
   genericMap: u
 }) => {
-  const T = n.variant, l = T ? !Te.has(T) : !1, B = l ? ke({
+  const T = t.variant, l = T ? !Te.has(T) : !1, B = l ? Ve({
     dataType: {
       id: "gid://sagittarius/DataType/878634678"
     }
-  }, [], "", 0, [0], 1, [Ve.DATA_TYPE]) : [], I = n?.config?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? n?.config?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? u.get(n?.config?.dataTypeIdentifier?.genericKey)?.sourceDataTypeIdentifiers?.map((i) => i?.dataType?.rules?.nodes?.length ?? i.genericType?.dataType?.rules?.nodes?.length) ?? 0, [E, b] = y.useState(() => "key" in (n?.config ?? {}) ? n?.config?.key ?? "" : ""), [V, d] = y.useState(() => e ?? "");
-  y.useEffect(() => {
-    b("key" in (n?.config ?? {}) ? n?.config?.key ?? "" : "");
-  }, [n]), y.useEffect(() => {
+  }, [], "", 0, [0], 1, [_e.DATA_TYPE]) : [], I = t?.config?.dataTypeIdentifier?.dataType?.rules?.nodes?.length ?? t?.config?.dataTypeIdentifier?.genericType?.dataType?.rules?.nodes?.length ?? u.get(t?.config?.dataTypeIdentifier?.genericKey)?.sourceDataTypeIdentifiers?.map((i) => i?.dataType?.rules?.nodes?.length ?? i.genericType?.dataType?.rules?.nodes?.length) ?? 0, [E, b] = m.useState(() => "key" in (t?.config ?? {}) ? t?.config?.key ?? "" : ""), [V, d] = m.useState(() => e ?? "");
+  m.useEffect(() => {
+    b("key" in (t?.config ?? {}) ? t?.config?.key ?? "" : "");
+  }, [t]), m.useEffect(() => {
     d(e ?? "");
   }, [e]);
-  const D = y.useCallback(() => {
-    !m || s || m(E);
-  }, [s, E, m]), r = y.useCallback(() => {
-    !a || s || V.trim() === "" && a(void 0);
-  }, [V, s, a]), o = y.useCallback((i) => {
-    if (!a || s) return;
+  const D = m.useCallback(() => {
+    !y || a || y(E);
+  }, [a, E, y]), r = m.useCallback(() => {
+    !s || a || V.trim() === "" && s(void 0);
+  }, [V, a, s]), o = m.useCallback((i) => {
+    if (!s || a) return;
     const N = i.value;
     if (!N) return;
-    a(N);
+    s(N);
     const h = i?.valueData?.displayText?.join(" ") ?? e ?? "";
     d(h);
-  }, [e, s, a]);
+  }, [e, a, s]);
   return /* @__PURE__ */ S("div", { children: [
     /* @__PURE__ */ S(X, { justify: "space-between", children: [
-      /* @__PURE__ */ c(Oe, { color: "info", children: n?.variant }),
-      p ? /* @__PURE__ */ c(re, { color: "error", onClick: p, children: /* @__PURE__ */ c(Me, { size: 16 }) }) : null
+      /* @__PURE__ */ c(Be, { color: "info", children: t?.variant }),
+      p ? /* @__PURE__ */ c(re, { color: "error", onClick: p, children: /* @__PURE__ */ c(Oe, { size: 16 }) }) : null
     ] }),
     /* @__PURE__ */ S(X, { mt: 0.7, style: {
       flexDirection: "column",
@@ -268,154 +278,154 @@ const Te = /* @__PURE__ */ new Set(["ITEM_OF_COLLECTION", "REGEX", "NUMBER_RANGE
       l ? /* @__PURE__ */ S(X, { align: "center", style: {
         gap: ".7rem"
       }, children: [
-        n.variant === "CONTAINS_KEY" ? /* @__PURE__ */ c(F, { left: /* @__PURE__ */ c(A, { size: "sm", children: "Key" }), leftType: "icon", disabled: s, defaultValue: E, onChange: (i) => "value" in i.target && b(i.target.value), onBlur: D }) : null,
-        /* @__PURE__ */ c(F, { left: /* @__PURE__ */ c(A, { size: "sm", children: "DataType" }), leftType: "icon", disabled: s, suggestionsFooter: /* @__PURE__ */ c(me, {}), suggestions: Be(B), value: V, onChange: (i) => "value" in i.target && d(i.target.value), onBlur: r, onSuggestionSelect: o })
+        t.variant === "CONTAINS_KEY" ? /* @__PURE__ */ c(F, { left: /* @__PURE__ */ c(A, { size: "sm", children: "Key" }), leftType: "icon", disabled: a, defaultValue: E, onChange: (i) => "value" in i.target && b(i.target.value), onBlur: D }) : null,
+        /* @__PURE__ */ c(F, { left: /* @__PURE__ */ c(A, { size: "sm", children: "DataType" }), leftType: "icon", disabled: a, suggestionsFooter: /* @__PURE__ */ c(ye, {}), suggestions: Ae(B), value: V, onChange: (i) => "value" in i.target && d(i.target.value), onBlur: r, onSuggestionSelect: o })
       ] }) : null,
-      n.variant != "REGEX" && n.variant != "ITEM_OF_COLLECTION" && n.variant != "NUMBER_RANGE" ? /* @__PURE__ */ c(De, { children: /* @__PURE__ */ S(X, { align: "center", style: {
+      t.variant != "REGEX" && t.variant != "ITEM_OF_COLLECTION" && t.variant != "NUMBER_RANGE" ? /* @__PURE__ */ c(ve, { children: /* @__PURE__ */ S(X, { align: "center", style: {
         gap: ".7rem"
       }, children: [
         "+",
         I,
         " rules included",
-        /* @__PURE__ */ c(re, { color: "primary", onClick: t, children: "Show/Hide Rules" })
+        /* @__PURE__ */ c(re, { color: "primary", onClick: n, children: "Show/Hide Rules" })
       ] }) }) : null
     ] })
   ] });
-}, ue = (n) => n ? "pattern" in n || n?.__typename === "DataTypeRulesRegexConfig" ? n?.pattern ?? "" : "items" in n || n?.__typename === "DataTypeRulesItemOfCollectionConfig" ? JSON.stringify(n.items) : n : "", Je = (n, e, t) => {
+}, ue = (t) => t ? "pattern" in t || t?.__typename === "DataTypeRulesRegexConfig" ? t?.pattern ?? "" : "items" in t || t?.__typename === "DataTypeRulesItemOfCollectionConfig" ? JSON.stringify(t.items) : t : "", Je = (t, e, n) => {
   const {
     variant: p,
-    numberRangeKey: s
-  } = t ?? {}, m = p === "NUMBER_RANGE", a = e ?? void 0;
-  if (m) {
+    numberRangeKey: a
+  } = n ?? {}, y = p === "NUMBER_RANGE", s = e ?? void 0;
+  if (y) {
     const u = {
       __typename: "DataTypeRulesNumberRangeConfig",
-      ...a
+      ...s
     };
-    if (typeof n != "string")
+    if (typeof t != "string")
       return {
         ...u,
-        ...n
+        ...t
       };
-    if (!s)
+    if (!a)
       return u;
     const T = {
       ...u
     };
-    switch (s) {
+    switch (a) {
       case "from":
         T.from = (() => {
-          if (n.trim() === "") return;
-          const l = Number(n);
+          if (t.trim() === "") return;
+          const l = Number(t);
           return Number.isFinite(l) ? l : u.from;
         })();
         break;
       case "steps":
         T.steps = (() => {
-          if (n.trim() === "") return;
-          const l = Number(n);
+          if (t.trim() === "") return;
+          const l = Number(t);
           return Number.isFinite(l) ? l : u.steps;
         })();
         break;
       case "to":
         T.to = (() => {
-          if (n.trim() === "") return;
-          const l = Number(n);
+          if (t.trim() === "") return;
+          const l = Number(t);
           return Number.isFinite(l) ? l : u.to;
         })();
         break;
     }
     return T;
   }
-  if (!a) {
-    if (typeof n != "string")
-      return n;
+  if (!s) {
+    if (typeof t != "string")
+      return t;
     try {
-      return JSON.parse(n);
+      return JSON.parse(t);
     } catch {
       return;
     }
   }
-  if (typeof n != "string")
-    return n;
-  if (a.__typename === "DataTypeRulesRegexConfig" || "pattern" in a)
+  if (typeof t != "string")
+    return t;
+  if (s.__typename === "DataTypeRulesRegexConfig" || "pattern" in s)
     return {
-      ...a,
-      pattern: n
+      ...s,
+      pattern: t
     };
-  if (a.__typename === "DataTypeRulesItemOfCollectionConfig" || "items" in a)
+  if (s.__typename === "DataTypeRulesItemOfCollectionConfig" || "items" in s)
     try {
       return {
-        ...a,
-        items: JSON.parse(n)
+        ...s,
+        items: JSON.parse(t)
       };
     } catch {
-      return a;
+      return s;
     }
   try {
-    return JSON.parse(n);
+    return JSON.parse(t);
   } catch {
-    return a;
+    return s;
   }
-}, q = (n) => n == null ? n : JSON.parse(JSON.stringify(n)), pe = (n) => {
-  if (n)
-    return JSON.stringify(n);
-}, ye = (n) => {
-  if (n?.config?.dataTypeIdentifier)
-    return n?.config?.dataTypeIdentifier?.dataType ?? n?.config?.dataTypeIdentifier?.genericType ?? void 0;
-}, Le = (n, e) => pe(n) === pe(e), Pe = (n, e) => !n || !e?.rules?.nodes || !Ne(n) ? !1 : !!Ce(n, e), Ce = (n, e) => !n || !e?.rules?.nodes ? void 0 : e.rules.nodes?.filter(Boolean).find((p) => ce(n, p)), L = (n) => n != null && n.rules !== void 0, J = (n) => n != null && typeof n == "object" && "genericMappers" in n, Y = (n) => {
-  if (n)
-    return L(n) ? n : n.dataType ?? void 0;
-}, oe = (n) => (n.rules ? n.rules.nodes || (n.rules.nodes = []) : n.rules = {
+}, q = (t) => t == null ? t : JSON.parse(JSON.stringify(t)), pe = (t) => {
+  if (t)
+    return JSON.stringify(t);
+}, me = (t) => {
+  if (t?.config?.dataTypeIdentifier)
+    return t?.config?.dataTypeIdentifier?.dataType ?? t?.config?.dataTypeIdentifier?.genericType ?? void 0;
+}, Le = (t, e) => pe(t) === pe(e), Pe = (t, e) => !t || !e?.rules?.nodes || !Ne(t) ? !1 : !!Ce(t, e), Ce = (t, e) => !t || !e?.rules?.nodes ? void 0 : e.rules.nodes?.filter(Boolean).find((p) => ce(t, p)), L = (t) => t != null && t.rules !== void 0, J = (t) => t != null && typeof t == "object" && "genericMappers" in t, Y = (t) => {
+  if (t)
+    return L(t) ? t : t.dataType ?? void 0;
+}, oe = (t) => (t.rules ? t.rules.nodes || (t.rules.nodes = []) : t.rules = {
   nodes: []
-}, n.rules.nodes), Ie = (n, e) => {
-  if (!n && !e) return;
-  const t = q(n ?? e), p = Y(t), s = Y(e);
-  if (!p || !s)
-    return t;
-  const m = oe(p);
-  return s.rules?.nodes?.filter(Boolean)?.forEach((u) => {
+}, t.rules.nodes), Ie = (t, e) => {
+  if (!t && !e) return;
+  const n = q(t ?? e), p = Y(n), a = Y(e);
+  if (!p || !a)
+    return n;
+  const y = oe(p);
+  return a.rules?.nodes?.filter(Boolean)?.forEach((u) => {
     if (!u) return;
-    const T = m.findIndex((l) => ce(l, u));
+    const T = y.findIndex((l) => ce(l, u));
     if (T === -1) {
       const l = q(u);
-      ae(l, u), m.push(l), se(l, u);
+      se(l, u), y.push(l), ae(l, u);
     } else {
-      const l = m[T];
-      ae(l, u), se(l, u);
+      const l = y[T];
+      se(l, u), ae(l, u);
     }
-  }), t;
-}, se = (n, e) => {
-  const t = n?.config?.dataTypeIdentifier, p = e?.config?.dataTypeIdentifier;
-  if (!t || !p) return;
-  const s = t.dataType ?? t.genericType, m = p.dataType ?? p.genericType;
-  if (!s || !m) return;
-  const a = Ie(s, m);
-  a && (L(a) ? t.dataType = a : t.genericType = a);
-}, ce = (n, e) => {
-  if (!n || !e) return !1;
-  const t = Ne(n), p = Ee(e);
-  return t && p ? t === p : n.id && e.id ? n.id === e.id : JSON.stringify({
-    variant: n.variant,
-    config: n.config
+  }), n;
+}, ae = (t, e) => {
+  const n = t?.config?.dataTypeIdentifier, p = e?.config?.dataTypeIdentifier;
+  if (!n || !p) return;
+  const a = n.dataType ?? n.genericType, y = p.dataType ?? p.genericType;
+  if (!a || !y) return;
+  const s = Ie(a, y);
+  s && (L(s) ? n.dataType = s : n.genericType = s);
+}, ce = (t, e) => {
+  if (!t || !e) return !1;
+  const n = Ne(t), p = Ee(e);
+  return n && p ? n === p : t.id && e.id ? t.id === e.id : JSON.stringify({
+    variant: t.variant,
+    config: t.config
   }) === JSON.stringify({
     variant: e.variant,
     config: e.config
   });
-}, Ne = (n) => {
-  if (n)
-    return n?.[he];
-}, Ee = (n) => {
-  if (n)
-    return n.id ? `id:${n.id}` : `config:${JSON.stringify({
-      variant: n.variant,
-      config: n.config
+}, Ne = (t) => {
+  if (t)
+    return t?.[he];
+}, Ee = (t) => {
+  if (t)
+    return t.id ? `id:${t.id}` : `config:${JSON.stringify({
+      variant: t.variant,
+      config: t.config
     })}`;
-}, ae = (n, e) => {
-  const t = Ee(e);
-  t && (n[he] = t);
+}, se = (t, e) => {
+  const n = Ee(e);
+  n && (t[he] = n);
 };
-function ze(n) {
-  return !n;
+function ze(t) {
+  return !t;
 }
 export {
   de as DFlowInputDataType