@logora/debate 0.3.90 → 0.3.92

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

@@ -1,80 +1,78 @@
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { $isListNode as R, ListNode as D, INSERT_ORDERED_LIST_COMMAND as $ } from "@lexical/list";
-import { useLexicalComposerContext as K } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as q, $createQuoteNode as F } from "@lexical/rich-text";
-import { $setBlocksType as y } from "@lexical/selection";
-import { $getNearestNodeOfType as P, mergeRegister as U } from "@lexical/utils";
-import o from "classnames";
-import { $getSelection as b, $isRangeSelection as M, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as g } from "lexical";
-import { useRef as H, useState as c, useCallback as Q, useEffect as G } from "react";
+import { jsxs as N, jsx as t } from "react/jsx-runtime";
+import { $isListNode as R, ListNode as w, INSERT_ORDERED_LIST_COMMAND as B, REMOVE_LIST_COMMAND as D } from "@lexical/list";
+import { useLexicalComposerContext as $ } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as q, $createQuoteNode as K } from "@lexical/rich-text";
+import { $setBlocksType as M } from "@lexical/selection";
+import { $getNearestNodeOfType as F, mergeRegister as U } from "@lexical/utils";
+import a from "classnames";
+import { $getSelection as g, $isRangeSelection as P, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as h, $createParagraphNode as H } from "lexical";
+import { useRef as Q, useState as c, useCallback as G, useEffect as V } from "react";
 import { useIntl as X } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
 import { Icon as s } from "../../../icons/icon/Icon.js";
 import { Button as z } from "../../../action/button/Button.js";
