@devgateway/dvz-ui-react 1.0.0

package/dist/esm/embeddable/data/DataProvider.js

@@ -0,0 +1,83 @@
+import { jsx as n, jsxs as O } from "react/jsx-runtime";
+import { useState as P, useRef as C, useEffect as T } from "react";
+import { connect as J } from "react-redux";
+import { injectIntl as z } from "react-intl";
+import { DataContext as E } from "./DataContext.js";
+import { getData as R, setData as W } from "../reducers/data.js";
+import { Container as y, Segment as v, Dimmer as $, Loader as q } from "semantic-ui-react";
+const B = (a) => {
+  const {
+    app: e,
+    source: r,
+    store: i,
+    params: t,
+    csv: s,
+    group: d,
+    editing: j,
+    style: u,
+    isSvg: x,
+    children: L,
+    data: N,
+    filters: p,
+    autoApply: S,
+    apply: l,
+    error: D,
+    loading: m,
+    time: b,
+    onSetData: I,
+    onLoadData: h
+  } = a, [k, f] = P(!1), o = C({
+    filters: p,
+    params: t,
+    app: e,
+    source: r,
+    csv: s,
+    apply: l
+  }), g = () => {
+    const c = Date.now() - b;
+    m && b && c > 1e3 ? f(!0) : m && setTimeout(g, 100);
+  };
+  if (T(() => {
+    e === "csv" ? I({ app: e, csv: s, store: i, params: t, group: d }) : (f(!1), h({ app: e, source: r, store: i, params: t, group: d }), setTimeout(g, 100));
+  }, []), T(() => {
+    let c = !1;
+    l != null && l !== o.current.apply && (c = !0), S !== !1 ? (p !== o.current.filters || JSON.stringify(t) !== JSON.stringify(o.current.params) || e !== o.current.app || JSON.stringify(r) !== JSON.stringify(o.current.source) || s !== o.current.csv) && (e === "csv" ? I({ app: e, csv: s, store: i, params: t, group: d }) : (f(!1), h({ app: e, source: r, store: i, params: t, group: d }), setTimeout(g, 100))) : c && (h({ app: e, source: r, store: i, params: t, group: d }), f(!1), setTimeout(g, 100)), o.current = { filters: p, params: t, app: e, source: r, csv: s, apply: l };
+  }, [p, t, e, r, s, l, S]), m && k && !j) {
+    const c = {
+      width: "100%",
+      height: "100%",
+      background: "transparent",
+      verticalAlign: "middle",
+      overflow: "hidden"
+    }, w = Object.assign({}, u, {
+      height: "90%",
+      background: "transparent",
+      textAlign: "center",
+      margin: "30px"
+    }), A = /* @__PURE__ */ n(v, { basic: !0, padded: !0, style: w, children: /* @__PURE__ */ n($, { active: !0, inverted: !0, style: { background: "transparent" }, children: /* @__PURE__ */ n(q, { size: "medium", style: { background: "transparent" } }) }) });
+    return x ? /* @__PURE__ */ n("foreignObject", { style: c, children: /* @__PURE__ */ n(y, { style: u, className: "loading", children: A }) }) : /* @__PURE__ */ n(y, { style: u, className: "loading", children: A });
+  } else return D ? D ? /* @__PURE__ */ O(v, { color: "red", children: [
+    /* @__PURE__ */ n("h1", { children: "500" }),
+    /* @__PURE__ */ n("p", { children: "Wasn't able to load data" })
+  ] }) : /* @__PURE__ */ n(y, { children: /* @__PURE__ */ O(v, { color: "red", children: [
+    /* @__PURE__ */ n("h1", { children: "404" }),
+    /* @__PURE__ */ n("p", { children: "Can't find this page" })
+  ] }) }) : /* @__PURE__ */ n(E.Provider, { value: N, children: L });
+}, F = (a, e) => {
+  const { store: r, group: i, app: t } = e;
+  return {
+    data: a.getIn(["data", ...r, "data"]),
+    filters: a.getIn(["data", "filters", t, i]),
+    autoApply: a.getIn(["data", "filters-settings", t, i, "autoApply"]),
+    apply: a.getIn(["data", "filters-settings", t, i, "apply"]),
+    error: a.getIn(["data", ...r, "error"]),
+    loading: a.getIn(["data", ...r, "loading"]),
+    time: a.getIn(["data", ...r, "time"])
+  };
+}, G = {
+  onSetData: W,
+  onLoadData: R
+}, Y = J(F, G)(z(B));
+export {
+  Y as default
+};

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

