@logora/debate 0.3.90 → 0.3.92

package/dist/components/input/select/Select.js

@@ -1,10 +1,10 @@
-import { jsx as c, jsxs as u } from "react/jsx-runtime";
+import { jsx as c, jsxs as f } from "react/jsx-runtime";
 import h from "classnames";
 import { useState as b, useEffect as p } from "react";
-import r from "./Select.module.scss.js";
+import t from "./Select.module.scss.js";
 import { Dropdown as k } from "../../dialog/dropdown/Dropdown.js";
 import { Icon as y } from "../../icons/icon/Icon.js";
-const I = ({
+const N = ({
   options: a,
   defaultOption: n,
   onChange: s,
@@ -13,7 +13,7 @@ const I = ({
   className: m,
   horizontalPosition: v = "left"
 }) => {
-  const d = n ? a.filter((e) => e.name === n)[0] : a[0], [f, l] = b(d);
+  const d = n ? a.filter((e) => e.name === n)[0] : a[0], [u, l] = b(d);
   p(() => {
     i === !0 && l(d);
   }, [i]), p(() => {
@@ -22,29 +22,29 @@ const I = ({
   const w = (e) => {
     l(e), s && s(e);
   }, x = (e) => {
-    const t = e.currentTarget;
+    const r = e.currentTarget;
     switch (e.key) {
       case "Enter":
       case " ":
-        e.preventDefault(), t.click();
+        e.preventDefault(), r.click();
         break;
       case "ArrowDown":
-        e.preventDefault(), t.nextElementSibling?.focus();
+        e.preventDefault(), r.nextElementSibling?.focus();
         break;
       case "ArrowUp":
-        e.preventDefault(), t.previousElementSibling?.focus();
+        e.preventDefault(), r.previousElementSibling?.focus();
         break;
     }
   }, D = (e) => {
-    const t = f?.name === e.name;
+    const r = u?.name === e.name;
     return e.name !== "" && /* @__PURE__ */ c(
       "div",
       {
         role: "option",
-        "aria-selected": t,
+        "aria-selected": r,
         tabIndex: 0,
-        className: h(r.selectOption, {
-          [r.selectOptionActive]: t
+        className: h(t.selectOption, {
+          [t.selectOptionActive]: r
         }),
         value: e.value,
         "data-tid": e.dataTid,
@@ -55,22 +55,22 @@ const I = ({
       e.value
     );
   };
-  return /* @__PURE__ */ c("div", { className: r.selectContainer, children: /* @__PURE__ */ u(k, { horizontalPosition: v, children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ c("div", { className: t.selectContainer, children: /* @__PURE__ */ f(k, { horizontalPosition: v, closeOnContentClick: !0, children: [
+    /* @__PURE__ */ f(
       "div",
       {
-        className: h(r.selectInput, {
+        className: h(t.selectInput, {
           [m]: m,
-          [r.disabled]: o
+          [t.disabled]: o
         }),
         children: [
-          /* @__PURE__ */ c("span", { className: r.currentOptionText, children: f?.text }),
+          /* @__PURE__ */ c("span", { className: t.currentOptionText, children: u?.text }),
           " ",
           /* @__PURE__ */ c(
             y,
             {
               name: "lightArrow",
-              className: r.arrowDown,
+              className: t.arrowDown,
               height: 10,
               width: 10
             }
@@ -82,5 +82,5 @@ const I = ({
   ] }) });
 };
 export {
-  I as Select
+  N as Select
 };

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

@@ -1,171 +1,185 @@
-import { jsxs as u, Fragment as X, jsx as t } from "react/jsx-runtime";
-import { ListNode as Y, ListItemNode as Z } from "@lexical/list";
-import { OverflowNode as tt } from "@lexical/overflow";
-import { CharacterLimitPlugin as ot } from "@lexical/react/LexicalCharacterLimitPlugin";
-import { LexicalComposer as et } from "@lexical/react/LexicalComposer";
-import { ContentEditable as rt } from "@lexical/react/LexicalContentEditable";
-import { EditorRefPlugin as it } from "@lexical/react/LexicalEditorRefPlugin";
-import { LexicalErrorBoundary as nt } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as st } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as lt } from "@lexical/react/LexicalListPlugin";
-import { OnChangePlugin as ct } from "@lexical/react/LexicalOnChangePlugin";
-import { RichTextPlugin as mt } from "@lexical/react/LexicalRichTextPlugin";
-import { QuoteNode as at } from "@lexical/rich-text";
-import I from "classnames";
-import { $getRoot as dt } from "lexical";
-import { useState as a, useId as ft, useEffect as b } from "react";
-import { useIntl as ut } from "react-intl";
-import pt from "./EditorTheme.js";
-import e from "./TextEditor.module.scss.js";
-import { AutoSavePlugin as ht } from "./plugins/AutoSavePlugin.js";
-import { FocusPlugin as gt } from "./plugins/FocusPlugin.js";
-import { MaxLengthPlugin as xt } from "./plugins/MaxLengthPlugin.js";
-import { ResetPlugin as St } from "./plugins/ResetPlugin.js";
-import { SetContentPlugin as Ct } from "./plugins/SetContentPlugin.js";
-import { SetRichContentPlugin as Pt } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as Tt } from "./plugins/ToolbarPlugin.js";
-import { useModal as vt } from "../../dialog/modal/useModal.js";
-import { SourceModal as Nt } from "../../source/source_modal/SourceModal.js";
-import { SourceListItem as Et } from "../../source/source_list_item/SourceListItem.js";
-const M = (l) => l?.replace(/ /g, " "), to = ({
+import { jsxs as S, Fragment as oe, jsx as e } from "react/jsx-runtime";
+import { ListNode as re, ListItemNode as ie } from "@lexical/list";
+import { OverflowNode as ne } from "@lexical/overflow";
+import { CharacterLimitPlugin as se } from "@lexical/react/LexicalCharacterLimitPlugin";
+import { LexicalComposer as ce } from "@lexical/react/LexicalComposer";
+import { ContentEditable as le } from "@lexical/react/LexicalContentEditable";
+import { EditorRefPlugin as me } from "@lexical/react/LexicalEditorRefPlugin";
+import { LexicalErrorBoundary as ae } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as de } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as ue } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin as fe } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as pe } from "@lexical/react/LexicalRichTextPlugin";
+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 i from "./TextEditor.module.scss.js";
+import { AutoSavePlugin as Te } from "./plugins/AutoSavePlugin.js";
+import { FocusPlugin as Ne } from "./plugins/FocusPlugin.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 = ({
   placeholder: l,
-  onSubmit: p,
-  sources: r,
-  hideSubmit: y = !1,
-  hideSourceAction: R = !1,
-  onActivation: h,
-  disabled: w = !1,
-  handleChange: g,
-  handleSourcesChange: x,
-  shortBar: A = !1,
-  active: S = !1,
-  maxLength: c,
-  disableRichText: L = !1,
-  editorRef: _,
-  uid: C,
-  allowedDomains: P = [],
-  hideCharCount: B = !1,
-  disableAutoActivate: F = !1,
-  ...O
+  initialContent: w,
+  initialRichContent: L,
+  onSubmit: x,
+  sources: p,
+  hideSubmit: _ = !1,
+  hideSourceAction: A = !1,
+  onActivation: n,
+  disabled: B = !1,
+  handleChange: C,
+  handleSourcesChange: h,
+  shortBar: O = !1,
+  active: g = !1,
+  maxLength: m,
+  disableRichText: U = !1,
+  editorRef: j,
+  uid: P,
+  allowedDomains: T = [],
+  hideCharCount: k = !1,
+  disableAutoActivate: z = !1,
+  autoFocus: a = !1,
+  ...H
 }) => {
-  const [n, U] = a(!1), [j, k] = a(""), [z, H] = a(""), [s, d] = a([]), { showModal: J } = vt(), T = ut(), v = ft();
-  b(() => {
-    r && r.length > 0 && d(r);
-  }, [r]), b(() => {
-    x && s.length > 0 && x(s);
-  }, [s]);
-  const N = () => {
-    n || (U(!0), h && h());
-  }, Q = {
-    editable: !w,
-    theme: pt,
-    onError(o) {
-      console.error("TextEditor error:", o);
+  const [s, J] = f(a || g), [Q, W] = f(""), [$, q] = f(""), [d, u] = f([]), { showModal: D } = Me(), N = Ce(), v = Se(), E = xe(!1);
+  M(() => {
+    a && !E.current && n && (E.current = !0, n());
+  }, [a, n]), M(() => {
+    p && u(p);
+  }, [p]);
+  const I = () => {
+    s || (J(!0), n && n());
+  }, F = {
+    editable: !B,
+    theme: Pe,
+    onError(t) {
+      console.error("TextEditor error:", t);
     },
-    nodes: [Y, Z, at, tt]
-  }, W = () => {
-    N();
-  }, $ = (o) => {
-    o.read(() => {
-      const i = dt().getTextContent(), m = M(i), f = JSON.stringify(o), E = M(f);
-      k(m), H(E), g && g(m, E);
+    nodes: [re, ie, he, ne]
+  }, G = () => {
+    I();
+  }, 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 = (o) => {
-    const i = j, m = z, f = s;
-    p && (o.preventDefault(), p(i, m, f)), d([]);
-  }, D = () => {
-    J(
-      /* @__PURE__ */ t(
-        Nt,
+  }, V = (t) => {
+    const o = Q, r = $, c = d;
+    x && (t.preventDefault(), x(o, r, c)), u([]), h?.([]);
+  }, X = () => {
+    D(
+      /* @__PURE__ */ e(
+        ye,
         {
-          onAddSource: G,
-          allowedSources: P
+          onAddSource: Y,
+          allowedSources: T
         }
       )
     );
-  }, G = (o) => {
-    d([...s, o]);
-  }, K = (o, i) => /* @__PURE__ */ t(
-    Et,
+  }, Y = (t) => {
+    u((o) => {
+      const r = [...o, t];
+      return h?.(r), r;
+    });
+  }, Z = (t) => {
+    u((o) => {
+      const r = o.filter(
+        (c) => c.source_url !== t.source_url
+      );
+      return h?.(r), r;
+    });
+  }, ee = (t, o) => /* @__PURE__ */ e(
+    we,
     {
-      publisher: o.publisher,
-      url: o.source_url,
-      title: o.title,
-      index: i
+      publisher: t.publisher,
+      url: t.source_url,
+      title: t.title,
+      index: o,
+      onRemove: () => Z(t)
     },
-    i
-  ), V = () => /* @__PURE__ */ t("div", { className: e.editorPlaceholder, children: l });
-  return /* @__PURE__ */ u(X, { children: [
-    /* @__PURE__ */ t(et, { initialConfig: Q, children: /* @__PURE__ */ t("div", { className: e.editorContainer, onClick: W, children: /* @__PURE__ */ u(
+    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(
       "div",
       {
-        className: I(e.editorInner, {
-          [e.editorInnerInactive]: !n && !S
+        className: b(i.editorInner, {
+          [i.editorInnerInactive]: !s && !g
         }),
         children: [
-          /* @__PURE__ */ t(
-            mt,
+          /* @__PURE__ */ e(
+            pe,
             {
-              contentEditable: /* @__PURE__ */ t(
-                rt,
+              contentEditable: /* @__PURE__ */ e(
+                le,
                 {
-                  className: I(e.editorInput, {
-                    [e.editorInputInactive]: !n
+                  className: b(i.editorInput, {
+                    [i.editorInputInactive]: !s
                   }),
-                  ...O
+                  ...H
                 }
               ),
-              placeholder: l && /* @__PURE__ */ t(V, {}),
-              ErrorBoundary: nt
+              placeholder: l && /* @__PURE__ */ e(te, {}),
+              ErrorBoundary: ae
             }
           ),
-          /* @__PURE__ */ t(
-            Tt,
+          /* @__PURE__ */ e(
+            be,
             {
-              hideSourceAction: R,
-              hideSubmit: y,
-              disableRichText: L,
-              shortBar: A,
-              onSubmit: q,
-              onAddSource: D,
-              isActive: n || S,
-              sourceTooltip: P?.length > 0 && T.formatMessage({
+              hideSourceAction: A,
+              hideSubmit: _,
+              disableRichText: U,
+              shortBar: O,
+              onSubmit: V,
+              onAddSource: X,
+              isActive: s || g,
+              sourceTooltip: T?.length > 0 && N.formatMessage({
                 id: "input.allowed_domains_tooltip",
                 defaultMessage: "With the new source function, you can add links to your article."
               })
             }
           ),
-          n && c && !B && /* @__PURE__ */ u("div", { className: e.charactersCount, children: [
-            /* @__PURE__ */ t(ot, { maxLength: c }),
+          s && m && !k && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
+            /* @__PURE__ */ e(se, { maxLength: m }),
             " ",
-            T.formatMessage({
+            N.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
           ] }),
-          /* @__PURE__ */ t(lt, {}),
-          /* @__PURE__ */ t(st, {}),
-          /* @__PURE__ */ t(ct, { onChange: $, ignoreSelectionChange: !0 }),
-          /* @__PURE__ */ t(
-            ht,
+          /* @__PURE__ */ e(ue, {}),
+          /* @__PURE__ */ e(de, {}),
+          /* @__PURE__ */ e(fe, { onChange: K, ignoreSelectionChange: !0 }),
+          /* @__PURE__ */ e(
+            Te,
             {
-              onSetContent: F ? () => {
-              } : N,
-              storageUid: C || v
+              onSetContent: z ? () => {
+              } : I,
+              storageUid: P || v
             }
           ),
-          /* @__PURE__ */ t(Ct, {}),
-          /* @__PURE__ */ t(Pt, {}),
-          /* @__PURE__ */ t(gt, {}),
-          c && /* @__PURE__ */ t(xt, { maxLength: c }),
-          /* @__PURE__ */ t(St, { storageUid: C || v }),
-          /* @__PURE__ */ t(it, { editorRef: _ })
+          /* @__PURE__ */ e(Ie, { content: w }),
+          /* @__PURE__ */ e(Re, { richContent: L }),
+          /* @__PURE__ */ e(Ne, { autoFocus: a }),
+          m && /* @__PURE__ */ e(ve, { maxLength: m }),
+          /* @__PURE__ */ e(Ee, { storageUid: P || v }),
+          /* @__PURE__ */ e(me, { editorRef: j })
         ]
       }
     ) }) }),
-    r && r.length !== 0 ? /* @__PURE__ */ t("div", { className: e.sourcesBox, children: /* @__PURE__ */ t("div", { className: e.sourceList, children: r.map(K) }) }) : null
+    d && d.length !== 0 ? /* @__PURE__ */ e("div", { className: i.sourcesBox, children: /* @__PURE__ */ e("div", { className: i.sourceList, children: d.map(ee) }) }) : null
   ] });
 };
 export {
-  to as TextEditor
+  st as TextEditor
 };

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

@@ -1,4 +1,4 @@
-import '../../../assets/components/input/text_editor/TextEditor.module-DePSfOvG.css';const t = "_ltr_1m7ly_3", e = "_editorContainer_1m7ly_7", o = "_editorInner_1m7ly_14", r = "_editorInnerInactive_1m7ly_18", i = "_editorPlaceholder_1m7ly_23", n = "_editorInput_1m7ly_35", d = "_editorInputInactive_1m7ly_46", _ = "_editorTextBold_1m7ly_51", s = "_editorTextItalic_1m7ly_55", l = "_editorTextUnderline_1m7ly_59", c = "_editorTextStrikethrough_1m7ly_63", a = "_editorTextUnderlineStrikethrough_1m7ly_67", I = "_editorParagraph_1m7ly_71", m = "_editorQuote_1m7ly_81", u = "_editorListOl_1m7ly_91", h = "_editorListItem_1m7ly_98", y = "_editorNestedListItem_1m7ly_105", x = "_sourcesBox_1m7ly_118", T = "_sourceList_1m7ly_129", L = "_charactersCount_1m7ly_140", p = {
+import '../../../assets/components/input/text_editor/TextEditor.module-CxuSL3l3.css';const t = "_ltr_1k7lj_3", e = "_editorContainer_1k7lj_7", o = "_editorInner_1k7lj_14", r = "_editorInnerInactive_1k7lj_18", i = "_editorPlaceholder_1k7lj_23", n = "_editorInput_1k7lj_35", d = "_editorInputInactive_1k7lj_46", _ = "_editorTextBold_1k7lj_51", s = "_editorTextItalic_1k7lj_55", l = "_editorTextUnderline_1k7lj_59", c = "_editorTextStrikethrough_1k7lj_63", a = "_editorTextUnderlineStrikethrough_1k7lj_67", I = "_editorParagraph_1k7lj_71", k = "_editorQuote_1k7lj_81", u = "_editorListOl_1k7lj_91", h = "_editorListItem_1k7lj_98", j = "_editorNestedListItem_1k7lj_105", x = "_sourcesBox_1k7lj_118", T = "_sourceList_1k7lj_129", L = "_charactersCount_1k7lj_140", p = {
   ltr: t,
   editorContainer: e,
   editorInner: o,
@@ -12,10 +12,10 @@ import '../../../assets/components/input/text_editor/TextEditor.module-DePSfOvG.
   editorTextStrikethrough: c,
   editorTextUnderlineStrikethrough: a,
   editorParagraph: I,
-  editorQuote: m,
+  editorQuote: k,
   editorListOl: u,
   editorListItem: h,
-  editorNestedListItem: y,
+  editorNestedListItem: j,
   sourcesBox: x,
   sourceList: T,
   charactersCount: L
@@ -30,10 +30,10 @@ export {
   d as editorInputInactive,
   h as editorListItem,
   u as editorListOl,
-  y as editorNestedListItem,
+  j as editorNestedListItem,
   I as editorParagraph,
   i as editorPlaceholder,
-  m as editorQuote,
+  k as editorQuote,
   _ as editorTextBold,
   s as editorTextItalic,
   c as editorTextStrikethrough,

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

@@ -1,14 +1,18 @@
-import { useLexicalComposerContext as e } from "@lexical/react/LexicalComposerContext";
-import { useEffect as r } from "react";
-import { useInput as n } from "../../input_provider/useInput.js";
-const f = () => {
-  const [o] = e(), { focus: t } = n();
-  return r(() => {
-    t && o.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();
     });
+  }, [e, o]), s(() => {
+    t && !r.current && (r.current = !0, o.focus(() => {
+      o.getRootElement().focus();
+    }));
   }, [t, o]), null;
 };
 export {
-  f as FocusPlugin
+  E as FocusPlugin
 };

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

@@ -1,18 +1,18 @@
-import { useLexicalComposerContext as p } from "@lexical/react/LexicalComposerContext";
-import { $getRoot as u, $createParagraphNode as a, $createTextNode as c } from "lexical";
-import { useEffect as s } from "react";
-import { useInput as i } from "../../input_provider/useInput.js";
-const C = () => {
-  const [n] = p(), { inputContent: t, setInputContent: r } = i();
-  return s(() => {
-    t && n.update(() => {
-      const e = u();
-      e.clear();
-      const o = a();
-      o.append(c(t)), e.append(o), r(null);
+import { useLexicalComposerContext as s } from "@lexical/react/LexicalComposerContext";
+import { $getRoot as a, $createParagraphNode as c, $createTextNode as u } from "lexical";
+import { useEffect as f } from "react";
+import { useInput as m } from "../../input_provider/useInput.js";
+const x = ({ content: e }) => {
+  const [p] = s(), { inputContent: o, setInputContent: i } = m(), t = e || (typeof o == "string" ? o : void 0);
+  return f(() => {
+    typeof t == "string" && t && p.update(() => {
+      const n = a();
+      n.clear();
+      const r = c();
+      r.append(u(t)), n.append(r), !e && o && i(null);
     });
   }, [t]), null;
 };
 export {
-  C as SetContentPlugin
+  x as SetContentPlugin
 };

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

@@ -1,14 +1,14 @@
-import { useLexicalComposerContext as r } from "@lexical/react/LexicalComposerContext";
-import { useEffect as i } from "react";
-import { useInput as s } from "../../input_provider/useInput.js";
-const m = () => {
-  const [t] = r(), { inputRichContent: e, setInputRichContent: o } = s();
-  return i(() => {
-    e && t.update(() => {
-      const n = t.parseEditorState(e);
-      t.setEditorState(n), o(null);
+import { useLexicalComposerContext as s } from "@lexical/react/LexicalComposerContext";
+import { useEffect as u } from "react";
+import { useInput as c } from "../../input_provider/useInput.js";
+const m = ({ richContent: e }) => {
+  const [t] = s(), { inputRichContent: n, setInputRichContent: i } = c(), o = e || n;
+  return u(() => {
+    o && t.update(() => {
+      const r = t.parseEditorState(o);
+      t.setEditorState(r), !e && n && i(null);
     });
-  }, [e]), null;
+  }, [o]), null;
 };
 export {
   m as SetRichContentPlugin