@devgateway/dvz-ui-react 1.7.3 → 1.7.5

package/dist/esm/embeddable/posts-filter/CategoricalFilter.js

@@ -1,73 +1,76 @@
-import { jsx as A } from "react/jsx-runtime";
+import { jsx as F } from "react/jsx-runtime";
 import { useState as _, useEffect as j } from "react";
-import B from "./PostsFilterDropdown.js";
-import { Config as D } from "../../conf/index.js";
-const k = (i) => {
+import D from "./PostsFilterDropdown.js";
+import { Config as E } from "../../conf/index.js";
+const W = (p) => {
   const {
-    taxonomy: t,
-    group: l,
-    placeholder: p,
-    allLabel: c,
-    noneLabel: f,
-    useSingleColumn: m,
-    enableTextSearch: u,
-    filterType: g,
-    showNoDataOption: y,
-    closeOnSelect: d,
-    allNoneSameBehaviour: x,
+    taxonomy: n,
+    group: c,
+    placeholder: f,
+    allLabel: m,
+    noneLabel: u,
+    useSingleColumn: g,
+    enableTextSearch: y,
+    filterType: d,
+    showNoDataOption: h,
+    closeOnSelect: x,
+    allNoneSameBehaviour: A,
     autoApply: O,
-    alphabeticalSort: S,
-    ascOrder: h,
-    type: P,
-    categories: n,
-    onChange: T,
-    ...w
-  } = i, [C, e] = _([]), b = async () => {
-    if (!t || t === "none") {
+    alphabeticalSort: P,
+    ascOrder: S,
+    type: w,
+    categories: a,
+    onChange: B,
+    wpApiBase: o,
+    ...T
+  } = p, [b, e] = _([]), v = async () => {
+    if (!n || n === "none") {
       e([]);
       return;
     }
-    const r = await (await fetch(D.REACT_APP_WP_API + "/wp/v2/" + t)).json();
+    const i = o != null && o !== "" ? o : E.REACT_APP_WP_API;
+    console.log("Fetching taxonomy options from API base:", i);
+    const r = await (await fetch(i + "/wp/v2/" + n)).json();
     if (r) {
-      const s = r.map((o) => ({
-        key: o.id,
-        value: o.id,
-        text: o.name
+      const l = r.map((t) => ({
+        key: t.id,
+        value: t.id,
+        text: t.name
       }));
-      if (n) {
-        const o = s.filter((v) => n.indexOf(v.value.toString()) > -1);
-        e([]), e(o);
+      if (a) {
+        const t = l.filter((C) => a.indexOf(C.value.toString()) > -1);
+        e([]), e(t);
       } else
-        e([]), e(s);
+        e([]), e(l);
     }
   };
   return j(() => {
-    let a = !1;
-    return a || (e([]), b()), () => {
-      a = !0;
+    let s = !1;
+    return s || (e([]), v()), () => {
+      s = !0;
     };
-  }, [P, t, n]), /* @__PURE__ */ A(
-    B,
+  }, [w, n, a, o]), /* @__PURE__ */ F(
+    D,
     {
-      ...w,
-      group: l,
-      placeholder: p,
-      allLabel: c,
-      noneLabel: f,
-      useSingleColumn: m,
-      enableTextSearch: u,
-      filterType: g,
-      showNoDataOption: y,
-      closeOnSelect: d,
-      allNoneSameBehaviour: x,
+      ...T,
+      group: c,
+      placeholder: f,
+      allLabel: m,
+      noneLabel: u,
+      useSingleColumn: g,
+      enableTextSearch: y,
+      filterType: d,
+      showNoDataOption: h,
+      closeOnSelect: x,
+      allNoneSameBehaviour: A,
       autoApply: O,
-      alphabeticalSort: S,
-      ascOrder: h,
-      options: C,
-      onChange: T
+      alphabeticalSort: P,
+      ascOrder: S,
+      options: b,
+      onChange: B
     }
   );
 };
 export {
-  k as default
+  W as default
 };

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

@@ -1,184 +1,175 @@
-import { jsxs as de, jsx as U } from "react/jsx-runtime";
-import { useRef as $, useState as f, useMemo as N, useEffect as V } from "react";
-import { Container as me } from "semantic-ui-react";
-import { toBoolean as i, toNumber as fe } from "../../utils/data.js";
-import { useAppDispatch as he } from "../../redux/hooks.js";
-import { useSelector as Se } from "react-redux";
-import Ce from "./CategoricalFilter.js";
-import Te from "./YearFilter.js";
-const Ee = (k) => {
+import { jsxs as se, jsx as Y } from "react/jsx-runtime";
+import { useState as h, useMemo as p, useEffect as E } from "react";
+import { Container as ce } from "semantic-ui-react";
+import { toBoolean as s, toNumber as ye } from "../../utils/data.js";
+import { useAppDispatch as ue } from "../../redux/hooks.js";
+import { useSelector as pe } from "react-redux";
+import Fe from "./CategoricalFilter.js";
+import de from "./YearFilter.js";
+const Ae = (L) => {
   const {
-    "data-alphabetical-sort": G,
-    "data-asc-order": H,
+    "data-alphabetical-sort": D,
+    "data-asc-order": R,
     "data-group": c,
-    "data-placeholder": A,
-    "data-all-label": Y,
-    "data-none-label": I,
-    "data-use-single-column": Q,
-    "data-enable-text-search": W,
-    "data-filter-type": S,
-    "data-show-no-data-option": X,
-    "data-close-on-select": Z,
-    "data-all-none-same-behaviour": ee,
-    "data-auto-apply": te,
-    "data-taxonomy": s,
-    "data-categories": y = "[]",
-    "data-is-country-filter": re,
-    "data-is-year-filter": ae,
-    "data-type": oe,
-    "data-sort-first-by": _,
-    "data-default-values": le = "[]",
-    editing: ne = !1
-  } = k, h = he(), t = Se((e) => e.getIn(["data", "posts", c])) || {}, o = S === "multi-select", B = $(0), E = (e) => ne ? e : decodeURIComponent(e);
-  let n = ((e) => {
+    "data-placeholder": T,
+    "data-all-label": C,
+    "data-none-label": b,
+    "data-use-single-column": v,
+    "data-enable-text-search": P,
+    "data-filter-type": F,
+    "data-show-no-data-option": z,
+    "data-close-on-select": j,
+    "data-all-none-same-behaviour": J,
+    "data-auto-apply": K,
+    "data-taxonomy": i,
+    "data-categories": d = "[]",
+    "data-is-country-filter": M,
+    "data-is-year-filter": U,
+    "data-type": $,
+    "data-sort-first-by": O,
+    "data-default-values": k = "[]",
+    "data-wordpress-source-type": ge,
+    "data-wordpress-source": q,
+    editing: G = !1
+  } = L, u = ue(), e = pe((t) => t.getIn(["data", "posts", c])) || {}, l = F === "multi-select", [x, fe] = h(0), N = (t) => G ? t : decodeURIComponent(t);
+  let n = ((t) => {
     try {
-      return JSON.parse(E(e));
-    } catch (r) {
-      return console.warn("JSON parsing failed for value:", e, "- treating as plain string. Error:", r), E(e);
+      return JSON.parse(N(t));
+    } catch (o) {
+      return console.warn("JSON parsing failed for value:", t, "- treating as plain string. Error:", o), N(t);
     }
-  })(le);
+  })(k);
   n || (n = []), typeof n == "string" && (n = n.split(",").map(Number)), typeof n == "number" && (n = [n]);
-  const ie = i(G), se = i(H), L = i(X), R = i(Z), w = i(ee), D = i(te), a = i(re), l = i(ae), P = i(Q), v = i(W), C = _ !== "none" ? fe(_) : null, [u, ce] = f([]), [T, ye] = f(!1), O = (e, r) => r ? Array.isArray(e) ? e : e != null ? [e] : [] : e || void 0, x = (e, r) => Array.isArray(e) && Array.isArray(r) ? e.length !== r.length ? !1 : e.every((d, m) => d === r[m]) : e === r, F = N(
-    () => O(t.countryFilter, o),
-    [t.countryFilter, o]
-  ), p = N(
-    () => O(t.categoryFilter, o),
-    [t.categoryFilter, o]
-  ), g = N(
-    () => l ? O(t.yearFilter, o) : void 0,
-    [t.yearFilter, o, l]
-  ), [ue, z] = f(g), [K, M] = f(F), [j, J] = f(p), q = $({
-    countryFilter: F,
-    categoryFilter: p,
-    yearFilter: g,
-    isMultiSelectFilter: o
-  });
-  V(() => {
-    const e = q.current, r = !x(e.countryFilter, F), d = !x(e.categoryFilter, p), m = l && !x(e.yearFilter, g), b = e.isMultiSelectFilter !== o;
-    (r || d || m || b) && (r && M(F), d && J(p), m && z(g), q.current = {
-      countryFilter: F,
-      categoryFilter: p,
-      yearFilter: g,
-      isMultiSelectFilter: o
-    });
-  }, [F, p, g, o, l]);
-  const Fe = (e) => {
-    z(e), h({
+  const H = s(D), Q = s(R), V = s(z), A = s(j), B = s(J), I = s(K), r = s(M), a = s(U), _ = s(v), w = s(P), g = O !== "none" ? ye(O) : null, [y, W] = h([]), [m, X] = h(!1), f = (t, o) => o ? Array.isArray(t) ? t : t != null ? [t] : [] : t || void 0, Z = p(
+    () => f(e.countryFilter, l),
+    [e.countryFilter, l]
+  ), ee = p(
+    () => f(e.categoryFilter, l),
+    [e.categoryFilter, l]
+  ), te = p(
+    () => a ? f(e.yearFilter, l) : void 0,
+    [e.yearFilter, l, a]
+  ), S = p(
+    () => d ? d.split(",") : [],
+    [d]
+  ), re = (t) => {
+    u({
       type: "SET_POSTS_FILTER",
       group: c,
-      ...t,
-      isYearFilter: l,
-      yearFilter: l ? e : null,
-      isCountryFilter: a,
-      categoryFilter: t.categoryFilter,
-      countryFilter: t.countryFilter,
-      sortFirstBy: C,
-      countryCategory: s,
-      categoryTaxonomy: s,
-      countryTaxonomy: s
+      ...e,
+      isYearFilter: a,
+      yearFilter: a ? t : null,
+      isCountryFilter: r,
+      categoryFilter: e.categoryFilter,
+      countryFilter: e.countryFilter,
+      sortFirstBy: g,
+      countryCategory: i,
+      categoryTaxonomy: i,
+      countryTaxonomy: i
     });
-  }, pe = (e) => {
-    a ? M(e) : J(e), h({
+  }, ae = (t) => {
+    u({
       type: "SET_POSTS_FILTER",
       group: c,
-      ...t,
+      ...e,
       // Preserve both filters so they can work together
-      categoryFilter: a ? t.categoryFilter : e,
-      countryFilter: a ? e : t.countryFilter,
-      isYearFilter: l,
-      yearFilter: t.yearFilter,
-      isCountryFilter: a,
-      sortFirstBy: a ? C : t.sortFirstBy,
-      countryCategory: a ? s : t.countryCategory,
-      categoryCategory: a ? t.categoryCategory : e,
-      categoryTaxonomy: a ? t.categoryTaxonomy : s,
-      countryTaxonomy: a ? s : t.countryTaxonomy
+      categoryFilter: r ? e.categoryFilter : t,
+      countryFilter: r ? t : e.countryFilter,
+      isYearFilter: a,
+      yearFilter: e.yearFilter,
+      isCountryFilter: r,
+      sortFirstBy: r ? g : e.sortFirstBy,
+      countryCategory: r ? i : e.countryCategory,
+      categoryCategory: r ? e.categoryCategory : t,
+      categoryTaxonomy: r ? e.categoryTaxonomy : i,
+      countryTaxonomy: r ? i : e.countryTaxonomy
     });
   };
-  return V(() => {
-    const e = n.length > 0, r = o ? n : n[0], d = a ? t.categoryFilter : e ? r : o ? y ? y.split(",").map(Number) : [] : t.categoryFilter, m = a ? e ? r : o ? y ? y.split(",").map(Number) : [] : t.countryFilter : t.countryFilter, b = l && o ? u.length > 0 ? u.map((ge) => ge.value) : [] : t.yearFilter;
-    h({
+  return E(() => {
+    const t = n.length > 0, o = l ? n : n[0], oe = r ? e.categoryFilter : t ? o : l ? S.map(Number) : e.categoryFilter, le = r ? t ? o : l ? S.map(Number) : e.countryFilter : e.countryFilter, ne = a && l ? y.length > 0 ? y.map((ie) => ie.value) : [] : e.yearFilter;
+    u({
       type: "SET_INITIAL_POSTS_FILTER",
       group: c,
-      categoryFilter: d,
-      countryFilter: m,
-      isYearFilter: l,
-      isCountryFilter: a,
-      sortFirstBy: C,
-      yearFilter: l ? b : null,
-      categoryCategory: a ? null : t.categoryCategory,
-      categoryTaxonomy: a ? null : s,
-      countryCategory: a ? t.countryCategory : null,
-      countryTaxonomy: a ? s : null,
+      categoryFilter: oe,
+      countryFilter: le,
+      isYearFilter: a,
+      isCountryFilter: r,
+      sortFirstBy: g,
+      yearFilter: a ? ne : null,
+      categoryCategory: r ? null : e.categoryCategory,
+      categoryTaxonomy: r ? null : i,
+      countryCategory: r ? i : null,
+      countryTaxonomy: r ? i : null,
       page: 1
     });
-  }, []), V(() => {
-    if (l && !T) {
-      const e = l && o ? u.length > 0 ? u.map((r) => r.value) : [] : t.yearFilter;
-      h({
+  }, []), E(() => {
+    if (a && !m) {
+      const t = a && l ? y.length > 0 ? y.map((o) => o.value) : [] : e.yearFilter;
+      u({
         type: "SET_INITIAL_POSTS_FILTER",
         group: c,
-        ...t,
-        isYearFilter: l,
-        yearFilter: l ? e : null
+        ...e,
+        isYearFilter: a,
+        yearFilter: a ? t : null
       });
     }
-  }, [T]), /* @__PURE__ */ de(me, { fluid: !0, className: "filter post-filter", children: [
-    l && /* @__PURE__ */ U(
-      Te,
+  }, [m]), /* @__PURE__ */ se(ce, { fluid: !0, className: "filter post-filter", children: [
+    a && /* @__PURE__ */ Y(
+      de,
       {
         group: c,
-        placeholder: A,
-        allLabel: Y,
-        noneLabel: I,
-        useSingleColumn: P,
-        enableTextSearch: v,
-        filterType: S,
-        showNoDataOption: L,
-        closeOnSelect: R,
-        allNoneSameBehaviour: w,
-        autoApply: D,
-        alphabeticalSort: ie,
-        ascOrder: se,
-        options: u,
-        value: ue,
-        yearOptions: u,
-        setYearOptions: ce,
-        yearFilterLoading: T,
-        setYearFilterLoading: ye,
-        onChange: (e, r) => {
-          Fe(r);
+        placeholder: T,
+        allLabel: C,
+        noneLabel: b,
+        useSingleColumn: _,
+        enableTextSearch: w,
+        filterType: F,
+        showNoDataOption: V,
+        closeOnSelect: A,
+        allNoneSameBehaviour: B,
+        autoApply: I,
+        alphabeticalSort: H,
+        ascOrder: Q,
+        options: y,
+        value: te,
+        yearOptions: y,
+        setYearOptions: W,
+        yearFilterLoading: m,
+        setYearFilterLoading: X,
+        onChange: (t, o) => {
+          re(o);
         },
-        resetKey: B.current
+        resetKey: x
       }
     ),
-    !l && /* @__PURE__ */ U(
-      Ce,
+    !a && /* @__PURE__ */ Y(
+      Fe,
       {
         group: c,
-        placeholder: A,
-        allLabel: Y,
-        noneLabel: I,
-        useSingleColumn: P,
-        enableTextSearch: v,
-        filterType: S,
-        showNoDataOption: L,
-        closeOnSelect: R,
-        allNoneSameBehaviour: w,
-        autoApply: D,
-        taxonomy: s,
-        type: oe,
-        value: a ? K : j,
-        onChange: (e, r) => {
-          pe(r);
+        placeholder: T,
+        allLabel: C,
+        noneLabel: b,
+        useSingleColumn: _,
+        enableTextSearch: w,
+        filterType: F,
+        showNoDataOption: V,
+        closeOnSelect: A,
+        allNoneSameBehaviour: B,
+        autoApply: I,
+        taxonomy: i,
+        type: $,
+        value: r ? Z : ee,
+        onChange: (t, o) => {
+          ae(o);
         },
-        categories: y ? y.split(",") : [],
-        resetKey: B.current
+        categories: S,
+        resetKey: x,
+        wpApiBase: q ?? void 0
       },
       `cat-${c}`
     )
   ] });
 };
 export {
-  Ee as default
+  Ae 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
 };