@devgateway/dvz-ui-react 1.5.4 → 1.6.0

package/dist/esm/embeddable/chart/Pie.js

@@ -1,87 +1,87 @@
-import { jsx as a, jsxs as u, Fragment as L } from "react/jsx-runtime";
-import { useState as o, useEffect as D } from "react";
+import { jsx as a, jsxs as p, Fragment as L } from "react/jsx-runtime";
+import { useState as l, useEffect as $ } from "react";
 import { injectIntl as me } from "react-intl";
-import { ResponsivePie as ue } from "@nivo/pie";
-import pe, { formatContent as he } from "./Tooltip.js";
+import { ResponsivePie as pe } from "@nivo/pie";
+import ue, { formatContent as he } from "./Tooltip.js";
 import "@nivo/colors";
 import "d3";
 import { v4 as fe } from "uuid";
 import ge from "../../layout/FlexWrapDetector.js";
 const be = ({
   legends: Le,
-  marginLeft: F,
+  marginLeft: j,
   marginTop: x,
-  marginRight: j,
+  marginRight: w,
   marginBottom: k,
-  options: p,
+  options: u,
   intl: h,
   format: f,
   colors: xe,
   groupMode: ke,
-  tooltipEnabled: w,
+  tooltipEnabled: B,
   height: I,
   showLegends: v,
-  legendPosition: n,
+  legendPosition: r,
   tickRotation: ve,
   tickColor: Ce,
-  tooltip: s,
+  tooltip: i,
   startAngle: M,
   endAngle: z,
   legendLabel: C,
   legendCheckBack: y,
-  legendLabelBack: B,
-  legendLabelColor: O,
-  centerLabel: V,
-  showArcLabels: $,
-  showArcLinkLabels: R,
-  slicePadding: H,
+  legendLabelBack: O,
+  legendLabelColor: V,
+  centerLabel: R,
+  showArcLabels: H,
+  showArcLinkLabels: E,
+  slicePadding: X,
   colorGenerator: N,
-  centerLabelFontWeight: E,
-  centerLabelFontSize: X,
-  centerLabelXOffset: Y,
-  centerLabelYOffset: q,
-  tooltipEnableMarkdown: J,
-  reverseLegend: K,
-  showPercentage: Q
+  centerLabelFontWeight: Y,
+  centerLabelFontSize: q,
+  centerLabelXOffset: J,
+  centerLabelYOffset: K,
+  tooltipEnableMarkdown: Q,
+  reverseLegend: U,
+  showPercentage: Z
 }) => {
-  const [c, U] = o([]), [Z, _] = o(s), [l, G] = o(p), [S, P] = o(50), [ee, te] = o(x), [ye, A] = o(0), [ae, re] = o(k), d = l.data.sort((e, t) => e.position && t.position ? e.position - t.position : 0).map((e, t) => ({
+  const [c, _] = l([]), [G, P] = l(i), [o, ee] = l(u), [S, te] = l(50), [A, ae] = l(x), [ye, T] = l(0), [W, re] = l(k), d = o.data.sort((e, t) => e.position && t.position ? e.position - t.position : 0).map((e, t) => ({
     color: N.getColor(e.id, e),
     id: e.id,
     label: e.label
   }));
-  D(() => {
-    _(s), G({
-      ...p,
+  $(() => {
+    P(i), ee({
+      ...u,
       id: fe()
     });
-  }, [s, p]), D(() => {
+  }, [i, u]), $(() => {
     (() => {
-      const r = 5 * Math.max(d.length - 5, 0);
-      P(r);
+      const n = 5 * Math.max(d.length - 5, 0);
+      te(n);
     })();
   }, [d]);
   const ne = {
     bottom: `-${S}px`
-  }, le = {
+  }, oe = {
     bottom: `-${S}px`,
     gap: "0px"
-  }, oe = (e) => {
+  }, le = (e) => {
     const t = c.slice();
     if (t.indexOf(e) > -1) {
-      const r = t.indexOf(e);
-      t.splice(r, 1);
+      const n = t.indexOf(e);
+      t.splice(n, 1);
     } else
       t.push(e);
-    U(t);
-  }, ie = (e) => c ? e.filter((t) => c.indexOf(t.id) === -1) : e;
-  if (!l || !l.data)
+    _(t);
+  }, se = (e) => c ? e.filter((t) => c.indexOf(t.id) === -1) : e;
+  if (!o || !o.data)
     return null;
-  const se = {
-    top: ee,
-    right: j,
-    bottom: ae,
-    left: F
-  }, T = () => /* @__PURE__ */ a(L, { children: v && C && /* @__PURE__ */ a("div", { className: "legend item", children: /* @__PURE__ */ a("label", { className: "legend-title", children: C }) }) }), W = () => (K && d.reverse(), /* @__PURE__ */ a(L, { children: v && d.map((e) => /* @__PURE__ */ u("div", { className: "legend item", onClick: () => oe(e.id), children: [
+  const ie = {
+    top: A,
+    right: w,
+    bottom: W,
+    left: j
+  }, D = () => /* @__PURE__ */ a(L, { children: v && C && /* @__PURE__ */ a("div", { className: "legend item", children: /* @__PURE__ */ a("label", { className: "legend-title", children: C }) }) }), F = () => (U && d.reverse(), /* @__PURE__ */ a(L, { children: v && d.map((e) => /* @__PURE__ */ p("div", { className: "legend item", onClick: () => le(e.id), children: [
     /* @__PURE__ */ a(
       "input",
       {
@@ -103,14 +103,14 @@ const be = ({
       "label",
       {
         style: {
-          backgroundColor: B == !0 ? e.color : "transparent",
-          color: O
+          backgroundColor: O == !0 ? e.color : "transparent",
+          color: V
         },
         children: e.label
       }
     )
   ] })) })), ce = (e) => {
-    const { centerX: t, centerY: r } = e, i = V.split(/[\r\n]/g);
+    const { centerX: t, centerY: n } = e, s = R.split(/[\r\n]/g);
     let m = 0;
     return e.dataWithArc && (m = e.dataWithArc.reduce(
       function(g, b) {
@@ -121,17 +121,17 @@ const be = ({
       "text",
       {
         x: t,
-        y: r,
+        y: n,
         textAnchor: "start",
         dominantBaseline: "central",
-        children: i.map((g, b) => /* @__PURE__ */ a(
+        children: s.map((g, b) => /* @__PURE__ */ a(
           "tspan",
           {
-            x: t + parseInt(Y),
-            y: r + parseInt(q) + b * 20,
+            x: t + parseInt(J),
+            y: n + parseInt(K) + b * 20,
             style: {
-              fontSize: X + "px",
-              fontWeight: E,
+              fontSize: q + "px",
+              fontWeight: Y,
               fill: "#000"
             },
             children: he(g, { totalValue: m }, h)
@@ -141,31 +141,31 @@ const be = ({
     );
   }, de = (e, t) => {
     if (t) {
-      const r = e.reduce((i, m) => i + m.value, 0);
-      return e.map((i) => ({
-        ...i,
-        value: i.value / r * 100
+      const n = e.reduce((s, m) => s + m.value, 0);
+      return e.map((s) => ({
+        ...s,
+        value: s.value / n * 100
       }));
     }
     return e;
   };
-  return /* @__PURE__ */ a("div", { style: { height: I }, className: "pie-chart", children: l && l.data && l.data.length > 0 && /* @__PURE__ */ u(L, { children: [
+  return /* @__PURE__ */ a("div", { style: { height: I }, className: "pie-chart", children: o && o.data && o.data.length > 0 && /* @__PURE__ */ p(L, { children: [
     /* @__PURE__ */ a(
-      ue,
+      pe,
       {
-        data: ie(de(l.data, Q)),
-        margin: se,
+        data: se(de(o.data, Z)),
+        margin: ie,
         startAngle: M,
         endAngle: z,
         sortByValue: !0,
         innerRadius: 0.7,
-        padAngle: H,
+        padAngle: X,
         cornerRadius: 3,
         colors: (e) => N.getColor(e.id, e.data),
         borderWidth: 1,
         borderColor: { from: "color", modifiers: [["brighter", "2"]] },
-        enableArcLabels: $,
-        enableArcLinkLabels: R,
+        enableArcLabels: H,
+        enableArcLinkLabels: E,
         arcLabelsTextColor: "#333333",
         arcLinkLabelsSkipAngle: 5,
         arcLabelsSkipAngle: 15,
@@ -199,52 +199,53 @@ const be = ({
             const t = e.datum.arc.angleDeg / 360 * 100;
             e.datum.data.variables.valuePercent = t, e.datum.data.variables.category = e.datum.id;
           }
-          return w && s && s.trim().length > 0 ? /* @__PURE__ */ a(
-            pe,
+          return B && i && i.trim().length > 0 ? /* @__PURE__ */ a(
+            ue,
             {
               intl: h,
               format: f,
               d: e,
-              tooltip: Z,
-              tooltipEnableMarkdown: J
+              tooltip: G,
+              tooltipEnableMarkdown: Q
             }
           ) : null;
         }
       },
-      l.id
+      o.id
     ),
-    (n === "top" || n === "bottom") && /* @__PURE__ */ a(
+    (r === "top" || r === "bottom") && /* @__PURE__ */ a(
       "div",
       {
-        className: `legends container has-standard-12-font-size ${n}`,
-        children: /* @__PURE__ */ u("div", { className: "legend-sections", children: [
-          /* @__PURE__ */ a("div", { className: "title-section", children: T() }),
+        className: `legends container has-standard-12-font-size ${r}`,
+        style: r === "top" ? { marginTop: `${A}px` } : r === "bottom" ? { marginBottom: `${W}px` } : {},
+        children: /* @__PURE__ */ p("div", { className: "legend-sections", children: [
+          /* @__PURE__ */ a("div", { className: "title-section", children: D() }),
           /* @__PURE__ */ a(
             ge,
             {
               onWrapChange: (e) => {
-                n === "top" ? (te(x + e / 2 * 40), A(e)) : (re(k + e / 2 * 25), A(e));
+                r === "top" ? (ae(x + e / 2 * 40), T(e)) : (re(k + e / 2 * 25), T(e));
               },
               className: "legends container has-standard-12-font-size items-section",
-              children: W()
+              children: F()
             }
           )
         ] })
       }
     ),
-    (n === "right" || n === "left") && /* @__PURE__ */ u(
+    (r === "right" || r === "left") && /* @__PURE__ */ p(
       "div",
       {
-        className: `legends container has-standard-12-font-size  ${n}`,
-        style: n === "right" ? ne : le,
+        className: `legends container has-standard-12-font-size  ${r}`,
+        style: r === "right" ? ne : oe,
         children: [
-          T(),
-          W()
+          D(),
+          F()
         ]
       }
     )
   ] }) });
-}, Ie = me(be);
+}, we = me(be);
 export {
-  Ie as default
+  we as default
 };

package/dist/esm/embeddable/chart/colors/ManualColors.js

@@ -1,54 +1,54 @@
-import I from "./Colors.js";
-class j extends I {
-  constructor(s, h, n, p, g, i, c, y, _, t = {}, o, v, b, u) {
-    if (super(n, p, g, y, _), this._manualColor = {}, this._manualColor[v] = t ? t.Overall : null, s != "csv") {
-      const m = (e) => {
-        f = [...i][e] ? [...i][e].items : [], t != null && t != null && Object.keys(t).forEach((a) => {
-          const l = f.filter((r) => r.code === a);
-          if (l.length > 0 && l[0].labels) {
+import O from "./Colors.js";
+class j extends O {
+  constructor(s, o, u, C, g, n, c, v, _, l = {}, f, y, b, i) {
+    if (super(u, C, g, v, _), this._manualColor = {}, this._manualColor[y] = l ? l.Overall : null, s != "csv") {
+      const d = (e) => {
+        h = [...n][e] ? [...n][e].items : [], l != null && l != null && Object.keys(l).forEach((a) => {
+          const t = h.filter((r) => r.code === a);
+          if (t.length > 0 && t[0].labels) {
             let r;
-            o && (r = l[0].labels[o.toUpperCase()]), r ? this._manualColor[r] = t[a] : this._manualColor[l[0].value] = t[a];
+            f && (r = t[0].labels[f.toUpperCase()]), r ? this._manualColor[r] = l[a] : this._manualColor[t[0].value] = l[a];
           }
         });
-      }, x = (e) => e == null ? void 0 : e.map((l) => {
-        const r = l.group.label;
-        return l.label.includes(r) ? l : {
-          ...l,
-          label: `${r} - ${l.label}`
+      }, x = (e) => e == null ? void 0 : e.map((t) => {
+        const r = t.group.label;
+        return t.label.includes(r) ? t : {
+          ...t,
+          label: `${r} - ${t.label}`
         };
-      }), B = () => {
+      }), I = () => {
         var e;
-        return c && c.size > 0 ? c : ((e = u == null ? void 0 : u.metadata) == null ? void 0 : e.measures.length) > 0 ? (u.metadata.measures = x(
-          u.metadata.measures
-        ), u.metadata.measures) : [];
-      }, d = () => {
-        f = B(), Object.keys(t).forEach((e) => {
-          const a = [...f].filter((l) => l.value === e);
+        return c && c.size > 0 ? c : ((e = i == null ? void 0 : i.metadata) == null ? void 0 : e.measures.length) > 0 ? (i.metadata.measures = x(
+          i.metadata.measures
+        ), i.metadata.measures) : [];
+      }, m = () => {
+        h = I(), Object.keys(l).forEach((e) => {
+          const a = [...h].filter((t) => t.value === e);
           if (a.length > 0 && a[0].labels) {
-            const l = b[e];
-            b && l && (this._manualColor[l] = t[e]);
+            const t = b[e];
+            b && t && (this._manualColor[t] = l[e]);
             let r;
-            o && (r = a[0].labels[o.toUpperCase()]), r ? this._manualColor[r] = t[e] : this._manualColor[a[0].label] = t[e];
+            f && (r = a[0].labels[f.toUpperCase()]), r ? this._manualColor[r] = l[e] : this._manualColor[a[0].label] = l[e];
           }
         });
       };
-      let f = [];
-      const C = h === "line" ? 1 : n === "index" ? 0 : 1;
-      i ? i.size == 1 && C == 1 ? _ == "measure" ? m(0) : d() : m(C) : d();
+      let h = [];
+      const p = o === "line" ? 1 : u === "index" ? 0 : 1;
+      n ? n.size == 1 && p == 1 ? _ == "measure" ? d(0) : m() : d(p) : m();
     } else
-      this._manualColor = t;
+      this._manualColor = l && l[u] ? l[u] : {};
   }
-  getColor(s, h) {
+  getColor(s, o) {
     if (this.colorBy === "index") {
-      const n = this._manualColor[s] || this._manualColor[h[this.indexBy]];
-      return n || "#5555";
+      const u = this._manualColor[s] || this._manualColor[o[this.indexBy]];
+      return u || "#555555";
     }
-    return this.colorBy === "id" && this._manualColor[s] ? this._manualColor[s] : "#5555";
+    return this.colorBy === "id" && this._manualColor[s] ? this._manualColor[s] : "#555555";
   }
   getColorByIndex(s) {
   }
   getColorByKey(s) {
-    return this._manualColor[s] ? this._manualColor[s] : "#5555";
+    return this._manualColor[s] ? this._manualColor[s] : "#555555";
   }
 }
 export {

package/dist/esm/embeddable/chart/data/Bar.js

@@ -9,14 +9,14 @@ const z = (a) => {
     const j = U(t), A = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Set();
     let u = [], r;
     if (t.metadata && t.metadata.measures) {
-      const y = t.metadata.measures.filter((o) => v.includes(o.value)).sort((o, p) => o.position != null && p.position != null && o.position != p.position ? o.position - p.position : 0);
+      const y = t.metadata.measures.filter((o) => v.includes(o.value)).sort((o, b) => o.position != null && b.position != null && o.position != b.position ? o.position - b.position : 0);
       u = [], r = "measure", A.add("measure");
       const x = {};
       Object.keys(t).forEach((o) => {
         x[o] = t[o];
       }), y.forEach((o) => {
-        const p = {}, b = O[o.value] || N(j[o.value], E);
-        p.type = "measure", p.measureFieldName = o.value, p.measure = b, p[b] = t[o.value], p.variables = x, u.push(p), M.add(b), C.add(j[o.value]);
+        const b = {}, p = O[o.value] || N(j[o.value], E);
+        b.type = "measure", b.measureFieldName = o.value, b.measure = p, b[p] = t[o.value], b.variables = x, u.push(b), M.add(p), C.add(j[o.value]);
       }), n = {
         categories: A,
         indexBy: r,
@@ -62,7 +62,7 @@ const z = (a) => {
   if (O && w.length == 1 && G(a), A.length == 0 && v)
     t = z(a);
   else if (v && v.children && A.length > 0) {
-    const r = U(v), y = q(v), x = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), b = [];
+    const r = U(v), y = q(v), x = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set(), p = [];
     let B;
     g && A.length == 1 && w.length > 0 ? (B = "measure", M.forEach((s) => {
       const c = {};
@@ -73,8 +73,8 @@ const z = (a) => {
         ) || m.value, e = {};
         Object.keys(m).forEach((i) => {
           e[i] = m[i];
-        }), e[m.type] = m.value.toString(), c.variables = e, x.add(y[m.type]), c[f] = m[s.value], p.add(f);
-      }), b.push({ ...c });
+        }), e[m.type] = m.value.toString(), c.variables = e, x.add(y[m.type]), c[f] = m[s.value], b.add(f);
+      }), p.push({ ...c });
     })) : (v.children[0] && (B = v.children[0].type), v.children.forEach((s) => {
       const c = {}, m = {};
       m[s.type] = N(
@@ -84,11 +84,11 @@ const z = (a) => {
         c[f] = s[f];
       }), x.add(y[s.type]), c[s.type] = s.value.toString(), M.map((f) => {
         const e = R[f.value] || N(r[f.value], n);
-        m[e] = s[f.value], o.add(r[f.value]), p.add(e);
-      }), b.push({ ...m, variables: c, parent_variables: c });
+        m[e] = s[f.value], o.add(r[f.value]), b.add(e);
+      }), p.push({ ...m, variables: c, parent_variables: c });
     }));
-    const D = Array.from(p);
-    let S = j && b ? b.filter((s) => j.indexOf(s[B]) == -1) : b;
+    const D = Array.from(b);
+    let S = j && p ? p.filter((s) => j.indexOf(s[B]) == -1) : p;
     a.sort == "alphabetically" && (S = S.sort(
       (s, c) => V(a.sortReverse, n, s[B], c[B])
     )), a.sort == "date" && (S = S.sort(
@@ -126,7 +126,7 @@ const z = (a) => {
     j = z(a);
   else if (t && t.children && t.children.length > 0 && C.length > 0) {
     U(t);
-    const u = q(t), r = v[0], y = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set(), o = [], p = [], b = t.children[0].type;
+    const u = q(t), r = v[0], y = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set(), o = [], b = [], p = t.children[0].type;
     let B = 0, D, S;
     t.children.forEach((e) => {
       const i = { variables: {} };
@@ -144,7 +144,7 @@ const z = (a) => {
           ) || l.value;
           D[e.type] = S, D[l.type] = h, Object.keys(l).forEach((d) => {
             D[d] = l[d];
-          }), i.variables[h] = D, x.add(h), B += l[r], p.push(l[r]), i[h] = l[r];
+          }), i.variables[h] = D, x.add(h), B += l[r], b.push(l[r]), i[h] = l[r];
         });
       else {
         const l = new Object();
@@ -154,16 +154,18 @@ const z = (a) => {
       }
       o.push(i);
     });
-    const s = n.toUpperCase(), c = O == "id" ? o : o.filter((e) => E.indexOf(e[b]) == -1), m = Array.from(x);
+    const s = n.toUpperCase(), c = O == "id" ? o : o.filter((e) => E.indexOf(e[p]) == -1), m = Array.from(x);
     a.sort == "alphabetically" ? c.sort(
-      (e, i) => V(a.sortReverse, n, e[b], i[b])
+      (e, i) => V(a.sortReverse, n, e[p], i[p])
     ) : a.sort == "date" ? c.sort(
-      (e, i) => _(a.sortReverse, e[b], i[b])
+      (e, i) => _(a.sortReverse, e[p], i[p])
     ) : a.sort == "values" ? c.sort((e, i) => {
+      debugger;
       const l = m.map((d) => e[d]).filter((d) => d).reduce((d, K) => d + K), h = m.map((d) => i[d]).filter((d) => d).reduce((d, K) => d + K);
       return console.log(m.map((d) => e[d])), l == null ? 1 : h == null ? -1 : T(a.sortReverse, l, h);
     }) : c.sort((e, i) => {
       const l = e[a.sort], h = i[a.sort];
+      debugger;
       return l == null ? 1 : h == null ? -1 : T(a.sortReverse, l, h);
     });
     const f = [...x];
@@ -184,7 +186,7 @@ const z = (a) => {
     }), j = {
       metadata: t.metadata,
       dimensionsMetadata: y,
-      indexBy: b,
+      indexBy: p,
       keys: O == "index" ? f : f.filter((e) => E.indexOf(e) == -1),
       data: c
     };