@logora/debate 0.4.27 → 0.4.30

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

package/package.json

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

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

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