@devgateway/dvz-ui-react 1.6.20 → 1.7.0

package/dist/esm/embeddable/download/index.js

@@ -1,119 +1,145 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import H, { useRef as B, useState as _, useEffect as K } from "react";
-import { Container as x, Grid as P, Button as O, Dropdown as g, Icon as Q } from "semantic-ui-react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import V, { useRef as K, useState as O, useEffect as X } from "react";
+import { Container as x, Grid as C, Button as Y, Dropdown as A, Icon as Z } from "semantic-ui-react";
 import { PostContent as L } from "@devgateway/wp-react-lib";
-import { domtoimage as C } from "./dom-to-image.js";
-import { saveAs as R } from "file-saver";
-import { connect as V } from "react-redux";
-const X = H.forwardRef((r, a) => /* @__PURE__ */ t("div", { ref: a, children: r.children })), Y = (r) => {
-  const a = B();
+import { domtoimage as G } from "./dom-to-image.js";
+import { saveAs as U } from "file-saver";
+import { connect as _ } from "react-redux";
+const ee = V.forwardRef((a, r) => /* @__PURE__ */ t("div", { ref: r, children: a.children })), te = (a) => {
+  const r = K();
   let {
     childContent: h,
-    "data-height": te,
-    "data-button-label": T,
-    "data-png-label": U,
-    "data-jpg-label": J,
-    "data-jpg-text": S,
-    "data-png-text": j,
-    "data-check-png": G = "true",
+    "data-height": re,
+    "data-button-label": E,
+    "data-png-label": J,
+    "data-jpg-label": T,
+    "data-jpg-text": F,
+    "data-png-text": S,
+    "data-check-png": y = "true",
     "data-check-jpg": k = "true",
-    "data-title": q,
+    "data-title": I,
     "data-default-format": w = "PNG",
-    "data-use-title": N = "false",
-    "data-style": F = "heavy",
+    "data-use-title": P = "false",
+    "data-style": B = "heavy",
     "data-section-title": $ = "",
-    "data-download-tooltip": A = "",
-    "data-include-source-url": E = "false",
-    "data-source-urlmargin-left": I = 70,
+    "data-download-tooltip": j = "",
+    "data-include-source-url": q = "false",
+    "data-include-filters": R = "false",
+    "data-source-urlmargin-left": D = 70,
     "data-source-urlmargin-top": W = 10,
-    "data-source-urlfont-size": z = 18,
-    parent: ne,
+    "data-source-urlfont-size": M = 18,
+    parent: ae,
     editing: i,
-    component: oe,
-    unique: ae,
-    pageModuleProps: s
-  } = r;
-  const [p, m] = _(w), d = G == "true" || G === !0, u = k == "true" || k === !0;
-  K(() => {
+    component: ie,
+    unique: le,
+    pageModuleProps: c
+  } = a;
+  const [p, m] = O(w), s = y == "true" || y === !0, d = k == "true" || k === !0;
+  X(() => {
     m(w);
   }, [w]);
   const v = (n) => {
     m(n.target.value);
   };
-  function M(n) {
-    const o = n.attributes, y = [];
+  function z(n) {
+    const o = n.attributes, N = [];
     if (o)
-      for (let l = 0; l < o.length; l++)
-        y.push(o[l].nodeName);
-    const e = y.filter((l) => l.startsWith("data-"));
-    return e.length > 0 && e.forEach((l) => {
-      n.setAttribute(l, "");
-    }), n.classList ? !n.classList.contains("ignore") : !0;
+      for (let e = 0; e < o.length; e++)
+        N.push(o[e].nodeName);
+    const u = N.filter((e) => e.startsWith("data-"));
+    if (u.length > 0 && u.forEach((e) => {
+      n.setAttribute(e, "");
+    }), n.classList) {
+      if (n.classList.contains("ignore")) return !1;
+      if (!(R === !0 || R === "true")) {
+        const f = [
+          "filter-component",
+          "data-filters-reset",
+          "data-filters-apply",
+          "filter-search"
+        ];
+        for (const Q of f)
+          if (n.classList.contains(Q)) return !1;
+      }
+      return !0;
+    }
+    return !0;
   }
-  const f = { filter: M, bgcolor: "#FFF" }, D = (n) => {
-    C.cloneNode(a.current).then(function(o) {
-      if ([...o.getElementsByTagName("input")].forEach((e) => e.remove()), [...o.querySelectorAll(".question.circle.icon")].forEach((e) => e.remove()), E === "true") {
+  const g = { filter: z, bgcolor: "#FFF", imagePlaceholder: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgQb9Z3kAAAAASUVORK5CYII=", cacheBust: !0 }, H = (n) => {
+    G.cloneNode(r.current).then(function(o) {
+      if ([...o.getElementsByTagName("input")].forEach((e) => e.remove()), [...o.querySelectorAll(".question.circle.icon")].forEach((e) => e.remove()), q === "true") {
         const e = document.createElement("div");
-        e.style.marginLeft = I + "px", e.style.marginTop = W + "px", e.style.fontSize = z + "px", e.style.fontFamily = "Roboto, sans-serif", e.style.fontWeight = "400", e.style.color = "#66676d", e.style.opacity = "0.75", e.innerHTML = window.location.href, e.style.maxWidth = "90%", e.style.wordWrap = "break-word", e.style.overflowWrap = "break-word", o.appendChild(e);
+        e.style.marginLeft = D + "px", e.style.marginTop = W + "px", e.style.fontSize = M + "px", e.style.fontFamily = "Roboto, sans-serif", e.style.fontWeight = "400", e.style.color = "#66676d", e.style.opacity = "0.75", e.innerHTML = window.location.href, e.style.maxWidth = "90%", e.style.wordWrap = "break-word", e.style.overflowWrap = "break-word", o.appendChild(e);
       }
-      f.height = a.current.scrollHeight + 90, f.width = a.current.scrollWidth + 30, o.style.padding = "20px", n === "PNG" && C.toPng(o, f).then(function(e) {
-        R(e, U);
-      }), n === "JPG" && C.toJpeg(o, f).then(function(e) {
-        R(e, J);
+      const u = 50;
+      g.height = r.current.scrollHeight + u, g.width = r.current.scrollWidth + u * 2, o.style.padding = `${u}px`, n === "PNG" && G.toPng(o, g).then(function(e) {
+        if (!e) throw new Error("PNG render returned empty result");
+        return fetch(e).then((f) => f.blob());
+      }).then(function(e) {
+        U(e, J);
+      }).catch(function(e) {
+        console.error("PNG download failed:", e);
+      }), n === "JPG" && G.toJpeg(o, g).then(function(e) {
+        if (!e) throw new Error("JPEG render returned empty result");
+        return fetch(e).then((f) => f.blob());
+      }).then(function(e) {
+        U(e, T);
+      }).catch(function(e) {
+        console.error("JPG download failed:", e);
       });
     });
   }, b = (n) => {
-    i ? alert("Not allowed when editing please preview page") : D(n);
+    i ? alert("Not allowed when editing please preview page") : H(n);
   };
   return /* @__PURE__ */ t(
     x,
     {
-      className: `viz download ${F} ${N ? "has-title" : ""}
-        ${d || u ? "has-formats" : ""}
-        ${i || s != null && s.editing ? "editing" : ""}
-        ${d && u ? "multi-format" : ""}
-        ${d && !u || !d && u ? "single-format" : ""}`,
+      className: `viz download ${B} ${P ? "has-title" : ""}
+        ${s || d ? "has-formats" : ""}
+        ${i || c != null && c.editing ? "editing" : ""}
+        ${s && d ? "multi-format" : ""}
+        ${s && !d || !s && d ? "single-format" : ""}`,
       fluid: !0,
-      children: /* @__PURE__ */ c(X, { ref: a, children: [
-        /* @__PURE__ */ c(P, { stackable: !0, reversed: "mobile", className: "download-header", children: [
-          !i && N === "true" && /* @__PURE__ */ t(P.Column, { width: 12, children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ l(ee, { ref: r, children: [
+        /* @__PURE__ */ l(C, { stackable: !0, reversed: "mobile", className: "download-header", children: [
+          !i && P === "true" && /* @__PURE__ */ t(C.Column, { width: 12, children: /* @__PURE__ */ t(
             L,
             {
-              parentUnique: r.unique,
+              parentUnique: a.unique,
               post: { content: { rendered: decodeURIComponent($) } }
             }
           ) }),
           /* @__PURE__ */ t(
-            P.Column,
+            C.Column,
             {
               className: i ? "editing ignore" : "ignore",
-              width: i || N !== "true" ? 16 : 4,
+              width: i || P !== "true" ? 16 : 4,
               textAlign: "right",
-              children: /* @__PURE__ */ c("div", { className: "wrapper", children: [
-                /* @__PURE__ */ c(O, { className: "download", onClick: () => b(p), children: [
-                  T,
+              children: /* @__PURE__ */ l("div", { className: "wrapper", children: [
+                /* @__PURE__ */ l(Y, { className: "download", onClick: () => b(p), children: [
+                  E,
                   " ",
                   p === "PNG" ? "PNG" : "JPG"
                 ] }),
                 /* @__PURE__ */ t(
-                  g,
+                  A,
                   {
                     className: "download",
-                    "data-tooltip": decodeURIComponent(A),
-                    trigger: u && d ? /* @__PURE__ */ t(Q, { name: "download", className: "download-icon" }) : null,
-                    children: /* @__PURE__ */ c(g.Menu, { children: [
-                      q,
-                      d === !0 && /* @__PURE__ */ c(g.Item, { onClick: () => {
+                    "data-tooltip": decodeURIComponent(j),
+                    trigger: d && s ? /* @__PURE__ */ t(Z, { name: "download", className: "download-icon" }) : null,
+                    children: /* @__PURE__ */ l(A.Menu, { children: [
+                      I,
+                      s === !0 && /* @__PURE__ */ l(A.Item, { onClick: () => {
                         m("PNG"), b("PNG");
                       }, children: [
                         /* @__PURE__ */ t("input", { type: "radio", value: "PNG", checked: p === "PNG", onChange: v }),
-                        /* @__PURE__ */ t("label", { children: j })
+                        /* @__PURE__ */ t("label", { children: S })
                       ] }),
-                      u === !0 && /* @__PURE__ */ c(g.Item, { onClick: () => {
+                      d === !0 && /* @__PURE__ */ l(A.Item, { onClick: () => {
                         m("JPG"), b("JPG");
                       }, children: [
                         /* @__PURE__ */ t("input", { type: "radio", value: "JPG", checked: p === "JPG", onChange: v }),
-                        /* @__PURE__ */ t("label", { children: S })
+                        /* @__PURE__ */ t("label", { children: F })
                       ] })
                     ] })
                   }
@@ -122,20 +148,20 @@ const X = H.forwardRef((r, a) => /* @__PURE__ */ t("div", { ref: a, children: r.
             }
           )
         ] }),
-        !i && /* @__PURE__ */ t(x, { fluid: !0, className: `download area ${i || s != null && s.editing ? "editing" : ""}`, children: /* @__PURE__ */ t(
+        !i && /* @__PURE__ */ t(x, { fluid: !0, className: `download area ${i || c != null && c.editing ? "editing" : ""}`, children: /* @__PURE__ */ t(
           L,
           {
-            parentUnique: r.unique,
+            parentUnique: a.unique,
             post: { content: { rendered: h } }
           }
         ) })
       ] })
     }
   );
-}, Z = (r) => {
-  const a = r.getIn(["data", "pageModuleProps"]), h = {};
-  return a && (h.pageModuleProps = a), h;
-}, ee = {}, he = V(Z, ee)(Y);
+}, ne = (a) => {
+  const r = a.getIn(["data", "pageModuleProps"]), h = {};
+  return r && (h.pageModuleProps = r), h;
+}, oe = {}, ge = _(ne, oe)(te);
 export {
-  he as default
+  ge as default
 };