@haklex/rich-compose 0.31.1 → 0.33.0

package/dist/{compose-CCyeRK8c.js → compose-BC3hv8cT.js}

@@ -112,11 +112,15 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
 				})]
 			}, key);
 		}
-		case "list": return /* @__PURE__ */ jsx(node.listType === "number" ? "ol" : "ul", {
-			className: node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl"),
-			start: node.start !== 1 ? node.start : void 0,
-			children
-		}, key);
+		case "list": {
+			const Tag = node.listType === "number" ? "ol" : "ul";
+			const cls = node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl");
+			return /* @__PURE__ */ jsx(Tag, {
+				className: cls,
+				start: node.start !== 1 ? node.start : void 0,
+				children
+			}, key);
+		}
 		case "listitem": {
 			const isChecklist = node.checked !== void 0;
 			const hasNestedList = node.children?.some((c) => c.type === "list");
@@ -154,11 +158,15 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
 			})
 		}, key);
 		case "tablerow": return /* @__PURE__ */ jsx("tr", { children }, key);
-		case "tablecell": return /* @__PURE__ */ jsx(node.headerState ? "th" : "td", {
-			className: node.headerState ? tableHead : tableCell,
-			colSpan: node.colSpan > 1 ? node.colSpan : void 0,
-			children
-		}, key);
+		case "tablecell": {
+			const CellTag = node.headerState ? "th" : "td";
+			const cls = node.headerState ? tableHead : tableCell;
+			return /* @__PURE__ */ jsx(CellTag, {
+				className: cls,
+				colSpan: node.colSpan > 1 ? node.colSpan : void 0,
+				children
+			}, key);
+		}
 		case "details": {
 			const summary = node.summary || "";
 			return /* @__PURE__ */ jsxs("details", {
@@ -363,7 +371,8 @@ function renderEditorToReact(value, nodes, builtinNodeOverrides) {
 	editorState.read(() => {
 		const root = $getRoot();
 		const headingSlugs = /* @__PURE__ */ new Map();
-		content = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+		const children = root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides));
+		content = /* @__PURE__ */ jsx(Fragment$1, { children });
 	});
 	const renderNestedContent = (state) => {
 		const nestedEditor = createHeadlessEditor({
@@ -386,7 +395,8 @@ function renderEditorToReact(value, nodes, builtinNodeOverrides) {
 		nestedState.read(() => {
 			const root = $getRoot();
 			const headingSlugs = /* @__PURE__ */ new Map();
-			nested = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+			const ch = root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides));
+			nested = /* @__PURE__ */ jsx(Fragment$1, { children: ch });
 		});
 		return nested;
 	};
@@ -570,13 +580,14 @@ function composeRenderer(opts) {
 	const builtinNodeOverrides = opts.builtinNodeOverrides;
 	function ComposedRenderer(props) {
 		const { theme, variant } = props;
+		const renderNested = useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(ComposedRenderer, {
+			nested: true,
+			theme,
+			value,
+			variant: overrideVariant ?? variant
+		}), [theme, variant]);
 		return /* @__PURE__ */ jsx(NestedContentRendererProvider, {
-			value: useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(ComposedRenderer, {
-				nested: true,
-				theme,
-				value,
-				variant: overrideVariant ?? variant
-			}), [theme, variant]),
+			value: renderNested,
 			children: /* @__PURE__ */ jsx(ComposedProviders, { children: /* @__PURE__ */ jsx(RichRenderer, {
 				as: props.as,
 				builtinNodeOverrides,

package/dist/core.mjs

@@ -1,2 +1,2 @@
-import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-CCyeRK8c.js";
+import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-BC3hv8cT.js";
 export { RichRenderer, composeRenderer, dedupNodes, mergeModules, wrapLazy };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-CCyeRK8c.js";
+import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-BC3hv8cT.js";
 import { t as defineConfigurableModule } from "./configurable-module-Bur4JaI3.js";
 import { Fragment, memo, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -60,13 +60,14 @@ function composeEditor(opts) {
 	function ComposedEditor(props) {
 		const { extraNodes: userExtraNodes, actions, children, theme, variant, ...rest } = props;
 		const mergedExtraNodes = useMemo(() => userExtraNodes ? dedupNodes([...allNodes, ...userExtraNodes]) : allNodes, [userExtraNodes]);
+		const renderNested = useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(NestedRenderer, {
+			nested: true,
+			theme,
+			value,
+			variant: overrideVariant ?? variant
+		}), [theme, variant]);
 		return /* @__PURE__ */ jsx(NestedContentRendererProvider, {
-			value: useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(NestedRenderer, {
-				nested: true,
-				theme,
-				value,
-				variant: overrideVariant ?? variant
-			}), [theme, variant]),
+			value: renderNested,
 			children: /* @__PURE__ */ jsx(NestedEditorPluginsProvider, {
 				plugins: nestedEditorPlugins,
 				children: /* @__PURE__ */ jsx(ComposedProviders, { children: /* @__PURE__ */ jsx(ComposedEditorProviders, { children: /* @__PURE__ */ jsxs(RichEditor, {

package/dist/litexml-html-preview-client.css

@@ -5971,21 +5971,27 @@ figure.rich-image[data-layout="float-right"] {
   --_1pymbyu0: 255, 0, 0;
 }
 ._1pymbyu6 {
-  --_1pymbyu0: 163, 163, 163;
+  --_1pymbyu0: 250, 36, 60;
 }
 ._1pymbyu7 {
-  --_1pymbyu0: 0, 161, 214;
+  --_1pymbyu0: 29, 185, 84;
 }
 ._1pymbyu8 {
-  --_1pymbyu0: 110, 84, 148;
+  --_1pymbyu0: 163, 163, 163;
 }
 ._1pymbyu9 {
-  --_1pymbyu0: 110, 84, 148;
+  --_1pymbyu0: 0, 161, 214;
 }
 ._1pymbyua {
-  --_1pymbyu0: 139, 92, 246;
+  --_1pymbyu0: 110, 84, 148;
 }
 ._1pymbyub {
+  --_1pymbyu0: 110, 84, 148;
+}
+._1pymbyuc {
+  --_1pymbyu0: 139, 92, 246;
+}
+._1pymbyud {
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -5998,20 +6004,20 @@ figure.rich-image[data-layout="float-right"] {
   padding-right: 14px;
   font-family: var(--rc-font-family-sans);
 }
-._1pymbyuc {
+._1pymbyue {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   flex-shrink: 0;
   background-color: rgb(var(--_1pymbyu0));
 }
-._1pymbyud {
+._1pymbyuf {
   width: 1px;
   height: 20px;
   background-color: var(--rc-border);
   flex-shrink: 0;
 }
-._1pymbyue {
+._1pymbyug {
   flex: 1;
   min-width: 0;
   height: 100%;
@@ -6023,7 +6029,7 @@ figure.rich-image[data-layout="float-right"] {
   padding: 0 14px;
   outline: none;
 }
-._1pymbyue::placeholder {
+._1pymbyug::placeholder {
   color: color-mix(in srgb, var(--rc-text-secondary) 60%, transparent);
 }._1kngc4r1 {
   margin: 8px 0;
@@ -6158,21 +6164,27 @@ figure.rich-image[data-layout="float-right"] {
   --_1kngc4r0: 255, 0, 0;
 }
 ._1kngc4rh {
-  --_1kngc4r0: 163, 163, 163;
+  --_1kngc4r0: 250, 36, 60;
 }
 ._1kngc4ri {
-  --_1kngc4r0: 0, 161, 214;
+  --_1kngc4r0: 29, 185, 84;
 }
 ._1kngc4rj {
-  --_1kngc4r0: 110, 84, 148;
+  --_1kngc4r0: 163, 163, 163;
 }
 ._1kngc4rk {
-  --_1kngc4r0: 110, 84, 148;
+  --_1kngc4r0: 0, 161, 214;
 }
 ._1kngc4rl {
-  --_1kngc4r0: 139, 92, 246;
+  --_1kngc4r0: 110, 84, 148;
 }
 ._1kngc4rm {
+  --_1kngc4r0: 110, 84, 148;
+}
+._1kngc4rn {
+  --_1kngc4r0: 139, 92, 246;
+}
+._1kngc4ro {
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -6184,14 +6196,14 @@ figure.rich-image[data-layout="float-right"] {
   user-select: none;
   padding-right: 14px;
 }
-._1kngc4rn {
+._1kngc4rp {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   flex-shrink: 0;
   background-color: rgb(var(--_1kngc4r0));
 }
-._1kngc4ro {
+._1kngc4rq {
   flex: 1;
   min-width: 0;
   font-size: var(--rc-font-size-md);
@@ -6202,17 +6214,17 @@ figure.rich-image[data-layout="float-right"] {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._1kngc4ro:hover {
+._1kngc4rq:hover {
   color: var(--rc-text);
   text-decoration: underline;
 }
-._1kngc4rp {
+._1kngc4rr {
   display: flex;
   justify-content: center;
   margin: 8px 0;
   width: 100%;
 }
-._1kngc4rq {
+._1kngc4rs {
   display: flex;
   align-items: center;
   justify-content: center;