@devgateway/dvz-ui-react 1.6.20 → 1.7.1

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

@@ -25,13 +25,11 @@ class f extends n.Component {
       "div",
       {
         className: "projected",
-        width: i,
-        height: e,
         style: {
           margin: "auto",
           backgroundColor: o,
           height: `${e}px`,
-          width: `${i}px`
+          width: "100%"
         },
         children: h.map(d, (j) => n.cloneElement(j, {
           ...this.state,

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

@@ -1,11 +1,15 @@
-import * as i from "d3";
-const e = (r) => new Promise((t, c) => {
-  i.json(r).then(function(o, n) {
-    n && console.log("Error loading JSON: " + n), t(o);
-  }).catch(function(o) {
-    console.error("Error loading JSON:", o), c(o);
+import * as a from "d3";
+const n = {}, o = {}, u = 3 * 60 * 1e3, r = (t) => JSON.parse(JSON.stringify(t)), l = (t) => {
+  const i = Date.now(), e = t;
+  if (n[e])
+    return n[e].then(r);
+  if (o[e] && i - o[e].timestamp < u)
+    return Promise.resolve(r(o[e].data));
+  const s = a.json(t).then((c) => (o[e] = { data: c, timestamp: Date.now() }, c)).finally(() => {
+    delete n[e];
   });
-});
+  return n[e] = s, s.then(r);
+}, m = (t) => l(t);
 export {
-  e as loadJSON
+  m as loadJSON
 };

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

@@ -1,47 +1,47 @@
-import { jsx as n, jsxs as I } from "react/jsx-runtime";
+import { jsx as r, jsxs as I } from "react/jsx-runtime";
 import y from "react";
-import * as f from "d3";
+import * as u from "d3";
 import { Icon as b, Popup as k } from "semantic-ui-react";
-import { FormattedMessage as N } from "react-intl";
-class T extends y.Component {
+import { FormattedMessage as E } from "react-intl";
+class O extends y.Component {
   constructor(t) {
-    super(t), this.zoomRef = y.createRef(), this.lastInternalZoom = null, this.lastUserTransform = null, this.zoomed = this.zoomed.bind(this), this.zoomEnd = this.zoomEnd.bind(this), this.zoomIn = this.zoomIn.bind(this), this.zoomOut = this.zoomOut.bind(this), this.reset = this.reset.bind(this), this.fullView = this.fullView.bind(this), this.transition2fullView = this.transition2fullView.bind(this), this._fullView = this._fullView.bind(this), this.initialized = !1, this.zoom = f.zoom().scaleExtent([0.1, 300]).on("zoom", this.zoomed).on("end", this.zoomEnd);
+    super(t), this.zoomRef = y.createRef(), this.lastInternalZoom = null, this.lastUserTransform = null, this.zoomed = this.zoomed.bind(this), this.zoomEnd = this.zoomEnd.bind(this), this.zoomIn = this.zoomIn.bind(this), this.zoomOut = this.zoomOut.bind(this), this.reset = this.reset.bind(this), this.fullView = this.fullView.bind(this), this.transition2fullView = this.transition2fullView.bind(this), this._fullView = this._fullView.bind(this), this.initialized = !1, this.zoom = u.zoom().scaleExtent([0.1, 300]).on("zoom", this.zoomed).on("end", this.zoomEnd);
   }
   componentDidMount() {
     const { zoomEnabled: t = !0 } = this.props, i = this.getSelection();
-    this._fullView(!1), t && (this.props.editing || (i.on("dblclick.zoom", null), i.on("dblclick", (o) => {
+    this._fullView(!1), t && (i.on("dblclick.zoom", null), i.on("dblclick", (o) => {
       o.preventDefault(), i.transition().duration(250).call(this.zoom.scaleBy, 1.5);
     }), i.on("wheel.zoom", null), i.on("wheel", (o) => {
       o.preventDefault();
       const s = o.deltaY > 0 ? 1 / 1.5 : 1.5;
       i.transition().duration(250).call(this.zoom.scaleBy, s);
-    }), i.call(this.zoom))), this.fullView();
+    }), i.call(this.zoom)), this.fullView();
   }
   componentDidUpdate(t) {
     const i = this.getSelection(), {
       zoomEnabled: o,
       initialPosition: s,
-      readyState: c,
-      height: d,
+      readyState: d,
+      height: f,
       width: h,
       selectedPoint: e,
-      projection: m,
-      editing: a
+      projection: a,
+      editing: l
     } = this.props;
     !this.initialized && this.props.readyToZoom && (this.fullView(), this.initialized = !0);
-    const l = JSON.stringify(t.initialPosition) !== JSON.stringify(s);
-    if (t.zoomEnabled !== o || l)
-      if (o && i || a) {
+    const m = JSON.stringify(t.initialPosition) !== JSON.stringify(s);
+    if (console.log("zoomChanged", m), t.zoomEnabled !== o || m && !l)
+      if (o && i || l) {
         if (s && this.lastInternalZoom) {
-          const r = (S, x = 3) => Number(S.toFixed(x)), { x: p, y: u, k: z } = s, { x: g, y: w, k: V } = this.lastInternalZoom;
-          if (Math.abs(r(p) - r(g)) < 1 && Math.abs(r(u) - r(w)) < 1 && Math.abs(r(z) - r(V)) < 1e-3) {
+          const n = (x, S = 3) => Number(x.toFixed(S)), { x: c, y: z, k: p } = s, { x: g, y: w, k: V } = this.lastInternalZoom;
+          if (Math.abs(n(c) - n(g)) < 1 && Math.abs(n(z) - n(w)) < 1 && Math.abs(n(p) - n(V)) < 1e-3) {
             this.lastInternalZoom = null;
             return;
           }
         }
         i.call(this.zoom).on(".zoom", this.zoom), this.transition2fullView();
       } else i && i.on(".zoom", null);
-    !t.readyState && c && this.fullView(), (t.height !== d || t.width !== h) && this.fullView(), e != t.selectedPoint && e && this.zoomTo(m([e.y, e.x]));
+    !t.readyState && d && this.fullView(), (t.height !== f || t.width !== h) && this.fullView(), e != t.selectedPoint && e && this.zoomTo(a([e.y, e.x]));
   }
   zoomed(t) {
     var o, s;
@@ -49,20 +49,20 @@ class T extends y.Component {
     i && (i.selectAll("g.zoomable").attr("transform", t.transform), (s = (o = this.props).onZoomed) == null || s.call(o, t.transform), this.props.editing && t.sourceEvent && (this.lastUserTransform = t.transform));
   }
   zoomEnd(t) {
-    var e, m;
-    const { identifier: i, editing: o, width: s, height: c, postMessageOrigin: d = "*" } = this.props, h = this.lastUserTransform || t.transform;
-    if (this.lastUserTransform = null, (m = (e = this.props).onZoomed) == null || m.call(e, h), o) {
-      const a = (g, w = 3) => Number(g.toFixed(w)), { x: l, y: r, k: p } = h, u = { x: a(l), y: a(r), k: a(p) };
-      this.lastInternalZoom = u;
-      const z = {
+    var e, a;
+    const { identifier: i, editing: o, width: s, height: d, postMessageOrigin: f = "*" } = this.props, h = this.lastUserTransform || t.transform;
+    if (this.lastUserTransform = null, (a = (e = this.props).onZoomed) == null || a.call(e, h), o) {
+      const l = (g, w = 3) => Number(g.toFixed(w)), { x: m, y: n, k: c } = h, z = { x: l(m), y: l(n), k: l(c) };
+      this.lastInternalZoom = z;
+      const p = {
         type: `d3_map_${i}`,
         value: {
-          ...u,
+          ...z,
           width: s,
-          height: c
+          height: d
         }
       };
-      window.parent.postMessage(z, d);
+      window.parent.postMessage(p, f);
     }
   }
   zoomIn() {
@@ -73,7 +73,7 @@ class T extends y.Component {
     }
   }
   zoomTo(t) {
-    const i = f.zoomIdentity.translate(this.props.width / 2, this.props.height / 2).scale(200).translate(-t[0], -t[1]), o = this.getSelection();
+    const i = u.zoomIdentity.translate(this.props.width / 2, this.props.height / 2).scale(200).translate(-t[0], -t[1]), o = this.getSelection();
     this.props.editing || this.props.transitionDuration, o.transition().duration(750).call(this.zoom.transform, i);
   }
   zoomOut() {
@@ -85,18 +85,18 @@ class T extends y.Component {
   }
   reset() {
     const t = this.getSelection();
-    t && (this.props.editing ? t.call(this.zoom.transform, f.zoomIdentity.translate(0, 0).scale(1)) : this.transition2fullView());
+    t && (this.props.editing ? t.call(this.zoom.transform, u.zoomIdentity.translate(0, 0).scale(1)) : this.transition2fullView());
   }
   getSelection() {
-    return f.select(this.zoomRef.current.parentNode.querySelector("svg"));
+    return u.select(this.zoomRef.current.parentNode.querySelector("svg"));
   }
   _fullView(t = !0) {
-    const { initialPosition: i, width: o, height: s, transform: c } = this.props;
+    const { initialPosition: i, width: o, height: s, transform: d } = this.props;
     if (!i) return;
-    const { x: d = 100, y: h = 23, k: e = 1, width: m, height: a } = i;
-    if (!m || !a || !e) return;
-    const l = this.getSelection();
-    l && (console.log("SVG parent client sizes:", l.node().parentNode.clientWidth, l.node().parentNode.clientHeight), l.transition().duration(t ? 750 : 0).attr("transform", c).call(this.zoom.transform, f.zoomIdentity.translate(d, h).scale(e)));
+    const { x: f = 100, y: h = 23, k: e = 1, width: a, height: l } = i;
+    if (!a || !l || !e) return;
+    const m = f + (o - a) / 2 * (1 - e), n = h + (s - l) / 2 * (1 - e), c = this.getSelection();
+    c && c.transition().duration(t ? 750 : 0).attr("transform", d).call(this.zoom.transform, u.zoomIdentity.translate(m, n).scale(e));
   }
   transition2fullView() {
     this._fullView(!0);
@@ -106,19 +106,19 @@ class T extends y.Component {
   }
   render() {
     const { editing: t, zoomEnabled: i = !0 } = this.props;
-    return /* @__PURE__ */ n("div", { ref: this.zoomRef, className: `zoom ${i ? "" : "disabled"}`, children: (t || i) && /* @__PURE__ */ I("div", { children: [
-      /* @__PURE__ */ n("div", { className: "button plus", onClick: this.zoomIn, children: /* @__PURE__ */ n(b, { name: "plus", size: "small" }) }),
-      /* @__PURE__ */ n("div", { className: "button minus", onClick: this.zoomOut, children: /* @__PURE__ */ n(b, { name: "minus", size: "small" }) }),
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ r("div", { ref: this.zoomRef, className: `zoom ignore ${i ? "" : "disabled"}`, children: (t || i) && /* @__PURE__ */ I("div", { children: [
+      /* @__PURE__ */ r("div", { className: "button plus", onClick: this.zoomIn, children: /* @__PURE__ */ r(b, { name: "plus", size: "small" }) }),
+      /* @__PURE__ */ r("div", { className: "button minus", onClick: this.zoomOut, children: /* @__PURE__ */ r(b, { name: "minus", size: "small" }) }),
+      /* @__PURE__ */ r(
         k,
         {
-          content: /* @__PURE__ */ n(N, { id: "map.reset.tooltip", defaultMessage: "Reset zoom" }),
-          trigger: /* @__PURE__ */ n("div", { className: "button reset", onClick: this.reset, children: /* @__PURE__ */ n(b, { name: "repeat", size: "small" }) })
+          content: /* @__PURE__ */ r(E, { id: "map.reset.tooltip", defaultMessage: "Reset zoom" }),
+          trigger: /* @__PURE__ */ r("div", { className: "button reset", onClick: this.reset, children: /* @__PURE__ */ r(b, { name: "repeat", size: "small" }) })
         }
       )
     ] }) });
   }
 }
 export {
-  T as default
+  O as default
 };

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

@@ -1,167 +1,185 @@
-import { jsx as n, jsxs as H } from "react/jsx-runtime";
-import { useState as l, useRef as h, useEffect as R } from "react";
-import { connect as K } from "react-redux";
-import { parse as i, compareJsonProps as E, decode as O } from "../utils/parseUtils.js";
-import Q from "./Map.js";
-import U from "./BaseLayer.js";
-import X from "./DataLayer.js";
-import Y from "./LatLongLayer.js";
-import _ from "./ZoomControl.js";
-import $ from "./ProjectedContainer.js";
-import oo from "./Legends.js";
-import eo from "./FlowLayer.js";
-const to = (L) => {
+import { jsx as i, jsxs as Q } from "react/jsx-runtime";
+import { useState as l, useRef as F, useEffect as C } from "react";
+import { connect as U } from "react-redux";
+import { parse as c, compareJsonProps as j, decode as X } from "../utils/parseUtils.js";
+import Y from "./Map.js";
+import _ from "./BaseLayer.js";
+import tt from "./DataLayer.js";
+import et from "./LatLongLayer.js";
+import ot from "./ZoomControl.js";
+import it from "./ProjectedContainer.js";
+import nt from "./Legends.js";
+import rt from "./FlowLayer.js";
+const at = (g) => {
   const {
     unique: d,
-    editing: a,
-    "data-identifier": M,
-    "data-group": m,
-    "data-layers": g = "[]",
+    editing: n,
+    "data-identifier": x,
+    "data-group": f,
+    "data-layers": h = "[]",
     "data-height": V = 400,
-    "data-width": C = 1e3,
-    "data-back-ground-color": T = "#88e8dc",
-    "data-map-position": P = "{}",
-    "data-projection": j = "geoMercator",
-    "data-zoom-enabled": k = !0,
+    "data-width": ct = 1e3,
+    "data-back-ground-color": k = "#88e8dc",
+    "data-map-position": w = "{}",
+    "data-projection": A = "geoMercator",
+    "data-zoom-enabled": I = !0,
     "data-rotation-enabled": z = !1,
-    "data-wait-for-filters": s = "false",
+    "data-wait-for-filters": m = "false",
     intl: p
-  } = L, [w, x] = l(i(P, a), []), [r, u] = l(i(g), []), S = h(null), c = h(null), [b, v] = l(null), [F, I] = l(null), [D, N] = l(null);
-  R(() => {
-    const o = i(P, a);
-    E(w, o) || x(o);
-  }, [P]), R(() => {
-    const o = i(g);
-    E(r, o) || u(o);
-  }, [g]);
-  const q = (o) => {
-    const t = r.slice(), e = t.find((f) => f.id == o);
-    e && (e.visible = !e.visible), u(t);
-  }, A = (o) => {
-    const t = r.slice(), e = t.find((f) => f.id == o);
-    e && (e.patternsVisible = e.patternsVisible == null ? !1 : !e.patternsVisible), u(t);
-  }, B = (o) => {
-    N(o);
-  }, J = (o) => {
-    const t = r.slice(), e = t.find((f) => f.id == o);
-    e && (e.colorLayerVisible = e.colorLayerVisible == null ? !1 : !e.colorLayerVisible), u(t);
-  }, [W, G] = l(!1), Z = h(0);
+  } = g, [R, Z] = l(null), v = R, E = Number(V), [P, N] = l(c(w, n), []), [r, b] = l(c(h), []), s = F(null);
+  C(() => {
+    if (!s.current) return;
+    const t = s.current.clientWidth;
+    t > 0 && Z(t);
+    let o = null;
+    const e = () => {
+      o && cancelAnimationFrame(o), o = requestAnimationFrame(() => {
+        if (!s.current) return;
+        const W = s.current.clientWidth;
+        W > 0 && Z(W);
+      });
+    }, a = new ResizeObserver(e);
+    return a.observe(s.current), () => {
+      a.disconnect(), o && cancelAnimationFrame(o);
+    };
+  }, []);
+  const u = F(null), [L, S] = l(null), [M, q] = l(null), [D, B] = l(null);
+  C(() => {
+    const t = c(w, n);
+    j(P, t) || N(t);
+  }, [w]), C(() => {
+    const t = c(h);
+    j(r, t) || b(t);
+  }, [h]);
+  const H = (t) => {
+    const o = r.slice(), e = o.find((a) => a.id == t);
+    e && (e.visible = !e.visible), b(o);
+  }, J = (t) => {
+    const o = r.slice(), e = o.find((a) => a.id == t);
+    e && (e.patternsVisible = e.patternsVisible == null ? !1 : !e.patternsVisible), b(o);
+  }, O = (t) => {
+    B(t);
+  }, $ = (t) => {
+    const o = r.slice(), e = o.find((a) => a.id == t);
+    e && (e.colorLayerVisible = e.colorLayerVisible == null ? !1 : !e.colorLayerVisible), b(o);
+  }, [G, K] = l(!1), T = F(0);
   r.length;
   const y = () => {
-    Z.current += 1, Z.current === r.length && G(!0);
+    T.current += 1, T.current >= r.length && K(!0);
   };
-  return /* @__PURE__ */ n("div", { ref: S, className: "d3map-container", children: /* @__PURE__ */ H(
-    $,
+  return R ? /* @__PURE__ */ i("div", { ref: s, className: "d3map-container", style: { width: "100%" }, children: /* @__PURE__ */ Q(
+    it,
     {
-      backgroundColor: O(T),
-      height: V,
-      width: C,
-      projectionName: j,
-      editing: a,
-      initialPosition: w,
+      backgroundColor: X(k),
+      height: E,
+      width: v,
+      projectionName: A,
+      editing: n,
+      initialPosition: P,
       children: [
-        /* @__PURE__ */ n(Q, { rotationEnabled: i(z, a), children: r.map((o, t) => {
-          if (o.type === "base")
-            return /* @__PURE__ */ n(
-              U,
+        /* @__PURE__ */ i(Y, { rotationEnabled: c(z, n), children: r.map((t, o) => {
+          if (t.type === "base")
+            return /* @__PURE__ */ i(
+              _,
               {
-                minLabelZoomVisible: o.minLabelZoomVisible,
+                minLabelZoomVisible: t.minLabelZoomVisible,
                 onReady: y,
-                transform: b,
+                transform: L,
                 intl: p,
-                zoom: c,
+                zoom: u,
                 unique: d,
-                ...o
+                ...t
               },
-              t
+              t.id
             );
-          if (o.type === "data")
-            return /* @__PURE__ */ n(
-              X,
+          if (t.type === "data")
+            return /* @__PURE__ */ i(
+              tt,
               {
-                minLabelZoomVisible: o.minLabelZoomVisible,
-                editing: a,
+                minLabelZoomVisible: t.minLabelZoomVisible,
+                editing: n,
                 onLayerCreated: (e) => {
                 },
                 onReady: y,
-                transform: b,
+                transform: L,
                 intl: p,
-                group: m,
-                zoom: c,
+                group: f,
+                zoom: u,
                 unique: d,
-                ...o,
-                settings: L.wordress,
-                togglePatterns: A,
-                initialPosition: w,
-                waitForFilters: s == "true" || s == !0
+                ...t,
+                settings: g.wordress,
+                togglePatterns: J,
+                initialPosition: P,
+                waitForFilters: m == "true" || m == !0
               },
-              t
+              t.id
             );
-          if (o.type === "flow")
-            return /* @__PURE__ */ n(
-              eo,
+          if (t.type === "flow")
+            return /* @__PURE__ */ i(
+              rt,
               {
                 onReady: y,
-                transform: b,
+                transform: L,
                 intl: p,
-                group: m,
-                zoom: c,
+                group: f,
+                zoom: u,
                 unique: d,
-                ...o,
-                waitForFilters: s == "true" || s == !0
+                ...t,
+                waitForFilters: m == "true" || m == !0
               },
-              t
+              t.id
             );
-          if (o.type === "dataPoints")
-            return /* @__PURE__ */ n(
-              Y,
+          if (t.type === "dataPoints")
+            return /* @__PURE__ */ i(
+              et,
               {
                 onReady: y,
-                onZoomToPoint: B,
-                selectedItem: F,
-                transform: b,
+                onZoomToPoint: O,
+                selectedItem: M,
+                transform: L,
                 intl: p,
-                group: m,
-                zoom: c,
+                group: f,
+                zoom: u,
                 unique: d,
-                ...o,
-                waitForFilters: s == "true" || s == !0
+                ...t,
+                waitForFilters: m == "true" || m == !0
               },
-              t
+              t.id
             );
         }) }),
-        /* @__PURE__ */ n(
-          oo,
+        /* @__PURE__ */ i(
+          nt,
           {
-            selectedItem: F,
-            d2Click: (o) => I(o),
+            selectedItem: M,
+            unique: d,
+            d2Click: (t) => q(t),
             patternsData: null,
             layers: r,
-            group: m,
-            onItemClick: q,
-            toggleColorLayer: J
+            group: f,
+            onItemClick: H,
+            toggleColorLayer: $
           }
         ),
-        /* @__PURE__ */ n(
-          _,
+        /* @__PURE__ */ i(
+          ot,
           {
-            readyToZoom: W,
+            readyToZoom: G,
             selectedPoint: D,
-            rootationEmabled: i(z, a),
-            zoomEnabled: i(k, a),
-            onZoomed: v,
-            width: C,
-            height: V,
-            ref: c,
-            group: m,
-            identifier: M,
-            editing: a
+            rootationEmabled: c(z, n),
+            zoomEnabled: c(I, n),
+            onZoomed: S,
+            width: v,
+            height: E,
+            ref: u,
+            group: f,
+            identifier: x,
+            editing: n
           }
         )
       ]
     }
-  ) });
-}, ao = (L, d) => ({}), ro = {}, go = K(ao, ro)(to);
+  ) }) : /* @__PURE__ */ i("div", { ref: s, className: "d3map-container", style: { width: "100%", height: `${V}px` } });
+}, st = (g, d) => ({}), lt = {}, Ft = U(st, lt)(at);
 export {
-  go as default
+  Ft as default
 };

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

@@ -1,40 +1,53 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import u from "react";
-import { connect as S } from "react-redux";
-import { injectIntl as C } from "react-intl";
-import { CategoriesContext as D } from "./DataContext.js";
-import { getCategories as v } from "../reducers/data.js";
-import { Container as h, Segment as l } from "semantic-ui-react";
-class x extends u.Component {
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import x from "react";
+import { connect as L } from "react-redux";
+import { injectIntl as J } from "react-intl";
+import { CategoriesContext as M } from "./DataContext.js";
+import { loadFilterItems as N, getCategories as T } from "../reducers/data.js";
+import { Container as D, Segment as v } from "semantic-ui-react";
+const j = ({ data: t, children: e }) => {
+  const o = x.useMemo(() => t ? t.toJS() : null, [t]);
+  return /* @__PURE__ */ r(M.Provider, { value: o, children: e });
+};
+class k extends x.Component {
   componentDidMount() {
-    const { categories: t } = this.props;
-    !t && !this.props.loading && this.props.onLoadData(this.props);
+    const { categories: e } = this.props;
+    !e && !this.props.loading && this.props.onLoadData(this.props);
   }
-  componentDidUpdate(t, s, n) {
-    const { app: e, filters: a, source: o, store: m, params: p, csv: d, group: g, editing: f } = this.props;
-    (a != t.filters || JSON.stringify(p) != JSON.stringify(t.params) || e != t.app || t.source != o || d != t.csv) && (e === "csv" ? this.props.onSetData({ app: e, csv: d, store: m, params: p, group: g }) : (f && (p.v = (Math.random() + 1).toString(36).substring(7)), this.setState({ showLoading: !1 }), this.props.onLoadData(this.props), setTimeout(this.checkLoadingTime, 100)));
+  componentDidUpdate(e, o, n) {
+    const { app: a, parentSelectedItems: p, filters: c, source: m, store: u, params: i, csv: l, group: s, editing: d } = this.props;
+    e.parentSelectedItems && p && p.length != e.parentSelectedItems.length && this.props.onReLoadItems(this.props), (c != e.filters || JSON.stringify(i) != JSON.stringify(e.params) || a != e.app || e.source != m || l != e.csv) && (a === "csv" ? this.props.onSetData({ app: a, csv: l, store: u, params: i, group: s }) : (d && (i.v = (Math.random() + 1).toString(36).substring(7)), this.setState({ showLoading: !1 }), this.props.onLoadData(this.props), setTimeout(this.checkLoadingTime, 100)));
   }
   render() {
-    const { data: t, loading: s, error: n } = this.props;
-    return s ? /* @__PURE__ */ r(h, {}) : t ? /* @__PURE__ */ r(D.Provider, { value: t.toJS(), children: this.props.children }) : n ? /* @__PURE__ */ c(l, { color: "red", children: [
+    const { data: e, loading: o, error: n } = this.props;
+    return o ? /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r("div", { className: "filter-skeleton-placeholder", children: /* @__PURE__ */ r("div", { className: "filter-skeleton-shimmer" }) }) }) : e ? /* @__PURE__ */ r(j, { data: e, children: this.props.children }) : n ? /* @__PURE__ */ C(v, { color: "red", children: [
       /* @__PURE__ */ r("h1", { children: "500" }),
       /* @__PURE__ */ r("p", { children: "Wasn't able to load data" })
-    ] }) : /* @__PURE__ */ r(h, { children: /* @__PURE__ */ c(l, { color: "red", children: [
+    ] }) : /* @__PURE__ */ r(D, { children: /* @__PURE__ */ C(v, { color: "red", children: [
       /* @__PURE__ */ r("h1", { children: "404" }),
       /* @__PURE__ */ r("p", { children: "Can't find this page" })
     ] }) });
   }
 }
-const I = (i, t) => {
-  const { app: s, params: n, dvzProxyDatasetId: e, uniqueStorage: a } = t, o = ["data", "categories", s];
-  return e && o.push(e), a && o.push(a), {
-    data: i.getIn([...o, "items"]),
-    error: i.getIn([...o, "error"]),
-    loading: i.getIn([...o, "loading"])
+const R = (t, e) => {
+  const { app: o, group: n, type: a, parentType: p, param: c, parentParam: m, params: u, dvzProxyDatasetId: i, uniqueStorage: l } = e, s = ["data", "categories", o];
+  i && s.push(i), l && s.push(l);
+  const d = t.getIn([...s, "items"]), h = d ? d.toJS() : [], y = t.getIn(["data", "filters", o, n, c]), g = h.filter((f) => f.type == a);
+  g && g.length > 0 && g[0].items;
+  let I = [], S = [];
+  return p && (I = h.filter((f) => f.type == p), S = t.getIn(["data", "filters", o, n, m])), {
+    parentSelectedItems: S,
+    selectedItems: y,
+    items: h,
+    parentItems: I,
+    data: t.getIn([...s, "items"]),
+    error: t.getIn([...s, "error"]),
+    loading: t.getIn([...s, "loading"])
   };
-}, L = {
-  onLoadData: v
-}, O = S(I, L)(C(x));
+}, b = {
+  onLoadData: T,
+  onReLoadItems: N
+}, U = L(R, b)(J(k));
 export {
-  O as default
+  U as default
 };

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

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import r from "react";
+import { DataContext as m } from "./DataContext.js";
+const c = (t) => /* @__PURE__ */ e(m.Consumer, { children: (n) => /* @__PURE__ */ e(r.Fragment, { children: r.Children.map(t.children, (o) => r.cloneElement(o, { data: n })) }) });
+export {
+  c as default
+};