@devgateway/dvz-ui-react 1.6.0 → 1.6.2

package/dist/esm/embeddable/chart/Pie.js

@@ -1,88 +1,89 @@
-import { jsx as a, jsxs as p, Fragment as L } from "react/jsx-runtime";
-import { useState as l, useEffect as $ } from "react";
-import { injectIntl as me } from "react-intl";
-import { ResponsivePie as pe } from "@nivo/pie";
-import ue, { formatContent as he } from "./Tooltip.js";
+import { jsx as r, jsxs as p, Fragment as L } from "react/jsx-runtime";
+import { useState as l, useEffect as M } from "react";
+import { injectIntl as pe } from "react-intl";
+import { ResponsivePie as ue } from "@nivo/pie";
+import fe, { formatContent as ge } from "./Tooltip.js";
 import "@nivo/colors";
 import "d3";
-import { v4 as fe } from "uuid";
-import ge from "../../layout/FlexWrapDetector.js";
-const be = ({
-  legends: Le,
+import { v4 as he } from "uuid";
+import be from "../../layout/FlexWrapDetector.js";
+import Le from "../../utils/deviceType.js";
+const $ = Le() === "mobile", xe = ({
+  legends: ke,
   marginLeft: j,
   marginTop: x,
   marginRight: w,
   marginBottom: k,
   options: u,
-  intl: h,
-  format: f,
-  colors: xe,
-  groupMode: ke,
+  intl: f,
+  format: g,
+  colors: ve,
+  groupMode: Ce,
   tooltipEnabled: B,
   height: I,
   showLegends: v,
-  legendPosition: r,
-  tickRotation: ve,
-  tickColor: Ce,
-  tooltip: i,
-  startAngle: M,
-  endAngle: z,
+  legendPosition: a,
+  tickRotation: ye,
+  tickColor: Ne,
+  tooltip: s,
+  startAngle: z,
+  endAngle: O,
   legendLabel: C,
   legendCheckBack: y,
-  legendLabelBack: O,
-  legendLabelColor: V,
-  centerLabel: R,
-  showArcLabels: H,
-  showArcLinkLabels: E,
-  slicePadding: X,
+  legendLabelBack: V,
+  legendLabelColor: R,
+  centerLabel: H,
+  showArcLabels: E,
+  showArcLinkLabels: X,
+  slicePadding: Y,
   colorGenerator: N,
-  centerLabelFontWeight: Y,
-  centerLabelFontSize: q,
-  centerLabelXOffset: J,
-  centerLabelYOffset: K,
-  tooltipEnableMarkdown: Q,
-  reverseLegend: U,
-  showPercentage: Z
+  centerLabelFontWeight: q,
+  centerLabelFontSize: J,
+  centerLabelXOffset: K,
+  centerLabelYOffset: Q,
+  tooltipEnableMarkdown: U,
+  reverseLegend: Z,
+  showPercentage: _
 }) => {
-  const [c, _] = l([]), [G, P] = l(i), [o, ee] = l(u), [S, te] = l(50), [A, ae] = l(x), [ye, T] = l(0), [W, re] = l(k), d = o.data.sort((e, t) => e.position && t.position ? e.position - t.position : 0).map((e, t) => ({
+  const [c, G] = l([]), [P, ee] = l(s), [o, te] = l(u), [S, re] = l(50), [T, ae] = l(x), [Se, A] = l(0), [D, ne] = l(k), d = o.data.sort((e, t) => e.position && t.position ? e.position - t.position : 0).map((e, t) => ({
     color: N.getColor(e.id, e),
     id: e.id,
     label: e.label
   }));
-  $(() => {
-    P(i), ee({
+  M(() => {
+    ee(s), te({
       ...u,
-      id: fe()
+      id: he()
     });
-  }, [i, u]), $(() => {
+  }, [s, u]), M(() => {
     (() => {
       const n = 5 * Math.max(d.length - 5, 0);
-      te(n);
+      re(n);
     })();
   }, [d]);
-  const ne = {
+  const oe = {
     bottom: `-${S}px`
-  }, oe = {
+  }, le = {
     bottom: `-${S}px`,
     gap: "0px"
-  }, le = (e) => {
+  }, ie = (e) => {
     const t = c.slice();
     if (t.indexOf(e) > -1) {
       const n = t.indexOf(e);
       t.splice(n, 1);
     } else
       t.push(e);
-    _(t);
+    G(t);
   }, se = (e) => c ? e.filter((t) => c.indexOf(t.id) === -1) : e;
   if (!o || !o.data)
     return null;
-  const ie = {
-    top: A,
+  const ce = {
+    top: T,
     right: w,
-    bottom: W,
+    bottom: D,
     left: j
-  }, D = () => /* @__PURE__ */ a(L, { children: v && C && /* @__PURE__ */ a("div", { className: "legend item", children: /* @__PURE__ */ a("label", { className: "legend-title", children: C }) }) }), F = () => (U && d.reverse(), /* @__PURE__ */ a(L, { children: v && d.map((e) => /* @__PURE__ */ p("div", { className: "legend item", onClick: () => le(e.id), children: [
-    /* @__PURE__ */ a(
+  }, W = () => /* @__PURE__ */ r(L, { children: v && C && /* @__PURE__ */ r("div", { className: "legend item", children: /* @__PURE__ */ r("label", { className: "legend-title", children: C }) }) }), F = () => (Z && d.reverse(), /* @__PURE__ */ r(L, { children: v && d.map((e) => /* @__PURE__ */ p("div", { className: "legend item", onClick: () => ie(e.id), children: [
+    /* @__PURE__ */ r(
       "input",
       {
         className: "ignore",
@@ -90,7 +91,7 @@ const be = ({
         checked: c.length == 0 || !c.includes(e.id)
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(
       "span",
       {
         className: y ? "checkmark-with-bg" : "checkmark",
@@ -99,80 +100,80 @@ const be = ({
         }
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(
       "label",
       {
         style: {
-          backgroundColor: O == !0 ? e.color : "transparent",
-          color: V
+          backgroundColor: V == !0 ? e.color : "transparent",
+          color: R
         },
         children: e.label
       }
     )
-  ] })) })), ce = (e) => {
-    const { centerX: t, centerY: n } = e, s = R.split(/[\r\n]/g);
+  ] })) })), de = (e) => {
+    const { centerX: t, centerY: n } = e, i = H.split(/[\r\n]/g);
     let m = 0;
     return e.dataWithArc && (m = e.dataWithArc.reduce(
-      function(g, b) {
-        return g + b.value;
+      function(h, b) {
+        return h + b.value;
       },
       0
-    )), /* @__PURE__ */ a(
+    )), /* @__PURE__ */ r(
       "text",
       {
         x: t,
         y: n,
         textAnchor: "start",
         dominantBaseline: "central",
-        children: s.map((g, b) => /* @__PURE__ */ a(
+        children: i.map((h, b) => /* @__PURE__ */ r(
           "tspan",
           {
-            x: t + parseInt(J),
-            y: n + parseInt(K) + b * 20,
+            x: t + parseInt(K),
+            y: n + parseInt(Q) + b * 20,
             style: {
-              fontSize: q + "px",
-              fontWeight: Y,
+              fontSize: J + "px",
+              fontWeight: q,
               fill: "#000"
             },
-            children: he(g, { totalValue: m }, h)
+            children: ge(h, { totalValue: m }, f)
           }
         ))
       }
     );
-  }, de = (e, t) => {
+  }, me = (e, t) => {
     if (t) {
-      const n = e.reduce((s, m) => s + m.value, 0);
-      return e.map((s) => ({
-        ...s,
-        value: s.value / n * 100
+      const n = e.reduce((i, m) => i + m.value, 0);
+      return e.map((i) => ({
+        ...i,
+        value: i.value / n * 100
       }));
     }
     return e;
   };
-  return /* @__PURE__ */ a("div", { style: { height: I }, className: "pie-chart", children: o && o.data && o.data.length > 0 && /* @__PURE__ */ p(L, { children: [
-    /* @__PURE__ */ a(
-      pe,
+  return /* @__PURE__ */ r("div", { style: { height: I }, className: "pie-chart", children: o && o.data && o.data.length > 0 && /* @__PURE__ */ p(L, { children: [
+    /* @__PURE__ */ r(
+      ue,
       {
-        data: se(de(o.data, Z)),
-        margin: ie,
-        startAngle: M,
-        endAngle: z,
+        data: se(me(o.data, _)),
+        margin: ce,
+        startAngle: z,
+        endAngle: O,
         sortByValue: !0,
         innerRadius: 0.7,
-        padAngle: X,
+        padAngle: Y,
         cornerRadius: 3,
         colors: (e) => N.getColor(e.id, e.data),
         borderWidth: 1,
         borderColor: { from: "color", modifiers: [["brighter", "2"]] },
-        enableArcLabels: H,
-        enableArcLinkLabels: E,
+        enableArcLabels: E,
+        enableArcLinkLabels: X,
         arcLabelsTextColor: "#333333",
         arcLinkLabelsSkipAngle: 5,
         arcLabelsSkipAngle: 15,
         sliceLabelsSkipAngle: 20,
-        arcLabel: (e) => h.formatNumber(
-          f.style === "percent" ? e.value / 100 : e.value,
-          f
+        arcLabel: (e) => f.formatNumber(
+          g.style === "percent" ? e.value / 100 : e.value,
+          g
         ),
         radialLabelsSkipAngle: 20,
         radialLabelsTextColor: "#333333",
@@ -187,7 +188,7 @@ const be = ({
           "arcs",
           "arcLabels",
           "legends",
-          ce
+          de
         ],
         animate: !0,
         motionStiffness: 90,
@@ -199,32 +200,32 @@ const be = ({
             const t = e.datum.arc.angleDeg / 360 * 100;
             e.datum.data.variables.valuePercent = t, e.datum.data.variables.category = e.datum.id;
           }
-          return B && i && i.trim().length > 0 ? /* @__PURE__ */ a(
-            ue,
+          return B && s && s.trim().length > 0 ? /* @__PURE__ */ r(
+            fe,
             {
-              intl: h,
-              format: f,
+              intl: f,
+              format: g,
               d: e,
-              tooltip: G,
-              tooltipEnableMarkdown: Q
+              tooltip: P,
+              tooltipEnableMarkdown: U
             }
           ) : null;
         }
       },
       o.id
     ),
-    (r === "top" || r === "bottom") && /* @__PURE__ */ a(
+    (a === "top" || a === "bottom") && /* @__PURE__ */ r(
       "div",
       {
-        className: `legends container has-standard-12-font-size ${r}`,
-        style: r === "top" ? { marginTop: `${A}px` } : r === "bottom" ? { marginBottom: `${W}px` } : {},
+        className: `legends container has-standard-12-font-size ${a}`,
+        style: a === "top" ? { marginTop: $ && `${T}px` } : a === "bottom" ? { marginBottom: `${D}px` } : {},
         children: /* @__PURE__ */ p("div", { className: "legend-sections", children: [
-          /* @__PURE__ */ a("div", { className: "title-section", children: D() }),
-          /* @__PURE__ */ a(
-            ge,
+          /* @__PURE__ */ r("div", { className: "title-section", children: W() }),
+          /* @__PURE__ */ r(
+            be,
             {
               onWrapChange: (e) => {
-                r === "top" ? (ae(x + e / 2 * 40), T(e)) : (re(k + e / 2 * 25), T(e));
+                a === "top" && $ ? (ae(x + e / 2 * 40), A(e)) : (ne(k + e / 2 * 25), A(e));
               },
               className: "legends container has-standard-12-font-size items-section",
               children: F()
@@ -233,19 +234,19 @@ const be = ({
         ] })
       }
     ),
-    (r === "right" || r === "left") && /* @__PURE__ */ p(
+    (a === "right" || a === "left") && /* @__PURE__ */ p(
       "div",
       {
-        className: `legends container has-standard-12-font-size  ${r}`,
-        style: r === "right" ? ne : oe,
+        className: `legends container has-standard-12-font-size  ${a}`,
+        style: a === "right" ? oe : le,
         children: [
-          D(),
+          W(),
           F()
         ]
       }
     )
   ] }) });
-}, we = me(be);
+}, Ie = pe(xe);
 export {
-  we as default
+  Ie as default
 };

package/dist/esm/embeddable/filtered-posts/index.js

@@ -1,22 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import K, { useState as V, useEffect as Q } from "react";
-import { Container as R, Loader as X, Grid as Y, GridRow as Z } from "semantic-ui-react";
+import { jsx as i } from "react/jsx-runtime";
+import K, { useState as Y, useEffect as Q } from "react";
+import { Container as j, Loader as X, Grid as B, GridRow as Z } from "semantic-ui-react";
 import $ from "../connected-templates/PostIntro.js";
 import { injectIntl as tt } from "react-intl";
-import { getStartDateAndEndDateFromYear as B } from "./utils.js";
+import { getStartDateAndEndDateFromYear as R } from "./utils.js";
 import et from "./NoData.js";
 import { useDispatch as ot, useSelector as rt } from "react-redux";
 import { getCustomPosts as nt } from "../reducers/data-api.js";
-import { useParams as st } from "react-router";
-import { toNumber as at, toBoolean as it } from "../../utils/data.js";
-const lt = (b) => {
-  const { posts: l, numberOfColumns: x, sortFirstBy: u, countryCategory: i, postWidth: p, postHeight: S } = b, m = [];
-  if (i && u && u !== "none") {
-    const c = l.filter((f) => f[i].includes(Number(u))), y = l.filter((f) => !f[i].includes(Number(u)));
-    m.push(...c), m.push(...y);
+import { useParams as at } from "react-router";
+import { toNumber as st, toBoolean as it } from "../../utils/data.js";
+const lt = (T) => {
+  const { posts: u, numberOfColumns: E, sortFirstBy: c, countryCategory: l, postWidth: h, postHeight: D } = T, f = [];
+  if (l && c && c !== "none") {
+    const m = u.filter((y) => y[l].includes(Number(c))), N = u.filter((y) => !y[l].includes(Number(c)));
+    f.push(...m), f.push(...N);
   } else
-    m.push(...l);
-  return /* @__PURE__ */ a(Y, { className: "filtered-posts", columns: x, children: /* @__PURE__ */ a(Z, { children: m.map((c) => /* @__PURE__ */ a(Y.Column, { children: /* @__PURE__ */ a("div", { className: "filtered-posts-column", style: { width: p, height: S, overflow: "hidden" }, children: /* @__PURE__ */ a(
+    f.push(...u);
+  return /* @__PURE__ */ i(B, { className: "filtered-posts", columns: E, children: /* @__PURE__ */ i(Z, { children: f.map((m) => /* @__PURE__ */ i(B.Column, { children: /* @__PURE__ */ i("div", { className: "filtered-posts-column", style: { width: h, height: D, overflow: "hidden" }, children: /* @__PURE__ */ i(
     $,
     {
       style: {
@@ -26,139 +26,141 @@ const lt = (b) => {
         margin: 0,
         padding: 0
       },
-      as: R,
+      as: j,
       fluid: !0,
-      post: c
+      post: m
     },
-    c.id
-  ) }) }, c.id)) }) });
-}, ut = (b) => {
+    m.id
+  ) }) }, m.id)) }) });
+}, ut = (T) => {
   const {
-    "data-group": l,
-    "data-number-of-columns": x,
-    "data-type": u,
-    "data-taxonomy": i,
-    "data-categories": p,
-    "data-height": S,
-    "data-post-width": m,
-    "data-post-height": c,
-    "data-number-of-items-per-page": y,
-    "data-enable-sorting": f,
-    "data-sort-first-by": C,
-    "data-sorting-taxonomy": v,
+    "data-group": u,
+    "data-number-of-columns": E,
+    "data-type": c,
+    "data-taxonomy": l,
+    "data-categories": h,
+    "data-height": D,
+    "data-post-width": f,
+    "data-post-height": m,
+    "data-number-of-items-per-page": N,
+    "data-enable-sorting": y,
+    "data-sort-first-by": v,
+    "data-sorting-taxonomy": w,
     editing: z
-  } = b, M = ot(), { locale: j } = st(), [D, h] = V(!1), w = rt((t) => t).getIn(["data", "posts", l]), [F, T] = V([]), A = it(f) && C !== "none" ? at(C) : null, g = w ?? {
+  } = T, M = ot(), { locale: H } = at(), [A, b] = Y(!1), I = rt((t) => t).getIn(["data", "posts", u]), [P, x] = Y([]), O = it(y) && v !== "none" ? st(v) : null, g = I ?? {
     yearFilter: null,
     categoryFilter: null,
     countryFilter: null,
     page: 1,
     countryTaxonomy: null,
     categoryTaxonomy: null
-  }, N = (t) => {
+  }, F = (t) => {
     if (t == null)
       return { values: [], isExplicitNone: !1 };
-    const e = Array.isArray(t) ? t : [t], s = e.some(
+    const e = Array.isArray(t) ? t : [t], a = e.some(
       (o) => Number(o) === Number.MIN_SAFE_INTEGER
     );
     return {
       values: e.map((o) => Number(o)).filter((o) => Number.isFinite(o) && o !== Number.MIN_SAFE_INTEGER),
-      isExplicitNone: s
+      isExplicitNone: a
     };
-  }, H = (t) => {
+  }, W = (t) => {
     if (!t || t.length === 0)
       return null;
-    const e = Array.from(new Set(t)).sort((E, P) => E - P);
+    const e = Array.from(new Set(t)).sort((S, C) => S - C);
     if (e.length === 0)
       return null;
-    const s = e[0], r = e[e.length - 1], o = B(s), n = B(r);
+    const a = e[0], r = e[e.length - 1], o = R(a), n = R(r);
     return !(o != null && o.startDate) || !(n != null && n.endDate) ? null : {
       startDate: o.startDate,
       endDate: n.endDate
     };
-  }, W = () => {
-    const t = N(g.yearFilter), e = t.isExplicitNone ? null : H(t.values), s = g.countryFilter ?? null, r = g.categoryFilter ?? null, o = g.categoryTaxonomy || (i && i !== "none" ? i : null), n = g.countryTaxonomy || null;
+  }, J = () => {
+    const t = F(g.yearFilter), e = t.isExplicitNone ? null : W(t.values), a = g.countryFilter ?? null, r = g.categoryFilter ?? null, o = g.categoryTaxonomy || (l && l !== "none" ? l : null), n = g.countryTaxonomy || null;
     return {
       before: (e == null ? void 0 : e.endDate) || null,
       after: (e == null ? void 0 : e.startDate) || null,
       categoryFilter: r,
       categoryTaxonomy: o,
-      countryFilter: s,
+      countryFilter: a,
       countryTaxonomy: n
     };
-  }, I = (t) => z ? t : decodeURIComponent(t), J = (t) => {
+  }, _ = (t) => z ? t : decodeURIComponent(t), L = (t) => {
     try {
-      return JSON.parse(I(t));
+      return JSON.parse(_(t));
     } catch (e) {
-      return console.warn("JSON parsing failed for value:", t, "- treating as plain string. Error:", e), I(t);
+      return console.warn("JSON parsing failed for value:", t, "- treating as plain string. Error:", e), _(t);
     }
-  }, L = () => {
-    const t = J(p);
+  }, q = () => {
+    const t = L(h);
     return t ? typeof t == "string" ? t.split(",").map(Number) : typeof t == "number" ? [t] : t : [];
-  }, q = (t, e, s) => {
-    if (s) return null;
+  }, U = (t, e, a) => {
+    if (a) return null;
     if (t.length === 0) return e.length > 0 ? e : null;
     if (e.length === 0) return t;
     const r = new Set(t), o = e.filter((n) => r.has(n));
     return o.length > 0 ? o : null;
-  }, U = async () => {
-    h(!0);
-    const t = W(), e = N(L()).values, s = N(t.categoryFilter), r = q(
+  }, k = async () => {
+    b(!0);
+    const t = J(), e = F(q()).values, a = F(t.categoryFilter), r = U(
       e,
-      s.values,
-      s.isExplicitNone
-    ), o = N(t.countryFilter);
-    if (s.isExplicitNone) {
-      T([]), h(!1);
+      a.values,
+      a.isExplicitNone
+    ), o = F(t.countryFilter);
+    if (a.isExplicitNone) {
+      x([]), b(!1);
       return;
     }
     if (o.isExplicitNone) {
-      T([]), h(!1);
+      x([]), b(!1);
       return;
     }
     const n = /* @__PURE__ */ new Map();
     t.categoryTaxonomy && r && r.length > 0 && n.set(t.categoryTaxonomy, r), t.countryTaxonomy && o.values.length > 0 && n.set(t.countryTaxonomy, o.values);
-    const E = r ? r.join(",") : void 0, P = {
+    const S = r ? r.join(",") : void 0, C = {
       after: t.after,
       before: t.before,
-      perPage: Number(y || 10),
+      perPage: Number(N || 10),
       page: g.page || 1,
-      locale: j || "en",
-      postType: u,
+      locale: H || "en",
+      postType: c,
       taxonomy: t.categoryTaxonomy || void 0,
-      category: E || void 0,
+      category: S || void 0,
       taxonomyFilters: n,
       ordering: "date",
       orderingDirection: "desc"
     };
-    await nt(P).then((O) => {
-      if (O) {
-        const { data: k, meta: d } = O;
-        T(k);
-        const _ = d && d["x-wp-totalpages"] ? d["x-wp-totalpages"] : 1, G = d && d["x-wp-total"] ? d["x-wp-total"] : 0;
-        _ && G && M({
-          type: "SET_POSTS_PAGINATION",
-          group: l,
-          totalPages: Number(_),
-          totalItems: Number(G)
-        });
-      }
+    await nt(C).then((s) => {
+      if (s) {
+        let p = null, d = null;
+        if (s && typeof s == "object" && "data" in s ? (p = s.data, d = s.meta) : (Array.isArray(s), p = s), x(Array.isArray(p) ? p : []), d) {
+          const G = d["x-wp-totalpages"] ? d["x-wp-totalpages"] : 1, V = d["x-wp-total"] ? d["x-wp-total"] : 0;
+          G && V && M({
+            type: "SET_POSTS_PAGINATION",
+            group: u,
+            totalPages: Number(G),
+            totalItems: Number(V)
+          });
+        }
+      } else
+        x([]);
     }).finally(() => {
-      h(!1);
+      b(!1);
     });
   };
   return Q(() => {
-    (async () => await U())();
-  }, [w, u, i, y, p, A, v]), /* @__PURE__ */ a(R, { fluid: !0, children: D ? /* @__PURE__ */ a(X, { active: !0, inline: "centered" }) : !D && F && F.length > 0 ? /* @__PURE__ */ a(
+    (async () => await k())();
+  }, [I, c, l, N, h, O, w]), /* @__PURE__ */ i(j, { fluid: !0, children: A ? /* @__PURE__ */ i(X, { active: !0, inline: "centered" }) : !A && P && P.length > 0 ? /* @__PURE__ */ i(
     lt,
     {
-      posts: F,
-      postWidth: Number(m),
-      postHeight: Number(c),
-      numberOfColumns: Number(x),
-      sortFirstBy: A,
-      countryCategory: v
+      posts: P,
+      postWidth: Number(f),
+      postHeight: Number(m),
+      numberOfColumns: Number(E),
+      sortFirstBy: O,
+      countryCategory: w
     }
-  ) : /* @__PURE__ */ a(et, { noDataMsg: "No posts found", group: l }) });
+  ) : /* @__PURE__ */ i(et, { noDataMsg: "No posts found", group: u }) });
 }, Tt = tt(K.memo(ut));
 export {
   Tt as default

package/dist/esm/layout/Header.js

@@ -180,7 +180,7 @@ const W = (r, s) => {
             {
               className: "brand logo small",
               size: "small",
-              src: "/TCDI-Icon-small_02.png"
+              src: "/wp-media/TCDI-Icon-small_02.png"
             }
           )
         ] }) }),