@devgateway/dvz-ui-react 1.1.1 → 1.2.1

package/dist/esm/embeddable/posts-with-filters/index.js

@@ -1,27 +1,28 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as A, useEffect as T } from "react";
-import { CategoriesProvider as $, CategoriesContext as H, PostProvider as J, PostConsumer as U, getYearRange as q } from "@devgateway/wp-react-lib";
-import { Container as R, Dropdown as b, Icon as k, Pagination as z } from "semantic-ui-react";
-import G from "./Post.js";
-import { getStartDateAndEndDateFromYear as K } from "./utils.js";
-import { toBoolean as x, toNumber as B } from "../../utils/data.js";
-const L = (C) => {
-  const { posts: a, meta: n, showPaginationOptions: f, currentPage: c, setCurrentPage: w, countryCategory: P, height: r } = C, u = B(P), F = Array.isArray(a) ? a.filter((o) => o.categories.includes(u)) : [], d = Array.isArray(a) ? a.filter((o) => !o.categories.includes(u)) : [], s = [...F, ...d], h = n && n["x-wp-totalpages"] ? n["x-wp-totalpages"] : 1;
-  return /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ t("div", { className: "posts-grid", children: s == null ? void 0 : s.map((o) => /* @__PURE__ */ t(G, { post: o }, o.id)) }),
-    f && /* @__PURE__ */ m("div", { className: "pagination-section", children: [
-      /* @__PURE__ */ m("div", { className: "pagination-info", children: [
+import { jsxs as w, jsx as t } from "react/jsx-runtime";
+import { useState as C, useEffect as $ } from "react";
+import { CategoriesProvider as H, CategoriesContext as J, PostProvider as U, PostConsumer as q, getYearRange as z } from "@devgateway/wp-react-lib";
+import { Container as j, Icon as k, Pagination as G } from "semantic-ui-react";
+import L from "./Post.js";
+import { getStartDateAndEndDateFromYear as M } from "./utils.js";
+import { toNumber as B, toBoolean as Y } from "../../utils/data.js";
+import b from "./DropDownFilter.js";
+const Q = (P) => {
+  const { posts: a, meta: i, showPaginationOptions: F, currentPage: h, setCurrentPage: S, countryCategory: v, height: s } = P, g = B(v), x = Array.isArray(a) ? a.filter((o) => o.categories.includes(g)) : [], u = Array.isArray(a) ? a.filter((o) => !o.categories.includes(g)) : [], n = [...x, ...u], l = i && i["x-wp-totalpages"] ? i["x-wp-totalpages"] : 1;
+  return /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ t("div", { className: "posts-grid", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(L, { post: o }, o.id)) }),
+    F && /* @__PURE__ */ w("div", { className: "pagination-section", children: [
+      /* @__PURE__ */ w("div", { className: "pagination-info", children: [
         "Page ",
-        /* @__PURE__ */ t("span", { className: "current-page", children: c }),
+        /* @__PURE__ */ t("span", { className: "current-page", children: h }),
         " of ",
-        h
+        l
       ] }),
       /* @__PURE__ */ t(
-        z,
+        G,
         {
-          activePage: c,
-          totalPages: h,
-          onPageChange: (o, { activePage: l }) => w(l),
+          activePage: h,
+          totalPages: l,
+          onPageChange: (o, { activePage: c }) => S(c),
           prevItem: { content: /* @__PURE__ */ t(k, { name: "angle left" }), icon: !0 },
           nextItem: { content: /* @__PURE__ */ t(k, { name: "angle right" }), icon: !0 },
           firstItem: null,
@@ -30,63 +31,63 @@ const L = (C) => {
       )
     ] })
   ] });
-}, M = (C) => {
+}, X = (P) => {
   const {
     categories: a,
-    selectedCategory: n,
-    setSelectedCategory: f,
-    selectedYear: c,
-    setSelectedYear: w,
-    onResetFilters: P,
-    showCategoryFilter: r,
-    categoryPlaceholder: u,
-    showDateFilter: F,
-    categoriesToBeShown: d,
-    setCurrentPage: s,
-    showCountryFilter: h,
+    selectedCategory: i,
+    setSelectedCategory: F,
+    selectedYear: h,
+    setSelectedYear: S,
+    onResetFilters: v,
+    showCategoryFilter: s,
+    categoryPlaceholder: g,
+    showDateFilter: x,
+    categoriesToBeShown: u,
+    setCurrentPage: n,
+    showCountryFilter: l,
     countryPlaceholder: o,
-    countryCategory: l,
-    selectedCountry: v,
-    setSelectedCountry: Y
-  } = C, [D, I] = A([]);
-  T(() => {
+    countryCategory: c,
+    selectedCountry: N,
+    setSelectedCountry: p
+  } = P, [D, V] = C([]);
+  $(() => {
     const e = async () => {
-      const V = (await q()).data.map((N) => ({
-        key: N,
-        value: N,
-        text: `Year ${N}`
+      const O = (await z()).data.map((A) => ({
+        key: A,
+        value: A,
+        text: `Year ${A}`
       }));
-      I(V);
+      V(O);
     };
     return e(), () => {
       e();
     };
   }, []);
-  const S = a && d ? a.filter((e) => d.includes(e.id)) : [], O = a && l ? a.filter((e) => e.parent === parseInt(l)) : [];
-  return /* @__PURE__ */ t("div", { className: "filters-section", children: /* @__PURE__ */ m("div", { className: "filter-controls", children: [
-    h && /* @__PURE__ */ t(
+  const m = a && u ? a.filter((e) => u.includes(e.id)) : [], I = a && c ? a.filter((e) => e.parent === parseInt(c)) : [];
+  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ w("div", { children: [
+    l && /* @__PURE__ */ t(
       b,
       {
-        options: O.map((e) => ({
+        options: I.map((e) => ({
           key: e.id,
           value: e.id,
           text: e.name
         })),
         placeholder: o,
-        value: v,
-        onChange: (e, { value: i }) => {
-          Y(i), s(1);
+        value: N,
+        onChange: (e, { value: r }) => {
+          p(r), n(1);
         }
       }
     ),
-    F && /* @__PURE__ */ t(
+    x && /* @__PURE__ */ t(
       b,
       {
         options: D,
         placeholder: "Select Year",
-        value: c || "",
-        onChange: (e, { value: i }) => {
-          w(i), s(1);
+        value: h,
+        onChange: (e, { value: r }) => {
+          S(r), n(1);
         },
         multiple: !1,
         searchable: !0,
@@ -94,31 +95,30 @@ const L = (C) => {
         closeOnSelect: !0
       }
     ),
-    r && /* @__PURE__ */ t(
+    s && /* @__PURE__ */ t(
       b,
       {
-        options: S ? S.map((e) => ({
+        options: m ? m.map((e) => ({
           key: e.id,
           value: e.id,
           text: e.name
         })) : [],
-        placeholder: u || "All Countries",
-        value: n,
-        onChange: (e, { value: i }) => {
-          f(i), s(1);
+        placeholder: g || "All Countries",
+        value: i,
+        onChange: (e, { value: r }) => {
+          F(r), n(1);
         },
         multiple: !1,
         searchable: !1,
         showAllNone: !1,
-        closeOnSelect: !0,
-        className: "category-filter"
+        closeOnSelect: !0
       }
     ),
-    /* @__PURE__ */ m(
-      R,
+    /* @__PURE__ */ w(
+      j,
       {
-        className: `data-filters-reset ignore ${n || c || v ? "" : "disabled"}`,
-        onClick: P,
+        className: `data-filters-reset ignore ${i || h || N ? "" : "disabled"}`,
+        onClick: v,
         children: [
           /* @__PURE__ */ t("span", { children: "Reset Filters" }),
           /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(k, { name: "undo alternate", className: "custom-undo-icon" }) })
@@ -126,80 +126,81 @@ const L = (C) => {
       }
     )
   ] }) });
-}, ae = (C) => {
+}, ne = (P) => {
   const {
     "data-height": a,
-    "data-show-pagination": n,
-    "data-show-posts-per-page": f,
-    "data-show-filters": c,
-    "data-show-date-filter": w,
-    "data-show-category-filter": P,
-    "data-categories": r,
-    "data-category-placeholder": u,
-    "data-show-country-filter": F,
-    "data-country-category": d,
-    "data-country-placeholder": s
-  } = C, [h, o] = A(null), [l, v] = A(null), [Y, D] = A(null), [I, S] = A(1), O = B(a), e = x(n), i = B(f), j = x(c), V = x(w), N = x(P), W = x(F), E = () => {
-    o(null), v(null), D(null);
-  }, g = l ? K(l) : null;
-  let p = [];
+    "data-show-pagination": i,
+    "data-show-posts-per-page": F,
+    "data-show-filters": h,
+    "data-show-date-filter": S,
+    "data-show-category-filter": v,
+    "data-categories": s,
+    "data-category-placeholder": g,
+    "data-show-country-filter": x,
+    "data-country-category": u,
+    "data-country-placeholder": n
+  } = P, [l, o] = C(null), [c, N] = C(null), [p, D] = C(null), [V, m] = C(1), [I, e] = C(0), r = B(a), R = Y(i), O = B(F), A = Y(h), W = Y(S), E = Y(v), K = Y(x), T = () => {
+    o(null), N(null), D(null), m(1), e((d) => d + 1);
+  }, y = c ? M(c) : null;
+  let f = [];
   try {
-    if (r)
-      if (Array.isArray(r))
-        p = r;
-      else if (typeof r == "string") {
-        const y = decodeURIComponent(r);
-        y && y !== "undefined" && (p = JSON.parse(y));
+    if (s)
+      if (Array.isArray(s))
+        f = s;
+      else if (typeof s == "string") {
+        const d = decodeURIComponent(s);
+        d && d !== "undefined" && (f = JSON.parse(d));
       } else
-        p = r;
+        f = s;
   } catch {
-    p = [];
+    f = [];
   }
-  return /* @__PURE__ */ m(R, { fluid: !0, style: { height: "100%", minHeight: O + "px" }, children: [
-    j && /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(H.Consumer, { children: ({ categories: y }) => /* @__PURE__ */ t(
-      M,
+  return console.log(r, "heightValue"), /* @__PURE__ */ w(j, { fluid: !0, className: "container", style: { height: r + "px", minHeight: r + "px" }, children: [
+    A && /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(J.Consumer, { children: ({ categories: d }) => /* @__PURE__ */ t(
+      X,
       {
-        showCategoryFilter: N,
-        categoryPlaceholder: u,
-        showDateFilter: V,
-        categories: y || [],
-        categoriesToBeShown: p,
-        selectedCategory: h,
+        showCategoryFilter: E,
+        categoryPlaceholder: g,
+        showDateFilter: W,
+        categories: d || [],
+        categoriesToBeShown: f,
+        selectedCategory: l,
         setSelectedCategory: o,
-        selectedYear: l,
-        setSelectedYear: v,
-        onResetFilters: E,
-        setCurrentPage: S,
-        showCountryFilter: W,
-        countryPlaceholder: s,
-        countryCategory: d,
-        selectedCountry: Y,
+        selectedYear: c,
+        setSelectedYear: N,
+        onResetFilters: T,
+        setCurrentPage: m,
+        showCountryFilter: K,
+        countryPlaceholder: n,
+        countryCategory: u,
+        selectedCountry: p,
         setSelectedCountry: D
       }
     ) }) }),
     /* @__PURE__ */ t(
-      J,
+      U,
       {
-        perPage: i || 10,
+        perPage: O || 10,
         store: "posts-with-filters",
-        categories: Y || h || p.join(","),
-        after: (g == null ? void 0 : g.startDate) || null,
-        before: (g == null ? void 0 : g.endDate) || null,
-        page: I,
-        children: /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(
-          L,
+        categories: (p == null ? void 0 : p.toString()) || (l == null ? void 0 : l.toString()) || f.join(","),
+        after: (y == null ? void 0 : y.startDate) || null,
+        before: (y == null ? void 0 : y.endDate) || null,
+        page: V,
+        children: /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(
+          Q,
           {
-            showPaginationOptions: e,
-            currentPage: I,
-            setCurrentPage: S,
-            countryCategory: d,
-            height: O
+            showPaginationOptions: R,
+            currentPage: V,
+            setCurrentPage: m,
+            countryCategory: u,
+            height: r
           }
         ) })
-      }
+      },
+      I
     )
   ] });
 };
 export {
-  ae as default
+  ne as default
 };

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

@@ -3,27 +3,29 @@ import { get as f } from "../../api/commons.js";
 function c(t) {
   return JSON.parse(JSON.stringify(t));
 }
-const i = process.env.VITE_REACT_APP_API_ROOT, r = {}, s = {}, p = 3 * 60 * 1e3;
+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("&");
 }
 function l(t) {
   const e = t, n = Date.now();
-  if (s[e] && n - s[e].timestamp < p)
-    return Promise.resolve(c(s[e].data));
-  if (r[e])
-    return r[e].then(c);
-  const o = f(t).then((u) => (s[e] = { data: u, timestamp: Date.now() }, c(u))).finally(() => {
-    delete r[e];
+  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];
   });
-  return r[e] = o, o;
+  return s[e] = r, r;
 }
 const O = ({ app: t, params: e }) => {
-  const n = `${i || ""}/api/${t}/categories${e ? "?" + a(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 o = `${i || ""}/api/${e}/stats/${t}${n ? "?" + a(n) : ""}`;
-  return l(o);
+  const r = `${o || ""}/api/${e}/stats/${t}${n ? "?" + a(n) : ""}`;
+  return l(r);
 };
 export {
   O as getCategories,

package/dist/esm/layout/containers/SlugPostContainer.js

@@ -4,15 +4,15 @@ import i from "../ResponsiveContainer.js";
 import { PostProvider as m, PostConsumer as l, Post as a } from "@devgateway/wp-react-lib";
 const d = ({ header: t, footer: e }) => {
   const { lan: s, slug: r } = n();
-  return /* @__PURE__ */ o(i, { header: t, footer: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(
     m,
     {
       slug: r,
       store: r,
       locale: s,
-      children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(a, {}) })
+      children: /* @__PURE__ */ o(i, { header: t, footer: e, children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(a, {}) }) })
     }
-  ) });
+  );
 };
 export {
   d as default