@genai-fi/base 4.0.5 → 4.1.1

package/dist/SvgLayer-DHFiKVQ9.js

@@ -0,0 +1,50 @@
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import './assets/SvgLayer.css';const x = "_svglayer_qfgw7_3", i = "_workspace_qfgw7_10", w = "_container_qfgw7_19", _ = "_annotation_qfgw7_48", d = {
+  svglayer: x,
+  workspace: i,
+  container: w,
+  annotation: _
+}, y = 0.4, s = 40;
+function $({ lines: e }) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      className: d.svglayer,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      height: "100%",
+      "aria-hidden": !0,
+      children: e.map((t, r) => {
+        const n = t.direction === "horizontal" ? Math.abs(t.x1 - t.x2) * y : 0, c = t.direction === "vertical" ? Math.abs(t.y1 - t.y2) * y : 0, a = Math.max(Math.abs(t.x1 - t.x2), Math.abs(t.y1 - t.y2)), h = t.active;
+        return /* @__PURE__ */ g("g", { children: [
+          /* @__PURE__ */ o(
+            "path",
+            {
+              "data-testid": `line-${t.id1}-${t.id2}`,
+              d: `M ${t.x1} ${t.y1} C ${t.x1 + n} ${t.y1 + c}, ${t.x2 - n} ${t.y2 - c}, ${t.x2} ${t.y2}`,
+              fill: "none",
+              stroke: h ? "rgb(174, 37, 174)" : "#7C828D",
+              strokeWidth: "2",
+              strokeDasharray: h ? void 0 : "4 4"
+            },
+            r
+          ),
+          t.annotationElement && /* @__PURE__ */ o(
+            "foreignObject",
+            {
+              x: (t.x1 + t.x2) / 2 - (a - s) / 2,
+              y: (t.y1 + t.y2) / 2 - (a - s) / 2,
+              width: a - s,
+              height: a - s,
+              children: /* @__PURE__ */ o("div", { className: d.annotation, children: t.annotationElement })
+            }
+          )
+        ] }, `annotation-${r}`);
+      })
+    }
+  );
+}
+export {
+  $ as S,
+  d as s
+};

package/dist/assets/SvgLayer.css

