@logora/debate 0.3.47 → 0.3.48

package/dist/components/list/paginated_list/PaginatedList.js

@@ -1,7 +1,7 @@
-import { jsxs as U, jsx as d, Fragment as Le } from "react/jsx-runtime";
+import { jsxs as U, jsx as c, Fragment as Le } from "react/jsx-runtime";
 import je from "@rooks/use-previous";
 import Be from "classnames";
-import Qe, { useState as m, useEffect as g } from "react";
+import Qe, { useState as m, useEffect as h } from "react";
 import { useIntl as Ue } from "react-intl";
 import { useLocation as We } from "react-router";
 import a from "./PaginatedList.module.scss.js";
@@ -23,7 +23,7 @@ const rt = ({
   resource: _,
   currentListId: n,
   withToken: ae,
-  perPage: h,
+  perPage: p,
   perPageParam: le = "per_page",
   pageParam: ie = "page",
   sortParam: oe = "sort",
@@ -33,7 +33,7 @@ const rt = ({
   onUpdateTotal: W,
   onElementsLoad: R,
   transformData: z,
-  uniqueIdKey: p = "id",
+  uniqueIdKey: v = "id",
   children: de,
   resourcePropName: fe,
   loadingComponent: G,
@@ -52,17 +52,17 @@ const rt = ({
   withUrlParams: Se = !1,
   onLoadNewPage: $
 }) => {
-  const J = Ue(), t = Ge(), H = Pe(), I = We(), { isMobile: K, isTablet: ye, isDesktop: L } = Ve(), [b, f] = m(!1), [we, Ne] = m(!1), [v, S] = Xe(n, []), [O, Me] = m(
-    v?.length || 0
-  ), [c, j] = m(M || 1), [y, B] = m(w || null), [k, q] = m(null), [Re, ee] = m(null), r = new URLSearchParams(
+  const J = Ue(), t = Ge(), H = Pe(), I = We(), { isMobile: K, isTablet: ye, isDesktop: L } = Ve(), [b, u] = m(!1), [we, Ne] = m(!1), [k, S] = Xe(n, []), [O, Me] = m(
+    k?.length || 0
+  ), [E, j] = m(M || 1), [y, B] = m(w || null), [C, q] = m(null), [Re, ee] = m(null), r = new URLSearchParams(
     typeof window < "u" ? window.location.search : I.search
   ), be = () => i && i[0].type === "sort" && i[0].value || N || "", ke = () => {
     let e = {};
     return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
-  }, [C, F] = m(be()), [Q, T] = m(ke()), te = je(o);
-  M && M !== c && j(M), w !== void 0 && w !== y && B(w), N !== void 0 && N !== C && F(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && T(o), g(() => {
+  }, [F, T] = m(be()), [Q, x] = m(ke()), te = je(o);
+  M && M !== E && j(M), w !== void 0 && w !== y && B(w), N !== void 0 && N !== F && T(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && x(o), h(() => {
     if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && B(r.get("search")), r.get("sort")) {
-      F(r.get("sort"));
+      T(r.get("sort"));
       for (const e of r.values()) {
         i?.map((s) => {
           s.value === e && ee(s.name);
@@ -72,37 +72,37 @@ const rt = ({
     }
     for (const e of r.keys()) {
       i?.map((s) => {
-        s.name === e && (T({
+        s.name === e && (x({
           ...o,
           [s.name]: s.value
         }), ee(s.name));
       });
       break;
     }
-  }, [I.search]), g(() => {
-    _ ? (j(1), S([]), f(!0), se(1)) : f(!1);
+  }, [I.search]), h(() => {
+    _ ? (j(1), S([]), u(!0), se(1)) : u(!1);
   }, [
-    C,
+    F,
     Q,
     y,
     _,
-    k,
-    h
-  ]), g(() => {
-    c > 1 && (f(!0), se(c));
-  }, [c]), g(() => {
+    C,
+    p
+  ]), h(() => {
+    E > 1 && (u(!0), se(E));
+  }, [E]), h(() => {
     if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
       Te(t.addElements[n]);
       const e = t.addElements;
       delete e[n], t.setAddElements(e);
     }
-  }, [t.addElements]), g(() => {
+  }, [t.addElements]), h(() => {
     if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
       xe(t.updateElements[n]);
       const e = t.updateElements;
       delete e[n], t.setUpdateElements(e);
     }
-  }, [t.updateElements]), g(() => {
+  }, [t.updateElements]), h(() => {
     if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
       Ae(t.removeElements[n]);
       const e = t.removeElements;
@@ -110,69 +110,71 @@ const rt = ({
     }
   }, [t.removeElements]);
   const Ce = (e) => {
-    e.type === "filter" ? (F(""), T({
+    e.type === "filter" ? (T(""), x({
       ...o,
       [e.name]: e.value
-    })) : (F(e.value), T(o ? { ...o } : {}));
+    })) : (T(e.value), x(o ? { ...o } : {}));
   }, Fe = () => {
-    typeof $ == "function" && $() !== null || j(c + 1);
+    typeof $ == "function" && $() !== null || j(E + 1);
   }, se = (e) => {
     const s = ae ? H.getListWithToken : H.getList;
-    if ((e - 1) * h <= (Z || O) || e === 1) {
-      const u = {
+    if ((e - 1) * p <= (Z || O) || e === 1) {
+      const d = {
         [ie]: e,
-        [le]: h,
-        ...C && !y && { [oe]: C },
+        [le]: p,
+        ...F && !y && { [oe]: F },
         ...y && { [me]: y },
         ...pe === !0 && { countless: !0 },
         ...Q,
-        ...k && { [re]: k }
+        ...C && { [re]: C }
       };
-      s(_, u).then((l) => {
-        const x = l.headers;
-        x && D in x && (Me(
-          Number.parseInt(x[D || "total"], 10)
-        ), W && W(x[D || "total"]));
-        let E = l?.data?.data;
-        R && R(E), z && (E = E.filter(z)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (E = [...t.addElements[n], E]), _e(E), f(!1);
+      s(_, d).then((l) => {
+        const f = l.headers;
+        f && D in f && (Me(
+          Number.parseInt(f[D || "total"], 10)
+        ), W && W(f[D || "total"]));
+        let g = l?.data?.data;
+        R && R(g), z && (g = g.filter(z)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), _e(g), u(!1);
       }).catch((l) => {
-        console.error(l), l?.response?.status !== 404 && Ne(!0), f(!1);
+        console.error(l), l?.response?.status !== 404 && Ne(!0), u(!1);
       });
     } else
-      f(!1);
+      u(!1);
   }, Te = (e) => {
     S(
-      (s) => A([...e, ...s], p || "id")
+      (s) => A([...e, ...s], v || "id")
     ), R && R(e);
   }, xe = (e) => {
-    let s = v;
-    e.forEach(
-      (u) => s = s.map(
-        (l) => l.id === u.id ? u : l
-      )
-    ), S(A(s, p || "id"));
+    S((s) => {
+      let d = s;
+      return e.forEach(
+        (l) => d = d.map(
+          (f) => f.id === l.id ? l : f
+        )
+      ), A(d, v || "id");
+    });
   }, Ae = (e) => {
-    const s = e.map((l) => l.id), u = v.filter(
+    const s = e.map((l) => l.id), d = k.filter(
       (l) => s.indexOf(l.id) === -1
     );
-    S(A(u, p || "id"));
+    S(A(d, v || "id"));
   }, _e = (e) => {
     S(
-      (s) => A([...s, ...e], p || "id")
+      (s) => A([...s, ...e], v || "id")
     );
-  }, De = (e, s) => e !== void 0 ? /* @__PURE__ */ d(
+  }, De = (e, s) => e !== void 0 ? /* @__PURE__ */ c(
     "li",
     {
       className: a.paginatedListItem,
       "data-testid": "list-item",
       onClick: ve,
-      children: /* @__PURE__ */ d(Ze, { hideMessage: !0, children: Qe.cloneElement(de, {
+      children: /* @__PURE__ */ c(Ze, { hideMessage: !0, children: Qe.cloneElement(de, {
         index: s,
         [fe]: e
       }) })
     },
-    e[p || "id"]
-  ) : null, Je = (e) => G ? /* @__PURE__ */ d("li", { className: a.paginatedListItem, children: G }, e) : null;
+    e[v || "id"]
+  ) : null, Je = (e) => G ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: G }, e) : null;
   if (we)
     throw new Error(
       J.formatMessage({
@@ -181,7 +183,7 @@ const rt = ({
       })
     );
   return /* @__PURE__ */ U("div", { className: a.listContainer, children: [
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ c(
       ze,
       {
         title: ue,
@@ -189,14 +191,14 @@ const rt = ({
         defaultSelectOption: Re,
         searchBar: ce,
         tagList: ne,
-        activeTagId: k,
+        activeTagId: C,
         onSearch: (e) => B(e),
         onSortChange: Ce,
         onTagChange: (e) => q(e),
         withUrlParams: Se
       }
     ),
-    !b && v.length === 0 ? P ? /* @__PURE__ */ d("div", { className: a.emptyListElement, children: P }) : /* @__PURE__ */ d("div", { className: a.emptyList, children: V || J.formatMessage({
+    !b && k.length === 0 ? P ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: P }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: V || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
     }) }) : /* @__PURE__ */ U(Le, { children: [
@@ -216,20 +218,20 @@ const rt = ({
           }),
           style: { gap: ge },
           children: [
-            v.map(De),
-            b ? Array(h).fill().map((e, s) => s).map(Je) : null
+            k.map(De),
+            b ? Array(p).fill().map((e, s) => s).map(Je) : null
           ]
         }
       ),
-      !b && he !== !1 && /* @__PURE__ */ d(
+      !b && he !== !1 && /* @__PURE__ */ c(
         Ye,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
             defaultMessage: "See more"
           }),
-          currentPage: c,
-          perPage: h,
+          currentPage: E,
+          perPage: p,
           totalElements: Z || O,
           onLoad: Fe,
           isLoading: b,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.47",
+  "version": "0.3.48",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",