@logora/debate 0.3.14 → 0.3.15

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

@@ -1,171 +1,175 @@
-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 { jsxs as u, Fragment as Y, jsx as t } from "react/jsx-runtime";
+import { ListNode as Z, ListItemNode as tt } from "@lexical/list";
+import { OverflowNode as ot } from "@lexical/overflow";
+import { CharacterLimitPlugin as et } from "@lexical/react/LexicalCharacterLimitPlugin";
+import { LexicalComposer as rt } from "@lexical/react/LexicalComposer";
+import { ContentEditable as it } from "@lexical/react/LexicalContentEditable";
+import { EditorRefPlugin as nt } from "@lexical/react/LexicalEditorRefPlugin";
+import { LexicalErrorBoundary as st } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as lt } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as ct } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin as at } 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 { QuoteNode as dt } from "@lexical/rich-text";
+import y from "classnames";
+import { $getRoot as ft } from "lexical";
+import { useState as d, useId as ut, useEffect as I } from "react";
+import { useIntl as pt } from "react-intl";
+import ht from "./EditorTheme.js";
+import r from "./TextEditor.module.scss.js";
+import { AutoSavePlugin as gt } from "./plugins/AutoSavePlugin.js";
+import { FocusPlugin as xt } from "./plugins/FocusPlugin.js";
+import { MaxLengthPlugin as St } from "./plugins/MaxLengthPlugin.js";
+import { ResetPlugin as Ct } from "./plugins/ResetPlugin.js";
+import { SetContentPlugin as Nt } from "./plugins/SetContentPlugin.js";
 import { SetRichContentPlugin as Pt } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as Tt } from "./plugins/ToolbarPlugin.js";
