@logora/debate 0.4.79 → 0.4.80

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

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

package/package.json

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