@logora/debate 0.4.23 → 0.4.25

package/dist/assets/components/input/text_editor/plugins/ToolbarPlugin.module-CjkE3oe-.css

@@ -0,0 +1 @@
+._toolbar_13b6u_3{display:flex!important;justify-content:space-between!important;flex-wrap:wrap;background:var(--background-color-primary, white);padding-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;vertical-align:middle;align-items:flex-start;gap:var(--space-unit, 1em)}._toolbar_13b6u_3._toolbarIsActive_13b6u_13{border-top:1px solid var(--text-tertiary, #fafafa)}._iconToolbar_13b6u_17{display:flex!important;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))}._iconToolbar_13b6u_17._shortBar_13b6u_21{gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}._toolbarItem_13b6u_25{border:0;background:none;padding:0!important;cursor:pointer;vertical-align:middle;touch-action:manipulation;display:flex;align-items:center;justify-content:center}@media(max-width:576px){._toolbarItem_13b6u_25{min-width:44px;min-height:44px}}._toolbarItem_13b6u_25._disabled_13b6u_42{cursor:not-allowed}._toolbarItem_13b6u_25._active_13b6u_45{background-color:#bababa66;border-radius:50%}._toolbarItem_13b6u_25 ._format_13b6u_49{background-size:contain;display:inline-block;vertical-align:-.25em;display:flex!important}._actionButton_13b6u_56{display:flex!important;gap:var(--space-unit, 1em);margin-left:auto}._inputSubmitActionButton_13b6u_62{width:100%;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--call-primary-color, #434343)!important}._inputSubmitActionButton_13b6u_62._submitAction_13b6u_70 svg{fill:var(--text-light, white)!important}._inputSubmitActionButton_13b6u_62 ._inputSourceText_13b6u_73{display:none!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;font-size:var(--font-size-small, 16px)}@container (min-width: 576px){._inputSubmitActionButton_13b6u_62 ._inputSourceText_13b6u_73{display:block!important}}._tooltip_13b6u_84{width:230px!important;margin-left:-117px!important}

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

@@ -1,129 +1,130 @@
-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 { jsxs as w, jsx as i } from "react/jsx-runtime";
+import { $isListNode as A, ListNode as z, INSERT_ORDERED_LIST_COMMAND as G, $isListItemNode as E, $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 { $isHeadingNode as W, $createQuoteNode as D } from "@lexical/rich-text";
+import { $setBlocksType as O } 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 { $getSelection as N, $isRangeSelection as T, SELECTION_CHANGE_COMMAND as ee, FORMAT_TEXT_COMMAND as te, $createParagraphNode as B } 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 { Icon as b } 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 _e = (s) => {
+  const d = ne(), R = 1, [r] = J(), $ = oe(null), [h, I] = g("paragraph"), [se, q] = g(null), [K, x] = g(!1), [P, C] = g(!1), [F, L] = g(!1), k = s.hideSubmit && s.hideSourceAction && s.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();
+    if (T(t)) {
+      const n = t.anchor.getNode(), c = n.getKey() === "root" ? n : n.getTopLevelElementOrThrow(), u = c.getKey();
+      if (r.getElementByKey(u) !== null)
+        if (q(u), A(c)) {
+          const o = Y(n, z), f = o ? o.getTag() : c.getTag();
           I(f);
         } else {
-          const o = W(s) ? s.getTag() : s.getType();
+          const o = W(c) ? c.getTag() : c.getType();
           I(o);
         }
-      R(t.hasFormat("bold")), q(t.hasFormat("italic")), F(t.hasFormat("underline"));
+      x(t.hasFormat("bold")), C(t.hasFormat("italic")), L(t.hasFormat("underline"));
     }
-  }, [l]);
+  }, [r]);
   ae(() => Z(
-    l.registerUpdateListener(({ editorState: t }) => {
+    r.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
         p();
       });
     }),
