@devgateway/dvz-ui-react 1.8.8 → 1.9.0

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

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

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

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

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

@@ -1,10 +1,14 @@
-import { jsx as t } from "react/jsx-runtime";
-import r from "react";
-import { DataContext as m } from "./DataContext.js";
-const c = (n) => /* @__PURE__ */ t(m.Consumer, { children: (e) => e && /* @__PURE__ */ t(r.Fragment, { children: r.Children.map(n.children, (o) => r.cloneElement(
-  o,
-  { data: e }
-)) }) });
+import { jsx as a } from "react/jsx-runtime";
+import t from "react";
+import { DataContext as o } from "./DataContext.js";
+const l = () => t.useContext(o), m = ({ children: n }) => {
+  const e = t.useContext(o);
+  return e ? /* @__PURE__ */ a(t.Fragment, { children: t.Children.map(
+    n,
+    (r) => t.cloneElement(r, { data: e })
+  ) }) : null;
+}, C = t.memo(m);
 export {
-  c as default
+  C as default,
+  l as useDataContext
 };