@logora/debate 0.3.97 → 0.3.99

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

@@ -1,11 +1,11 @@
-import { jsxs as $, jsx as c, Fragment as Qe } from "react/jsx-runtime";
+import { jsxs as $, jsx as u, Fragment as Qe } from "react/jsx-runtime";
 import $e from "@rooks/use-previous";
-import Pe from "classnames";
-import Ue, { useState as m, useEffect as h } from "react";
-import { useIntl as We } from "react-intl";
-import { useLocation as ze } from "react-router";
+import Ue from "classnames";
+import We, { useState as m, useEffect as p } from "react";
+import { useIntl as ze } from "react-intl";
+import { useLocation as Ge } from "react-router";
 import a from "./PaginatedList.module.scss.js";
-import { ActionBar as Ge } from "./action_bar/ActionBar.js";
+import { ActionBar as Pe } from "./action_bar/ActionBar.js";
 import { useList as Ve } from "../list_provider/useList.js";
 import { useDataProvider as Xe } from "../../data/data_provider/useDataProvider.js";
 import { useResponsive as Ye } from "../../hooks/use_responsive/useResponsive.js";
@@ -14,36 +14,36 @@ import { uniqueBy as x } from "../../util/unique_by/uniqueBy.js";
 import { Pagination as He } from "../pagination/Pagination.js";
 import { StandardErrorBoundary as Ie } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
 const ct = ({
-  query: w,
+  query: N,
   sortOptions: i,
-  sort: N,
+  sort: M,
   filters: o,
   tagList: ne,
   pinnedTagList: ae,
-  currentPage: M,
+  currentPage: R,
   resource: A,
   currentListId: n,
   withToken: le,
-  perPage: p,
+  perPage: v,
   perPageParam: ie = "per_page",
   pageParam: oe = "page",
   sortParam: me = "sort",
   queryParam: de = "query",
   tagParam: re = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: P,
-  onElementsLoad: R,
-  transformData: U,
-  uniqueIdKey: v = "id",
+  onUpdateTotal: U,
+  onElementsLoad: b,
+  transformData: W,
+  uniqueIdKey: S = "id",
   children: fe,
   resourcePropName: ce,
-  loadingComponent: W,
+  loadingComponent: z,
   searchBar: ue = !1,
   title: Ee,
   subtitle: ge,
   showDebateConsultationSubtitle: he = !1,
-  emptyListComponent: z,
-  emptyText: G,
+  emptyListComponent: G,
+  emptyText: P,
   display: V,
   elementsPerLine: X,
   indexLayout: pe = !1,
@@ -55,25 +55,25 @@ const ct = ({
   withUrlParams: Ne = !1,
   onLoadNewPage: Z
 }) => {
-  const J = We(), t = Ve(), H = Xe(), I = ze(), { isMobile: K, isTablet: Me, isDesktop: j } = Ye(), [b, u] = m(!1), [Re, be] = m(!1), [k, S] = Ze(n, []), [O, ke] = m(
-    k?.length || 0
-  ), [E, B] = m(M || 1), [y, L] = m(w || null), [C, q] = m(null), [Ce, ee] = m(null), d = new URLSearchParams(
+  const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [k, E] = m(!1), [Re, be] = m(!1), [d, y] = Ze(n, []), [O, ke] = m(
+    d?.length || 0
+  ), [g, j] = m(R || 1), [w, B] = m(N || null), [C, q] = m(null), [Ce, ee] = m(null), r = new URLSearchParams(
     typeof window < "u" ? window.location.search : I.search
-  ), Fe = () => i && i[0].type === "sort" && i[0].value || N || "", Te = () => {
+  ), Fe = () => i && i[0].type === "sort" && i[0].value || M || "", Te = () => {
     let e = {};
     return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
   }, [F, T] = m(Fe()), [Q, _] = m(Te()), te = $e(o);
-  M && M !== E && B(M), w !== void 0 && w !== y && L(w), N !== void 0 && N !== F && T(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && _(o), h(() => {
-    if (d.get("tagId") && q(Number.parseInt(d.get("tagId"))), d.get("search") && L(d.get("search")), d.get("sort")) {
-      T(d.get("sort"));
-      for (const e of d.values()) {
+  R && R !== g && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !== F && T(M), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && _(o), p(() => {
+    if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && B(r.get("search")), r.get("sort")) {
+      T(r.get("sort"));
+      for (const e of r.values()) {
         i?.map((s) => {
           s.value === e && ee(s.name);
         });
         break;
       }
     }
-    for (const e of d.keys()) {
+    for (const e of r.keys()) {
       i?.map((s) => {
         s.name === e && (_({
           ...o,
@@ -82,102 +82,102 @@ const ct = ({
       });
       break;
     }
-  }, [I.search]), h(() => {
-    A ? (B(1), S([]), u(!0), se(1)) : u(!1);
+  }, [I.search]), p(() => {
+    A ? (j(1), y([]), E(!0), se(1)) : E(!1);
   }, [
     F,
     Q,
-    y,
+    w,
     A,
     C,
-    p
-  ]), h(() => {
-    E > 1 && (u(!0), se(E));
-  }, [E]), h(() => {
+    v
+  ]), p(() => {
+    g > 1 && (E(!0), se(g));
+  }, [g]), p(() => {
     if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
       Ae(t.addElements[n]);
       const e = t.addElements;
       delete e[n], t.setAddElements(e);
     }
-  }, [t.addElements]), h(() => {
-    if (t.updateElements && n in t.updateElements && (console.log("[PaginatedList] update received for listId:", n, t.updateElements[n]), t.updateElements[n].length > 0)) {
+  }, [t.addElements]), p(() => {
+    if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0 && d.length > 0) {
       De(t.updateElements[n]);
-      const e = t.updateElements;
+      const e = { ...t.updateElements };
       delete e[n], t.setUpdateElements(e);
     }
-  }, [t.updateElements]), h(() => {
-    if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
+  }, [t.updateElements, d]), p(() => {
+    if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0 && d.length > 0) {
       Je(t.removeElements[n]);
-      const e = t.removeElements;
+      const e = { ...t.removeElements };
       delete e[n], t.setRemoveElements(e);
     }
-  }, [t.removeElements]);
+  }, [t.removeElements, d]);
   const _e = (e) => {
     e.type === "filter" ? (T(""), _({
       ...o,
       [e.name]: e.value
     })) : (T(e.value), _(o ? { ...o } : {}));
   }, xe = () => {
-    typeof Z == "function" && Z() !== null || B(E + 1);
+    typeof Z == "function" && Z() !== null || j(g + 1);
   }, se = (e) => {
     const s = le ? H.getListWithToken : H.getList;
-    if ((e - 1) * p <= (Y || O) || e === 1) {
-      const r = {
+    if ((e - 1) * v <= (Y || O) || e === 1) {
+      const f = {
         [oe]: e,
-        [ie]: p,
-        ...F && !y && { [me]: F },
-        ...y && { [de]: y },
+        [ie]: v,
+        ...F && !w && { [me]: F },
+        ...w && { [de]: w },
         ...ye === !0 && { countless: !0 },
         ...Q,
         ...C && { [re]: C }
       };
-      s(A, r).then((l) => {
-        const f = l.headers;
-        f && D in f && (ke(
-          Number.parseInt(f[D || "total"], 10)
-        ), P && P(f[D || "total"]));
-        let g = l?.data?.data;
-        R && R(g), U && (g = g.filter(U)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), je(g), u(!1);
+      s(A, f).then((l) => {
+        const c = l.headers;
+        c && D in c && (ke(
+          Number.parseInt(c[D || "total"], 10)
+        ), U && U(c[D || "total"]));
+        let h = l?.data?.data;
+        b && b(h), W && (h = h.filter(W)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (h = [...t.addElements[n], h]), Le(h), E(!1);
       }).catch((l) => {
-        console.error(l), l?.response?.status !== 404 && be(!0), u(!1);
+        console.error(l), l?.response?.status !== 404 && be(!0), E(!1);
       });
     } else
-      u(!1);
+      E(!1);
   }, Ae = (e) => {
-    S(
-      (s) => x([...e, ...s], v || "id")
-    ), R && R(e);
+    y(
+      (s) => x([...e, ...s], S || "id")
+    ), b && b(e);
   }, De = (e) => {
-    S((s) => {
-      let r = s;
+    y((s) => {
+      let f = s;
       return e.forEach(
-        (l) => r = r.map(
-          (f) => f.id === l.id ? l : f
+        (l) => f = f.map(
+          (c) => c.id === l.id ? l : c
         )
-      ), x(r, v || "id");
+      ), x(f, S || "id");
     });
   }, Je = (e) => {
-    const s = e.map((l) => l.id), r = k.filter(
+    const s = e.map((l) => l.id), f = d.filter(
       (l) => s.indexOf(l.id) === -1
     );
-    S(x(r, v || "id"));
-  }, je = (e) => {
-    S(
-      (s) => x([...s, ...e], v || "id")
+    y(x(f, S || "id"));
+  }, Le = (e) => {
+    y(
+      (s) => x([...s, ...e], S || "id")
     );
-  }, Be = (e, s) => e !== void 0 ? /* @__PURE__ */ c(
+  }, je = (e, s) => e !== void 0 ? /* @__PURE__ */ u(
     "li",
     {
       className: a.paginatedListItem,
       "data-testid": "list-item",
       onClick: we,
-      children: /* @__PURE__ */ c(Ie, { hideMessage: !0, children: Ue.cloneElement(fe, {
+      children: /* @__PURE__ */ u(Ie, { hideMessage: !0, children: We.cloneElement(fe, {
         index: s,
         [ce]: e
       }) })
     },
-    `${e[v || "id"]}_${e.updated_at || e.content}`
-  ) : null, Le = (e) => W ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: W }, e) : null;
+    `${e[S || "id"]}_${e.updated_at || e.content}`
+  ) : null, Be = (e) => z ? /* @__PURE__ */ u("li", { className: a.paginatedListItem, children: z }, e) : null;
   if (Re)
     throw new Error(
       J.formatMessage({
@@ -186,8 +186,8 @@ const ct = ({
       })
     );
   return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
-    /* @__PURE__ */ c(
-      Ge,
+    /* @__PURE__ */ u(
+      Pe,
       {
         title: Ee,
         subtitle: ge,
@@ -198,49 +198,49 @@ const ct = ({
         tagList: ne,
         pinnedTagList: ae,
         activeTagId: C,
-        onSearch: (e) => L(e),
+        onSearch: (e) => B(e),
         onSortChange: _e,
         onTagChange: (e) => q(e),
         withUrlParams: Ne
       }
     ),
-    !b && k.length === 0 ? z ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: z }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: G || J.formatMessage({
+    !k && d.length === 0 ? G ? /* @__PURE__ */ u("div", { className: a.emptyListElement, children: G }) : /* @__PURE__ */ u("div", { className: a.emptyList, children: P || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
     }) }) : /* @__PURE__ */ $(Qe, { children: [
       /* @__PURE__ */ $(
         "ul",
         {
-          className: Pe(a.paginatedList, {
-            [a.paginatedListIsTablet]: !K && !j,
+          className: Ue(a.paginatedList, {
+            [a.paginatedListIsTablet]: !K && !L,
             [a.centeredList]: V === "column",
             [a.column]: V === "column",
             [a.twoElementsPerLine]: X === 2,
             [a.oneElementPerLine]: X === 1,
             [a.indexLayoutList]: pe,
-            [a.listIsDesktop]: j,
-            [a.listIsTablet]: Me && !j,
+            [a.listIsDesktop]: L,
+            [a.listIsTablet]: Me && !L,
             [a.listIsMobile]: K
           }),
           style: { gap: ve },
           children: [
-            k.map(Be),
-            b ? Array(p).fill().map((e, s) => s).map(Le) : null
+            d.map(je),
+            k ? Array(v).fill().map((e, s) => s).map(Be) : null
           ]
         }
       ),
-      !b && Se !== !1 && /* @__PURE__ */ c(
+      !k && Se !== !1 && /* @__PURE__ */ u(
         He,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
             defaultMessage: "See more"
           }),
-          currentPage: E,
-          perPage: p,
+          currentPage: g,
+          perPage: v,
           totalElements: Y || O,
           onLoad: xe,
-          isLoading: b,
+          isLoading: k,
           hideLoader: !0,
           "data-tid": "list_read_more"
         }

package/package.json

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