@@ -0,0 +1,106 @@
+import { jsx as i, jsxs as A } from "react/jsx-runtime";
+import { useRef as O, useState as R } from "react";
+import { Container as N } from "semantic-ui-react";
+import U from "../data/DataProvider.js";
+import $ from "../data/DataConsumer.js";
+import { PostContent as q } from "@devgateway/wp-react-lib";
+import { connect as H } from "react-redux";
+const J = (p) => {
+  const {
+    editing: r = !1,
+    unique: n,
+    intl: a,
+    childContent: e,
+    "data-csv": c = "",
+    "data-no-data-message": l = "No data matches your selection",
+    "data-view-mode": t = "info",
+    "data-height": o,
+    "data-dimension1": d,
+    "data-app": u,
+    "data-measures": D = {},
+    "data-format": F = "{}",
+    "data-group": M,
+    "data-filters": C = [],
+    "data-value-type": j
+  } = p, S = a.locale, I = O(null), P = (s) => r ? s : decodeURIComponent(s), h = (s) => {
+    try {
+      return JSON.parse(P(s));
+    } catch {
+      console.error("error parsing value:" + s);
+    }
+    return null;
+  }, m = h(F), w = m ? {
+    style: m.style === "compacted" ? "decimal" : m.style,
+    notation: m.style === "compacted" ? "compact" : "standard",
+    currency: m.currency,
+    minimumFractionDigits: parseInt(m.minimumFractionDigits),
+    maximumFractionDigits: parseInt(m.maximumFractionDigits)
+  } : {
+    notation: "standard",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }, [E, B] = R(t), T = r ? t : E, g = r ? o - 80 : o - 40, v = {}, y = h(C) || {};
+  y && y.forEach && y.forEach((s) => {
+    s.value != null && s.value.filter((b) => b != null && b.toString().trim() != "").length > 0 && (v[s.param] = s.value);
+  });
+  let x = !1;
+  const f = [];
+  return d != "none" && f.push(d), u != "csv" && (!f.length || !h(D)[0]) && (x = !0), /* @__PURE__ */ i("div", { ref: I, children: /* @__PURE__ */ A(N, { className: "chart container data-label", style: { height: o + "px" }, fluid: !0, children: [
+    /* @__PURE__ */ i(
+      U,
+      {
+        style: { height: `${g}px` },
+        params: v,
+        app: u,
+        group: M,
+        csv: c,
+        editing: r,
+        store: [u, n, ...f],
+        source: f.join("/"),
+        children: /* @__PURE__ */ i(N, { style: { height: `${g}px` }, className: "body data-label-body", fluid: !0, children: !x && /* @__PURE__ */ i($, { children: /* @__PURE__ */ i(
+          L,
+          {
+            locale: S,
+            dimensions: [...f],
+            valueType: j,
+            intl: a,
+            app: u,
+            format: w,
+            measure: h(D)[0] || null
+          }
+        ) }) })
+      }
+    ),
+    /* @__PURE__ */ i("br", {}),
+    e && T == "info" && /* @__PURE__ */ i(N, { fluid: !0, style: { height: g + "px" }, className: "body data-label-body", children: /* @__PURE__ */ i(q, { post: { content: { rendered: e } } }) })
+  ] }) });
+}, L = (p) => {
+  const { valueType: r, measure: n, data: a, format: e, intl: c } = p;
+  let l = "N/A";
+  if (r === "first") {
+    const t = a.children[0][n];
+    l = c.formatNumber(e.style === "percent" ? t / 100 : t, { ...e });
+  } else if (r === "total") {
+    const t = a[n];
+    l = c.formatNumber(e.style === "percent" ? t / 100 : t, { ...e });
+  } else if (r === "min" && !isNaN(a[n])) {
+    const t = Math.min(...a.children.map((o) => o[n]));
+    l = c.formatNumber(e.style === "percent" ? t / 100 : t, { ...e });
+  } else if (r === "max" && !isNaN(a[n])) {
+    const t = Math.max(...a.children.map((o) => o[n]));
+    l = c.formatNumber(e.style === "percent" ? t / 100 : t, { ...e });
+  } else if (r === "avg" && !isNaN(a[n])) {
+    const t = a.children.map((d) => d[n]), o = t.reduce((d, u) => d + u, 0) / t.length;
+    l = c.formatNumber(e.style === "percent" ? o / 100 : o, { ...e });
+  }
+  return /* @__PURE__ */ i("div", { children: l });
+}, k = (p, r) => {
+  const { "data-app": n, "data-group": a } = r, e = p.getIn(["data", "measures", n, a]);
+  return e ? {
+    injectedMeasures: e
+  } : {};
+}, z = {}, Z = H(k, z)(J);
+export {
+  Z as default
+};

