@logora/debate 0.3.112 → 0.3.114

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

@@ -1,103 +1,100 @@
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { $isListNode as q, ListNode as $, INSERT_ORDERED_LIST_COMMAND as K, REMOVE_LIST_COMMAND as F } from "@lexical/list";
+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 k } from "@lexical/rich-text";
+import { $isHeadingNode as P, $createQuoteNode as S } from "@lexical/rich-text";
 import { $setBlocksType as C } from "@lexical/selection";
 import { $getNearestNodeOfType as j, mergeRegister as H } from "@lexical/utils";
 import a from "classnames";
 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 { 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 r } from "../../../icons/icon/Icon.js";
+import { Icon as c } from "../../../icons/icon/Icon.js";
 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 he = (l) => {
+  const r = W(), k = 1, [n] = U(), x = X(null), [b, T] = m("paragraph"), [Z, I] = m(null), [E, A] = m(!1), [v, w] = m(!1), [D, L] = m(!1), _ = l.hideSubmit && l.hideSourceAction && l.disableRichText, h = 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);
+      const d = t.anchor.getNode(), s = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), u = s.getKey();
+      if (n.getElementByKey(u) !== null)
+        if (I(u), $(s)) {
+          const g = j(d, q), B = g ? g.getTag() : s.getTag();
+          T(B);
         } else {
-          const f = P(n) ? n.getTag() : n.getType();
-          _(f);
+          const g = P(s) ? s.getTag() : s.getType();
+          T(g);
         }
-      S(t.hasFormat("bold")), w(t.hasFormat("italic")), D(t.hasFormat("underline"));
+      A(t.hasFormat("bold")), w(t.hasFormat("italic")), L(t.hasFormat("underline"));
     }
-  }, [l]);
+  }, [n]);
   J(() => H(
-    l.registerUpdateListener(({ editorState: t }) => {
+    n.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
-        g();
+        h();
       });
     }),
-    l.registerCommand(
+    n.registerCommand(
       Q,
-      (t, c) => (g(), !1),
-      x
+      () => (h(), !1),
+      k
     )
-  ), [l, g]);
-  const d = (t) => {
+  ), [n, h]);
+  const i = (t) => {
     t.preventDefault();
-  }, h = () => {
-    queueMicrotask(() => {
-      requestAnimationFrame(() => {
-        l.getEditorState().read(() => {
-          g();
-        });
+  }, f = () => {
+    setTimeout(() => {
+      n.getEditorState().read(() => {
+        h();
       });
-    });
+    }, 0);
   }, p = (t) => {
-    l.dispatchCommand(G, t), h();
+    n.dispatchCommand(G, t), f();
   }, O = () => {
-    b !== "ol" ? l.dispatchCommand(K) : l.dispatchCommand(F), h();
+    b !== "ol" ? n.dispatchCommand(K) : n.dispatchCommand(F), f();
   }, R = () => {
-    b !== "quote" ? l.update(() => {
+    b !== "quote" ? n.update(() => {
       const t = N();
       if (M(t))
         if (t.isCollapsed()) {
-          const n = t.anchor.getNode().getTopLevelElementOrThrow(), m = k();
-          n.insertAfter(m), m.selectEnd();
+          const s = t.anchor.getNode().getTopLevelElementOrThrow(), u = S();
+          s.insertAfter(u), u.selectEnd();
         } else
-          C(t, () => k());
-    }) : l.update(() => {
+          C(t, () => S());
+    }) : n.update(() => {
       const t = N();
       M(t) && C(t, () => V());
-    }), h();
+    }), f();
   };
-  return T ? null : /* @__PURE__ */ y(
+  return _ ? null : /* @__PURE__ */ y(
     "div",
     {
       className: a(e.toolbar, {
-        [e.toolbarIsActive]: T ? !1 : i.isActive
+        [e.toolbarIsActive]: _ ? !1 : l.isActive
       }),
-      ref: E,
+      ref: x,
       children: [
-        i.isActive ? !i.disableRichText && /* @__PURE__ */ y(
+        l.isActive ? !l.disableRichText && /* @__PURE__ */ y(
           "div",
           {
             className: a(e.iconToolbar, {
-              [e.shortBar]: i.shortBar
+              [e.shortBar]: l.shortBar
             }),
             children: [
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => {
-                    p("bold");
-                  },
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => p("bold"),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: A }),
+                  className: a(e.toolbarItem, { [e.active]: E }),
                   "data-testid": "format-bold",
-                  "aria-label": s.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
                     defaultMessage: "Make text bold"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    c,
                     {
                       name: "bold",
                       width: 24,
@@ -110,20 +107,19 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => {
-                    p("italic");
-                  },
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => p("italic"),
                   type: "button",
                   className: a(e.toolbarItem, {
                     [e.active]: v
                   }),
-                  "aria-label": s.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
                     defaultMessage: "Make text italic"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    c,
                     {
                       name: "italic",
                       width: 24,
@@ -136,20 +132,19 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => {
-                    p("underline");
-                  },
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => p("underline"),
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: L
+                    [e.active]: D
                   }),
-                  "aria-label": s.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
                     defaultMessage: "Underline text"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    c,
                     {
                       name: "underline",
                       width: 24,
@@ -162,16 +157,19 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
+                  onTouchStart: i,
+                  onMouseDown: i,
                   onClick: () => R(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: b === "quote" }),
-                  "aria-label": s.formatMessage({
+                  className: a(e.toolbarItem, {
+                    [e.active]: b === "quote"
+                  }),
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    c,
                     {
                       name: "blockquote",
                       width: 24,
@@ -184,16 +182,19 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
+                  onTouchStart: i,
+                  onMouseDown: i,
                   onClick: () => O(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: b === "ol" }),
-                  "aria-label": s.formatMessage({
+                  className: a(e.toolbarItem, {
+                    [e.active]: b === "ol"
+                  }),
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    c,
                     {
                       name: "orderedList",
                       width: 24,
@@ -203,18 +204,20 @@ const ge = (i) => {
                   )
                 }
               ),
-              !i.hideSourceAction && /* @__PURE__ */ o(
+              !l.hideSourceAction && /* @__PURE__ */ o(
                 "button",
                 {
-                  onClick: i.onAddSource,
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: l.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
-                  "aria-label": s.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
                     defaultMessage: "Add hyperlink"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    c,
                     {
                       name: "link",
                       width: 20,
@@ -227,18 +230,18 @@ const ge = (i) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ o("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ o(
+        /* @__PURE__ */ o("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ o(
           Y,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: i.onSubmit,
+            handleClick: l.onSubmit,
             className: a(e.inputSubmitActionButton, e.submitAction),
-            "aria-label": s.formatMessage({
+            "aria-label": r.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
             }),
-            children: /* @__PURE__ */ o(r, { name: "send", width: 20, height: 20 })
+            children: /* @__PURE__ */ o(c, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -246,5 +249,5 @@ const ge = (i) => {
   );
 };
 export {
-  ge as ToolbarPlugin
+  he as ToolbarPlugin
 };

package/package.json

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