@genai-fi/base 4.1.0 → 4.1.2

package/dist/{DialogQR-C2SNQ9Uf.js → DialogQR-BIfoHwVy.js}

@@ -13,6 +13,7 @@ import "./util/canvas.js";
 import "./FileSaver.min-DhePf63e.js";
 import "./components/BusyButton/BusyButton.js";
 import "./components/WorkflowLayout/lines.js";
+import "./components/WorkflowLayout/svgContext.js";
 import "./components/WorkflowLayout/Widget.js";
 import "./components/IconMenu/context.js";
 import "@emotion/react";
@@ -1568,7 +1569,7 @@ const ze = /* @__PURE__ */ le(ke), Ve = "_link_1udre_3", He = "_container_1udre_
 }, Ye = me(/* @__PURE__ */ U("path", {
   d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"
 }), "ContentCopy");
-function fn({ url: r, open: o, onClose: i }) {
+function dn({ url: r, open: o, onClose: i }) {
   var s;
   const { t: n } = he("translation"), t = ue(null), e = ae(() => {
     navigator.clipboard.writeText(r);
@@ -1625,7 +1626,7 @@ function fn({ url: r, open: o, onClose: i }) {
   );
 }
 export {
-  fn as D,
+  dn as D,
   ze as q,
   je as s
 };

package/dist/{SvgLayer-BWQvvvqo.js → SvgLayer-DHFiKVQ9.js}

@@ -1,21 +1,21 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import './assets/SvgLayer.css';const e = "_svglayer_qfgw7_3", x = "_workspace_qfgw7_10", w = "_container_qfgw7_19", _ = "_annotation_qfgw7_48", h = {
-  svglayer: e,
-  workspace: x,
+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: _
-}, d = 0.4, s = 40;
-function $({ lines: y }) {
+}, y = 0.4, s = 40;
+function $({ lines: e }) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      className: h.svglayer,
+      className: d.svglayer,
       xmlns: "http://www.w3.org/2000/svg",
       width: "100%",
       height: "100%",
       "aria-hidden": !0,
-      children: y.map((t, r) => {
-        const n = t.direction === "horizontal" ? Math.abs(t.x1 - t.x2) * d : 0, c = t.direction === "vertical" ? Math.abs(t.y1 - t.y2) * d : 0, a = Math.max(Math.abs(t.x1 - t.x2), Math.abs(t.y1 - t.y2));
+      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",
@@ -23,9 +23,9 @@ function $({ lines: y }) {
               "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: "rgb(174, 37, 174)",
+              stroke: h ? "rgb(174, 37, 174)" : "#7C828D",
               strokeWidth: "2",
-              strokeDasharray: void 0
+              strokeDasharray: h ? void 0 : "4 4"
             },
             r
           ),
@@ -36,7 +36,7 @@ function $({ lines: y }) {
               y: (t.y1 + t.y2) / 2 - (a - s) / 2,
               width: a - s,
               height: a - s,
-              children: /* @__PURE__ */ o("div", { className: h.annotation, children: t.annotationElement })
+              children: /* @__PURE__ */ o("div", { className: d.annotation, children: t.annotationElement })
             }
           )
         ] }, `annotation-${r}`);
@@ -46,5 +46,5 @@ function $({ lines: y }) {
 }
 export {
   $ as S,
-  h as s
+  d as s
 };

package/dist/components/QRCode/DialogQR.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as h } from "../../DialogQR-C2SNQ9Uf.js";
+import { D as j } from "../../DialogQR-BIfoHwVy.js";
 import "@mui/material";
 import "react-i18next";
 import "../../state/webrtcState.js";
@@ -12,9 +12,10 @@ import "../../util/canvas.js";
 import "../../FileSaver.min-DhePf63e.js";
 import "../BusyButton/BusyButton.js";
 import "../WorkflowLayout/lines.js";
+import "../WorkflowLayout/svgContext.js";
 import "../WorkflowLayout/Widget.js";
 import "../IconMenu/context.js";
 import "@emotion/react";
 export {
-  h as default
+  j as default
 };

