@logora/debate 0.3.46 → 0.3.48

package/dist/components/argument/argument/Argument.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as l, Fragment as h } from "react/jsx-runtime";
-import B from "classnames";
+import $ from "classnames";
 import { useState as f, useEffect as ie, useCallback as ae, Suspense as le, lazy as ne } from "react";
 import { useIntl as de } from "react-intl";
 import s from "./Argument.module.scss.js";
@@ -7,30 +7,30 @@ import { ReplyFooter as ce } from "./ReplyFooter.js";
 import { useRichContent as pe } from "./useRichContent.js";
 import { useAuth as me } from "../../auth/use_auth/useAuth.js";
 import { useConfig as ue } from "../../data/config_provider/useConfig.js";
-import { useTranslatedContent as $ } from "../../translation/translated_content/useTranslatedContent.js";
+import { useTranslatedContent as B } from "../../translation/translated_content/useTranslatedContent.js";
 import { SourceListItem as he } from "../../source/source_list_item/SourceListItem.js";
 import { HashScroll as fe } from "../../tools/hash_scroll/HashScroll.js";
 import { ContentHeader as ye } from "../../user_content/content_header/ContentHeader.js";
 import { Icon as D } from "../../icons/icon/Icon.js";
-import { ReadMore as ge } from "../../text/read_more/ReadMore.js";
-import { TranslationButton as _e } from "../../translation/translation_button/TranslationButton.js";
+import { ReadMore as _e } from "../../text/read_more/ReadMore.js";
+import { TranslationButton as ge } from "../../translation/translation_button/TranslationButton.js";
 import { ContentFooter as be } from "../../user_content/content_footer/ContentFooter.js";
 import { VoteButton as Me } from "../../vote/vote_button/VoteButton.js";
 import { VotePaginatedList as ve } from "../../list/paginated_list/VotePaginatedList.js";
