@logora/debate 0.3.108 → 0.3.109

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

@@ -1,86 +1,94 @@
 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 { $setBlocksType as C } from "@lexical/selection";
-import { $getNearestNodeOfType as P, mergeRegister as j } from "@lexical/utils";
+import { $isListNode as $, ListNode as q, INSERT_ORDERED_LIST_COMMAND as K, REMOVE_LIST_COMMAND as F } from "@lexical/list";
+import { useLexicalComposerContext as P } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as U, $createQuoteNode as C } from "@lexical/rich-text";
+import { $setBlocksType as k } 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 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 _, 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] = P(), E = X(null), [b, M] = u("paragraph"), [Z, I] = u(null), [S, v] = u(!1), [A, w] = u(!1), [L, D] = u(!1), T = i.hideSubmit && i.hideSourceAction && i.disableRichText, g = z(() => {
+    const t = N();
+    if (_(t)) {
+      const c = t.anchor.getNode(), n = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), m = n.getKey();
+      if (l.getElementByKey(m) !== null)
+        if (I(m), $(n)) {
+          const f = j(c, q), B = f ? f.getTag() : n.getTag();
+          M(B);
         } else {
-          const g = U(n) ? n.getTag() : n.getType();
-          _(g);
+          const f = U(n) ? n.getTag() : n.getType();
+          M(f);
         }
-      A(t.hasFormat("bold")), v(t.hasFormat("italic")), L(t.hasFormat("underline"));
+      v(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 = () => {
+    Promise.resolve().then(() => {
+      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 (_(t))
         if (t.isCollapsed()) {
-          const n = t.anchor.getNode().getTopLevelElementOrThrow(), m = T();
+          const n = t.anchor.getNode().getTopLevelElementOrThrow(), m = C();
           n.insertAfter(m), m.selectEnd();
         } else
-          C(t, () => T());
-    }) : i.update(() => {
-      const t = f();
-      p(t) && C(t, () => Q());
-    });
+          k(t, () => C());
+    }) : l.update(() => {
+      const t = N();
+      _(t) && k(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]: S }),
                   "data-testid": "format-bold",
                   "aria-label": s.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -100,13 +108,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]: A
                   }),
                   "aria-label": s.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -126,13 +134,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 +160,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 +182,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 +201,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 +225,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 +244,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.109",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",