@logora/debate 0.3.116 → 0.3.118

package/dist/components/input/text_editor/plugins/ToolbarPlugin.js

@@ -2,96 +2,90 @@ import { jsxs as k, jsx as o } from "react/jsx-runtime";
 import { $isListNode as $, ListNode as q, INSERT_ORDERED_LIST_COMMAND as K, REMOVE_LIST_COMMAND as F } from "@lexical/list";
 import { useLexicalComposerContext as U } from "@lexical/react/LexicalComposerContext";
 import { $isHeadingNode as P, $createQuoteNode as x } from "@lexical/rich-text";
-import { $setBlocksType as E } from "@lexical/selection";
+import { $setBlocksType as I } from "@lexical/selection";
 import { $getNearestNodeOfType as j, mergeRegister as H } from "@lexical/utils";
 import a from "classnames";
-import { $getSelection as f, $isRangeSelection as p, SELECTION_CHANGE_COMMAND as Q, FORMAT_TEXT_COMMAND as V, $createParagraphNode as G } from "lexical";
+import { $getSelection as p, $isRangeSelection as N, SELECTION_CHANGE_COMMAND as Q, FORMAT_TEXT_COMMAND as G, $createParagraphNode as V } from "lexical";
 import { useRef as X, useState as m, useCallback as z, useEffect as J } from "react";
 import { useIntl as W } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
 import { Icon as d } from "../../../icons/icon/Icon.js";
 import { Button as Y } from "../../../action/button/Button.js";
