camox 0.41.1 → 0.42.0

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

@@ -27,9 +27,9 @@ import { $createTextNode, $getSelection, $isRangeSelection, $setSelection, COMMA
 //#region src/core/components/lexical/SidebarLexicalEditor.tsx
 function EnterAsLineBreakHandler() {
 	const $ = c(4);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -53,9 +53,9 @@ function EnterAsLineBreakHandler() {
 }
 function ExternalStateSync(t0) {
 	const $ = c(6);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const { value, isSyncingRef } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -91,9 +91,9 @@ function ExternalStateSync(t0) {
 }
 function SidebarFloatingTextToolbar() {
 	const $ = c(72);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 72; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const [editor] = useLexicalComposerContext();
 	const [open, setOpen] = React.useState(false);
@@ -518,9 +518,9 @@ function _temp(event_0) {
 }
 function PasteUrlAsLinkHandler() {
 	const $ = c(4);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -571,43 +571,46 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 		timerRef.current = window.setTimeout(flushChange, 300);
 	}, [flushChange]);
 	React.useEffect(() => flushChange, [flushChange]);
-	return /* @__PURE__ */ jsxs(LexicalComposer, {
-		initialConfig: config,
-		children: [
-			/* @__PURE__ */ jsx(RichTextPlugin, {
-				contentEditable: /* @__PURE__ */ jsx(ContentEditable, {
-					id,
-					className: cn(INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, "flex min-h-[80px] w-full px-3 py-2"),
-					onFocus,
-					onBlur: () => {
-						flushChange();
-						onBlur?.();
-					}
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full min-w-0",
+		children: /* @__PURE__ */ jsxs(LexicalComposer, {
+			initialConfig: config,
+			children: [
+				/* @__PURE__ */ jsx(RichTextPlugin, {
+					contentEditable: /* @__PURE__ */ jsx(ContentEditable, {
+						id,
+						className: cn(INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, "flex min-h-[80px] w-full px-3 py-2"),
+						onFocus,
+						onBlur: () => {
+							flushChange();
+							onBlur?.();
+						}
+					}),
+					ErrorBoundary: LexicalErrorBoundary
+				}),
+				/* @__PURE__ */ jsx(OnChangePlugin, {
+					onChange: handleChange,
+					ignoreSelectionChange: true
 				}),
-				ErrorBoundary: LexicalErrorBoundary
-			}),
-			/* @__PURE__ */ jsx(OnChangePlugin, {
-				onChange: handleChange,
-				ignoreSelectionChange: true
-			}),
-			/* @__PURE__ */ jsx(HistoryPlugin, {}),
-			/* @__PURE__ */ jsx(LinkPlugin, {}),
-			/* @__PURE__ */ jsx(ExternalStateSync, {
-				value,
-				isSyncingRef
-			}),
-			/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
-			/* @__PURE__ */ jsx(PasteUrlAsLinkHandler, {}),
-			/* @__PURE__ */ jsx(SidebarFloatingTextToolbar, {}),
-			/* @__PURE__ */ jsx(InlineStylesPlugin, {})
-		]
+				/* @__PURE__ */ jsx(HistoryPlugin, {}),
+				/* @__PURE__ */ jsx(LinkPlugin, {}),
+				/* @__PURE__ */ jsx(ExternalStateSync, {
+					value,
+					isSyncingRef
+				}),
+				/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
+				/* @__PURE__ */ jsx(PasteUrlAsLinkHandler, {}),
+				/* @__PURE__ */ jsx(SidebarFloatingTextToolbar, {}),
+				/* @__PURE__ */ jsx(InlineStylesPlugin, {})
+			]
+		})
 	});
 }
 function LexicalErrorBoundary(t0) {
 	const $ = c(3);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const { children } = t0;
 	let t1;

package/dist/core/createApp.d.ts

@@ -21,9 +21,10 @@ declare function createApp({
       children
     }: {
       children: (props: {
+        "data-camox-comment-block-id"?: number;
         ref: (element: HTMLElement | null) => void;
         style: React.CSSProperties;
-        onClick: (e: React.MouseEvent) => void;
+        onClickCapture: (e: React.MouseEvent) => void;
         onMouseEnter: () => void;
         onMouseLeave: () => void;
       }) => React.ReactNode;
@@ -45,6 +46,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
       }) => React.ReactNode;
@@ -86,6 +88,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
         href: string;
@@ -148,6 +151,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
           }) => React.ReactNode;
@@ -175,6 +179,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
             href: string;
@@ -272,6 +277,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
               }) => React.ReactNode;
@@ -299,6 +305,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
                 href: string;
@@ -422,9 +429,10 @@ declare function createApp({
       children
     }: {
       children: (props: {
+        "data-camox-comment-block-id"?: number;
         ref: (element: HTMLElement | null) => void;
         style: React.CSSProperties;
-        onClick: (e: React.MouseEvent) => void;
+        onClickCapture: (e: React.MouseEvent) => void;
         onMouseEnter: () => void;
         onMouseLeave: () => void;
       }) => React.ReactNode;
@@ -446,6 +454,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
       }) => React.ReactNode;
@@ -487,6 +496,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
         href: string;
@@ -549,6 +559,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
           }) => React.ReactNode;
