@devgateway/dvz-ui-react 1.9.1 → 1.9.2

package/dist/esm/embeddable/data-paragraph/index.js

@@ -1,43 +1,43 @@
 import { jsx as S } from "react/jsx-runtime";
-import { useRef as _, useState as P, useEffect as R } from "react";
-import L from "../data/DataProvider.js";
-import E from "../data/DataConsumer.js";
-import { connect as O } from "react-redux";
-import { formatContent as Z } from "../chart/Tooltip.js";
-const $ = (l) => {
+import { useRef as _, useState as R, useEffect as U } from "react";
+import E from "../data/DataProvider.js";
+import O from "../data/DataConsumer.js";
+import { connect as Z } from "react-redux";
+import { formatContent as $ } from "../chart/Tooltip.js";
+const k = (l) => {
   const {
-    editing: m = !1,
-    unique: p,
+    editing: u = !1,
+    unique: g,
     intl: r,
-    childContent: s,
-    "data-csv": h = "",
-    "data-dvz-proxy-dataset-id": f,
+    childContent: i,
+    "data-csv": b = "",
+    "data-dvz-proxy-dataset-id": h,
     "data-view-mode": H = "info",
-    "data-app": b,
-    "data-measures": x = "{}",
-    "data-format": w = "{}",
-    "data-group": u,
-    "data-filters": y = "[]",
-    "data-number-font-size": n = 20,
-    "data-number-color": j = "#000000",
-    "data-wait-for-filters": T = "false",
-    "data-no-data-text": M = "-",
+    "data-app": w,
+    "data-measures": m = "{}",
+    "data-format": v = "{}",
+    "data-group": p,
+    "data-filters": x = "[]",
+    "data-number-font-size": o = 20,
+    "data-number-color": L = "#000000",
+    "data-wait-for-filters": M = "false",
+    "data-no-data-text": V = "-",
     "data-text-template": z = ""
-  } = l, V = r.locale, A = _(null);
-  let v = !1, F = "";
+  } = l, A = r.locale, j = _(null);
+  let F = !1, D = "";
   try {
-    const t = new URLSearchParams(window.location.search);
-    v = t.get("autoHeight") === "1" || t.get("autoHeight") === "true", F = t.get("frameId") || "";
+    const e = new URLSearchParams(window.location.search);
+    F = e.get("autoHeight") === "1" || e.get("autoHeight") === "true", D = e.get("frameId") || "";
   } catch {
   }
-  const g = (t) => m ? t : decodeURIComponent(t), o = (t) => {
+  const y = (e) => u ? e : decodeURIComponent(e), s = (e) => {
     try {
-      return JSON.parse(g(t));
+      return JSON.parse(y(e));
     } catch {
-      console.error("error parsing value:" + t);
+      console.error("error parsing value:" + e);
     }
     return null;
-  }, d = o(w), i = d ? {
+  }, d = s(v), c = d ? {
     style: d.style === "compacted" ? "decimal" : d.style,
     notation: d.style === "compacted" ? "compact" : "standard",
     currency: d.currency,
@@ -48,121 +48,121 @@ const $ = (l) => {
     currency: "USD",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }, [C, N] = P(H), D = Math.max(24, (n || 14) * 1.2), I = {}, c = o(y) || {};
-  c && c.forEach && c.forEach((t) => {
-    t.value != null && t.value.filter((e) => e != null && e.toString().trim() != "").length > 0 && (I[t.param] = t.value);
-  }), f && (I.dvzProxyDatasetId = f);
-  const a = [];
-  return q(A, v, F), /* @__PURE__ */ S("span", { ref: A, children: /* @__PURE__ */ S(
-    L,
+  }, [C, N] = R(H), I = Math.max(24, (o || 14) * 1.2), T = s(m), f = T !== null ? T : typeof m == "string" && m && !m.trim().startsWith("{") && !m.trim().startsWith("[") ? [m] : [], t = {}, a = s(x) || {};
+  a && a.forEach && a.forEach((e) => {
+    e.value != null && e.value.filter((P) => P != null && P.toString().trim() != "").length > 0 && (t[e.param] = e.value);
+  }), h && (t.dvzProxyDatasetId = h);
+  const n = [];
+  return W(j, F, D), /* @__PURE__ */ S("span", { ref: j, children: /* @__PURE__ */ S(
+    E,
     {
-      style: { minHeight: `${D}px` },
-      params: I,
-      app: b,
-      group: u,
-      csv: h,
-      editing: m,
-      waitForFilters: T === "true",
-      store: [b, p, ...a],
-      source: a.join("/"),
-      children: /* @__PURE__ */ S(E, { children: /* @__PURE__ */ S(
-        k,
+      style: { minHeight: `${I}px` },
+      params: t,
+      app: w,
+      group: p,
+      csv: b,
+      editing: u,
+      waitForFilters: M === "true",
+      store: [w, g, ...n],
+      source: n.join("/"),
+      children: /* @__PURE__ */ S(O, { children: /* @__PURE__ */ S(
+        q,
         {
-          locale: V,
+          locale: A,
           intl: r,
-          app: b,
-          format: i,
-          measure: o(x)[0] || null,
-          numberFontSize: n,
-          numberColor: j,
-          noDataText: M,
+          app: w,
+          format: c,
+          measure: f[0] || null,
+          numberFontSize: o,
+          numberColor: L,
+          noDataText: V,
           textTemplate: z
         }
       ) })
     }
   ) });
-}, k = (l) => {
-  var v, F;
+}, q = (l) => {
+  var F, D;
   const {
-    app: m,
-    measure: p,
+    app: u,
+    measure: g,
     data: r,
-    format: s,
-    numberColor: h,
-    numberFontSize: f,
+    format: i,
+    numberColor: b,
+    numberFontSize: h,
     noDataText: H = "-",
-    textTemplate: b = "",
-    intl: x
+    textTemplate: w = "",
+    intl: m
   } = l;
-  let w = p, u = r;
-  m === "csv" && ((v = r == null ? void 0 : r.meta) != null && v.fields) && ((F = r == null ? void 0 : r.data) != null && F.length) && (w = r.meta.fields[0], u = r.data[0]);
-  const y = (u == null ? void 0 : u[w]) ?? null, n = y ? (s == null ? void 0 : s.style) === "percent" ? y / 100 : y : null, [j, T] = P(n);
-  R(() => {
-    n != null && T(n);
-  }, [n]);
-  const M = {
-    color: decodeURIComponent(h),
-    fontSize: f + "px",
+  let v = g, p = r;
+  u === "csv" && ((F = r == null ? void 0 : r.meta) != null && F.fields) && ((D = r == null ? void 0 : r.data) != null && D.length) && (v = r.meta.fields[0], p = r.data[0]);
+  const x = (p == null ? void 0 : p[v]) ?? null, o = x ? (i == null ? void 0 : i.style) === "percent" ? x / 100 : x : null, [L, M] = R(o);
+  U(() => {
+    o != null && M(o);
+  }, [o]);
+  const V = {
+    color: decodeURIComponent(b),
+    fontSize: h + "px",
     textAlign: "center",
     whiteSpace: "normal",
     wordBreak: "break-word"
-  }, z = (g) => x.formatNumber(g, { ...s }), V = (g) => {
-    if (!g) return "";
-    let o = String(g);
-    return o = o.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), o = o.replace(/\son\w+=(?:"[^"]*"|'[^']*')/gi, ""), o;
+  }, z = (y) => m.formatNumber(y, { ...i }), A = (y) => {
+    if (!y) return "";
+    let s = String(y);
+    return s = s.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), s = s.replace(/\son\w+=(?:"[^"]*"|'[^']*')/gi, ""), s;
   };
-  return /* @__PURE__ */ S("span", { style: M, dangerouslySetInnerHTML: { __html: (() => {
-    const o = {
-      ...u && typeof u == "object" ? u : {},
-      measure: w || "",
-      rawValue: y,
-      value: n,
-      formattedValue: n != null ? z(n) : H
-    }, d = n !== null ? z(n) : null;
-    let i = decodeURIComponent(b) || "";
-    i = i.replace(/(\%|\#C|\#)\(\s*([^)]*?)\s*\)/g, (c, a, t) => {
-      const e = t.replace(/\s+/g, "");
-      return `${a}(${e})`;
+  return /* @__PURE__ */ S("span", { style: V, dangerouslySetInnerHTML: { __html: (() => {
+    const s = {
+      ...p && typeof p == "object" ? p : {},
+      measure: v || "",
+      rawValue: x,
+      value: o,
+      formattedValue: o != null ? z(o) : H
+    }, d = o !== null ? z(o) : null;
+    let c = decodeURIComponent(w) || "";
+    c = c.replace(/(\%|\#C|\#)\(\s*([^)]*?)\s*\)/g, (f, t, a) => {
+      const n = a.replace(/\s+/g, "");
+      return `${t}(${n})`;
     });
-    const C = (c, a, t) => x.formatNumber(c, { maximumFractionDigits: a ?? 2, ...t }), N = (c) => {
-      const a = o[c];
-      return typeof a == "string" ? Number(a) : a;
+    const C = (f, t, a) => m.formatNumber(f, { maximumFractionDigits: t ?? 2, ...a }), N = (f) => {
+      const t = s[f];
+      return typeof t == "string" ? Number(t) : t;
     };
-    i = i.replace(/#C\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (c, a, t) => {
-      const e = N(a);
-      return e == null || isNaN(e) ? "" : C(e, t ? parseInt(t) : 2, { notation: "compact" });
-    }), i = i.replace(/#\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (c, a, t) => {
-      const e = N(a);
-      return e == null || isNaN(e) ? "" : C(e, t ? parseInt(t) : 2, { style: "decimal" });
-    }), i = i.replace(/%\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (c, a, t) => {
-      const e = N(a);
-      if (e == null || isNaN(e)) return "";
-      const U = e / 100;
-      return C(U, t ? parseInt(t) : 2, { style: "percent" });
+    c = c.replace(/#C\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (f, t, a) => {
+      const n = N(t);
+      return n == null || isNaN(n) ? "" : C(n, a ? parseInt(a) : 2, { notation: "compact" });
+    }), c = c.replace(/#\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (f, t, a) => {
+      const n = N(t);
+      return n == null || isNaN(n) ? "" : C(n, a ? parseInt(a) : 2, { style: "decimal" });
+    }), c = c.replace(/%\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (f, t, a) => {
+      const n = N(t);
+      if (n == null || isNaN(n)) return "";
+      const e = n / 100;
+      return C(e, a ? parseInt(a) : 2, { style: "percent" });
     });
-    const D = Z(i, o, x, !1), I = D && D.trim().length ? D : d ?? H;
-    return V(I);
+    const I = $(c, s, m, !1), T = I && I.trim().length ? I : d ?? H;
+    return A(T);
   })() } });
-}, q = (l, m, p) => {
-  R(() => {
-    if (!m) return;
-    const r = l.current || document.body, s = () => {
+}, W = (l, u, g) => {
+  U(() => {
+    if (!u) return;
+    const r = l.current || document.body, i = () => {
       try {
-        const f = (l.current ? l.current.scrollHeight : document.body.scrollHeight) || 0;
-        window.parent && f && window.parent.postMessage({ type: "dvz-embed-height", id: p, height: f }, "*");
+        const h = (l.current ? l.current.scrollHeight : document.body.scrollHeight) || 0;
+        window.parent && h && window.parent.postMessage({ type: "dvz-embed-height", id: g, height: h }, "*");
       } catch {
       }
-    }, h = new MutationObserver(() => {
-      requestAnimationFrame(s);
+    }, b = new MutationObserver(() => {
+      requestAnimationFrame(i);
     });
-    return h.observe(r, { childList: !0, subtree: !0, characterData: !0 }), setTimeout(s, 0), () => h.disconnect();
-  }, [l, m, p]);
-}, B = (l, m) => {
-  const { "data-app": p, "data-group": r } = m, s = l.getIn(["data", "measures", p, r]);
-  return s ? {
-    injectedMeasures: s
+    return b.observe(r, { childList: !0, subtree: !0, characterData: !0 }), setTimeout(i, 0), () => b.disconnect();
+  }, [l, u, g]);
+}, B = (l, u) => {
+  const { "data-app": g, "data-group": r } = u, i = l.getIn(["data", "measures", g, r]);
+  return i ? {
+    injectedMeasures: i
   } : {};
-}, J = {}, tt = O(B, J)($);
+}, J = {}, et = Z(B, J)(k);
 export {
-  tt as default
+  et as default
 };