@devgateway/dvz-ui-react 1.4.0 → 1.5.1

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

@@ -0,0 +1,190 @@
+import { jsx as l, jsxs as m, Fragment as F } from "react/jsx-runtime";
+import { useState as U, useRef as L, useEffect as P } from "react";
+import { Dropdown as h, Segment as Y, Label as R, Container as O, Icon as q, Divider as z, Radio as H, Checkbox as J } from "semantic-ui-react";
+const T = "multi-select", g = "single-select", Z = (b) => {
+  const {
+    allLabel: D,
+    noneLabel: M,
+    placeholder: w,
+    options: r,
+    // group,
+    current: C,
+    onChange: i,
+    useSingleColumn: y,
+    enableTextSearch: p,
+    filterType: o,
+    // defaultValues,
+    // showNoDataOption,
+    // defaultValueCriteria,
+    allNoneSameBehaviour: N,
+    hiddenFilters: f,
+    // autoApply,
+    // taxonomy,
+    // type,
+    value: a,
+    closeOnSelect: v = !0
+  } = b, u = o === T, s = Array.isArray(a) ? a : C || [], [c, V] = U(""), A = (e, t) => {
+    if (o === T) {
+      let n = Array.isArray(s) ? [...s] : [];
+      return n.indexOf(t) > -1 ? n = n.filter((I) => I !== t) : n = [...n, t], i && i(e, n);
+    }
+    if (o === g)
+      return i && i(e, t);
+    v && d.current && d.current.close();
+  }, $ = () => {
+    const e = (r || []).filter((t) => {
+      var n;
+      return p && c && c.trim().length > 0 && t.text ? (n = t.text) == null ? void 0 : n.toString().toLowerCase().includes(c.toLowerCase()) : !0;
+    }).map((t) => t.value);
+    u && i && i({}, e), !u && v && d.current && d.current.close();
+  }, K = () => {
+    let e = [];
+    N && (e = (r || []).filter((t) => {
+      var n;
+      return p && c && c.trim().length > 0 && t.text ? (n = t.text) == null ? void 0 : n.toString().toLowerCase().includes(c.toLowerCase()) : !0;
+    }).map((t) => t.value)), u && i && i({}, e), !u && v && d.current && d.current.close();
+  }, _ = (e) => {
+    V(e);
+  }, E = L(!1);
+  P(() => {
+    if (!(!u || E.current) && r && r.length > 0)
+      if (!(Array.isArray(s) ? s.length > 0 : !!s) && i) {
+        E.current = !0;
+        const t = r.map((n) => n.value);
+        i({}, t);
+      } else
+        E.current = !0;
+  }, [u, r]), P(() => {
+    if (u && r && r.length > 0 && i) {
+      const e = r.map((t) => t.value);
+      i({}, e);
+    }
+  }, []);
+  const j = () => {
+    if (o == g) {
+      const e = a ? r == null ? void 0 : r.filter((t) => t.value == a)[0] : null;
+      return e ? e.text : "";
+    } else {
+      const e = s ? s.filter((n) => n == Number.MIN_SAFE_INTEGER ? !1 : f && f.length > 0 ? f.indexOf(n) == -1 : !0).length : 0, t = (r == null ? void 0 : r.filter((n) => f && f.length > 0 ? f.indexOf(n.id) == -1 : !0).length) || 0;
+      return `${w} (${e}/${t})`;
+    }
+  }, d = L(null), k = j(), x = typeof k == "string" ? k : "", B = x && x.length > 0 ? x : w || "", S = L(void 0);
+  P(() => {
+    o === g && S.current === void 0 && a !== void 0 && (S.current = a);
+  }, [o, a]);
+  const G = o === g ? a != null && a !== S.current : C && C.length > 0;
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ l(
+      h,
+      {
+        ...b,
+        ref: d,
+        fluid: !0,
+        text: B,
+        scrolling: !1,
+        button: !0,
+        icon: "angle down",
+        multiple: u,
+        search: !0,
+        floating: !1,
+        value: a,
+        closeOnChange: v,
+        ...u ? { renderLabel: () => null } : {},
+        className: `multiple ${G ? "applied " : ""}`,
+        children: /* @__PURE__ */ m(h.Menu, { children: [
+          o != g && /* @__PURE__ */ m(F, { children: [
+            /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ m(h.Item, { children: [
+              /* @__PURE__ */ l(R, { basic: !0, onClick: $, children: D }),
+              " ",
+              "|",
+              " ",
+              /* @__PURE__ */ l(R, { basic: !0, onClick: K, children: M })
+            ] }) }),
+            p && /* @__PURE__ */ m(F, { children: [
+              /* @__PURE__ */ l(O, { children: /* @__PURE__ */ l(h.Item, { children: /* @__PURE__ */ l("div", { className: "ui action input", children: /* @__PURE__ */ m("div", { className: "ui input", children: [
+                /* @__PURE__ */ l(
+                  "input",
+                  {
+                    className: "filter-search",
+                    value: c,
+                    placeholder: "Search...",
+                    onChange: (e) => {
+                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation(), _(e.target.value);
+                    },
+                    onKeyDown: (e) => {
+                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+                    },
+                    onKeyUp: (e) => {
+                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+                    },
+                    onKeyPress: (e) => {
+                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+                    },
+                    onMouseDown: (e) => {
+                      e.stopPropagation();
+                    },
+                    onClick: (e) => {
+                      e.stopPropagation();
+                    },
+                    onFocus: (e) => {
+                      e.stopPropagation();
+                    },
+                    type: "text",
+                    autoComplete: "off"
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  q,
+                  {
+                    name: "remove",
+                    link: !0,
+                    className: "clear-icon ignore",
+                    onClick: (e) => {
+                      _("");
+                    }
+                  }
+                )
+              ] }) }) }) }),
+              /* @__PURE__ */ l(z, {})
+            ] })
+          ] }),
+          /* @__PURE__ */ l("br", {}),
+          /* @__PURE__ */ l(O, { className: y ? "dropdown-single-column" : "", children: r == null ? void 0 : r.filter((e) => {
+            var t;
+            return p && c && c.trim().length > 0 && e.text ? (t = e.text) == null ? void 0 : t.toString().toLowerCase().includes(c.toLowerCase()) : !0;
+          }).map(({ value: e, text: t }, n) => /* @__PURE__ */ m(
+            h.Item,
+            {
+              className: y ? "dropdown-item-single-column" : "",
+              children: [
+                o === g && /* @__PURE__ */ l(
+                  H,
+                  {
+                    checked: a === e,
+                    onChange: (I) => {
+                      A(I, e);
+                    },
+                    label: t
+                  }
+                ),
+                o === T && /* @__PURE__ */ l(
+                  J,
+                  {
+                    checked: !!(s && s.indexOf(e) > -1 && !(r.length == s.length && N)),
+                    onChange: () => A(null, e),
+                    label: t
+                  }
+                )
+              ]
+            },
+            n
+          )) })
+        ] })
+      }
+    )
+  );
+};
+export {
+  Z as default
+};

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

