@devgateway/dvz-ui-react 1.9.11 → 1.9.13

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

@@ -1,28 +1,14 @@
 import * as L from "topojson-client";
 import x from "geostats";
 import y from "../../utils/deviceType.js";
-const w = "_Color_", M = "location", k = "showAll", A = "ifUnitHasData", j = 10, B = {
-  mobile: 4,
-  tablet: 4,
-  midTablet: 2,
-  laptop: 2,
-  desktop: 2,
-  wide: 2
-}, I = {
+const A = "_Color_", I = "location", j = "showAll", w = "ifUnitHasData", C = 10, _ = {
   mobile: 330,
   tablet: 250,
   midTablet: 250,
   laptop: 200,
   desktop: 100,
   wide: 100
-}, _ = {
-  mobile: 250,
-  tablet: 250,
-  midTablet: 250,
-  laptop: 0,
-  desktop: 0,
-  wide: 0
-}, C = {
+}, O = {
   greens: [
     "#ccffdd",
     "#b3ffcc",
@@ -96,148 +82,146 @@ const w = "_Color_", M = "location", k = "showAll", A = "ifUnitHasData", j = 10,
     "#0055ff"
   ]
 };
-function v(e, r, l) {
-  var t;
-  if (!(e != null && e.length)) return r;
-  const o = ((t = e[0]) == null ? void 0 : t.items) ?? [], n = (i) => (i == null ? void 0 : i.trim().toLowerCase()) ?? "", s = n(r), c = n(l).toUpperCase(), f = o.find((i) => n(i.value) === s || n(i.code) === s) ?? null;
-  if (!f) return r;
-  const a = c && f.labels && f.labels[c] ? f.labels[c] : f.value;
-  return (a == null ? void 0 : a.trim()) || f.value.trim();
+function v(e, t, l) {
+  var r;
+  if (!(e != null && e.length)) return t;
+  const f = ((r = e[0]) == null ? void 0 : r.items) ?? [], n = (i) => (i == null ? void 0 : i.trim().toLowerCase()) ?? "", s = n(t), c = n(l).toUpperCase(), o = f.find((i) => n(i.value) === s || n(i.code) === s) ?? null;
+  if (!o) return t;
+  const a = c && o.labels && o.labels[c] ? o.labels[c] : o.value;
+  return (a == null ? void 0 : a.trim()) || o.value.trim();
 }
 function D(e) {
-  let r = e;
-  return r || (r = ["mobile", "tablet", "midTablet"].includes(y())), r ? "active zoom-enabled" : "active";
+  let t = e;
+  return t || (t = ["mobile", "tablet", "midTablet"].includes(y())), t ? "active zoom-enabled" : "active";
 }
-function E(e, r) {
-  const { autoGenerateBreaks: l, numberOfBreaks: o, colorScheme: n } = r, s = [];
+function M(e, t) {
+  const { autoGenerateBreaks: l, numberOfBreaks: f, colorScheme: n } = t, s = [];
   if (l && e && e.length > 0) {
-    const c = e.filter((t) => t.properties && t.properties.value != null).map((t) => t.properties.value.toFixed(2)), f = [];
-    c.forEach((t) => {
-      if (t > 0) {
-        const i = t * 0.99, p = t * 1.01;
-        f.indexOf(i) === -1 && f.push(i), f.indexOf(p) === -1 && f.push(p);
+    const c = e.filter((r) => r.properties && r.properties.value != null).map((r) => r.properties.value.toFixed(2)), o = [];
+    c.forEach((r) => {
+      if (r > 0) {
+        const i = r * 0.99, u = r * 1.01;
+        o.indexOf(i) === -1 && o.push(i), o.indexOf(u) === -1 && o.push(u);
       }
     });
-    const a = C[n];
-    if (f.length > 0) {
-      const t = new x(f);
-      t.setPrecision(2);
-      const i = f.length > 1 ? f.length - 1 : f.length;
-      return t.getJenks(Math.min(o, i)), t.ranges.forEach((p, u) => {
+    const a = O[n];
+    if (o.length > 0) {
+      const r = new x(o);
+      r.setPrecision(2);
+      const i = o.length > 1 ? o.length - 1 : o.length;
+      return r.getJenks(Math.min(f, i)), r.ranges.forEach((u, p) => {
         const b = {};
-        b.min = parseFloat(p.substr(0, p.indexOf("-") - 1)) + (u > 0 ? 0.01 : 0), b.max = parseFloat(p.substr(p.indexOf("-") + 2, p.length)), b.color = a[u], s.push(b);
+        b.min = parseFloat(u.substr(0, u.indexOf("-") - 1)) + (p > 0 ? 0.01 : 0), b.max = parseFloat(u.substr(u.indexOf("-") + 2, u.length)), b.color = a[p], s.push(b);
       }), s;
     }
   }
   return s;
 }
-function H(e, r, l) {
-  const { mapNoDataColor: o, mainLayerId: n, enabledLayers: s, selectedMeasure: c } = l;
+function T(e, t, l) {
+  const { mapNoDataColor: f, mainLayerId: n, enabledLayers: s, selectedMeasure: c } = l;
   if (e.properties && e.properties.variables && c && e.properties.value != null) {
-    const a = w + c, t = e.properties.variables[a.trim()];
-    if (t) return t;
+    const a = A + c, r = e.properties.variables[a.trim()];
+    if (r) return r;
   }
   if (e.properties.value != null && (n && e.properties.layerId === n || !n)) {
-    const a = r.find((t) => t.min != null && t.max != null ? e.properties.value >= t.min && e.properties.value <= t.max : t.min != null ? e.properties.value >= t.min : t.max != null ? e.properties.value <= t.max : !1);
-    return a && a.color ? a.color : o;
+    const a = t.find((r) => r.min != null && r.max != null ? e.properties.value >= r.min && e.properties.value <= r.max : r.min != null ? e.properties.value >= r.min : r.max != null ? e.properties.value <= r.max : !1);
+    return a && a.color ? a.color : f;
   }
-  const f = s.filter((a) => a.id === e.properties.layerId)[0];
-  return f && f.bgColor && f.bgColor != "undefined" ? f.bgColor : o;
+  const o = s.filter((a) => a.id === e.properties.layerId)[0];
+  return o && o.bgColor && o.bgColor != "undefined" ? o.bgColor : f;
 }
-function S(e, r) {
-  if (e.properties[r]) {
-    const o = e.properties[r].length;
-    return o < 10 ? 80 : o * 8;
+function E(e, t) {
+  if (e.properties[t]) {
+    const f = e.properties[t].length;
+    return f < 10 ? 80 : f * 8;
   }
   return 0;
 }
-function R(e) {
+function H(e) {
   return e ? 30 : 25;
 }
-function O(e, r) {
+function k(e, t) {
   if (e && e.objects) {
     const l = Object.keys(e.objects);
-    for (const o in l) {
-      const n = l[o];
+    for (const f in l) {
+      const n = l[f];
       if (e.objects[n].type == "GeometryCollection")
         return n;
     }
   }
-  return r;
+  return t;
 }
-function W(e, r) {
-  const l = O(e, r);
+function S(e, t) {
+  const l = k(e, t);
   return e && e.objects && e.objects[l] ? L.feature(e, e.objects[l]).features : e && e.features ? e.features : [];
 }
-function U(e, r, l) {
+function R(e, t, l) {
   if (e.properties.displayLayerLabels && e.properties.layerLocale) {
-    const o = e.properties.layerMappingField || r, n = e.properties[o];
+    const f = e.properties.layerMappingField || t, n = e.properties[f];
     return v(l, n, e.properties.layerLocale);
   }
-  return e.properties[r];
+  return e.properties[t];
 }
-function z(e, r, l, o) {
+function U(e, t, l, f) {
   const {
     mapLabelField: n,
     mapLabelShowValue: s,
     intl: c,
-    valueFormat: f,
+    valueFormat: o,
     showNoDataLabel: a,
-    showAdminUnitLabel: t,
+    showAdminUnitLabel: r,
     noDataText: i,
-    selectedMeasure: p
-  } = r;
-  let u = "";
-  if (t == k || t == A && e.properties.hasDataRow || e.properties.displayLayerLabels) {
-    const b = e.properties.displayLayerLabels && e.properties.layerMappingField ? e.properties.layerMappingField : n, d = e.properties[b], h = e.properties.layerLocale || (c == null ? void 0 : c.locale);
-    u = v(l, d, h);
-    const g = e.properties.abbrev;
-    if (u && u.length > j && g && (u = g), s)
+    selectedMeasure: u
+  } = t;
+  let p = "";
+  if (r == j || r == w && e.properties.hasDataRow || e.properties.displayLayerLabels) {
+    const b = e.properties.displayLayerLabels && e.properties.layerMappingField ? e.properties.layerMappingField : n, g = e.properties[b], d = e.properties.layerLocale || (c == null ? void 0 : c.locale);
+    p = v(l, g, d);
+    const h = e.properties.abbrev;
+    if (p && p.length > C && h && (p = h), s)
       if (e.properties.value != null) {
         const m = e.properties.variables || {};
-        u += "<br><span class='map-label-value'>" + o(
-          f,
-          { value: e.properties.value, measure: p, ...m },
+        p += "<br><span class='map-label-value'>" + f(
+          o,
+          { value: e.properties.value, measure: u, ...m },
           c
         ) + "</span>";
-      } else a == !0 && e.properties.value == null && e.properties.hasDataRow && (u += "<br><span class='map-label-value'>" + i + "</span>");
+      } else a == !0 && e.properties.value == null && e.properties.hasDataRow && (p += "<br><span class='map-label-value'>" + i + "</span>");
   }
-  return u;
+  return p;
 }
-function G(e) {
-  const r = {};
+function W(e) {
+  const t = {};
   return e && Object.keys(e).forEach((l) => {
-    const o = e[l];
-    o && (r[l] = Array.isArray(o) ? o.join(" ,") : o);
-  }), r;
+    const f = e[l];
+    f && (t[l] = Array.isArray(f) ? f.join(" ,") : f);
+  }), t;
 }
-function N(e, r, l) {
-  const o = e ? e.value : null;
-  if (o != null) {
-    const n = r.find((s) => s.min != null && s.max != null ? o >= s.min && o <= s.max : s.min != null ? o >= s.min : s.max != null ? o <= s.max : !1);
+function z(e, t, l) {
+  const f = e ? e.value : null;
+  if (f != null) {
+    const n = t.find((s) => s.min != null && s.max != null ? f >= s.min && f <= s.max : s.min != null ? f >= s.min : s.max != null ? f <= s.max : !1);
     return n && n.color ? n.color : l;
   }
   return l;
 }
 export {
-  w as COLOR_VARIABLE,
-  M as LOCATION,
-  j as MAX_LABEL_LEN,
-  k as SHOW_ALL,
-  A as SHOW_IF_HAS_DATA,
+  A as COLOR_VARIABLE,
+  I as LOCATION,
+  C as MAX_LABEL_LEN,
+  j as SHOW_ALL,
+  w as SHOW_IF_HAS_DATA,
   D as classColor,
-  z as createLabel,
-  I as deviceMapHeight,
-  _ as deviceMapWidth,
-  B as deviceTranslateMap,
-  W as extractFeatures,
-  H as fillColor,
-  E as generateBreaks,
-  O as getCollectionField,
-  G as getFilters,
-  N as getHighlightedLocationColor,
-  R as getLabelBoxHeight,
-  S as getLabelBoxWidth,
+  U as createLabel,
+  _ as deviceMapHeight,
+  S as extractFeatures,
+  T as fillColor,
+  M as generateBreaks,
+  k as getCollectionField,
+  W as getFilters,
+  z as getHighlightedLocationColor,
+  H as getLabelBoxHeight,
+  E as getLabelBoxWidth,
   v as getTranslatedItemLabel,
-  U as getTranslatedLocationName
+  R as getTranslatedLocationName
 };

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

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
 import I, { useState as w, useRef as G, useEffect as x } from "react";
 import { Container as b, Accordion as y, Icon as V, Menu as T, Grid as v, Label as M, Button as W } from "semantic-ui-react";
-import { PostProvider as q, PostConsumer as _, MediaProvider as P, MediaConsumer as A, PostIcon as $, PostLabel as k } from "@devgateway/wp-react-lib";
+import { PostProvider as q, PostConsumer as _, MediaProvider as P, MediaConsumer as A, PostIcon as S, PostLabel as $ } from "@devgateway/wp-react-lib";
 import { injectIntl as E } from "react-intl";
 import { connect as O } from "react-redux";
-import L from "../connected-templates/PostIntro.js";
+import k from "../connected-templates/PostIntro.js";
 import { useWindowDimensionsAndDevice as U } from "../../lib/hooks/window-dimensions.js";
 const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.map((l) => /* @__PURE__ */ e(
   T.Item,
   {
     onClick: () => i(l.slug),
     className: l.slug === o ? "active" : "",
-    children: n ? /* @__PURE__ */ e(k, { post: l }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: l.title.rendered } }) })
+    children: n ? /* @__PURE__ */ e($, { post: l }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: l.title.rendered } }) })
   },
   l.id
 )) : null, J = ({
@@ -38,10 +38,10 @@ const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.ma
                 P,
                 {
                   id: (m = a.meta_fields) != null && m.icon ? a.meta_fields.icon[0] : null,
-                  children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { className: "icon" }) })
+                  children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(S, { className: "icon" }) })
                 }
               ),
-              l ? /* @__PURE__ */ e(k, { post: a }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
+              l ? /* @__PURE__ */ e($, { post: a }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
                 "span",
                 {
                   dangerouslySetInnerHTML: { __html: a.title.rendered }
@@ -54,7 +54,7 @@ const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.ma
       a.id
     );
   }) : null;
-}, S = ({ posts: t, activeItem: o }) => (x(() => {
+}, L = ({ posts: t, activeItem: o }) => (x(() => {
   const i = document.querySelector(".ui.container.content-tab");
   i && (i.scrollTop = 0);
 }, [o]), t ? t.map((i) => {
@@ -70,7 +70,7 @@ const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.ma
     visibility: "visible",
     position: "relative",
     width: "auto"
-  }, /* @__PURE__ */ e(L, { as: b, fluid: !0, post: i, style: n }, i.slug);
+  }, /* @__PURE__ */ e(k, { as: b, fluid: !0, post: i, style: n }, i.slug);
 }) : null), K = ({ posts: t, activeItem: o, setActive: i }) => {
   const [n, l] = w(
     t.findIndex((s) => s.slug === o)
@@ -109,7 +109,7 @@ const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.ma
               },
               children: [
                 /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center" }, children: [
-                  c && /* @__PURE__ */ e(P, { id: c, children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { className: "icon" }) }) }),
+                  c && /* @__PURE__ */ e(P, { id: c, children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(S, { className: "icon" }) }) }),
                   /* @__PURE__ */ e(
                     "span",
                     {
@@ -129,7 +129,7 @@ const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.ma
         {
           className: "accordion-post-content",
           active: n === u,
-          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(L, { post: s, as: b, fluid: !0 }) })
+          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(k, { post: s, as: b, fluid: !0 }) })
         }
       )
     ] }, s.id);