package/dist/components/QRCode/QRCode.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useRef as h, useState as m, useEffect as u, Suspense as v } from "react";
-import { q as p, s as o, D as b } from "../../DialogQR-C2SNQ9Uf.js";
+import { q as p, s as o, D as b } from "../../DialogQR-BIfoHwVy.js";
 function q({ url: a, size: r, code: c, label: l, dialog: d }) {
   const t = h(null), [f, n] = m(!1);
   return u(() => {

package/dist/components/WorkflowLayout/Layout.js

@@ -1,44 +1,45 @@
-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-BWQvvvqo.js";
-function k({ children: n, connections: i }) {
-  const [f, m] = p([]), r = l(null), t = l();
-  return v(() => {
-    if (r.current) {
-      const s = () => {
-        if (r.current) {
-          const e = y(r.current), c = g(e, i);
-          m(c);
-        }
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { useState as v, useRef as l, useCallback as h, useEffect as x } from "react";
+import { extractNodesFromElements as y, generateLines as L } from "./lines.js";
+import { s as u, S as b } from "../../SvgLayer-DHFiKVQ9.js";
+import { LinesUpdateContext as g } from "./svgContext.js";
+function S({ children: o, connections: c }) {
+  const [f, m] = v([]), e = l(null), n = l(), i = h(() => {
+    const r = y(e.current), s = L(r, c);
+    m(s);
+  }, [c]);
+  return x(() => {
+    if (e.current) {
+      const r = () => {
+        e.current && i();
       };
-      t.current = new ResizeObserver(s), t.current.observe(r.current);
-      const o = r.current.children;
-      if (o)
-        for (let e = 0; e < o.length; ++e) {
-          const c = o[e];
-          t.current.observe(c);
+      n.current = new ResizeObserver(r), n.current.observe(e.current);
+      const s = e.current.children;
+      if (s)
+        for (let t = 0; t < s.length; ++t) {
+          const d = s[t];
+          n.current.observe(d);
         }
-      return s(), () => {
-        var e;
-        (e = t.current) == null || e.disconnect();
+      return r(), () => {
+        var t;
+        (t = n.current) == null || t.disconnect();
       };
     }
-  }, [i]), /* @__PURE__ */ a("div", { className: u.workspace, children: /* @__PURE__ */ d(
+  }, [c, i]), /* @__PURE__ */ a("div", { className: u.workspace, children: /* @__PURE__ */ a(g.Provider, { value: i, children: /* @__PURE__ */ p(
     "div",
     {
       className: u.container,
-      ref: r,
+      ref: e,
       style: {
-        gridTemplateColumns: `repeat(${Array.isArray(n) ? n.filter((s) => !!s).length : 1}, max-content)`
+        gridTemplateColumns: `repeat(${Array.isArray(o) ? o.filter((r) => !!r).length : 1}, max-content)`
       },
       children: [
-        /* @__PURE__ */ a(h, { lines: f }),
-        n
+        /* @__PURE__ */ a(b, { lines: f }),
+        o
       ]
     }
-  ) });
+  ) }) });
 }
 export {
-  k as default
+  S as default
 };

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

@@ -7,6 +7,7 @@ export interface ILine {
     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-BWQvvvqo.js";
+import { S as a } from "../../SvgLayer-DHFiKVQ9.js";
 export {
   a as default
 };

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

@@ -10,10 +10,11 @@ interface Props extends React.HTMLProps<HTMLDivElement> {
     dataWidget?: string;
     'aria-label'?: string;
     active?: boolean;
+    activated?: boolean;
     id?: string;
     noPadding?: boolean;
     contentStyle?: CSSProperties;
     headerColour?: string;
 }
-export declare function Widget({ disabled, focus, title, setTitle, children, menu, className, hidden, dataWidget, id, noPadding, active, contentStyle, headerColour, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Widget({ disabled, focus, title, setTitle, children, menu, className, hidden, dataWidget, id, noPadding, active, activated, contentStyle, headerColour, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};