@@ -0,0 +1,215 @@
+import { jsxs as re, jsx as L } from "react/jsx-runtime";
+import { useRef as oe, useState as d, useEffect as x } from "react";
+import { Container as ae } from "semantic-ui-react";
+import { toNumber as le, toBoolean as n } from "../../utils/data.js";
+import { getYearRange as ne } from "@devgateway/wp-react-lib";
+import q from "./PostsFilterDropdown.js";
+import { Config as ie } from "../../conf/index.js";
+import { useAppDispatch as se } from "../../redux/hooks.js";
+import { useSelector as ce } from "react-redux";
+const ye = (m) => {
+  const {
+    taxonomy: p,
+    group: O,
+    placeholder: l,
+    allLabel: S,
+    noneLabel: h,
+    useSingleColumn: f,
+    enableTextSearch: b,
+    filterType: A,
+    showNoDataOption: F,
+    closeOnSelect: N,
+    allNoneSameBehaviour: v,
+    autoApply: B,
+    alphabeticalSort: Y,
+    ascOrder: o,
+    type: i,
+    categories: C,
+    onChange: _
+  } = m, [T, c] = d([]), g = async () => {
+    if (!p || p === "none") {
+      c([]);
+      return;
+    }
+    const e = await (await fetch(ie.REACT_APP_WP_API + "/wp/v2/" + p)).json();
+    if (e) {
+      const a = e.map((s) => ({
+        key: s.id,
+        value: s.id,
+        text: s.name
+      }));
+      if (C) {
+        const s = a.filter((w) => C.indexOf(w.value.toString()) > -1);
+        c(s);
+      } else
+        c(a);
+    }
+  };
+  return x(() => (g(), () => {
+    c([]);
+  }), [i]), /* @__PURE__ */ L(
+    q,
+    {
+      ...m,
+      group: O,
+      placeholder: l,
+      allLabel: S,
+      noneLabel: h,
+      useSingleColumn: f,
+      enableTextSearch: b,
+      filterType: A,
+      showNoDataOption: F,
+      closeOnSelect: N,
+      allNoneSameBehaviour: v,
+      autoApply: B,
+      alphabeticalSort: Y,
+      ascOrder: o,
+      options: T,
+      onChange: _
+    }
+  );
+}, Ce = (m) => {
+  const {
+    "data-alphabetical-sort": p,
+    "data-asc-order": O,
+    "data-group": l,
+    "data-placeholder": S,
+    "data-all-label": h,
+    "data-none-label": f,
+    "data-use-single-column": b,
+    "data-enable-text-search": A,
+    "data-filter-type": F,
+    "data-show-no-data-option": N,
+    "data-close-on-select": v,
+    "data-all-none-same-behaviour": B,
+    "data-auto-apply": Y,
+    "data-taxonomy": o,
+    "data-categories": i,
+    "data-is-country-filter": C,
+    "data-is-year-filter": _,
+    "data-type": T,
+    "data-sort-first-by": c
+  } = m, g = se(), e = ce((r) => r.getIn(["data", "posts", l])) || {}, a = F === "multi-select", s = oe(0), w = n(p), G = n(O), D = n(N), R = n(v), j = n(B), K = n(Y), t = n(C), y = n(_), k = n(b), $ = n(A), V = c !== "none" ? le(c) : null, [H, J] = d([]), [Q, U] = d(
+    a ? Array.isArray(e.yearFilter) ? e.yearFilter : e.yearFilter != null ? [e.yearFilter] : [] : e.yearFilter || void 0
+  ), [M, P] = d(
+    a ? Array.isArray(e.countryFilter) ? e.countryFilter : e.countryFilter != null ? [e.countryFilter] : [] : e.countryFilter || void 0
+  ), [W, E] = d(
+    a ? Array.isArray(e.categoryFilter) ? e.categoryFilter : e.categoryFilter != null ? [e.categoryFilter] : [] : e.categoryFilter || void 0
+  );
+  x(() => {
+    U(e.yearFilter || void 0), a ? (P(Array.isArray(e.countryFilter) ? e.countryFilter : e.countryFilter != null ? [e.countryFilter] : []), E(Array.isArray(e.categoryFilter) ? e.categoryFilter : e.categoryFilter != null ? [e.categoryFilter] : [])) : (P(e.countryFilter || void 0), E(e.categoryFilter || void 0));
+  }, [e, a]);
+  const X = (r) => {
+    g({
+      type: "SET_POSTS_FILTER",
+      group: l,
+      isYearFilter: y,
+      yearFilter: r,
+      isCountryFilter: t,
+      categoryFilter: e.categoryFilter,
+      countryFilter: e.countryFilter,
+      sortFirstBy: V,
+      countryCategory: o,
+      categoryTaxonomy: o,
+      countryTaxonomy: o
+    });
+  }, Z = (r) => {
+    t ? P(r) : E(r), g({
+      type: "SET_POSTS_FILTER",
+      group: l,
+      // Preserve both filters so they can work together
+      categoryFilter: t ? e.categoryFilter : r,
+      countryFilter: t ? r : e.countryFilter,
+      yearFilter: e.yearFilter,
+      isYearFilter: y,
+      isCountryFilter: t,
+      sortFirstBy: t ? V : e.sortFirstBy,
+      countryCategory: t ? o : e.countryCategory,
+      categoryCategory: t ? e.categoryCategory : r,
+      categoryTaxonomy: t ? e.categoryTaxonomy : o,
+      countryTaxonomy: t ? o : e.countryTaxonomy
+    });
+  };
+  x(() => {
+    const r = t ? e.categoryFilter : a ? i ? i.split(",").map(Number) : [] : e.categoryFilter, u = t && a ? i ? i.split(",").map(Number) : [] : e.countryFilter;
+    g({
+      type: "SET_INITIAL_POSTS_FILTER",
+      group: l,
+      categoryFilter: r,
+      countryFilter: u,
+      isYearFilter: y,
+      isCountryFilter: t,
+      sortFirstBy: V,
+      categoryCategory: t ? null : e.categoryCategory,
+      categoryTaxonomy: t ? null : o,
+      countryCategory: t ? e.countryCategory : null,
+      countryTaxonomy: t ? o : null
+    });
+  }, [l]), x(() => {
+    y && ee();
+  }, [y]);
+  const ee = async () => {
+    const te = (await ne()).data.map((I) => ({
+      key: I,
+      value: I,
+      text: `Year ${I}`
+    }));
+    J(te || []);
+  };
+  return /* @__PURE__ */ re(ae, { fluid: !0, className: "filter", children: [
+    y && /* @__PURE__ */ L(
+      q,
+      {
+        group: l,
+        placeholder: S,
+        allLabel: h,
+        noneLabel: f,
+        useSingleColumn: k,
+        enableTextSearch: $,
+        filterType: F,
+        showNoDataOption: D,
+        closeOnSelect: R,
+        allNoneSameBehaviour: j,
+        autoApply: K,
+        alphabeticalSort: w,
+        ascOrder: G,
+        options: H,
+        taxonomy: o,
+        type: T,
+        value: Q,
+        onChange: (r, u) => {
+          X(u);
+        },
+        resetKey: s.current
+      }
+    ),
+    !y && /* @__PURE__ */ L(
+      ye,
+      {
+        group: l,
+        placeholder: S,
+        allLabel: h,
+        noneLabel: f,
+        useSingleColumn: k,
+        enableTextSearch: $,
+        filterType: F,
+        showNoDataOption: D,
+        closeOnSelect: R,
+        allNoneSameBehaviour: j,
+        autoApply: K,
+        taxonomy: o,
+        type: T,
+        value: t ? M : W,
+        onChange: (r, u) => {
+          Z(u);
+        },
+        categories: i ? i.split(",") : [],
+        resetKey: s.current
+      },
+      `cat-${l}`
+    )
+  ] });
+};
+export {
+  Ce as default
+};

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