-const he = (s) => {
-  const c = W(), I = 1, [i] = U(), A = X(null), [b, M] = m("paragraph"), [Z, v] = m(null), [w, T] = m(!1), [D, _] = m(!1), [L, S] = m(!1), y = s.hideSubmit && s.hideSourceAction && s.disableRichText, h = z(() => {
-    const t = f();
-    if (p(t)) {
-      const r = t.anchor.getNode(), n = r.getKey() === "root" ? r : r.getTopLevelElementOrThrow(), u = n.getKey();
-      if (i.getElementByKey(u) !== null)
-        if (v(u), $(n)) {
-          const g = j(r, q), B = g ? g.getTag() : n.getTag();
+const he = (l) => {
+  const c = W(), E = 1, [n] = U(), A = X(null), [b, M] = m("paragraph"), [Z, v] = m(null), [w, T] = m(!1), [D, _] = m(!1), [L, y] = m(!1), S = l.hideSubmit && l.hideSourceAction && l.disableRichText, h = z(() => {
+    const t = p();
+    if (N(t)) {
+      const s = t.anchor.getNode(), r = s.getKey() === "root" ? s : s.getTopLevelElementOrThrow(), u = r.getKey();
+      if (n.getElementByKey(u) !== null)
+        if (v(u), $(r)) {
+          const g = j(s, q), B = g ? g.getTag() : r.getTag();
           M(B);
         } else {
-          const g = P(n) ? n.getTag() : n.getType();
+          const g = P(r) ? r.getTag() : r.getType();
           M(g);
         }
-      T(t.hasFormat("bold")), _(t.hasFormat("italic")), S(t.hasFormat("underline"));
+      T(t.hasFormat("bold")), _(t.hasFormat("italic")), y(t.hasFormat("underline"));
     }
-  }, [i]);
+  }, [n]);
   J(() => H(
-    i.registerUpdateListener(({ editorState: t }) => {
+    n.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
         h();
       });
     }),
-    i.registerCommand(
+    n.registerCommand(
       Q,
       () => (h(), !1),
-      I
+      E
     )
-  ), [i, h]);
-  const l = (t) => {
+  ), [n, h]);
+  const i = (t) => {
     t.preventDefault();
   }, C = () => {
     setTimeout(() => {
-      i.getEditorState().read(() => {
+      n.getEditorState().read(() => {
         h();
       });
     }, 0);
-  }, N = (t) => {
-    i.getEditorState().read(() => {
-      const r = f();
-      if (!p(r))
-        return;
-      const n = !r.hasFormat(t);
-      i.dispatchCommand(V, t), t === "bold" && T(n), t === "italic" && _(n), t === "underline" && S(n);
-    });
+  }, f = (t) => {
+    n.dispatchCommand(G, t), t === "bold" && T((s) => !s), t === "italic" && _((s) => !s), t === "underline" && y((s) => !s);
   }, O = () => {
-    b !== "ol" ? i.dispatchCommand(K) : i.dispatchCommand(F), C();
+    b !== "ol" ? n.dispatchCommand(K) : n.dispatchCommand(F), C();
   }, R = () => {
-    b !== "quote" ? i.update(() => {
-      const t = f();
-      if (p(t))
+    b !== "quote" ? n.update(() => {
+      const t = p();
+      if (N(t))
         if (t.isCollapsed()) {
-          const n = t.anchor.getNode().getTopLevelElementOrThrow(), u = x();
-          n.insertAfter(u), u.selectEnd();
+          const r = t.anchor.getNode().getTopLevelElementOrThrow(), u = x();
+          r.insertAfter(u), u.selectEnd();
         } else
-          E(t, () => x());
-    }) : i.update(() => {
-      const t = f();
-      p(t) && E(t, () => G());
+          I(t, () => x());
+    }) : n.update(() => {
+      const t = p();
+      N(t) && I(t, () => V());
     }), C();
   };
-  return y ? null : /* @__PURE__ */ k(
+  return S ? null : /* @__PURE__ */ k(
     "div",
     {
       className: a(e.toolbar, {
-        [e.toolbarIsActive]: y ? !1 : s.isActive
+        [e.toolbarIsActive]: S ? !1 : l.isActive
       }),
       ref: A,
       children: [
-        s.isActive ? !s.disableRichText && /* @__PURE__ */ k(
+        l.isActive ? !l.disableRichText && /* @__PURE__ */ k(
           "div",
           {
             className: a(e.iconToolbar, {
-              [e.shortBar]: s.shortBar
+              [e.shortBar]: l.shortBar
             }),
             children: [
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onTouchStart: l,
-                  onMouseDown: l,
-                  onClick: () => N("bold"),
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => f("bold"),
                   type: "button",
                   className: a(e.toolbarItem, { [e.active]: w }),
                   "data-testid": "format-bold",
@@ -113,9 +107,9 @@ const he = (s) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onTouchStart: l,
-                  onMouseDown: l,
-                  onClick: () => N("italic"),
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => f("italic"),
                   type: "button",
                   className: a(e.toolbarItem, {
                     [e.active]: D
@@ -138,9 +132,9 @@ const he = (s) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onTouchStart: l,
-                  onMouseDown: l,
-                  onClick: () => N("underline"),
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => f("underline"),
                   type: "button",
                   className: a(e.toolbarItem, {
                     [e.active]: L
@@ -163,8 +157,8 @@ const he = (s) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onTouchStart: l,
-                  onMouseDown: l,
+                  onTouchStart: i,
+                  onMouseDown: i,
                   onClick: () => R(),
                   type: "button",
                   className: a(e.toolbarItem, {
@@ -188,8 +182,8 @@ const he = (s) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onTouchStart: l,
-                  onMouseDown: l,
+                  onTouchStart: i,
+                  onMouseDown: i,
                   onClick: () => O(),
                   type: "button",
                   className: a(e.toolbarItem, {
@@ -210,12 +204,12 @@ const he = (s) => {
                   )
                 }
               ),
-              !s.hideSourceAction && /* @__PURE__ */ o(
+              !l.hideSourceAction && /* @__PURE__ */ o(
                 "button",
                 {
-                  onTouchStart: l,
-                  onMouseDown: l,
-                  onClick: s.onAddSource,
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: l.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
                   "aria-label": c.formatMessage({
@@ -236,12 +230,12 @@ const he = (s) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ o("div", { className: e.actionButton, children: s.hideSubmit ? null : /* @__PURE__ */ o(
+        /* @__PURE__ */ o("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ o(
           Y,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: s.onSubmit,
+            handleClick: l.onSubmit,
             className: a(e.inputSubmitActionButton, e.submitAction),
             "aria-label": c.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",

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

@@ -1,10 +1,10 @@
-import { jsxs as $, jsx as u, Fragment as Qe } from "react/jsx-runtime";
-import $e from "@rooks/use-previous";
-import Ue from "classnames";
-import We, { useState as m, useEffect as p } from "react";
+import { jsxs as U, jsx as g, 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 a from "./PaginatedList.module.scss.js";
+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";
@@ -15,14 +15,14 @@ import { Pagination as He } from "../pagination/Pagination.js";
 import { StandardErrorBoundary as Ie } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
 const ct = ({
   query: N,
-  sortOptions: i,
+  sortOptions: o,
   sort: M,
-  filters: o,
+  filters: m,
   tagList: ne,
   pinnedTagList: ae,
   currentPage: R,
   resource: A,
-  currentListId: n,
+  currentListId: a,
   withToken: le,
   perPage: v,
   perPageParam: ie = "per_page",
@@ -31,7 +31,7 @@ const ct = ({
   queryParam: de = "query",
   tagParam: re = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: U,
+  onUpdateTotal: $,
   onElementsLoad: b,
   transformData: W,
   uniqueIdKey: S = "id",
@@ -39,8 +39,8 @@ const ct = ({
   resourcePropName: ce,
   loadingComponent: z,
   searchBar: ue = !1,
-  title: Ee,
-  subtitle: ge,
+  title: ge,
+  subtitle: Ee,
   showDebateConsultationSubtitle: he = !1,
   emptyListComponent: G,
   emptyText: P,
@@ -55,28 +55,28 @@ const ct = ({
   withUrlParams: Ne = !1,
   onLoadNewPage: Z
 }) => {
-  const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [k, E] = m(!1), [Re, be] = m(!1), [d, y] = Ze(n, []), [O, ke] = m(
+  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
-  ), [g, j] = m(R || 1), [w, B] = m(N || null), [C, q] = m(null), [Ce, ee] = m(null), r = new URLSearchParams(
+  ), [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
-  ), Fe = () => i && i[0].type === "sort" && i[0].value || M || "", Te = () => {
+  ), Te = () => o && o[0].type === "sort" && o[0].value || M || "", Fe = () => {
     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(Fe()), [Q, _] = m(Te()), te = $e(o);
-  R && R !== g && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !== F && T(M), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && _(o), p(() => {
-    if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && B(r.get("search")), r.get("sort")) {
-      T(r.get("sort"));
-      for (const e of r.values()) {
-        i?.map((s) => {
+    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()) {
+        o?.map((s) => {
           s.value === e && ee(s.name);
         });
         break;
       }
     }
-    for (const e of r.keys()) {
-      i?.map((s) => {
+    for (const e of c.keys()) {
+      o?.map((s) => {
         s.name === e && (_({
-          ...o,
+          ...m,
           [s.name]: s.value
         }), ee(s.name));
       });
@@ -85,61 +85,71 @@ const ct = ({
   }, [I.search]), p(() => {
     A ? (j(1), y([]), E(!0), se(1)) : E(!1);
   }, [
-    F,
+    T,
     Q,
     w,
     A,
     C,
     v
   ]), p(() => {
-    g > 1 && (E(!0), se(g));
-  }, [g]), p(() => {
-    if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
-      Ae(t.addElements[n]);
+    h > 1 && (E(!0), se(h));
+  }, [h]), p(() => {
+    if (t.addElements && a in t.addElements && t.addElements[a].length > 0) {
+      Ae(t.addElements[a]);
       const e = t.addElements;
-      delete e[n], t.setAddElements(e);
+      delete e[a], t.setAddElements(e);
     }
   }, [t.addElements]), p(() => {
-    if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0 && d.length > 0) {
-      De(t.updateElements[n]);
-      const e = { ...t.updateElements };
-      delete e[n], t.setUpdateElements(e);
+    if (t.updateElements && a in t.updateElements) {
+      const e = t.updateElements[a];
+      if (e.length > 0) {
+        const s = e.filter(
+          (i) => d.some((n) => n.id === i.id)
+        );
+        if (s.length > 0) {
+          De(s);
+          const i = e.filter(
+            (r) => !d.some((u) => u.id === r.id)
+          ), n = { ...t.updateElements };
+          i.length > 0 ? n[a] = i : delete n[a], t.setUpdateElements(n);
+        }
+      }
     }
   }, [t.updateElements, d]), p(() => {
-    if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0 && d.length > 0) {
-      Je(t.removeElements[n]);
+    if (t.removeElements && a in t.removeElements && t.removeElements[a].length > 0 && d.length > 0) {
+      Je(t.removeElements[a]);
       const e = { ...t.removeElements };
-      delete e[n], t.setRemoveElements(e);
+      delete e[a], t.setRemoveElements(e);
     }
   }, [t.removeElements, d]);
   const _e = (e) => {
-    e.type === "filter" ? (T(""), _({
-      ...o,
+    e.type === "filter" ? (F(""), _({
+      ...m,
       [e.name]: e.value
-    })) : (T(e.value), _(o ? { ...o } : {}));
+    })) : (F(e.value), _(m ? { ...m } : {}));
   }, xe = () => {
-    typeof Z == "function" && Z() !== null || j(g + 1);
+    typeof Z == "function" && Z() !== null || j(h + 1);
   }, se = (e) => {
     const s = le ? H.getListWithToken : H.getList;
     if ((e - 1) * v <= (Y || O) || e === 1) {
-      const f = {
+      const i = {
         [oe]: e,
         [ie]: v,
-        ...F && !w && { [me]: F },
+        ...T && !w && { [me]: T },
         ...w && { [de]: w },
         ...ye === !0 && { countless: !0 },
         ...Q,
         ...C && { [re]: C }
       };
-      s(A, f).then((l) => {
-        const c = l.headers;
-        c && D in c && (ke(
-          Number.parseInt(c[D || "total"], 10)
-        ), U && U(c[D || "total"]));
-        let h = l?.data?.data;
-        b && b(h), W && (h = h.filter(W)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (h = [...t.addElements[n], h]), Le(h), E(!1);
-      }).catch((l) => {
-        console.error(l), l?.response?.status !== 404 && be(!0), E(!1);
+      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);
+      }).catch((n) => {
+        console.error(n), n?.response?.status !== 404 && be(!0), E(!1);
       });
     } else
       E(!1);
@@ -149,35 +159,35 @@ const ct = ({
     ), b && b(e);
   }, De = (e) => {
     y((s) => {
-      let f = s;
+      let i = s;
       return e.forEach(
-        (l) => f = f.map(
-          (c) => c.id === l.id ? l : c
+        (n) => i = i.map(
+          (r) => r.id === n.id ? n : r
         )
-      ), x(f, S || "id");
+      ), x(i, S || "id");
     });
   }, Je = (e) => {
-    const s = e.map((l) => l.id), f = d.filter(
-      (l) => s.indexOf(l.id) === -1
+    const s = e.map((n) => n.id), i = d.filter(
+      (n) => s.indexOf(n.id) === -1
     );
-    y(x(f, S || "id"));
+    y(x(i, S || "id"));
   }, Le = (e) => {
     y(
       (s) => x([...s, ...e], S || "id")
     );
-  }, je = (e, s) => e !== void 0 ? /* @__PURE__ */ u(
+  }, je = (e, s) => e !== void 0 ? /* @__PURE__ */ g(
     "li",
     {
-      className: a.paginatedListItem,
+      className: l.paginatedListItem,
       "data-testid": "list-item",
       onClick: we,
-      children: /* @__PURE__ */ u(Ie, { hideMessage: !0, children: We.cloneElement(fe, {
+      children: /* @__PURE__ */ g(Ie, { hideMessage: !0, children: We.cloneElement(fe, {
         index: s,
         [ce]: e
       }) })
     },
     `${e[S || "id"]}_${e.updated_at || e.content}`
-  ) : null, Be = (e) => z ? /* @__PURE__ */ u("li", { className: a.paginatedListItem, children: z }, e) : null;
+  ) : null, Be = (e) => z ? /* @__PURE__ */ g("li", { className: l.paginatedListItem, children: z }, e) : null;
   if (Re)
     throw new Error(
       J.formatMessage({
@@ -185,14 +195,14 @@ const ct = ({
         defaultMessage: "Error when loading content."
       })
     );
-  return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ U("div", { className: l.listContainer, children: [
+    /* @__PURE__ */ g(
       Pe,
       {
-        title: Ee,
-        subtitle: ge,
+        title: ge,
+        subtitle: Ee,
         showDebateConsultationSubtitle: he,
-        sortOptions: i,
+        sortOptions: o,
         defaultSelectOption: Ce,
         searchBar: ue,
         tagList: ne,
@@ -204,23 +214,23 @@ const ct = ({
         withUrlParams: Ne
       }
     ),
-    !k && d.length === 0 ? G ? /* @__PURE__ */ u("div", { className: a.emptyListElement, children: G }) : /* @__PURE__ */ u("div", { className: a.emptyList, children: P || J.formatMessage({
+    !k && d.length === 0 ? G ? /* @__PURE__ */ g("div", { className: l.emptyListElement, children: G }) : /* @__PURE__ */ g("div", { className: l.emptyList, children: P || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
-    }) }) : /* @__PURE__ */ $(Qe, { children: [
-      /* @__PURE__ */ $(
+    }) }) : /* @__PURE__ */ U(Qe, { children: [
+      /* @__PURE__ */ U(
         "ul",
         {
-          className: Ue(a.paginatedList, {
-            [a.paginatedListIsTablet]: !K && !L,
-            [a.centeredList]: V === "column",
-            [a.column]: V === "column",
-            [a.twoElementsPerLine]: X === 2,
-            [a.oneElementPerLine]: X === 1,
-            [a.indexLayoutList]: pe,
-            [a.listIsDesktop]: L,
-            [a.listIsTablet]: Me && !L,
-            [a.listIsMobile]: K
+          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.indexLayoutList]: pe,
+            [l.listIsDesktop]: L,
+            [l.listIsTablet]: Me && !L,
+            [l.listIsMobile]: K
           }),
           style: { gap: ve },
           children: [
@@ -229,14 +239,14 @@ const ct = ({
           ]
         }
       ),
-      !k && Se !== !1 && /* @__PURE__ */ u(
+      !k && Se !== !1 && /* @__PURE__ */ g(
         He,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
             defaultMessage: "See more"
           }),
-          currentPage: g,
+          currentPage: h,
           perPage: v,
           totalElements: Y || O,
           onLoad: xe,

package/package.json

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