@devgateway/dvz-ui-react 1.9.11 → 1.9.13

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

@@ -1,13 +1,13 @@
 import { jsx as c } from "react/jsx-runtime";
-import { useMemo as Qe, useEffect as Xe } from "react";
-import { connect as ea, useDispatch as aa, useSelector as oa } from "react-redux";
-import ta from "../data/DataProvider.js";
-import la from "../data/DataConsumer.js";
-import { getCategories as ra } from "../reducers/data.js";
-import na from "./map.js";
-import sa from "./MapDataFrame.js";
-import ia from "./MapCSVDataFrame.js";
-const da = [
+import { useMemo as Xe, useEffect as ea } from "react";
+import { connect as aa, useDispatch as oa, useSelector as ta } from "react-redux";
+import la from "../data/DataProvider.js";
+import ra from "../data/DataConsumer.js";
+import { getCategories as na } from "../reducers/data.js";
+import sa from "./map.js";
+import ia from "./MapDataFrame.js";
+import da from "./MapCSVDataFrame.js";
+const ma = [
   { label: "KENYA", value: "KEN", center: [35.8166634, 0.1], scale: 2e3 },
   { label: "Nigeria", value: "NGA", center: [7.491302, 9.072264], scale: 2e3 },
   { label: "South Africa", value: "ZAF", center: [24.676997, -28.48322], scale: 2e3 },
@@ -17,16 +17,16 @@ const da = [
   { label: "Zambia", value: "ZMB", center: [26.459455, -14.668135], scale: 2e3 },
   { label: "Democratic Republic of the Congo", value: "DRC", center: [23.174338, -5.837475], scale: 1250 },
   { label: "World", value: "World", center: [0, 20.050043], scale: 150 }
-], ma = (s) => /* @__PURE__ */ c(ca, { ...s }), ca = (s) => {
-  var V;
+], ca = (s) => /* @__PURE__ */ c(ua, { ...s }), ua = (s) => {
+  var O;
   const {
     unique: f,
     editing: u,
-    "data-filters": W = "{}",
+    "data-filters": J = "{}",
     "data-app": t = "csv",
-    "data-csv": G = "",
-    "data-dimension1": J = "",
-    "data-dimension2": Z = "",
+    "data-csv": Z = "",
+    "data-dimension1": L = "",
+    "data-dimension2": w = "",
     "data-dimension3": g = "",
     "data-extra-tooltip-columns": _ = "[]",
     "data-measures": h = "[]",
@@ -37,35 +37,35 @@ const da = [
     "data-national-average-label": q = "National Average",
     "data-legend-title": Y = "Legend Title",
     "data-legend-breaks": Q = "[]",
-    "data-zoom-enabled": y = !1,
-    "data-show-legend-labels": L = !1,
+    "data-zoom-enabled": F = !1,
+    "data-show-legend-labels": S = !1,
     "data-map-file": X,
     "data-mapping-field": ee = "zone",
     "data-map-label-field": ae = "admin",
-    "data-has-multiple-measures": w = "false",
+    "data-has-multiple-measures": D = "false",
     topoJSONField: oe = "collection",
     "data-map-center": te = "NGA",
     //country
-    "data-map-label-show-value": F = "false",
-    "data-show-tooltip": S = "true",
+    "data-map-label-show-value": I = "false",
+    "data-show-tooltip": N = "true",
     "data-measure-selector-label": le = "",
     "data-value-format": re = "",
-    "data-show-overall-value": D = "false",
-    "data-auto-generate-breaks": I = "false",
+    "data-show-overall-value": z = "false",
+    "data-auto-generate-breaks": T = "false",
     "data-number-of-breaks": ne = 5,
     "data-scheme": se = "reds",
-    "data-show-no-data-label": N = "false",
-    "data-group": z = "default",
+    "data-show-no-data-label": x = "false",
+    "data-group": A = "default",
     "data-map-symbols": ie = "[]",
     "data-tooltip-theme": de = "map-tooltip-dark",
-    "data-label-font-size": me = 12,
+    "data-label-font-size": me = 14,
     "data-label-font-weight": ce = "normal",
     "data-label-font-color": ue = "#595959",
     "data-legend-font-size": pe = 12,
     "data-legend-font-weight": fe = "normal",
     "data-custom-tooltips": ge = "[]",
     "data-format-style": b = "decimal",
-    "data-decimals": T = "2",
+    "data-decimals": B = "2",
     "data-currency": he = "",
     "data-tooltip-font-size": be = 14,
     "data-show-admin-unit-label": Ce = "showAll",
@@ -75,21 +75,21 @@ const da = [
     "data-highlighted-location": we = "",
     "data-tooltip-format": Fe = `{locationName} %({value},2) 
  {label}: %({value},2)`,
-    "data-show-no-data-tooltip": x = "false",
+    "data-show-no-data-tooltip": U = "false",
     "data-map-container-bg-color": Se = "#fff",
     "data-map-position": De = "{}",
     "data-main-layer-id": Ie = "",
     "data-enabled-layers": Ne,
     "data-point-label-color": ze = "#fff",
     "data-point-label-format": Te = "{locationName} %({value},2)",
-    "data-show-no-data-legend-item": A = !1,
+    "data-show-no-data-legend-item": P = !1,
     "data-highlighted-loc-label-format": xe = "{locationName} - Score: #({value},2)",
-    "data-enable-summary-view": fa = "false",
-    "data-map-type": B = "DEFAULT",
+    "data-enable-summary-view": ga = "false",
+    "data-map-type": R = "DEFAULT",
     "data-default-point-color": Ae = "#FFFF00",
     "data-aggregation-formula": Be = "COUNT",
     "data-zoom-level-to-show-points": Ue = 2,
-    "data-zoom-on-filter": U = "false",
+    "data-zoom-on-filter": E = "false",
     "data-zoom-on-filter-field": Pe = "",
     "data-no-data-text": Re = "No Data",
     "data-labels-exclusion-list": Ee = "",
@@ -97,16 +97,16 @@ const da = [
     "data-show-shading-layer-labels": Ve = "ifUnitHasData",
     "data-dvz-proxy-dataset-id": n,
     "data-recently-toggled-layer-id": ke = null,
-    intl: ga,
-    settings: ha
+    intl: ha,
+    settings: ba
   } = s;
   console.log("MapWrapper props", s);
-  const Oe = (e) => u ? e : decodeURIComponent(e), P = (e) => e == null ? "" : String(e).trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, ""), We = (e, a) => {
+  const Oe = (e) => u ? e : decodeURIComponent(e), M = (e) => e == null ? "" : String(e).trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, ""), We = (e, a) => {
     if (!e || !a)
       return;
     if (Object.prototype.hasOwnProperty.call(e, a))
       return e[a];
-    const o = P(a), r = Object.keys(e).find((k) => P(k) === o);
+    const o = M(a), r = Object.keys(e).find((W) => M(W) === o);
     return r ? e[r] : void 0;
   }, l = (e) => {
     try {
@@ -123,25 +123,25 @@ const da = [
     const a = l(e) || [];
     let o = {};
     return a && a.forEach ? a.forEach((r) => {
-      (Array.isArray(r.value) ? r.value : [r.value]).filter((O) => O != null && O.toString().trim() != "").length > 0 && (o[r.param] = r.value);
+      (Array.isArray(r.value) ? r.value : [r.value]).filter((G) => G != null && G.toString().trim() != "").length > 0 && (o[r.param] = r.value);
     }) : o = a, o;
   }, Ze = {
     style: b === "compacted" ? "decimal" : b,
     notation: b === "compacted" ? "compact" : "standard",
     currency: he,
-    minimumFractionDigits: parseInt(T),
-    maximumFractionDigits: parseInt(T)
+    minimumFractionDigits: parseInt(B),
+    maximumFractionDigits: parseInt(B)
   };
   let C = l(Ne) || [];
   C = C.map((e) => (e.bgColor = decodeURIComponent(e.bgColor), e.fontColor = decodeURIComponent(e.fontColor), e));
-  const R = da.find((e) => e.value === te), E = w == !0 || w == "true";
-  let i = [J, Z].filter((e) => e !== "none" && e !== null).join("/");
-  const d = g && g !== "none" ? g : null, p = {
+  const v = ma.find((e) => e.value === te), V = D == !0 || D == "true";
+  let i = [L, w].filter((e) => e !== "none" && e !== null).join("/");
+  const d = g && g !== "none" ? g : null, _e = v ? v.scale : 2e3, p = {
     unique: f,
     editing: u,
     source: `/${X}`,
-    center: R.center,
-    scale: R.scale,
+    center: v.center,
+    scale: _e,
     measures: h,
     legendTitle: Y,
     height: j,
@@ -153,20 +153,20 @@ const da = [
     nationalAverageLabel: q,
     legendBreaks: Ge(Q),
     mapLabelField: ae,
-    zoomEnabled: y == !0 || y == "true",
-    showLegendLabels: L == !0 || L == "true",
-    multipleMeasures: E,
+    zoomEnabled: F == !0 || F == "true",
+    showLegendLabels: S == !0 || S == "true",
+    multipleMeasures: V,
     app: t,
-    mapLabelShowValue: F == !0 || F == "true",
-    showTooltip: S == !0 || S == "true",
-    showOverallValue: D == !0 || D == "true",
+    mapLabelShowValue: I == !0 || I == "true",
+    showTooltip: N == !0 || N == "true",
+    showOverallValue: z == !0 || z == "true",
     measureSelectorLabel: le,
     valueFormat: re,
-    autoGenerateBreaks: I == !0 || I == "true",
-    showNoDataLabel: N == !0 || N == "true",
+    autoGenerateBreaks: T == !0 || T == "true",
+    showNoDataLabel: x == !0 || x == "true",
     numberOfBreaks: ne,
     colorScheme: se,
-    group: z,
+    group: A,
     symbols: l(ie) || [],
     tooltipTheme: de,
     labelFontSize: me,
@@ -183,7 +183,7 @@ const da = [
     mapFocusBoundaryColor: decodeURIComponent(Le),
     highlightedLocation: we,
     tooltipFormat: Fe,
-    showNoDataTooltip: x == !0 || x == "true",
+    showNoDataTooltip: U == !0 || U == "true",
     fields: i.split("/"),
     mapContainerBgColor: decodeURIComponent(Se),
     mapPosition: l(De),
@@ -191,12 +191,12 @@ const da = [
     enabledLayers: C,
     pointLabelColor: decodeURIComponent(ze),
     pointLabelFormat: Te,
-    showNoDataLegendItem: A == !0 || A == "true",
+    showNoDataLegendItem: P == !0 || P == "true",
     highlightedLocLabelFormat: xe,
-    mapType: B,
+    mapType: R,
     defaultPointColor: decodeURIComponent(Ae),
     zoomLevelToShowPoints: Ue,
-    zoomOnFilter: U == !0 || U == "true",
+    zoomOnFilter: E == !0 || E == "true",
     zoomOnFilterField: Pe,
     noDataText: Re,
     labelsExclusionList: Ee.split(",").map((e) => e.trim()),
@@ -206,46 +206,46 @@ const da = [
   };
   if (p.recentlyToggledLayerId) {
     const e = p.enabledLayers.find((a) => String(a.id) === String(p.recentlyToggledLayerId));
-    e && (e != null && e.apiField) && (i = (V = e.apiField) == null ? void 0 : V.toLowerCase());
+    e && (e != null && e.apiField) && (i = (O = e.apiField) == null ? void 0 : O.toLowerCase());
   }
-  const _e = l(Me) || {}, je = t === "csv" ? ia : sa, He = u ? (l(h) || []).join(",") : h, m = Je(W);
+  const je = l(Me) || {}, He = t === "csv" ? da : ia, Ke = u ? (l(h) || []).join(",") : h, m = Je(J);
   if (d) {
     const e = We(m, d);
     e != null && e !== "" && (m[d] = e);
   }
-  const Ke = (l(_) || []).filter((e) => e && e !== "none"), M = Array.from(new Set([d, ...Ke].filter(Boolean)));
-  M.length > 0 && (m.includeColumns = M.join(",")), n && (m.dvzProxyDatasetId = n);
-  const $e = aa(), qe = ["data", "categories", t, ...n ? [n] : [], "items"], v = oa((e) => e.getIn(qe)), Ye = Qe(() => v ? v.toJS() : [], [v]);
-  return Xe(() => {
-    t && t !== "csv" && $e(ra({ app: t, dvzProxyDatasetId: n }));
+  const $e = (l(_) || []).filter((e) => e && e !== "none" && e !== L && e !== w), k = Array.from(new Set([d, ...$e].filter(Boolean)));
+  k.length > 0 && (m.includeColumns = k.join(",")), n && (m.dvzProxyDatasetId = n);
+  const qe = oa(), Ye = ["data", "categories", t, ...n ? [n] : [], "items"], y = ta((e) => e.getIn(Ye)), Qe = Xe(() => y ? y.toJS() : [], [y]);
+  return ea(() => {
+    t && t !== "csv" && qe(na({ app: t, dvzProxyDatasetId: n }));
   }, [t, n]), /* @__PURE__ */ c(
-    ta,
+    la,
     {
       params: m,
       app: t,
-      csv: decodeURIComponent(G),
-      group: z,
+      csv: decodeURIComponent(Z),
+      group: A,
       editing: u,
       store: [t, f, ...i.split("/")],
       source: i,
-      children: /* @__PURE__ */ c(la, { children: /* @__PURE__ */ c(
-        je,
+      children: /* @__PURE__ */ c(ra, { children: /* @__PURE__ */ c(
+        He,
         {
-          measures: He,
-          multipleMeasures: E,
-          mapType: B,
+          measures: Ke,
+          multipleMeasures: V,
+          mapType: R,
           aggregationFormula: Be,
-          customMeasureLabels: _e,
+          customMeasureLabels: je,
           source: i,
           extraDimension: d,
-          allDimensions: Ye,
-          children: /* @__PURE__ */ c(na, { ...p })
+          allDimensions: Qe,
+          children: /* @__PURE__ */ c(sa, { ...p })
         }
       ) })
     }
   );
-}, ua = (s, f) => {
-}, pa = {}, za = ea(ua, pa)(ma);
+}, pa = (s, f) => {
+}, fa = {}, Ta = aa(pa, fa)(ca);
 export {
-  za as default
+  Ta as default
 };