@logora/debate 0.3.93 → 0.3.95

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

@@ -0,0 +1 @@
+._listHeader_2wxq4_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_2wxq4_3{flex-direction:column;align-items:flex-start}._listHeader_2wxq4_3._listHeaderOneItem_2wxq4_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_2wxq4_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-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_2wxq4_30{color:var(--text-primary, #222222);font-weight:var(--font-weight-normal, 400);font-size:var(--font-size-normal, 16px);margin-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._rightBar_2wxq4_37{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_2wxq4_37{width:100%;justify-content:space-between}._rightBar_2wxq4_37._rightBarOneItem_2wxq4_47{justify-content:flex-end}}._rightBar_2wxq4_37{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_2wxq4_58{flex:1;max-width:35%}@container (max-width: 575.98px){._search_2wxq4_58{max-width:80%}}._tagList_2wxq4_68{display:flex;flex-direction:row;justify-content:flex-start;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))}@container (max-width: 575.98px){._tagList_2wxq4_68{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagItem_2wxq4_83{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_2wxq4_90{max-width:300px}@container (max-width: 575.98px){._select_2wxq4_90{max-width:300px}}

package/dist/components/input/text_editor/TextEditor.js

@@ -14,20 +14,21 @@ import { QuoteNode as he } from "@lexical/rich-text";
 import b from "classnames";
 import { $getRoot as ge } from "lexical";
 import { useState as f, useId as Se, useRef as xe, useEffect as M } from "react";
-import { useIntl as Ce } from "react-intl";
-import Pe from "./EditorTheme.js";
+import { useIntl as Pe } from "react-intl";
+import Ce from "./EditorTheme.js";
 import i from "./TextEditor.module.scss.js";
 import { AutoSavePlugin as Te } from "./plugins/AutoSavePlugin.js";
-import { FocusPlugin as Ne } from "./plugins/FocusPlugin.js";
+import { FocusPlugin as Ie } from "./plugins/FocusPlugin.js";
+import { IOSInsertParagraphFallbackPlugin as Ne } from "./plugins/IOSInsertParagraphFallbackPlugin.js";
 import { MaxLengthPlugin as ve } from "./plugins/MaxLengthPlugin.js";
 import { ResetPlugin as Ee } from "./plugins/ResetPlugin.js";
-import { SetContentPlugin as Ie } from "./plugins/SetContentPlugin.js";
-import { SetRichContentPlugin as Re } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as be } from "./plugins/ToolbarPlugin.js";
-import { useModal as Me } from "../../dialog/modal/useModal.js";
-import { SourceModal as ye } from "../../source/source_modal/SourceModal.js";
-import { SourceListItem as we } from "../../source/source_list_item/SourceListItem.js";
-const y = (l) => l?.replace(/ /g, " "), st = ({
+import { SetContentPlugin as Re } from "./plugins/SetContentPlugin.js";
+import { SetRichContentPlugin as be } from "./plugins/SetRichContentPlugin.js";
+import { ToolbarPlugin as Me } from "./plugins/ToolbarPlugin.js";
+import { useModal as ye } from "../../dialog/modal/useModal.js";
+import { SourceModal as we } from "../../source/source_modal/SourceModal.js";
+import { SourceListItem as Le } from "../../source/source_list_item/SourceListItem.js";
+const y = (l) => l?.replace(/ /g, " "), lt = ({
   placeholder: l,
   initialContent: w,
   initialRichContent: L,
@@ -35,51 +36,51 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
   sources: p,
   hideSubmit: _ = !1,
   hideSourceAction: A = !1,
-  onActivation: s,
-  disabled: B = !1,
-  handleChange: C,
+  onActivation: n,
+  disabled: O = !1,
+  handleChange: P,
   handleSourcesChange: h,
-  shortBar: O = !1,
+  shortBar: k = !1,
   active: g = !1,
   maxLength: m,
-  disableRichText: U = !1,
-  editorRef: j,
-  uid: P,
+  disableRichText: B = !1,
+  editorRef: U,
+  uid: C,
   allowedDomains: T = [],
-  hideCharCount: k = !1,
+  hideCharCount: j = !1,
   disableAutoActivate: z = !1,
   autoFocus: a = !1,
-  ...H
+  ...F
 }) => {
-  const [n, J] = f(a || g), [Q, W] = f(""), [$, q] = f(""), [d, u] = f([]), { showModal: D } = Me(), N = Ce(), v = Se(), E = xe(!1);
+  const [s, H] = f(a || g), [J, Q] = f(""), [W, $] = f(""), [d, u] = f([]), { showModal: q } = ye(), I = Pe(), N = Se(), v = xe(!1);
   M(() => {
-    a && !E.current && s && (E.current = !0, s());
-  }, [a, s]), M(() => {
+    a && !v.current && n && (v.current = !0, n());
+  }, [a, n]), M(() => {
     p && u(p);
   }, [p]);
-  const I = () => {
-    n || (J(!0), s && s());
-  }, F = {
-    editable: !B,
-    theme: Pe,
+  const E = () => {
+    s || (H(!0), n && n());
+  }, D = {
+    editable: !O,
+    theme: Ce,
     onError(t) {
       console.error("TextEditor error:", t);
     },
     nodes: [re, ie, he, ne]
   }, G = () => {
-    I();
+    E();
   }, K = (t) => {
     t.read(() => {
       const o = ge().getTextContent(), r = y(o), c = JSON.stringify(t), R = y(c);
-      W(r), q(R), C && C(r, R);
+      Q(r), $(R), P && P(r, R);
     });
   }, V = (t) => {
-    const o = Q, r = $, c = d;
+    const o = J, r = W, c = d;
     x && (t.preventDefault(), x(o, r, c)), u([]), h?.([]);
   }, X = () => {
-    D(
+    q(
       /* @__PURE__ */ e(
-        ye,
+        we,
         {
           onAddSource: Y,
           allowedSources: T
@@ -99,7 +100,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
       return h?.(r), r;
     });
   }, ee = (t, o) => /* @__PURE__ */ e(
-    we,
+    Le,
     {
       publisher: t.publisher,
       url: t.source_url,
@@ -110,11 +111,11 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
     o
   ), te = () => /* @__PURE__ */ e("div", { className: i.editorPlaceholder, children: l });
   return /* @__PURE__ */ S(oe, { children: [
-    /* @__PURE__ */ e(ce, { initialConfig: F, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: G, children: /* @__PURE__ */ S(
+    /* @__PURE__ */ e(ce, { initialConfig: D, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: G, children: /* @__PURE__ */ S(
       "div",
       {
         className: b(i.editorInner, {
-          [i.editorInnerInactive]: !n && !g
+          [i.editorInnerInactive]: !s && !g
         }),
         children: [
           /* @__PURE__ */ e(
@@ -124,9 +125,9 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
                 le,
                 {
                   className: b(i.editorInput, {
-                    [i.editorInputInactive]: !n
+                    [i.editorInputInactive]: !s
                   }),
-                  ...H
+                  ...F
                 }
               ),
               placeholder: l && /* @__PURE__ */ e(te, {}),
@@ -134,25 +135,25 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
             }
           ),
           /* @__PURE__ */ e(
-            be,
+            Me,
             {
               hideSourceAction: A,
               hideSubmit: _,
-              disableRichText: U,
-              shortBar: O,
+              disableRichText: B,
+              shortBar: k,
               onSubmit: V,
               onAddSource: X,
-              isActive: n || g,
-              sourceTooltip: T?.length > 0 && N.formatMessage({
+              isActive: s || g,
+              sourceTooltip: T?.length > 0 && I.formatMessage({
                 id: "input.allowed_domains_tooltip",
                 defaultMessage: "With the new source function, you can add links to your article."
               })
             }
           ),
-          n && m && !k && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
+          s && m && !j && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
             /* @__PURE__ */ e(se, { maxLength: m }),
             " ",
-            N.formatMessage({
+            I.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
@@ -164,16 +165,17 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
             Te,
             {
               onSetContent: z ? () => {
-              } : I,
-              storageUid: P || v
+              } : E,
+              storageUid: C || N
             }
           ),
-          /* @__PURE__ */ e(Ie, { content: w }),
-          /* @__PURE__ */ e(Re, { richContent: L }),
-          /* @__PURE__ */ e(Ne, { autoFocus: a, isActive: n }),
+          /* @__PURE__ */ e(Re, { content: w }),
+          /* @__PURE__ */ e(be, { richContent: L }),
+          /* @__PURE__ */ e(Ie, { autoFocus: a }),
+          /* @__PURE__ */ e(Ne, {}),
           m && /* @__PURE__ */ e(ve, { maxLength: m }),
-          /* @__PURE__ */ e(Ee, { storageUid: P || v }),
-          /* @__PURE__ */ e(me, { editorRef: j })
+          /* @__PURE__ */ e(Ee, { storageUid: C || N }),
+          /* @__PURE__ */ e(me, { editorRef: U })
         ]
       }
     ) }) }),
@@ -181,5 +183,5 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
   ] });
 };
 export {
-  st as TextEditor
+  lt as TextEditor
 };

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

@@ -1,20 +1,18 @@
-import { useLexicalComposerContext as l } from "@lexical/react/LexicalComposerContext";
-import { useRef as f, useEffect as r } from "react";
-import { useInput as m } from "../../input_provider/useInput.js";
-const d = ({ autoFocus: n = !1, isActive: t = !1 }) => {
-  const [o] = l(), { focus: s } = m(), u = f(!1), c = f(t), e = () => {
-    o.focus(() => {
-      o.getRootElement()?.focus();
+import { useLexicalComposerContext as u } from "@lexical/react/LexicalComposerContext";
+import { useRef as c, useEffect as s } from "react";
+import { useInput as f } from "../../input_provider/useInput.js";
+const E = ({ autoFocus: t = !1 }) => {
+  const [o] = u(), { focus: e } = f(), r = c(!1);
+  return s(() => {
+    e && o.focus(() => {
+      o.getRootElement().focus();
     });
-  };
-  return r(() => {
-    s && e();
-  }, [s, o]), r(() => {
-    n && !u.current && (u.current = !0, e());
-  }, [n, o]), r(() => {
-    t && !c.current && e(), c.current = t;
+  }, [e, o]), s(() => {
+    t && !r.current && (r.current = !0, o.focus(() => {
+      o.getRootElement().focus();
+    }));
   }, [t, o]), null;
 };
 export {
-  d as FocusPlugin
+  E as FocusPlugin
 };

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

@@ -0,0 +1,49 @@
+import { useLexicalComposerContext as c } from "@lexical/react/LexicalComposerContext";
+import { IS_IOS as f, KEY_ENTER_COMMAND as l, INSERT_PARAGRAPH_COMMAND as g, COMMAND_PRIORITY_LOW as h, $getRoot as d } from "lexical";
+import { useRef as S, useEffect as E } from "react";
+const I = (t) => t.inputType === "insertParagraph" || t.inputType === "insertLineBreak", a = (t) => {
+  let r = "";
+  return t.read(() => {
+    const n = d();
+    r = `${n.getChildrenSize()}:${n.getTextContent()}`;
+  }), r;
+}, T = () => {
+  const [t] = c(), r = S(null);
+  return E(() => {
+    if (!f)
+      return;
+    const n = (e) => {
+      I(e) && (r.current = e.timeStamp);
+    }, s = t.registerRootListener(
+      (e, o) => {
+        o?.removeEventListener(
+          "beforeinput",
+          n,
+          !0
+        ), e?.addEventListener("beforeinput", n, !0);
+      }
+    ), i = t.registerCommand(
+      l,
+      (e) => {
+        if (!e || e.shiftKey || e.altKey || e.ctrlKey || e.metaKey)
+          return !1;
+        const o = a(
+          t.getEditorState()
+        ), u = e.timeStamp;
+        return requestAnimationFrame(() => {
+          const p = r.current !== null && r.current >= u, m = a(
+            t.getEditorState()
+          );
+          !p && m === o && t.dispatchCommand(g, void 0);
+        }), !1;
+      },
+      h
+    );
+    return () => {
+      i(), s();
+    };
+  }, [t]), null;
+};
+export {
+  T as IOSInsertParagraphFallbackPlugin
+};

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

@@ -1,25 +1,25 @@
-import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-DvwCbS9k.css';const t = "_listHeader_un1z2_3", e = "_listHeaderOneItem_un1z2_16", s = "_listTitle_un1z2_23", _ = "_listSubtitle_un1z2_30", i = "_rightBar_un1z2_37", n = "_rightBarOneItem_un1z2_47", a = "_search_un1z2_58", l = "_tagList_un1z2_68", r = "_tagItem_un1z2_83", c = "_select_un1z2_90", u = {
+import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-CKkdHjXR.css';const t = "_listHeader_2wxq4_3", e = "_listHeaderOneItem_2wxq4_16", s = "_listTitle_2wxq4_23", _ = "_listSubtitle_2wxq4_30", i = "_rightBar_2wxq4_37", a = "_rightBarOneItem_2wxq4_47", l = "_search_2wxq4_58", r = "_tagList_2wxq4_68", c = "_tagItem_2wxq4_83", n = "_select_2wxq4_90", g = {
   listHeader: t,
   listHeaderOneItem: e,
   listTitle: s,
   listSubtitle: _,
   rightBar: i,
-  rightBarOneItem: n,
-  search: a,
-  tagList: l,
-  tagItem: r,
-  select: c
+  rightBarOneItem: a,
+  search: l,
+  tagList: r,
+  tagItem: c,
+  select: n
 };
 export {
-  u as default,
+  g as default,
   t as listHeader,
   e as listHeaderOneItem,
   _ as listSubtitle,
   s as listTitle,
   i as rightBar,
-  n as rightBarOneItem,
-  a as search,
-  c as select,
-  r as tagItem,
-  l as tagList
+  a as rightBarOneItem,
+  l as search,
+  n as select,
+  c as tagItem,
+  r as tagList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.93",
+  "version": "0.3.95",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",
@@ -55,14 +55,14 @@
   },
   "homepage": "https://github.com/Logora/interface#readme",
   "dependencies": {
-    "@lexical/headless": "^0.44.0",
-    "@lexical/html": "^0.44.0",
-    "@lexical/list": "^0.44.0",
-    "@lexical/overflow": "^0.44.0",
-    "@lexical/react": "^0.44.0",
-    "@lexical/rich-text": "^0.44.0",
-    "@lexical/selection": "^0.44.0",
-    "@lexical/utils": "^0.44.0",
+    "@lexical/headless": "^0.45.0",
+    "@lexical/html": "^0.45.0",
+    "@lexical/list": "^0.45.0",
+    "@lexical/overflow": "^0.45.0",
+    "@lexical/react": "^0.45.0",
+    "@lexical/rich-text": "^0.45.0",
+    "@lexical/selection": "^0.45.0",
+    "@lexical/utils": "^0.45.0",
     "@rooks/use-localstorage-state": "^4.11.2",
     "@rooks/use-previous": "^4.11.2",
     "@rooks/use-sessionstorage-state": "^4.11.2",
@@ -72,7 +72,7 @@
     "classnames": "^2.5.1",
     "dompurify": "^3.3.3",
     "flat": "^5.0.2",
-    "lexical": "^0.44.0",
+    "lexical": "^0.45.0",
     "path-to-regexp": "^6.3.0",
     "react-chartjs-2": "^5.3.1",
     "react-copy-to-clipboard": "^5.1.1",

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

@@ -1 +0,0 @@
-._listHeader_un1z2_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_un1z2_3{flex-direction:column;align-items:flex-start}._listHeader_un1z2_3._listHeaderOneItem_un1z2_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_un1z2_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-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_un1z2_30{color:var(--text-secondary, #5F5F5F);font-weight:var(--font-weight-normal, 400);font-size:var(--font-size-normal, 16px);margin-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._rightBar_un1z2_37{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_un1z2_37{width:100%;justify-content:space-between}._rightBar_un1z2_37._rightBarOneItem_un1z2_47{justify-content:flex-end}}._rightBar_un1z2_37{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_un1z2_58{flex:1;max-width:35%}@container (max-width: 575.98px){._search_un1z2_58{max-width:80%}}._tagList_un1z2_68{display:flex;flex-direction:row;justify-content:flex-start;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))}@container (max-width: 575.98px){._tagList_un1z2_68{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagItem_un1z2_83{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_un1z2_90{max-width:300px}@container (max-width: 575.98px){._select_un1z2_90{max-width:300px}}