@devgateway/dvz-ui-react 1.5.4 → 1.6.0

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

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

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

@@ -0,0 +1,60 @@
+import { jsx as w } from "react/jsx-runtime";
+import { useEffect as x } from "react";
+import y from "./PostsFilterDropdown.js";
+import { getYearRange as F } from "@devgateway/wp-react-lib";
+const T = (t) => {
+  const {
+    group: r,
+    placeholder: n,
+    allLabel: s,
+    noneLabel: l,
+    useSingleColumn: c,
+    enableTextSearch: i,
+    filterType: p,
+    showNoDataOption: f,
+    closeOnSelect: m,
+    allNoneSameBehaviour: u,
+    autoApply: h,
+    alphabeticalSort: d,
+    ascOrder: g,
+    onChange: Y,
+    setYearOptions: S,
+    setYearFilterLoading: a
+  } = t, D = async () => {
+    a(!0);
+    const b = (await F()).data.map((e) => ({
+      key: e,
+      value: e,
+      text: e.toString()
+    }));
+    return a(!1), b;
+  };
+  return x(() => {
+    (async () => {
+      const o = await D();
+      S(o);
+    })();
+  }, []), /* @__PURE__ */ w(
+    y,
+    {
+      ...t,
+      group: r,
+      placeholder: n,
+      allLabel: s,
+      noneLabel: l,
+      useSingleColumn: c,
+      enableTextSearch: i,
+      filterType: p,
+      showNoDataOption: f,
+      closeOnSelect: m,
+      allNoneSameBehaviour: u,
+      autoApply: h,
+      alphabeticalSort: d,
+      ascOrder: g,
+      onChange: Y
+    }
+  );
+};
+export {
+  T as default
+};