@logora/debate 0.4.55 → 0.4.57

package/dist/assets/components/list/paginated_list/action_bar/ActionBar.module-CN_P2Qad.css

@@ -0,0 +1 @@
+._listHeader_1shoq_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_1shoq_3{flex-direction:column;align-items:flex-start}._listHeader_1shoq_3._listHeaderOneItem_1shoq_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_1shoq_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_1shoq_31{color:var(--text-primary, #222222);font-weight:var(--font-weight-normal, 400);font-variation-settings:var(--font-variation-normal, normal);font-size:var(--font-size-normal, 16px);margin-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._rightBar_1shoq_39{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_1shoq_39{width:100%;justify-content:space-between}._rightBar_1shoq_39._rightBarOneItem_1shoq_49{justify-content:flex-end}}._rightBar_1shoq_39{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_1shoq_60{flex:1;max-width:35%}@container (max-width: 575.98px){._search_1shoq_60{max-width:80%}}._tagSection_1shoq_70{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%}._tagList_1shoq_78{display:flex;flex-direction:row;justify-content:flex-start;flex:1;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));scrollbar-width:none}@container (max-width: 575.98px){._tagList_1shoq_78{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagList_1shoq_78::-webkit-scrollbar{display:none}._arrow_1shoq_97{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:none;line-height:0}._arrow_1shoq_97 svg{display:block}._arrow_1shoq_97:focus-visible{outline:2px solid var(--call-primary-color, #434343);outline-offset:-2px}._arrowLeft_1shoq_121{left:0;padding-left:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to left,#ffffff 40%,transparent)!important}._arrowLeft_1shoq_121 svg{transform:rotate(90deg)}._arrowRight_1shoq_130{right:0;padding-right:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to left,#ffffff 40%,transparent)!important}._arrowRight_1shoq_130 svg{transform:rotate(-90deg)}._arrowHidden_1shoq_139{opacity:0;pointer-events:none}._tagItem_1shoq_144{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_1shoq_151{max-width:300px}@container (max-width: 575.98px){._select_1shoq_151{max-width:300px}}

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

@@ -1,21 +1,23 @@
 import { useLexicalComposerContext as p } from "@lexical/react/LexicalComposerContext";
-import c from "@rooks/use-localstorage-state";
-import { $addUpdateTag as m, $getRoot as i, $createParagraphNode as d } from "lexical";
-import { useEffect as f } from "react";
+import m from "@rooks/use-localstorage-state";
+import { $addUpdateTag as i, $getRoot as l, $createParagraphNode as f } from "lexical";
+import { useEffect as d } from "react";
 import { useInput as u } from "../../input_provider/useInput.js";
-const E = ({ storageUid: o }) => {
-  const [r] = p(), { reset: t, setReset: n } = u(), [l, g, s] = c(
-    `TextEditor:content_${o}`,
+const L = ({ storageUid: s }) => {
+  const [n] = p(), { reset: t, setReset: a } = u(), [g, x, c] = m(
+    `TextEditor:content_${s}`,
     {}
   );
-  return f(() => {
-    t && r.update(() => {
-      m("skip-dom-selection");
-      const e = i(), a = d();
-      e.clear(), e.append(a), s(), n(!1);
+  return d(() => {
+    t && n.update(() => {
+      i("skip-dom-selection");
+      const e = l(), o = f();
+      e.clear(), e.append(o);
+      const r = o.selectStart();
+      r.format = 0, r.style = "", c(), a(!1);
     });
   }, [t]), null;
 };
 export {
-  E as ResetPlugin
+  L as ResetPlugin
 };

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

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

package/dist/components/list/paginated_list/action_bar/ActionBar.module.scss.js

@@ -1,35 +1,35 @@
-import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-DP4kPR9x.css';const t = "_listHeader_10hfs_3", s = "_listHeaderOneItem_10hfs_16", e = "_listTitle_10hfs_23", r = "_listSubtitle_10hfs_31", _ = "_rightBar_10hfs_39", a = "_rightBarOneItem_10hfs_49", i = "_search_10hfs_60", o = "_tagSection_10hfs_70", n = "_tagList_10hfs_78", h = "_arrow_10hfs_98", c = "_arrowLeft_10hfs_122", l = "_arrowRight_10hfs_131", f = "_arrowHidden_10hfs_140", g = "_tagItem_10hfs_145", d = "_select_10hfs_152", w = {
+import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-CN_P2Qad.css';const t = "_listHeader_1shoq_3", s = "_listHeaderOneItem_1shoq_16", e = "_listTitle_1shoq_23", o = "_listSubtitle_1shoq_31", r = "_rightBar_1shoq_39", _ = "_rightBarOneItem_1shoq_49", a = "_search_1shoq_60", i = "_tagSection_1shoq_70", n = "_tagList_1shoq_78", h = "_arrow_1shoq_97", c = "_arrowLeft_1shoq_121", l = "_arrowRight_1shoq_130", g = "_arrowHidden_1shoq_139", q = "_tagItem_1shoq_144", d = "_select_1shoq_151", w = {
   listHeader: t,
   listHeaderOneItem: s,
   listTitle: e,
-  listSubtitle: r,
-  rightBar: _,
-  rightBarOneItem: a,
-  search: i,
-  tagSection: o,
+  listSubtitle: o,
+  rightBar: r,
+  rightBarOneItem: _,
+  search: a,
+  tagSection: i,
   tagList: n,
   arrow: h,
   arrowLeft: c,
   arrowRight: l,
-  arrowHidden: f,
-  tagItem: g,
+  arrowHidden: g,
+  tagItem: q,
   select: d
 };
 export {
   h as arrow,
-  f as arrowHidden,
+  g as arrowHidden,
   c as arrowLeft,
   l as arrowRight,
   w as default,
   t as listHeader,
   s as listHeaderOneItem,
-  r as listSubtitle,
+  o as listSubtitle,
   e as listTitle,
-  _ as rightBar,
-  a as rightBarOneItem,
-  i as search,
+  r as rightBar,
+  _ as rightBarOneItem,
+  a as search,
   d as select,
-  g as tagItem,
+  q as tagItem,
   n as tagList,
-  o as tagSection
+  i as tagSection
 };

package/package.json

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

package/dist/assets/components/list/paginated_list/action_bar/ActionBar.module-DP4kPR9x.css

@@ -1 +0,0 @@
-._listHeader_10hfs_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_10hfs_3{flex-direction:column;align-items:flex-start}._listHeader_10hfs_3._listHeaderOneItem_10hfs_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_10hfs_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_10hfs_31{color:var(--text-primary, #222222);font-weight:var(--font-weight-normal, 400);font-variation-settings:var(--font-variation-normal, normal);font-size:var(--font-size-normal, 16px);margin-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._rightBar_10hfs_39{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_10hfs_39{width:100%;justify-content:space-between}._rightBar_10hfs_39._rightBarOneItem_10hfs_49{justify-content:flex-end}}._rightBar_10hfs_39{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_10hfs_60{flex:1;max-width:35%}@container (max-width: 575.98px){._search_10hfs_60{max-width:80%}}._tagSection_10hfs_70{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%}._tagList_10hfs_78{display:flex;flex-direction:row;justify-content:flex-start;flex:1;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding-bottom:var(--spacer-md, calc(var(--space-unit, 1em) * .75));scrollbar-width:none}@container (max-width: 575.98px){._tagList_10hfs_78{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagList_10hfs_78::-webkit-scrollbar{display:none}._arrow_10hfs_98{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:none;line-height:0}._arrow_10hfs_98 svg{display:block}._arrow_10hfs_98:focus-visible{outline:2px solid var(--call-primary-color, #434343);outline-offset:-2px}._arrowLeft_10hfs_122{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_10hfs_122 svg{transform:rotate(90deg)}._arrowRight_10hfs_131{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_10hfs_131 svg{transform:rotate(-90deg)}._arrowHidden_10hfs_140{opacity:0;pointer-events:none}._tagItem_10hfs_145{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_10hfs_152{max-width:300px}@container (max-width: 575.98px){._select_10hfs_152{max-width:300px}}