@logora/debate 0.3.74 → 0.3.76

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

@@ -1,178 +1,180 @@
-import { jsxs as U, jsx as d, 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 { useIntl as Ue } from "react-intl";
-import { useLocation as We } from "react-router";
+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 $e } from "react-intl";
+import { useLocation as Pe } from "react-router";
 import a from "./PaginatedList.module.scss.js";
-import { ActionBar as ze } from "./action_bar/ActionBar.js";
-import { useList as Ge } from "../list_provider/useList.js";
-import { useDataProvider as Pe } 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: h,
+  perPage: p,
   perPageParam: le = "per_page",
   pageParam: ie = "page",
   sortParam: oe = "sort",
   queryParam: me = "query",
-  tagParam: re = "tag_id",
+  tagParam: de = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: W,
+  onUpdateTotal: P,
   onElementsLoad: R,
-  transformData: z,
-  uniqueIdKey: p = "id",
-  children: de,
+  transformData: U,
+  uniqueIdKey: v = "id",
+  children: re,
   resourcePropName: fe,
-  loadingComponent: G,
+  loadingComponent: W,
   searchBar: ce = !1,
   title: ue,
-  emptyListComponent: P,
-  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 = 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 = $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), 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;
-  }, [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(() => {
-    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()) {
+  }, [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 && (T({
+        s.name === e && (_({
           ...o,
           [s.name]: s.value
         }), ee(s.name));
       });
       break;
     }
-  }, [I.search]), g(() => {
-    _ ? (j(1), S([]), f(!0), se(1)) : f(!1);
+  }, [I.search]), h(() => {
+    A ? (B(1), S([]), u(!0), se(1)) : u(!1);
   }, [
-    C,
+    F,
     Q,
     y,
-    _,
-    k,
-    h
-  ]), g(() => {
-    c > 1 && (f(!0), se(c));
-  }, [c]), g(() => {
+    A,
+    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(() => {
-    if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
-      xe(t.updateElements[n]);
+  }, [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)) {
+      _e(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]);
+      xe(t.removeElements[n]);
       const e = t.removeElements;
       delete e[n], t.setRemoveElements(e);
     }
   }, [t.removeElements]);
   const Ce = (e) => {
-    e.type === "filter" ? (F(""), T({
+    e.type === "filter" ? (T(""), _({
       ...o,
       [e.name]: e.value
-    })) : (F(e.value), T(o ? { ...o } : {}));
+    })) : (T(e.value), _(o ? { ...o } : {}));
   }, Fe = () => {
-    typeof $ == "function" && $() !== null || j(c + 1);
+    typeof Z == "function" && Z() !== null || B(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 <= (Y || O) || e === 1) {
+      const r = {
         [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 && { [de]: 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(A, r).then((l) => {
+        const f = l.headers;
+        f && D in f && (Me(
+          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]), Ae(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) => x([...e, ...s], v || "id")
     ), R && R(e);
+  }, _e = (e) => {
+    S((s) => {
+      let r = s;
+      return e.forEach(
+        (l) => r = r.map(
+          (f) => f.id === l.id ? l : f
+        )
+      ), x(r, v || "id");
+    });
   }, xe = (e) => {
-    let s = v;
-    e.forEach(
-      (u) => s = s.map(
-        (l) => l.id === u.id ? u : l
-      )
-    ), S(A(s, p || "id"));
-  }, Ae = (e) => {
-    const s = e.map((l) => l.id), u = v.filter(
+    const s = e.map((l) => l.id), r = k.filter(
       (l) => s.indexOf(l.id) === -1
     );
-    S(A(u, p || "id"));
-  }, _e = (e) => {
+    S(x(r, v || "id"));
+  }, Ae = (e) => {
     S(
-      (s) => A([...s, ...e], p || "id")
+      (s) => x([...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(Ye, { hideMessage: !0, children: Qe.cloneElement(re, {
         index: s,
         [fe]: e
       }) })
     },
-    e[p || "id"]
-  ) : null, Je = (e) => G ? /* @__PURE__ */ d("li", { className: a.paginatedListItem, children: G }, 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({
@@ -180,57 +182,57 @@ const rt = ({
         defaultMessage: "Error when loading content."
       })
     );
-  return /* @__PURE__ */ U("div", { className: a.listContainer, children: [
-    /* @__PURE__ */ d(
-      ze,
+  return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
+    /* @__PURE__ */ c(
+      Ue,
       {
         title: ue,
         sortOptions: i,
         defaultSelectOption: Re,
         searchBar: ce,
         tagList: ne,
-        activeTagId: k,
-        onSearch: (e) => B(e),
+        activeTagId: C,
+        onSearch: (e) => L(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 ? 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__ */ U(Le, { children: [
-      /* @__PURE__ */ U(
+    }) }) : /* @__PURE__ */ $(je, { children: [
+      /* @__PURE__ */ $(
         "ul",
         {
-          className: Be(a.paginatedList, {
-            [a.paginatedListIsTablet]: !K && !L,
-            [a.centeredList]: X === "column",
-            [a.column]: X === "column",
-            [a.twoElementsPerLine]: Y === 2,
-            [a.oneElementPerLine]: Y === 1,
+          className: Le(a.paginatedList, {
+            [a.paginatedListIsTablet]: !K && !j,
+            [a.centeredList]: V === "column",
+            [a.column]: V === "column",
+            [a.twoElementsPerLine]: X === 2,
+            [a.oneElementPerLine]: X === 1,
             [a.indexLayoutList]: Ee,
-            [a.listIsDesktop]: L,
-            [a.listIsTablet]: ye && !L,
+            [a.listIsDesktop]: j,
+            [a.listIsTablet]: ye && !j,
             [a.listIsMobile]: K
           }),
           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(
-        Ye,
+      !b && he !== !1 && /* @__PURE__ */ c(
+        Xe,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
             defaultMessage: "See more"
           }),
-          currentPage: c,
-          perPage: h,
-          totalElements: Z || O,
+          currentPage: E,
+          perPage: p,
+          totalElements: Y || O,
           onLoad: Fe,
           isLoading: b,
           hideLoader: !0,
@@ -241,5 +243,5 @@ const rt = ({
   ] });
 };
 export {
-  rt as PaginatedList
+  dt as PaginatedList
 };

package/dist/components/notification/notification_menu/NotificationMenu.js

@@ -1,19 +1,20 @@
-import { jsxs as a, Fragment as l, jsx as t } from "react/jsx-runtime";
-import { useState as d } from "react";
+import { jsxs as a, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { useState as l } from "react";
 import { useIntl as m } from "react-intl";
-import i from "./NotificationMenu.module.scss.js";
+import e from "./NotificationMenu.module.scss.js";
 import { useDataProvider as f } from "../../data/data_provider/useDataProvider.js";
-import { PaginatedList as u } from "../../list/paginated_list/PaginatedList.js";
-import { NotificationItem as p } from "../notification_item/NotificationItem.js";
-import { UserContentSkeleton as h } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-const C = ({ notificationDefinitions: o = {} }) => {
-  const e = m(), n = f(), [r, s] = d(!1), c = () => {
-    s(!0), n.create("notifications/read/all", {}).then(() => {
+import { StandardErrorBoundary as u } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
+import { PaginatedList as p } from "../../list/paginated_list/PaginatedList.js";
+import { NotificationItem as h } from "../notification_item/NotificationItem.js";
+import { UserContentSkeleton as g } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+const P = ({ notificationDefinitions: o = {} }) => {
+  const i = m(), r = f(), [n, s] = l(!1), d = () => {
+    s(!0), r.create("notifications/read/all", {}).then(() => {
     });
   };
-  return /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ a("div", { className: i.notificationMenuHeader, children: [
-      /* @__PURE__ */ t("div", { className: i.notificationMenuHeaderText, children: e.formatMessage({
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a("div", { className: e.notificationMenuHeader, children: [
+      /* @__PURE__ */ t("div", { className: e.notificationMenuHeaderText, children: i.formatMessage({
         id: "header.notifications",
         defaultMessage: "Alerts"
       }) }),
@@ -22,21 +23,21 @@ const C = ({ notificationDefinitions: o = {} }) => {
         {
           id: "read_all_notifications",
           "data-tid": "action_read_all_notifications",
-          className: i.readNotificationsButton,
+          className: e.readNotificationsButton,
           tabIndex: "0",
-          onClick: c,
-          children: e.formatMessage({
+          onClick: d,
+          children: i.formatMessage({
             id: "notifications.read_all",
             defaultMessage: "Mark all as read"
           })
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: i.notificationList, children: /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ t("div", { className: e.notificationList, children: /* @__PURE__ */ t(u, { hideMessage: !0, children: /* @__PURE__ */ t(
+      p,
       {
         currentListId: "notificationList",
-        loadingComponent: /* @__PURE__ */ t(h, { numberLines: 0 }),
+        loadingComponent: /* @__PURE__ */ t(g, { numberLines: 0 }),
         resourcePropName: "notification",
         resource: "notifications",
         sort: "-created_at",
@@ -45,16 +46,16 @@ const C = ({ notificationDefinitions: o = {} }) => {
         display: "column",
         gap: "0px",
         children: /* @__PURE__ */ t(
-          p,
+          h,
           {
             notificationDefinitions: o,
-            isRead: r
+            isRead: n
           }
         )
       }
-    ) })
+    ) }) })
   ] });
 };
 export {
-  C as NotificationMenu
+  P as NotificationMenu
 };

package/dist/components/proposal/proposal_box/ProposalBox.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import u from "classnames";
-import { useState as g, useEffect as I } from "react";
+import { useState as u, useEffect as I } from "react";
+import g from "classnames";
 import { useIntl as N } from "react-intl";
 import o from "./ProposalBox.module.scss.js";
 import { useConfig as S } from "../../data/config_provider/useConfig.js";
@@ -13,15 +13,14 @@ import { ReadMore as D } from "../../text/read_more/ReadMore.js";
 import { TranslationButton as P } from "../../translation/translation_button/TranslationButton.js";
 import { ContentFooter as R } from "../../user_content/content_footer/ContentFooter.js";
 import { UpDownVoteBox as $ } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
-const Z = ({
+const Y = ({
   proposal: e,
   disabled: i = !1,
   fixedContentHeight: C,
-  contentMaxHeight: F = 156,
   enableEdition: T = !0,
   hideFooter: _ = !1
 }) => {
-  const [d, x] = g(null), [v, M] = g(!1), a = N(), r = S(), { currentUser: l } = B(), c = l?.moderation_status === "banned", m = `proposal_${e.id}`, s = p(
+  const [d, v] = u(null), [x, M] = u(!1), a = N(), r = S(), { currentUser: l } = B(), c = l?.moderation_status === "banned", m = `proposal_${e.id}`, s = p(
     e.title,
     e.language,
     "title",
@@ -37,7 +36,7 @@ const Z = ({
       const h = JSON.parse(e.rich_content);
       if (h.hasOwnProperty("root")) {
         const b = H(h);
-        x(b);
+        v(b);
       }
     }
   }, [e.rich_content]);
@@ -47,7 +46,7 @@ const Z = ({
   return /* @__PURE__ */ t(L, { elementId: m, onScroll: () => M(!0), children: /* @__PURE__ */ f(
     "div",
     {
-      className: u(o.proposalBoxContainer, { [o.flash]: v }),
+      className: g(o.proposalBoxContainer, { [o.flash]: x }),
       id: m,
       children: [
         /* @__PURE__ */ t(
@@ -62,7 +61,7 @@ const Z = ({
         /* @__PURE__ */ t(
           "div",
           {
-            className: u(o.proposalBoxContent, {
+            className: g(o.proposalBoxContent, {
               [o.fixedHeight]: C
             }),
             children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -110,7 +109,6 @@ const Z = ({
             reportType: "Proposal",
             deleteType: "proposals",
             deleteListId: "proposalsList",
-            shareModal: !0,
             shareModalTitle: a.formatMessage({ id: "share.proposal" }),
             shareUrl: `https://app.logora.fr/share/p/${e.id}`,
             shareTitle: a.formatMessage({ id: "share.proposal.title" }),
@@ -137,5 +135,5 @@ const Z = ({
   ) });
 };
 export {
-  Z as ProposalBox
+  Y as ProposalBox
 };

package/dist/components/section/section_box/SectionBox.js

@@ -6,20 +6,20 @@ import { useResponsive as N } from "../../hooks/use_responsive/useResponsive.js"
 import { Icon as g } from "../../icons/icon/Icon.js";
 const I = ({
   isCollapsible: t = !1,
-  isCollapsedByDefault: a = !1,
-  title: m,
+  isCollapsedByDefault: n = !1,
+  title: a,
   subtitle: r = "",
-  className: n,
-  titleClassName: d,
-  children: l
+  className: m,
+  titleClassName: l,
+  children: d
 }) => {
-  const [c, h] = x(a), { isMobile: f } = N(), p = () => {
+  const [c, h] = x(n), { isMobile: f } = N(), p = () => {
     t && h((v) => !v);
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: o(e.sectionBoxContainer, {
+      className: o(e.sectionBoxContainer, m, {
         [e.isMobile]: f
       }),
       children: [
@@ -30,8 +30,8 @@ const I = ({
             onClick: t ? p : null,
             children: [
               /* @__PURE__ */ s("div", { className: e.titleContainer, children: [
-                /* @__PURE__ */ i("div", { className: o(d, e.title), children: m }),
-                r && /* @__PURE__ */ i("div", { className: o(n, e.subtitle), children: r })
+                /* @__PURE__ */ i("div", { className: o(l, e.title), children: a }),
+                r && /* @__PURE__ */ i("div", { className: o(e.subtitle), children: r })
               ] }),
               t && /* @__PURE__ */ i(
                 g,
@@ -47,7 +47,7 @@ const I = ({
             ]
           }
         ),
-        (!c || !t) && /* @__PURE__ */ i("div", { className: o(e.body, n), children: l })
+        (!c || !t) && /* @__PURE__ */ i("div", { className: o(e.body), children: d })
       ]
     }
   );

package/dist/components/section/section_box/SectionBox.module.scss.js

@@ -1,25 +1,25 @@
-import '../../../assets/components/section/section_box/SectionBox.module-DUeUtdWr.css';const t = "_sectionBoxContainer_m9zal_3", o = "_isMobile_m9zal_15", e = "_header_m9zal_19", i = "_collapsible_m9zal_26", l = "_iconLightArrow_m9zal_30", n = "_iconRotated_m9zal_34", _ = "_titleContainer_m9zal_38", a = "_title_m9zal_38", s = "_subtitle_m9zal_52", c = "_body_m9zal_57", r = {
+import '../../../assets/components/section/section_box/SectionBox.module-qQs4B6bf.css';const t = "_sectionBoxContainer_tcujo_3", o = "_isMobile_tcujo_15", e = "_header_tcujo_19", i = "_collapsible_tcujo_26", c = "_iconLightArrow_tcujo_30", n = "_iconRotated_tcujo_36", _ = "_titleContainer_tcujo_40", s = "_title_tcujo_40", l = "_subtitle_tcujo_54", a = "_body_tcujo_59", r = {
   sectionBoxContainer: t,
   isMobile: o,
   header: e,
   collapsible: i,
-  iconLightArrow: l,
+  iconLightArrow: c,
   iconRotated: n,
   titleContainer: _,
-  title: a,
-  subtitle: s,
-  body: c
+  title: s,
+  subtitle: l,
+  body: a
 };
 export {
-  c as body,
+  a as body,
   i as collapsible,
   r as default,
   e as header,
-  l as iconLightArrow,
+  c as iconLightArrow,
   n as iconRotated,
   o as isMobile,
   t as sectionBoxContainer,
-  s as subtitle,
-  a as title,
+  l as subtitle,
+  s as title,
   _ as titleContainer
 };

package/dist/components/source/context_source_list/ContextSourceList.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "classnames";
 import "react";
-import { useIntl as p } from "react-intl";
+import { useIntl as c } from "react-intl";
 import e from "./ContextSourceList.module.scss.js";
-import { useResponsive as c } from "../../hooks/use_responsive/useResponsive.js";
+import { useResponsive as p } from "../../hooks/use_responsive/useResponsive.js";
 import { SectionBox as u } from "../../section/section_box/SectionBox.js";
 import { Link as d } from "../../action/link/Link.js";
 import { ContextSourceBox as f } from "../context_source_box/ContextSourceBox.js";
-const S = ({ sources: i = [] }) => {
-  const r = p(), { isMobile: l, isTablet: s, isDesktop: n } = c(), a = (t) => /* @__PURE__ */ o(
+const M = ({ sources: i = [] }) => {
+  const r = c(), { isMobile: s, isTablet: l, isDesktop: n } = p(), a = (t) => /* @__PURE__ */ o(
     d,
     {
       className: e.listItem,
@@ -30,6 +30,7 @@ const S = ({ sources: i = [] }) => {
   return /* @__PURE__ */ o(
     u,
     {
+      className: e.sectionBox,
       isCollapsible: !0,
       isCollapsedByDefault: !1,
       title: r.formatMessage({
@@ -41,8 +42,8 @@ const S = ({ sources: i = [] }) => {
         {
           className: m(e.content, {
             [e.contentDesktop]: n,
-            [e.contentTablet]: s,
-            [e.contentMobile]: l
+            [e.contentTablet]: l,
+            [e.contentMobile]: s
           }),
           children: i.map(a)
         }
@@ -51,5 +52,5 @@ const S = ({ sources: i = [] }) => {
   );
 };
 export {
-  S as ContextSourceList
+  M as ContextSourceList
 };