@clevertask/scribe 0.1.11 → 0.1.12

package/dist/components/Scribe/index.js

@@ -1,143 +1,144 @@
 import { n as e, t } from "../../BarMenu-5M9g9Y1j.js";
 import { i as n, t as r } from "../../dist-Dw4STOPE.js";
-import i from "../Menu/LinkBubbleMenu.js";
-import a from "../Menu/TableBubbleMenu.js";
-import { t as o } from "../../html-to-markdown-B6Uhn7ok.js";
-import { t as s } from "../../extension-Dy6hHSvD.js";
-import { SuggestionItemType as c } from "./extension/slashCommand/items.js";
+import i from "../Menu/CalloutBubbleMenu.js";
+import a from "../Menu/LinkBubbleMenu.js";
+import o from "../Menu/TableBubbleMenu.js";
+import { t as s } from "../../html-to-markdown-C920nQtn.js";
+import { t as c } from "../../extension-_8uh0Ik9.js";
+import { SuggestionItemType as l } from "./extension/slashCommand/items.js";
 import "./extension/tableOfContents.js";
 import "../../utils/index.js";
-import { ListOptionBar as l } from "../Menu/Mobile/ListOptionBar.js";
-import { forwardRef as u, useCallback as d, useEffect as f, useImperativeHandle as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ListOptionBar as u } from "../Menu/Mobile/ListOptionBar.js";
+import { forwardRef as d, useCallback as f, useEffect as p, useImperativeHandle as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import '../../assets/index.css';//#region lib/components/Scribe/index.tsx
-var v = "Rich text editor", y = [
+var y = "Rich text editor", b = [
 	"role",
 	"aria-label",
 	"aria-multiline",
 	"aria-readonly"
-], b = (t, n, r) => {
+], x = (t, n, r) => {
 	let i = t.role ?? "textbox";
 	return {
 		...t,
 		role: i,
 		class: e("scribe", t.class),
-		"aria-label": n ?? t["aria-label"] ?? v,
+		"aria-label": n ?? t["aria-label"] ?? y,
 		...i === "textbox" ? {
 			"aria-multiline": "true",
 			"aria-readonly": String(!r)
 		} : {}
 	};
-}, x = (e) => {
-	let t = m([]), n = m(e);
-	return f(() => {
+}, S = (e) => {
+	let t = h([]), n = h(e);
+	return p(() => {
 		n.current = e;
 	}, [e]), {
-		handleTableOfContentsChange: d((e, r) => {
+		handleTableOfContentsChange: f((e, r) => {
 			t.current = e, n.current?.(e, r);
 		}, []),
 		tableOfContentsItemsRef: t
 	};
-}, S = u((n, s) => {
-	let { ariaLabel: c, autoFocus: u = !1, content: h, editable: v = !0, editor: x, editorProps: S, externalEditor: C, initialContentWasApplied: w, onContentChange: T, showBarMenu: E = !0, editorContentStyle: D, editorContentClassName: O, mainContainerStyle: k, mainContainerClassName: A, onKeyDown: j, mobile: M, tableOfContentsItemsRef: N } = n, P = m({
-		ariaLabel: c,
-		editable: v
-	}), F = m(null);
-	P.current = {
-		ariaLabel: c,
-		editable: v
+}, C = d((n, c) => {
+	let { ariaLabel: l, autoFocus: d = !1, content: g, editable: y = !0, editor: S, editorProps: C, externalEditor: w, initialContentWasApplied: T, onContentChange: E, showBarMenu: D = !0, editorContentStyle: O, editorContentClassName: k, mainContainerStyle: A, mainContainerClassName: j, onKeyDown: M, mobile: N, tableOfContentsItemsRef: P } = n, F = h({
+		ariaLabel: l,
+		editable: y
+	}), I = h(null);
+	F.current = {
+		ariaLabel: l,
+		editable: y
 	};
-	let I = m(w && h !== void 0), L = d(({ editor: e, transaction: t }) => {
+	let L = h(T && g !== void 0), R = f(({ editor: e, transaction: t }) => {
 		if (t.getMeta("scribeTableOfContents")) return;
-		let n = e.getHTML(), r = e.getJSON(), i = !v;
-		T && T({
+		let n = e.getHTML(), r = e.getJSON(), i = !y;
+		E && E({
 			jsonContent: e.isEmpty ? "" : r,
 			htmlContent: e.isEmpty ? "" : n,
-			markdownContent: e.isEmpty ? "" : o(n),
+			markdownContent: e.isEmpty ? "" : s(n),
 			source: i ? "programmatic" : "user"
 		});
-	}, [v, T]), R = d(() => {
-		x.commands.setContent("");
-	}, [x]), z = d((e) => x.isEmpty ? "" : {
-		html: () => x.getHTML(),
-		json: () => x.getJSON(),
-		markdown: () => o(x.getHTML())
-	}[e]?.(), [x]), B = d((e) => {
-		x.commands.setContent(e);
-	}, [x]), V = d((e) => {
-		let t = typeof e == "string" ? e : e.id, n = N.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
-		if (!n || x.isDestroyed) return;
-		let r = x.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
-		if (x.isEditable) {
-			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, x.state.doc.content.size));
-			x.commands.focus(e, { scrollIntoView: !1 });
+	}, [y, E]), z = f(() => {
+		S.commands.setContent("");
+	}, [S]), B = f((e) => S.isEmpty ? "" : {
+		html: () => S.getHTML(),
+		json: () => S.getJSON(),
+		markdown: () => s(S.getHTML())
+	}[e]?.(), [S]), V = f((e) => {
+		S.commands.setContent(e);
+	}, [S]), H = f((e) => {
+		let t = typeof e == "string" ? e : e.id, n = P.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
+		if (!n || S.isDestroyed) return;
+		let r = S.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
+		if (S.isEditable) {
+			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, S.state.doc.content.size));
+			S.commands.focus(e, { scrollIntoView: !1 });
 		}
 		i.scrollIntoView({
 			behavior: "smooth",
 			block: "start"
 		});
-	}, [x, N]);
-	return p(s, () => ({
-		resetContent: R,
-		setContent: B,
-		getContent: z,
-		scrollToTableOfContentsItem: V,
-		editor: x
+	}, [S, P]);
+	return m(c, () => ({
+		resetContent: z,
+		setContent: V,
+		getContent: B,
+		scrollToTableOfContentsItem: H,
+		editor: S
 	}), [
-		x,
+		S,
+		B,
 		z,
-		R,
-		V,
-		B
-	]), f(() => {
-		if (h !== void 0) {
-			if (I.current) {
-				I.current = !1;
+		H,
+		V
+	]), p(() => {
+		if (g !== void 0) {
+			if (L.current) {
+				L.current = !1;
 				return;
 			}
-			x.commands.setContent(h, { emitUpdate: !1 });
+			S.commands.setContent(g, { emitUpdate: !1 });
 		}
-	}, [h, x]), f(() => {
-		if (!C) {
-			F.current = null;
+	}, [g, S]), p(() => {
+		if (!w) {
+			I.current = null;
 			return;
 		}
-		let e = x.view.dom, t = Object.fromEntries(y.map((t) => [t, e.getAttribute(t)])), n = x.options.editable, r = x.options.editorProps ?? {}, i = r.attributes, a = /* @__PURE__ */ new Set(), o = (e, t) => {
+		let e = S.view.dom, t = Object.fromEntries(b.map((t) => [t, e.getAttribute(t)])), n = S.options.editable, r = S.options.editorProps ?? {}, i = r.attributes, a = /* @__PURE__ */ new Set(), o = (e, t) => {
 			let n = typeof i == "function" ? i.call(t, e) : i;
 			return Object.keys(n ?? {}).forEach((e) => a.add(e)), n ?? {};
 		}, s = (e, n) => {
 			let r = o(e, n), i = {};
-			return y.forEach((e) => {
+			return b.forEach((e) => {
 				let n = t[e];
 				!a.has(e) && n !== null && (i[e] = n);
 			}), {
 				...i,
 				...r
 			};
-		}, c = s(x.state, r);
-		F.current = {
-			editor: x,
+		}, c = s(S.state, r);
+		I.current = {
+			editor: S,
 			attributes: c
 		};
 		let l = function(e) {
 			let t = s(e, this);
-			F.current?.editor === x && (F.current.attributes = t);
-			let n = P.current;
-			return b(t, n.ariaLabel, n.editable);
+			I.current?.editor === S && (I.current.attributes = t);
+			let n = F.current;
+			return x(t, n.ariaLabel, n.editable);
 		};
-		return x.setOptions({ editorProps: {
+		return S.setOptions({ editorProps: {
 			...r,
 			attributes: l
 		} }), () => {
-			if (!x.isDestroyed) {
-				let s = x.options.editorProps ?? {}, c = s.attributes === l;
+			if (!S.isDestroyed) {
+				let s = S.options.editorProps ?? {}, c = s.attributes === l;
 				if (c) {
 					let e = { ...s };
-					i === void 0 ? delete e.attributes : e.attributes = i, x.setOptions({ editorProps: e });
+					i === void 0 ? delete e.attributes : e.attributes = i, S.setOptions({ editorProps: e });
 				}
-				x.setEditable(!!n, !1);
-				let u = c ? o(x.state, r) : null;
-				u && y.forEach((n) => {
+				S.setEditable(!!n, !1);
+				let u = c ? o(S.state, r) : null;
+				u && b.forEach((n) => {
 					let r = n in u ? u[n] : a.has(n) ? null : t[n];
 					if (r == null) {
 						e.removeAttribute(n);
@@ -146,12 +147,12 @@ var v = "Rich text editor", y = [
 					e.setAttribute(n, r);
 				});
 			}
-			F.current?.editor === x && (F.current = null);
+			I.current?.editor === S && (I.current = null);
 		};
-	}, [x, C]), f(() => {
-		x.setEditable(!!v);
-		let e = x.view.dom, t = b((C ? F.current?.attributes : typeof S?.editorProps?.attributes == "function" ? S.editorProps.attributes.call(S.editorProps, x.state) : S?.editorProps?.attributes) ?? {}, c, v);
-		y.forEach((n) => {
+	}, [S, w]), p(() => {
+		S.setEditable(!!y);
+		let e = S.view.dom, t = x((w ? I.current?.attributes : typeof C?.editorProps?.attributes == "function" ? C.editorProps.attributes.call(C.editorProps, S.state) : C?.editorProps?.attributes) ?? {}, l, y);
+		b.forEach((n) => {
 			let r = t[n];
 			if (r === void 0) {
 				e.removeAttribute(n);
@@ -160,46 +161,47 @@ var v = "Rich text editor", y = [
 			e.setAttribute(n, r);
 		});
 	}, [
-		c,
-		v,
-		x,
+		l,
+		y,
 		S,
-		C
-	]), f(() => (x.off("update"), x.on("update", L), () => {
-		x.off("update", L);
-	}), [x, L]), f(() => {
-		u && x.commands.focus("end");
-	}, [u, x]), /* @__PURE__ */ _("div", {
-		className: e("scribe-wrapper", "scribe-root", A),
+		C,
+		w
+	]), p(() => (S.off("update"), S.on("update", R), () => {
+		S.off("update", R);
+	}), [S, R]), p(() => {
+		d && S.commands.focus("end");
+	}, [d, S]), /* @__PURE__ */ v("div", {
+		className: e("scribe-wrapper", "scribe-root", j),
 		"data-scribe-root": !0,
-		style: k,
-		children: [/* @__PURE__ */ _("div", {
-			className: e("scribe-frame", v && "scribe-frame--editable"),
+		style: A,
+		children: [/* @__PURE__ */ v("div", {
+			className: e("scribe-frame", y && "scribe-frame--editable"),
 			children: [
-				x && E ? /* @__PURE__ */ g(t, { editor: x }) : null,
-				/* @__PURE__ */ _("div", {
-					className: e("scribe-content", v && "scribe-content--editable", O),
-					style: D,
+				S && D ? /* @__PURE__ */ _(t, { editor: S }) : null,
+				/* @__PURE__ */ v("div", {
+					className: e("scribe-content", y && "scribe-content--editable", k),
+					style: O,
 					children: [
-						/* @__PURE__ */ g(r, {
-							editor: x,
-							onKeyDown: j
+						/* @__PURE__ */ _(r, {
+							editor: S,
+							onKeyDown: M
 						}),
-						v ? /* @__PURE__ */ g(i, { editor: x }) : null,
-						v && x.schema.nodes.table ? /* @__PURE__ */ g(a, { editor: x }) : null
+						y ? /* @__PURE__ */ _(a, { editor: S }) : null,
+						y && S.schema.nodes.callout ? /* @__PURE__ */ _(i, { editor: S }) : null,
+						y && S.schema.nodes.table ? /* @__PURE__ */ _(o, { editor: S }) : null
 					]
 				}),
-				M ? /* @__PURE__ */ g(l, { editor: x }) : null
+				N ? /* @__PURE__ */ _(u, { editor: S }) : null
 			]
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "scribe-popup-root",
 			"data-scribe-popup-root": !0
 		})]
 	});
 });
-S.displayName = "ScribeEditor";
-var C = u((e, t) => {
-	let { ariaLabel: r, content: i, editable: a = !0, editorProps: o, extensions: c, onTableOfContentsChange: l } = e, { handleTableOfContentsChange: u, tableOfContentsItemsRef: d } = x(l), f = o?.editorProps?.attributes, p = m({
+C.displayName = "ScribeEditor";
+var w = d((e, t) => {
+	let { ariaLabel: r, content: i, editable: a = !0, editorProps: o, extensions: s, onTableOfContentsChange: l } = e, { handleTableOfContentsChange: u, tableOfContentsItemsRef: d } = S(l), f = o?.editorProps?.attributes, p = h({
 		ariaLabel: r,
 		editable: a
 	});
@@ -207,24 +209,24 @@ var C = u((e, t) => {
 		ariaLabel: r,
 		editable: a
 	};
-	let _ = typeof f == "function" ? function(e) {
+	let m = typeof f == "function" ? function(e) {
 		let t = p.current;
-		return b(f.call(this, e), t.ariaLabel, t.editable);
-	} : b(f ?? {}, r, a), [v] = h(() => ({
+		return x(f.call(this, e), t.ariaLabel, t.editable);
+	} : x(f ?? {}, r, a), [v] = g(() => ({
 		...o,
 		content: i ?? o?.content,
 		editable: a,
-		extensions: [...s({
+		extensions: [...c({
 			...e,
 			onTableOfContentsChange: u
-		}), ...c ?? []],
+		}), ...s ?? []],
 		editorProps: {
 			...o?.editorProps,
-			attributes: _
+			attributes: m
 		},
 		shouldRerenderOnTransaction: o?.shouldRerenderOnTransaction ?? !1
 	})), y = n(v);
-	return y ? /* @__PURE__ */ g(S, {
+	return y ? /* @__PURE__ */ _(C, {
 		...e,
 		ref: t,
 		editor: y,
@@ -232,10 +234,10 @@ var C = u((e, t) => {
 		tableOfContentsItemsRef: d
 	}) : null;
 });
-C.displayName = "OwnedScribe";
-var w = u((e, t) => {
-	let { externalEditor: n, onTableOfContentsChange: r } = e, { tableOfContentsItemsRef: i } = x(r);
-	return n ? /* @__PURE__ */ g(S, {
+w.displayName = "OwnedScribe";
+var T = d((e, t) => {
+	let { externalEditor: n, onTableOfContentsChange: r } = e, { tableOfContentsItemsRef: i } = S(r);
+	return n ? /* @__PURE__ */ _(C, {
 		...e,
 		ref: t,
 		editor: n,
@@ -243,14 +245,14 @@ var w = u((e, t) => {
 		tableOfContentsItemsRef: i
 	}) : null;
 });
-w.displayName = "ExternalScribe";
-var T = u((e, t) => e.externalEditor ? /* @__PURE__ */ g(w, {
+T.displayName = "ExternalScribe";
+var E = d((e, t) => e.externalEditor ? /* @__PURE__ */ _(T, {
 	...e,
 	ref: t
-}) : /* @__PURE__ */ g(C, {
+}) : /* @__PURE__ */ _(w, {
 	...e,
 	ref: t
 }));
-T.displayName = "Scribe";
+E.displayName = "Scribe";
 //#endregion
-export { T as Scribe, c as SuggestionItemType };
+export { E as Scribe, l as SuggestionItemType };