-const ce = (i) => {
-  const n = X(), T = 1, [l] = K(), k = H(null), [f, h] = c("paragraph"), [J, C] = c(null), [x, I] = c(!1), [A, S] = c(!1), [E, L] = c(!1), p = i.hideSubmit && i.hideSourceAction && i.disableRichText, u = Q(() => {
-    const a = b();
-    if (M(a)) {
-      const d = a.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), N = r.getKey();
-      if (l.getElementByKey(N) !== null)
-        if (C(N), R(r)) {
-          const m = P(d, D), O = m ? m.getTag() : r.getTag();
-          h(O);
+const me = (l) => {
+  const n = X(), y = 1, [o] = $(), C = Q(null), [m, f] = c("paragraph"), [J, T] = c(null), [k, I] = c(!1), [x, A] = c(!1), [S, E] = c(!1), p = l.hideSubmit && l.hideSourceAction && l.disableRichText, b = G(() => {
+    const i = g();
+    if (P(i)) {
+      const d = i.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), _ = r.getKey();
+      if (o.getElementByKey(_) !== null)
+        if (T(_), R(r)) {
+          const u = F(d, w), O = u ? u.getTag() : r.getTag();
+          f(O);
         } else {
-          const m = q(r) ? r.getTag() : r.getType();
-          h(m);
+          const u = q(r) ? r.getTag() : r.getType();
+          f(u);
         }
-      I(a.hasFormat("bold")), S(a.hasFormat("italic")), L(a.hasFormat("underline"));
+      I(i.hasFormat("bold")), A(i.hasFormat("italic")), E(i.hasFormat("underline"));
     }
-  }, [l]);
-  G(() => U(
-    l.registerUpdateListener(({ editorState: a }) => {
-      a.read(() => {
-        u();
+  }, [o]);
+  V(() => U(
+    o.registerUpdateListener(({ editorState: i }) => {
+      i.read(() => {
+        b();
       });
     }),
-    l.registerCommand(
+    o.registerCommand(
       j,
-      (a, d) => (u(), !1),
-      T
+      (i, d) => (b(), !1),
+      y
     )
-  ), [l, u]);
-  const v = () => {
-    l.update(() => {
-      const a = b();
-      M(a) && y(a, () => $createParagraphNode());
-    });
-  }, w = () => {
-    f !== "number" ? l.dispatchCommand($) : v();
-  }, B = () => {
-    f !== "quote" && l.update(() => {
-      const a = b();
-      y(a, () => F());
+  ), [o, b]);
+  const L = () => {
+    m !== "ol" ? o.dispatchCommand(B) : o.dispatchCommand(D);
+  }, v = () => {
+    m !== "quote" ? o.update(() => {
+      const i = g();
+      M(i, () => K());
+    }) : o.update(() => {
+      const i = g();
+      M(i, () => H());
     });
   };
-  return p ? null : /* @__PURE__ */ _(
+  return p ? null : /* @__PURE__ */ N(
     "div",
     {
-      className: o(e.toolbar, {
-        [e.toolbarIsActive]: p ? !1 : i.isActive
+      className: a(e.toolbar, {
+        [e.toolbarIsActive]: p ? !1 : l.isActive
       }),
-      ref: k,
+      ref: C,
       children: [
-        i.isActive ? !i.disableRichText && /* @__PURE__ */ _(
+        l.isActive ? !l.disableRichText && /* @__PURE__ */ N(
           "div",
           {
-            className: o(e.iconToolbar, {
-              [e.shortBar]: i.shortBar
+            className: a(e.iconToolbar, {
+              [e.shortBar]: l.shortBar
             }),
             children: [
               /* @__PURE__ */ t(
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "bold");
+                    o.dispatchCommand(h, "bold");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, { [e.active]: x }),
+                  className: a(e.toolbarItem, { [e.active]: k }),
                   "data-testid": "format-bold",
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -86,7 +84,7 @@ const ce = (i) => {
                       name: "bold",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.bold)
+                      className: a(e.format, e.bold)
                     }
                   )
                 }
@@ -95,11 +93,11 @@ const ce = (i) => {
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "italic");
+                    o.dispatchCommand(h, "italic");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, {
-                    [e.active]: A
+                  className: a(e.toolbarItem, {
+                    [e.active]: x
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -111,7 +109,7 @@ const ce = (i) => {
                       name: "italic",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.italic)
+                      className: a(e.format, e.italic)
                     }
                   )
                 }
@@ -120,11 +118,11 @@ const ce = (i) => {
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "underline");
+                    o.dispatchCommand(h, "underline");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, {
-                    [e.active]: E
+                  className: a(e.toolbarItem, {
+                    [e.active]: S
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -136,7 +134,7 @@ const ce = (i) => {
                       name: "underline",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.underline)
+                      className: a(e.format, e.underline)
                     }
                   )
                 }
@@ -144,9 +142,9 @@ const ce = (i) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => B(),
+                  onClick: () => v(),
                   type: "button",
-                  className: e.toolbarItem,
+                  className: a(e.toolbarItem, { [e.active]: m === "quote" }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
@@ -157,7 +155,7 @@ const ce = (i) => {
                       name: "blockquote",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.quote)
+                      className: a(e.format, e.quote)
                     }
                   )
                 }
@@ -165,9 +163,9 @@ const ce = (i) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => w(),
+                  onClick: () => L(),
                   type: "button",
-                  className: e.toolbarItem,
+                  className: a(e.toolbarItem, { [e.active]: m === "ol" }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
@@ -178,15 +176,15 @@ const ce = (i) => {
                       name: "orderedList",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.numberedList)
+                      className: a(e.format, e.numberedList)
                     }
                   )
                 }
               ),
-              !i.hideSourceAction && /* @__PURE__ */ t(
+              !l.hideSourceAction && /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: i.onAddSource,
+                  onClick: l.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
                   "aria-label": n.formatMessage({
@@ -199,7 +197,7 @@ const ce = (i) => {
                       name: "link",
                       width: 20,
                       height: 20,
-                      className: o(e.format, e.link)
+                      className: a(e.format, e.link)
                     }
                   )
                 }
@@ -207,13 +205,13 @@ const ce = (i) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ t("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ t(
           z,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: i.onSubmit,
-            className: o(e.inputSubmitActionButton, e.submitAction),
+            handleClick: l.onSubmit,
+            className: a(e.inputSubmitActionButton, e.submitAction),
             "aria-label": n.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
@@ -226,5 +224,5 @@ const ce = (i) => {
   );
 };
 export {
-  ce as ToolbarPlugin
+  me as ToolbarPlugin
 };