@ryuzaki13/react-foundation-ui 0.1.0

package/dist/chunks/TextEditorLexicalClient-DcixYuo4.js

@@ -0,0 +1,1178 @@
+import { r as e } from "./Grid-ByIIytjh.js";
+import { t } from "./Button-BZ_b-Kin.js";
+import { t as n } from "./CheckBox-Cck5w1Ud.js";
+import { t as r } from "./Input-Ce2HXBUc.js";
+import { n as i } from "./RadioGroup-BAhN1d1X.js";
+import { i as a, n as o, r as s } from "./modal-DqVcZws_.js";
+import { t as c } from "./editorModel-DCJRgzlr.js";
+import { i as l, r as u, t as d } from "./toolbar-C-Ziw_Uh.js";
+import { a as f, i as p, n as m, r as h, t as g } from "./plugins-BqaLckPx.js";
+import { cn as _ } from "@ryuzaki13/react-foundation-lib/utils";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useCallback as x, useEffect as S, useEffectEvent as C, useMemo as w, useState as T } from "react";
+import { formatPhone as E } from "@ryuzaki13/react-foundation-lib/formatters";
+import { isSafe as D, validateUrl as O } from "@ryuzaki13/react-foundation-lib/validators";
+import { $generateHtmlFromNodes as k } from "@lexical/html";
+import { $applyNodeReplacement as A, $createParagraphNode as j, $createTextNode as M, $getSelection as N, $isRangeSelection as P, ElementNode as F, FORMAT_ELEMENT_COMMAND as ee, FORMAT_TEXT_COMMAND as te, REDO_COMMAND as ne, UNDO_COMMAND as re } from "lexical";
+import { INSERT_ORDERED_LIST_COMMAND as ie, INSERT_UNORDERED_LIST_COMMAND as ae, ListItemNode as oe, ListNode as se, REMOVE_LIST_COMMAND as I } from "@lexical/list";
+import { $createHeadingNode as ce, $createQuoteNode as le, HeadingNode as ue, QuoteNode as de } from "@lexical/rich-text";
+import { LexicalComposer as L } from "@lexical/react/LexicalComposer";
+import { ContentEditable as R } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as z } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as B } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as V } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin as H } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as fe } from "@lexical/react/LexicalRichTextPlugin";
+import { $isLinkNode as U, LinkNode as pe } from "@lexical/link";
+import { $setBlocksType as W } from "@lexical/selection";
+import { $findMatchingParent as me } from "@lexical/utils";
+//#region src/text-editor/lib/serialization/createLexicalRaw.ts
+var he = (e) => ({
+	format: "lexical",
+	version: 1,
+	editorState: e.toJSON()
+}), G = (e) => {
+	let t = 0, n = e;
+	for (; n;) t += 1, n = n.getParent();
+	return t;
+}, ge = (e) => {
+	if (!(e instanceof HTMLAnchorElement)) return { node: null };
+	let t = e.textContent;
+	return (t === null || t === "") && e.children.length === 0 ? { node: null } : { node: q(e.getAttribute("href") || "", {
+		rel: e.getAttribute("rel"),
+		target: e.getAttribute("target"),
+		title: e.getAttribute("title"),
+		ariaLabel: e.getAttribute("aria-label"),
+		qrCode: e.getAttribute("data-qr-code") === "true",
+		add: null,
+		text: t
+	}) };
+}, K = class e extends pe {
+	__ariaLabel;
+	__qrCode;
+	__add;
+	__text;
+	static getType() {
+		return "accessible-link";
+	}
+	static clone(t) {
+		return new e(t.__url, {
+			rel: t.__rel,
+			target: t.__target,
+			title: t.__title,
+			ariaLabel: t.__ariaLabel,
+			qrCode: t.__qrCode,
+			add: t.__add,
+			text: t.__text
+		}, t.__key);
+	}
+	constructor(e = "", t = {}, n) {
+		super(e, t, n);
+		let { ariaLabel: r = null, qrCode: i = !1, add: a = null, text: o = null } = t;
+		this.__ariaLabel = r, this.__qrCode = i, this.__add = a, this.__text = o;
+	}
+	static importDOM() {
+		return { a: () => ({
+			conversion: ge,
+			priority: 2
+		}) };
+	}
+	static importJSON(e) {
+		return q().updateFromJSON(e);
+	}
+	updateFromJSON(e) {
+		return super.updateFromJSON(e).setAriaLabel(e.ariaLabel || null).setQrCode(!!e.qrCode).setAdd(e.add || null).setText(e.text || null);
+	}
+	exportJSON() {
+		return {
+			...super.exportJSON(),
+			type: "accessible-link",
+			version: 1,
+			ariaLabel: this.getAriaLabel(),
+			qrCode: this.getQrCode(),
+			add: this.getAdd(),
+			text: this.getText()
+		};
+	}
+	createDOM(e) {
+		let t = super.createDOM(e);
+		return this.applyAccessibleAttributes(null, t), t;
+	}
+	updateDOM(e, t, n) {
+		let r = super.updateDOM(e, t, n);
+		return this.applyAccessibleAttributes(e, t), r;
+	}
+	applyAccessibleAttributes(e, t) {
+		t instanceof HTMLAnchorElement && ((!e || e.__ariaLabel !== this.__ariaLabel) && (this.__ariaLabel ? t.setAttribute("aria-label", this.__ariaLabel) : t.removeAttribute("aria-label")), (!e || e.__qrCode !== this.__qrCode) && t.setAttribute("data-qr-code", this.__qrCode ? "true" : "false"));
+	}
+	insertNewAfter(e, t = !0) {
+		let n = q(this.__url, {
+			rel: this.__rel,
+			target: this.__target,
+			title: this.__title,
+			ariaLabel: this.__ariaLabel,
+			qrCode: this.__qrCode,
+			add: this.__add,
+			text: this.__text
+		});
+		return this.insertAfter(n, t), n;
+	}
+	getAriaLabel() {
+		return this.getLatest().__ariaLabel;
+	}
+	setAriaLabel(e) {
+		let t = this.getWritable();
+		return t.__ariaLabel = e, this;
+	}
+	getQrCode() {
+		return this.getLatest().__qrCode;
+	}
+	setQrCode(e) {
+		let t = this.getWritable();
+		return t.__qrCode = e, this;
+	}
+	getAdd() {
+		return this.getLatest().__add;
+	}
+	setAdd(e) {
+		let t = this.getWritable();
+		return t.__add = e, this;
+	}
+	getText() {
+		return this.getLatest().__text;
+	}
+	setText(e) {
+		let t = this.getWritable();
+		return t.__text = e, this;
+	}
+}, q = (e = "", t) => A(new K(e, t)), J = (e) => e instanceof K, _e = (e) => {
+	let t = {};
+	return Array.from(e.attributes).forEach((e) => {
+		e.name !== "class" && (t[e.name] = e.value);
+	}), t;
+}, Y = (e) => {
+	if (!(e instanceof HTMLElement)) return { node: null };
+	let t = e.tagName.toLowerCase();
+	if (![
+		"abbr",
+		"span",
+		"time",
+		"cite",
+		"del",
+		"ins"
+	].includes(t)) return { node: null };
+	let n = e.textContent;
+	return (n === null || n === "") && e.children.length === 0 ? { node: null } : { node: Z(t, _e(e), n) };
+}, X = class e extends F {
+	__tag;
+	__attributes;
+	__text;
+	static getType() {
+		return "semantic-tag";
+	}
+	static clone(t) {
+		return new e(t.__tag, t.__attributes, t.__text, t.__key);
+	}
+	constructor(e = "span", t = {}, n = null, r) {
+		super(r), this.__tag = e, this.__attributes = t, this.__text = n;
+	}
+	static importDOM() {
+		return {
+			abbr: () => ({
+				conversion: Y,
+				priority: 2
+			}),
+			span: () => ({
+				conversion: Y,
+				priority: 2
+			}),
+			time: () => ({
+				conversion: Y,
+				priority: 2
+			}),
+			cite: () => ({
+				conversion: Y,
+				priority: 2
+			}),
+			del: () => ({
+				conversion: Y,
+				priority: 2
+			}),
+			ins: () => ({
+				conversion: Y,
+				priority: 2
+			})
+		};
+	}
+	static importJSON(e) {
+		return Z(e.tag, e.attributes, e.text).updateFromJSON(e);
+	}
+	updateFromJSON(e) {
+		return super.updateFromJSON(e).setTag(e.tag).setAttributes(e.attributes || {}).setText(e.text || null);
+	}
+	exportJSON() {
+		return {
+			...super.exportJSON(),
+			type: "semantic-tag",
+			version: 1,
+			tag: this.getTag(),
+			attributes: this.getAttributes(),
+			text: this.getText()
+		};
+	}
+	createDOM(e) {
+		let t = document.createElement(this.__tag);
+		return this.applyEditorAttributes(t), t;
+	}
+	updateDOM(e, t) {
+		return e.__tag === this.__tag ? (this.applyEditorAttributes(t), !1) : !0;
+	}
+	exportDOM() {
+		let e = document.createElement(this.__tag);
+		return Object.entries(this.__attributes).forEach(([t, n]) => {
+			e.setAttribute(t, n);
+		}), { element: e };
+	}
+	applyEditorAttributes(e) {
+		e.classList.add("custom-tag-highlight"), Array.from(e.attributes).forEach((t) => {
+			t.name !== "class" && e.removeAttribute(t.name);
+		}), Object.entries(this.__attributes).forEach(([t, n]) => {
+			e.setAttribute(t, n);
+		});
+	}
+	insertNewAfter(e, t = !0) {
+		let n = Z(this.__tag, this.__attributes, this.__text);
+		return this.insertAfter(n, t), n;
+	}
+	canInsertTextBefore() {
+		return !1;
+	}
+	canInsertTextAfter() {
+		return !1;
+	}
+	canBeEmpty() {
+		return !1;
+	}
+	isInline() {
+		return !0;
+	}
+	getTag() {
+		return this.getLatest().__tag;
+	}
+	setTag(e) {
+		let t = this.getWritable();
+		return t.__tag = e, this;
+	}
+	getAttributes() {
+		return this.getLatest().__attributes;
+	}
+	setAttributes(e) {
+		let t = this.getWritable();
+		return t.__attributes = e, this;
+	}
+	getText() {
+		return this.getLatest().__text;
+	}
+	setText(e) {
+		let t = this.getWritable();
+		return t.__text = e, this;
+	}
+}, Z = (e, t = {}, n = null) => A(new X(e, t, n)), ve = (e) => e instanceof X;
+//#endregion
+//#region src/text-editor/model/hooks/useTextEditorLexicalActions.ts
+function ye({ editor: e, toolbarState: t, hasLocalLinkDialog: n, onOpenLinkDialog: r, onOpenTagDialog: i }) {
+	let a = x((n) => {
+		if (e) {
+			if (n === "unordered-list-item") {
+				if (t.blockType === "unordered-list-item") {
+					e.dispatchCommand(I, void 0);
+					return;
+				}
+				e.dispatchCommand(ae, void 0);
+				return;
+			}
+			if (n === "ordered-list-item") {
+				if (t.blockType === "ordered-list-item") {
+					e.dispatchCommand(I, void 0);
+					return;
+				}
+				e.dispatchCommand(ie, void 0);
+				return;
+			}
+			e.update(() => {
+				let e = N();
+				if (!P(e)) return;
+				if (n === "unstyled" || n === "paragraph") {
+					W(e, () => j());
+					return;
+				}
+				if (n === "blockquote") {
+					W(e, () => le());
+					return;
+				}
+				let t = m(n);
+				t && W(e, () => ce(t));
+			});
+		}
+	}, [e, t.blockType]), o = x((t) => {
+		if (!e) return;
+		let n = h(t);
+		n && e.dispatchCommand(te, n);
+	}, [e]), s = x((t) => {
+		e && e.dispatchCommand(ee, t);
+	}, [e]), c = x(() => {
+		e && e.dispatchCommand(re, void 0);
+	}, [e]), l = x(() => {
+		e && e.dispatchCommand(ne, void 0);
+	}, [e]), d = x(() => {
+		if (!e) return "";
+		let t = "";
+		return e.getEditorState().read(() => {
+			let e = N();
+			P(e) && (t = e.getTextContent());
+		}), t;
+	}, [e]), f = x((t) => {
+		e && (e.update(() => {
+			let e = N();
+			if (!P(e)) return;
+			let n = e.getTextContent(), r = t.text.length > 0 ? t.text : n;
+			if (!r.trim()) return;
+			let i = q(t.url, {
+				target: "_blank",
+				rel: "noopener noreferrer",
+				ariaLabel: t.ariaLabel || n || r,
+				qrCode: t.qrCode,
+				add: t.add || null,
+				text: r
+			}), a = M(r);
+			i.append(a), e.insertNodes([i]);
+		}), requestAnimationFrame(() => {
+			e.focus();
+		}));
+	}, [e]), p = x((e, t, n, r, i) => {
+		f({
+			url: e,
+			text: t,
+			add: n,
+			ariaLabel: r,
+			qrCode: i
+		});
+	}, [f]), g = x((e, t) => {
+		f({
+			url: e,
+			text: t,
+			add: "",
+			ariaLabel: "Внутренняя ссылка на статью: " + t,
+			qrCode: !1
+		});
+	}, [f]), _ = x(() => {
+		if (!e) return "";
+		let t = "";
+		return e.getEditorState().read(() => {
+			let e = N();
+			if (!P(e)) {
+				t = "";
+				return;
+			}
+			let n = e.getTextContent(), r = me(e.anchor.getNode(), (e) => J(e) || U(e));
+			if (J(r)) {
+				t = {
+					url: r.getURL(),
+					ariaLabel: r.getAriaLabel() || "",
+					text: r.getText() || n,
+					add: r.getAdd() || "",
+					qrCode: r.getQrCode()
+				};
+				return;
+			}
+			if (U(r)) {
+				t = {
+					url: r.getURL(),
+					ariaLabel: "",
+					text: n,
+					add: "",
+					qrCode: !1
+				};
+				return;
+			}
+			t = n;
+		}), t;
+	}, [e]), v = x((e) => {
+		e === u.LOCAL_LINK && !n || r(e);
+	}, [n, r]), y = x((t, n, r) => {
+		e && (e.update(() => {
+			let e = N();
+			if (!P(e)) return;
+			let i = e.getTextContent().trim(), a = n || i || r.title || r["aria-label"] || Object.values(r).join(" ") || t;
+			if (!a.trim()) return;
+			let o = Z(t, r, a);
+			o.append(M(a)), e.insertNodes([o]);
+		}), requestAnimationFrame(() => {
+			e.focus();
+		}));
+	}, [e]);
+	return {
+		handleAddLink: p,
+		handleAddLocalLink: g,
+		handleAlignmentChange: s,
+		handleBlockStyleToggle: a,
+		handleCleanSemanticTag: x(() => {
+			e && e.update(() => {
+				let e = N();
+				if (!P(e) || e.isCollapsed()) return;
+				let t = e.getNodes(), n = /* @__PURE__ */ new Set();
+				t.forEach((e) => {
+					let t = e;
+					for (; t;) ve(t) && n.add(t), t = t.getParent();
+				}), Array.from(n).sort((e, t) => G(t) - G(e)).forEach((e) => {
+					e.isAttached() && (e.getChildren().forEach((t) => e.insertBefore(t)), e.remove());
+				});
+			});
+		}, [e]),
+		handleInlineStyleToggle: o,
+		handleLinkClick: v,
+		handleRedo: l,
+		handleTagClick: x((e) => {
+			i(e);
+		}, [i]),
+		handleUndo: c,
+		getCurrentSelectionText: d,
+		getSelectedLinkState: _,
+		insertSemanticTagAtSelection: y
+	};
+}
+var Q = {
+	textEditor: "_75LW3N",
+	textEditorContent: "PLiHsN",
+	focused: "m-jmCu",
+	wrapper: "_4NWAs0"
+};
+//#endregion
+//#region src/text-editor/EmailDialog.tsx
+function be({ isOpen: e, onClose: n, onConfirm: i, initialState: c }) {
+	let [l, u] = T(""), [d, f] = T(""), [p, m] = T(null), [h] = T(() => D(c) && typeof c == "string" ? {
+		text: "",
+		add: "",
+		ariaLabel: "",
+		url: c
+	} : c);
+	S(() => {
+		e && D(h) && (u(h.url ?? ""), f(h.ariaLabel ?? ""));
+	}, [e, h]);
+	let g = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) ? !0 : (m("Некорректный email адрес"), !1), v = (e) => {
+		if (e.preventDefault(), g(l)) {
+			if (!d) {
+				m("Добавьте описание для email");
+				return;
+			}
+			i(`mailto:${l}`, "", "", d, !1), x();
+		}
+	}, x = () => {
+		u(""), f(""), m(null), n();
+	};
+	return /* @__PURE__ */ b(o, {
+		isOpen: e,
+		onClose: x,
+		title: "Ссылка на email",
+		size: "md",
+		children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b("div", {
+			className: _("flexColumn", "gapMd"),
+			children: [
+				/* @__PURE__ */ y(r, {
+					label: "Email адрес",
+					value: l,
+					onChange: u,
+					placeholder: "some_email@mail.ru"
+				}),
+				p && /* @__PURE__ */ b("div", {
+					className: "textColorDanger",
+					children: [
+						/* @__PURE__ */ y("strong", { children: "Ошибка ввода:" }),
+						" ",
+						/* @__PURE__ */ y("span", {
+							className: "fontItalic",
+							children: p
+						})
+					]
+				}),
+				/* @__PURE__ */ y(r, {
+					label: "Текст для экранных читалок",
+					value: d,
+					onChange: f,
+					placeholder: "Электронная почта руководителя городской думмы"
+				})
+			]
+		}) }), /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(t, {
+			appearance: "outline",
+			tone: "error",
+			onClick: x,
+			children: "Отмена"
+		}), /* @__PURE__ */ y(t, {
+			appearance: "outline",
+			tone: "success",
+			onClick: v,
+			disabled: !l || !d,
+			children: "Подтвердить"
+		})] })]
+	});
+}
+//#endregion
+//#region src/text-editor/LinkDialog.tsx
+function $({ isOpen: i, onClose: c, onConfirm: l, initialState: u }) {
+	let [d, f] = T(""), [p, m] = T(""), [h, g] = T(null), [_, v] = T(!1), [x] = T(() => D(u) && typeof u == "string" ? {
+		text: "",
+		add: "",
+		ariaLabel: "",
+		url: u
+	} : u);
+	S(() => {
+		i && D(x) && (f(x.url ?? ""), m(x.ariaLabel ?? ""));
+	}, [i, x]);
+	let C = (e) => {
+		f(e), h && g(null);
+	}, w = (e) => {
+		e.preventDefault();
+		let t = O(d);
+		if (!t.isValid) {
+			g(t.error);
+			return;
+		}
+		if (!p) {
+			g("добавьте описание для ссылки");
+			return;
+		}
+		l(d.startsWith("http") ? d : `https://${d}`, "", "", p, _), E();
+	}, E = () => {
+		f(""), m(""), g(null), c();
+	};
+	return /* @__PURE__ */ b(o, {
+		isOpen: i,
+		onClose: E,
+		title: "Ссылка на внешний url",
+		size: "md",
+		children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(e, {
+			gap: "md",
+			children: [
+				/* @__PURE__ */ y(r, {
+					label: "Полный URL адрес",
+					value: d,
+					onChange: C,
+					placeholder: "https://somesite.ru"
+				}),
+				h && /* @__PURE__ */ b("div", {
+					className: "textColorDanger",
+					children: [
+						/* @__PURE__ */ y("strong", { children: "Ошибка ввода:" }),
+						" ",
+						/* @__PURE__ */ y("span", {
+							className: "fontItalic",
+							children: h
+						})
+					]
+				}),
+				/* @__PURE__ */ y(r, {
+					label: "Текст для экранных читалок",
+					value: p,
+					onChange: m,
+					placeholder: "Ссылка на официальный сайт городской думмы"
+				}),
+				/* @__PURE__ */ y(n, {
+					title: "Показать кнопку для генерации QR кода ссылки",
+					value: _,
+					onChange: v
+				})
+			]
+		}) }), /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(t, {
+			appearance: "outline",
+			tone: "error",
+			onClick: E,
+			children: "Отмена"
+		}), /* @__PURE__ */ y(t, {
+			appearance: "outline",
+			tone: "success",
+			onClick: w,
+			disabled: !d || !p,
+			children: "Подтвердить"
+		})] })]
+	});
+}
+//#endregion
+//#region src/text-editor/PhoneDialog.tsx
+function xe({ isOpen: n, onClose: i, onConfirm: c, initialState: l }) {
+	let [u, d] = T(""), [f, p] = T(""), [m, h] = T(""), [g, v] = T(null), [x] = T(() => D(l) && typeof l == "string" ? {
+		text: "",
+		add: "",
+		ariaLabel: "",
+		url: l
+	} : l);
+	S(() => {
+		n && D(x) && (d((x.url ?? "").replace(/\D/g, "").slice(0, 11).replace(/^7/, "")), x.add ? p((x.add ?? "").replace(/\D/g, "")) : p((x.url ?? "").replace(/\D/g, "").slice(11)), h(x.ariaLabel ?? ""));
+	}, [n, x]);
+	let C = (e) => {
+		e = e.replace(/\D/g, ""), e.length <= 10 ? (d(e), v(null)) : v("нельзя ввести более 10 цифр");
+	}, w = (e) => e.length === 10 ? !0 : (v("номер телефона должен содержать 10 цифр"), !1), O = (e) => {
+		if (e.preventDefault(), !w(u)) return;
+		if (!m) {
+			v("добавьте описание для телефона");
+			return;
+		}
+		let t = E(u);
+		c(`tel:${`+7${u}`}`, f ? `${t} доб. ${f}` : t, f, m, !1), k();
+	}, k = () => {
+		d(""), h(""), v(null), i();
+	};
+	return /* @__PURE__ */ b(o, {
+		isOpen: n,
+		onClose: k,
+		title: "Ссылка на телефон",
+		size: "md",
+		children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(e, {
+			gap: "md",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: _("flex", "alignItemsEnd", "gapSm"),
+					children: [/* @__PURE__ */ y(r, {
+						label: "Номер телефона без 7-ки",
+						description: "Вводится только номер (10) цифр без каких-либо дополнительных символов. Ссылка будет привязана к текущему выделенному фрагменту текста. Поэтому текст самой ссылки можно оформить грамотно, например: +7 (3522) 12-34-56 доб. 100",
+						value: u,
+						onChange: C,
+						placeholder: "3522123456",
+						className: "flex1"
+					}), /* @__PURE__ */ y(r, {
+						label: "Добавочный номер",
+						value: f,
+						onChange: p,
+						placeholder: "100"
+					})]
+				}),
+				g && /* @__PURE__ */ b("div", {
+					className: "textColorDanger",
+					children: [
+						/* @__PURE__ */ y("strong", { children: "Ошибка ввода:" }),
+						" ",
+						/* @__PURE__ */ y("span", {
+							className: "fontItalic",
+							children: g
+						})
+					]
+				}),
+				/* @__PURE__ */ y(r, {
+					label: "Текст для экранных читалок",
+					description: "Обязательное поле для организации доступности ссылки для лиц с ОВЗ, использующих скринридеры",
+					value: m,
+					onChange: h,
+					placeholder: "Контактный телефон директора"
+				})
+			]
+		}) }), /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(t, {
+			appearance: "solid",
+			tone: "error",
+			onClick: k,
+			children: "Отмена"
+		}), /* @__PURE__ */ y(t, {
+			appearance: "solid",
+			tone: "success",
+			onClick: O,
+			disabled: !u || !m,
+			children: "Подтвердить"
+		})] })]
+	});
+}
+//#endregion
+//#region src/text-editor/SemanticDialog.tsx
+function Se({ isOpen: n, onClose: i, onConfirm: c, config: l, initialText: u = "", initialState: d = {} }) {
+	let [f, p] = T(u), [m, h] = T({}), [g, _] = T({}), [v, x] = T(!1);
+	S(() => {
+		if (n && !v) {
+			let e = l.fields.reduce((e, t) => (e[t.name] = d[t.name] ?? "", e), {});
+			h(e), _({}), x(!0);
+		} else !n && v && x(!1);
+	}, [
+		n,
+		l.fields,
+		d,
+		v
+	]);
+	let C = (e, t) => {
+		h((n) => ({
+			...n,
+			[e]: t
+		})), _((t) => ({
+			...t,
+			[e]: null
+		}));
+	}, w = () => {
+		let e = {}, t = !0;
+		f.trim() || (e.text = "Обязательное поле", t = !1);
+		for (let n of l.fields) {
+			let r = m[n.name]?.trim();
+			if (n.required && !r) e[n.name] = "Обязательное поле", t = !1;
+			else if (n.validate) {
+				let i = n.validate(r);
+				i && (e[n.name] = i, t = !1);
+			}
+		}
+		return _(e), t;
+	};
+	return /* @__PURE__ */ b(o, {
+		isOpen: n,
+		onClose: i,
+		title: `Вставка <${l.tagName}>`,
+		size: "md",
+		children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(e, {
+			gap: "md",
+			children: [
+				/* @__PURE__ */ b("div", { children: [
+					l.description,
+					".",
+					/* @__PURE__ */ y("br", {})
+				] }),
+				/* @__PURE__ */ b("div", { children: [
+					/* @__PURE__ */ y("strong", { children: "Пример:" }),
+					" ",
+					l.example
+				] }),
+				/* @__PURE__ */ y(r, {
+					label: l.title,
+					description: `Данный текст будет вставлен в редактор и обёрнуть в специальный семантический тег ${l.tagName}`,
+					value: f,
+					onChange: p,
+					error: g.text ?? void 0,
+					required: !0
+				}),
+				l.fields.map((e) => /* @__PURE__ */ y(r, {
+					label: e.label,
+					description: e.description,
+					placeholder: e.placeholder,
+					value: m[e.name] ?? "",
+					onChange: (t) => C(e.name, t),
+					error: g[e.name] ?? void 0,
+					required: e.required
+				}, e.name))
+			]
+		}) }), /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(t, {
+			appearance: "solid",
+			tone: "error",
+			onClick: i,
+			children: "Отмена"
+		}), /* @__PURE__ */ y(t, {
+			appearance: "solid",
+			tone: "success",
+			onClick: () => {
+				w() && (c(l.tagName, f.trim(), m), i());
+			},
+			children: "Подтвердить"
+		})] })]
+	});
+}
+//#endregion
+//#region src/text-editor/semanticTagConfigs.tsx
+var Ce = {
+	[l.abbr]: {
+		tagName: "abbr",
+		title: "Аббревиатура",
+		description: "Обозначает аббревиатуры и сокращения, при наведении покажет расшифровку",
+		example: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("abbr", {
+			title: "Национальное управление по аэронавтике и исследованию космического пространства",
+			children: "НАСА"
+		}), /* @__PURE__ */ y("div", {
+			className: "marginTopMd",
+			children: /* @__PURE__ */ y("code", { children: "<abbr title=\"Национальное управление по аэронавтике и исследованию космического пространства\">НАСА</abbr>" })
+		})] }),
+		fields: [{
+			name: "title",
+			label: "Расшифровка",
+			description: "Появится как подсказка и будет прочитана скринридером",
+			placeholder: "например: HyperText Markup Language",
+			required: !0
+		}]
+	},
+	[l.lang]: {
+		tagName: "span",
+		title: "Текст на другом языке",
+		description: "Указывает язык фрагмента текста, если он отличается от основного языка страницы, скринридер прочитает это слово с французским произношением",
+		example: /* @__PURE__ */ b(v, { children: [
+			/* @__PURE__ */ y("span", {
+				lang: "fr",
+				children: "Bonjour!"
+			}),
+			" — сказал турист.",
+			/* @__PURE__ */ y("div", {
+				className: "marginTopMd",
+				children: /* @__PURE__ */ y("code", { children: "<span lang=\"fr\">Bonjour!</span> — сказал турист." })
+			})
+		] }),
+		fields: [{
+			name: "lang",
+			label: "Код языка",
+			placeholder: "en, fr, ru",
+			required: !0,
+			validate: (e) => /^[a-z]{2,3}(-[A-Z]{2})?$/.test(e) ? null : "Неверный код языка (например, en или en-US)"
+		}]
+	},
+	[l.time]: {
+		tagName: "time",
+		title: "Дата/время",
+		description: "",
+		example: "",
+		fields: [{
+			name: "datetime",
+			label: "Дата/время (machine-readable)",
+			description: "Формат ISO 8601: 2025-05-18, 14:30, 2025-05-18T14:30",
+			placeholder: "например: 2025-05-18T14:30",
+			required: !0
+		}]
+	},
+	[l.cite]: {
+		tagName: "cite",
+		title: "Цитата источника",
+		description: "Обозначает название книги, статьи, фильма или другого произведения, на которое вы ссылаетесь",
+		example: /* @__PURE__ */ b(v, { children: [
+			"По словам Эйнштейна: ",
+			/* @__PURE__ */ y("cite", { children: "«Воображение важнее знания»" }),
+			".",
+			/* @__PURE__ */ y("div", {
+				className: "marginTopMd",
+				children: /* @__PURE__ */ y("code", { children: "По словам Эйнштейна: <cite>«Воображение важнее знания»</cite>." })
+			})
+		] }),
+		fields: [{
+			name: "title",
+			label: "Название источника",
+			description: "Будет отображаться как подсказка",
+			placeholder: "например: Википедия",
+			required: !1
+		}]
+	},
+	[l.del]: {
+		tagName: "del",
+		title: "Изменения в тексте",
+		description: "Удаленный фрагмент",
+		example: /* @__PURE__ */ b(v, { children: [
+			"Проект сдачи: ",
+			/* @__PURE__ */ y("del", { children: "1 июня" }),
+			" ",
+			/* @__PURE__ */ y("ins", { children: "15 июня" }),
+			/* @__PURE__ */ y("div", {
+				className: "marginTopMd",
+				children: /* @__PURE__ */ y("code", { children: "Проект сдачи: <del>1 июня</del> <ins>15 июня</ins>" })
+			})
+		] }),
+		fields: [{
+			name: "datetime",
+			label: "Когда был удалён",
+			description: "Формат ISO 8601: 2025-05-18T14:30",
+			placeholder: "например: 2025-05-18T14:30",
+			required: !1
+		}, {
+			name: "cite",
+			label: "Источник/обоснование",
+			description: "Ссылка на объяснение причины",
+			placeholder: "например: https://example.com/edit-log",
+			required: !1
+		}]
+	},
+	[l.ins]: {
+		tagName: "ins",
+		title: "Изменения в тексте",
+		description: "Новый добавленный текст",
+		example: /* @__PURE__ */ b(v, { children: [
+			"Проект сдачи: ",
+			/* @__PURE__ */ y("del", { children: "1 июня" }),
+			" ",
+			/* @__PURE__ */ y("ins", { children: "15 июня" }),
+			/* @__PURE__ */ y("div", {
+				className: "marginTopMd",
+				children: /* @__PURE__ */ y("code", { children: "Проект сдачи: <del>1 июня</del> <ins>15 июня</ins>" })
+			})
+		] }),
+		fields: [{
+			name: "datetime",
+			label: "Когда был добавлен",
+			description: "Формат ISO 8601: 2025-05-18T14:30",
+			placeholder: "например: 2025-05-18T14:30",
+			required: !1
+		}, {
+			name: "cite",
+			label: "Источник/обоснование",
+			description: "Ссылка на объяснение причины",
+			placeholder: "например: https://example.com/edit-log",
+			required: !1
+		}]
+	}
+};
+//#endregion
+//#region src/text-editor/TimeDialog.tsx
+function we({ isOpen: n, onClose: c, onConfirm: l, initialState: u }) {
+	let [d, f] = T("date"), [p, m] = T(""), [h, g] = T(""), [_, x] = T({}), w = C((e) => {
+		f(e?.mode ?? "date"), m(e?.from ?? ""), g(e?.to ?? ""), x({});
+	});
+	S(() => {
+		n && w(u);
+	}, [n, u]);
+	let E = () => {
+		let e = {}, t = (e) => /^\d{4}-\d{2}-\d{2}$/.test(e), n = (e) => /^\d{2}:\d{2}$/.test(e), r = (e) => /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(e), i = (e, i, a) => {
+			if (!i) return `${e} обязательно`;
+			if (a === "date" && !t(i)) return "Неверный формат даты (ГГГГ-ММ-ДД)";
+			if (a === "time" && !n(i)) return "Неверный формат времени (ЧЧ:ММ)";
+			if (a === "datetime" && !r(i)) return "Неверный формат даты и времени (ГГГГ-ММ-ДДTЧЧ:ММ)";
+		};
+		switch (d) {
+			case "date":
+				e.from = i("Дата", p, "date");
+				break;
+			case "time":
+				e.from = i("Время", p, "time");
+				break;
+			case "datetime":
+				e.from = i("Дата и время", p, "datetime");
+				break;
+			case "range-time":
+				e.from = i("Время начала", p, "time"), e.to = i("Время окончания", h, "time");
+				break;
+			case "range-date":
+				e.from = i("Дата начала", p, "date"), e.to = i("Дата окончания", h, "date");
+				break;
+			case "range-datetime":
+				e.from = i("Начало", p, "datetime"), e.to = i("Окончание", h, "datetime");
+				break;
+		}
+		return x(e), Object.values(e).every((e) => !e);
+	};
+	return /* @__PURE__ */ b(o, {
+		isOpen: n,
+		onClose: c,
+		title: "Вставка <time>",
+		size: "md",
+		children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(e, {
+			gap: "md",
+			children: [/* @__PURE__ */ b(i, {
+				label: "Тип значения",
+				value: d,
+				onChange: f,
+				children: [
+					/* @__PURE__ */ y(i.Option, {
+						label: "Дата",
+						value: "date"
+					}),
+					/* @__PURE__ */ y(i.Option, {
+						label: "Дата и время",
+						value: "datetime"
+					}),
+					/* @__PURE__ */ y(i.Option, {
+						label: "Время",
+						value: "time"
+					}),
+					/* @__PURE__ */ y(i.Option, {
+						label: "Диапазон дат",
+						value: "range-date"
+					}),
+					/* @__PURE__ */ y(i.Option, {
+						label: "Диапазон времени",
+						value: "range-time"
+					}),
+					/* @__PURE__ */ y(i.Option, {
+						label: "Диапазон даты и времени",
+						value: "range-datetime"
+					})
+				]
+			}), /* @__PURE__ */ y(e, {
+				gap: "md",
+				children: (() => {
+					switch (d) {
+						case "date":
+						case "datetime":
+						case "time": return /* @__PURE__ */ y(r, {
+							label: "Значение",
+							placeholder: d === "time" ? "09:00" : d === "date" ? "2025-05-18" : "2025-05-18T09:00",
+							value: p,
+							onChange: m,
+							error: _.from
+						});
+						case "range-time":
+						case "range-date":
+						case "range-datetime": return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(r, {
+							label: "С",
+							placeholder: d.includes("time") ? "09:00" : d.includes("date") ? "2025-05-18" : "2025-05-18T09:00",
+							value: p,
+							onChange: m,
+							error: _.from
+						}), /* @__PURE__ */ y(r, {
+							label: "По",
+							placeholder: d.includes("time") ? "17:00" : d.includes("date") ? "2025-05-22" : "2025-05-22T17:00",
+							value: h,
+							onChange: m,
+							error: _.to
+						})] });
+					}
+				})()
+			})]
+		}) }), /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(t, {
+			appearance: "solid",
+			tone: "error",
+			onClick: c,
+			children: "Отмена"
+		}), /* @__PURE__ */ y(t, {
+			appearance: "solid",
+			tone: "success",
+			onClick: () => {
+				if (!E()) return;
+				let e = h ? `${p}/${h}` : p;
+				l("time", e, { datetime: e }), c();
+			},
+			children: "Подтвердить"
+		})] })]
+	});
+}
+//#endregion
+//#region src/text-editor/TextEditorDialogs.tsx
+function Te({ linkTypeDialog: e, tagTypeDialog: t, localLinkDialogComponent: n, onCloseLinkDialog: r, onCloseTagDialog: i, onAddLink: a, onAddLocalLink: o, onInsertSemanticTag: s, getCurrentSelectionText: c, getSelectedLinkState: d }) {
+	let f = n;
+	return /* @__PURE__ */ b(v, { children: [e && /* @__PURE__ */ b(v, { children: [
+		f && /* @__PURE__ */ y(f, {
+			isOpen: e === u.LOCAL_LINK,
+			onClose: r,
+			onConfirm: o
+		}),
+		/* @__PURE__ */ y($, {
+			isOpen: e === u.LINK,
+			initialState: d(),
+			onClose: r,
+			onConfirm: a
+		}),
+		/* @__PURE__ */ y(xe, {
+			isOpen: e === u.PHONE,
+			initialState: d(),
+			onClose: r,
+			onConfirm: a
+		}),
+		/* @__PURE__ */ y(be, {
+			isOpen: e === u.EMAIL,
+			initialState: d(),
+			onClose: r,
+			onConfirm: a
+		})
+	] }), t && (t === l.time ? /* @__PURE__ */ y(we, {
+		isOpen: !0,
+		onClose: i,
+		onConfirm: s
+	}) : /* @__PURE__ */ y(Se, {
+		isOpen: !0,
+		onClose: i,
+		onConfirm: s,
+		config: Ce[t],
+		initialText: c()
+	}))] });
+}
+//#endregion
+//#region src/text-editor/TextEditorLexicalClient.tsx
+function Ee({ initialData: e, onChange: t, toolbarComponents: n, businessAdapters: r }) {
+	let i = r?.LocalLinkDialogComponent, [a, o] = T(!1), [s, l] = T(p), [u, m] = T(null), [h, v] = T(null), [S, C] = T(null), E = c(e?.raw) ? e.raw : null, D = !!E, O = w(() => {
+		if (E) return JSON.stringify(E.editorState);
+	}, [E]), A = x((e) => {
+		console.error("Ошибка редактора Lexical", e);
+	}, []), j = x((e, n) => {
+		let r = "";
+		e.read(() => {
+			r = k(n, null);
+		}), t({
+			raw: he(e),
+			html: r
+		});
+	}, [t]), M = x((e) => {
+		v(e);
+	}, []), N = x((e) => {
+		C(e);
+	}, []), P = ye({
+		editor: u,
+		toolbarState: s,
+		hasLocalLinkDialog: !!i,
+		onOpenLinkDialog: M,
+		onOpenTagDialog: N
+	}), F = w(() => ({
+		namespace: "KtkTextEditorLexical",
+		onError: A,
+		theme: {
+			paragraph: "paragraph",
+			text: {
+				code: "lexicalTextCode",
+				highlight: "lexicalTextHighlight",
+				underline: "lexicalTextUnderline",
+				strikethrough: "lexicalTextStrikethrough"
+			}
+		},
+		nodes: [
+			ue,
+			de,
+			se,
+			oe,
+			K,
+			X
+		],
+		editorState: O
+	}), [A, O]);
+	return /* @__PURE__ */ b("div", {
+		className: Q.textEditor,
+		children: [/* @__PURE__ */ y("div", {
+			className: _(Q.textEditorContent, { [Q.focused]: a }),
+			children: /* @__PURE__ */ b(L, {
+				initialConfig: F,
+				children: [
+					/* @__PURE__ */ y(d, {
+						toolbarComponents: n,
+						state: s,
+						onBlockStyleToggle: P.handleBlockStyleToggle,
+						onInlineStyleToggle: P.handleInlineStyleToggle,
+						onAlignmentChange: P.handleAlignmentChange,
+						onLinkClick: P.handleLinkClick,
+						onTagClick: P.handleTagClick,
+						onUndo: P.handleUndo,
+						onRedo: P.handleRedo,
+						onCleanTag: P.handleCleanSemanticTag
+					}),
+					/* @__PURE__ */ y(fe, {
+						contentEditable: /* @__PURE__ */ y(R, {
+							className: "lexicalEditorContentEditable",
+							onFocus: () => o(!0),
+							onBlur: () => o(!1)
+						}),
+						placeholder: /* @__PURE__ */ y("div", {
+							className: "lexicalEditorPlaceholder",
+							children: "Введите текст..."
+						}),
+						ErrorBoundary: z
+					}),
+					/* @__PURE__ */ y(B, {}),
+					/* @__PURE__ */ y(V, {}),
+					/* @__PURE__ */ y(g, {
+						onEditorReady: m,
+						onStateChange: l
+					}),
+					/* @__PURE__ */ y(f, {
+						initialHTML: e?.html,
+						shouldSkip: D
+					}),
+					/* @__PURE__ */ y(H, {
+						onChange: j,
+						ignoreSelectionChange: !0
+					})
+				]
+			})
+		}), /* @__PURE__ */ y(Te, {
+			linkTypeDialog: h,
+			tagTypeDialog: S,
+			localLinkDialogComponent: i,
+			onCloseLinkDialog: () => v(null),
+			onCloseTagDialog: () => C(null),
+			onAddLink: P.handleAddLink,
+			onAddLocalLink: P.handleAddLocalLink,
+			onInsertSemanticTag: P.insertSemanticTagAtSelection,
+			getCurrentSelectionText: P.getCurrentSelectionText,
+			getSelectedLinkState: P.getSelectedLinkState
+		})]
+	});
+}
+//#endregion
+export { Ee as TextEditorLexicalClient };
+
+//# sourceMappingURL=TextEditorLexicalClient-DcixYuo4.js.map