@logora/debate 0.4.79 → 0.4.81

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,
+  query: b,
   sortOptions: o,
-  sort: M,
+  sort: w,
   filters: m,
   tagList: ne,
   pinnedTagList: ae,
-  currentPage: R,
+  currentPage: M,
   resource: A,
   currentListId: a,
   withToken: le,
@@ -28,52 +28,52 @@ const ct = ({
   perPageParam: ie = "per_page",
   pageParam: oe = "page",
   sortParam: me = "sort",
-  queryParam: de = "query",
-  tagParam: re = "tag_id",
+  queryParam: re = "query",
+  tagParam: de = "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
+  onElementClick: Ne,
+  withUrlParams: be = !1,
+  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(
+  const J = We(), t = Pe(), Z = Ve(), H = ze(), { isMobile: K, isTablet: we, isDesktop: L } = Xe(), r = new URLSearchParams(H.search), [k, E] = c(!1), [Me, Re] = c(!1), [d, y] = Ye(a, []), [O, ke] = c(
     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 = () => {
+  ), [h, j] = c(M || 1), [N, B] = c(b || null), [C, q] = c(
+    r.get("tagId") ? Number.parseInt(r.get("tagId"), 10) : null
+  ), [Ce, ee] = c(null), Te = () => o && o[0].type === "sort" && o[0].value || w || "", 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), b !== void 0 && b !== N && B(b), w !== void 0 && w !== T && F(w), te && JSON.stringify(m) !== JSON.stringify(te) && JSON.stringify(m) !== JSON.stringify(Q) && _(m), p(() => {
+    if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && B(r.get("search")), r.get("sort")) {
+      F(r.get("sort"));
+      for (const e of r.values()) {
         o?.map((s) => {
           s.value === e && ee(s.name);
         });
         break;
       }
     }
-    for (const e of c.keys()) {
+    for (const e of r.keys()) {
       o?.map((s) => {
         s.name === e && (_({
           ...m,
@@ -82,12 +82,12 @@ const ct = ({
       });
       break;
     }
-  }, [I.search]), p(() => {
+  }, [H.search]), p(() => {
     A ? (j(1), y([]), E(!0), se(1)) : E(!1);
   }, [
     T,
     Q,
-    w,
+    N,
     A,
     C,
     v
@@ -109,7 +109,7 @@ const ct = ({
         if (s.length > 0) {
           De(s);
           const i = e.filter(
-            (r) => !d.some((u) => u.id === r.id)
+            (f) => !d.some((g) => g.id === f.id)
           ), n = { ...t.updateElements };
           i.length > 0 ? n[a] = i : delete n[a], t.setUpdateElements(n);
         }
@@ -128,41 +128,41 @@ const ct = ({
       [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,
-        ...T && !w && { [me]: T },
-        ...w && { [de]: w },
+        ...T && !N && { [me]: T },
+        ...N && { [re]: N },
         ...ye === !0 && { countless: !0 },
         ...Q,
-        ...C && { [re]: C }
+        ...C && { [de]: 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");
     });
@@ -175,20 +175,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, {
+      onClick: Ne,
+      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,25 +196,25 @@ 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,
         onSearch: (e) => B(e),
         onSortChange: _e,
         onTagChange: (e) => q(e),
-        withUrlParams: Ne
+        withUrlParams: be
       }
     ),
-    !k && d.length === 0 ? G ? /* @__PURE__ */ g("div", { className: l.emptyListElement, children: G }) : /* @__PURE__ */ g("div", { className: l.emptyList, children: P || J.formatMessage({
+    !k && d.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,13 +223,13 @@ 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]: we && !L,
             [l.listIsMobile]: K
           }),
           style: { gap: ve },
@@ -239,8 +239,8 @@ const ct = ({
           ]
         }
       ),
-      !k && Se !== !1 && /* @__PURE__ */ g(
-        He,
+      !k && Se !== !1 && /* @__PURE__ */ u(
+        Ze,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
@@ -248,7 +248,7 @@ const ct = ({
           }),
           currentPage: h,
           perPage: v,
-          totalElements: Y || O,
+          totalElements: X || O,
           onLoad: xe,
           isLoading: k,
           hideLoader: !0,

package/dist/components/list/paginated_list/action_bar/ActionBar.js

@@ -10,23 +10,21 @@ import { Select as Z } from "../../../input/select/Select.js";
 import { Icon as b } from "../../../icons/icon/Icon.js";
 import { Tag as U } from "../../../tag/tag/Tag.js";
 const de = ({
-  title: f,
+  title: m,
   subtitle: w,
   showDebateConsultationSubtitle: k = !1,
   sortOptions: n,
   defaultSelectOption: x,
   searchBar: o = !1,
-  tagList: m,
+  tagList: f,
   pinnedTagList: h = [],
-  activeTagId: u,
-  withUrlParams: g = !1,
+  activeTagId: g,
+  withUrlParams: u = !1,
   onSearch: $,
   onSortChange: L,
   onTagChange: H
 }) => {
-  const B = Q(), M = V(), { isMobile: q } = X(), [j, z] = v(!1), s = G(null), [y, P] = v(!1), [A, W] = v(!1), a = new URLSearchParams(
-    typeof window < "u" ? window.location.search : M.search
-  ), S = Array.isArray(m) ? m : m?.data || [], C = [
+  const B = Q(), M = V(), { isMobile: q } = X(), [j, z] = v(!1), s = G(null), [A, P] = v(!1), [y, W] = v(!1), a = new URLSearchParams(M.search), S = Array.isArray(f) ? f : f?.data || [], C = [
     ...new Set(
       (Array.isArray(h) ? h : [h]).filter(Boolean).map(String)
     )
@@ -54,7 +52,7 @@ const de = ({
       behavior: "smooth"
     }), setTimeout(i, 300);
   }, _ = (e) => {
-    if (g) {
+    if (u) {
       for (const l of a.keys())
         n.map((c) => {
           c.name === l && a.delete(l);
@@ -66,11 +64,11 @@ const de = ({
     }
     L(e);
   }, D = (e) => {
-    g && (e.id === u ? a.delete("tagId") : a.set("tagId", e.id)), H(e.id === u ? null : e.id);
+    u && (e.id === g ? a.delete("tagId") : a.set("tagId", e.id)), H(e.id === g ? null : e.id);
   }, E = (e) => {
-    g && (e ? a.set("search", e) : a.delete("search")), $(e), z(e !== "");
+    u && (e ? a.set("search", e) : a.delete("search")), $(e), z(e !== "");
   }, F = (e) => {
-    const l = u === e.id;
+    const l = g === e.id;
     return /* @__PURE__ */ r(
       "div",
       {
@@ -88,7 +86,7 @@ const de = ({
       e.id
     );
   };
-  return /* @__PURE__ */ r(T, { children: (f || n || o) && /* @__PURE__ */ d(T, { children: [
+  return /* @__PURE__ */ r(T, { children: (m || n || o) && /* @__PURE__ */ d(T, { children: [
     /* @__PURE__ */ d(
       "div",
       {
@@ -96,7 +94,7 @@ const de = ({
           [t.listHeaderOneItem]: !o || !n
         }),
         children: [
-          f && /* @__PURE__ */ r("div", { className: t.listTitle, children: f }),
+          m && /* @__PURE__ */ r("div", { className: t.listTitle, children: m }),
           (n || o) && /* @__PURE__ */ d(
             "div",
             {
@@ -138,10 +136,10 @@ const de = ({
         "button",
         {
           type: "button",
-          className: `${t.arrow} ${t.arrowLeft} ${y ? "" : t.arrowHidden}`,
+          className: `${t.arrow} ${t.arrowLeft} ${A ? "" : t.arrowHidden}`,
           onClick: (e) => I("left", e),
           "aria-label": "Tag précédent",
-          tabIndex: y ? 0 : -1,
+          tabIndex: A ? 0 : -1,
           children: /* @__PURE__ */ r(b, { name: "lightArrow", height: 24, width: 24 })
         }
       ),
@@ -158,10 +156,10 @@ const de = ({
         "button",
         {
           type: "button",
-          className: `${t.arrow} ${t.arrowRight} ${A ? "" : t.arrowHidden}`,
+          className: `${t.arrow} ${t.arrowRight} ${y ? "" : t.arrowHidden}`,
           onClick: (e) => I("right", e),
           "aria-label": "Tag suivant",
-          tabIndex: A ? 0 : -1,
+          tabIndex: y ? 0 : -1,
           children: /* @__PURE__ */ r(b, { name: "lightArrow", height: 24, width: 24 })
         }
       )

package/package.json

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