@logora/debate 0.3.111 → 0.3.113

package/dist/assets/components/navigation/tabs/Tabs.module-B4sJ1pVW.css

@@ -0,0 +1 @@
+._tabsWrapper_1ur7i_3{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%}._navTabs_1ur7i_11{display:flex;flex-wrap:nowrap;gap:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));white-space:nowrap;padding-left:0;margin-top:0;margin-bottom:0;border-bottom:none!important;list-style:none;flex:1}@container (max-width: 575.98px){._navTabs_1ur7i_11{font-size:var(--font-size-normal, 16px);gap:var(--space-unit, 1em)}}._navTabs_1ur7i_11{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}._navTabs_1ur7i_11::-webkit-scrollbar{display:none}._arrow_1ur7i_39{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;transition:opacity .2s ease;outline:none;background-color:#fff!important;line-height:0}._arrow_1ur7i_39 svg{display:block}._arrow_1ur7i_39:focus-visible{outline:2px solid var(--call-primary-color, #434343);outline-offset:-2px}._arrowLeft_1ur7i_63{left:0;padding-left:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to right,#ffffff 40%,transparent)!important}._arrowLeft_1ur7i_63 svg{transform:rotate(90deg)}._arrowRight_1ur7i_72{right:0;padding-right:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to left,#ffffff 40%,transparent)!important}._arrowRight_1ur7i_72 svg{transform:rotate(-90deg)}._arrowHidden_1ur7i_81{opacity:0;pointer-events:none}._navItem_1ur7i_86{cursor:pointer}._navLink_1ur7i_90{display:block;position:relative;padding:var(--spacer-md, calc(var(--space-unit, 1em) * .75)) var(--spacer-md, calc(var(--space-unit, 1em) * .75));border:none!important;color:var(--text-primary, #222222);outline:0}._navLink_1ur7i_90:hover,._navLink_1ur7i_90:focus{text-decoration:none;color:var(--text-primary, #222222)!important;background:transparent}._navLink_1ur7i_90._disabled_1ur7i_103{color:var(--darkest-text-tertiary, #c7c7c7);pointer-events:none;cursor:default}._navLink_1ur7i_90:after{content:"";background-color:var(--text-primary, #222222);height:2px;position:absolute;width:100%;left:0;bottom:0;z-index:1;transition:transform .25s ease 0s;transform:scaleX(0)}._navLink_1ur7i_90._active_1ur7i_120{color:var(--text-primary, #222222)!important;background:transparent;font-weight:var(--font-weight-bold, 700)}._navLink_1ur7i_90._active_1ur7i_120:after{transform:scaleX(1)}

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

@@ -1,81 +1,84 @@
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { $isListNode as q, ListNode as $, 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 k } from "@lexical/rich-text";
-import { $setBlocksType as C } from "@lexical/selection";
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
+import { $isListNode as q, ListNode as P, INSERT_ORDERED_LIST_COMMAND as $, REMOVE_LIST_COMMAND as K } from "@lexical/list";
+import { useLexicalComposerContext as F } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as U, $createQuoteNode as k } from "@lexical/rich-text";
+import { $setBlocksType as w } from "@lexical/selection";
 import { $getNearestNodeOfType as j, mergeRegister as H } from "@lexical/utils";
 import a from "classnames";
