@logora/debate 0.2.2 → 0.2.3

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

@@ -1,23 +1,26 @@
-import { useEffect as e } from "react";
-import { $getSelection as t, $isRangeSelection as n, RootNode as r } from "lexical";
-import { useLexicalComposerContext as i } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as m } from "@lexical/react/LexicalComposerContext";
 import { $trimTextContentFromAnchor as a } from "@lexical/selection";
-import { $restoreEditorState as o } from "@lexical/utils";
-//#region src/components/input/text_editor/plugins/MaxLengthPlugin.jsx
-var s = ({ maxLength: s = 5e4 }) => {
-	let [c] = i();
-	return e(() => {
-		let e = null;
-		return c.registerNodeTransform(r, (r) => {
-			let i = t();
-			if (!n(i) || !i.isCollapsed()) return;
-			let l = c.getEditorState(), u = l.read(() => r.getTextContent()), d = r.getTextContent();
-			if (u !== d) {
-				let t = d.length - s, n = i.anchor;
-				t > 0 && (u.length === s && e !== l ? (e = l, o(c, l)) : a(c, n, t));
-			}
-		});
-	}, [c, s]), null;
+import { $restoreEditorState as d } from "@lexical/utils";
+import { RootNode as g, $getSelection as p, $isRangeSelection as u } from "lexical";
+import { useEffect as x } from "react";
+const R = ({ maxLength: o = 5e4 }) => {
+  const [t] = m();
+  return x(() => {
+    let r = null;
+    return t.registerNodeTransform(g, (i) => {
+      const n = p();
+      if (!u(n) || !n.isCollapsed())
+        return;
+      const e = t.getEditorState(), s = e.read(
+        () => i.getTextContent()
+      ), c = i.getTextContent();
+      if (s !== c) {
+        const l = c.length - o, f = n.anchor;
+        l > 0 && (s.length === o && r !== e ? (r = e, d(t, e)) : a(t, f, l));
+      }
+    });
+  }, [t, o]), null;
+};
+export {
+  R as MaxLengthPlugin
 };
-//#endregion
-export { s as MaxLengthPlugin };

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

@@ -1,18 +1,21 @@
-import { useInput as e } from "../../input_provider/useInput.js";
-import { useEffect as t } from "react";
-import { $addUpdateTag as n, $createParagraphNode as r, $getRoot as i } from "lexical";
-import { useLexicalComposerContext as a } from "@lexical/react/LexicalComposerContext";
-import o from "@rooks/use-localstorage-state";
-//#region src/components/input/text_editor/plugins/ResetPlugin.jsx
-var s = ({ storageUid: s }) => {
-	let [c] = a(), { reset: l, setReset: u } = e(), [d, f, p] = o(`TextEditor:content_${s}`, {});
-	return t(() => {
-		l && c.update(() => {
-			n("skip-dom-selection");
-			let e = i(), t = r();
-			e.clear(), e.append(t), p(), u(!1);
-		});
-	}, [l]), null;
+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 { 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}`,
+    {}
+  );
+  return f(() => {
+    t && r.update(() => {
+      m("skip-dom-selection");
+      const e = i(), a = d();
+      e.clear(), e.append(a), s(), n(!1);
+    });
+  }, [t]), null;
+};
+export {
+  E as ResetPlugin
 };
-//#endregion
-export { s as ResetPlugin };

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

@@ -1,18 +1,18 @@
-import { useInput as e } from "../../input_provider/useInput.js";
-import { useEffect as t } from "react";
-import { $createParagraphNode as n, $createTextNode as r, $getRoot as i } from "lexical";
-import { useLexicalComposerContext as a } from "@lexical/react/LexicalComposerContext";
-//#region src/components/input/text_editor/plugins/SetContentPlugin.jsx
-var o = () => {
-	let [o] = a(), { inputContent: s, setInputContent: c } = e();
-	return t(() => {
-		s && o.update(() => {
-			let e = i();
-			e.clear();
-			let t = n();
-			t.append(r(s)), e.append(t), c(null);
-		});
-	}, [s]), null;
+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);
+    });
+  }, [t]), null;
+};
+export {
+  C as SetContentPlugin
 };
-//#endregion
-export { o as SetContentPlugin };

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

@@ -1,15 +1,15 @@
-import { useInput as e } from "../../input_provider/useInput.js";
-import { useEffect as t } from "react";
-import { useLexicalComposerContext as n } from "@lexical/react/LexicalComposerContext";
-//#region src/components/input/text_editor/plugins/SetRichContentPlugin.jsx
-var r = () => {
-	let [r] = n(), { inputRichContent: i, setInputRichContent: a } = e();
-	return t(() => {
-		i && r.update(() => {
-			let e = r.parseEditorState(i);
-			r.setEditorState(e), a(null);
-		});
-	}, [i]), null;
+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);
+    });
+  }, [e]), null;
+};
+export {
+  m as SetRichContentPlugin
 };
-//#endregion
-export { r as SetRichContentPlugin };

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

@@ -1,169 +1,230 @@
-import { Icon as e } from "../../../icons/icon/Icon.js";
-import { Button as t } from "../../../action/button/Button.js";
-import n from "./ToolbarPlugin.module.js";
-import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "classnames";
-import { useIntl as u } from "react-intl";
-import { $isListNode as d, INSERT_ORDERED_LIST_COMMAND as f, ListNode as p } from "@lexical/list";
-import { $createQuoteNode as m, $isHeadingNode as h } from "@lexical/rich-text";
-import { $getSelection as g, $isRangeSelection as _, FORMAT_TEXT_COMMAND as v, SELECTION_CHANGE_COMMAND as y } from "lexical";
-import { useLexicalComposerContext as b } from "@lexical/react/LexicalComposerContext";
-import { $setBlocksType as x } from "@lexical/selection";
-import { $getNearestNodeOfType as S, mergeRegister as C } from "@lexical/utils";
-//#region src/components/input/text_editor/plugins/ToolbarPlugin.jsx
-var w = (w) => {
-	let T = u(), [E] = b(), D = a(null), [O, k] = o("paragraph"), [A, j] = o(null), [M, N] = o(!1), [P, F] = o(!1), [I, L] = o(!1), R = w.hideSubmit && w.hideSourceAction && w.disableRichText, z = r(() => {
-		let e = g();
-		if (_(e)) {
-			let t = e.anchor.getNode(), n = t.getKey() === "root" ? t : t.getTopLevelElementOrThrow(), r = n.getKey();
-			if (E.getElementByKey(r) !== null) if (j(r), d(n)) {
-				let e = S(t, p);
-				k(e ? e.getTag() : n.getTag());
-			} else k(h(n) ? n.getTag() : n.getType());
-			N(e.hasFormat("bold")), F(e.hasFormat("italic")), L(e.hasFormat("underline"));
-		}
-	}, [E]);
-	i(() => C(E.registerUpdateListener(({ editorState: e }) => {
-		e.read(() => {
-			z();
-		});
-	}), E.registerCommand(y, (e, t) => (z(), !1), 1)), [E, z]);
-	let B = () => {
-		E.update(() => {
-			let e = g();
-			_(e) && x(e, () => $createParagraphNode());
-		});
-	}, V = () => {
-		O === "number" ? B(E) : E.dispatchCommand(f);
-	}, H = () => {
-		O !== "quote" && E.update(() => {
-			x(g(), () => m());
-		});
-	};
-	return R ? null : /* @__PURE__ */ c("div", {
-		className: l(n.toolbar, { [n.toolbarIsActive]: R ? !1 : w.isActive }),
-		ref: D,
-		children: [w.isActive ? !w.disableRichText && /* @__PURE__ */ c("div", {
-			className: l(n.iconToolbar, { [n.shortBar]: w.shortBar }),
-			children: [
-				/* @__PURE__ */ s("button", {
-					onClick: () => {
-						E.dispatchCommand(v, "bold");
-					},
-					type: "button",
-					className: l(n.toolbarItem, { [n.active]: M }),
-					"data-testid": "format-bold",
-					"aria-label": T.formatMessage({
-						id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
-						defaultMessage: "Make text bold"
-					}),
-					children: /* @__PURE__ */ s(e, {
-						name: "bold",
-						width: 24,
-						height: 24,
-						className: l(n.format, n.bold)
-					})
-				}),
-				/* @__PURE__ */ s("button", {
-					onClick: () => {
-						E.dispatchCommand(v, "italic");
-					},
-					type: "button",
-					className: l(n.toolbarItem, { [n.active]: P }),
-					"aria-label": T.formatMessage({
-						id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
-						defaultMessage: "Make text italic"
-					}),
-					children: /* @__PURE__ */ s(e, {
-						name: "italic",
-						width: 24,
-						height: 24,
-						className: l(n.format, n.italic)
-					})
-				}),
-				/* @__PURE__ */ s("button", {
-					onClick: () => {
-						E.dispatchCommand(v, "underline");
-					},
-					type: "button",
-					className: l(n.toolbarItem, { [n.active]: I }),
-					"aria-label": T.formatMessage({
-						id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
-						defaultMessage: "Underline text"
-					}),
-					children: /* @__PURE__ */ s(e, {
-						name: "underline",
-						width: 24,
-						height: 24,
-						className: l(n.format, n.underline)
-					})
-				}),
-				/* @__PURE__ */ s("button", {
-					onClick: () => H(),
-					type: "button",
-					className: n.toolbarItem,
-					"aria-label": T.formatMessage({
-						id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
-						defaultMessage: "Add a blockquote"
-					}),
-					children: /* @__PURE__ */ s(e, {
-						name: "blockquote",
-						width: 24,
-						height: 24,
-						className: l(n.format, n.quote)
-					})
-				}),
-				/* @__PURE__ */ s("button", {
-					onClick: () => V(),
-					type: "button",
-					className: n.toolbarItem,
-					"aria-label": T.formatMessage({
-						id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
-						defaultMessage: "Insert a numbered list"
-					}),
-					children: /* @__PURE__ */ s(e, {
-						name: "orderedList",
-						width: 24,
-						height: 24,
-						className: l(n.format, n.numberedList)
-					})
-				}),
-				!w.hideSourceAction && /* @__PURE__ */ s("button", {
-					onClick: w.onAddSource,
-					type: "button",
-					className: n.toolbarItem,
-					"aria-label": T.formatMessage({
-						id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
-						defaultMessage: "Add hyperlink"
-					}),
-					children: /* @__PURE__ */ s(e, {
-						name: "link",
-						width: 20,
-						height: 20,
-						className: l(n.format, n.link)
-					})
-				})
-			]
-		}) : null, /* @__PURE__ */ s("div", {
-			className: n.actionButton,
-			children: w.hideSubmit ? null : /* @__PURE__ */ s(t, {
-				type: "button",
-				"data-testid": "submit-button",
-				handleClick: w.onSubmit,
-				className: l(n.inputSubmitActionButton, n.submitAction),
-				"aria-label": T.formatMessage({
-					id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
-					defaultMessage: "Send message"
-				}),
-				children: /* @__PURE__ */ s(e, {
-					name: "send",
-					width: 20,
-					height: 20
-				})
-			})
-		})]
-	});
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { $isListNode as R, ListNode as D, INSERT_ORDERED_LIST_COMMAND as $ } from "@lexical/list";
+import { useLexicalComposerContext as K } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as q, $createQuoteNode as F } from "@lexical/rich-text";
+import { $setBlocksType as y } from "@lexical/selection";
+import { $getNearestNodeOfType as P, mergeRegister as U } from "@lexical/utils";
+import o from "classnames";
+import { $getSelection as b, $isRangeSelection as M, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as g } from "lexical";
+import { useRef as H, useState as c, useCallback as Q, useEffect as G } from "react";
+import { useIntl as X } from "react-intl";
+import e from "./ToolbarPlugin.module.scss.js";
+import { Icon as s } from "../../../icons/icon/Icon.js";
+import { Button as z } from "../../../action/button/Button.js";
+const ce = (i) => {
+  const n = X(), T = 1, [l] = K(), k = H(null), [f, h] = c("paragraph"), [J, C] = c(null), [x, I] = c(!1), [A, S] = c(!1), [E, L] = c(!1), p = i.hideSubmit && i.hideSourceAction && i.disableRichText, u = Q(() => {
+    const a = b();
+    if (M(a)) {
+      const d = a.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), N = r.getKey();
+      if (l.getElementByKey(N) !== null)
+        if (C(N), R(r)) {
+          const m = P(d, D), O = m ? m.getTag() : r.getTag();
+          h(O);
+        } else {
+          const m = q(r) ? r.getTag() : r.getType();
+          h(m);
+        }
+      I(a.hasFormat("bold")), S(a.hasFormat("italic")), L(a.hasFormat("underline"));
+    }
+  }, [l]);
+  G(() => U(
+    l.registerUpdateListener(({ editorState: a }) => {
+      a.read(() => {
+        u();
+      });
+    }),
+    l.registerCommand(
+      j,
+      (a, d) => (u(), !1),
+      T
+    )
+  ), [l, u]);
+  const v = () => {
+    l.update(() => {
+      const a = b();
+      M(a) && y(a, () => $createParagraphNode());
+    });
+  }, w = () => {
+    f !== "number" ? l.dispatchCommand($) : v();
+  }, B = () => {
+    f !== "quote" && l.update(() => {
+      const a = b();
+      y(a, () => F());
+    });
+  };
+  return p ? null : /* @__PURE__ */ _(
+    "div",
+    {
+      className: o(e.toolbar, {
+        [e.toolbarIsActive]: p ? !1 : i.isActive
+      }),
+      ref: k,
+      children: [
+        i.isActive ? !i.disableRichText && /* @__PURE__ */ _(
+          "div",
+          {
+            className: o(e.iconToolbar, {
+              [e.shortBar]: i.shortBar
+            }),
+            children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => {
+                    l.dispatchCommand(g, "bold");
+                  },
+                  type: "button",
+                  className: o(e.toolbarItem, { [e.active]: x }),
+                  "data-testid": "format-bold",
+                  "aria-label": n.formatMessage({
+                    id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
+                    defaultMessage: "Make text bold"
+                  }),
+                  children: /* @__PURE__ */ t(
+                    s,
+                    {
+                      name: "bold",
+                      width: 24,
+                      height: 24,
+                      className: o(e.format, e.bold)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => {
+                    l.dispatchCommand(g, "italic");
+                  },
+                  type: "button",
+                  className: o(e.toolbarItem, {
+                    [e.active]: A
+                  }),
+                  "aria-label": n.formatMessage({
+                    id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
+                    defaultMessage: "Make text italic"
+                  }),
+                  children: /* @__PURE__ */ t(
+                    s,
+                    {
+                      name: "italic",
+                      width: 24,
+                      height: 24,
+                      className: o(e.format, e.italic)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => {
+                    l.dispatchCommand(g, "underline");
+                  },
+                  type: "button",
+                  className: o(e.toolbarItem, {
+                    [e.active]: E
+                  }),
+                  "aria-label": n.formatMessage({
+                    id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
+                    defaultMessage: "Underline text"
+                  }),
+                  children: /* @__PURE__ */ t(
+                    s,
+                    {
+                      name: "underline",
+                      width: 24,
+                      height: 24,
+                      className: o(e.format, e.underline)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => B(),
+                  type: "button",
+                  className: e.toolbarItem,
+                  "aria-label": n.formatMessage({
+                    id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
+                    defaultMessage: "Add a blockquote"
+                  }),
+                  children: /* @__PURE__ */ t(
+                    s,
+                    {
+                      name: "blockquote",
+                      width: 24,
+                      height: 24,
+                      className: o(e.format, e.quote)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => w(),
+                  type: "button",
+                  className: e.toolbarItem,
+                  "aria-label": n.formatMessage({
+                    id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
+                    defaultMessage: "Insert a numbered list"
+                  }),
+                  children: /* @__PURE__ */ t(
+                    s,
+                    {
+                      name: "orderedList",
+                      width: 24,
+                      height: 24,
+                      className: o(e.format, e.numberedList)
+                    }
+                  )
+                }
+              ),
+              !i.hideSourceAction && /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: i.onAddSource,
+                  type: "button",
+                  className: e.toolbarItem,
+                  "aria-label": n.formatMessage({
+                    id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
+                    defaultMessage: "Add hyperlink"
+                  }),
+                  children: /* @__PURE__ */ t(
+                    s,
+                    {
+                      name: "link",
+                      width: 20,
+                      height: 20,
+                      className: o(e.format, e.link)
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ t("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ t(
+          z,
+          {
+            type: "button",
+            "data-testid": "submit-button",
+            handleClick: i.onSubmit,
+            className: o(e.inputSubmitActionButton, e.submitAction),
+            "aria-label": n.formatMessage({
+              id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
+              defaultMessage: "Send message"
+            }),
+            children: /* @__PURE__ */ t(s, { name: "send", width: 20, height: 20 })
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  ce as ToolbarPlugin
 };
-//#endregion
-export { w as ToolbarPlugin };

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

@@ -0,0 +1,25 @@
+import '../../../../assets/components/input/text_editor/plugins/ToolbarPlugin.module-CbPmMciY.css';const o = "_toolbar_qbyoz_3", t = "_toolbarIsActive_qbyoz_13", n = "_iconToolbar_qbyoz_17", _ = "_shortBar_qbyoz_21", c = "_toolbarItem_qbyoz_25", b = "_active_qbyoz_35", i = "_format_qbyoz_39", a = "_actionButton_qbyoz_46", s = "_inputSubmitActionButton_qbyoz_52", r = "_submitAction_qbyoz_60", u = {
+  toolbar: o,
+  toolbarIsActive: t,
+  iconToolbar: n,
+  shortBar: _,
+  toolbarItem: c,
+  active: b,
+  format: i,
+  actionButton: a,
+  inputSubmitActionButton: s,
+  submitAction: r
+};
+export {
+  a as actionButton,
+  b as active,
+  u as default,
+  i as format,
+  n as iconToolbar,
+  s as inputSubmitActionButton,
+  _ as shortBar,
+  r as submitAction,
+  o as toolbar,
+  t as toolbarIsActive,
+  c as toolbarItem
+};