@@ -146,13 +146,13 @@ const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.ma
   }, [t]), /* @__PURE__ */ f(I.Fragment, { children: [
     t.map((r) => /* @__PURE__ */ e("anchor", { id: r.slug }, r.slug)),
     /* @__PURE__ */ e(T, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(Y, { showLabels: o, posts: t, setActive: l, activeItem: n }) }),
-    /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e(S, { posts: t, activeItem: n }) })
+    /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e(L, { posts: t, activeItem: n }) })
   ] });
 }, X = ({ posts: t, showLabels: o, showIcons: i, height: n }) => {
   const [l, r] = w(t ? t[0].slug : null);
   return /* @__PURE__ */ e(I.Fragment, { children: /* @__PURE__ */ f(v, { stackable: !0, className: "tabbed posts", columns: t.length, style: { height: n + "px" }, children: [
     /* @__PURE__ */ e(J, { showIcons: i, showLabels: o, posts: t, activeItem: l, setActive: r }),
-    /* @__PURE__ */ e(v.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(v.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e(S, { className: "content-tab", posts: t, activeItem: l }) }) }) })
+    /* @__PURE__ */ e(v.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(v.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e(L, { className: "content-tab", posts: t, activeItem: l }) }) }) })
   ] }) });
 }, Z = (t) => {
   var N;
@@ -173,7 +173,7 @@ const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.ma
     unique: j
   } = t;
   c != null && c.previewMode && (c != null && c.editing) && (u = c.previewMode, g = c.editing);
-  const D = t.intl.locale, R = Array.isArray(n) ? n.join(",") : n, p = d === "true", C = p ? s : void 0, { width: H } = U(), z = H <= 1024, B = u !== "Desktop" && g, F = z && !g;
+  const D = t.intl.locale, R = Array.isArray(n) ? n.join(",").toString() : n, p = d === "true", C = p ? s : void 0, { width: H } = U(), z = H <= 1024, B = u !== "Desktop" && g, F = z && !g;
   return g && !o ? /* @__PURE__ */ e(b, { className: `viz tabbed posts ${g ? "editing" : ""} ${p ? "scrollable" : ""}`, fluid: !0 }) : /* @__PURE__ */ e(b, { className: `viz tabbed posts ${g ? "editing" : ""} ${p ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
     q,
     {