-import { $getSelection as N, $isRangeSelection as M, 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 { $getSelection as h, $isRangeSelection as p, SELECTION_CHANGE_COMMAND as Q, $createParagraphNode as G } from "lexical";
+import { useRef as V, useState as b, useCallback as z, useEffect as J } from "react";
 import { useIntl as W } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
-import { Icon as r } from "../../../icons/icon/Icon.js";
-import { Button as Y } from "../../../action/button/Button.js";
-const ge = (i) => {
-  const s = W(), x = 1, [l] = U(), E = X(null), [b, _] = u("paragraph"), [Z, I] = u(null), [A, S] = u(!1), [v, w] = u(!1), [L, D] = u(!1), T = i.hideSubmit && i.hideSourceAction && i.disableRichText, g = z(() => {
-    const t = N();
-    if (M(t)) {
-      const c = t.anchor.getNode(), n = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), m = n.getKey();
-      if (l.getElementByKey(m) !== null)
-        if (I(m), q(n)) {
-          const f = j(c, $), B = f ? f.getTag() : n.getTag();
-          _(B);
+import { Icon as d } from "../../../icons/icon/Icon.js";
+import { Button as X } from "../../../action/button/Button.js";
+const be = (i) => {
+  const c = W(), x = 1, [n] = F(), C = V(null), [g, _] = b("paragraph"), [Y, D] = b(null), [I, E] = b(!1), [S, v] = b(!1), [A, L] = b(!1), M = i.hideSubmit && i.hideSourceAction && i.disableRichText, m = z(() => {
+    const t = h();
+    if (p(t)) {
+      const s = t.anchor.getNode(), r = s.getKey() === "root" ? s : s.getTopLevelElementOrThrow(), u = r.getKey();
+      if (n.getElementByKey(u) !== null)
+        if (D(u), q(r)) {
+          const f = j(s, P), R = f ? f.getTag() : r.getTag();
+          _(R);
         } else {
-          const f = P(n) ? n.getTag() : n.getType();
+          const f = U(r) ? r.getTag() : r.getType();
           _(f);
         }
-      S(t.hasFormat("bold")), w(t.hasFormat("italic")), D(t.hasFormat("underline"));
+      E(t.hasFormat("bold")), v(t.hasFormat("italic")), L(t.hasFormat("underline"));
     }
-  }, [l]);
+  }, [n]);
   J(() => H(
-    l.registerUpdateListener(({ editorState: t }) => {
+    n.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
-        g();
+        m();
       });
     }),
-    l.registerCommand(
+    n.registerCommand(
       Q,
-      (t, c) => (g(), !1),
+      (t, s) => (m(), !1),
       x
     )
-  ), [l, g]);
-  const d = (t) => {
+  ), [n, m]);
+  const l = (t) => {
     t.preventDefault();
-  }, h = () => {
+  }, y = () => {
     queueMicrotask(() => {
       requestAnimationFrame(() => {
-        l.getEditorState().read(() => {
-          g();
+        n.getEditorState().read(() => {
+          m();
         });
       });
     });
-  }, p = (t) => {
-    l.dispatchCommand(G, t), h();
+  }, N = (t) => {
+    n.update(() => {
+      const s = h();
+      p(s) && (s.formatText(t), m());
+    });
   }, O = () => {
-    b !== "ol" ? l.dispatchCommand(K) : l.dispatchCommand(F), h();
-  }, R = () => {
-    b !== "quote" ? l.update(() => {
-      const t = N();
-      if (M(t))
+    g !== "ol" ? n.dispatchCommand($) : n.dispatchCommand(K), y();
+  }, B = () => {
+    g !== "quote" ? n.update(() => {
+      const t = h();
+      if (p(t))
         if (t.isCollapsed()) {
-          const n = t.anchor.getNode().getTopLevelElementOrThrow(), m = k();
-          n.insertAfter(m), m.selectEnd();
+          const r = t.anchor.getNode().getTopLevelElementOrThrow(), u = k();
+          r.insertAfter(u), u.selectEnd();
         } else
-          C(t, () => k());
-    }) : l.update(() => {
-      const t = N();
-      M(t) && C(t, () => V());
-    }), h();
+          w(t, () => k());
+    }) : n.update(() => {
+      const t = h();
+      p(t) && w(t, () => G());
+    }), y();
   };
-  return T ? null : /* @__PURE__ */ y(
+  return M ? null : /* @__PURE__ */ T(
     "div",
     {
       className: a(e.toolbar, {
-        [e.toolbarIsActive]: T ? !1 : i.isActive
+        [e.toolbarIsActive]: M ? !1 : i.isActive
       }),
-      ref: E,
+      ref: C,
       children: [
-        i.isActive ? !i.disableRichText && /* @__PURE__ */ y(
+        i.isActive ? !i.disableRichText && /* @__PURE__ */ T(
           "div",
           {
             className: a(e.iconToolbar, {
@@ -85,19 +88,20 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
+                  onPointerDown: l,
+                  onMouseDown: l,
                   onClick: () => {
-                    p("bold");
+                    N("bold");
                   },
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: A }),
+                  className: a(e.toolbarItem, { [e.active]: I }),
                   "data-testid": "format-bold",
-                  "aria-label": s.formatMessage({
+                  "aria-label": c.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
                     defaultMessage: "Make text bold"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    d,
                     {
                       name: "bold",
                       width: 24,
@@ -110,20 +114,21 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
+                  onPointerDown: l,
+                  onMouseDown: l,
                   onClick: () => {
-                    p("italic");
+                    N("italic");
                   },
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: v
+                    [e.active]: S
                   }),
-                  "aria-label": s.formatMessage({
+                  "aria-label": c.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
                     defaultMessage: "Make text italic"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    d,
                     {
                       name: "italic",
                       width: 24,
@@ -136,20 +141,21 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
+                  onPointerDown: l,
+                  onMouseDown: l,
                   onClick: () => {
-                    p("underline");
+                    N("underline");
                   },
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: L
+                    [e.active]: A
                   }),
-                  "aria-label": s.formatMessage({
+                  "aria-label": c.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
                     defaultMessage: "Underline text"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    d,
                     {
                       name: "underline",
                       width: 24,
@@ -162,16 +168,17 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
-                  onClick: () => R(),
+                  onPointerDown: l,
+                  onMouseDown: l,
+                  onClick: () => B(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: b === "quote" }),
-                  "aria-label": s.formatMessage({
+                  className: a(e.toolbarItem, { [e.active]: g === "quote" }),
+                  "aria-label": c.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    d,
                     {
                       name: "blockquote",
                       width: 24,
@@ -184,16 +191,17 @@ const ge = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onMouseDown: d,
+                  onPointerDown: l,
+                  onMouseDown: l,
                   onClick: () => O(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: b === "ol" }),
-                  "aria-label": s.formatMessage({
+                  className: a(e.toolbarItem, { [e.active]: g === "ol" }),
+                  "aria-label": c.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    d,
                     {
                       name: "orderedList",
                       width: 24,
@@ -209,12 +217,12 @@ const ge = (i) => {
                   onClick: i.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
-                  "aria-label": s.formatMessage({
+                  "aria-label": c.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
                     defaultMessage: "Add hyperlink"
                   }),
                   children: /* @__PURE__ */ o(
-                    r,
+                    d,
                     {
                       name: "link",
                       width: 20,
@@ -228,17 +236,17 @@ const ge = (i) => {
           }
         ) : null,
         /* @__PURE__ */ o("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ o(
-          Y,
+          X,
           {
             type: "button",
             "data-testid": "submit-button",
             handleClick: i.onSubmit,
             className: a(e.inputSubmitActionButton, e.submitAction),
-            "aria-label": s.formatMessage({
+            "aria-label": c.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
             }),
-            children: /* @__PURE__ */ o(r, { name: "send", width: 20, height: 20 })
+            children: /* @__PURE__ */ o(d, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -246,5 +254,5 @@ const ge = (i) => {
   );
 };
 export {
-  ge as ToolbarPlugin
+  be as ToolbarPlugin
 };

package/dist/components/navigation/tabs/Tabs.module.scss.js

@@ -1,23 +1,23 @@
-import '../../../assets/components/navigation/tabs/Tabs.module-DvCQQR63.css';const a = "_tabsWrapper_9pezl_3", r = "_navTabs_9pezl_11", t = "_arrow_9pezl_39", e = "_arrowLeft_9pezl_63", _ = "_arrowRight_9pezl_72", n = "_arrowHidden_9pezl_81", o = "_navItem_9pezl_86", s = "_navLink_9pezl_90", p = "_active_9pezl_120", c = {
-  tabsWrapper: a,
-  navTabs: r,
+import '../../../assets/components/navigation/tabs/Tabs.module-B4sJ1pVW.css';const r = "_tabsWrapper_1ur7i_3", a = "_navTabs_1ur7i_11", t = "_arrow_1ur7i_39", _ = "_arrowLeft_1ur7i_63", n = "_arrowRight_1ur7i_72", o = "_arrowHidden_1ur7i_81", i = "_navItem_1ur7i_86", s = "_navLink_1ur7i_90", e = "_active_1ur7i_120", c = {
+  tabsWrapper: r,
+  navTabs: a,
   arrow: t,
-  arrowLeft: e,
-  arrowRight: _,
-  arrowHidden: n,
-  navItem: o,
+  arrowLeft: _,
+  arrowRight: n,
+  arrowHidden: o,
+  navItem: i,
   navLink: s,
-  active: p
+  active: e
 };
 export {
-  p as active,
+  e as active,
   t as arrow,
-  n as arrowHidden,
-  e as arrowLeft,
-  _ as arrowRight,
+  o as arrowHidden,
+  _ as arrowLeft,
+  n as arrowRight,
   c as default,
-  o as navItem,
+  i as navItem,
   s as navLink,
-  r as navTabs,
-  a as tabsWrapper
+  a as navTabs,
+  r as tabsWrapper
 };

package/package.json

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

package/dist/assets/components/navigation/tabs/Tabs.module-DvCQQR63.css

@@ -1 +0,0 @@
-._tabsWrapper_9pezl_3{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%}._navTabs_9pezl_11{display:flex;flex-wrap:nowrap;gap:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));white-space:nowrap;padding-left:0;margin-top:0;margin-bottom:0;border-bottom:none!important;list-style:none;flex:1}@container (max-width: 575.98px){._navTabs_9pezl_11{font-size:var(--font-size-normal, 16px);gap:var(--space-unit, 1em)}}._navTabs_9pezl_11{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}._navTabs_9pezl_11::-webkit-scrollbar{display:none}._arrow_9pezl_39{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;transition:opacity .2s ease;outline:none;background-color:var(--background-color-secondary, #E8E8E8)!important;line-height:0}._arrow_9pezl_39 svg{display:block}._arrow_9pezl_39:focus-visible{outline:2px solid var(--call-primary-color, #434343);outline-offset:-2px}._arrowLeft_9pezl_63{left:0;padding-left:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to right,var(--background-color-container, white) 40%,transparent)}._arrowLeft_9pezl_63 svg{transform:rotate(90deg)}._arrowRight_9pezl_72{right:0;padding-right:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to left,var(--background-color-container, white) 40%,transparent)}._arrowRight_9pezl_72 svg{transform:rotate(-90deg)}._arrowHidden_9pezl_81{opacity:0;pointer-events:none}._navItem_9pezl_86{cursor:pointer}._navLink_9pezl_90{display:block;position:relative;padding:var(--spacer-md, calc(var(--space-unit, 1em) * .75)) var(--spacer-md, calc(var(--space-unit, 1em) * .75));border:none!important;color:var(--text-primary, #222222);outline:0}._navLink_9pezl_90:hover,._navLink_9pezl_90:focus{text-decoration:none;color:var(--text-primary, #222222)!important;background:transparent}._navLink_9pezl_90._disabled_9pezl_103{color:var(--darkest-text-tertiary, #c7c7c7);pointer-events:none;cursor:default}._navLink_9pezl_90:after{content:"";background-color:var(--text-primary, #222222);height:2px;position:absolute;width:100%;left:0;bottom:0;z-index:1;transition:transform .25s ease 0s;transform:scaleX(0)}._navLink_9pezl_90._active_9pezl_120{color:var(--text-primary, #222222)!important;background:transparent;font-weight:var(--font-weight-bold, 700)}._navLink_9pezl_90._active_9pezl_120:after{transform:scaleX(1)}