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

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

@@ -1,158 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useStore as h, useReactFlow as G, useStoreApi as O, Handle as I, Position as u } from "@xyflow/react";
-import { NodeFunctionView as b } from "../DFlow.view.js";
-import { memo as V } from "react";
-import { Card as H } from "../../card/Card.js";
-import C from "../../card/CardSection.js";
-import { Flex as s } from "../../flex/Flex.js";
-import { IconFileLambdaFilled as W, IconDots as k, IconTrash as $, IconCopy as X, IconLayoutNavbarCollapseFilled as Y, IconExclamationCircle as q, IconAlertTriangle as J, IconMessageExclamation as K, IconArrowRightCircle as Q } from "@tabler/icons-react";
-import { Text as S } from "../../text/Text.js";
-import { Button as D } from "../../button/Button.js";
-import { Menu as U, MenuTrigger as Z, MenuPortal as ee, MenuContent as te, MenuLabel as ie, MenuItem as x } from "../../menu/Menu.js";
-import { Badge as R } from "../../badge/Badge.js";
-import { useService as g } from "../../../utils/contextStore.js";
-import { DFlowFunctionReactiveService as ne } from "./DFlowFunction.service.js";
-import { useFunctionValidation as oe } from "./DFlowFunction.vaildation.hook.js";
-import { D as re } from "../../../DFlowDataType.service-Dz8pQUeO.js";
-import { InspectionSeverity as c } from "../../../utils/inspection.js";
-import { DFlowReactiveService as ae } from "../DFlow.service.js";
-import { DFlowSuggestionMenu as le } from "../suggestion/DFlowSuggestionMenu.js";
-import { useSuggestions as de } from "../suggestion/DFlowSuggestion.hook.js";
-import { FileTabsService as se } from "../../file-tabs/FileTabs.service.js";
-import { DFlowTabDefault as ce } from "../tab/DFlowTabDefault.js";
-import { DataTypeVariant as N } from "@code0-tech/sagittarius-graphql-types";
-import '../../../assets/DFlowFunctionDefaultCard.css';const Ee = V((d) => {
-  const {
-    data: i,
-    id: m
-  } = d, F = h((e) => e.width), A = h((e) => e.height), _ = G(), z = O(), v = g(se), T = g(ae), M = g(ne), y = g(re), f = M.getById(i.instance.functionDefinition?.id), r = oe(f, i.instance.parameters.map((e) => e.value instanceof b ? e.value.json() : e.value), y, d.data.flowId), E = h((e) => e.edges), L = d.width ?? 0, P = d.height ?? 0;
-  i.instance.parameters?.forEach((e) => {
-    const a = f?.parameterDefinitions.find((n) => n.id == e?.id);
-    e.validationResults = r ? r.filter((n) => n.parameterId === a?.id) : [];
-  });
-  function j(e) {
-    return E.some((a) => a.target === m && a.targetHandle === `param-${e}`);
-  }
-  const B = h((e) => {
-    const a = e.nodes.filter((l) => l.parentId === d.parentId);
-    let n;
-    return a.forEach((l) => {
-      const w = l.data?.index ?? 1 / 0, p = n?.data?.index ?? 1 / 0;
-      (!n || w < p) && (n = l);
-    }), n;
-  });
-  return /* @__PURE__ */ o(H, { outline: B.id === m, borderColor: v.getActiveTab()?.id == m ? "info" : void 0, className: v.getActiveTab()?.id == m ? "d-flow-viewport-default-card--active" : void 0, color: (r?.filter((e) => e.type === c.ERROR)?.length ?? 0) > 0 ? "error" : "secondary", onClick: () => {
-    _.setViewport({
-      x: F / 2 + d.positionAbsoluteX * -1 - L / 2,
-      y: A / 2 + d.positionAbsoluteY * -1 - P / 2,
-      zoom: 1
-    }, {
-      duration: 250
-    }), v.add({
-      id: m,
-      active: !0,
-      closeable: !0,
-      children: /* @__PURE__ */ t(S, { size: "md", children: f?.names?.nodes[0]?.content }),
-      content: /* @__PURE__ */ t(ce, { flowId: d.data.flowId, depthLevel: i.depth, scopeLevel: i.scope, nodeLevel: i.index, functionInstance: i.instance })
-    });
-  }, style: {
-    position: "relative"
-  }, children: [
-    /* @__PURE__ */ t(C, { border: !0, children: /* @__PURE__ */ o(s, { align: "center", justify: "space-between", style: {
-      gap: "0.7rem"
-    }, children: [
-      /* @__PURE__ */ o(s, { align: "center", style: {
-        gap: "0.7rem"
-      }, children: [
-        /* @__PURE__ */ t(W, { size: 16 }),
-        /* @__PURE__ */ t(S, { size: "md", children: f?.names?.nodes[0]?.content })
-      ] }),
-      /* @__PURE__ */ o(s, { align: "center", style: {
-        gap: "0.7rem"
-      }, children: [
-        /* @__PURE__ */ o(U, { onOpenChange: (e) => {
-          setTimeout(() => {
-            z.setState({
-              nodesDraggable: !e,
-              nodesConnectable: !e,
-              elementsSelectable: !e
-            });
-          }, 250);
-        }, children: [
-          /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(D, { variant: "none", children: /* @__PURE__ */ t(k, { size: 16 }) }) }),
-          /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ o(te, { children: [
-            /* @__PURE__ */ t(ie, { children: "Actions" }),
-            /* @__PURE__ */ o(x, { onClick: () => {
-              i.instance.deleteNextNode(), T.update();
-            }, children: [
-              /* @__PURE__ */ t($, { size: 16 }),
-              " Delete node"
-            ] }),
-            /* @__PURE__ */ o(x, { disabled: !0, children: [
-              /* @__PURE__ */ t(X, { size: 16 }),
-              " Copy node"
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ t(D, { disabled: !0, children: /* @__PURE__ */ t(Y, { size: 16 }) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ t(I, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
-      ...i.isParameter ? {
-        right: "2px"
-      } : {
-        top: "2px"
-      }
-    }, position: i.isParameter ? u.Right : u.Top }),
-    (r?.length ?? 0) > 0 ? /* @__PURE__ */ t("div", { className: "d-flow-viewport-default-card__inspection", children: /* @__PURE__ */ o(s, { style: {
-      gap: "0.35rem"
-    }, children: [
-      (r?.filter((e) => e.type === c.ERROR)?.length ?? 0) > 0 ? /* @__PURE__ */ t(R, { color: "error", children: /* @__PURE__ */ o(s, { align: "center", style: {
-        gap: "0.35rem"
-      }, children: [
-        /* @__PURE__ */ t(q, { size: 12 }),
-        r?.filter((e) => e.type === c.ERROR)?.length
-      ] }) }) : null,
-      (r?.filter((e) => e.type === c.WARNING)?.length ?? 0) > 0 ? /* @__PURE__ */ t(R, { color: "warning", children: /* @__PURE__ */ o(s, { align: "center", style: {
-        gap: "0.35rem"
-      }, children: [
-        /* @__PURE__ */ t(J, { size: 12 }),
-        r?.filter((e) => e.type === c.WARNING)?.length
-      ] }) }) : null,
-      (r?.filter((e) => e.type === c.GRAMMAR)?.length ?? 0) > 0 ? /* @__PURE__ */ t(R, { children: /* @__PURE__ */ o(s, { align: "center", style: {
-        gap: "0.35rem"
-      }, children: [
-        /* @__PURE__ */ t(K, { size: 12 }),
-        r?.filter((e) => e.type === c.GRAMMAR)?.length
-      ] }) }) : null
-    ] }) }) : null,
-    i.instance.parameters?.some((e) => {
-      const a = f?.parameterDefinitions.find((l) => l.id == e.id), n = y.getDataType(a?.dataTypeIdentifier)?.variant === N.Node;
-      return e.value instanceof b && !n || !e.value;
-    }) ? /* @__PURE__ */ t(C, { children: i.instance.parameters?.map((e, a) => {
-      const n = f?.parameterDefinitions.find((p) => p.id == e.id), l = y.getDataType(n?.dataTypeIdentifier)?.variant === N.Node, w = de(n?.dataTypeIdentifier ?? void 0, [], d.data.flowId, i.depth, i.scope, i.index);
-      return e.value instanceof b && !l || !e.value ? /* @__PURE__ */ o(s, { pos: "relative", justify: "space-between", align: "center", children: [
-        n?.names?.nodes[0]?.content ?? e.id,
-        e.value ? null : /* @__PURE__ */ t(le, { onSuggestionSelect: (p) => {
-          e.value = p.value, T.update();
-        }, suggestions: w, triggerContent: /* @__PURE__ */ t(D, { variant: "none", children: /* @__PURE__ */ t(Q, { size: 12 }) }) }),
-        /* @__PURE__ */ t(I, { type: "target", position: u.Right, style: {
-          position: "absolute",
-          transform: l ? "translate(-50%, -50%)" : "translate(50%, -50%)",
-          top: "50%",
-          right: l ? "50%" : "0"
-        }, id: `param-${e.id}`, isConnectable: !1, hidden: !j(e.id), className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target" }, e.id)
-      ] }, a) : null;
-    }) }) : null,
-    /* @__PURE__ */ t(I, { isConnectable: !1, type: "source", style: {
-      ...i.isParameter ? {
-        left: "2px"
-      } : {
-        bottom: "2px"
-      }
-    }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: i.isParameter ? u.Left : u.Bottom })
-  ] });
-});
-export {
-  Ee as DFlowFunctionDefaultCard
-};

package/dist/components/d-flow/function/DFlowFunctionGroupCard.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { NodeProps } from '@xyflow/react';
-export interface DFlowFunctionGroupCardProps extends NodeProps {
-}
-export declare const DFlowFunctionGroupCard: React.FC<DFlowFunctionGroupCardProps>;

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

@@ -1,55 +0,0 @@
-import { jsx as w, jsxs as C } from "react/jsx-runtime";
-import { c as E } from "../../../compiler-runtime-BNHg76kC.js";
-import { memo as F } from "react";
-import { useStore as N, Handle as g, Position as x } from "@xyflow/react";
-import { FLOW_EDGE_RAINBOW as b } from "../DFlow.edges.hook.js";
-import { Card as j } from "../../card/Card.js";
-const R = F((h) => {
-  const t = E.c(15), {
-    data: e,
-    id: c
-  } = h, m = e?.depth ?? 0, o = b[m % b.length];
-  let f;
-  t[0] !== c ? (f = (I) => {
-    const y = I.nodes.filter((d) => d.parentId === c);
-    let i;
-    if (y.forEach((d) => {
-      const v = d.data?.index ?? 1 / 0, $ = i?.data?.index ?? 1 / 0;
-      (!i || v < $) && (i = d);
-    }), i) {
-      const d = i.measured.width ?? 0;
-      return i.position.x + d / 2;
-    }
-  }, t[0] = c, t[1] = f) : f = t[1];
-  const s = N(f);
-  let l;
-  t[2] !== o ? (l = _(o, 0.025), t[2] = o, t[3] = l) : l = t[3];
-  const u = "2px dashed " + _(o, 0.125);
-  let r;
-  t[4] !== l || t[5] !== u ? (r = {
-    background: l,
-    boxShadow: "none",
-    border: u
-  }, t[4] = l, t[5] = u, t[6] = r) : r = t[6];
-  let n;
-  t[7] !== s ? (n = /* @__PURE__ */ w(g, { type: "target", position: x.Top, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", isConnectable: !1, draggable: !1, style: {
-    top: "2px",
-    left: s
-  } }), t[7] = s, t[8] = n) : n = t[8];
-  let a;
-  t[9] !== s ? (a = /* @__PURE__ */ w(g, { type: "source", position: x.Bottom, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", isConnectable: !1, draggable: !1, style: {
-    bottom: "2px",
-    left: s
-  } }), t[9] = s, t[10] = a) : a = t[10];
-  let p;
-  return t[11] !== r || t[12] !== n || t[13] !== a ? (p = /* @__PURE__ */ C(j, { w: "100%", h: "100%", style: r, children: [
-    n,
-    a
-  ] }), t[11] = r, t[12] = n, t[13] = a, t[14] = p) : p = t[14], p;
-}), _ = (h, t) => {
-  const e = h.replace("#", ""), c = parseInt(e.length === 3 ? e[0] + e[0] : e.slice(0, 2), 16), m = parseInt(e.length === 3 ? e[1] + e[1] : e.slice(2, 4), 16), o = parseInt(e.length === 3 ? e[2] + e[2] : e.slice(4, 6), 16);
-  return `rgba(${c}, ${m}, ${o}, ${t})`;
-};
-export {
-  R as DFlowFunctionGroupCard
-};

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

@@ -1,26 +0,0 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { Handle as s, Position as l } from "@xyflow/react";
-import { memo as m } from "react";
-import { Button as c } from "../../button/Button.js";
-import { IconPlus as f } from "@tabler/icons-react";
-import { useSuggestions as u } from "../suggestion/DFlowSuggestion.hook.js";
-import { NodeFunctionView as g } from "../DFlow.view.js";
-import { useService as p } from "../../../utils/contextStore.js";
-import { DFlowReactiveService as w } from "../DFlow.service.js";
-import { DFlowSuggestionMenu as v } from "../suggestion/DFlowSuggestionMenu.js";
-const b = m((o) => {
-  const r = u(void 0, [], o.data.flowId, 0, [0], 0), i = p(w), t = i.getById(o.data.flowId);
-  return /* @__PURE__ */ n(v, { onSuggestionSelect: (a) => {
-    const e = new g(a.value);
-    o.data.parentFunction ? o.data.parentFunction.nextNodeId = e.id : t && (t.startingNodeId = e.id), t?.addNode(e), i.update();
-  }, suggestions: r, triggerContent: /* @__PURE__ */ d(c, { top: 0, variant: "normal", color: "secondary", children: [
-    /* @__PURE__ */ n(s, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
-      top: "2px"
-    }, position: l.Top }),
-    /* @__PURE__ */ n(f, { size: 16 }),
-    "Add next"
-  ] }) });
-});
-export {
-  b as DFlowFunctionSuggestionCard
-};

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

@@ -1,97 +0,0 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { c as Y } from "../../../compiler-runtime-BNHg76kC.js";
-import { memo as k } from "react";
-import { useReactFlow as H, useStore as j, Handle as E, Position as L } from "@xyflow/react";
-import { Text as R } from "../../text/Text.js";
-import { useService as D } from "../../../utils/contextStore.js";
-import { FileTabsService as P } from "../../file-tabs/FileTabs.service.js";
-import { Card as N } from "../../card/Card.js";
-import V from "../../card/CardSection.js";
-import { Flex as X } from "../../flex/Flex.js";
-import { IconBolt as W, IconLayoutNavbarCollapseFilled as $ } from "@tabler/icons-react";
-import { Button as q } from "../../button/Button.js";
-import { Badge as G } from "../../badge/Badge.js";
-import { DFlowTabTrigger as J } from "../tab/DFlowTabTrigger.js";
-import { DFlowTypeReactiveService as K } from "../type/DFlowType.service.js";
-const fe = k((t) => {
-  const e = Y.c(34), {
-    data: n,
-    id: a
-  } = t, m = D(P), v = H(), S = D(K);
-  let d;
-  e[0] !== n.instance.type?.id || e[1] !== S ? (d = S.getById(n.instance.type?.id), e[0] = n.instance.type?.id, e[1] = S, e[2] = d) : d = e[2];
-  const i = d, T = t.width ?? 0, x = t.height ?? 0, A = j(M), F = j(O);
-  let f;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (f = {
-    padding: "0.35rem"
-  }, e[3] = f) : f = e[3];
-  const C = m.getActiveTab()?.id == a ? "info" : void 0, z = m.getActiveTab()?.id == a ? "d-flow-viewport-default-card--active" : void 0;
-  let r;
-  e[4] !== n.instance || e[5] !== i?.names?.nodes || e[6] !== m || e[7] !== v || e[8] !== x || e[9] !== a || e[10] !== t.positionAbsoluteX || e[11] !== t.positionAbsoluteY || e[12] !== F || e[13] !== A || e[14] !== T ? (r = () => {
-    v.setViewport({
-      x: A / 2 + t.positionAbsoluteX * -1 - T / 2,
-      y: F / 2 + t.positionAbsoluteY * -1 - x / 2,
-      zoom: 1
-    }, {
-      duration: 250
-    }), m.add({
-      id: a,
-      active: !0,
-      closeable: !0,
-      children: /* @__PURE__ */ o(R, { size: "md", children: i?.names?.nodes[0]?.content }),
-      content: /* @__PURE__ */ o(J, { instance: n.instance })
-    });
-  }, e[4] = n.instance, e[5] = i?.names?.nodes, e[6] = m, e[7] = v, e[8] = x, e[9] = a, e[10] = t.positionAbsoluteX, e[11] = t.positionAbsoluteY, e[12] = F, e[13] = A, e[14] = T, e[15] = r) : r = e[15];
-  let h;
-  e[16] === Symbol.for("react.memo_cache_sentinel") ? (h = {
-    gap: "0.35rem"
-  }, e[16] = h) : h = e[16];
-  let p;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (p = {
-    gap: "0.35rem"
-  }, e[17] = p) : p = e[17];
-  let b;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ o(G, { color: "info", children: /* @__PURE__ */ g(X, { style: p, align: "center", children: [
-    /* @__PURE__ */ o(W, { size: 16 }),
-    "Trigger"
-  ] }) }), e[18] = b) : b = e[18];
-  let u;
-  e[19] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ g(X, { mb: "0.35", style: h, align: "center", justify: "space-between", children: [
-    b,
-    /* @__PURE__ */ o(q, { disabled: !0, children: /* @__PURE__ */ o($, { size: 16 }) })
-  ] }), e[19] = u) : u = e[19];
-  let y;
-  e[20] === Symbol.for("react.memo_cache_sentinel") ? (y = {
-    borderRadius: "calc(1rem - 0.35rem)"
-  }, e[20] = y) : y = e[20];
-  const B = i?.names?.nodes[0]?.content ?? i?.id;
-  let l;
-  e[21] !== B ? (l = /* @__PURE__ */ o(R, { mb: 0.35, display: "block", size: "md", children: B }), e[21] = B, e[22] = l) : l = e[22];
-  const I = i?.descriptions?.nodes[0]?.content ?? i?.id;
-  let c;
-  e[23] !== I ? (c = /* @__PURE__ */ o(R, { hierarchy: "tertiary", size: "xs", children: I }), e[23] = I, e[24] = c) : c = e[24];
-  let s;
-  e[25] !== l || e[26] !== c ? (s = /* @__PURE__ */ o(N, { color: "secondary", style: y, children: /* @__PURE__ */ g(V, { border: !0, maw: "300px", children: [
-    l,
-    c
-  ] }) }), e[25] = l, e[26] = c, e[27] = s) : s = e[27];
-  let w;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ o(E, { isConnectable: !1, type: "source", style: {
-    bottom: "2px"
-  }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: L.Bottom }), e[28] = w) : w = e[28];
-  let _;
-  return e[29] !== s || e[30] !== C || e[31] !== z || e[32] !== r ? (_ = /* @__PURE__ */ g(N, { variant: "filled", color: "info", style: f, borderColor: C, className: z, onClick: r, children: [
-    u,
-    s,
-    w
-  ] }), e[29] = s, e[30] = C, e[31] = z, e[32] = r, e[33] = _) : _ = e[33], _;
-});
-function M(t) {
-  return t.width;
-}
-function O(t) {
-  return t.height;
-}
-export {
-  fe as DFlowFunctionTriggerCard
-};