@logora/debate 0.4.24 → 0.4.26

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

@@ -1,134 +1,143 @@
-import { jsxs as L, jsx as i } from "react/jsx-runtime";
-import { $isListNode as k, ListNode as z, INSERT_ORDERED_LIST_COMMAND as G, $isListItemNode as w, $createListNode as X } from "@lexical/list";
-import { useLexicalComposerContext as J } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as W, $createQuoteNode as A } from "@lexical/rich-text";
-import { $setBlocksType as v } from "@lexical/selection";
-import { $getNearestNodeOfType as Y, mergeRegister as Z } from "@lexical/utils";
-import a from "classnames";
-import { $getSelection as N, $isRangeSelection as _, SELECTION_CHANGE_COMMAND as ee, FORMAT_TEXT_COMMAND as te, $createParagraphNode as E } from "lexical";
-import { useRef as oe, useState as g, useCallback as ie, useEffect as ae } from "react";
-import { useIntl as ne } from "react-intl";
+import { jsxs as B, jsx as i } from "react/jsx-runtime";
+import { $isListNode as $, ListNode as W, INSERT_ORDERED_LIST_COMMAND as X, $isListItemNode as _, $createListNode as Y } from "@lexical/list";
+import { useLexicalComposerContext as Z } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as ee, $createQuoteNode as K } from "@lexical/rich-text";
+import { $setBlocksType as O } from "@lexical/selection";
+import { $getNearestNodeOfType as te, mergeRegister as oe } from "@lexical/utils";
+import n from "classnames";
+import { $getSelection as h, $isRangeSelection as p, SELECTION_CHANGE_COMMAND as ie, $createParagraphNode as R } from "lexical";
+import { useRef as ne, useState as N, useCallback as ae, useEffect as le } from "react";
+import { useIntl as se } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
-import { Icon as u } from "../../../icons/icon/Icon.js";
-import { Button as le } from "../../../action/button/Button.js";
-const ye = (l) => {
-  const r = ne(), D = 1, [n] = J(), O = oe(null), [h, I] = g("paragraph"), [se, P] = g(null), [B, R] = g(!1), [$, q] = g(!1), [K, F] = g(!1), S = l.hideSubmit && l.hideSourceAction && l.disableRichText, p = ie(() => {
-    const t = N();
-    if (_(t)) {
-      const c = t.anchor.getNode(), s = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), d = s.getKey();
-      if (n.getElementByKey(d) !== null)
-        if (P(d), k(s)) {
-          const o = Y(c, z), f = o ? o.getTag() : s.getTag();
-          I(f);
+import { Icon as g } from "../../../icons/icon/Icon.js";
+import { Button as re } from "../../../action/button/Button.js";
+const Me = (s) => {
+  const d = se(), q = 1, [r] = Z(), P = ne(null), [T, k] = N("paragraph"), [ce, U] = N(null), [F, v] = N(!1), [j, w] = N(!1), [H, C] = N(!1), A = s.hideSubmit && s.hideSourceAction && s.disableRichText, y = ae(() => {
+    const t = h();
+    if (p(t)) {
+      const o = t.anchor.getNode(), c = o.getKey() === "root" ? o : o.getTopLevelElementOrThrow(), u = c.getKey();
+      if (r.getElementByKey(u) !== null)
+        if (U(u), $(c)) {
+          const b = te(o, W), f = b ? b.getTag() : c.getTag();
+          k(f);
         } else {
-          const o = W(s) ? s.getTag() : s.getType();
-          I(o);
+          const b = ee(c) ? c.getTag() : c.getType();
+          k(b);
         }
-      R(t.hasFormat("bold")), q(t.hasFormat("italic")), F(t.hasFormat("underline"));
+      v(t.hasFormat("bold")), w(t.hasFormat("italic")), C(t.hasFormat("underline"));
     }
-  }, [n]);
-  ae(() => Z(
-    n.registerUpdateListener(({ editorState: t }) => {
+  }, [r]);
+  le(() => oe(
+    r.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
-        p();
+        y();
       });
     }),
-    n.registerCommand(
-      ee,
-      () => (p(), !1),
-      D
+    r.registerCommand(
+      ie,
+      () => (y(), !1),
+      q
     )
-  ), [n, p]);
-  const b = (t) => {
-    t.pointerType !== "touch" && t.pointerType !== "pen" && t.preventDefault();
-  }, x = () => {
+  ), [r, y]);
+  const a = (t) => {
+    t.preventDefault();
+  }, E = () => {
     setTimeout(() => {
-      n.getEditorState().read(() => {
-        p();
+      r.getEditorState().read(() => {
+        y();
       });
     }, 0);
-  }, T = (t) => {
-    n.dispatchCommand(te, t), n.focus();
-  }, U = () => {
-    n.update(() => {
-      const t = N();
-      if (!_(t))
+  }, M = (t) => {
+    r.update(() => {
+      const o = h();
+      p(o) && o.formatText(t);
+    }), t === "bold" && v((o) => !o), t === "italic" && w((o) => !o), t === "underline" && C((o) => !o);
+  }, Q = () => {
+    r.update(() => {
+      const t = h();
+      if (!p(t))
         return;
-      const c = t.getNodes(), s = /* @__PURE__ */ new Set();
-      for (const m of c) {
-        let o = m;
-        for (; o !== null && !w(o); )
-          o = o.getParent();
-        w(o) && s.add(o);
+      let o = t.anchor.getNode();
+      for (; o !== null && !_(o); )
+        o = o.getParent();
+      const c = _(o) ? o.getKey() : null, u = t.getNodes(), I = /* @__PURE__ */ new Set();
+      for (const m of u) {
+        let l = m;
+        for (; l !== null && !_(l); )
+          l = l.getParent();
+        _(l) && I.add(l);
       }
-      const d = Array.from(s).reverse();
-      for (const m of d) {
-        const o = m.getParent();
-        if (!k(o))
+      const b = Array.from(I).reverse();
+      let f = null;
+      for (const m of b) {
+        const l = m.getParent();
+        if (!$(l))
           continue;
-        const f = E(), Q = m.getChildren();
-        for (const M of Q)
-          f.append(M);
-        const y = m.getNextSiblings();
-        if (o.insertAfter(f), y.length > 0) {
-          const M = y[0].getValue(), C = X(o.getListType(), M);
-          for (const V of y)
-            C.append(V);
-          f.insertAfter(C);
+        const S = R(), G = m.getChildren();
+        for (const x of G)
+          S.append(x);
+        const L = m.getNextSiblings();
+        if (l.insertAfter(S), L.length > 0) {
+          const x = L[0].getValue(), D = Y(l.getListType(), x);
+          for (const J of L)
+            D.append(J);
+          S.insertAfter(D);
         }
-        m.remove(), o.getChildrenSize() === 0 && o.remove();
+        m.getKey() === c && (f = S), m.remove(), l.getChildrenSize() === 0 && l.remove();
       }
+      f !== null && f.selectEnd();
     });
-  }, j = () => {
-    h !== "ol" ? n.dispatchCommand(G) : U(), x();
-  }, H = () => {
-    h !== "quote" ? n.update(() => {
-      const t = N();
-      if (_(t))
+  }, V = () => {
+    T !== "ol" ? r.dispatchCommand(X) : Q(), E();
+  }, z = () => {
+    T !== "quote" ? r.update(() => {
+      const t = h();
+      if (p(t))
         if (t.isCollapsed()) {
-          const s = t.anchor.getNode().getTopLevelElementOrThrow(), d = A();
-          s.insertAfter(d), d.selectEnd();
+          const c = t.anchor.getNode().getTopLevelElementOrThrow(), u = K();
+          c.insertAfter(u), u.selectEnd();
         } else
-          v(t, () => A());
-    }) : n.update(() => {
-      const t = N();
-      _(t) && v(t, () => E());
-    }), x();
+          O(t, () => K());
+    }) : r.update(() => {
+      const t = h();
+      p(t) && O(t, () => R());
+    }), E();
   };
-  return S ? null : /* @__PURE__ */ L(
+  return A ? null : /* @__PURE__ */ B(
     "div",
     {
-      className: a(e.toolbar, {
-        [e.toolbarIsActive]: S ? !1 : l.isActive
+      className: n(e.toolbar, {
+        [e.toolbarIsActive]: A ? !1 : s.isActive
       }),
-      ref: O,
+      ref: P,
       children: [
-        l.isActive ? !l.disableRichText && /* @__PURE__ */ L(
+        s.isActive ? !s.disableRichText && /* @__PURE__ */ B(
           "div",
           {
-            className: a(e.iconToolbar, {
-              [e.shortBar]: l.shortBar
+            className: n(e.iconToolbar, {
+              [e.shortBar]: s.shortBar
             }),
             children: [
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => T("bold"),
+                  onTouchStart: a,
+                  onMouseDown: a,
+                  onClick: () => M("bold"),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: B }),
+                  className: n(e.toolbarItem, { [e.active]: F }),
                   "data-testid": "format-bold",
-                  "aria-label": r.formatMessage({
+                  "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
                     defaultMessage: "Make text bold"
                   }),
                   children: /* @__PURE__ */ i(
-                    u,
+                    g,
                     {
                       name: "bold",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.bold)
+                      className: n(e.format, e.bold)
                     }
                   )
                 }
@@ -136,23 +145,24 @@ const ye = (l) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => T("italic"),
+                  onTouchStart: a,
+                  onMouseDown: a,
+                  onClick: () => M("italic"),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: $
+                  className: n(e.toolbarItem, {
+                    [e.active]: j
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
                     defaultMessage: "Make text italic"
                   }),
                   children: /* @__PURE__ */ i(
-                    u,
+                    g,
                     {
                       name: "italic",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.italic)
+                      className: n(e.format, e.italic)
                     }
                   )
                 }
@@ -160,23 +170,24 @@ const ye = (l) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => T("underline"),
+                  onTouchStart: a,
+                  onMouseDown: a,
+                  onClick: () => M("underline"),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: K
+                  className: n(e.toolbarItem, {
+                    [e.active]: H
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
                     defaultMessage: "Underline text"
                   }),
                   children: /* @__PURE__ */ i(
-                    u,
+                    g,
                     {
                       name: "underline",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.underline)
+                      className: n(e.format, e.underline)
                     }
                   )
                 }
@@ -184,23 +195,24 @@ const ye = (l) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => H(),
+                  onTouchStart: a,
+                  onMouseDown: a,
+                  onClick: () => z(),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: h === "quote"
+                  className: n(e.toolbarItem, {
+                    [e.active]: T === "quote"
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
                   }),
                   children: /* @__PURE__ */ i(
-                    u,
+                    g,
                     {
                       name: "blockquote",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.quote)
+                      className: n(e.format, e.quote)
                     }
                   )
                 }
@@ -208,45 +220,47 @@ const ye = (l) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => j(),
+                  onTouchStart: a,
+                  onMouseDown: a,
+                  onClick: () => V(),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: h === "ol"
+                  className: n(e.toolbarItem, {
+                    [e.active]: T === "ol"
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
                   }),
                   children: /* @__PURE__ */ i(
-                    u,
+                    g,
                     {
                       name: "orderedList",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.numberedList)
+                      className: n(e.format, e.numberedList)
                     }
                   )
                 }
               ),
-              !l.hideSourceAction && /* @__PURE__ */ i(
+              !s.hideSourceAction && /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: l.onAddSource,
+                  onTouchStart: a,
+                  onMouseDown: a,
+                  onClick: s.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
-                  "aria-label": r.formatMessage({
+                  "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
                     defaultMessage: "Add hyperlink"
                   }),
                   children: /* @__PURE__ */ i(
-                    u,
+                    g,
                     {
                       name: "link",
                       width: 20,
                       height: 20,
-                      className: a(e.format, e.link)
+                      className: n(e.format, e.link)
                     }
                   )
                 }
@@ -254,18 +268,18 @@ const ye = (l) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ i("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ i(
-          le,
+        /* @__PURE__ */ i("div", { className: e.actionButton, children: s.hideSubmit ? null : /* @__PURE__ */ i(
+          re,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: l.onSubmit,
-            className: a(e.inputSubmitActionButton, e.submitAction),
-            "aria-label": r.formatMessage({
+            handleClick: s.onSubmit,
+            className: n(e.inputSubmitActionButton, e.submitAction),
+            "aria-label": d.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
             }),
-            children: /* @__PURE__ */ i(u, { name: "send", width: 20, height: 20 })
+            children: /* @__PURE__ */ i(g, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -273,5 +287,5 @@ const ye = (l) => {
   );
 };
 export {
-  ye as ToolbarPlugin
+  Me as ToolbarPlugin
 };

package/package.json

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