@devgateway/dvz-ui-react 1.7.2 → 1.7.4

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

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

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

@@ -1,72 +1,78 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import I, { useState as g, useEffect as u } from "react";
-import { useDispatch as x, useSelector as m } from "react-redux";
-import { Container as y, Dropdown as b, Icon as p } from "semantic-ui-react";
-import { injectIntl as j } from "react-intl";
-const k = (f) => {
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import x, { useState as g, useRef as y, useEffect as p } from "react";
+import { useDispatch as R, useSelector as u } from "react-redux";
+import { Container as b, Dropdown as E, Icon as m } from "semantic-ui-react";
+import { injectIntl as S } from "react-intl";
+const T = (f) => {
   const {
-    "data-group": c
-  } = f, h = x(), n = m((e) => e.getIn(["data", "postsPagination", c])), t = m((e) => e.getIn(["data", "posts", c])), s = n && (n != null && n.totalPages) ? n.totalPages : 1, [o, d] = g((t == null ? void 0 : t.page) ?? 1), [P, v] = g([]), C = () => {
+    "data-group": i
+  } = f, h = R(), t = u((e) => e.getIn(["data", "postsPagination", i])), n = u((e) => e.getIn(["data", "posts", i])), c = t && (t != null && t.totalPages) ? t.totalPages : 1, [a, d] = g((n == null ? void 0 : n.page) ?? 1), [P, v] = g([]), w = y(null), C = () => {
     const e = [];
-    for (let a = 1; a <= s; a++)
-      e.push({ key: a, text: a, value: a });
+    for (let o = 1; o <= c; o++)
+      e.push({ key: o, text: o, value: o });
     v(e);
   }, l = (e) => {
-    e !== o && (e < 1 || e > s || (d(e), h({
+    if (e === a || e < 1 || e > c) return;
+    d(e), h({
       type: "SET_POSTS_FILTER",
-      group: c,
-      ...t,
+      group: i,
+      ...n,
       page: e
-    })));
+    });
+    const o = document.getElementById(`filtered-posts-${i}`);
+    if (o) {
+      const I = o.getBoundingClientRect().top + window.scrollY - 50;
+      window.scrollTo({ top: I, behavior: "smooth" });
+    }
   };
-  return u(() => {
+  return p(() => {
     C();
-  }, [n == null ? void 0 : n.totalPages]), u(() => {
-    const e = (t == null ? void 0 : t.page) ?? 1;
-    e !== o && d(e);
-  }, [t == null ? void 0 : t.page]), /* @__PURE__ */ i(y, { fluid: !0, className: "posts-pagination", children: [
-    /* @__PURE__ */ i("div", { className: "posts-pagination-dropdown", children: [
+  }, [t]), p(() => {
+    const e = (n == null ? void 0 : n.page) ?? 1;
+    e !== a && d(e);
+  }, [n == null ? void 0 : n.page]), /* @__PURE__ */ r("div", { ref: w, children: /* @__PURE__ */ s(b, { fluid: !0, className: "posts-pagination", children: [
+    /* @__PURE__ */ s("div", { className: "posts-pagination-dropdown", children: [
       /* @__PURE__ */ r("span", { children: "Page" }),
       /* @__PURE__ */ r(
-        b,
+        E,
         {
           options: P,
           placeholder: "Select Item",
           selection: !0,
           compact: !0,
-          value: o,
-          onChange: (e, a) => l(Number(a.value))
+          value: a,
+          onChange: (e, o) => l(Number(o.value))
         }
       ),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i("span", { children: [
+      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s("span", { children: [
         "of ",
-        n && (n == null ? void 0 : n.totalPages)
+        t && (t == null ? void 0 : t.totalPages)
       ] }) })
     ] }),
-    /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ s("div", { children: [
       /* @__PURE__ */ r(
-        p,
+        m,
         {
           size: "large",
           style: { cursor: "pointer" },
-          onClick: () => l(o - 1),
+          onClick: () => l(a - 1),
           name: "angle left",
-          disabled: o === 1
+          disabled: a === 1
         }
       ),
       /* @__PURE__ */ r(
-        p,
+        m,
         {
           size: "large",
           style: { cursor: "pointer" },
-          onClick: () => l(o + 1),
+          onClick: () => l(a + 1),
           name: "angle right",
-          disabled: o === s
+          disabled: a === c
         }
       )
     ] })
-  ] });
-}, z = j(I.memo(k));
+  ] }) });
+}, B = S(x.memo(T));
 export {
-  z as default
+  B as default
 };