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

package/dist/assets/components/d-flow-folder/DFlowFolder.style.css

@@ -1 +1 @@
-.d-folder{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;cursor:pointer;align-items:center;justify-content:space-between;font-size:.8rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-folder{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder:hover{background:#292637}.d-folder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none;background:#030014}.d-folder[data-state=open]{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}.d-folder__icon,.d-folder__status,.d-folder__item-icon{color:#70ffb2;display:flex;align-items:center;justify-content:center}.d-folder__status,.d-folder__item-icon{color:#fff}.d-folder__content{margin-left:.7rem;position:relative;padding-left:calc(5px + .35rem)}.d-folder__content:before{height:100%;width:1px;background:#1c1a2c;position:absolute;content:"";left:5px}.d-folder__item{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;align-items:center;cursor:pointer;font-size:.8rem;position:relative}.d-folder__item{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder__item:hover{background:#292637}.d-folder__item:active,.d-folder__item:focus,.d-folder__item[aria-selected=true],.d-folder__item[data-state=open]{background:#353343;outline:none}.d-folder__item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none}.d-folder__item[data-state=open]{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}
+.d-folder{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;cursor:pointer;align-items:center;justify-content:space-between;font-size:.8rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-folder{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder:hover{background:#292637}.d-folder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none;background:#030014}.d-folder[data-state=open]{background:#353343;outline:none;border:none}.d-folder__icon,.d-folder__status,.d-folder__item-icon{display:flex;align-items:center;justify-content:center}.d-folder__content{margin-left:.7rem;position:relative;padding-left:calc(5px + .35rem)}.d-folder__content:before{height:100%;width:1px;background:#1c1a2c;position:absolute;content:"";left:5px}.d-folder__item{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;align-items:center;cursor:pointer;font-size:.8rem;position:relative}.d-folder__item{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder__item:hover{background:#292637}.d-folder__item:active,.d-folder__item:focus,.d-folder__item[aria-selected=true],.d-folder__item[data-state=open]{background:#353343;outline:none}.d-folder__item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none}.d-folder__item[data-state=open],.d-folder__item--active{background:#353343;outline:none;border:none}

package/dist/components/context-menu/ContextMenu.js

@@ -3,7 +3,7 @@ import { c as r } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
 import { mergeCode0Props as i } from "../../utils/utils.js";
-import { ContextMenu as A, ContextMenuTrigger as L, ContextMenuPortal as P, ContextMenuContent as G, ContextMenuLabel as j, ContextMenuItem as v, ContextMenuGroup as D, ContextMenuSub as W, ContextMenuSubTrigger as B, ContextMenuSubContent as E, ContextMenuSeparator as F, ContextMenuArrow as R } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
+import { ContextMenu as A, ContextMenuTrigger as L, ContextMenuPortal as P, ContextMenuContent as G, ContextMenuSub as j, ContextMenuSubTrigger as v, ContextMenuSubContent as D, ContextMenuItem as W, ContextMenuSeparator as B, ContextMenuLabel as E, ContextMenuGroup as F, ContextMenuArrow as R } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
 import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
 import { Card as $ } from "../card/Card.js";
 import { Flex as g } from "../flex/Flex.js";
@@ -84,35 +84,35 @@ const Z = (t) => {
   e[0] !== t ? (o = i("context-menu__label", t), e[0] = t, e[1] = o) : o = e[1];
   const l = o;
   let n;
-  return e[2] !== l ? (n = /* @__PURE__ */ c(j, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(E, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
 }, ne = (t) => {
   const e = r.c(4);
   let o;
   e[0] !== t ? (o = i("context-menu__item", t), e[0] = t, e[1] = o) : o = e[1];
   const l = o;
   let n;
-  return e[2] !== l ? (n = /* @__PURE__ */ c(v, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(W, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
 }, oe = (t) => {
   const e = r.c(4);
   let o;
   e[0] !== t ? (o = i("context-menu__group", t), e[0] = t, e[1] = o) : o = e[1];
   const l = o;
   let n;
-  return e[2] !== l ? (n = /* @__PURE__ */ c(D, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(F, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
 }, le = (t) => {
   const e = r.c(4);
   let o;
   e[0] !== t ? (o = i("context-menu__sub", t), e[0] = t, e[1] = o) : o = e[1];
   const l = o;
   let n;
-  return e[2] !== l ? (n = /* @__PURE__ */ c(W, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(j, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
 }, ce = (t) => {
   const e = r.c(4);
   let o;
   e[0] !== t ? (o = i("context-menu__sub-trigger", t), e[0] = t, e[1] = o) : o = e[1];
   const l = o;
   let n;
-  return e[2] !== l ? (n = /* @__PURE__ */ c(B, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(v, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
 }, re = (t) => {
   const e = r.c(16), o = `context-menu__sub-content context-menu__sub-content--${t.color ?? "secondary"}`;
   let l;
@@ -156,7 +156,7 @@ const Z = (t) => {
     ] })
   ] }) }), e[12] = C) : C = e[12];
   let h;
-  return e[13] !== n || e[14] !== s ? (h = /* @__PURE__ */ u(E, { ...n, children: [
+  return e[13] !== n || e[14] !== s ? (h = /* @__PURE__ */ u(D, { ...n, children: [
     s,
     C
   ] }), e[13] = n, e[14] = s, e[15] = h) : h = e[15], h;
@@ -166,7 +166,7 @@ const Z = (t) => {
   e[0] !== t ? (o = i("context-menu__separator", t), e[0] = t, e[1] = o) : o = e[1];
   const l = o;
   let n;
-  return e[2] !== l ? (n = /* @__PURE__ */ c(F, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(B, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
 }, se = (t) => {
   const e = r.c(4);
   let o;

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

@@ -1,7 +1,9 @@
 import { Code0ComponentProps } from '../../utils';
 import { default as React } from 'react';
-import { Flow } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowProps extends Code0ComponentProps {
     flowId: Flow['id'];
+    namespaceId: Namespace['id'];
+    projectId: NamespaceProject['id'];
 }
 export declare const DFlow: React.FC<DFlowProps>;

package/dist/components/d-flow/DFlow.edges.hook.d.ts

@@ -1,5 +1,5 @@
 import { Edge } from '@xyflow/react';
-import { Flow } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
 import { DFlowEdgeDataProps } from './DFlowEdge';
 export declare const FLOW_EDGE_RAINBOW: string[];
-export declare const useFlowEdges: (flowId: Flow["id"]) => Edge<DFlowEdgeDataProps>[];
+export declare const useFlowEdges: (flowId: Flow["id"], namespaceId?: Namespace["id"], projectId?: NamespaceProject["id"]) => Edge<DFlowEdgeDataProps>[];

package/dist/components/d-flow/DFlow.edges.hook.js

@@ -5,16 +5,16 @@ import { DFlowReactiveService as x } from "./DFlow.service.js";
 import { DFlowFunctionReactiveService as E } from "../d-flow-function/DFlowFunction.service.js";
 import { DFlowDataTypeReactiveService as M } from "../d-flow-data-type/DFlowDataType.service.js";
 import { md5 as O } from "js-md5";
-const u = [
-  "rgba(255, 255, 255, 0.25)"
-  // rot
-], Q = (r) => {
-  const l = N(x), F = T(x), R = N(E), W = T(E), H = N(M), w = T(M), n = B.useMemo(() => l.getById(r), [r, F]);
+const u = ["rgba(255, 255, 255, 0.25)"], X = (r, R, W) => {
+  const l = N(x), F = T(x), H = N(E), w = T(E), G = N(M), J = T(M), n = B.useMemo(() => l.getById(r, {
+    namespaceId: R,
+    projectId: W
+  }), [r, F]);
   return B.useMemo(() => {
     if (!n) return [];
     const d = [], p = /* @__PURE__ */ new Map();
     let h = 0;
-    const v = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), G = (e, o = v) => (o.has(e) || o.set(e, R.getById(e)), o.get(e)), J = (e, o = b) => (o.has(e) || o.set(e, H.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = v, $ = b) => {
+    const v = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), A = (e, o = v) => (o.has(e) || o.set(e, H.getById(e)), o.get(e)), L = (e, o = b) => (o.has(e) || o.set(e, G.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = v, $ = b) => {
       const t = `${e.id}-${h++}`;
       if (h == 1 && d.push({
         id: `trigger-${t}-next`,
@@ -57,9 +57,9 @@ const u = [
         });
       }
       return e.parameters?.nodes?.forEach((s) => {
-        const i = s?.value, y = G(e.functionDefinition?.id, m)?.parameterDefinitions?.find((a) => a.id === s?.id), _ = y?.dataTypeIdentifier, A = _ ? J(_, $) : void 0;
+        const i = s?.value, y = A(e.functionDefinition?.id, m)?.parameterDefinitions?.find((a) => a.id === s?.id), _ = y?.dataTypeIdentifier, V = _ ? L(_, $) : void 0;
         if (i) {
-          if (A?.variant === "NODE") {
+          if (V?.variant === "NODE") {
             const a = `${t}-group-${h++}`, S = O(`${t}-param-${JSON.stringify(s)}`), D = (I) => parseInt(I.slice(0, 8), 16) % 360;
             d.push({
               id: `${t}-${a}-param-${s.id}`,
@@ -98,9 +98,9 @@ const u = [
       }), e.nextNodeId && f(l.getNodeById(n.id, e.nextNodeId), e, t, c, m, $), t;
     };
     return n.startingNodeId && f(l.getNodeById(n.id, n.startingNodeId), void 0, void 0, 0, v, b), d;
-  }, [n, F, W, w]);
+  }, [n, F, w, J]);
 };
 export {
   u as FLOW_EDGE_RAINBOW,
-  Q as useFlowEdges
+  X as useFlowEdges
 };