@devgateway/dvz-ui-react 1.0.0

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

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as i, Fragment as T } from "react/jsx-runtime";
+import v, { useState as p, useEffect as x } from "react";
+import { Container as h, Grid as y, Label as R } from "semantic-ui-react";
+import { PostProvider as _, PostConsumer as M, MediaProvider as S, MediaConsumer as B, PostIcon as L, utils as N } from "@devgateway/wp-react-lib";
+import j from "../connected-templates/PostIntro.js";
+import { useParams as E } from "react-router";
+import k from "../connected-templates/PostContent.js";
+const H = v.forwardRef((m, C) => {
+  const { posts: c, showIcons: l, showContentToggle: g, contentToggleHPosition: b, locale: u } = m, [r, f] = p({}), n = C;
+  x(() => {
+    window.setTimeout(() => {
+      if (window.location.hash) {
+        const t = document.getElementById(window.location.hash.substring(1));
+        t && t.scrollIntoView({ behavior: "auto", block: "start" });
+      }
+    }, 0);
+  }, [c]);
+  const w = (t) => {
+    const o = t.content ? t.content.rendered.split("<!--more-->") : [];
+    return o.length > 1 ? o[1] : o[0];
+  }, a = (t) => {
+    const o = r[t] ?? !1, s = o ? "Read less" : "Read more";
+    return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { style: { position: "relative", left: b + "%" }, children: /* @__PURE__ */ e("a", { className: "link", onClick: () => {
+      n != null && n.current && o && (n.current.scrollIntoView({ behavior: "smooth", block: "start" }), n.current.scrollTop = 0), f({ ...r, [t]: !o });
+    }, children: s }) }) });
+  }, d = (t) => {
+    const o = t.content ? t.content.rendered.split("<!--more-->") : [], s = o.length > 1 ? o[0] : null;
+    return s ? s.trim() : null;
+  }, P = (t) => {
+    const o = t.content ? t.content.rendered.split("<!--more-->") : [];
+    return o.length > 1 && o[1].trim().length > 0;
+  };
+  return /* @__PURE__ */ e(h, { fluid: !0, className: "inline list", children: c && c.map((t) => /* @__PURE__ */ i(y, { children: [
+    l && /* @__PURE__ */ i(y.Column, { textAlign: "center", width: 1, children: [
+      /* @__PURE__ */ e("a", { id: t.slug }),
+      /* @__PURE__ */ e(
+        S,
+        {
+          id: t.meta_fields && t.meta_fields.icon ? t.meta_fields.icon[0] : null,
+          children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(L, { as: R }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(y.Column, { width: l ? 15 : 16, children: [
+      d(t) && /* @__PURE__ */ e(j, { as: h, fluid: !0, post: t, ref: n }),
+      !d(t) && /* @__PURE__ */ e(
+        k,
+        {
+          post: { content: { rendered: w(t) } },
+          style: { clear: "both", display: "block" }
+        }
+      ),
+      P(t) && /* @__PURE__ */ i(h, { children: [
+        g && /* @__PURE__ */ i(T, { children: [
+          !r[t.slug] && a(t.slug),
+          /* @__PURE__ */ e(
+            k,
+            {
+              post: { content: { rendered: w(t) } },
+              style: {
+                clear: "both",
+                display: r[t.slug] ? "block" : "none"
+              }
+            }
+          ),
+          r[t.slug] && a(t.slug)
+        ] }),
+        !g && /* @__PURE__ */ e("a", { href: N.replaceLink(t.link, u), className: "link", children: "Read More" })
+      ] })
+    ] })
+  ] })) });
+}), D = (m) => {
+  const [C, c] = p(Math.random() * 99998 + 1), { locale: l } = E(), {
+    "data-width": g,
+    "data-height": b,
+    "data-type": u,
+    "data-taxonomy": r,
+    "data-categories": f,
+    "data-items": n,
+    "data-color": w,
+    "data-show-post-icons": a,
+    "data-show-content-toggle": d,
+    "data-content-toggle-h-position": P,
+    //horizontal position
+    parent: t,
+    editing: o,
+    component: s,
+    unique: I
+  } = m;
+  return /* @__PURE__ */ e(h, { fluid: !0, children: /* @__PURE__ */ e(
+    _,
+    {
+      type: u,
+      locale: l,
+      taxonomy: r,
+      categories: f,
+      store: "inline_list_" + t + "_" + I,
+      page: 1,
+      perPage: n,
+      children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(H, { locale: l ?? "en", showIcons: a === "true", showContentToggle: d === "true", contentToggleHPosition: P }) })
+    }
+  ) });
+};
+export {
+  D as default
+};

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

@@ -0,0 +1,78 @@
+import h from "react";
+const M = (f) => {
+  const { mapType: u } = f;
+  return u == "POINTS_MAP" ? v(f) : D(f);
+}, v = (f) => {
+  const { children: u, data: e, multipleMeasures: o, aggregationFormula: i } = f, s = {
+    locationsData: [],
+    nationalData: {},
+    measures: [],
+    measureLabelMap: {}
+  }, l = e.meta.fields.findIndex((m, a) => a > 2 && !m.startsWith("_")), n = [];
+  if (e && e.data && e.meta.fields && e.meta.fields.length >= 2) {
+    e.data.forEach((a) => {
+      const t = {
+        label: a[e.meta.fields[0]],
+        lat: a[e.meta.fields[1]],
+        lng: a[e.meta.fields[2]],
+        value: a[e.meta.fields[l]] || 1,
+        measure: e.meta.fields[l]
+      }, d = {};
+      if (o && !s.measures.includes(e.meta.fields[l]) && s.measures.push(e.meta.fields[l]), e.meta.fields.length > l) {
+        t.children = [];
+        for (let r = l + 1; r <= e.meta.fields.length; r++) {
+          const p = e.meta.fields[r], c = a[e.meta.fields[r]];
+          if (p) {
+            if (p.trim().startsWith("_"))
+              d[p] = c;
+            else if (c != null)
+              if (o) {
+                const b = { label: a[e.meta.fields[0]], value: c, measure: e.meta.fields[r] };
+                b.variables = d, n.push(b), s.measures.includes(e.meta.fields[r]) || s.measures.push(e.meta.fields[r]);
+              } else
+                t.children.push({ label: e.meta.fields[r], value: c });
+          }
+        }
+      }
+      t.variables = d, n.push(t);
+    });
+    const m = [];
+    n.forEach((a) => {
+      let t = m.find((d) => d.label == a.label);
+      t ? i == "COUNT" ? ++t.value : i == "SUM" && (t.value += a.value) : (t = { label: a.label, value: i == "COUNT" ? 1 : a.value ? a.value : 0 }, m.push(t));
+    }), s.pointsData = n, s.locationsData = m, s.nationalData.value = 0;
+  }
+  return h.Children.map(u, (m) => h.cloneElement(m, { transformedData: s, appliedFilters: e.appliedFilters }));
+}, D = (f) => {
+  const { children: u, data: e, multipleMeasures: o } = f, i = {
+    locationsData: [],
+    nationalData: {},
+    measures: [],
+    measureLabelMap: {}
+  }, s = e.meta.fields.findIndex((l, n) => n != 0 && !l.startsWith("_"));
+  return e && e.data && e.meta.fields && e.meta.fields.length >= 2 && (e.data.forEach((l) => {
+    const n = {
+      label: l[e.meta.fields[0]],
+      value: l[e.meta.fields[s]],
+      measure: e.meta.fields[s]
+    }, m = {};
+    if (o && !i.measures.includes(e.meta.fields[s]) && i.measures.push(e.meta.fields[s]), e.meta.fields.length > s) {
+      n.children = [];
+      for (let a = s + 1; a <= e.meta.fields.length; a++) {
+        const t = e.meta.fields[a], d = l[e.meta.fields[a]];
+        if (t)
+          if (t.trim().startsWith("_"))
+            m[t] = d;
+          else if (o) {
+            const r = { label: l[e.meta.fields[0]], value: d, measure: e.meta.fields[a] };
+            r.variables = m, i.locationsData.push(r), i.measures.includes(e.meta.fields[a]) || i.measures.push(e.meta.fields[a]);
+          } else
+            n.children.push({ label: e.meta.fields[a], value: d });
+      }
+    }
+    n.variables = m, i.locationsData.push(n);
+  }), i.nationalData.value = 0), h.Children.map(u, (l) => h.cloneElement(l, { transformedData: i, appliedFilters: e.appliedFilters }));
+};
+export {
+  M as default
+};

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

@@ -0,0 +1,28 @@
+import h from "react";
+const s = ({ children: f, data: e, measures: c, customMeasureLabels: n }) => {
+  const l = {
+    locationsData: [],
+    nationalData: {},
+    measureLabelMap: {}
+  };
+  e.metadata && e.metadata.measures && e.metadata.measures.forEach((a) => {
+    n && n[a.value] && n[a.value].hasCustomLabel && n[a.value].customLabel ? l.measureLabelMap[a.value] = n[a.value].customLabel : l.measureLabelMap[a.value] = a.label;
+  });
+  const r = c.split(",");
+  return e && e.children && (e.children.forEach((a) => {
+    r.forEach((t) => {
+      const o = {
+        ...a,
+        label: a.value,
+        value: a[t],
+        measure: t
+      };
+      a.children && (o.children = [], a.children.forEach((u) => {
+        o.children.push({ ...u, label: u.value, value: u[t] });
+      })), l.locationsData.push(o);
+    });
+  }), l.measures = r.length > 1 ? r : null, l.nationalData.value = e[c]), h.Children.map(f, (a) => h.cloneElement(a, { transformedData: l }));
+};
+export {
+  s as default
+};

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

@@ -0,0 +1,207 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { connect as Wa } from "react-redux";
+import Ga from "../data/DataProvider.js";
+import ja from "../data/DataConsumer.js";
+import Za from "./map.js";
+import qa from "./MapDataFrame.js";
+import Ha from "./MapCSVDataFrame.js";
+import { SettingProvider as R, SettingsConsumer as B } from "@devgateway/wp-react-lib";
+const Ja = [
+  { 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 },
+  { label: "West Africa", value: "West Africa", center: [-7.293255, 13.90572], scale: 1500 },
+  { label: "Africa", value: "Africa", center: [13.134227, -11.523088], scale: 550 },
+  { label: "Ethiopia", value: "ETH", center: [35.8166634, 1.7], scale: 2e3 },
+  { 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 }
+], Ka = (r) => /* @__PURE__ */ t(R, { locale: r.intl.locale, changeUUID: r.unique, children: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(Ya, { ...r }) }) }), Ya = (r) => {
+  const {
+    unique: n,
+    editing: s,
+    "data-filters": P = "{}",
+    "data-app": i = "csv",
+    "data-csv": k = "",
+    "data-dimension1": E = "",
+    "data-dimension2": M = "",
+    "data-measures": m = '["prevalenceSmokeAny"]',
+    "data-height": O = 600,
+    width: V = 960,
+    "data-data-source-text": W = "NIDS",
+    "data-data-source-label": G = "Source",
+    "data-national-average-label": j = "National Prevalence Avg",
+    "data-legend-title": Z = "Tobacco Prevalence Rate",
+    "data-legend-breaks": q = "[]",
+    "data-zoom-enabled": h = !1,
+    "data-show-legend-labels": b = !1,
+    "data-map-file": H,
+    "data-mapping-field": J = "zone",
+    "data-map-label-field": K = "admin",
+    "data-has-multiple-measures": g = "false",
+    topoJSONField: Y = "collection",
+    "data-map-center": $ = "NGA",
+    //country
+    "data-map-label-show-value": v = "false",
+    "data-show-tooltip": C = "true",
+    "data-measure-selector-label": Q = "",
+    "data-value-format": X = "",
+    "data-show-overall-value": F = "false",
+    "data-auto-generate-breaks": w = "false",
+    "data-number-of-breaks": _ = 5,
+    "data-scheme": aa = "reds",
+    "data-show-no-data-label": y = "false",
+    "data-group": L = "default",
+    "data-map-symbols": ea = "[]",
+    "data-tooltip-theme": oa = "map-tooltip-dark",
+    "data-label-font-size": ta = 12,
+    "data-label-font-weight": la = "normal",
+    "data-label-font-color": ra = "#595959",
+    "data-legend-font-size": na = 12,
+    "data-legend-font-weight": sa = "normal",
+    "data-custom-tooltips": ia = "[]",
+    "data-format-style": c = "decimal",
+    "data-decimals": D = "2",
+    "data-currency": da = "",
+    "data-tooltip-font-size": ma = 14,
+    "data-show-admin-unit-label": ca = "showAll",
+    "data-map-no-data-color": ua = "#f8f8f8",
+    "data-map-boundary-color": pa = "#000",
+    "data-map-focus-boundary-color": fa = "#000",
+    "data-highlighted-location": ha = "",
+    "data-tooltip-format": ba = `{locationName} %({value},2) 
+ {label}: %({value},2)`,
+    "data-show-no-data-tooltip": S = "false",
+    "data-map-container-bg-color": ga = "#fff",
+    "data-map-position": va = "{}",
+    "data-main-layer-id": Ca = "",
+    "data-enabled-layers": Fa,
+    "data-point-label-color": wa = "#fff",
+    "data-point-label-format": ya = "{locationName} %({value},2)",
+    "data-show-no-data-legend-item": N = !1,
+    "data-highlighted-loc-label-format": La = "{locationName} - Score: #({value},2)",
+    "data-enable-summary-view": Xa = "false",
+    "data-map-type": I = "DEFAULT",
+    "data-default-point-color": Da = "#FFFF00",
+    "data-aggregation-formula": Sa = "COUNT",
+    "data-zoom-level-to-show-points": Na = 2,
+    "data-zoom-on-filter": z = "false",
+    "data-zoom-on-filter-field": Ia = "",
+    "data-no-data-text": za = "No Data",
+    "data-labels-exclusion-list": Ua = "",
+    "data-custom-measure-labels": xa = "{}",
+    "data-show-shading-layer-labels": Ta = "ifUnitHasData",
+    "data-dvz-proxy-dataset-id": u,
+    intl: Aa,
+    settings: _a
+  } = r, Ra = (a) => s ? a : decodeURIComponent(a), l = (a) => {
+    try {
+      if (a)
+        return JSON.parse(Ra(a));
+    } catch {
+      console.error("error parsing value:" + a);
+    }
+    return null;
+  }, Ba = (a) => {
+    let o = l(a) || [];
+    return o = o.map((e) => (e.min && (e.min = parseFloat(e.min)), e.max && (e.max = parseFloat(e.max)), e.color = decodeURIComponent(e.color), e)), o;
+  }, Pa = (a) => {
+    const o = l(a) || [];
+    let e = {};
+    return o && o.forEach ? o.forEach((d) => {
+      d.value != null && d.value.filter((A) => A != null && A.toString().trim() != "").length > 0 && (e[d.param] = d.value);
+    }) : e = o, e;
+  }, ka = {
+    style: c === "compacted" ? "decimal" : c,
+    notation: c === "compacted" ? "compact" : "standard",
+    currency: da,
+    minimumFractionDigits: parseInt(D),
+    maximumFractionDigits: parseInt(D)
+  };
+  let p = l(Fa) || [];
+  p = p.map((a) => (a.bgColor = decodeURIComponent(a.bgColor), a.fontColor = decodeURIComponent(a.fontColor), a));
+  const U = Ja.find((a) => a.value === $), x = g == !0 || g == "true", f = [E, M].filter((a) => a != "none" && a != null).join("/"), Ea = {
+    unique: n,
+    editing: s,
+    source: `/${H}`,
+    center: U.center,
+    scale: U.scale,
+    measures: m,
+    legendTitle: Z,
+    height: O,
+    width: V,
+    topoJSONField: Y,
+    mappingField: J,
+    dataSourceText: W,
+    dataSourceLabel: G,
+    nationalAverageLabel: j,
+    legendBreaks: Ba(q),
+    mapLabelField: K,
+    zoomEnabled: h == !0 || h == "true",
+    showLegendLabels: b == !0 || b == "true",
+    multipleMeasures: x,
+    app: i,
+    mapLabelShowValue: v == !0 || v == "true",
+    showTooltip: C == !0 || C == "true",
+    showOverallValue: F == !0 || F == "true",
+    measureSelectorLabel: Q,
+    valueFormat: X,
+    autoGenerateBreaks: w == !0 || w == "true",
+    showNoDataLabel: y == !0 || y == "true",
+    numberOfBreaks: _,
+    colorScheme: aa,
+    group: L,
+    symbols: l(ea) || [],
+    tooltipTheme: oa,
+    labelFontSize: ta,
+    labelFontColor: decodeURIComponent(ra),
+    labelFontWeight: la,
+    legendFontSize: na,
+    legendFontWeight: sa,
+    customTooltips: l(ia) || [],
+    format: ka,
+    tooltipFontSize: ma,
+    showAdminUnitLabel: ca,
+    mapNoDataColor: decodeURIComponent(ua),
+    mapBoundaryColor: decodeURIComponent(pa),
+    mapFocusBoundaryColor: decodeURIComponent(fa),
+    highlightedLocation: ha,
+    tooltipFormat: ba,
+    showNoDataTooltip: S == !0 || S == "true",
+    fields: f.split("/"),
+    mapContainerBgColor: decodeURIComponent(ga),
+    mapPosition: l(va),
+    mainLayerId: Ca,
+    enabledLayers: p,
+    pointLabelColor: decodeURIComponent(wa),
+    pointLabelFormat: ya,
+    showNoDataLegendItem: N == !0 || N == "true",
+    highlightedLocLabelFormat: La,
+    mapType: I,
+    defaultPointColor: decodeURIComponent(Da),
+    zoomLevelToShowPoints: Na,
+    zoomOnFilter: z == !0 || z == "true",
+    zoomOnFilterField: Ia,
+    noDataText: za,
+    labelsExclusionList: Ua.split(",").map((a) => a.trim()),
+    showShadingLayerLabels: Ta,
+    dvzProxyDatasetId: u
+  }, Ma = l(xa) || {}, Oa = i === "csv" ? Ha : qa, Va = s ? (l(m) || []).join(",") : m, T = Pa(P);
+  return u && (T.dvzProxyDatasetId = u), /* @__PURE__ */ t(R, { locale: Aa.locale, changeUUID: n, children: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
+    Ga,
+    {
+      params: T,
+      app: i,
+      csv: decodeURIComponent(k),
+      group: L,
+      editing: s,
+      store: [i, n, ...f.split("/")],
+      source: f,
+      children: /* @__PURE__ */ t(ja, { children: /* @__PURE__ */ t(Oa, { measures: Va, multipleMeasures: x, mapType: I, aggregationFormula: Sa, customMeasureLabels: Ma, children: /* @__PURE__ */ t(Za, { ...Ea }) }) })
+    }
+  ) }) });
+}, $a = (r, n) => ({}), Qa = {}, me = Wa($a, Qa)(Ka);
+export {
+  me as default
+};

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