package/dist/esm/embeddable/download/dom-to-image.js

@@ -0,0 +1,470 @@
+const h = z(), R = K(), F = Q(), N = Y(), k = {
+  // Default is to fail on error, no placeholder
+  imagePlaceholder: void 0,
+  // Default cache bust is false, it will use the cache
+  cacheBust: !1
+}, b = {
+  toSvg: j,
+  toPng: _,
+  toJpeg: X,
+  toBlob: G,
+  toPixelData: V,
+  cloneNode: O,
+  impl: {
+    fontFaces: F,
+    images: N,
+    util: h,
+    inliner: R,
+    options: {}
+  }
+};
+typeof module < "u" ? module.exports = b : globalThis.domtoimage = b;
+async function j(o, t) {
+  t = t || {}, $(t);
+  const n = await Promise.resolve(o), a = await O(n, t.filter, !0), l = await W(a), r = await q(l), s = await d(r);
+  return await J(
+    s,
+    t.width || h.width(o),
+    t.height || h.height(o)
+  );
+  function d(m) {
+    return t.bgcolor && (m.style.backgroundColor = t.bgcolor), t.width && (m.style.width = t.width + "px"), t.height && (m.style.height = t.height + "px"), t.style && Object.keys(t.style).forEach(function(g) {
+      m.style[g] = t.style[g];
+    }), m;
+  }
+}
+async function V(o, t) {
+  const n = await I(o, t || {});
+  return n ? n.getContext("2d").getImageData(
+    0,
+    0,
+    h.width(o),
+    h.height(o)
+  ).data : null;
+}
+async function _(o, t) {
+  const n = await I(o, t || {});
+  return n ? n.toDataURL() : null;
+}
+async function X(o, t) {
+  t = t || {};
+  const n = await I(o, t);
+  return n ? n.toDataURL("image/jpeg", t.quality || 1) : null;
+}
+function G(o, t) {
+  return I(o, t || {}).then(h.canvasToBlob);
+}
+function $(o) {
+  typeof o.imagePlaceholder > "u" ? b.impl.options.imagePlaceholder = k.imagePlaceholder : b.impl.options.imagePlaceholder = o.imagePlaceholder, typeof o.cacheBust > "u" ? b.impl.options.cacheBust = k.cacheBust : b.impl.options.cacheBust = o.cacheBust;
+}
+function I(o, t) {
+  return j(o, t).then(h.makeImage).then(h.delay(100)).then(function(a) {
+    const l = n(o, t), r = l.getContext("2d");
+    return r ? (r.drawImage(a, 0, 0), l) : new HTMLCanvasElement();
+  }).catch(function(a) {
+    console.error("Failed to draw canvas:", a);
+  });
+  function n(a, l) {
+    const r = document.createElement("canvas"), s = a.getBoundingClientRect(), d = window.devicePixelRatio || 1;
+    r.width = (l.width || s.width) * d, r.height = (l.height || s.height) * d, r.style.width = (l.width || s.width) + "px", r.style.height = (l.height || s.height) + "px";
+    const m = r.getContext("2d");
+    return m ? (m.scale(d, d), l.bgcolor && (m.fillStyle = l.bgcolor, m.fillRect(0, 0, r.width, r.height)), r) : new HTMLCanvasElement();
+  }
+}
+async function O(o, t, n) {
+  if (!n && t && !t(o)) return Promise.resolve();
+  const a = await Promise.resolve(o), l = await s(a), r = await d(o, l, t);
+  return m(o, r);
+  function s(g) {
+    return g instanceof HTMLCanvasElement ? h.makeImage(g.toDataURL()) : g.cloneNode(!1);
+  }
+  async function d(g, c, T) {
+    const x = g.childNodes;
+    if (x.length === 0) return Promise.resolve(c);
+    return await C(c, h.asArray(x), T), c;
+    function C(U, v, p) {
+      let w = Promise.resolve();
+      return v.forEach(function(e) {
+        w = w.then(function() {
+          return O(e, p);
+        }).then(function(i) {
+          i && U.appendChild(i);
+        });
+      }), w;
+    }
+  }
+  function m(g, c) {
+    if (!(c instanceof Element)) return c;
+    return Promise.resolve().then(T).then(x).then(C).then(U).then(function() {
+      return c;
+    });
+    function T() {
+      v(window.getComputedStyle(g), c.style);
+      function v(p, w) {
+        p.cssText ? w.cssText = p.cssText : e(p, w);
+        function e(i, f) {
+          h.asArray(i).forEach(function(u) {
+            f.setProperty(
+              u,
+              i.getPropertyValue(u),
+              i.getPropertyPriority(u)
+            );
+          });
+        }
+      }
+    }
+    function x() {
+      [":before", ":after"].forEach(function(p) {
+        v(p);
+      });
+      function v(p) {
+        const w = window.getComputedStyle(g, p), e = w.getPropertyValue("content");
+        if (e === "" || e === "none") return;
+        const i = h.uid();
+        c.className = c.className + " " + i;
+        const f = document.createElement("style");
+        f.appendChild(u(i, p, w)), c.appendChild(f);
+        function u(y, E, S) {
+          const B = "." + y + ":" + E, P = S.cssText ? L(S) : H(S);
+          return document.createTextNode(B + "{" + P + "}");
+          function L(A) {
+            const D = A.getPropertyValue("content");
+            return A.cssText + " content: " + D + ";";
+          }
+          function H(A) {
+            return h.asArray(A).map(D).join("; ") + ";";
+            function D(M) {
+              return M + ": " + A.getPropertyValue(M) + (A.getPropertyPriority(M) ? " !important" : "");
+            }
+          }
+        }
+      }
+    }
+    function C() {
+      g instanceof HTMLTextAreaElement && (c.innerHTML = g.value), g instanceof HTMLInputElement && c.setAttribute("value", g.value);
+    }
+    function U() {
+      c instanceof SVGElement && (c.setAttribute("xmlns", "http://www.w3.org/2000/svg"), c instanceof SVGRectElement && ["width", "height"].forEach(function(v) {
+        const p = c.getAttribute(v);
+        p && c.style.setProperty(v, p);
+      }));
+    }
+  }
+}
+async function W(o) {
+  const t = await F.resolveAll(), n = document.createElement("style");
+  return o.appendChild(n), n.appendChild(document.createTextNode(t)), o;
+}
+function q(o) {
+  return N.inlineAll(o).then(function() {
+    return o;
+  });
+}
+function J(o, t, n) {
+  return Promise.resolve(o).then(function(a) {
+    return a.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), new XMLSerializer().serializeToString(a);
+  }).then(h.escapeXhtml).then(function(a) {
+    return '<foreignObject x="0" y="0" width="100%" height="100%">' + a + "</foreignObject>";
+  }).then(function(a) {
+    return '<svg xmlns="http://www.w3.org/2000/svg" width="' + t + '" height="' + n + '">' + a + "</svg>";
+  }).then(function(a) {
+    return "data:image/svg+xml;charset=utf-8," + a;
+  });
+}
+function z() {
+  return {
+    escape: T,
+    parseExtension: t,
+    mimeType: n,
+    dataAsUrl: c,
+    isDataUrl: a,
+    canvasToBlob: r,
+    resolveUrl: s,
+    getAndEncode: g,
+    uid: d(),
+    delay: x,
+    asArray: C,
+    escapeXhtml: U,
+    makeImage: m,
+    width: v,
+    height: p
+  };
+  function o() {
+    const e = "application/font-woff", i = "image/jpeg";
+    return {
+      woff: e,
+      woff2: e,
+      ttf: "application/font-truetype",
+      eot: "application/vnd.ms-fontobject",
+      png: "image/png",
+      jpg: i,
+      jpeg: i,
+      gif: "image/gif",
+      tiff: "image/tiff",
+      svg: "image/svg+xml"
+    };
+  }
+  function t(e) {
+    const i = /\.([^\.\/]*?)$/g.exec(e);
+    return i ? i[1] : "";
+  }
+  function n(e) {
+    const i = t(e).toLowerCase();
+    return o()[i] || "";
+  }
+  function a(e) {
+    return e.search(/^(data:)/) !== -1;
+  }
+  function l(e) {
+    return new Promise(function(i) {
+      const f = window.atob(e.toDataURL().split(",")[1]), u = f.length, y = new Uint8Array(u);
+      for (let E = 0; E < u; E++)
+        y[E] = f.charCodeAt(E);
+      i(new Blob([y], {
+        type: "image/png"
+      }));
+    });
+  }
+  function r(e) {
+    return e.toBlob ? new Promise(function(i) {
+      e.toBlob(i);
+    }) : l(e);
+  }
+  function s(e, i) {
+    const f = document.implementation.createHTMLDocument(), u = f.createElement("base");
+    f.head.appendChild(u);
+    const y = f.createElement("a");
+    return f.body.appendChild(y), u.href = i, y.href = e, y.href;
+  }
+  function d() {
+    let e = 0;
+    return function() {
+      return "u" + i() + e++;
+      function i() {
+        return ("0000" + (Math.random() * Math.pow(36, 4) << 0).toString(36)).slice(-4);
+      }
+    };
+  }
+  function m(e) {
+    return new Promise(function(i, f) {
+      const u = new Image();
+      u.onload = function() {
+        i(u);
+      }, u.onerror = f, u.src = e;
+    });
+  }
+  function g(e) {
+    return b.impl.options.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime()), new Promise(function(f) {
+      const u = new XMLHttpRequest();
+      u.onreadystatechange = E, u.ontimeout = S, u.responseType = "blob", u.timeout = 3e4, u.open("GET", e, !0), u.send();
+      let y;
+      if (b.impl.options.imagePlaceholder) {
+        const P = b.impl.options.imagePlaceholder.split(/,/);
+        P && P[1] && (y = P[1]);
+      }
+      function E() {
+        if (u.readyState !== 4) return;
+        if (u.status !== 200) {
+          y ? f(y) : B("cannot fetch resource: " + e + ", status: " + u.status);
+          return;
+        }
+        const P = new FileReader();
+        P.onloadend = function() {
+          const L = P.result.split(/,/)[1];
+          f(L);
+        }, P.readAsDataURL(u.response);
+      }
+      function S() {
+        y ? f(y) : B("timeout of 30000ms occured while fetching resource: " + e);
+      }
+      function B(P) {
+        console.error(P), f("");
+      }
+    });
+  }
+  function c(e, i) {
+    return "data:" + i + ";base64," + e;
+  }
+  function T(e) {
+    return e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+  }
+  function x(e) {
+    return function(i) {
+      return new Promise(function(f) {
+        setTimeout(function() {
+          f(i);
+        }, e);
+      });
+    };
+  }
+  function C(e) {
+    const i = [], f = e.length;
+    for (let u = 0; u < f; u++) i.push(e[u]);
+    return i;
+  }
+  function U(e) {
+    return e.replace(/#/g, "%23").replace(/\n/g, "%0A");
+  }
+  function v(e) {
+    const i = w(e, "border-left-width"), f = w(e, "border-right-width");
+    return e.scrollWidth + i + f;
+  }
+  function p(e) {
+    const i = w(e, "border-top-width"), f = w(e, "border-bottom-width");
+    return e.scrollHeight + i + f;
+  }
+  function w(e, i) {
+    const f = window.getComputedStyle(e).getPropertyValue(i);
+    return parseFloat(f.replace("px", ""));
+  }
+}
+function K() {
+  const o = /url\(['"]?([^'"]+?)['"]?\)/g;
+  return {
+    inlineAll: l,
+    shouldProcess: t,
+    impl: {
+      readUrls: n,
+      inline: a
+    }
+  };
+  function t(r) {
+    return r.search(o) !== -1;
+  }
+  function n(r) {
+    const s = [];
+    let d;
+    for (; (d = o.exec(r)) !== null; )
+      s.push(d[1]);
+    return s.filter(function(m) {
+      return !h.isDataUrl(m);
+    });
+  }
+  function a(r, s, d, m) {
+    return Promise.resolve(s).then(function(c) {
+      return d ? h.resolveUrl(c, d) : c;
+    }).then(m || h.getAndEncode).then(function(c) {
+      return h.dataAsUrl(c, h.mimeType(s));
+    }).then(function(c) {
+      return r.replace(g(s), "$1" + c + "$3");
+    });
+    function g(c) {
+      return new RegExp(`(url\\(['"]?)(` + h.escape(c) + `)(['"]?\\))`, "g");
+    }
+  }
+  function l(r, s, d) {
+    if (m()) return Promise.resolve(r);
+    return Promise.resolve(r).then(n).then(function(g) {
+      let c = Promise.resolve(r);
+      return g.forEach(function(T) {
+        c = c.then(function(x) {
+          return a(x, T, s, d);
+        });
+      }), c;
+    });
+    function m() {
+      return !t(r);
+    }
+  }
+}
+function Q() {
+  return {
+    resolveAll: o,
+    impl: {
+      readAll: t
+    }
+  };
+  function o() {
+    return t().then(function(n) {
+      return Promise.all(
+        n.map(function(a) {
+          return a.resolve();
+        })
+      );
+    }).then(function(n) {
+      return n.join(`
+`);
+    });
+  }
+  function t() {
+    return Promise.resolve(h.asArray(document.styleSheets)).then(a).then(n).then(function(r) {
+      return r.map(l);
+    });
+    function n(r) {
+      return r.filter(function(s) {
+        return s.type === CSSRule.FONT_FACE_RULE;
+      }).filter(function(s) {
+        return R.shouldProcess(s.style.getPropertyValue("src"));
+      });
+    }
+    function a(r) {
+      const s = [];
+      return r.forEach(function(d) {
+        if (Object.prototype.hasOwnProperty.call(d, "cssRules"))
+          try {
+            h.asArray(d.cssRules || []).forEach(s.push.bind(s));
+          } catch (m) {
+            console.log("Error while reading CSS rules from " + d.href, m.toString());
+          }
+      }), s;
+    }
+    function l(r) {
+      return {
+        resolve: function() {
+          const d = (r.parentStyleSheet || {}).href;
+          return R.inlineAll(r.cssText, d);
+        },
+        src: function() {
+          return r.style.getPropertyValue("src");
+        }
+      };
+    }
+  }
+}
+function Y() {
+  return {
+    inlineAll: t,
+    impl: {
+      newImage: o
+    }
+  };
+  function o(n) {
+    return {
+      inline: a
+    };
+    function a(l) {
+      return h.isDataUrl(n.src) ? Promise.resolve() : Promise.resolve(n.src).then(l || h.getAndEncode).then(function(r) {
+        return h.dataAsUrl(r, h.mimeType(n.src));
+      }).then(function(r) {
+        return new Promise(function(s, d) {
+          n.onload = s, n.onerror = d, n.src = r, n.srcset = "";
+        });
+      });
+    }
+  }
+  function t(n) {
+    if (!(n instanceof Element)) return Promise.resolve(n);
+    return a(n).then(function() {
+      return n instanceof HTMLImageElement ? o(n).inline() : Promise.all(
+        h.asArray(n.childNodes).map(function(l) {
+          return t(l);
+        })
+      );
+    });
+    function a(l) {
+      const r = l.style.getPropertyValue("background");
+      return r ? R.inlineAll(r).then(function(s) {
+        l.style.setProperty(
+          "background",
+          s,
+          l.style.getPropertyPriority("background")
+        );
+      }).then(function() {
+        return l;
+      }) : Promise.resolve(l);
+    }
+  }
+}
+export {
+  b as domtoimage
+};