@@ -0,0 +1,33 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import p from "react";
+import { useDispatch as u, useSelector as i } from "react-redux";
+import { Container as m, Icon as f } from "semantic-ui-react";
+import I from "lodash.isequal";
+const S = (l) => {
+  const {
+    "data-group": t,
+    "data-reset-label": n = "Reset All Filters"
+  } = l, c = u(), s = i((r) => r.getIn(["data", "posts", t])), e = i((r) => r.getIn(["data", "posts", "initialFilters", t])), o = p.useMemo(() => s && e ? !I(s, e) : !1, [s, e]);
+  return /* @__PURE__ */ d(
+    m,
+    {
+      fluid: !0,
+      className: `data-filters-reset ignore ${o ? "" : "disabled"}`,
+      onClick: () => {
+        c({
+          type: "SET_INITIAL_POSTS_FILTER",
+          group: t,
+          ...e,
+          reset: !0
+        });
+      },
+      children: [
+        /* @__PURE__ */ a("span", { children: n }),
+        /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(f, { disabled: !o, name: "undo alternate", className: "custom-undo-icon" }) })
+      ]
+    }
+  );
+};
+export {
+  S as default
+};

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

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

package/dist/esm/embeddable/reducers/data-api.js

@@ -1,33 +1,48 @@
-import "../../conf/index.js";
-import { get as f } from "../../api/commons.js";
-function c(t) {
+import { Config as T } from "../../conf/index.js";
+import { get as y } from "../../api/commons.js";
+function f(t) {
   return JSON.parse(JSON.stringify(t));
 }
-const o = process.env.VITE_REACT_APP_API_ROOT;
-console.log("API_ROOT==>", o);
-const s = {}, i = {}, p = 3 * 60 * 1e3;
-function a(t) {
-  return Object.keys(t).map((e) => encodeURIComponent(e) + "=" + encodeURIComponent(t[e])).join("&");
+const l = process.env.VITE_REACT_APP_API_ROOT, g = {}, p = {}, _ = 3 * 60 * 1e3;
+function P(t) {
+  return Object.keys(t).map((n) => encodeURIComponent(n) + "=" + encodeURIComponent(t[n])).join("&");
 }
-function l(t) {
-  const e = t, n = Date.now();
-  if (i[e] && n - i[e].timestamp < p)
-    return Promise.resolve(c(i[e].data));
-  if (s[e])
-    return s[e].then(c);
-  const r = f(t).then((u) => (i[e] = { data: u, timestamp: Date.now() }, c(u))).finally(() => {
-    delete s[e];
+function h(t, n = !1) {
+  const e = t, o = Date.now();
+  if (p[e] && o - p[e].timestamp < _)
+    return Promise.resolve(f(p[e].data));
+  if (g[e])
+    return g[e].then(f);
+  const c = y(t, {}).then((a) => (p[e] = { data: a, timestamp: Date.now() }, n ? { data: f(a), meta: p[e].meta } : f(a))).finally(() => {
+    delete g[e];
   });
-  return s[e] = r, r;
+  return g[e] = c, c;
 }
-const O = ({ app: t, params: e }) => {
-  const n = `${o || ""}/api/${t}/categories${e ? "?" + a(e) : ""}`;
-  return console.log("categories==>", n), l(n);
-}, R = ({ source: t, app: e, params: n }) => {
-  const r = `${o || ""}/api/${e}/stats/${t}${n ? "?" + a(n) : ""}`;
-  return l(r);
+const w = ({ app: t, params: n }) => {
+  const e = `${l || ""}/api/${t}/categories${n ? "?" + P(n) : ""}`;
+  return h(e);
+}, E = ({ source: t, app: n, params: e }) => {
+  const o = `${l || ""}/api/${n}/stats/${t}${e ? "?" + P(e) : ""}`;
+  return h(o);
+}, U = ({ postType: t, taxonomy: n, category: e, taxonomyFilters: o, before: c, perPage: a, page: $, locale: A, after: d }) => {
+  const O = `${T.REACT_APP_WP_API}/wp/v2/${t}`, i = new URLSearchParams(), m = /* @__PURE__ */ new Map(), C = (s, r) => {
+    if (!s || r == null) return;
+    const u = m.get(s) || [];
+    Array.isArray(r) ? r.forEach((S) => {
+      S != null && u.push(String(S));
+    }) : u.push(String(r)), m.set(s, u);
+  };
+  o && o instanceof Map && o.forEach((s, r) => {
+    C(r, s);
+  }), m.forEach((s, r) => {
+    const u = Array.from(new Set(s));
+    i.set(r, u.join(","));
+  }), c && i.append("before", c.toISOString()), a && i.append("per_page", a.toString()), i.append("page", $.toString()), i.append("locale", A), d && i.append("after", d.toISOString());
+  const R = i.toString().replace(/%2C/g, ",");
+  return y(`${O}?${R}`, {});
 };
 export {
-  O as getCategories,
-  R as getData
+  w as getCategories,
+  U as getCustomPosts,
+  E as getData
 };