@haklex/rich-compose 0.32.0 → 0.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{compose-CCyeRK8c.js → compose-BC3hv8cT.js} +29 -18
- package/dist/core.mjs +1 -1
- package/dist/index.mjs +8 -7
- package/dist/litexml-html-preview-client.js +3615 -3756
- package/package.json +34 -34
|
@@ -112,11 +112,15 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
|
|
|
112
112
|
})]
|
|
113
113
|
}, key);
|
|
114
114
|
}
|
|
115
|
-
case "list":
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
115
|
+
case "list": {
|
|
116
|
+
const Tag = node.listType === "number" ? "ol" : "ul";
|
|
117
|
+
const cls = node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl");
|
|
118
|
+
return /* @__PURE__ */ jsx(Tag, {
|
|
119
|
+
className: cls,
|
|
120
|
+
start: node.start !== 1 ? node.start : void 0,
|
|
121
|
+
children
|
|
122
|
+
}, key);
|
|
123
|
+
}
|
|
120
124
|
case "listitem": {
|
|
121
125
|
const isChecklist = node.checked !== void 0;
|
|
122
126
|
const hasNestedList = node.children?.some((c) => c.type === "list");
|
|
@@ -154,11 +158,15 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
|
|
|
154
158
|
})
|
|
155
159
|
}, key);
|
|
156
160
|
case "tablerow": return /* @__PURE__ */ jsx("tr", { children }, key);
|
|
157
|
-
case "tablecell":
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
161
|
+
case "tablecell": {
|
|
162
|
+
const CellTag = node.headerState ? "th" : "td";
|
|
163
|
+
const cls = node.headerState ? tableHead : tableCell;
|
|
164
|
+
return /* @__PURE__ */ jsx(CellTag, {
|
|
165
|
+
className: cls,
|
|
166
|
+
colSpan: node.colSpan > 1 ? node.colSpan : void 0,
|
|
167
|
+
children
|
|
168
|
+
}, key);
|
|
169
|
+
}
|
|
162
170
|
case "details": {
|
|
163
171
|
const summary = node.summary || "";
|
|
164
172
|
return /* @__PURE__ */ jsxs("details", {
|
|
@@ -363,7 +371,8 @@ function renderEditorToReact(value, nodes, builtinNodeOverrides) {
|
|
|
363
371
|
editorState.read(() => {
|
|
364
372
|
const root = $getRoot();
|
|
365
373
|
const headingSlugs = /* @__PURE__ */ new Map();
|
|
366
|
-
|
|
374
|
+
const children = root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides));
|
|
375
|
+
content = /* @__PURE__ */ jsx(Fragment$1, { children });
|
|
367
376
|
});
|
|
368
377
|
const renderNestedContent = (state) => {
|
|
369
378
|
const nestedEditor = createHeadlessEditor({
|
|
@@ -386,7 +395,8 @@ function renderEditorToReact(value, nodes, builtinNodeOverrides) {
|
|
|
386
395
|
nestedState.read(() => {
|
|
387
396
|
const root = $getRoot();
|
|
388
397
|
const headingSlugs = /* @__PURE__ */ new Map();
|
|
389
|
-
|
|
398
|
+
const ch = root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides));
|
|
399
|
+
nested = /* @__PURE__ */ jsx(Fragment$1, { children: ch });
|
|
390
400
|
});
|
|
391
401
|
return nested;
|
|
392
402
|
};
|
|
@@ -570,13 +580,14 @@ function composeRenderer(opts) {
|
|
|
570
580
|
const builtinNodeOverrides = opts.builtinNodeOverrides;
|
|
571
581
|
function ComposedRenderer(props) {
|
|
572
582
|
const { theme, variant } = props;
|
|
583
|
+
const renderNested = useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(ComposedRenderer, {
|
|
584
|
+
nested: true,
|
|
585
|
+
theme,
|
|
586
|
+
value,
|
|
587
|
+
variant: overrideVariant ?? variant
|
|
588
|
+
}), [theme, variant]);
|
|
573
589
|
return /* @__PURE__ */ jsx(NestedContentRendererProvider, {
|
|
574
|
-
value:
|
|
575
|
-
nested: true,
|
|
576
|
-
theme,
|
|
577
|
-
value,
|
|
578
|
-
variant: overrideVariant ?? variant
|
|
579
|
-
}), [theme, variant]),
|
|
590
|
+
value: renderNested,
|
|
580
591
|
children: /* @__PURE__ */ jsx(ComposedProviders, { children: /* @__PURE__ */ jsx(RichRenderer, {
|
|
581
592
|
as: props.as,
|
|
582
593
|
builtinNodeOverrides,
|
package/dist/core.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-
|
|
1
|
+
import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-BC3hv8cT.js";
|
|
2
2
|
export { RichRenderer, composeRenderer, dedupNodes, mergeModules, wrapLazy };
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-
|
|
1
|
+
import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-BC3hv8cT.js";
|
|
2
2
|
import { t as defineConfigurableModule } from "./configurable-module-Bur4JaI3.js";
|
|
3
3
|
import { Fragment, memo, useCallback, useMemo } from "react";
|
|
4
4
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -60,13 +60,14 @@ function composeEditor(opts) {
|
|
|
60
60
|
function ComposedEditor(props) {
|
|
61
61
|
const { extraNodes: userExtraNodes, actions, children, theme, variant, ...rest } = props;
|
|
62
62
|
const mergedExtraNodes = useMemo(() => userExtraNodes ? dedupNodes([...allNodes, ...userExtraNodes]) : allNodes, [userExtraNodes]);
|
|
63
|
+
const renderNested = useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(NestedRenderer, {
|
|
64
|
+
nested: true,
|
|
65
|
+
theme,
|
|
66
|
+
value,
|
|
67
|
+
variant: overrideVariant ?? variant
|
|
68
|
+
}), [theme, variant]);
|
|
63
69
|
return /* @__PURE__ */ jsx(NestedContentRendererProvider, {
|
|
64
|
-
value:
|
|
65
|
-
nested: true,
|
|
66
|
-
theme,
|
|
67
|
-
value,
|
|
68
|
-
variant: overrideVariant ?? variant
|
|
69
|
-
}), [theme, variant]),
|
|
70
|
+
value: renderNested,
|
|
70
71
|
children: /* @__PURE__ */ jsx(NestedEditorPluginsProvider, {
|
|
71
72
|
plugins: nestedEditorPlugins,
|
|
72
73
|
children: /* @__PURE__ */ jsx(ComposedProviders, { children: /* @__PURE__ */ jsx(ComposedEditorProviders, { children: /* @__PURE__ */ jsxs(RichEditor, {
|