@logora/debate 0.4.20 → 0.4.21

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

@@ -0,0 +1 @@
+._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}

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

@@ -1,104 +1,101 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { $isListNode as $, ListNode as q, INSERT_ORDERED_LIST_COMMAND as K, REMOVE_LIST_COMMAND as F } from "@lexical/list";
-import { useLexicalComposerContext as U } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as P, $createQuoteNode as I } from "@lexical/rich-text";
-import { $setBlocksType as E } from "@lexical/selection";
-import { $getNearestNodeOfType as j, mergeRegister as H } from "@lexical/utils";
-import a from "classnames";
-import { $getSelection as p, $isRangeSelection as N, SELECTION_CHANGE_COMMAND as Q, FORMAT_TEXT_COMMAND as G, $createParagraphNode as V } from "lexical";
-import { useRef as X, useState as u, useCallback as z, useEffect as J } from "react";
-import { useIntl as W } from "react-intl";
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
+import { $isListNode as D, ListNode as $, INSERT_ORDERED_LIST_COMMAND as q, REMOVE_LIST_COMMAND as K } from "@lexical/list";
+import { useLexicalComposerContext as F } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as U, $createQuoteNode as y } from "@lexical/rich-text";
+import { $setBlocksType as C } from "@lexical/selection";
+import { $getNearestNodeOfType as P, mergeRegister as j } from "@lexical/utils";
+import i from "classnames";
+import { $getSelection as h, $isRangeSelection as p, SELECTION_CHANGE_COMMAND as H, FORMAT_TEXT_COMMAND as Q, $createParagraphNode as G } from "lexical";
+import { useRef as V, useState as m, useCallback as X, useEffect as z } from "react";
+import { useIntl as J } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
-import { Icon as c } from "../../../icons/icon/Icon.js";
-import { Button as Y } from "../../../action/button/Button.js";
-const ge = (i) => {
-  const r = W(), S = 1, [l] = U(), A = X(null), [b, M] = u("paragraph"), [Z, v] = u(null), [w, _] = u(!1), [D, T] = u(!1), [L, y] = u(!1), C = i.hideSubmit && i.hideSourceAction && i.disableRichText, g = z(() => {
-    const t = p();
-    if (N(t)) {
-      const n = t.anchor.getNode(), s = n.getKey() === "root" ? n : n.getTopLevelElementOrThrow(), m = s.getKey();
-      if (l.getElementByKey(m) !== null)
-        if (v(m), $(s)) {
-          const f = j(n, q), B = f ? f.getTag() : s.getTag();
-          M(B);
+import { Icon as r } from "../../../icons/icon/Icon.js";
+import { Button as W } from "../../../action/button/Button.js";
+const be = (l) => {
+  const n = J(), k = 1, [a] = F(), x = V(null), [u, N] = m("paragraph"), [Y, I] = m(null), [E, A] = m(!1), [S, L] = m(!1), [v, O] = m(!1), _ = l.hideSubmit && l.hideSourceAction && l.disableRichText, b = X(() => {
+    const t = h();
+    if (p(t)) {
+      const c = t.anchor.getNode(), s = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), d = s.getKey();
+      if (a.getElementByKey(d) !== null)
+        if (I(d), D(s)) {
+          const g = P(c, $), B = g ? g.getTag() : s.getTag();
+          N(B);
         } else {
-          const f = P(s) ? s.getTag() : s.getType();
-          M(f);
+          const g = U(s) ? s.getTag() : s.getType();
+          N(g);
         }
-      _(t.hasFormat("bold")), T(t.hasFormat("italic")), y(t.hasFormat("underline"));
+      A(t.hasFormat("bold")), L(t.hasFormat("italic")), O(t.hasFormat("underline"));
     }
-  }, [l]);
-  J(() => H(
-    l.registerUpdateListener(({ editorState: t }) => {
+  }, [a]);
+  z(() => j(
+    a.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
-        g();
+        b();
       });
     }),
-    l.registerCommand(
-      Q,
-      () => (g(), !1),
-      S
+    a.registerCommand(
+      H,
+      () => (b(), !1),
+      k
     )
-  ), [l, g]);
-  const d = (t) => {
-    t.preventDefault();
-  }, k = () => {
+  ), [a, b]);
+  const M = () => {
     setTimeout(() => {
-      l.getEditorState().read(() => {
-        g();
+      a.getEditorState().read(() => {
+        b();
       });
     }, 0);
-  }, h = (t) => {
-    l.dispatchCommand(G, t), t === "bold" && _((n) => !n), t === "italic" && T((n) => !n), t === "underline" && y((n) => !n);
-  }, O = () => {
-    b !== "ol" ? l.dispatchCommand(K) : l.dispatchCommand(F), k();
+  }, f = (t) => {
+    a.dispatchCommand(Q, t), a.focus();
   }, R = () => {
-    b !== "quote" ? l.update(() => {
-      const t = p();
-      if (N(t))
+    u !== "ol" ? a.dispatchCommand(q) : a.dispatchCommand(K), a.focus(), M();
+  }, w = () => {
+    u !== "quote" ? a.update(() => {
+      const t = h();
+      if (p(t))
         if (t.isCollapsed()) {
-          const s = t.anchor.getNode().getTopLevelElementOrThrow(), m = I();
-          s.insertAfter(m), m.selectEnd();
+          const s = t.anchor.getNode().getTopLevelElementOrThrow(), d = y();
+          s.insertAfter(d), d.selectEnd();
         } else
-          E(t, () => I());
-    }) : l.update(() => {
-      const t = p();
-      N(t) && E(t, () => V());
-    }), k();
+          C(t, () => y());
+    }) : a.update(() => {
+      const t = h();
+      p(t) && C(t, () => G());
+    }), a.focus(), M();
   };
-  return C ? null : /* @__PURE__ */ x(
+  return _ ? null : /* @__PURE__ */ T(
     "div",
     {
-      className: a(e.toolbar, {
-        [e.toolbarIsActive]: C ? !1 : i.isActive
+      className: i(e.toolbar, {
+        [e.toolbarIsActive]: _ ? !1 : l.isActive
       }),
-      ref: A,
+      ref: x,
       children: [
-        i.isActive ? !i.disableRichText && /* @__PURE__ */ x(
+        l.isActive ? !l.disableRichText && /* @__PURE__ */ T(
           "div",
           {
-            className: a(e.iconToolbar, {
-              [e.shortBar]: i.shortBar
+            className: i(e.iconToolbar, {
+              [e.shortBar]: l.shortBar
             }),
             children: [
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => h("bold"),
+                  onClick: () => f("bold"),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: w }),
+                  className: i(e.toolbarItem, { [e.active]: E }),
                   "data-testid": "format-bold",
-                  "aria-label": r.formatMessage({
+                  "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
                     defaultMessage: "Make text bold"
                   }),
                   children: /* @__PURE__ */ o(
-                    c,
+                    r,
                     {
                       name: "bold",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.bold)
+                      className: i(e.format, e.bold)
                     }
                   )
                 }
@@ -106,23 +103,22 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => h("italic"),
+                  onClick: () => f("italic"),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: D
+                  className: i(e.toolbarItem, {
+                    [e.active]: S
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
                     defaultMessage: "Make text italic"
                   }),
                   children: /* @__PURE__ */ o(
-                    c,
+                    r,
                     {
                       name: "italic",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.italic)
+                      className: i(e.format, e.italic)
                     }
                   )
                 }
@@ -130,23 +126,22 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => h("underline"),
+                  onClick: () => f("underline"),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: L
+                  className: i(e.toolbarItem, {
+                    [e.active]: v
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
                     defaultMessage: "Underline text"
                   }),
                   children: /* @__PURE__ */ o(
-                    c,
+                    r,
                     {
                       name: "underline",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.underline)
+                      className: i(e.format, e.underline)
                     }
                   )
                 }
@@ -154,23 +149,22 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => R(),
+                  onClick: () => w(),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: b === "quote"
+                  className: i(e.toolbarItem, {
+                    [e.active]: u === "quote"
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
                   }),
                   children: /* @__PURE__ */ o(
-                    c,
+                    r,
                     {
                       name: "blockquote",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.quote)
+                      className: i(e.format, e.quote)
                     }
                   )
                 }
@@ -178,45 +172,43 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => O(),
+                  onClick: () => R(),
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: b === "ol"
+                  className: i(e.toolbarItem, {
+                    [e.active]: u === "ol"
                   }),
-                  "aria-label": r.formatMessage({
+                  "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
                   }),
                   children: /* @__PURE__ */ o(
-                    c,
+                    r,
                     {
                       name: "orderedList",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.numberedList)
+                      className: i(e.format, e.numberedList)
                     }
                   )
                 }
               ),
-              !i.hideSourceAction && /* @__PURE__ */ o(
+              !l.hideSourceAction && /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: i.onAddSource,
+                  onClick: l.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
-                  "aria-label": r.formatMessage({
+                  "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
                     defaultMessage: "Add hyperlink"
                   }),
                   children: /* @__PURE__ */ o(
-                    c,
+                    r,
                     {
                       name: "link",
                       width: 20,
                       height: 20,
-                      className: a(e.format, e.link)
+                      className: i(e.format, e.link)
                     }
                   )
                 }
@@ -224,18 +216,18 @@ const ge = (i) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ o("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ o(
-          Y,
+        /* @__PURE__ */ o("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ o(
+          W,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: i.onSubmit,
-            className: a(e.inputSubmitActionButton, e.submitAction),
-            "aria-label": r.formatMessage({
+            handleClick: l.onSubmit,
+            className: i(e.inputSubmitActionButton, e.submitAction),
+            "aria-label": n.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
             }),
-            children: /* @__PURE__ */ o(c, { name: "send", width: 20, height: 20 })
+            children: /* @__PURE__ */ o(r, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -243,5 +235,5 @@ const ge = (i) => {
   );
 };
 export {
-  ge as ToolbarPlugin
+  be 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-CbPmMciY.css';const o = "_toolbar_qbyoz_3", t = "_toolbarIsActive_qbyoz_13", n = "_iconToolbar_qbyoz_17", _ = "_shortBar_qbyoz_21", c = "_toolbarItem_qbyoz_25", b = "_active_qbyoz_35", i = "_format_qbyoz_39", a = "_actionButton_qbyoz_46", s = "_inputSubmitActionButton_qbyoz_52", r = "_submitAction_qbyoz_60", u = {
-  toolbar: o,
-  toolbarIsActive: t,
-  iconToolbar: n,
-  shortBar: _,
-  toolbarItem: c,
-  active: b,
+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 = {
+  toolbar: t,
+  toolbarIsActive: o,
+  iconToolbar: a,
+  shortBar: n,
+  toolbarItem: _,
+  active: c,
   format: i,
-  actionButton: a,
-  inputSubmitActionButton: s,
-  submitAction: r
+  actionButton: s,
+  inputSubmitActionButton: r,
+  submitAction: b
 };
 export {
-  a as actionButton,
-  b as active,
+  s as actionButton,
+  c as active,
   u as default,
   i as format,
-  n as iconToolbar,
-  s as inputSubmitActionButton,
-  _ as shortBar,
-  r as submitAction,
-  o as toolbar,
-  t as toolbarIsActive,
-  c as toolbarItem
+  a as iconToolbar,
+  r as inputSubmitActionButton,
+  n as shortBar,
+  b as submitAction,
+  t as toolbar,
+  o as toolbarIsActive,
+  _ as toolbarItem
 };

package/package.json

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

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

@@ -1 +0,0 @@
-._toolbar_qbyoz_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_qbyoz_3._toolbarIsActive_qbyoz_13{border-top:1px solid var(--text-tertiary, #fafafa)}._iconToolbar_qbyoz_17{display:flex!important;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))}._iconToolbar_qbyoz_17._shortBar_qbyoz_21{gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}._toolbarItem_qbyoz_25{border:0;background:none;padding:0!important;cursor:pointer;vertical-align:middle}._toolbarItem_qbyoz_25._disabled_qbyoz_32{cursor:not-allowed}._toolbarItem_qbyoz_25._active_qbyoz_35{background-color:#bababa66;border-radius:50%}._toolbarItem_qbyoz_25 ._format_qbyoz_39{background-size:contain;display:inline-block;vertical-align:-.25em;display:flex!important}._actionButton_qbyoz_46{display:flex!important;gap:var(--space-unit, 1em);margin-left:auto}._inputSubmitActionButton_qbyoz_52{width:100%;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--call-primary-color, #434343)!important}._inputSubmitActionButton_qbyoz_52._submitAction_qbyoz_60 svg{fill:var(--text-light, white)!important}._inputSubmitActionButton_qbyoz_52 ._inputSourceText_qbyoz_63{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_qbyoz_52 ._inputSourceText_qbyoz_63{display:block!important}}._tooltip_qbyoz_74{width:230px!important;margin-left:-117px!important}