@logora/debate 0.3.108 → 0.3.110

package/dist/components/icons/clarin_icons/Send.js

@@ -1,10 +1,6 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "react";
-const h = (i) => /* @__PURE__ */ l("svg", { ...i, viewBox: "0 0 34 35", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ e("rect", { width: "34", height: "35", rx: "17", fill: "white" }),
-  /* @__PURE__ */ e("rect", { width: "34", height: "35", rx: "17", fill: "#D70026" }),
-  /* @__PURE__ */ e("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.923 11.3652L9.0284 16.537L13.6573 19.295L17.739 15.0921C17.946 14.8791 18.2268 14.7595 18.5195 14.7596C18.8122 14.7598 19.0929 14.8796 19.2998 15.0927C19.5067 15.3058 19.6229 15.5949 19.6228 15.8962C19.6227 16.1975 19.5063 16.4864 19.2993 16.6994L15.2165 20.9022L17.8979 25.6662L22.923 11.3652ZM23.2794 8.81629C24.598 8.32445 25.8758 9.63982 25.398 10.9972L19.5696 27.587C19.0907 28.9478 17.2855 29.1137 16.5804 27.8608L13.0306 21.5474L6.89765 17.8933C5.68055 17.1674 5.84165 15.3091 7.16358 14.8161L23.2794 8.81629Z", fill: "white" })
-] });
+const L = (l) => /* @__PURE__ */ e("svg", { ...l, viewBox: "0 0 34 35", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.923 11.3652L9.0284 16.537L13.6573 19.295L17.739 15.0921C17.946 14.8791 18.2268 14.7595 18.5195 14.7596C18.8122 14.7598 19.0929 14.8796 19.2998 15.0927C19.5067 15.3058 19.6229 15.5949 19.6228 15.8962C19.6227 16.1975 19.5063 16.4864 19.2993 16.6994L15.2165 20.9022L17.8979 25.6662L22.923 11.3652ZM23.2794 8.81629C24.598 8.32445 25.8758 9.63982 25.398 10.9972L19.5696 27.587C19.0907 28.9478 17.2855 29.1137 16.5804 27.8608L13.0306 21.5474L6.89765 17.8933C5.68055 17.1674 5.84165 15.3091 7.16358 14.8161L23.2794 8.81629Z", fill: "currentColor" }) });
 export {
-  h as Send
+  L as Send
 };

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

@@ -1,86 +1,96 @@
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { $isListNode as B, ListNode as $, INSERT_ORDERED_LIST_COMMAND as q, REMOVE_LIST_COMMAND as K } from "@lexical/list";
-import { useLexicalComposerContext as F } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as U, $createQuoteNode as T } from "@lexical/rich-text";
+import { $isListNode as q, ListNode as $, 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 k } from "@lexical/rich-text";
 import { $setBlocksType as C } from "@lexical/selection";
-import { $getNearestNodeOfType as P, mergeRegister as j } from "@lexical/utils";
+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 H, FORMAT_TEXT_COMMAND as N, $createParagraphNode as Q } from "lexical";
-import { useRef as G, useState as u, useCallback as V, useEffect as X } from "react";
-import { useIntl as z } from "react-intl";
+import { $getSelection as N, $isRangeSelection as M, SELECTION_CHANGE_COMMAND as Q, FORMAT_TEXT_COMMAND as G, $createParagraphNode as V } from "lexical";
+import { useRef as X, useState as u, 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 r } from "../../../icons/icon/Icon.js";
-import { Button as J } from "../../../action/button/Button.js";
-const ue = (l) => {
-  const s = z(), k = 1, [i] = F(), I = G(null), [b, _] = u("paragraph"), [W, x] = u(null), [E, A] = u(!1), [S, v] = u(!1), [w, L] = u(!1), M = l.hideSubmit && l.hideSourceAction && l.disableRichText, h = V(() => {
-    const t = f();
-    if (p(t)) {
-      const d = t.anchor.getNode(), n = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), m = n.getKey();
-      if (i.getElementByKey(m) !== null)
-        if (x(m), B(n)) {
-          const g = P(d, $), R = g ? g.getTag() : n.getTag();
-          _(R);
+import { Button as Y } from "../../../action/button/Button.js";
+const ge = (i) => {
+  const s = W(), x = 1, [l] = U(), E = X(null), [b, _] = u("paragraph"), [Z, I] = u(null), [A, S] = u(!1), [v, w] = u(!1), [L, D] = u(!1), T = i.hideSubmit && i.hideSourceAction && i.disableRichText, g = z(() => {
+    const t = N();
+    if (M(t)) {
+      const c = t.anchor.getNode(), n = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), m = n.getKey();
+      if (l.getElementByKey(m) !== null)
+        if (I(m), q(n)) {
+          const f = j(c, $), B = f ? f.getTag() : n.getTag();
+          _(B);
         } else {
-          const g = U(n) ? n.getTag() : n.getType();
-          _(g);
+          const f = P(n) ? n.getTag() : n.getType();
+          _(f);
         }
-      A(t.hasFormat("bold")), v(t.hasFormat("italic")), L(t.hasFormat("underline"));
+      S(t.hasFormat("bold")), w(t.hasFormat("italic")), D(t.hasFormat("underline"));
     }
-  }, [i]);
-  X(() => j(
-    i.registerUpdateListener(({ editorState: t }) => {
+  }, [l]);
+  J(() => H(
+    l.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
-        h();
+        g();
       });
     }),
-    i.registerCommand(
-      H,
-      (t, d) => (h(), !1),
-      k
+    l.registerCommand(
+      Q,
+      (t, c) => (g(), !1),
+      x
     )
-  ), [i, h]);
-  const c = (t) => {
+  ), [l, g]);
+  const d = (t) => {
     t.preventDefault();
-  }, D = () => {
-    b !== "ol" ? i.dispatchCommand(q) : i.dispatchCommand(K);
+  }, h = () => {
+    queueMicrotask(() => {
+      requestAnimationFrame(() => {
+        l.getEditorState().read(() => {
+          g();
+        });
+      });
+    });
+  }, p = (t) => {
+    l.dispatchCommand(G, t), h();
   }, O = () => {
-    b !== "quote" ? i.update(() => {
-      const t = f();
-      if (p(t))
+    b !== "ol" ? l.dispatchCommand(K) : l.dispatchCommand(F), h();
+  }, R = () => {
+    b !== "quote" ? l.update(() => {
+      const t = N();
+      if (M(t))
         if (t.isCollapsed()) {
-          const n = t.anchor.getNode().getTopLevelElementOrThrow(), m = T();
+          const n = t.anchor.getNode().getTopLevelElementOrThrow(), m = k();
           n.insertAfter(m), m.selectEnd();
         } else
-          C(t, () => T());
-    }) : i.update(() => {
-      const t = f();
-      p(t) && C(t, () => Q());
-    });
+          C(t, () => k());
+    }) : l.update(() => {
+      const t = N();
+      M(t) && C(t, () => V());
+    }), h();
   };
-  return M ? null : /* @__PURE__ */ y(
+  return T ? null : /* @__PURE__ */ y(
     "div",
     {
       className: a(e.toolbar, {
-        [e.toolbarIsActive]: M ? !1 : l.isActive
+        [e.toolbarIsActive]: T ? !1 : i.isActive
       }),
-      ref: I,
+      ref: E,
       children: [
-        l.isActive ? !l.disableRichText && /* @__PURE__ */ y(
+        i.isActive ? !i.disableRichText && /* @__PURE__ */ y(
           "div",
           {
             className: a(e.iconToolbar, {
-              [e.shortBar]: l.shortBar
+              [e.shortBar]: i.shortBar
             }),
             children: [
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: c,
+                  onMouseDown: d,
                   onClick: () => {
-                    i.dispatchCommand(N, "bold");
+                    p("bold");
                   },
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: E }),
+                  className: a(e.toolbarItem, { [e.active]: A }),
                   "data-testid": "format-bold",
                   "aria-label": s.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -100,13 +110,13 @@ const ue = (l) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: c,
+                  onMouseDown: d,
                   onClick: () => {
-                    i.dispatchCommand(N, "italic");
+                    p("italic");
                   },
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: S
+                    [e.active]: v
                   }),
                   "aria-label": s.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -126,13 +136,13 @@ const ue = (l) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: c,
+                  onMouseDown: d,
                   onClick: () => {
-                    i.dispatchCommand(N, "underline");
+                    p("underline");
                   },
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: w
+                    [e.active]: L
                   }),
                   "aria-label": s.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -152,8 +162,8 @@ const ue = (l) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: c,
-                  onClick: () => O(),
+                  onMouseDown: d,
+                  onClick: () => R(),
                   type: "button",
                   className: a(e.toolbarItem, { [e.active]: b === "quote" }),
                   "aria-label": s.formatMessage({
@@ -174,8 +184,8 @@ const ue = (l) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: c,
-                  onClick: () => D(),
+                  onMouseDown: d,
+                  onClick: () => O(),
                   type: "button",
                   className: a(e.toolbarItem, { [e.active]: b === "ol" }),
                   "aria-label": s.formatMessage({
@@ -193,10 +203,10 @@ const ue = (l) => {
                   )
                 }
               ),
-              !l.hideSourceAction && /* @__PURE__ */ o(
+              !i.hideSourceAction && /* @__PURE__ */ o(
                 "button",
                 {
-                  onClick: l.onAddSource,
+                  onClick: i.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
                   "aria-label": s.formatMessage({
@@ -217,12 +227,12 @@ const ue = (l) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ o("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ o(
-          J,
+        /* @__PURE__ */ o("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ o(
+          Y,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: l.onSubmit,
+            handleClick: i.onSubmit,
             className: a(e.inputSubmitActionButton, e.submitAction),
             "aria-label": s.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
@@ -236,5 +246,5 @@ const ue = (l) => {
   );
 };
 export {
-  ue as ToolbarPlugin
+  ge as ToolbarPlugin
 };

package/package.json

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