@devgateway/dvz-ui-react 1.7.4 → 1.7.6

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

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

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

@@ -1,8 +1,8 @@
-import { jsx as w } from "react/jsx-runtime";
-import { useEffect as x } from "react";
-import F from "./PostsFilterDropdown.js";
-import { getYearRange as L } from "@devgateway/wp-react-lib";
-const k = (o) => {
+import { jsx as x } from "react/jsx-runtime";
+import { useEffect as F } from "react";
+import L from "./PostsFilterDropdown.js";
+import { getYearRange as v } from "@devgateway/wp-react-lib";
+const j = (o) => {
   const {
     group: r,
     placeholder: s,
@@ -18,29 +18,30 @@ const k = (o) => {
     alphabeticalSort: h,
     ascOrder: g,
     onChange: Y,
-    yearOptions: v,
+    yearOptions: A,
     setYearOptions: y,
-    yearFilterLoading: C,
+    yearFilterLoading: B,
     setYearFilterLoading: t,
-    ...O
-  } = o, S = async () => {
+    wpApiBase: O,
+    ...S
+  } = o, w = async () => {
     t(!0);
-    const b = (await L()).data.map((e) => ({
+    const b = (await v(O)).data.map((e) => ({
       key: e,
       value: e,
       text: e.toString()
     }));
     return t(!1), b;
   };
-  return x(() => {
+  return F(() => {
     (async () => {
-      const a = await S();
+      const a = await w();
       y(a);
     })();
-  }, []), /* @__PURE__ */ w(
-    F,
+  }, []), /* @__PURE__ */ x(
+    L,
     {
-      ...O,
+      ...S,
       group: r,
       placeholder: s,
       allLabel: n,
@@ -59,5 +60,5 @@ const k = (o) => {
   );
 };
 export {
-  k as default
+  j as default
 };

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

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

package/dist/esm/embeddable/posts-filters-reset-button/index.js

@@ -1,13 +1,14 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import d from "react";
-import { useDispatch as u, useSelector as n } from "react-redux";
+import { useDispatch as u, useSelector as a } from "react-redux";
 import { Container as m, Icon as f } from "semantic-ui-react";
 import I from "lodash.isequal";
-const R = (i) => {
+import { injectIntl as g } from "react-intl";
+const F = (i) => {
   const {
     "data-group": s,
     "data-reset-label": l = "Reset All Filters"
-  } = i, c = u(), r = n((o) => o.getIn(["data", "posts", s])), t = n((o) => o.getIn(["data", "posts", "initialFilters", s])), e = d.useMemo(() => r && t ? !I(r, t) : !1, [r, t]);
+  } = i, c = u(), o = a((r) => r.getIn(["data", "posts", s])), t = a((r) => r.getIn(["data", "posts", "initialFilters", s])), e = d.useMemo(() => o && t ? !I(o, t) : !1, [o, t]);
   return /* @__PURE__ */ p(
     m,
     {
@@ -28,12 +29,12 @@ const R = (i) => {
         });
       },
       children: [
-        /* @__PURE__ */ a("span", { children: l }),
-        /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(f, { disabled: !e, name: "undo alternate", className: "custom-undo-icon" }) })
+        /* @__PURE__ */ n("span", { children: l }),
+        /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(f, { disabled: !e, name: "undo alternate", className: "custom-undo-icon" }) })
       ]
     }
   );
-};
+}, T = g(F);
 export {
-  R as default
+  T as default
 };