@logora/debate 0.4.30 → 0.4.31

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

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

package/package.json

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