@@ -576,6 +587,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
             href: string;
@@ -673,6 +685,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
               }) => React.ReactNode;
@@ -700,6 +713,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
                 href: string;
@@ -830,7 +844,7 @@ declare function createApp({
     useData(): unknown;
     _internal: {
       id: string;
-      kind: "curated" | "derived";
+      kind: "derived" | "curated";
       loader: ((context: {
         params: Record<string, string>;
       }) => unknown) | undefined;
@@ -905,7 +919,7 @@ declare function createApp({
     useData(): unknown;
     _internal: {
       id: string;
-      kind: "curated" | "derived";
+      kind: "derived" | "curated";
       loader: ((context: {
         params: Record<string, string>;
       }) => unknown) | undefined;

package/dist/core/createLayout.d.ts

@@ -84,7 +84,7 @@ declare function createLayoutDefinition<const TBefore extends readonly LayoutBlo
   useData(): unknown;
   _internal: {
     id: string;
-    kind: "curated" | "derived";
+    kind: "derived" | "curated";
     loader: ((context: {
       params: Record<string, string>;
     }) => unknown) | undefined;

package/dist/core/editing/createEditableBlock.d.ts

@@ -115,9 +115,10 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
     children
   }: {
     children: (props: {
+      "data-camox-comment-block-id"?: number;
       ref: (element: HTMLElement | null) => void;
       style: React.CSSProperties;
-      onClick: (e: React.MouseEvent) => void;
+      onClickCapture: (e: React.MouseEvent) => void;
       onMouseEnter: () => void;
       onMouseLeave: () => void;
     }) => React.ReactNode;
@@ -171,6 +172,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
       "data-camox-overlay-mode"?: string;
       onMouseEnter?: () => void;
       onMouseLeave?: () => void;
+      onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
     }, data: {
       /** Raw markdown source. Use `props.children` for rendered content. */text: string;
     }) => React.ReactNode;
@@ -260,6 +262,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
       "data-camox-overlay-mode"?: string;
       onMouseEnter?: () => void;
       onMouseLeave?: () => void;
+      onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
     }, data: {
       text: string;
       href: string;
@@ -530,6 +533,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
           "data-camox-overlay-mode"?: string;
           onMouseEnter?: () => void;
           onMouseLeave?: () => void;
+          onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
         }, data: {
           /** Raw markdown source. Use `props.children` for rendered content. */text: string;
         }) => React.ReactNode;
@@ -629,6 +633,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
           "data-camox-overlay-mode"?: string;
           onMouseEnter?: () => void;
           onMouseLeave?: () => void;
+          onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
         }, data: {
           text: string;
           href: string;
@@ -1254,6 +1259,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
               "data-camox-overlay-mode"?: string;
               onMouseEnter?: () => void;
               onMouseLeave?: () => void;
+              onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
             }, data: {
               /** Raw markdown source. Use `props.children` for rendered content. */text: string;
             }) => React.ReactNode;
@@ -1281,6 +1287,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
               "data-camox-overlay-mode"?: string;
               onMouseEnter?: () => void;
               onMouseLeave?: () => void;
+              onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
             }, data: {
               text: string;
               href: string;