@devgateway/dvz-ui-react 1.4.0 → 1.5.0

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

@@ -1,165 +1,165 @@
-import { jsx as F, Fragment as P } from "react/jsx-runtime";
-import k from "react";
-import { measuresMap as V, typesMap as z, alphaSort as J, numericSort as Q, dateSort as K, getTranslatedValue as T } from "./Utils.js";
-const G = (t) => {
-  const { data: e, measures: n, swap: h, dimensions: f, locale: v, customLabels: d } = t;
-  let s = {};
-  const D = f.filter((g) => g != ""), L = /* @__PURE__ */ new Set();
-  if (D.length == 0 && e) {
-    const g = V(e), b = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set();
-    let x = [], R;
+import { jsx as J, Fragment as Q } from "react/jsx-runtime";
+import F from "react";
+import { measuresMap as q, typesMap as G, alphaSort as K, numericSort as U, dateSort as T, getTranslatedValue as V } from "./Utils.js";
+const H = (t) => {
+  const { data: e, measures: l, swap: m, dimensions: u, locale: v, customLabels: d } = t;
+  let i = {};
+  const g = u.filter((h) => h != ""), A = /* @__PURE__ */ new Set();
+  if (g.length == 0 && e) {
+    const h = q(e), D = /* @__PURE__ */ new Set(), R = /* @__PURE__ */ new Set();
+    let E = [], j;
     if (e.metadata && e.metadata.measures) {
-      const l = e.metadata.measures.filter((i) => n.includes(i.value)).sort((i, u) => i.position != null && u.position != null && i.position != u.position ? i.position - u.position : 0);
-      x = [], R = "measure", b.add("measure");
-      const m = {};
-      Object.keys(e).forEach((i) => {
-        m[i] = e[i];
-      }), l.forEach((i) => {
-        const u = {}, p = d[i.value] || T(g[i.value], v);
-        u.type = "measure", u.measureFieldName = i.value, u.measure = p, u[p] = e[i.value], u.variables = m, x.push(u), w.add(p), L.add(g[i.value]);
-      }), s = {
-        categories: b,
-        indexBy: R,
-        keys: Array.from(w),
-        measuresMetadata: L,
-        data: x
+      const r = e.metadata.measures.filter((a) => l.includes(a.value)).sort((a, c) => a.position != null && c.position != null && a.position != c.position ? a.position - c.position : 0);
+      E = [], j = "measure", D.add("measure");
+      const S = {};
+      Object.keys(e).forEach((a) => {
+        S[a] = e[a];
+      }), r.forEach((a) => {
+        const c = {}, L = d[a.value] || V(h[a.value], v);
+        c.type = "measure", c.measureFieldName = a.value, c.measure = L, c[L] = e[a.value], c.variables = S, E.push(c), R.add(L), A.add(h[a.value]);
+      }), i = {
+        categories: D,
+        indexBy: j,
+        keys: Array.from(R),
+        measuresMetadata: A,
+        data: E
       };
     }
   }
-  return s;
-}, H = (t) => {
-  const { data: e, measures: n, dimensions: h, overallLabel: f } = t;
-  if (h.length == 1 && e.children) {
-    if (!(e.children.filter((d) => d.value == f).length > 0)) {
+  return i;
+}, P = (t) => {
+  const { data: e, measures: l, dimensions: m, overallLabel: u } = t;
+  if (m.length == 1 && e.children) {
+    if (!(e.children.filter((d) => d.value == u).length > 0)) {
       const d = {};
-      d.type = h[0], d.value = f, d.label = f, Object.keys(e).forEach((s) => {
-        ["children", "metadata", "type", "value"].includes(s) || (d[s] = e[s]);
+      d.type = m[0], d.value = u, d.label = u, Object.keys(e).forEach((i) => {
+        ["children", "metadata", "type", "value"].includes(i) || (d[i] = e[i]);
       }), e.children = [d, ...e.children];
     }
-  } else h.length == 2 && e.children && e.children.forEach((v) => {
-    if (!(v.children.filter((s) => s.value == f).length > 0)) {
-      const s = {};
-      s.type = h[1], s.value = f, s.label = f, Object.keys(v).forEach((D) => {
-        ["children", "metadata", "type", "value"].includes(D) || (s[D] = v[D]);
-      }), v.children = [s, ...v.children];
+  } else m.length == 2 && e.children && e.children.forEach((v) => {
+    if (!(v.children.filter((i) => i.value == u).length > 0)) {
+      const i = {};
+      i.type = m[1], i.value = u, i.label = u, Object.keys(v).forEach((g) => {
+        ["children", "metadata", "type", "value"].includes(g) || (i[g] = v[g]);
+      }), v.children = [i, ...v.children];
     }
   });
   return e;
-}, U = (t) => {
-  var w, x, R;
+}, W = (t) => {
+  var R, E, j;
   let e = {};
   const {
-    data: n,
-    measures: h,
-    swap: f,
+    data: l,
+    measures: m,
+    swap: u,
     dimensions: v,
     includeOverall: d,
-    locale: s,
-    customLabels: D,
-    colorBy: L,
-    hiddenBars: g
-  } = t, b = v.filter((l) => l != "");
-  if (n.metadata.measures.filter((l) => h.includes(l.value)).sort((l, m) => l.position != null && m.position != null && l.position != m.position ? l.position - m.position : 0), d && h.length == 1 && H(t), b.length == 0 && n)
-    e = G(t);
-  else if (n && n.children && n.children.length > 0 && b.length > 0) {
-    const l = V(n), m = z(n), i = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Set(), E = [], B = n.children[0].type, M = ((R = (x = (w = n == null ? void 0 : n.metadata) == null ? void 0 : w.types) == null ? void 0 : x.find((r) => r.dimension == b[0])) == null ? void 0 : R.items) || [];
-    t.sort == "alphabetically" ? M.sort(
-      (r, y) => J(t.sortReverse, s, r.value, y.value)
-    ) : t.sort == "values" ? M.sort(
-      (r, y) => Q(t.sortReverse, r.value, y.value)
-    ) : t.sort == "date" && M.sort(
-      (r, y) => K(t.sortReverse, r.value, y.value)
-    ), h.forEach((r) => {
+    locale: i,
+    customLabels: g,
+    colorBy: A,
+    hiddenBars: h
+  } = t, D = v.filter((r) => r != "");
+  if (l.metadata.measures.filter((r) => m.includes(r.value)).sort((r, S) => r.position != null && S.position != null && r.position != S.position ? r.position - S.position : 0), d && m.length == 1 && P(t), D.length == 0 && l)
+    e = H(t);
+  else if (l && l.children && l.children.length > 0 && D.length > 0) {
+    const r = q(l), S = G(l), a = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Set(), O = [], B = l.children[0].type, x = ((j = (E = (R = l == null ? void 0 : l.metadata) == null ? void 0 : R.types) == null ? void 0 : E.find((o) => o.dimension == D[0])) == null ? void 0 : j.items) || [];
+    t.sort == "alphabetically" ? x.sort(
+      (o, y) => K(t.sortReverse, i, o.value, y.value)
+    ) : t.sort == "values" ? x.sort(
+      (o, y) => U(t.sortReverse, o.value, y.value)
+    ) : t.sort == "date" && x.sort(
+      (o, y) => T(t.sortReverse, o.value, y.value)
+    ), m.forEach((o) => {
       const y = { variables: {} };
-      y.id = T(l[r], s), y.label = T(l[r], s);
-      const a = [];
-      M.forEach((c) => {
-        const o = n.children.find((j) => j.value === c.value);
-        if (o) {
-          const j = {};
-          Object.keys(o).forEach((S) => {
-            j[S] = o[S];
-          }), j.value = o[r], j[o.type] = o.value.toString(), u.add(m[o.type]), a.push({ x: o.value, y: o[r], variables: j }), y.data = a;
+      y.id = V(r[o], i), y.label = V(r[o], i);
+      const N = [];
+      x.forEach((s) => {
+        const n = l.children.find((f) => f.value === s.value);
+        if (n) {
+          const f = {};
+          Object.keys(n).forEach((C) => {
+            f[C] = n[C];
+          }), f.value = n[o], f[n.type] = n.value.toString(), c.add(S[n.type]), N.push({ x: n.value, y: n[o], variables: f }), y.data = N;
         }
-      }), E.push(y);
+      }), O.push(y);
     });
-    const C = Array.from(N);
-    let I = g && E ? E.filter((r) => g.indexOf(r[B]) == -1) : E;
+    const k = Array.from(M);
+    let I = (h == null ? void 0 : h.length) > 0 && (O == null ? void 0 : O.length) > 0 ? O.filter((o) => h.indexOf(o[B]) == -1) : O;
     e = {
-      metadata: n.metadata,
+      metadata: l.metadata,
       indexBy: B,
-      categories: i,
-      dimensionsMetadata: u,
-      measuresMetadata: p,
-      keys: C,
+      categories: a,
+      dimensionsMetadata: c,
+      measuresMetadata: L,
+      keys: k,
       data: I
     };
   }
-  return k.Children.map(
+  return F.Children.map(
     t.children,
-    (l) => k.cloneElement(l, { options: e })
+    (r) => F.cloneElement(r, { options: e })
   );
-}, W = (t) => {
-  var g, b, w, x, R, l;
+}, X = (t) => {
+  var h, D, R, E, j, r, S;
   const {
     data: e,
-    measures: n,
-    includeOverall: h,
-    dimensions: f,
+    measures: l,
+    includeOverall: m,
+    dimensions: u,
     hiddenBars: v,
     colorBy: d,
-    locale: s
-  } = t, D = f.filter((m) => m != "");
-  let L = {};
-  if (h && H(t), D.length == 0 && e)
-    L = G(t);
-  else if (e && e.children && e.children.length > 0 && D.length > 0) {
-    const m = V(e), i = z(e), u = n[0], p = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Set(), E = [], B = [], M = e.children[0].type, C = ((w = (b = (g = e == null ? void 0 : e.metadata) == null ? void 0 : g.types) == null ? void 0 : b.find((a) => a.dimension == D[0])) == null ? void 0 : w.items) || [], I = ((l = (R = (x = e == null ? void 0 : e.metadata) == null ? void 0 : x.types) == null ? void 0 : R.find((a) => a.dimension == D[1])) == null ? void 0 : l.items) || [];
-    t.sortSecondDimension == "alphabetically" ? I.sort(
-      (a, c) => J(t.sortReverseSecondDimension, s, a.value, c.value)
-    ) : t.sortSecondDimension == "date" && I.sort(
-      (a, c) => K(t.sortReverseSecondDimension, a.value, c.value)
-    ), N.add(m[u]), I.forEach((a) => {
-      const c = { variables: {} };
-      c.id = a.value, c.label = a.value;
-      const o = [];
-      C.forEach((j) => {
-        const S = e.children.find((O) => O.value === j.value);
-        p.add(i[S.type]);
-        const A = S.children.find((O) => O.value === a.value);
-        if (A) {
-          p.add(i[A.type]);
-          const O = {};
-          Object.keys(A).forEach((q) => {
-            O[q] = A[q];
-          }), O.value = A[n[0]], O[S.type] = S.value.toString(), O[A.type] = A.value.toString(), o.push({ x: S.value, y: A[n[0]], variables: O }), E.indexOf(S.value) == -1 && E.push(S.value);
+    locale: i
+  } = t, g = u.filter((a) => a != "");
+  let A = {};
+  if (m && P(t), g.length == 0 && e)
+    A = H(t);
+  else if (e && e.children && e.children.length > 0 && g.length > 0) {
+    const a = q(e), c = G(e), L = l[0], M = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new Set(), B = [], x = [], k = (h = e.children[0]) == null ? void 0 : h.type, I = ((E = (R = (D = e == null ? void 0 : e.metadata) == null ? void 0 : D.types) == null ? void 0 : R.find((s) => s.dimension == g[0])) == null ? void 0 : E.items) || [], o = ((S = (r = (j = e == null ? void 0 : e.metadata) == null ? void 0 : j.types) == null ? void 0 : r.find((s) => s.dimension == g[1])) == null ? void 0 : S.items) || [];
+    t.sortSecondDimension == "alphabetically" ? o.sort(
+      (s, n) => K(t.sortReverseSecondDimension, i, s.value, n.value)
+    ) : t.sortSecondDimension == "date" && o.sort(
+      (s, n) => T(t.sortReverseSecondDimension, s.value, n.value)
+    ), O.add(a[L]), o.forEach((s) => {
+      const n = { variables: {} };
+      n.id = s.value, n.label = s.value;
+      const f = [];
+      I.forEach((C) => {
+        const b = e.children.find((w) => w.value === C.value);
+        M.add(c[b == null ? void 0 : b.type]);
+        const p = b == null ? void 0 : b.children.find((w) => w.value === s.value);
+        if (p) {
+          M.add(c[p == null ? void 0 : p.type]);
+          const w = {};
+          Object.keys(p).forEach((z) => {
+            w[z] = p[z];
+          }), w.value = p[l[0]], w[b.type] = b.value.toString(), w[p.type] = p.value.toString(), f.push({ x: b.value, y: p[l[0]], variables: w }), B.indexOf(b.value) == -1 && B.push(b.value);
         }
-      }), c.data = o, B.push(c);
-    }), B.forEach((a) => {
-      E.forEach((c) => {
-        a.data.find((o) => o.x == c) || a.data.push({ x: c, y: null, variables: {} });
+      }), n.data = f, x.push(n);
+    }), x.forEach((s) => {
+      B.forEach((n) => {
+        s.data.find((f) => f.x == n) || s.data.push({ x: n, y: null, variables: {} });
       });
-    }), B.forEach((a) => {
-      a.data.sort((c, o) => t.sort == "alphabetically" ? J(t.sortReverse, s, c.x, o.x) : t.sort == "date" ? K(t.sortReverse, c.x, o.x) : 0);
+    }), x.forEach((s) => {
+      s.data.sort((n, f) => t.sort == "alphabetically" ? K(t.sortReverse, i, n.x, f.x) : t.sort == "date" ? T(t.sortReverse, n.x, f.x) : 0);
     });
-    const r = d == "id" ? B : B.filter((a) => v.indexOf(a[M]) == -1), y = [...E];
-    L = {
+    const y = d == "id" ? x : x.filter((s) => v.indexOf(s[k]) == -1), N = [...B];
+    A = {
       metadata: e.metadata,
-      dimensionsMetadata: p,
-      measuresMetadata: N,
-      indexBy: M,
-      keys: d == "index" ? y : y.filter((a) => v.indexOf(a) == -1),
-      data: r
+      dimensionsMetadata: M,
+      measuresMetadata: O,
+      indexBy: k,
+      keys: d == "index" ? N : N.filter((s) => v.indexOf(s) == -1),
+      data: y
     };
   }
-  return /* @__PURE__ */ F(P, { children: k.Children.map(
+  return /* @__PURE__ */ J(Q, { children: F.Children.map(
     t.children,
-    (m) => k.cloneElement(m, { options: L })
+    (a) => F.cloneElement(a, { options: A })
   ) });
-}, _ = (t) => {
-  const { data: e, measures: n, dimensions: h } = t, f = JSON.parse(JSON.stringify(e));
-  return h.length === 1 ? /* @__PURE__ */ F(U, { ...t, data: f }) : /* @__PURE__ */ F(W, { ...t, data: f });
+}, $ = (t) => {
+  const { data: e, measures: l, dimensions: m } = t, u = JSON.parse(JSON.stringify(e));
+  return m.length === 1 ? /* @__PURE__ */ J(W, { ...t, data: u }) : /* @__PURE__ */ J(X, { ...t, data: u });
 };
 export {
-  _ as default
+  $ as default
 };

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

@@ -1,23 +1,29 @@
-const i = (e) => {
-  const { metadata: t } = e || {}, a = {};
-  return t && t.measures.forEach((r) => {
-    a[r.value] = r;
-  }), a;
-}, u = (e) => {
-  const { metadata: t } = e || {}, a = {};
-  return t && t.types.forEach((r) => {
-    a[r.dimension] = {
-      dimension: r.dimension,
-      category: r.category,
-      items: r.items
+const u = (e) => e == null ? void 0 : e.map((t) => {
+  const a = t.group.label;
+  return t.label.includes(a) ? t : {
+    ...t,
+    label: `${a} - ${t.label}`
+  };
+}), l = (e) => {
+  const { metadata: r } = e || {}, t = {}, a = u((r == null ? void 0 : r.measures) || []);
+  return r && a.forEach((n) => {
+    t[n.value] = n;
+  }), t;
+}, c = (e) => {
+  const { metadata: r } = e || {}, t = {};
+  return r && r.types.forEach((a) => {
+    t[a.dimension] = {
+      dimension: a.dimension,
+      category: a.category,
+      items: a.items
     };
-  }), a;
-}, m = (e, t) => e ? e.labels && e.labels[t.toUpperCase()] ? e.labels[t.toUpperCase()] : e.label ? e.label : e.value : null, c = (e, t, a, r) => new Intl.Collator(t, {
+  }), t;
+}, p = (e, r) => e ? e.labels && e.labels[r.toUpperCase()] ? e.labels[r.toUpperCase()] : e.label ? e.label : e.value : null, i = (e, r, t, a) => new Intl.Collator(r, {
   caseFirst: "upper",
   numeric: !0,
   sensitivity: "variant"
-}).compare(e ? r : a, e ? a : r), l = (e, t, a) => !isNaN(t) && !isNaN(a) ? e ? Number(a) - Number(t) : Number(t) - Number(a) : 0, o = (e) => {
-  const [t, a] = e.split(" "), n = [
+}).compare(e ? a : t, e ? t : a), N = (e, r, t) => !isNaN(r) && !isNaN(t) ? e ? Number(t) - Number(r) : Number(r) - Number(t) : 0, o = (e) => {
+  const [r, t] = e.split(" "), n = [
     "Jan",
     "Feb",
     "Mar",
@@ -30,17 +36,17 @@ const i = (e) => {
     "Oct",
     "Nov",
     "Dec"
-  ].indexOf(t), s = parseInt(a, 10);
+  ].indexOf(r), s = parseInt(t, 10);
   return (n === -1 || isNaN(s)) && console.error(`Invalid month/year format: ${e}`), new Date(s, n, 1);
-}, p = (e, t, a) => {
-  let r = Date.parse(t), n = Date.parse(a);
-  return isNaN(r) && (r = o(t)), isNaN(n) && (n = o(a)), !isNaN(r) && !isNaN(n) ? e ? n - r : r - n : 0;
+}, m = (e, r, t) => {
+  let a = Date.parse(r), n = Date.parse(t);
+  return isNaN(a) && (a = o(r)), isNaN(n) && (n = o(t)), !isNaN(a) && !isNaN(n) ? e ? n - a : a - n : 0;
 };
 export {
-  c as alphaSort,
-  p as dateSort,
-  m as getTranslatedValue,
-  i as measuresMap,
-  l as numericSort,
-  u as typesMap
+  i as alphaSort,
+  m as dateSort,
+  p as getTranslatedValue,
+  l as measuresMap,
+  N as numericSort,
+  c as typesMap
 };

package/dist/esm/embeddable/d3Map/BaseLayer.js

@@ -33,7 +33,7 @@ class F extends v {
       this.g.selectAll(".feature-label").data(e.features.filter((t) => r.indexOf(t.properties[i]) == -1)).enter().append("text").attr("class", "feature-label").attr("font-size", (t) => Math.max(0.5, f / n) + "px").style("pointer-events", "none").text(function(t) {
         return t.properties[i];
       }).attr("color", l).attr("fill", l).attr("transform", function(t) {
-        const p = o[t.properties[i] + "_rotation"] || 0, g = o[t.properties[i] + "_offsetX"] || 0, m = o[t.properties[i] + "_offsetY"] || 0, u = s.centroid(t)[0] + g / a, y = s.centroid(t)[1] + m / a;
+        const p = o[t.properties[i] + "_rotation"] || 0, m = o[t.properties[i] + "_offsetX"] || 0, g = o[t.properties[i] + "_offsetY"] || 0, u = s.centroid(t)[0] + m / a, y = s.centroid(t)[1] + g / a;
         return "translate(" + [u, y] + "),rotate(" + (p || 0) + ")";
       }).attr("text-anchor", "middle").attr("dominant-baseline", "middle"), n < b ? (console.log("remove layers"), this.g.selectAll(".feature-label").transition().style("display", "none")) : this.g.selectAll(".feature-label").style("display", "");
     }
@@ -42,16 +42,11 @@ class F extends v {
     const {
       labelFontSize: e,
       minLabelZoomVisible: s = -1
-    } = this.props;
-    debugger;
-    const r = this.props.transform ? this.props.transform.k : 1;
+    } = this.props, r = this.props.transform ? this.props.transform.k : 1;
     console.log("minLabelZoomVisible", s, r), r < s ? (console.log("remove layers"), this.g.selectAll(".feature-label").transition().style("display", "none")) : this.g.selectAll(".feature-label").style("display", ""), this.g.selectAll(".feature-label").attr("font-size", (o) => Math.max(0.5, e / r) + "px");
   }
   createLayer(e) {
-    if (this.createPaths(e), this.createLabels(e), this.props.onReady) {
-      debugger;
-      this.props.onReady();
-    }
+    this.createPaths(e), this.createLabels(e), this.props.onReady && this.props.onReady();
   }
   componentDidMount() {
     super.componentDidMount();

package/dist/esm/embeddable/d3Map/DataLayer.js

@@ -378,18 +378,11 @@ class ht extends pt {
   }
   componentDidUpdate(e, l, C) {
     const { app: i, file: u, featureJoinAttribute: h, data: c, measures: x, patternDiscriminator: o, editing: f, usePattern: n } = this.props;
-    if ((f || JSON.stringify(e.data) !== JSON.stringify(c)) && this.create(), e.visible != this.props.visible) {
-      debugger;
-      this.g.style("display", this.props.visible ? "" : "none");
-    }
-    if (e.patternsVisible != this.props.patternsVisible) {
+    if ((f || JSON.stringify(e.data) !== JSON.stringify(c)) && this.create(), e.visible != this.props.visible && this.g.style("display", this.props.visible ? "" : "none"), e.patternsVisible != this.props.patternsVisible) {
       const p = M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(this.props.id)}`);
       p.select(".patterns-checkbox").text(this.props.patternsVisible ? "☑ " : "☐ "), p.selectAll(".patterns-labels").style("display", this.props.patternsVisible ? "" : "none"), p.selectAll("rect").style("display", this.props.patternsVisible ? "" : "none"), p.select("svg").attr("height", this.props.patternsVisible ? 30 + (p.selectAll("rect").size() - 1) * 23 + "px" : "30px"), this.g.selectAll(".shape-pattern").style("display", this.props.patternsVisible ? "" : "none");
     }
-    e.colorLayerVisible != this.props.colorLayerVisible && (this.g.selectAll(".borders").style("fill", (d) => {
-      debugger;
-      return this.props.colorLayerVisible ? null : this.props.fillColor;
-    }), this.g.selectAll(".centroids").style("display", this.props.colorLayerVisible ? "block" : "none")), e.usePattern != this.props.usePattern && (this.props.usePattern || M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(this.props.id)}`).select("svg").remove()), this.g && this.resize();
+    e.colorLayerVisible != this.props.colorLayerVisible && (this.g.selectAll(".borders").style("fill", (d) => this.props.colorLayerVisible ? null : this.props.fillColor), this.g.selectAll(".centroids").style("display", this.props.colorLayerVisible ? "block" : "none")), e.usePattern != this.props.usePattern && (this.props.usePattern || M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(this.props.id)}`).select("svg").remove()), this.g && this.resize();
   }
   componentDidMount() {
     super.componentDidMount();

package/dist/esm/embeddable/d3Map/FlowLayer.js

@@ -22,9 +22,9 @@ class Z extends q {
       //circle size
       featureJoinAttribute: d,
       apiJoinAttribute: A,
-      projection: b,
+      projection: w,
       breaks: C,
-      markSizeScale2: w,
+      markSizeScale2: b,
       //arrow size
       measures: u,
       zoom: v,
@@ -34,7 +34,7 @@ class Z extends q {
       breaks: C,
       defaultFillColor: n,
       defaultBorderColor: g,
-      defaultSize: w
+      defaultSize: b
     });
     s.style === "compacted" || s.style, s.style, s.currency, parseInt(s.minimumFractionDigits), parseInt(s.maximumFractionDigits);
     const _ = r.features.filter((t) => t.properties._value != null);
@@ -48,10 +48,10 @@ class Z extends q {
           const c = t.properties[d], i = t.properties[d] + "--" + o.properties[d], f = a.centroid(t), h = a.centroid(o), O = h[0] - f[0], T = h[1] - f[1], I = Math.sqrt(O * O + T * T), V = O / I, M = T / I, R = [
             h[0] - V * l,
             h[1] - M * l
-          ], U = b.invert(R), W = {
+          ], U = w.invert(R), W = {
             type: "LineString",
             coordinates: [
-              b.invert(f),
+              w.invert(f),
               // Start in geo coords
               U
               // New endpoint before d2
@@ -102,9 +102,9 @@ class Z extends q {
       labelFilter: F = [],
       labelField: d,
       labelFontSize: A,
-      labelColor: b,
+      labelColor: w,
       fillColor: C,
-      borderColor: w,
+      borderColor: b,
       featureJoinAttribute: u,
       editing: v,
       data: l,
@@ -136,10 +136,7 @@ class Z extends q {
   }
   componentDidUpdate(r, s, a) {
     const { projection: k, editing: n, data: g } = this.props;
-    if ((n || JSON.stringify(r.data) !== JSON.stringify(g)) && this.create(), r.visible != this.props.visible) {
-      debugger;
-      this.g.style("display", this.props.visible ? "" : "none");
-    }
+    (n || JSON.stringify(r.data) !== JSON.stringify(g)) && this.create(), r.visible != this.props.visible && this.g.style("display", this.props.visible ? "" : "none");
   }
   componentDidMount() {
     this.create(), this.props.zoom.current.fullView();
@@ -160,16 +157,16 @@ const $ = (z) => {
     flowOrigin: F,
     editing: d,
     flowDestination: A,
-    dvzProxyDatasetId: b,
+    dvzProxyDatasetId: w,
     waitForFilters: C
-  } = z, w = { dvzProxyDatasetId: b }, u = a || {};
+  } = z, b = { dvzProxyDatasetId: w }, u = a || {};
   return u && u.forEach && u.forEach((v) => {
-    v.value != null && v.value.filter((l) => l != null && l.toString().trim() != "").length > 0 && (w[v.param] = v.value);
+    v.value != null && v.value.filter((l) => l != null && l.toString().trim() != "").length > 0 && (b[v.param] = v.value);
   }), /* @__PURE__ */ L(
     G,
     {
       editing: d,
-      params: w,
+      params: b,
       waitForFilters: C,
       app: n,
       csv: decodeURIComponent(k),

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

@@ -1,5 +1,6 @@
 import t from "react";
 const o = t.createContext(), a = t.createContext();
+t.createContext();
 export {
   a as CategoriesContext,
   o as DataContext,