@logora/debate 0.3.58 → 0.3.59

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

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

package/package.json

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