+import { ToolbarPlugin as Et } 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 = ({
-  placeholder: l,
+import { SourceModal as Tt } from "../../source/source_modal/SourceModal.js";
+import { SourceListItem as yt } from "../../source/source_list_item/SourceListItem.js";
+const b = (o) => o?.replace(/ /g, " "), M = (o) => {
+  !o || typeof o != "object" || (typeof o.text == "string" && (o.text = b(o.text)), Array.isArray(o.children) && o.children.forEach(M));
+}, oo = ({
+  placeholder: o,
   onSubmit: p,
-  sources: r,
-  hideSubmit: y = !1,
-  hideSourceAction: R = !1,
+  sources: i,
+  hideSubmit: A = !1,
+  hideSourceAction: w = !1,
   onActivation: h,
-  disabled: w = !1,
+  disabled: L = !1,
   handleChange: g,
   handleSourcesChange: x,
-  shortBar: A = !1,
+  shortBar: R = !1,
   active: S = !1,
   maxLength: c,
-  disableRichText: L = !1,
+  disableRichText: O = !1,
   editorRef: _,
   uid: C,
-  allowedDomains: P = [],
-  hideCharCount: B = !1,
-  disableAutoActivate: F = !1,
-  ...O
+  allowedDomains: N = [],
+  hideCharCount: j = !1,
+  disableAutoActivate: B = !1,
+  ...F
 }) => {
-  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, U] = d(!1), [k, z] = d(""), [J, H] = d(""), [l, f] = d([]), { showModal: Q } = vt(), P = pt(), E = ut();
+  I(() => {
+    i && i.length > 0 && f(i);
+  }, [i]), I(() => {
+    x && l.length > 0 && x(l);
+  }, [l]);
+  const v = () => {
+    s || (U(!0), h && h());
+  }, W = {
+    editable: !L,
+    theme: ht,
+    onError(e) {
+      console.error("TextEditor error:", e);
     },
-    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: [Z, tt, dt, ot]
+  }, $ = () => {
+    v();
+  }, q = (e) => {
+    e.read(() => {
+      const n = ft().getTextContent(), a = b(n), m = e.toJSON();
+      M(m.root);
+      const T = JSON.stringify(m);
+      z(a), H(T), g && g(a, T);
     });
-  }, q = (o) => {
-    const i = j, m = z, f = s;
-    p && (o.preventDefault(), p(i, m, f)), d([]);
-  }, D = () => {
-    J(
+  }, D = (e) => {
+    const n = k, a = J, m = l;
+    p && (e.preventDefault(), p(n, a, m)), f([]);
+  }, G = () => {
+    Q(
       /* @__PURE__ */ t(
-        Nt,
+        Tt,
         {
-          onAddSource: G,
-          allowedSources: P
+          onAddSource: K,
+          allowedSources: N
         }
       )
     );
-  }, G = (o) => {
-    d([...s, o]);
-  }, K = (o, i) => /* @__PURE__ */ t(
-    Et,
+  }, K = (e) => {
+    f([...l, e]);
+  }, V = (e, n) => /* @__PURE__ */ t(
+    yt,
     {
-      publisher: o.publisher,
-      url: o.source_url,
-      title: o.title,
-      index: i
+      publisher: e.publisher,
+      url: e.source_url,
+      title: e.title,
+      index: n
     },
-    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(
+    n
+  ), X = () => /* @__PURE__ */ t("div", { className: r.editorPlaceholder, children: o });
+  return /* @__PURE__ */ u(Y, { children: [
+    /* @__PURE__ */ t(rt, { initialConfig: W, children: /* @__PURE__ */ t("div", { className: r.editorContainer, onClick: $, children: /* @__PURE__ */ u(
       "div",
       {
-        className: I(e.editorInner, {
-          [e.editorInnerInactive]: !n && !S
+        className: y(r.editorInner, {
+          [r.editorInnerInactive]: !s && !S
         }),
         children: [
           /* @__PURE__ */ t(
             mt,
             {
               contentEditable: /* @__PURE__ */ t(
-                rt,
+                it,
                 {
-                  className: I(e.editorInput, {
-                    [e.editorInputInactive]: !n
+                  className: y(r.editorInput, {
+                    [r.editorInputInactive]: !s
                   }),
-                  ...O
+                  ...F
                 }
               ),
-              placeholder: l && /* @__PURE__ */ t(V, {}),
-              ErrorBoundary: nt
+              placeholder: o && /* @__PURE__ */ t(X, {}),
+              ErrorBoundary: st
             }
           ),
           /* @__PURE__ */ t(
-            Tt,
+            Et,
             {
-              hideSourceAction: R,
-              hideSubmit: y,
-              disableRichText: L,
-              shortBar: A,
-              onSubmit: q,
-              onAddSource: D,
-              isActive: n || S,
-              sourceTooltip: P?.length > 0 && T.formatMessage({
+              hideSourceAction: w,
+              hideSubmit: A,
+              disableRichText: O,
+              shortBar: R,
+              onSubmit: D,
+              onAddSource: G,
+              isActive: s || S,
+              sourceTooltip: N?.length > 0 && P.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 && c && !j && /* @__PURE__ */ u("div", { className: r.charactersCount, children: [
+            /* @__PURE__ */ t(et, { maxLength: c }),
             " ",
-            T.formatMessage({
+            P.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
           ] }),
+          /* @__PURE__ */ t(ct, {}),
           /* @__PURE__ */ t(lt, {}),
-          /* @__PURE__ */ t(st, {}),
-          /* @__PURE__ */ t(ct, { onChange: $, ignoreSelectionChange: !0 }),
+          /* @__PURE__ */ t(at, { onChange: q, ignoreSelectionChange: !0 }),
           /* @__PURE__ */ t(
-            ht,
+            gt,
             {
-              onSetContent: F ? () => {
-              } : N,
-              storageUid: C || v
+              onSetContent: B ? () => {
+              } : v,
+              storageUid: C || E
             }
           ),
-          /* @__PURE__ */ t(Ct, {}),
+          /* @__PURE__ */ t(Nt, {}),
           /* @__PURE__ */ t(Pt, {}),
-          /* @__PURE__ */ t(gt, {}),
-          c && /* @__PURE__ */ t(xt, { maxLength: c }),
-          /* @__PURE__ */ t(St, { storageUid: C || v }),
-          /* @__PURE__ */ t(it, { editorRef: _ })
+          /* @__PURE__ */ t(xt, {}),
+          c && /* @__PURE__ */ t(St, { maxLength: c }),
+          /* @__PURE__ */ t(Ct, { storageUid: C || E }),
+          /* @__PURE__ */ t(nt, { editorRef: _ })
         ]
       }
     ) }) }),
-    r && r.length !== 0 ? /* @__PURE__ */ t("div", { className: e.sourcesBox, children: /* @__PURE__ */ t("div", { className: e.sourceList, children: r.map(K) }) }) : null
+    i && i.length !== 0 ? /* @__PURE__ */ t("div", { className: r.sourcesBox, children: /* @__PURE__ */ t("div", { className: r.sourceList, children: i.map(V) }) }) : null
   ] });
 };
 export {
-  to as TextEditor
+  oo as TextEditor
 };

package/package.json

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