@linkdlab/funcnodes_react_flow 0.4.6 → 0.4.8

package/dist/index.es.js

@@ -34750,15 +34750,21 @@ const $7 = ({ value: e }) => /* @__PURE__ */ b.jsx(
   onLoaded: n
 }) => {
   const [r, o] = k.useState(t || e);
-  return k.useEffect(() => {
+  if (k.useEffect(() => {
     if (e === t) return;
-    const i = new Image();
-    return i.onload = () => {
+    const a = new Image();
+    return a.onload = () => {
       n == null || n(), o(e);
-    }, i.src = e, () => {
-      i.onload = null;
+    }, a.src = e, () => {
+      a.onload = null;
     };
-  }, [e, t, n]), r === void 0 ? /* @__PURE__ */ b.jsx(b.Fragment, {}) : typeof r != "string" ? (console.error("Base64ImageOutput: value is not a string", r), /* @__PURE__ */ b.jsx(b.Fragment, {})) : /* @__PURE__ */ b.jsx("img", { src: r, style: { maxWidth: "100%", maxHeight: "100%" } });
+  }, [e, t, n]), r === void 0)
+    return /* @__PURE__ */ b.jsx(b.Fragment, {});
+  if (typeof r != "string")
+    return console.error("ImageRenderer: value is not a string", r), /* @__PURE__ */ b.jsx(b.Fragment, {});
+  const i = r.startsWith("data:") || r.startsWith("blob:");
+  let s = r;
+  return i || (s = "data:image/jpeg;base64," + r), /* @__PURE__ */ b.jsx("img", { src: s, style: { maxWidth: "100%", maxHeight: "100%" } });
 }, jS = ({
   value: e
 }) => /* @__PURE__ */ b.jsx($7, { value: e }), LS = ({
@@ -38946,12 +38952,12 @@ const IE = ({
       R = t[0](R);
     } catch {
     }
-    (A = r.worker) == null || A.set_io_value({
+    R !== (o == null ? void 0 : o.value) && ((A = r.worker) == null || A.set_io_value({
       nid: i.node,
       ioid: i.id,
       value: R,
       set_default: i.render_options.set_default
-    });
+    }));
   }, c = (R) => {
     l(R.target.value);
   };
@@ -39066,30 +39072,37 @@ const IE = ({
   k.useEffect(() => {
     l(t[1](s));
   }, [s]);
-  const c = (d) => {
-    var p;
-    let f = d.target.value;
-    f || (f = "<NoValue>");
+  const c = (p) => {
+    var h;
+    let g = p.target.value;
+    g || (g = "<NoValue>");
     try {
-      f = t[0](f);
+      g = t[0](g);
     } catch {
     }
-    (p = n.worker) == null || p.set_io_value({
+    g !== s && ((h = n.worker) == null || h.set_io_value({
       nid: i.node,
       ioid: i.id,
-      value: f,
+      value: g,
       set_default: i.render_options.set_default
-    });
+    }));
   };
   let u = i.connected ? t[1](s) : a;
-  return u == null && (u = ""), /* @__PURE__ */ b.jsx(
-    "input",
+  u == null && (u = "");
+  const d = (u.match(/\n/g) || []).length, f = Math.max(...u.split(`
+`).map((p) => p.length), 0);
+  return /* @__PURE__ */ b.jsx(
+    "textarea",
     {
       className: "nodedatainput styledinput stringinput",
       value: u,
-      onChange: (d) => l(d.target.value),
-      onBlur: c,
-      disabled: i.connected
+      onChange: (p) => l(p.target.value),
+      onBlur: (p) => {
+        c(p);
+      },
+      disabled: i.connected,
+      rows: d + 1,
+      cols: f + 1
     }
   );
 }, uJ = ({ iostore: e }) => {
@@ -39655,8 +39668,10 @@ const IE = ({
         type: "target"
       }
     ),
-    a && /* @__PURE__ */ b.jsx("div", { className: "iovaluefield nodrag", "data-type": o, children: /* @__PURE__ */ b.jsx(a, { iostore: e, inputconverter: l }) }),
-    /* @__PURE__ */ b.jsx("div", { className: "ioname", children: r.name }),
+    /* @__PURE__ */ b.jsxs("div", { className: "inner_nodeio", children: [
+      a && /* @__PURE__ */ b.jsx("div", { className: "iovaluefield nodrag", "data-type": o, children: /* @__PURE__ */ b.jsx(a, { iostore: e, inputconverter: l }) }),
+      /* @__PURE__ */ b.jsx("div", { className: "ioname", children: r.name })
+    ] }),
     /* @__PURE__ */ b.jsx(
       Sf,
       {
@@ -39679,8 +39694,10 @@ const IE = ({
         type: "source"
       }
     ),
-    /* @__PURE__ */ b.jsx("div", { className: "ioname", children: r.name }),
-    s ? /* @__PURE__ */ b.jsx("div", { className: "iovaluefield nodrag", children: /* @__PURE__ */ b.jsx(s, { iostore: e }) }) : /* @__PURE__ */ b.jsx("div", { className: "iovaluefield", children: /* @__PURE__ */ b.jsx(bJ, { iostore: e, typestring: o }) })
+    /* @__PURE__ */ b.jsxs("div", { className: "inner_nodeio", children: [
+      /* @__PURE__ */ b.jsx("div", { className: "ioname", children: r.name }),
+      s ? /* @__PURE__ */ b.jsx("div", { className: "iovaluefield nodrag", children: /* @__PURE__ */ b.jsx(s, { iostore: e }) }) : /* @__PURE__ */ b.jsx("div", { className: "iovaluefield", children: /* @__PURE__ */ b.jsx(bJ, { iostore: e, typestring: o }) })
+    ] })
   ] });
 }, NJ = (e) => {
   const t = xe(Se), n = AE(e), { DataPreviewViewRenderer: r, DataViewRenderer: o } = xe(or), i = t.render_options();
@@ -39885,7 +39902,7 @@ const MJ = ({ state: e, className: t = "reacttqdm", ...n }) => {
 }, jJ = k.memo(({ node_data: e }) => {
   var n, r, o, i;
   const t = (r = (n = e.render_options) == null ? void 0 : n.data) != null && r.src ? e.io[(i = (o = e.render_options) == null ? void 0 : o.data) == null ? void 0 : i.src] : void 0;
-  return /* @__PURE__ */ b.jsxs("div", { className: "nodebody", children: [
+  return /* @__PURE__ */ b.jsxs("div", { className: "nodebody nowheel ", children: [
     e.outputs.map((s) => /* @__PURE__ */ b.jsx(TJ, { iostore: e.io[s] }, s)),
     t && /* @__PURE__ */ b.jsx(FJ, { node_data: e, iostore: t }),
     e.inputs.map((s) => /* @__PURE__ */ b.jsx(RJ, { iostore: e.io[s] }, s))