@devgateway/dvz-ui-react 1.9.0 → 1.9.2

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

@@ -21,12 +21,12 @@ const Ja = [
   const {
     unique: c,
     editing: s,
-    "data-filters": k = "{}",
+    "data-filters": E = "{}",
     "data-app": i = "csv",
-    "data-csv": E = "",
+    "data-csv": k = "",
     "data-dimension1": M = "",
     "data-dimension2": P = "",
-    "data-measures": u = '["prevalenceSmokeAny"]',
+    "data-measures": u = "[]",
     "data-height": O = 600,
     width: V = 960,
     "data-data-source-text": W = "",
@@ -39,15 +39,15 @@ const Ja = [
     "data-map-file": J,
     "data-mapping-field": K = "zone",
     "data-map-label-field": q = "admin",
-    "data-has-multiple-measures": y = "false",
+    "data-has-multiple-measures": C = "false",
     topoJSONField: Y = "collection",
     "data-map-center": $ = "NGA",
     //country
-    "data-map-label-show-value": C = "false",
-    "data-show-tooltip": v = "true",
+    "data-map-label-show-value": y = "false",
+    "data-show-tooltip": F = "true",
     "data-measure-selector-label": Q = "",
     "data-value-format": X = "",
-    "data-show-overall-value": F = "false",
+    "data-show-overall-value": v = "false",
     "data-auto-generate-breaks": L = "false",
     "data-number-of-breaks": _ = 5,
     "data-scheme": aa = "reds",
@@ -74,10 +74,10 @@ const Ja = [
  {label}: %({value},2)`,
     "data-show-no-data-tooltip": I = "false",
     "data-map-container-bg-color": ha = "#fff",
-    "data-map-position": ya = "{}",
-    "data-main-layer-id": Ca = "",
-    "data-enabled-layers": va,
-    "data-point-label-color": Fa = "#fff",
+    "data-map-position": Ca = "{}",
+    "data-main-layer-id": ya = "",
+    "data-enabled-layers": Fa,
+    "data-point-label-color": va = "#fff",
     "data-point-label-format": La = "{locationName} %({value},2)",
     "data-show-no-data-legend-item": N = !1,
     "data-highlighted-loc-label-format": wa = "{locationName} - Score: #({value},2)",
@@ -91,9 +91,9 @@ const Ja = [
     "data-no-data-text": za = "No Data",
     "data-labels-exclusion-list": Ta = "",
     "data-custom-measure-labels": xa = "{}",
-    "data-show-shading-layer-labels": Aa = "ifUnitHasData",
+    "data-show-shading-layer-labels": Ua = "ifUnitHasData",
     "data-dvz-proxy-dataset-id": f,
-    "data-recently-toggled-layer-id": Ua = null,
+    "data-recently-toggled-layer-id": Aa = null,
     intl: Xa,
     settings: _a
   } = n, Ba = (a) => s ? a : decodeURIComponent(a), o = (a) => {
@@ -107,22 +107,22 @@ const Ja = [
   }, Ra = (a) => {
     let t = o(a) || [];
     return t = t.map((e) => (e.min && (e.min = parseFloat(e.min)), e.max && (e.max = parseFloat(e.max)), e.color = decodeURIComponent(e.color), e)), t;
-  }, ka = (a) => {
+  }, Ea = (a) => {
     const t = o(a) || [];
     let e = {};
     return t && t.forEach ? t.forEach((m) => {
       m.value != null && m.value.filter((R) => R != null && R.toString().trim() != "").length > 0 && (e[m.param] = m.value);
     }) : e = t, e;
-  }, Ea = {
+  }, ka = {
     style: p === "compacted" ? "decimal" : p,
     notation: p === "compacted" ? "compact" : "standard",
     currency: da,
     minimumFractionDigits: parseInt(D),
     maximumFractionDigits: parseInt(D)
   };
-  let g = o(va) || [];
+  let g = o(Fa) || [];
   g = g.map((a) => (a.bgColor = decodeURIComponent(a.bgColor), a.fontColor = decodeURIComponent(a.fontColor), a));
-  const x = Ja.find((a) => a.value === $), A = y == !0 || y == "true";
+  const x = Ja.find((a) => a.value === $), U = C == !0 || C == "true";
   let l = [M, P].filter((a) => a != "none" && a != null).join("/");
   const d = {
     unique: c,
@@ -143,11 +143,11 @@ const Ja = [
     mapLabelField: q,
     zoomEnabled: b == !0 || b == "true",
     showLegendLabels: h == !0 || h == "true",
-    multipleMeasures: A,
+    multipleMeasures: U,
     app: i,
-    mapLabelShowValue: C == !0 || C == "true",
-    showTooltip: v == !0 || v == "true",
-    showOverallValue: F == !0 || F == "true",
+    mapLabelShowValue: y == !0 || y == "true",
+    showTooltip: F == !0 || F == "true",
+    showOverallValue: v == !0 || v == "true",
     measureSelectorLabel: Q,
     valueFormat: X,
     autoGenerateBreaks: L == !0 || L == "true",
@@ -163,7 +163,7 @@ const Ja = [
     legendFontSize: na,
     legendFontWeight: sa,
     customTooltips: o(ia) || [],
-    format: Ea,
+    format: ka,
     tooltipFontSize: ma,
     showAdminUnitLabel: ca,
     mapNoDataColor: decodeURIComponent(ua),
@@ -174,10 +174,10 @@ const Ja = [
     showNoDataTooltip: I == !0 || I == "true",
     fields: l.split("/"),
     mapContainerBgColor: decodeURIComponent(ha),
-    mapPosition: o(ya),
-    mainLayerId: Ca,
+    mapPosition: o(Ca),
+    mainLayerId: ya,
     enabledLayers: g,
-    pointLabelColor: decodeURIComponent(Fa),
+    pointLabelColor: decodeURIComponent(va),
     pointLabelFormat: La,
     showNoDataLegendItem: N == !0 || N == "true",
     highlightedLocLabelFormat: wa,
@@ -188,21 +188,21 @@ const Ja = [
     zoomOnFilterField: Na,
     noDataText: za,
     labelsExclusionList: Ta.split(",").map((a) => a.trim()),
-    showShadingLayerLabels: Aa,
+    showShadingLayerLabels: Ua,
     dvzProxyDatasetId: f,
-    recentlyToggledLayerId: Ua
+    recentlyToggledLayerId: Aa
   };
   if (d.recentlyToggledLayerId) {
     const a = d.enabledLayers.find((t) => String(t.id) === String(d.recentlyToggledLayerId));
     a && (a != null && a.apiField) && (l = (B = a.apiField) == null ? void 0 : B.toLowerCase());
   }
-  const Ma = o(xa) || {}, Pa = i === "csv" ? Ha : Za, Oa = s ? (o(u) || []).join(",") : u, U = ka(k);
-  return f && (U.dvzProxyDatasetId = f), /* @__PURE__ */ r(
+  const Ma = o(xa) || {}, Pa = i === "csv" ? Ha : Za, Oa = s ? (o(u) || []).join(",") : u, A = Ea(E);
+  return f && (A.dvzProxyDatasetId = f), /* @__PURE__ */ r(
     Wa,
     {
-      params: U,
+      params: A,
       app: i,
-      csv: decodeURIComponent(E),
+      csv: decodeURIComponent(k),
       group: S,
       editing: s,
       store: [i, c, ...l.split("/")],
@@ -211,7 +211,7 @@ const Ja = [
         Pa,
         {
           measures: Oa,
-          multipleMeasures: A,
+          multipleMeasures: U,
           mapType: z,
           aggregationFormula: Da,
           customMeasureLabels: Ma,

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

@@ -1,45 +1,45 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import "react";
-import { Input as f, Button as v, Message as c } from "semantic-ui-react";
+import { Input as p, Button as v, Message as c } from "semantic-ui-react";
 import { connect as x } from "react-redux";
 import { setEmail as S, newsletterSubscription as C } from "../reducers/embeddable.js";
 const I = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/, P = (e) => {
-  const a = () => {
-    const { email: s, list: i, tag: b } = e;
-    e.onSubmit({ email: s, list: i, tag: b });
+  const i = () => {
+    const s = e["data-list"], n = e["data-tag"], { email: f } = e;
+    e.onSubmit({ email: f, list: s, tag: n });
   }, {
     status: l,
     editing: o,
-    list: k,
-    placeholder: d = "enter your email address",
-    successmessage: u = "Thanks",
-    failuremessage: g = "Something didn't go well",
-    label: p = "Send",
-    tag: y,
+    "data-list": k,
+    "data-placeholder": d = "enter your email address",
+    "data-success-message": u = "Thanks",
+    "data-failure-message": g = "Something didn't go well",
+    "data-label": h = "Send",
+    "data-tag": y,
     email: r,
-    onChange: h
+    onChange: w
   } = e;
-  let n = "";
-  (l === "OK" || o) && (n = /* @__PURE__ */ t(c, { success: !0, children: /* @__PURE__ */ t("p", { children: u }) })), (l === "ERROR" || o) && (n = /* @__PURE__ */ t(c, { negative: !0, children: /* @__PURE__ */ t("p", { children: g }) }));
-  const w = I.test(r);
+  let a = "";
+  (l === "OK" || o) && (a = /* @__PURE__ */ t(c, { success: !0, children: /* @__PURE__ */ t("p", { children: u }) })), (l === "ERROR" || o) && (a = /* @__PURE__ */ t(c, { negative: !0, children: /* @__PURE__ */ t("p", { children: g }) }));
+  const b = I.test(r);
   return /* @__PURE__ */ m("div", { className: "viz newsLetter", children: [
     /* @__PURE__ */ m("div", { className: "viz newsLetter form", children: [
       /* @__PURE__ */ t(
-        f,
+        p,
         {
           icon: "envelope",
           name: "email",
           value: r,
-          onChange: (s, i) => h(i.value),
+          onChange: (s, n) => w(n.value),
           iconPosition: "left",
           placeholder: d
         }
       ),
-      /* @__PURE__ */ t(v, { disabled: !w, primary: !0, onClick: (s) => a(), children: p })
+      /* @__PURE__ */ t(v, { disabled: !b, primary: !0, onClick: (s) => i(), children: h })
     ] }),
-    n
+    a
   ] });
-}, R = (e, a) => ({
+}, R = (e, i) => ({
   status: e.getIn(["embeddable", "newsletter", "status"]),
   email: e.getIn(["embeddable", "newsletter", "email"])
 }), j = {

package/dist/esm/embeddable/pagemodules/FloatingNavigator.js

@@ -1,30 +1,29 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import "react";
-import { Menu as i, Image as a, Label as m } from "semantic-ui-react";
-function d(t) {
+import { Menu as c, Image as a, Label as m } from "semantic-ui-react";
+import { decode as d } from "html-entities";
+function f(t) {
   const r = () => 10, o = t ? document.getElementById(t) : null;
   if (o) {
-    const c = o.getBoundingClientRect().top + window.pageYOffset;
+    const i = o.getBoundingClientRect().top + window.pageYOffset;
     window.scroll({
-      top: c - r(),
+      top: i - r(),
       behavior: "smooth"
     });
   }
 }
-const f = function(t) {
-  return t ? t.toString().replace(/&#(\d+);/g, function(r, o) {
-    return String.fromCharCode(o);
-  }) : "";
-}, g = (t) => {
-  const { contextRef: r, sections: o = [], navTitle: c, toTopLabel: s } = t;
-  return /* @__PURE__ */ n("div", { className: "left navigator", children: /* @__PURE__ */ l(i, { vertical: !0, children: [
-    /* @__PURE__ */ n(i.Item, { header: !0, children: c }),
-    o.map((e) => /* @__PURE__ */ l(i.Item, { active: e.active, onClick: () => d(e.id), children: [
+const s = function(t) {
+  return t ? d(t.toString()) : "";
+}, b = (t) => {
+  const { contextRef: r, sections: o = [], navTitle: i, toTopLabel: p } = t;
+  return /* @__PURE__ */ n("div", { className: "left navigator", children: /* @__PURE__ */ l(c, { vertical: !0, children: [
+    /* @__PURE__ */ n(c.Item, { header: !0, children: i }),
+    o.map((e) => /* @__PURE__ */ l(c.Item, { active: e.active, onClick: () => f(e.id), children: [
       e.iconComponent ? e.iconComponent : /* @__PURE__ */ n(a, { src: e.icon }),
-      /* @__PURE__ */ n(m, { basic: !0, children: f(e.label) })
+      /* @__PURE__ */ n(m, { basic: !0, children: s(e.label) })
     ] }, e.label))
   ] }) });
 };
 export {
-  g as default
+  b as default
 };

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

@@ -1,40 +1,39 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import { Menu as g, Image as x, Container as b } from "semantic-ui-react";
 import { InView as M } from "react-intersection-observer";
-import T, { useEffect as N, useState as S, useCallback as I } from "react";
+import T, { useEffect as N, useState as I, useCallback as S } from "react";
 import { PageProvider as w, PageConsumer as k, MediaProvider as _, MediaConsumer as p, PostContent as y } from "@devgateway/wp-react-lib";
 import { injectIntl as H } from "react-intl";
 import { connect as L } from "react-redux";
 import { setPageModuleProps as $ } from "../reducers/data.js";
 import j from "./FloatingNavigator.js";
+import { decode as E } from "html-entities";
 const P = function(e) {
-  return e ? e.toString().replace(/&#(\d+);/g, function(n, r) {
-    return String.fromCharCode(r);
-  }) : "";
-}, E = ({ title: e, subtitle: n, icon: r, media: o }) => /* @__PURE__ */ f(g, { className: "header title", text: !0, children: [
+  return e ? E(e.toString()) : "";
+}, O = ({ title: e, subtitle: o, icon: r, media: n }) => /* @__PURE__ */ f(g, { className: "header title", text: !0, children: [
   /* @__PURE__ */ t(g.Item, { children: /* @__PURE__ */ t(
     x,
     {
-      src: o && o.guid ? o.guid.rendered : r,
-      alt: o && o.alt_text ? o.alt_text : ""
+      src: n && n.guid ? n.guid.rendered : r,
+      alt: n && n.alt_text ? n.alt_text : ""
     }
   ) }),
   /* @__PURE__ */ t(g.Header, { children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ f("h2", { className: "page-module-title", children: [
     e,
-    /* @__PURE__ */ t("span", { style: { display: "block" }, className: "page-module-subtitle", children: n })
+    /* @__PURE__ */ t("span", { style: { display: "block" }, className: "page-module-subtitle", children: o })
   ] }) }) })
-] }), O = (e) => {
-  var n;
-  return /* @__PURE__ */ t("img", { src: (n = e.media) != null && n.guid ? e.media.guid.rendered : null, alt: "" });
-}, R = ({ page: e, locale: n }) => {
+] }), R = (e) => {
+  var o;
+  return /* @__PURE__ */ t("img", { src: (o = e.media) != null && o.guid ? e.media.guid.rendered : null, alt: "" });
+}, q = ({ page: e, locale: o }) => {
   var r;
   return /* @__PURE__ */ f(b, { fluid: !0, className: `section ${e.slug}`, id: e.id, children: [
     /* @__PURE__ */ t("div", { id: `${e.slug}` }),
-    /* @__PURE__ */ t(_, { id: (r = e.meta_fields) != null && r.icon ? e.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(E, { title: P(e.title.rendered), subtitle: P(e.meta_fields.subtitle) }) }) }),
+    /* @__PURE__ */ t(_, { id: (r = e.meta_fields) != null && r.icon ? e.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(O, { title: P(e.title.rendered), subtitle: P(e.meta_fields.subtitle) }) }) }),
     e && /* @__PURE__ */ t(y, { as: b, fluid: !0, post: e })
   ] });
-}, q = ({ pages: e, locale: n, editing: r, navTitle: o, toTopLabel: l }) => {
-  const [s, d] = S([]), c = I((i, {
+}, D = ({ pages: e, locale: o, editing: r, navTitle: n, toTopLabel: l }) => {
+  const [c, d] = I([]), s = S((i, {
     direction: a = "down",
     onScreen: h
   }) => {
@@ -42,87 +41,87 @@ const P = function(e) {
   }, []), m = e ? e.sort((i, a) => i.menu_order - a.menu_order) : [], v = m.map((i) => {
     var a;
     return {
-      active: s.includes(i.id),
+      active: c.includes(i.id),
       id: i.id,
-      label: i.meta_fields.label ? i.meta_fields.label : i.title.rendered,
-      iconComponent: /* @__PURE__ */ t(_, { id: (a = i.meta_fields) != null && a.icon ? i.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(O, {}) }) })
+      label: P(i.meta_fields.label ? i.meta_fields.label : i.title.rendered),
+      iconComponent: /* @__PURE__ */ t(_, { id: (a = i.meta_fields) != null && a.icon ? i.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(R, {}) }) })
     };
   });
   return /* @__PURE__ */ f(T.Fragment, { children: [
-    !r && /* @__PURE__ */ t(j, { navTitle: o, toTopLabel: l, sections: v }),
+    !r && /* @__PURE__ */ t(j, { navTitle: n, toTopLabel: l, sections: v }),
     /* @__PURE__ */ t("div", { className: "pages", children: m.map((i) => /* @__PURE__ */ t(
       M,
       {
         as: "div",
-        onChange: (a, h) => c(i.id, {
+        onChange: (a, h) => s(i.id, {
           onScreen: a,
           direction: h.boundingClientRect.top < 0 ? "up" : "down"
         }),
         children: /* @__PURE__ */ t(
-          R,
+          q,
           {
-            locale: n,
+            locale: o,
             page: i,
-            onVisibilityUpdate: c
+            onVisibilityUpdate: s
           }
         )
       },
       i.id
     )) })
   ] });
-}, D = (e) => {
+}, V = (e) => {
   const {
-    navTitle: n,
+    navTitle: o,
     toTopLabel: r,
-    editing: o,
+    editing: n,
     parent: l,
-    unique: s,
+    unique: c,
     locale: d,
-    onLoadPageModule: c
+    onLoadPageModule: s
   } = e;
   return N(() => {
-    c({ data: e });
+    s({ data: e });
   }, [e]), /* @__PURE__ */ t(b, { className: "viz dashboard green", fluid: !0, children: e.parent && /* @__PURE__ */ t(
     w,
     {
       locale: d,
       parent: e.parent,
-      store: `modules_${l}_${s}`,
+      store: `modules_${l}_${c}`,
       perPage: 100,
       children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
-        q,
+        D,
         {
           toTopLabel: r,
-          navTitle: n,
-          editing: o === "true",
+          navTitle: o,
+          editing: n === "true",
           locale: d
         }
       ) })
     }
   ) });
-}, V = (e, n) => {
+}, z = (e, o) => {
   let {
     "data-nav-label": r = "Sections",
-    "data-to-top-label": o = "TO THE TOP",
+    "data-to-top-label": n = "TO THE TOP",
     "data-preview-mode": l = "Desktop",
-    editing: s,
+    editing: c,
     parent: d,
-    unique: c,
+    unique: s,
     intl: { locale: m }
-  } = n;
+  } = o;
   return l === "undefined" && (l = "Desktop"), {
     navTitle: r,
-    toTopLabel: o,
+    toTopLabel: n,
     previewMode: l,
-    editing: s,
+    editing: c,
     parent: d,
-    unique: c,
+    unique: s,
     locale: m
   };
-}, z = {
+}, A = {
   onLoadPageModule: $
-}, X = L(V, z)(H(D));
+}, Z = L(z, A)(H(V));
 export {
-  E as SectionHeader,
-  X as default
+  O as SectionHeader,
+  Z as default
 };