camox 0.44.0 → 0.45.0

package/dist/core/components/lexical/SummaryToggleGuard.js

@@ -0,0 +1,42 @@
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+
+//#region src/core/components/lexical/SummaryToggleGuard.tsx
+/**
+* Keeps typing in a field placed inside a `<summary>` (an accordion question) from toggling its
+* `<details>`. Chromium activates the summary with a synthetic click after a space keyup even
+* when the key went to an editable descendant, and stopping the key events doesn't prevent it,
+* so the click is canceled instead. A keyboard click has `detail` 0; pointer clicks still toggle.
+*/
+function SummaryToggleGuard() {
+	const $ = c(3);
+	const [editor] = useLexicalComposerContext();
+	let t0;
+	let t1;
+	if ($[0] !== editor) {
+		t0 = () => editor.registerRootListener(_temp);
+		t1 = [editor];
+		$[0] = editor;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	React.useEffect(t0, t1);
+	return null;
+}
+function _temp(root) {
+	const summary = root?.closest("summary");
+	if (!root || !summary) return;
+	const handleClick = (event) => {
+		if (event.target !== summary || event.detail !== 0) return;
+		if (root.contains(root.ownerDocument.activeElement)) event.preventDefault();
+	};
+	summary.addEventListener("click", handleClick);
+	return () => summary.removeEventListener("click", handleClick);
+}
+
+//#endregion
+export { SummaryToggleGuard };

package/dist/core/components/lexical/TextLinkPopover.js

@@ -1,39 +1,35 @@
 import { getPageIdFromTextLinkTarget, isValidTextLinkTarget } from "../../lib/textLinks.js";
 import { destinationTextLink } from "../../pageDestinations.js";
-import { usePageDestinations } from "../../../hooks/use-page-destinations.js";
+import { useLinkDestinations } from "../../../hooks/use-page-destinations.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
+import { Input } from "@camox/ui/input";
+import { Label } from "@camox/ui/label";
 import { Link2 } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
-import { Label } from "@camox/ui/label";
-import { Input } from "@camox/ui/input";
 import { Tabs, TabsList, TabsTrigger } from "@camox/ui/tabs";
 
 //#region src/core/components/lexical/TextLinkPopover.tsx
 function TextLinkPopover(t0) {
-	const $ = c(64);
-	if ($[0] !== "88824dfd1c731cbf3353050e8cf8a5de209861b0dd4f32c3d21d9b49cba42e9b") {
-		for (let $i = 0; $i < 64; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "88824dfd1c731cbf3353050e8cf8a5de209861b0dd4f32c3d21d9b49cba42e9b";
-	}
+	const $ = c(59);
 	const { open, onOpenChange, trigger, text, target, onSave, onUnlink } = t0;
 	const [textValue, setTextValue] = React.useState(text);
 	const [mode, setMode] = React.useState("page");
 	const [pageValue, setPageValue] = React.useState("");
 	const [urlValue, setUrlValue] = React.useState("");
-	const pages = usePageDestinations();
+	const pages = useLinkDestinations();
 	let t1;
-	if ($[1] !== pages || $[2] !== target) {
+	if ($[0] !== pages || $[1] !== target) {
 		t1 = target != null && (getPageIdFromTextLinkTarget(target) != null || pages.some((page) => destinationTextLink(page) === target));
-		$[1] = pages;
-		$[2] = target;
-		$[3] = t1;
-	} else t1 = $[3];
+		$[0] = pages;
+		$[1] = target;
+		$[2] = t1;
+	} else t1 = $[2];
 	const isPageTarget = t1;
 	let t2;
-	if ($[4] !== isPageTarget || $[5] !== target || $[6] !== text) {
+	if ($[3] !== isPageTarget || $[4] !== target || $[5] !== text) {
 		t2 = () => {
 			setTextValue(text);
 			if (target && isPageTarget) {
@@ -46,43 +42,36 @@ function TextLinkPopover(t0) {
 			setUrlValue(target ?? "");
 			setPageValue("");
 		};
-		$[4] = isPageTarget;
-		$[5] = target;
-		$[6] = text;
-		$[7] = t2;
-	} else t2 = $[7];
+		$[3] = isPageTarget;
+		$[4] = target;
+		$[5] = text;
+		$[6] = t2;
+	} else t2 = $[6];
 	const prepare = t2;
-	let t3;
-	let t4;
-	if ($[8] !== open || $[9] !== prepare) {
-		t3 = () => {
-			if (!open) return;
-			prepare();
-		};
-		t4 = [open, prepare];
-		$[8] = open;
-		$[9] = prepare;
-		$[10] = t3;
-		$[11] = t4;
-	} else {
-		t3 = $[10];
-		t4 = $[11];
+	const [preparedFor, setPreparedFor] = React.useState(null);
+	if (!open && preparedFor) setPreparedFor(null);
+	if (open && (!preparedFor || preparedFor.target !== target || preparedFor.text !== text || preparedFor.isPageTarget !== isPageTarget)) {
+		setPreparedFor({
+			target,
+			text,
+			isPageTarget
+		});
+		prepare();
 	}
-	React.useEffect(t3, t4);
-	let t5;
-	if ($[12] !== onOpenChange || $[13] !== prepare) {
-		t5 = (nextOpen) => {
+	let t3;
+	if ($[7] !== onOpenChange || $[8] !== prepare) {
+		t3 = (nextOpen) => {
 			onOpenChange(nextOpen);
 			if (nextOpen) prepare();
 		};
-		$[12] = onOpenChange;
-		$[13] = prepare;
-		$[14] = t5;
-	} else t5 = $[14];
-	const handleOpenChange = t5;
-	let t6;
-	if ($[15] !== mode || $[16] !== onSave || $[17] !== pageValue || $[18] !== textValue || $[19] !== urlValue) {
-		t6 = (event) => {
+		$[7] = onOpenChange;
+		$[8] = prepare;
+		$[9] = t3;
+	} else t3 = $[9];
+	const handleOpenChange = t3;
+	let t4;
+	if ($[10] !== mode || $[11] !== onSave || $[12] !== pageValue || $[13] !== textValue || $[14] !== urlValue) {
+		t4 = (event) => {
 			event.preventDefault();
 			const nextText = textValue.trim();
 			if (!nextText) return;
@@ -95,68 +84,68 @@ function TextLinkPopover(t0) {
 			if (!isValidTextLinkTarget(nextTarget)) return;
 			onSave(nextTarget, nextText);
 		};
-		$[15] = mode;
-		$[16] = onSave;
-		$[17] = pageValue;
-		$[18] = textValue;
-		$[19] = urlValue;
-		$[20] = t6;
-	} else t6 = $[20];
-	const handleSubmit = t6;
-	let t7;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(Link2, {});
-		$[21] = t7;
-	} else t7 = $[21];
-	let t8;
-	if ($[22] !== trigger) {
-		t8 = /* @__PURE__ */ jsx(PopoverTrigger, {
+		$[10] = mode;
+		$[11] = onSave;
+		$[12] = pageValue;
+		$[13] = textValue;
+		$[14] = urlValue;
+		$[15] = t4;
+	} else t4 = $[15];
+	const handleSubmit = t4;
+	let t5;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Link2, {});
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== trigger) {
+		t6 = /* @__PURE__ */ jsx(PopoverTrigger, {
 			render: trigger,
-			children: t7
+			children: t5
 		});
-		$[22] = trigger;
-		$[23] = t8;
-	} else t8 = $[23];
-	let t9;
-	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(Label, {
+		$[17] = trigger;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: "text-link-text",
 			children: "Text"
 		});
-		$[24] = t9;
-	} else t9 = $[24];
-	let t10;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = (event_0) => setTextValue(event_0.target.value);
-		$[25] = t10;
-	} else t10 = $[25];
-	let t11;
-	if ($[26] !== textValue) {
-		t11 = /* @__PURE__ */ jsxs("div", {
+		$[19] = t7;
+	} else t7 = $[19];
+	let t8;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = (event_0) => setTextValue(event_0.target.value);
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== textValue) {
+		t9 = /* @__PURE__ */ jsxs("div", {
 			className: "grid gap-1.5",
-			children: [t9, /* @__PURE__ */ jsx(Input, {
+			children: [t7, /* @__PURE__ */ jsx(Input, {
 				id: "text-link-text",
 				value: textValue,
-				onChange: t10,
+				onChange: t8,
 				autoFocus: true
 			})]
 		});
-		$[26] = textValue;
-		$[27] = t11;
-	} else t11 = $[27];
+		$[21] = textValue;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = (nextMode) => setMode(nextMode);
+		$[24] = t11;
+	} else t11 = $[24];
 	let t12;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
-		$[28] = t12;
-	} else t12 = $[28];
-	let t13;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = (nextMode) => setMode(nextMode);
-		$[29] = t13;
-	} else t13 = $[29];
-	let t14;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsxs(TabsList, {
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsxs(TabsList, {
 			className: "w-full",
 			children: [/* @__PURE__ */ jsx(TabsTrigger, {
 				value: "page",
@@ -166,21 +155,21 @@ function TextLinkPopover(t0) {
 				children: "URL"
 			})]
 		});
-		$[30] = t14;
-	} else t14 = $[30];
-	let t15;
-	if ($[31] !== mode) {
-		t15 = /* @__PURE__ */ jsx(Tabs, {
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== mode) {
+		t13 = /* @__PURE__ */ jsx(Tabs, {
 			value: mode,
-			onValueChange: t13,
-			children: t14
+			onValueChange: t11,
+			children: t12
 		});
-		$[31] = mode;
-		$[32] = t15;
-	} else t15 = $[32];
-	let t16;
-	if ($[33] !== mode || $[34] !== pageValue || $[35] !== pages || $[36] !== urlValue) {
-		t16 = mode === "page" ? /* @__PURE__ */ jsxs("select", {
+		$[26] = mode;
+		$[27] = t13;
+	} else t13 = $[27];
+	let t14;
+	if ($[28] !== mode || $[29] !== pageValue || $[30] !== pages || $[31] !== urlValue) {
+		t14 = mode === "page" ? /* @__PURE__ */ jsxs("select", {
 			className: "border-input bg-background text-foreground h-9 rounded-md border px-2 text-sm",
 			value: pageValue,
 			onChange: (event_1) => setPageValue(event_1.target.value),
@@ -195,104 +184,104 @@ function TextLinkPopover(t0) {
 			value: urlValue,
 			onChange: (event_2) => setUrlValue(event_2.target.value)
 		});
-		$[33] = mode;
-		$[34] = pageValue;
-		$[35] = pages;
-		$[36] = urlValue;
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] !== t15 || $[39] !== t16) {
-		t17 = /* @__PURE__ */ jsxs("div", {
+		$[28] = mode;
+		$[29] = pageValue;
+		$[30] = pages;
+		$[31] = urlValue;
+		$[32] = t14;
+	} else t14 = $[32];
+	let t15;
+	if ($[33] !== t13 || $[34] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: "grid gap-1.5",
 			children: [
-				t12,
-				t15,
-				t16
+				t10,
+				t13,
+				t14
 			]
 		});
-		$[38] = t15;
-		$[39] = t16;
-		$[40] = t17;
-	} else t17 = $[40];
-	let t18;
-	if ($[41] !== mode || $[42] !== pageValue || $[43] !== textValue || $[44] !== urlValue) {
-		t18 = !textValue.trim() || (mode === "page" ? !pageValue : !/^https?:\/\//i.test(urlValue.trim()));
-		$[41] = mode;
-		$[42] = pageValue;
-		$[43] = textValue;
-		$[44] = urlValue;
-		$[45] = t18;
-	} else t18 = $[45];
-	let t19;
-	if ($[46] !== t18) {
-		t19 = /* @__PURE__ */ jsx(Button, {
+		$[33] = t13;
+		$[34] = t14;
+		$[35] = t15;
+	} else t15 = $[35];
+	let t16;
+	if ($[36] !== mode || $[37] !== pageValue || $[38] !== textValue || $[39] !== urlValue) {
+		t16 = !textValue.trim() || (mode === "page" ? !pageValue : !/^https?:\/\//i.test(urlValue.trim()));
+		$[36] = mode;
+		$[37] = pageValue;
+		$[38] = textValue;
+		$[39] = urlValue;
+		$[40] = t16;
+	} else t16 = $[40];
+	let t17;
+	if ($[41] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Button, {
 			type: "submit",
 			size: "sm",
-			disabled: t18,
+			disabled: t16,
 			children: "Save"
 		});
-		$[46] = t18;
-		$[47] = t19;
-	} else t19 = $[47];
-	let t20;
-	if ($[48] !== onUnlink || $[49] !== target) {
-		t20 = target && /* @__PURE__ */ jsx(Button, {
+		$[41] = t16;
+		$[42] = t17;
+	} else t17 = $[42];
+	let t18;
+	if ($[43] !== onUnlink || $[44] !== target) {
+		t18 = target && /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
 			onClick: onUnlink,
 			children: "Unlink"
 		});
-		$[48] = onUnlink;
-		$[49] = target;
-		$[50] = t20;
-	} else t20 = $[50];
-	let t21;
-	if ($[51] !== t19 || $[52] !== t20) {
-		t21 = /* @__PURE__ */ jsxs("div", {
+		$[43] = onUnlink;
+		$[44] = target;
+		$[45] = t18;
+	} else t18 = $[45];
+	let t19;
+	if ($[46] !== t17 || $[47] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "grid gap-2",
-			children: [t19, t20]
+			children: [t17, t18]
 		});
-		$[51] = t19;
-		$[52] = t20;
-		$[53] = t21;
-	} else t21 = $[53];
-	let t22;
-	if ($[54] !== handleSubmit || $[55] !== t11 || $[56] !== t17 || $[57] !== t21) {
-		t22 = /* @__PURE__ */ jsx(PopoverContent, {
+		$[46] = t17;
+		$[47] = t18;
+		$[48] = t19;
+	} else t19 = $[48];
+	let t20;
+	if ($[49] !== handleSubmit || $[50] !== t15 || $[51] !== t19 || $[52] !== t9) {
+		t20 = /* @__PURE__ */ jsx(PopoverContent, {
 			align: "center",
 			className: "w-72 p-3",
 			children: /* @__PURE__ */ jsxs("form", {
 				className: "grid gap-3",
 				onSubmit: handleSubmit,
 				children: [
-					t11,
-					t17,
-					t21
+					t9,
+					t15,
+					t19
 				]
 			})
 		});
-		$[54] = handleSubmit;
-		$[55] = t11;
-		$[56] = t17;
-		$[57] = t21;
-		$[58] = t22;
-	} else t22 = $[58];
-	let t23;
-	if ($[59] !== handleOpenChange || $[60] !== open || $[61] !== t22 || $[62] !== t8) {
-		t23 = /* @__PURE__ */ jsxs(Popover, {
+		$[49] = handleSubmit;
+		$[50] = t15;
+		$[51] = t19;
+		$[52] = t9;
+		$[53] = t20;
+	} else t20 = $[53];
+	let t21;
+	if ($[54] !== handleOpenChange || $[55] !== open || $[56] !== t20 || $[57] !== t6) {
+		t21 = /* @__PURE__ */ jsxs(Popover, {
 			open,
 			onOpenChange: handleOpenChange,
-			children: [t8, t22]
+			children: [t6, t20]
 		});
-		$[59] = handleOpenChange;
-		$[60] = open;
-		$[61] = t22;
-		$[62] = t8;
-		$[63] = t23;
-	} else t23 = $[63];
-	return t23;
+		$[54] = handleOpenChange;
+		$[55] = open;
+		$[56] = t20;
+		$[57] = t6;
+		$[58] = t21;
+	} else t21 = $[58];
+	return t21;
 }
 function _temp(page_0) {
 	return /* @__PURE__ */ jsxs("option", {