@logora/debate 0.4.49 → 0.4.50

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

@@ -1,52 +1,50 @@
-import { jsxs as P, jsx as n } from "react/jsx-runtime";
-import { $isListNode as O, 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 B } from "@lexical/rich-text";
-import { $setBlocksType as $ } from "@lexical/selection";
-import { $getNearestNodeOfType as ie, mergeRegister as ae } from "@lexical/utils";
+import { jsxs as E, jsx as n } from "react/jsx-runtime";
+import { $isListNode as P, ListNode as Y, INSERT_ORDERED_LIST_COMMAND as Z, $isListItemNode as O, $createListNode as ee } from "@lexical/list";
+import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as oe, $createQuoteNode as R } from "@lexical/rich-text";
+import { $setBlocksType as B } from "@lexical/selection";
+import { $getNearestNodeOfType as ne, mergeRegister as ie } from "@lexical/utils";
 import i from "classnames";
-import { $getSelection as M, $isRangeSelection as I, SELECTION_CHANGE_COMMAND as le, FORMAT_TEXT_COMMAND as re, $createParagraphNode as q } from "lexical";
-import { useRef as k, useState as N, useCallback as se, useEffect as K } from "react";
-import { useIntl as ce } from "react-intl";
+import { $getSelection as M, $isRangeSelection as I, SELECTION_CHANGE_COMMAND as ae, FORMAT_TEXT_COMMAND as le, $createParagraphNode as $ } from "lexical";
+import { useRef as x, useState as N, useCallback as re, useEffect as q } from "react";
+import { useIntl as se } 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 Ce = (a) => {
-  const d = ce(), F = 1, [l] = oe(), U = k(null), [T, x] = N("paragraph"), [ue, j] = N(null), [H, Q] = N(!1), [V, z] = N(!1), [G, X] = N(!1), L = a.hideSubmit && a.hideSourceAction && a.disableRichText, _ = se(() => {
+import { Button as ce } from "../../../action/button/Button.js";
+const we = (a) => {
+  const d = se(), K = 1, [l] = te(), F = x(null), [T, S] = N("paragraph"), [de, U] = N(null), [j, H] = N(!1), [Q, V] = N(!1), [z, G] = N(!1), L = a.hideSubmit && a.hideSourceAction && a.disableRichText, _ = re(() => {
     const e = M();
     if (I(e)) {
       const c = e.anchor.getNode(), r = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), u = r.getKey();
       if (l.getElementByKey(u) !== null)
-        if (j(u), O(r)) {
-          const o = ie(c, Z), p = o ? o.getTag() : r.getTag();
-          x(p);
+        if (U(u), P(r)) {
+          const o = ne(c, Y), p = o ? o.getTag() : r.getTag();
+          S(p);
         } else {
-          const o = ne(r) ? r.getTag() : r.getType();
-          x(o);
+          const o = oe(r) ? r.getTag() : r.getType();
+          S(o);
         }
-      Q(e.hasFormat("bold")), z(e.hasFormat("italic")), X(e.hasFormat("underline"));
+      H(e.hasFormat("bold")), V(e.hasFormat("italic")), G(e.hasFormat("underline"));
     }
   }, [l]);
-  K(() => ae(
+  q(() => ie(
     l.registerUpdateListener(({ editorState: e }) => {
       e.read(() => {
         _();
       });
     }),
     l.registerCommand(
-      le,
+      ae,
       () => (_(), !1),
-      F
+      K
     )
   ), [l, _]);
-  const A = (e) => {
-    e.pointerType !== "touch" && e.pointerType !== "pen" && e.preventDefault();
-  }, y = k(!1), s = k(null);
-  K(() => () => {
+  const y = x(!1), s = x(null);
+  q(() => () => {
     s.current && clearTimeout(s.current);
   }, []);
   const g = (e, c) => {
-    A(e), (e.pointerType === "touch" || e.pointerType === "pen") && (y.current = !0, c(), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
+    e.preventDefault(), (e.pointerType === "touch" || e.pointerType === "pen") && (y.current = !0, c(), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
       y.current = !1, s.current = null;
     }, 500));
   }, h = (e) => {
@@ -62,8 +60,8 @@ const Ce = (a) => {
       });
     }, 0);
   }, b = (e) => {
-    l.dispatchCommand(re, e), w();
-  }, J = () => {
+    l.dispatchCommand(le, e), w();
+  }, X = () => {
     l.update(() => {
       const e = M();
       if (!I(e))
@@ -71,53 +69,53 @@ const Ce = (a) => {
       const c = e.getNodes(), r = /* @__PURE__ */ new Set();
       for (const m of c) {
         let o = m;
-        for (; o !== null && !R(o); )
+        for (; o !== null && !O(o); )
           o = o.getParent();
-        R(o) && r.add(o);
+        O(o) && r.add(o);
       }
       const u = Array.from(r).reverse();
       for (const m of u) {
         const o = m.getParent();
-        if (!O(o))
+        if (!P(o))
           continue;
-        const p = q(), W = m.getChildren();
-        for (const S of W)
-          p.append(S);
+        const p = $(), J = m.getChildren();
+        for (const k of J)
+          p.append(k);
         const C = m.getNextSiblings();
         if (o.insertAfter(p), C.length > 0) {
-          const S = C[0].getValue(), E = te(o.getListType(), S);
-          for (const Y of C)
-            E.append(Y);
-          p.insertAfter(E);
+          const k = C[0].getValue(), v = ee(o.getListType(), k);
+          for (const W of C)
+            v.append(W);
+          p.insertAfter(v);
         }
         m.remove(), o.getChildrenSize() === 0 && o.remove();
       }
     });
+  }, A = () => {
+    T !== "ol" ? l.dispatchCommand(Z) : X(), w();
   }, D = () => {
-    T !== "ol" ? l.dispatchCommand(ee) : J(), w();
-  }, v = () => {
     T !== "quote" ? l.update(() => {
       const e = M();
       if (I(e))
         if (e.isCollapsed()) {
-          const r = e.anchor.getNode().getTopLevelElementOrThrow(), u = B();
+          const r = e.anchor.getNode().getTopLevelElementOrThrow(), u = R();
           r.insertAfter(u), u.selectEnd();
         } else
-          $(e, () => B());
+          B(e, () => R());
     }) : l.update(() => {
       const e = M();
-      I(e) && $(e, () => q());
+      I(e) && B(e, () => $());
     }), w();
   };
-  return L ? null : /* @__PURE__ */ P(
+  return L ? null : /* @__PURE__ */ E(
     "div",
     {
       className: i(t.toolbar, {
         [t.toolbarIsActive]: L ? !1 : a.isActive
       }),
-      ref: U,
+      ref: F,
       children: [
-        a.isActive ? !a.disableRichText && /* @__PURE__ */ P(
+        a.isActive ? !a.disableRichText && /* @__PURE__ */ E(
           "div",
           {
             className: i(t.iconToolbar, {
@@ -130,7 +128,7 @@ const Ce = (a) => {
                   onPointerDown: (e) => g(e, () => b("bold")),
                   onClick: () => h(() => b("bold")),
                   type: "button",
-                  className: i(t.toolbarItem, { [t.active]: H }),
+                  className: i(t.toolbarItem, { [t.active]: j }),
                   "data-testid": "format-bold",
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -154,7 +152,7 @@ const Ce = (a) => {
                   onClick: () => h(() => b("italic")),
                   type: "button",
                   className: i(t.toolbarItem, {
-                    [t.active]: V
+                    [t.active]: Q
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -178,7 +176,7 @@ const Ce = (a) => {
                   onClick: () => h(() => b("underline")),
                   type: "button",
                   className: i(t.toolbarItem, {
-                    [t.active]: G
+                    [t.active]: z
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -198,8 +196,8 @@ const Ce = (a) => {
               /* @__PURE__ */ n(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => v()),
-                  onClick: () => h(() => v()),
+                  onPointerDown: (e) => g(e, () => D()),
+                  onClick: () => h(() => D()),
                   type: "button",
                   className: i(t.toolbarItem, {
                     [t.active]: T === "quote"
@@ -222,8 +220,8 @@ const Ce = (a) => {
               /* @__PURE__ */ n(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => D()),
-                  onClick: () => h(() => D()),
+                  onPointerDown: (e) => g(e, () => A()),
+                  onClick: () => h(() => A()),
                   type: "button",
                   className: i(t.toolbarItem, {
                     [t.active]: T === "ol"
@@ -246,7 +244,7 @@ const Ce = (a) => {
               !a.hideSourceAction && /* @__PURE__ */ n(
                 "button",
                 {
-                  onPointerDown: A,
+                  onPointerDown: (e) => e.preventDefault(),
                   onClick: a.onAddSource,
                   type: "button",
                   className: t.toolbarItem,
@@ -269,7 +267,7 @@ const Ce = (a) => {
           }
         ) : null,
         /* @__PURE__ */ n("div", { className: t.actionButton, children: a.hideSubmit ? null : /* @__PURE__ */ n(
-          de,
+          ce,
           {
             type: "button",
             "data-testid": "submit-button",
@@ -287,5 +285,5 @@ const Ce = (a) => {
   );
 };
 export {
-  Ce as ToolbarPlugin
+  we as ToolbarPlugin
 };

package/package.json

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