@code0-tech/pictor 0.0.0-mvp.2

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

@@ -0,0 +1,55 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import { Code0Component } from '../../../utils/types';
+import { Node, NodeProps } from '@xyflow/react';
+import { default as React } from 'react';
+import { NodeFunctionView } from '../DFlow.view';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowFunctionSuggestionCardDataProps extends Code0Component<HTMLDivElement> {
+    flowId: Flow['id'];
+    parentFunction?: NodeFunctionView;
+}
+export type DFlowFunctionSuggestionCardProps = NodeProps<Node<DFlowFunctionSuggestionCardDataProps>>;
+export declare const DFlowFunctionSuggestionCard: React.FC<DFlowFunctionSuggestionCardProps>;

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

@@ -0,0 +1,26 @@
+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.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Code0Component } from '../../../utils/types';
+import { FlowView } from '../DFlow.view';
+import { Node, NodeProps } from '@xyflow/react';
+export interface DFlowFunctionTriggerCardDataProps extends Omit<Code0Component<HTMLDivElement>, "scope"> {
+    instance: FlowView;
+}
+export type DFlowFunctionTriggerCardProps = NodeProps<Node<DFlowFunctionTriggerCardDataProps>>;
+export declare const DFlowFunctionTriggerCard: React.FC<DFlowFunctionTriggerCardProps>;

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

@@ -0,0 +1,97 @@
+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
+};

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

@@ -0,0 +1,2 @@
+export * from './DFlowFunction.service';
+export * from './DFlowFunction.view';

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

@@ -0,0 +1,7 @@
+import { DFlowFunctionReactiveService as o } from "./DFlowFunction.service.js";
+import { FunctionDefinitionView as t, ParameterDefinitionView as r } from "./DFlowFunction.view.js";
+export {
+  o as DFlowFunctionReactiveService,
+  t as FunctionDefinitionView,
+  r as ParameterDefinitionView
+};

package/dist/components/d-flow/index.d.ts

@@ -0,0 +1,13 @@
+export * from './DFlow.view';
+export * from './DFlow.service';
+export * from './DFlow.edges.hook';
+export * from './DFlow.nodes.hook';
+export * from './DFlow';
+export * from './control/index';
+export * from './data-type/index';
+export * from './folder/index';
+export * from './function/index';
+export * from './minimap/index';
+export * from './suggestion/index';
+export * from './type/index';
+export * from './validation/index';

package/dist/components/d-flow/index.js

@@ -0,0 +1,46 @@
+import { FlowSettingView as r, FlowView as t, NodeFunctionView as i, NodeParameterView as w } from "./DFlow.view.js";
+import { DFlowReactiveService as l } from "./DFlow.service.js";
+import { FLOW_EDGE_RAINBOW as m, useFlowEdges as D } from "./DFlow.edges.hook.js";
+import { useFlowNodes as a } from "./DFlow.nodes.hook.js";
+import { DFlow as x } from "./DFlow.js";
+import { DFlowControl as s } from "./control/DFlowControl.js";
+import { D as v } from "../../DFlowDataType.service-Dz8pQUeO.js";
+import { DataTypeView as d } from "./data-type/DFlowDataType.view.js";
+import { DFlowFolder as g, DFlowFolderGroup as R, DFlowFolderItem as y } from "./folder/DFlowFolder.js";
+import { DFlowFunctionReactiveService as N } from "./function/DFlowFunction.service.js";
+import { FunctionDefinitionView as G, ParameterDefinitionView as I } from "./function/DFlowFunction.view.js";
+import { DFlowMiniMap as O } from "./minimap/DFlowMiniMap.js";
+import { DFlowReactiveSuggestionService as W } from "./suggestion/DFlowSuggestion.service.js";
+import { DFlowSuggestion as A, DFlowSuggestionType as B } from "./suggestion/DFlowSuggestion.view.js";
+import { DFlowTypeReactiveService as L } from "./type/DFlowType.service.js";
+import { FlowTypeView as h } from "./type/DFlowType.view.js";
+import { useDFlowValidations as k } from "./validation/DFlowValidation.hook.js";
+import { DFlowValidation as z } from "./validation/DFlowValidation.js";
+export {
+  x as DFlow,
+  s as DFlowControl,
+  v as DFlowDataTypeReactiveService,
+  g as DFlowFolder,
+  R as DFlowFolderGroup,
+  y as DFlowFolderItem,
+  N as DFlowFunctionReactiveService,
+  O as DFlowMiniMap,
+  l as DFlowReactiveService,
+  W as DFlowReactiveSuggestionService,
+  A as DFlowSuggestion,
+  B as DFlowSuggestionType,
+  L as DFlowTypeReactiveService,
+  z as DFlowValidation,
+  d as DataTypeView,
+  m as FLOW_EDGE_RAINBOW,
+  r as FlowSettingView,
+  h as FlowTypeView,
+  t as FlowView,
+  G as FunctionDefinitionView,
+  i as NodeFunctionView,
+  w as NodeParameterView,
+  I as ParameterDefinitionView,
+  k as useDFlowValidations,
+  D as useFlowEdges,
+  a as useFlowNodes
+};

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

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