-import { UserContentSkeleton as Ce } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-import { Button as Ie } from "../../action/button/Button.js";
+import { UserContentSkeleton as Ie } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { Button as Ce } from "../../action/button/Button.js";
 const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), E = (e) => e?.replace(/ /g, " "), Re = ({
   argument: e,
   argumentReplies: n,
   nestingLevel: y = 0,
-  groupType: I,
+  groupType: C,
   groupName: S,
-  positions: g = [],
+  positions: _ = [],
   disableLinks: P = !1,
   parentArgument: d,
   flashParent: F,
   expandable: j,
-  disabled: _ = !1,
+  disabled: g = !1,
   hideFooter: R = !1,
   hideReplies: T,
   vote: G,
@@ -43,17 +43,17 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
   replyRedirectUrl: J,
   hideContent: K = !1
 }) => {
-  const i = de(), { isLoggedIn: Q, currentUser: c } = me(), N = c?.moderation_status === "banned", r = ue(), [p, b] = f(!1), [W, w] = f(!1), [X, Z] = f(!1), x = pe(e), [m, M] = f(), u = $(
+  const i = de(), { isLoggedIn: Q, currentUser: c } = me(), N = c?.moderation_status === "banned", r = ue(), [p, b] = f(!1), [W, w] = f(!1), [X, Z] = f(!1), x = pe(e), [m, M] = f(), u = B(
     e.content,
     e.language,
     "content",
     e.translation_entries
-  ), ee = $(
+  ), ee = B(
     e.position?.name,
     e.position?.language,
     "name",
     e.position?.translation_entries
-  ), v = `argument_${e.id}`, C = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
+  ), v = `argument_${e.id}`, I = e.position && _?.map((t) => t.id).indexOf(e.position.id) + 1;
   ie(() => {
     n !== void 0 && re();
   }, [n]);
@@ -90,10 +90,10 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
     {
       ...t ? { argument: t } : {},
       nestingLevel: y + 1,
-      disabled: _,
+      disabled: g,
       groupName: S,
-      groupType: I,
-      positions: g,
+      groupType: C,
+      positions: _,
       argumentReplies: n,
       parentArgument: e,
       flashParent: (a) => te(`argument_${a}`)
@@ -103,14 +103,14 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
     /* @__PURE__ */ l(
       "div",
       {
-        className: B(
+        className: $(
           s.argument,
           {
             [s.flash]: W,
             [s.argumentReply]: e.is_reply === !0
           },
           s[`level-${y}`],
-          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && I}`]
         ),
         id: v,
         children: [
@@ -121,7 +121,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
               author: e.author,
               tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : ee.translatedContent,
               date: e.created_at,
-              tagClassName: s[`headerPosition-${C}`],
+              tagClassName: s[`headerPosition-${I}`],
               disableLinks: P,
               isDeleted: e.is_deleted,
               showModerationFeedback: Y ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
@@ -140,7 +140,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
             /* @__PURE__ */ l(
               "div",
               {
-                className: B(s.argumentBody, {
+                className: $(s.argumentBody, {
                   [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? H : !1
                 }),
                 children: [
@@ -165,7 +165,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
                     }
                   ),
                   /* @__PURE__ */ o(
-                    ge,
+                    _e,
                     {
                       content: /* @__PURE__ */ l(h, { children: [
                         e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: i.formatMessage({
@@ -180,7 +180,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
                           }
                         ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: E(u.translatedContent) }),
                         u.isTranslated && /* @__PURE__ */ o(
-                          _e,
+                          ge,
                           {
                             language: e.language,
                             callback: () => u.toggleContent()
@@ -209,7 +209,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
             be,
             {
               resource: e,
-              disabled: _ || e.status === "rejected" || !Q && r?.actions?.disableInputForVisitor === !0 || N,
+              disabled: g || e.status === "rejected" || !Q && r?.actions?.disableInputForVisitor === !0 || N,
               reportType: "Message",
               softDelete: r.actions?.softDelete,
               deleteType: "messages",
@@ -240,7 +240,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: s[`voteButtonPosition-${C}`],
+                  activeClassName: s[`voteButtonPosition-${I}`],
                   disabled: e.status === "rejected" || c?.id === e?.author?.id || N
                 }
               )
@@ -264,13 +264,14 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
         Se,
         {
           groupId: e.group_id,
-          groupType: I,
+          groupType: C,
           groupName: S,
-          positions: g,
+          positions: _,
           parentId: e.id,
           positionId: G?.position_id,
-          disabled: _,
+          disabled: g,
           hideSourceAction: r?.actions?.disableUserSources || !1,
+          argumentListId: `argument_${e.id}_reply_list`,
           onSubmit: (t) => {
             A(), M([t]), b(!0);
           },
@@ -291,7 +292,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
         {
           voteableType: "Message",
           currentListId: `argument_${e.id}_reply_list`,
-          loadingComponent: /* @__PURE__ */ o(Ce, {}),
+          loadingComponent: /* @__PURE__ */ o(Ie, {}),
           resource: "messages",
           sort: "+created_at",
           filters: {
@@ -308,7 +309,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
         }
       ) }),
       m?.length > 0 && !p && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
-        Ie,
+        Ce,
         {
           role: "link",
           rightIcon: /* @__PURE__ */ o(D, { name: "lightArrow", height: 10, width: 10 }),

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

@@ -1,7 +1,7 @@
-import { jsxs as U, jsx as d, Fragment as Le } from "react/jsx-runtime";
+import { jsxs as U, jsx as c, 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 Qe, { useState as m, useEffect as h } from "react";
 import { useIntl as Ue } from "react-intl";
 import { useLocation as We } from "react-router";
 import a from "./PaginatedList.module.scss.js";
@@ -23,7 +23,7 @@ const rt = ({
   resource: _,
   currentListId: n,
   withToken: ae,
-  perPage: h,
+  perPage: p,
   perPageParam: le = "per_page",
   pageParam: ie = "page",
   sortParam: oe = "sort",
@@ -33,7 +33,7 @@ const rt = ({
   onUpdateTotal: W,
   onElementsLoad: R,
   transformData: z,
-  uniqueIdKey: p = "id",
+  uniqueIdKey: v = "id",
   children: de,
   resourcePropName: fe,
   loadingComponent: G,
@@ -52,17 +52,17 @@ const rt = ({
   withUrlParams: Se = !1,
   onLoadNewPage: $
 }) => {
-  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 = Ue(), t = Ge(), H = Pe(), I = We(), { isMobile: K, isTablet: ye, isDesktop: L } = Ve(), [b, u] = m(!1), [we, Ne] = m(!1), [k, S] = Xe(n, []), [O, Me] = m(
+    k?.length || 0
+  ), [E, j] = m(M || 1), [y, B] = m(w || null), [C, q] = m(null), [Re, ee] = m(null), r = 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(() => {
+  }, [F, T] = m(be()), [Q, x] = m(ke()), te = je(o);
+  M && M !== E && j(M), w !== void 0 && w !== y && B(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") && B(r.get("search")), r.get("sort")) {
-      F(r.get("sort"));
+      T(r.get("sort"));
       for (const e of r.values()) {
         i?.map((s) => {
           s.value === e && ee(s.name);
@@ -72,37 +72,37 @@ const rt = ({
     }
     for (const e of r.keys()) {
       i?.map((s) => {
-        s.name === e && (T({
+        s.name === e && (x({
           ...o,
           [s.name]: s.value
         }), ee(s.name));
       });
       break;
     }
-  }, [I.search]), g(() => {
-    _ ? (j(1), S([]), f(!0), se(1)) : f(!1);
+  }, [I.search]), h(() => {
+    _ ? (j(1), S([]), u(!0), se(1)) : u(!1);
   }, [
-    C,
+    F,
     Q,
     y,
     _,
-    k,
-    h
-  ]), g(() => {
-    c > 1 && (f(!0), se(c));
-  }, [c]), g(() => {
+    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(() => {
+  }, [t.addElements]), h(() => {
     if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
       xe(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]);
       const e = t.removeElements;
@@ -110,69 +110,71 @@ const rt = ({
     }
   }, [t.removeElements]);
   const Ce = (e) => {
-    e.type === "filter" ? (F(""), T({
+    e.type === "filter" ? (T(""), x({
       ...o,
       [e.name]: e.value
-    })) : (F(e.value), T(o ? { ...o } : {}));
+    })) : (T(e.value), x(o ? { ...o } : {}));
   }, Fe = () => {
-    typeof $ == "function" && $() !== null || j(c + 1);
+    typeof $ == "function" && $() !== null || j(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 <= (Z || O) || e === 1) {
+      const d = {
         [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 && { [re]: 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(_, d).then((l) => {
+        const f = l.headers;
+        f && D in f && (Me(
+          Number.parseInt(f[D || "total"], 10)
+        ), W && W(f[D || "total"]));
+        let g = l?.data?.data;
+        R && R(g), z && (g = g.filter(z)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), _e(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) => A([...e, ...s], v || "id")
     ), R && R(e);
   }, xe = (e) => {
-    let s = v;
-    e.forEach(
-      (u) => s = s.map(
-        (l) => l.id === u.id ? u : l
-      )
-    ), S(A(s, p || "id"));
+    S((s) => {
+      let d = s;
+      return e.forEach(
+        (l) => d = d.map(
+          (f) => f.id === l.id ? l : f
+        )
+      ), A(d, v || "id");
+    });
   }, Ae = (e) => {
-    const s = e.map((l) => l.id), u = v.filter(
+    const s = e.map((l) => l.id), d = k.filter(
       (l) => s.indexOf(l.id) === -1
     );
-    S(A(u, p || "id"));
+    S(A(d, v || "id"));
   }, _e = (e) => {
     S(
-      (s) => A([...s, ...e], p || "id")
+      (s) => A([...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(Ze, { hideMessage: !0, children: Qe.cloneElement(de, {
         index: s,
         [fe]: e
       }) })
     },
-    e[p || "id"]
-  ) : null, Je = (e) => G ? /* @__PURE__ */ d("li", { className: a.paginatedListItem, children: G }, e) : null;
+    e[v || "id"]
+  ) : null, Je = (e) => G ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: G }, e) : null;
   if (we)
     throw new Error(
       J.formatMessage({
@@ -181,7 +183,7 @@ const rt = ({
       })
     );
   return /* @__PURE__ */ U("div", { className: a.listContainer, children: [
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ c(
       ze,
       {
         title: ue,
@@ -189,14 +191,14 @@ const rt = ({
         defaultSelectOption: Re,
         searchBar: ce,
         tagList: ne,
-        activeTagId: k,
+        activeTagId: C,
         onSearch: (e) => B(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 ? P ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: P }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: V || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
     }) }) : /* @__PURE__ */ U(Le, { children: [
@@ -216,20 +218,20 @@ const rt = ({
           }),
           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(
+      !b && he !== !1 && /* @__PURE__ */ c(
         Ye,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
             defaultMessage: "See more"
           }),
-          currentPage: c,
-          perPage: h,
+          currentPage: E,
+          perPage: p,
           totalElements: Z || O,
           onLoad: Fe,
           isLoading: b,

package/package.json

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