@@ -1 +1 @@
-._svglayer_yu6sc_3{position:absolute;left:0;top:0;pointer-events:none}._workspace_yu6sc_10{overflow:auto;max-width:100%;max-height:100%;height:100%;width:100%;position:relative}._container_yu6sc_19{overflow:auto;min-height:100%;background:#dfe5e8;display:grid;gap:3rem;padding:2rem;box-sizing:border-box;grid-template-columns:repeat(6,max-content);min-width:100%;width:max-content;justify-content:center;position:relative;align-items:center}@media only screen and (max-height: 500px),(max-width: 700px){._svglayer_yu6sc_3{display:none}._container_yu6sc_19{display:flex;flex-direction:column;padding:1rem 0;width:100%}}
+._svglayer_qfgw7_3{position:absolute;left:0;top:0;pointer-events:none}._workspace_qfgw7_10{overflow:auto;max-width:100%;max-height:100%;height:100%;width:100%;position:relative}._container_qfgw7_19{overflow:auto;min-height:100%;background:#dfe5e8;display:grid;gap:3rem;padding:2rem;box-sizing:border-box;grid-template-columns:repeat(6,max-content);min-width:100%;width:max-content;justify-content:center;position:relative;align-items:center}@media only screen and (max-height: 500px),(max-width: 700px){._svglayer_qfgw7_3{display:none}._container_qfgw7_19{display:flex;flex-direction:column;padding:1rem 0;width:100%}}._annotation_qfgw7_48{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}

package/dist/components/WorkflowLayout/Layout.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import { useState as p, useRef as l, useEffect as v } from "react";
 import { extractNodesFromElements as y, generateLines as g } from "./lines.js";
-import { s as u, S as h } from "../../SvgLayer-DQQ6Pb5G.js";
+import { s as u, S as h } from "../../SvgLayer-DHFiKVQ9.js";
 function k({ children: n, connections: i }) {
   const [f, m] = p([]), r = l(null), t = l();
   return v(() => {

package/dist/components/WorkflowLayout/SvgLayer.d.ts

@@ -6,6 +6,8 @@ export interface ILine {
     direction: 'horizontal' | 'vertical';
     id1: string;
     id2: string;
+    annotationElement?: React.ReactNode;
+    active?: boolean;
 }
 interface Props {
     lines: ILine[];

package/dist/components/WorkflowLayout/SvgLayer.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { S as a } from "../../SvgLayer-DQQ6Pb5G.js";
+import { S as a } from "../../SvgLayer-DHFiKVQ9.js";
 export {
   a as default
 };

package/dist/components/WorkflowLayout/index.js

@@ -1,7 +1,7 @@
 import { default as r } from "./Layout.js";
 import { extractNodesFromElements as a, generateLines as f } from "./lines.js";
 import { Widget as s } from "./Widget.js";
-import { S as p } from "../../SvgLayer-DQQ6Pb5G.js";
+import { S as p } from "../../SvgLayer-DHFiKVQ9.js";
 export {
   p as SvgLayer,
   s as Widget,

package/dist/components/WorkflowLayout/lines.d.ts

@@ -5,13 +5,17 @@ export interface INode {
     width: number;
     height: number;
     id: string;
+    active?: boolean;
 }
 export declare function extractNodesFromElements(div: HTMLElement, initial?: Map<string, INode[]>): Map<string, INode[]>;
 export type ConnectionPoint = 'left' | 'right' | 'top' | 'bottom';
 export interface IConnection {
     start: string;
     startPoint: ConnectionPoint;
+    startOffset?: number;
     end: string;
     endPoint: ConnectionPoint;
+    endOffset?: number;
+    annotationElement?: React.ReactNode;
 }
 export declare function generateLines(data: Map<string, INode[]>, connections: IConnection[]): ILine[];

package/dist/components/WorkflowLayout/lines.js

@@ -1,39 +1,41 @@
-var d, f;
-const g = ((f = (d = globalThis == null ? void 0 : globalThis.process) == null ? void 0 : d.env) == null ? void 0 : f.NODE_ENV) === "test";
-function a(s, h) {
-  var o;
-  const n = h || /* @__PURE__ */ new Map();
-  for (let r = 0; r < s.children.length; ++r) {
-    const i = s.children[r], t = i.getAttribute("data-widget");
-    if (t === "container")
-      a(i, n);
-    else if (t) {
-      n.has(t) || n.set(t, []);
-      const e = i.offsetWidth, c = i.offsetHeight;
-      (g || e > 0 && c > 0) && ((o = n.get(t)) == null || o.push({ x: i.offsetLeft, y: i.offsetTop, width: e, height: c, id: i.id || "noid" }));
+var a, d;
+const g = ((d = (a = globalThis == null ? void 0 : globalThis.process) == null ? void 0 : a.env) == null ? void 0 : d.NODE_ENV) === "test";
+function l(s, f) {
+  var t;
+  const n = f || /* @__PURE__ */ new Map();
+  for (let h = 0; h < s.children.length; ++h) {
+    const o = s.children[h], e = o.getAttribute("data-widget");
+    if (e === "container")
+      l(o, n);
+    else if (e) {
+      n.has(e) || n.set(e, []);
+      const i = o.getAttribute("data-active") !== "false", r = o.offsetWidth, c = o.offsetHeight;
+      (g || r > 0 && c > 0) && ((t = n.get(e)) == null || t.push({ x: o.offsetLeft, y: o.offsetTop, width: r, height: c, id: o.id || "noid", active: i }));
     }
   }
   return n;
 }
-function l(s, h) {
+function u(s, f) {
   const n = [];
-  for (const o of h) {
-    const r = s.get(o.start) || [], i = s.get(o.end) || [];
-    for (const t of r)
-      for (const e of i)
+  for (const t of f) {
+    const h = s.get(t.start) || [], o = s.get(t.end) || [];
+    for (const e of h)
+      for (const i of o)
         n.push({
-          id1: t.id,
-          id2: e.id,
-          x1: o.startPoint === "left" ? t.x : o.startPoint === "right" ? t.x + t.width : t.x + t.width / 2,
-          x2: o.endPoint === "left" ? e.x : o.endPoint === "right" ? e.x + e.width : e.x + e.width / 2,
-          y1: o.startPoint === "top" ? t.y : o.startPoint === "bottom" ? t.y + t.height : t.y + t.height / 2,
-          y2: o.endPoint === "top" ? e.y : o.endPoint === "bottom" ? e.y + e.height : e.y + e.height / 2,
-          direction: o.startPoint === "top" || o.startPoint === "bottom" ? "vertical" : "horizontal"
+          id1: e.id,
+          id2: i.id,
+          annotationElement: t.annotationElement,
+          x1: t.startPoint === "left" ? e.x : t.startPoint === "right" ? e.x + e.width : e.x + e.width / 2 + (t.startOffset || 0) * (e.width / 2),
+          x2: t.endPoint === "left" ? i.x : t.endPoint === "right" ? i.x + i.width : i.x + i.width / 2 + (t.endOffset || 0) * (i.width / 2),
+          y1: t.startPoint === "top" ? e.y : t.startPoint === "bottom" ? e.y + e.height : e.y + e.height / 2 + (t.startOffset || 0) * (e.height / 2),
+          y2: t.endPoint === "top" ? i.y : t.endPoint === "bottom" ? i.y + i.height : i.y + i.height / 2 + (t.endOffset || 0) * (i.height / 2),
+          direction: t.startPoint === "top" || t.startPoint === "bottom" ? "vertical" : "horizontal",
+          active: e.active && i.active
         });
   }
   return n;
 }
 export {
-  a as extractNodesFromElements,
-  l as generateLines
+  l as extractNodesFromElements,
+  u as generateLines
 };

package/dist/main.js

@@ -20,7 +20,7 @@ import { default as J } from "./components/ContentLoader/ContentLoader.js";
 import { default as X } from "./components/WorkflowLayout/Layout.js";
 import { extractNodesFromElements as _, generateLines as $ } from "./components/WorkflowLayout/lines.js";
 import { Widget as re } from "./components/WorkflowLayout/Widget.js";
-import { S as ae } from "./SvgLayer-DQQ6Pb5G.js";
+import { S as ae } from "./SvgLayer-DHFiKVQ9.js";
 import { default as fe } from "./components/LangSelect/LangSelect.js";
 import { default as se } from "./components/IconMenu/Spacer.js";
 import { default as ue } from "./components/IconMenu/IconMenu.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genai-fi/base",
-    "version": "4.0.5",
+    "version": "4.1.1",
     "license": "MIT",
     "type": "module",
     "main": "dist/main.js",

package/dist/SvgLayer-DQQ6Pb5G.js

@@ -1,37 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import './assets/SvgLayer.css';const d = "_svglayer_yu6sc_3", n = "_workspace_yu6sc_10", y = "_container_yu6sc_19", i = {
-  svglayer: d,
-  workspace: n,
-  container: y
-}, a = 20;
-function h({ lines: c }) {
-  return /* @__PURE__ */ o(
-    "svg",
-    {
-      className: i.svglayer,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "100%",
-      height: "100%",
-      "aria-hidden": !0,
-      children: c.map((t, e) => {
-        const r = t.direction === "horizontal" ? a : 0, s = t.direction === "vertical" ? a : 0;
-        return /* @__PURE__ */ o(
-          "path",
-          {
-            "data-testid": `line-${t.id1}-${t.id2}`,
-            d: `M ${t.x1} ${t.y1} C ${t.x1 + r} ${t.y1 + s}, ${t.x2 - r} ${t.y2 - s}, ${t.x2} ${t.y2}`,
-            fill: "none",
-            stroke: "rgb(174, 37, 174)",
-            strokeWidth: "2",
-            strokeDasharray: void 0
-          },
-          e
-        );
-      })
-    }
-  );
-}
-export {
-  h as S,
-  i as s
-};