-    l.registerCommand(
+    r.registerCommand(
       ee,
       () => (p(), !1),
-      D
+      R
     )
-  ), [l, p]);
-  const b = (t) => {
-    t.pointerType !== "touch" && t.pointerType !== "pen" && t.preventDefault();
-  }, x = () => {
+  ), [r, p]);
+  const l = (t) => {
+    t.preventDefault();
+  }, M = () => {
     setTimeout(() => {
-      l.getEditorState().read(() => {
+      r.getEditorState().read(() => {
         p();
       });
     }, 0);
-  }, T = (t) => {
-    l.dispatchCommand(te, t);
+  }, _ = (t) => {
+    r.dispatchCommand(te, t), t === "bold" && x((n) => !n), t === "italic" && C((n) => !n), t === "underline" && L((n) => !n), M();
   }, U = () => {
-    l.update(() => {
+    r.update(() => {
       const t = N();
-      if (!_(t))
+      if (!T(t))
         return;
-      const c = t.getNodes(), s = /* @__PURE__ */ new Set();
-      for (const m of c) {
+      const n = t.getNodes(), c = /* @__PURE__ */ new Set();
+      for (const m of n) {
         let o = m;
-        for (; o !== null && !w(o); )
+        for (; o !== null && !E(o); )
           o = o.getParent();
-        w(o) && s.add(o);
+        E(o) && c.add(o);
       }
-      const d = Array.from(s).reverse();
-      for (const m of d) {
+      const u = Array.from(c).reverse();
+      for (const m of u) {
         const o = m.getParent();
-        if (!k(o))
+        if (!A(o))
           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 f = B(), Q = m.getChildren();
+        for (const y of Q)
+          f.append(y);
+        const S = m.getNextSiblings();
+        if (o.insertAfter(f), S.length > 0) {
+          const y = S[0].getValue(), v = X(o.getListType(), y);
+          for (const V of S)
+            v.append(V);
+          f.insertAfter(v);
         }
         m.remove(), o.getChildrenSize() === 0 && o.remove();
       }
     });
   }, j = () => {
-    h !== "ol" ? l.dispatchCommand(G) : U(), x();
+    h !== "ol" ? r.dispatchCommand(G) : U(), M();
   }, H = () => {
-    h !== "quote" ? l.update(() => {
+    h !== "quote" ? r.update(() => {
       const t = N();
-      if (_(t))
+      if (T(t))
         if (t.isCollapsed()) {
-          const s = t.anchor.getNode().getTopLevelElementOrThrow(), d = A();
-          s.insertAfter(d), d.selectEnd();
+          const c = t.anchor.getNode().getTopLevelElementOrThrow(), u = D();
+          c.insertAfter(u), u.selectEnd();
         } else
-          v(t, () => A());
-    }) : l.update(() => {
+          O(t, () => D());
+    }) : r.update(() => {
       const t = N();
-      _(t) && v(t, () => E());
-    }), x();
+      T(t) && O(t, () => B());
+    }), M();
   };
-  return S ? null : /* @__PURE__ */ L(
+  return k ? null : /* @__PURE__ */ w(
     "div",
     {
       className: a(e.toolbar, {
-        [e.toolbarIsActive]: S ? !1 : n.isActive
+        [e.toolbarIsActive]: k ? !1 : s.isActive
       }),
-      ref: O,
+      ref: $,
       children: [
-        n.isActive ? !n.disableRichText && /* @__PURE__ */ L(
+        s.isActive ? !s.disableRichText && /* @__PURE__ */ w(
           "div",
           {
             className: a(e.iconToolbar, {
-              [e.shortBar]: n.shortBar
+              [e.shortBar]: s.shortBar
             }),
             children: [
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => T("bold"),
+                  onTouchStart: l,
+                  onMouseDown: l,
+                  onClick: () => _("bold"),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: B }),
+                  className: a(e.toolbarItem, { [e.active]: K }),
                   "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,
+                    b,
                     {
                       name: "bold",
                       width: 24,
@@ -136,18 +137,19 @@ const ye = (n) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => T("italic"),
+                  onTouchStart: l,
+                  onMouseDown: l,
+                  onClick: () => _("italic"),
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: $
+                    [e.active]: P
                   }),
-                  "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,
+                    b,
                     {
                       name: "italic",
                       width: 24,
@@ -160,18 +162,19 @@ const ye = (n) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: () => T("underline"),
+                  onTouchStart: l,
+                  onMouseDown: l,
+                  onClick: () => _("underline"),
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: K
+                    [e.active]: F
                   }),
-                  "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,
+                    b,
                     {
                       name: "underline",
                       width: 24,
@@ -184,18 +187,19 @@ const ye = (n) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
+                  onTouchStart: l,
+                  onMouseDown: l,
                   onClick: () => H(),
                   type: "button",
                   className: a(e.toolbarItem, {
                     [e.active]: h === "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,
+                    b,
                     {
                       name: "blockquote",
                       width: 24,
@@ -208,18 +212,19 @@ const ye = (n) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
+                  onTouchStart: l,
+                  onMouseDown: l,
                   onClick: () => j(),
                   type: "button",
                   className: a(e.toolbarItem, {
                     [e.active]: h === "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,
+                    b,
                     {
                       name: "orderedList",
                       width: 24,
@@ -229,19 +234,20 @@ const ye = (n) => {
                   )
                 }
               ),
-              !n.hideSourceAction && /* @__PURE__ */ i(
+              !s.hideSourceAction && /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: b,
-                  onClick: n.onAddSource,
+                  onTouchStart: l,
+                  onMouseDown: l,
+                  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,
+                    b,
                     {
                       name: "link",
                       width: 20,
@@ -254,18 +260,18 @@ const ye = (n) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ i("div", { className: e.actionButton, children: n.hideSubmit ? null : /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: e.actionButton, children: s.hideSubmit ? null : /* @__PURE__ */ i(
           le,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: n.onSubmit,
+            handleClick: s.onSubmit,
             className: a(e.inputSubmitActionButton, e.submitAction),
-            "aria-label": r.formatMessage({
+            "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(b, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -273,5 +279,5 @@ const ye = (n) => {
   );
 };
 export {
-  ye as ToolbarPlugin
+  _e as ToolbarPlugin
 };

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

@@ -1,25 +1,25 @@
-import '../../../../assets/components/input/text_editor/plugins/ToolbarPlugin.module-C3yG2biv.css';const t = "_toolbar_awaxp_3", o = "_toolbarIsActive_awaxp_13", a = "_iconToolbar_awaxp_17", n = "_shortBar_awaxp_21", _ = "_toolbarItem_awaxp_25", c = "_active_awaxp_45", i = "_format_awaxp_49", s = "_actionButton_awaxp_56", r = "_inputSubmitActionButton_awaxp_62", b = "_submitAction_awaxp_70", u = {
+import '../../../../assets/components/input/text_editor/plugins/ToolbarPlugin.module-CjkE3oe-.css';const t = "_toolbar_13b6u_3", o = "_toolbarIsActive_13b6u_13", n = "_iconToolbar_13b6u_17", _ = "_shortBar_13b6u_21", c = "_toolbarItem_13b6u_25", b = "_active_13b6u_45", i = "_format_13b6u_49", a = "_actionButton_13b6u_56", u = "_inputSubmitActionButton_13b6u_62", s = "_submitAction_13b6u_70", r = {
   toolbar: t,
   toolbarIsActive: o,
-  iconToolbar: a,
-  shortBar: n,
-  toolbarItem: _,
-  active: c,
+  iconToolbar: n,
+  shortBar: _,
+  toolbarItem: c,
+  active: b,
   format: i,
-  actionButton: s,
-  inputSubmitActionButton: r,
-  submitAction: b
+  actionButton: a,
+  inputSubmitActionButton: u,
+  submitAction: s
 };
 export {
-  s as actionButton,
-  c as active,
-  u as default,
+  a as actionButton,
+  b as active,
+  r as default,
   i as format,
-  a as iconToolbar,
-  r as inputSubmitActionButton,
-  n as shortBar,
-  b as submitAction,
+  n as iconToolbar,
+  u as inputSubmitActionButton,
+  _ as shortBar,
+  s as submitAction,
   t as toolbar,
   o as toolbarIsActive,
-  _ as toolbarItem
+  c as toolbarItem
 };

package/package.json

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

package/dist/assets/components/input/text_editor/plugins/ToolbarPlugin.module-C3yG2biv.css

@@ -1 +0,0 @@
-._toolbar_awaxp_3{display:flex!important;justify-content:space-between!important;flex-wrap:wrap;background:var(--background-color-primary, white);padding-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;vertical-align:middle;align-items:flex-start;gap:var(--space-unit, 1em)}._toolbar_awaxp_3._toolbarIsActive_awaxp_13{border-top:1px solid var(--text-tertiary, #fafafa)}._iconToolbar_awaxp_17{display:flex!important;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))}._iconToolbar_awaxp_17._shortBar_awaxp_21{gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}._toolbarItem_awaxp_25{border:0;background:none;padding:0!important;cursor:pointer;vertical-align:middle;touch-action:manipulation;display:flex;align-items:center;justify-content:center}@container (max-width: 575.98px){._toolbarItem_awaxp_25{min-width:44px;min-height:44px}}._toolbarItem_awaxp_25._disabled_awaxp_42{cursor:not-allowed}._toolbarItem_awaxp_25._active_awaxp_45{background-color:#bababa66;border-radius:50%}._toolbarItem_awaxp_25 ._format_awaxp_49{background-size:contain;display:inline-block;vertical-align:-.25em;display:flex!important}._actionButton_awaxp_56{display:flex!important;gap:var(--space-unit, 1em);margin-left:auto}._inputSubmitActionButton_awaxp_62{width:100%;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--call-primary-color, #434343)!important}._inputSubmitActionButton_awaxp_62._submitAction_awaxp_70 svg{fill:var(--text-light, white)!important}._inputSubmitActionButton_awaxp_62 ._inputSourceText_awaxp_73{display:none!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;font-size:var(--font-size-small, 16px)}@container (min-width: 576px){._inputSubmitActionButton_awaxp_62 ._inputSourceText_awaxp_73{display:block!important}}._tooltip_awaxp_84{width:230px!important;margin-left:-117px!important}