@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.
@@ -112,11 +112,15 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
112
112
  })]
113
113
  }, key);
114
114
  }
115
- case "list": return /* @__PURE__ */ jsx(node.listType === "number" ? "ol" : "ul", {
116
- className: node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl"),
117
- start: node.start !== 1 ? node.start : void 0,
118
- children
119
- }, key);
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": return /* @__PURE__ */ jsx(node.headerState ? "th" : "td", {
158
- className: node.headerState ? tableHead : tableCell,
159
- colSpan: node.colSpan > 1 ? node.colSpan : void 0,
160
- children
161
- }, key);
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
- content = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
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
- nested = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
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: useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(ComposedRenderer, {
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-CCyeRK8c.js";
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-CCyeRK8c.js";
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: useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(NestedRenderer, {
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, {