@@ -0,0 +1,101 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import u from "react";
+class D extends u.Component {
+  constructor(l) {
+    super(l);
+  }
+  formatNumber(l) {
+    const { intl: m, format: a } = this.props;
+    return m.formatNumber(a.style === "percent" ? l / 100 : l, {
+      style: a.style,
+      notation: a.notation,
+      maximumFractionDigits: a.maximumFractionDigits,
+      minimuFractionDigits: 0,
+      currency: a.currency
+    });
+  }
+  render() {
+    const {
+      filteredBreaks: l,
+      formattedLegendTitle: m,
+      showLegendLabels: a,
+      symbols: c,
+      legendFontSize: d,
+      legendFontWeight: h,
+      autoGenerateBreaks: i,
+      intl: b,
+      numberFormat: x,
+      mapNoDataColor: p,
+      showNoDataLegendItem: o,
+      noDataText: g
+    } = this.props, t = {
+      fontSize: d + "px",
+      fontWeight: h
+    };
+    return /* @__PURE__ */ s("div", { className: "legend-container", children: [
+      /* @__PURE__ */ s("div", { className: "legend-title-container", children: [
+        /* @__PURE__ */ n("span", { className: "legend-title", children: l && l.length > 0 ? m : "" }),
+        l.length > 0 && /* @__PURE__ */ n("span", { className: "vertical-spacer", children: "|" })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "legend", children: /* @__PURE__ */ s("ul", { className: "legend-items-container", children: [
+        l && l.map((e, r) => /* @__PURE__ */ s("li", { className: "legend-item", children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              className: "symbol",
+              style: { backgroundColor: e.color }
+            }
+          ),
+          a && !i && /* @__PURE__ */ n("span", { className: "legend-label", style: t, children: e.label }),
+          (!a || i) && e.min != null && e.max != null && /* @__PURE__ */ s("span", { className: "legend-label", style: t, children: [
+            this.formatNumber(e.min),
+            " -",
+            " ",
+            this.formatNumber(e.max)
+          ] }),
+          (!a || i) && e.min == null && e.max != null && /* @__PURE__ */ s("span", { className: "legend-label", style: t, children: [
+            " ",
+            "< ",
+            this.formatNumber(e.max)
+          ] }),
+          (!a || i) && e.min != null && e.max == null && /* @__PURE__ */ s("span", { className: "legend-label", style: t, children: [
+            " ",
+            "> ",
+            this.formatNumber(e.min),
+            " "
+          ] })
+        ] }, "lg" + r)),
+        console.log("showNoDataLegendItem", o),
+        o && /* @__PURE__ */ s("li", { className: "legend-item", children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              className: "symbol",
+              style: { backgroundColor: p }
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: "legend-label", style: t, children: g })
+        ] }),
+        c && c.map((e, r) => /* @__PURE__ */ s("li", { className: "legend-item", children: [
+          /* @__PURE__ */ n("span", { className: "vertical-spacer", children: "|" }),
+          e.image && /* @__PURE__ */ n(
+            "img",
+            {
+              style: {
+                width: "40px",
+                height: "40px",
+                marginTop: "-8px",
+                marginRight: "-4px"
+              },
+              src: "/" + e.image
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: "legend-label", style: t, children: e.label ? e.label : "" })
+        ] }, "k" + r))
+      ] }) })
+    ] });
+  }
+}
+export {
+  D as default
+};