@contember/react-richtext-renderer 2.1.0-alpha.36 → 2.1.0-alpha.39

package/dist/development/src/hooks/useRichTextFieldSource.js

@@ -0,0 +1,26 @@
+import { useMemo } from "react";
+import { defaultDeserialize } from "../internal/defaultDeserialize.js";
+const useRichTextFieldSource = ({
+  source,
+  deserialize = defaultDeserialize
+}) => {
+  return useMemo(() => {
+    return [
+      {
+        content: source ? typeof source === "string" ? deserialize(source) : source : {
+          formatVersion: 0,
+          children: []
+        },
+        id: void 0,
+        referencesField: void 0,
+        referenceDiscriminationField: void 0,
+        referenceRenderers: {},
+        references: void 0
+      }
+    ];
+  }, [deserialize, source]);
+};
+export {
+  useRichTextFieldSource
+};
+//# sourceMappingURL=useRichTextFieldSource.js.map

package/dist/development/src/hooks/useRichTextFieldSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichTextFieldSource.js","sources":["../../../../../packages/react-richtext-renderer/src/hooks/useRichTextFieldSource.ts"],"sourcesContent":["import { RichTextBlock, RichTextElement, RichTextFieldSource, RichTextLeaf } from '../types'\nimport { useMemo } from 'react'\nimport { defaultDeserialize } from '../internal/defaultDeserialize'\n\nexport const useRichTextFieldSource = <CustomElements extends RichTextElement, CustomLeaves extends RichTextLeaf>({\n\tsource,\n\tdeserialize = defaultDeserialize,\n}: RichTextFieldSource<CustomElements, CustomLeaves>): RichTextBlock<CustomElements, CustomLeaves>[] => {\n\treturn useMemo(() => {\n\t\treturn [\n\t\t\t{\n\t\t\t\tcontent: source\n\t\t\t\t\t? (typeof source === 'string' ? deserialize(source) : source)\n\t\t\t\t\t: {\n\t\t\t\t\t\tformatVersion: 0,\n\t\t\t\t\t\tchildren: [],\n\t\t\t\t\t},\n\t\t\t\tid: undefined,\n\t\t\t\treferencesField: undefined,\n\t\t\t\treferenceDiscriminationField: undefined,\n\t\t\t\treferenceRenderers: {},\n\t\t\t\treferences: undefined,\n\t\t\t},\n\t\t]\n\t}, [deserialize, source])\n}\n"],"names":[],"mappings":";;AAIO,MAAM,yBAAyB,CAA4E;AAAA,EACjH;AAAA,EACA,cAAc;AACf,MAAwG;AACvG,SAAO,QAAQ,MAAM;AACpB,WAAO;AAAA,MACN;AAAA,QACC,SAAS,SACL,OAAO,WAAW,WAAW,YAAY,MAAM,IAAI,SACpD;AAAA,UACD,eAAe;AAAA,UACf,UAAU,CAAA;AAAA,QAAC;AAAA,QAEb,IAAI;AAAA,QACJ,iBAAiB;AAAA,QACjB,8BAA8B;AAAA,QAC9B,oBAAoB,CAAA;AAAA,QACpB,YAAY;AAAA,MAAA;AAAA,IACb;AAAA,EAEF,GAAG,CAAC,aAAa,MAAM,CAAC;AACzB;"}

package/dist/development/src/internal/components/ElementRenderer.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const React = require("react");
+const renderChildren = require("../renderChildren.cjs");
+const RenderElementFallback = require("./RenderElementFallback.cjs");
+const useReferenceMetadata = require("../useReferenceMetadata.cjs");
+function ElementRenderer({ element, children, options, block }) {
+  const referenceMetadata = useReferenceMetadata.useReferenceMetadata(element, options, block);
+  const fallback = /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    RenderElementFallback.RenderElementFallback,
+    {
+      element,
+      options,
+      block,
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/ElementRenderer.tsx",
+      lineNumber: 29,
+      columnNumber: 3
+    },
+    this
+  );
+  return options.renderElement ? React.createElement(options.renderElement, {
+    ...referenceMetadata,
+    formatVersion: block.content.formatVersion,
+    block,
+    options,
+    element,
+    fallback,
+    children,
+    renderChildren: (children2, opts = options) => renderChildren.renderChildren(children2, opts, block),
+    renderChildrenOptions: options
+  }) : fallback;
+}
+exports.ElementRenderer = ElementRenderer;
+//# sourceMappingURL=ElementRenderer.cjs.map

package/dist/development/src/internal/components/ElementRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementRenderer.cjs","sources":["../../../../../../packages/react-richtext-renderer/src/internal/components/ElementRenderer.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { createElement } from 'react'\nimport type { BuiltinElements } from '../../types/builtin/BuiltinElements'\nimport { renderChildren } from '../renderChildren'\nimport { RenderElementFallback } from './RenderElementFallback'\nimport { useReferenceMetadata } from '../useReferenceMetadata'\nimport type { RichTextElement } from '../../types/structure/RichTextElement'\nimport type { RichTextLeaf } from '../../types/structure/RichTextLeaf'\nimport { RichTextBlock } from '../../types/RichTextBlock'\nimport { RichTextRenderingOptions } from '../../types/RichTextRenderingOptions'\n\nexport interface ElementRendererProps<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n> {\n\telement: CustomElements | BuiltinElements<CustomElements, CustomLeaves>\n\tchildren: ReactElement\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n}\n\nexport function ElementRenderer<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({ element, children, options, block }: ElementRendererProps<CustomElements, CustomLeaves>) {\n\tconst referenceMetadata = useReferenceMetadata<CustomElements, CustomLeaves>(element, options, block)\n\n\tconst fallback = (\n\t\t<RenderElementFallback<CustomElements, CustomLeaves>\n\t\t\telement={element as BuiltinElements<CustomElements, CustomLeaves>}\n\t\t\toptions={options}\n\t\t\tblock={block}\n\t\t>\n\t\t\t{children}\n\t\t</RenderElementFallback>\n\t)\n\n\treturn options.renderElement\n\t\t? createElement(options.renderElement, {\n\t\t\t...referenceMetadata,\n\t\t\tformatVersion: block.content.formatVersion,\n\t\t\tblock,\n\t\t\toptions,\n\t\t\telement,\n\t\t\tfallback,\n\t\t\tchildren,\n\t\t\trenderChildren: (children, opts = options) => renderChildren(children, opts, block),\n\t\t\trenderChildrenOptions: options,\n\t\t})\n\t\t: fallback\n}\n"],"names":["useReferenceMetadata","jsxDEV","RenderElementFallback","createElement","children","renderChildren"],"mappings":";;;;;;;AAqBO,SAAS,gBAGd,EAAE,SAAS,UAAU,SAAS,SAA6D;AAC5F,QAAM,oBAAoBA,qBAAAA,qBAAmD,SAAS,SAAS,KAAK;AAEpG,QAAM,WACLC,8BAAAA;AAAAA,IAACC,sBAAAA;AAAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,IALF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA;AAAA,EAAA;AASD,SAAO,QAAQ,gBACZC,oBAAc,QAAQ,eAAe;AAAA,IACtC,GAAG;AAAA,IACH,eAAe,MAAM,QAAQ;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAACC,WAAU,OAAO,YAAYC,eAAAA,eAAeD,WAAU,MAAM,KAAK;AAAA,IAClF,uBAAuB;AAAA,EAAA,CACvB,IACC;AACJ;;"}

package/dist/development/src/internal/components/ElementRenderer.js

@@ -0,0 +1,40 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { createElement } from "react";
+import { renderChildren } from "../renderChildren.js";
+import { RenderElementFallback } from "./RenderElementFallback.js";
+import { useReferenceMetadata } from "../useReferenceMetadata.js";
+function ElementRenderer({ element, children, options, block }) {
+  const referenceMetadata = useReferenceMetadata(element, options, block);
+  const fallback = /* @__PURE__ */ jsxDEV(
+    RenderElementFallback,
+    {
+      element,
+      options,
+      block,
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/ElementRenderer.tsx",
+      lineNumber: 29,
+      columnNumber: 3
+    },
+    this
+  );
+  return options.renderElement ? createElement(options.renderElement, {
+    ...referenceMetadata,
+    formatVersion: block.content.formatVersion,
+    block,
+    options,
+    element,
+    fallback,
+    children,
+    renderChildren: (children2, opts = options) => renderChildren(children2, opts, block),
+    renderChildrenOptions: options
+  }) : fallback;
+}
+export {
+  ElementRenderer
+};
+//# sourceMappingURL=ElementRenderer.js.map

package/dist/development/src/internal/components/ElementRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementRenderer.js","sources":["../../../../../../packages/react-richtext-renderer/src/internal/components/ElementRenderer.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { createElement } from 'react'\nimport type { BuiltinElements } from '../../types/builtin/BuiltinElements'\nimport { renderChildren } from '../renderChildren'\nimport { RenderElementFallback } from './RenderElementFallback'\nimport { useReferenceMetadata } from '../useReferenceMetadata'\nimport type { RichTextElement } from '../../types/structure/RichTextElement'\nimport type { RichTextLeaf } from '../../types/structure/RichTextLeaf'\nimport { RichTextBlock } from '../../types/RichTextBlock'\nimport { RichTextRenderingOptions } from '../../types/RichTextRenderingOptions'\n\nexport interface ElementRendererProps<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n> {\n\telement: CustomElements | BuiltinElements<CustomElements, CustomLeaves>\n\tchildren: ReactElement\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n}\n\nexport function ElementRenderer<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({ element, children, options, block }: ElementRendererProps<CustomElements, CustomLeaves>) {\n\tconst referenceMetadata = useReferenceMetadata<CustomElements, CustomLeaves>(element, options, block)\n\n\tconst fallback = (\n\t\t<RenderElementFallback<CustomElements, CustomLeaves>\n\t\t\telement={element as BuiltinElements<CustomElements, CustomLeaves>}\n\t\t\toptions={options}\n\t\t\tblock={block}\n\t\t>\n\t\t\t{children}\n\t\t</RenderElementFallback>\n\t)\n\n\treturn options.renderElement\n\t\t? createElement(options.renderElement, {\n\t\t\t...referenceMetadata,\n\t\t\tformatVersion: block.content.formatVersion,\n\t\t\tblock,\n\t\t\toptions,\n\t\t\telement,\n\t\t\tfallback,\n\t\t\tchildren,\n\t\t\trenderChildren: (children, opts = options) => renderChildren(children, opts, block),\n\t\t\trenderChildrenOptions: options,\n\t\t})\n\t\t: fallback\n}\n"],"names":["children"],"mappings":";;;;;AAqBO,SAAS,gBAGd,EAAE,SAAS,UAAU,SAAS,SAA6D;AAC5F,QAAM,oBAAoB,qBAAmD,SAAS,SAAS,KAAK;AAEpG,QAAM,WACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,IALF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA;AAAA,EAAA;AASD,SAAO,QAAQ,gBACZ,cAAc,QAAQ,eAAe;AAAA,IACtC,GAAG;AAAA,IACH,eAAe,MAAM,QAAQ;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAACA,WAAU,OAAO,YAAY,eAAeA,WAAU,MAAM,KAAK;AAAA,IAClF,uBAAuB;AAAA,EAAA,CACvB,IACC;AACJ;"}

package/dist/development/src/internal/components/LeafRenderer.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const React = require("react");
+const RenderLeafFallback = require("./RenderLeafFallback.cjs");
+function LeafRenderer({
+  leaf,
+  options: { renderLeaf },
+  block: { content: { formatVersion } }
+}) {
+  const fallback = /* @__PURE__ */ jsxDevRuntime.jsxDEV(RenderLeafFallback.RenderLeafFallback, { leaf }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/LeafRenderer.tsx",
+    lineNumber: 23,
+    columnNumber: 19
+  }, this);
+  return renderLeaf ? React.createElement(
+    renderLeaf,
+    {
+      formatVersion,
+      leaf,
+      fallback,
+      children: leaf.text
+    }
+  ) : fallback;
+}
+exports.LeafRenderer = LeafRenderer;
+//# sourceMappingURL=LeafRenderer.cjs.map

package/dist/development/src/internal/components/LeafRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafRenderer.cjs","sources":["../../../../../../packages/react-richtext-renderer/src/internal/components/LeafRenderer.tsx"],"sourcesContent":["import { createElement } from 'react'\nimport type { BuiltinLeaves } from '../../types/builtin/BuiltinLeaves'\nimport { RenderLeafFallback } from './RenderLeafFallback'\nimport type { RichTextLeaf } from '../../types/structure/RichTextLeaf'\nimport { RichTextElement } from '../../types/structure/RichTextElement'\nimport { RichTextRenderingOptions } from '../../types/RichTextRenderingOptions'\nimport { RichTextBlock } from '../../types/RichTextBlock'\n\nexport interface LeafRendererProps<CustomElements extends RichTextElement = never, CustomLeaves extends RichTextLeaf = RichTextLeaf> {\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n\tleaf: CustomLeaves & BuiltinLeaves\n}\n\nexport function LeafRenderer<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({\n\tleaf,\n\toptions: { renderLeaf },\n\tblock: { content: { formatVersion } },\n}: LeafRendererProps<CustomElements, CustomLeaves>) {\n\tconst fallback = <RenderLeafFallback leaf={leaf} />\n\n\treturn renderLeaf\n\t\t? createElement(\n\t\t\trenderLeaf,\n\t\t\t{\n\t\t\t\tformatVersion,\n\t\t\t\tleaf,\n\t\t\t\tfallback,\n\t\t\t\tchildren: leaf.text,\n\t\t\t},\n\t\t)\n\t\t: fallback\n}\n"],"names":["jsxDEV","RenderLeafFallback","createElement"],"mappings":";;;;;AAcO,SAAS,aAGd;AAAA,EACD;AAAA,EACA,SAAS,EAAE,WAAA;AAAA,EACX,OAAO,EAAE,SAAS,EAAE,gBAAc;AACnC,GAAoD;AACnD,QAAM,WAAWA,8BAAAA,OAACC,mBAAAA,oBAAA,EAAmB,KAAA,GAApB,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAAgC;AAEjD,SAAO,aACJC,MAAAA;AAAAA,IACD;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,IAAA;AAAA,EAChB,IAEC;AACJ;;"}

package/dist/development/src/internal/components/LeafRenderer.js

@@ -0,0 +1,27 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { createElement } from "react";
+import { RenderLeafFallback } from "./RenderLeafFallback.js";
+function LeafRenderer({
+  leaf,
+  options: { renderLeaf },
+  block: { content: { formatVersion } }
+}) {
+  const fallback = /* @__PURE__ */ jsxDEV(RenderLeafFallback, { leaf }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/LeafRenderer.tsx",
+    lineNumber: 23,
+    columnNumber: 19
+  }, this);
+  return renderLeaf ? createElement(
+    renderLeaf,
+    {
+      formatVersion,
+      leaf,
+      fallback,
+      children: leaf.text
+    }
+  ) : fallback;
+}
+export {
+  LeafRenderer
+};
+//# sourceMappingURL=LeafRenderer.js.map

package/dist/development/src/internal/components/LeafRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafRenderer.js","sources":["../../../../../../packages/react-richtext-renderer/src/internal/components/LeafRenderer.tsx"],"sourcesContent":["import { createElement } from 'react'\nimport type { BuiltinLeaves } from '../../types/builtin/BuiltinLeaves'\nimport { RenderLeafFallback } from './RenderLeafFallback'\nimport type { RichTextLeaf } from '../../types/structure/RichTextLeaf'\nimport { RichTextElement } from '../../types/structure/RichTextElement'\nimport { RichTextRenderingOptions } from '../../types/RichTextRenderingOptions'\nimport { RichTextBlock } from '../../types/RichTextBlock'\n\nexport interface LeafRendererProps<CustomElements extends RichTextElement = never, CustomLeaves extends RichTextLeaf = RichTextLeaf> {\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n\tleaf: CustomLeaves & BuiltinLeaves\n}\n\nexport function LeafRenderer<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({\n\tleaf,\n\toptions: { renderLeaf },\n\tblock: { content: { formatVersion } },\n}: LeafRendererProps<CustomElements, CustomLeaves>) {\n\tconst fallback = <RenderLeafFallback leaf={leaf} />\n\n\treturn renderLeaf\n\t\t? createElement(\n\t\t\trenderLeaf,\n\t\t\t{\n\t\t\t\tformatVersion,\n\t\t\t\tleaf,\n\t\t\t\tfallback,\n\t\t\t\tchildren: leaf.text,\n\t\t\t},\n\t\t)\n\t\t: fallback\n}\n"],"names":[],"mappings":";;;AAcO,SAAS,aAGd;AAAA,EACD;AAAA,EACA,SAAS,EAAE,WAAA;AAAA,EACX,OAAO,EAAE,SAAS,EAAE,gBAAc;AACnC,GAAoD;AACnD,QAAM,WAAW,uBAAC,oBAAA,EAAmB,KAAA,GAApB,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAAgC;AAEjD,SAAO,aACJ;AAAA,IACD;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,IAAA;AAAA,EAChB,IAEC;AACJ;"}

package/dist/development/src/internal/components/RenderElementFallback.cjs

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const React = require("react");
+const renderChildren = require("../renderChildren.cjs");
+const useReferenceMetadata = require("../useReferenceMetadata.cjs");
+const RichTextRendererError = require("../../RichTextRendererError.cjs");
+const getElementDataAttributes = (element, attributeNamePrefix = "contember-") => {
+  const { children, referenceId, ...extendedSpecifics } = element;
+  return Object.fromEntries(
+    Object.entries(extendedSpecifics).filter(([, value]) => {
+      const t = typeof value;
+      return t === "string" || t === "number" || t === "boolean";
+    }).map(([attribute, value]) => [`data-${attributeNamePrefix}${attribute.toLowerCase()}`, value])
+  );
+};
+function RenderElementFallback({ element, children, options, block }) {
+  const attributes = getElementDataAttributes(element, options.attributeNamePrefix);
+  switch (element.type) {
+    case "anchor":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("a", { ...attributes, href: element.href, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 51,
+        columnNumber: 5
+      }, this);
+    case "heading":
+      return React.createElement(`h${element.level}`, attributes, children);
+    // TODO numbered
+    case "horizontalRule":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("hr", { ...attributes }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 58,
+        columnNumber: 11
+      }, this);
+    case "listItem":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("li", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 60,
+        columnNumber: 11
+      }, this);
+    case "orderedList":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("ol", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 62,
+        columnNumber: 11
+      }, this);
+    case "paragraph":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("p", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 64,
+        columnNumber: 11
+      }, this);
+    case "reference": {
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV(ReferenceElementFallback, { element, children, options, block }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 66,
+        columnNumber: 11
+      }, this);
+    }
+    case "scrollTarget":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("span", { ...attributes, id: element.identifier, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 70,
+        columnNumber: 5
+      }, this);
+    case "table": {
+      const firstRow = element.children[0];
+      if (!firstRow || firstRow.headerScope !== "table") {
+        return /* @__PURE__ */ jsxDevRuntime.jsxDEV("table", { ...attributes, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("tbody", { children }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 79,
+          columnNumber: 7
+        }, this) }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 78,
+          columnNumber: 6
+        }, this);
+      }
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("table", { ...attributes, children: [
+        /* @__PURE__ */ jsxDevRuntime.jsxDEV("thead", { children: renderChildren.renderChildren([firstRow], options, block) }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 85,
+          columnNumber: 6
+        }, this),
+        /* @__PURE__ */ jsxDevRuntime.jsxDEV("tbody", { children: renderChildren.renderChildren(element.children.slice(1), options, block) }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 86,
+          columnNumber: 6
+        }, this)
+      ] }, void 0, true, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 84,
+        columnNumber: 5
+      }, this);
+    }
+    case "tableRow":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("tr", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 91,
+        columnNumber: 11
+      }, this);
+    case "tableCell": {
+      if (element.headerScope) {
+        return /* @__PURE__ */ jsxDevRuntime.jsxDEV("th", { ...attributes, scope: element.headerScope, children }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 95,
+          columnNumber: 6
+        }, this);
+      }
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("td", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 100,
+        columnNumber: 11
+      }, this);
+    }
+    case "unorderedList":
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("ul", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 103,
+        columnNumber: 11
+      }, this);
+    default: {
+      {
+        throw new RichTextRendererError.RichTextRendererError(
+          `RichTextRenderer: unknown element of type '${element.type}'.`
+        );
+      }
+    }
+  }
+}
+function ReferenceElementFallback({ element, children, options, block }) {
+  const elementMetadata = useReferenceMetadata.useReferenceMetadata(element, options, block, true);
+  if (elementMetadata.referenceRenderer === void 0 || elementMetadata.referenceType === void 0 || elementMetadata.reference === void 0) {
+    return children;
+  }
+  let Renderer = elementMetadata.referenceRenderer;
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    Renderer,
+    {
+      referenceType: elementMetadata.referenceType,
+      referenceRenderer: elementMetadata.referenceRenderer,
+      reference: elementMetadata.reference,
+      formatVersion: block.content.formatVersion,
+      block,
+      options,
+      element,
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+      lineNumber: 140,
+      columnNumber: 4
+    },
+    this
+  ) }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+    lineNumber: 139,
+    columnNumber: 3
+  }, this);
+}
+exports.RenderElementFallback = RenderElementFallback;
+//# sourceMappingURL=RenderElementFallback.cjs.map

package/dist/development/src/internal/components/RenderElementFallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderElementFallback.cjs","sources":["../../../../../../packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx"],"sourcesContent":["import { createElement, ReactElement } from 'react'\nimport type { BuiltinElements, RichTextReferenceElement, RichTextTableRowElement } from '../../types/builtin/BuiltinElements'\nimport { renderChildren } from '../renderChildren'\nimport { useReferenceMetadata } from '../useReferenceMetadata'\nimport type { RichTextElement } from '../../types/structure/RichTextElement'\nimport type { RichTextLeaf } from '../../types/structure/RichTextLeaf'\nimport { RichTextRendererError } from '../../RichTextRendererError'\nimport { RichTextBlock } from '../../types/RichTextBlock'\nimport { RichTextRenderingOptions } from '../../types/RichTextRenderingOptions'\n\nexport interface RenderElementFallbackProps<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n> {\n\telement: BuiltinElements<CustomElements, CustomLeaves>\n\tchildren: ReactElement\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n}\n\nconst getElementDataAttributes = <\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>(\n\telement: RichTextElement<CustomElements, CustomLeaves>,\n\tattributeNamePrefix: string = 'contember-',\n): {\n\t[dataAttribute: string]: string | number | boolean\n} => {\n\tconst { children, referenceId, ...extendedSpecifics } = element\n\n\treturn Object.fromEntries(\n\t\tObject.entries(extendedSpecifics)\n\t\t\t.filter(([, value]) => {\n\t\t\t\tconst t = typeof value\n\t\t\t\treturn t === 'string' || t === 'number' || t === 'boolean'\n\t\t\t})\n\t\t\t.map(([attribute, value]) => [`data-${attributeNamePrefix}${attribute.toLowerCase()}`, value]),\n\t)\n}\n\nexport function RenderElementFallback<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({ element, children, options, block }: RenderElementFallbackProps<CustomElements, CustomLeaves>) {\n\tconst attributes = getElementDataAttributes(element, options.attributeNamePrefix)\n\n\tswitch (element.type) {\n\t\tcase 'anchor':\n\t\t\treturn (\n\t\t\t\t<a {...attributes} href={element.href}>\n\t\t\t\t\t{children}\n\t\t\t\t</a>\n\t\t\t)\n\t\tcase 'heading':\n\t\t\treturn createElement(`h${element.level}`, attributes, children) // TODO numbered\n\t\tcase 'horizontalRule':\n\t\t\treturn <hr {...attributes} />\n\t\tcase 'listItem':\n\t\t\treturn <li {...attributes}>{children}</li>\n\t\tcase 'orderedList':\n\t\t\treturn <ol {...attributes}>{children}</ol>\n\t\tcase 'paragraph':\n\t\t\treturn <p {...attributes}>{children}</p>\n\t\tcase 'reference': {\n\t\t\treturn <ReferenceElementFallback element={element} children={children} options={options} block={block} />\n\t\t}\n\t\tcase 'scrollTarget':\n\t\t\treturn (\n\t\t\t\t<span {...attributes} id={element.identifier}>\n\t\t\t\t\t{children}\n\t\t\t\t</span>\n\t\t\t)\n\t\tcase 'table': {\n\t\t\tconst firstRow = element.children[0] as RichTextTableRowElement<CustomElements, CustomLeaves> | undefined\n\t\t\tif (!firstRow || firstRow.headerScope !== 'table') {\n\t\t\t\treturn (\n\t\t\t\t\t<table {...attributes}>\n\t\t\t\t\t\t<tbody>{children}</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<table {...attributes}>\n\t\t\t\t\t<thead>{renderChildren<CustomElements, CustomLeaves>([firstRow], options, block)}</thead>\n\t\t\t\t\t<tbody>{renderChildren<CustomElements, CustomLeaves>(element.children.slice(1) as any, options, block)}</tbody>\n\t\t\t\t</table>\n\t\t\t)\n\t\t}\n\t\tcase 'tableRow':\n\t\t\treturn <tr {...attributes}>{children}</tr>\n\t\tcase 'tableCell': {\n\t\t\tif (element.headerScope) {\n\t\t\t\treturn (\n\t\t\t\t\t<th {...attributes} scope={element.headerScope}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</th>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn <td {...attributes}>{children}</td>\n\t\t}\n\t\tcase 'unorderedList':\n\t\t\treturn <ul {...attributes}>{children}</ul>\n\t\tdefault: {\n\t\t\tif (import.meta.env.DEV) {\n\t\t\t\tthrow new RichTextRendererError(\n\t\t\t\t\t`RichTextRenderer: unknown element of type '${(element as { type: string }).type}'.`,\n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\treturn children // At least render the text contents\n\t\t\t}\n\t\t}\n\t}\n}\n\ntype ReferenceElementFallbackProps<CustomElements extends RichTextElement = never, CustomLeaves extends RichTextLeaf = RichTextLeaf> = {\n\telement: RichTextReferenceElement<CustomElements, CustomLeaves>\n\tchildren: ReactElement\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n}\n\nfunction ReferenceElementFallback<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({ element, children, options, block }: ReferenceElementFallbackProps<CustomElements, CustomLeaves>) {\n\tconst elementMetadata = useReferenceMetadata<CustomElements, CustomLeaves>(element, options, block, true)\n\n\tif (\n\t\telementMetadata.referenceRenderer === undefined\n\t\t|| elementMetadata.referenceType === undefined\n\t\t|| elementMetadata.reference === undefined\n\t) {\n\t\treturn children // At least render the text contents\n\t}\n\n\tlet Renderer = elementMetadata.referenceRenderer\n\treturn (\n\t\t<>\n\t\t\t<Renderer\n\t\t\t\treferenceType={elementMetadata.referenceType}\n\t\t\t\treferenceRenderer={elementMetadata.referenceRenderer}\n\t\t\t\treference={elementMetadata.reference}\n\t\t\t\tformatVersion={block.content.formatVersion}\n\t\t\t\tblock={block}\n\t\t\t\toptions={options}\n\t\t\t\telement={element}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Renderer>\n\t\t</>\n\t)\n}\n"],"names":["createElement","jsxDEV","renderChildren","RichTextRendererError","useReferenceMetadata","Fragment"],"mappings":"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"}

package/dist/development/src/internal/components/RenderElementFallback.js

@@ -0,0 +1,164 @@
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import { createElement } from "react";
+import { renderChildren } from "../renderChildren.js";
+import { useReferenceMetadata } from "../useReferenceMetadata.js";
+import { RichTextRendererError } from "../../RichTextRendererError.js";
+const getElementDataAttributes = (element, attributeNamePrefix = "contember-") => {
+  const { children, referenceId, ...extendedSpecifics } = element;
+  return Object.fromEntries(
+    Object.entries(extendedSpecifics).filter(([, value]) => {
+      const t = typeof value;
+      return t === "string" || t === "number" || t === "boolean";
+    }).map(([attribute, value]) => [`data-${attributeNamePrefix}${attribute.toLowerCase()}`, value])
+  );
+};
+function RenderElementFallback({ element, children, options, block }) {
+  const attributes = getElementDataAttributes(element, options.attributeNamePrefix);
+  switch (element.type) {
+    case "anchor":
+      return /* @__PURE__ */ jsxDEV("a", { ...attributes, href: element.href, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 51,
+        columnNumber: 5
+      }, this);
+    case "heading":
+      return createElement(`h${element.level}`, attributes, children);
+    // TODO numbered
+    case "horizontalRule":
+      return /* @__PURE__ */ jsxDEV("hr", { ...attributes }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 58,
+        columnNumber: 11
+      }, this);
+    case "listItem":
+      return /* @__PURE__ */ jsxDEV("li", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 60,
+        columnNumber: 11
+      }, this);
+    case "orderedList":
+      return /* @__PURE__ */ jsxDEV("ol", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 62,
+        columnNumber: 11
+      }, this);
+    case "paragraph":
+      return /* @__PURE__ */ jsxDEV("p", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 64,
+        columnNumber: 11
+      }, this);
+    case "reference": {
+      return /* @__PURE__ */ jsxDEV(ReferenceElementFallback, { element, children, options, block }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 66,
+        columnNumber: 11
+      }, this);
+    }
+    case "scrollTarget":
+      return /* @__PURE__ */ jsxDEV("span", { ...attributes, id: element.identifier, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 70,
+        columnNumber: 5
+      }, this);
+    case "table": {
+      const firstRow = element.children[0];
+      if (!firstRow || firstRow.headerScope !== "table") {
+        return /* @__PURE__ */ jsxDEV("table", { ...attributes, children: /* @__PURE__ */ jsxDEV("tbody", { children }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 79,
+          columnNumber: 7
+        }, this) }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 78,
+          columnNumber: 6
+        }, this);
+      }
+      return /* @__PURE__ */ jsxDEV("table", { ...attributes, children: [
+        /* @__PURE__ */ jsxDEV("thead", { children: renderChildren([firstRow], options, block) }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 85,
+          columnNumber: 6
+        }, this),
+        /* @__PURE__ */ jsxDEV("tbody", { children: renderChildren(element.children.slice(1), options, block) }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 86,
+          columnNumber: 6
+        }, this)
+      ] }, void 0, true, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 84,
+        columnNumber: 5
+      }, this);
+    }
+    case "tableRow":
+      return /* @__PURE__ */ jsxDEV("tr", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 91,
+        columnNumber: 11
+      }, this);
+    case "tableCell": {
+      if (element.headerScope) {
+        return /* @__PURE__ */ jsxDEV("th", { ...attributes, scope: element.headerScope, children }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+          lineNumber: 95,
+          columnNumber: 6
+        }, this);
+      }
+      return /* @__PURE__ */ jsxDEV("td", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 100,
+        columnNumber: 11
+      }, this);
+    }
+    case "unorderedList":
+      return /* @__PURE__ */ jsxDEV("ul", { ...attributes, children }, void 0, false, {
+        fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+        lineNumber: 103,
+        columnNumber: 11
+      }, this);
+    default: {
+      {
+        throw new RichTextRendererError(
+          `RichTextRenderer: unknown element of type '${element.type}'.`
+        );
+      }
+    }
+  }
+}
+function ReferenceElementFallback({ element, children, options, block }) {
+  const elementMetadata = useReferenceMetadata(element, options, block, true);
+  if (elementMetadata.referenceRenderer === void 0 || elementMetadata.referenceType === void 0 || elementMetadata.reference === void 0) {
+    return children;
+  }
+  let Renderer = elementMetadata.referenceRenderer;
+  return /* @__PURE__ */ jsxDEV(Fragment, { children: /* @__PURE__ */ jsxDEV(
+    Renderer,
+    {
+      referenceType: elementMetadata.referenceType,
+      referenceRenderer: elementMetadata.referenceRenderer,
+      reference: elementMetadata.reference,
+      formatVersion: block.content.formatVersion,
+      block,
+      options,
+      element,
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+      lineNumber: 140,
+      columnNumber: 4
+    },
+    this
+  ) }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx",
+    lineNumber: 139,
+    columnNumber: 3
+  }, this);
+}
+export {
+  RenderElementFallback
+};
+//# sourceMappingURL=RenderElementFallback.js.map

package/dist/development/src/internal/components/RenderElementFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderElementFallback.js","sources":["../../../../../../packages/react-richtext-renderer/src/internal/components/RenderElementFallback.tsx"],"sourcesContent":["import { createElement, ReactElement } from 'react'\nimport type { BuiltinElements, RichTextReferenceElement, RichTextTableRowElement } from '../../types/builtin/BuiltinElements'\nimport { renderChildren } from '../renderChildren'\nimport { useReferenceMetadata } from '../useReferenceMetadata'\nimport type { RichTextElement } from '../../types/structure/RichTextElement'\nimport type { RichTextLeaf } from '../../types/structure/RichTextLeaf'\nimport { RichTextRendererError } from '../../RichTextRendererError'\nimport { RichTextBlock } from '../../types/RichTextBlock'\nimport { RichTextRenderingOptions } from '../../types/RichTextRenderingOptions'\n\nexport interface RenderElementFallbackProps<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n> {\n\telement: BuiltinElements<CustomElements, CustomLeaves>\n\tchildren: ReactElement\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n}\n\nconst getElementDataAttributes = <\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>(\n\telement: RichTextElement<CustomElements, CustomLeaves>,\n\tattributeNamePrefix: string = 'contember-',\n): {\n\t[dataAttribute: string]: string | number | boolean\n} => {\n\tconst { children, referenceId, ...extendedSpecifics } = element\n\n\treturn Object.fromEntries(\n\t\tObject.entries(extendedSpecifics)\n\t\t\t.filter(([, value]) => {\n\t\t\t\tconst t = typeof value\n\t\t\t\treturn t === 'string' || t === 'number' || t === 'boolean'\n\t\t\t})\n\t\t\t.map(([attribute, value]) => [`data-${attributeNamePrefix}${attribute.toLowerCase()}`, value]),\n\t)\n}\n\nexport function RenderElementFallback<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({ element, children, options, block }: RenderElementFallbackProps<CustomElements, CustomLeaves>) {\n\tconst attributes = getElementDataAttributes(element, options.attributeNamePrefix)\n\n\tswitch (element.type) {\n\t\tcase 'anchor':\n\t\t\treturn (\n\t\t\t\t<a {...attributes} href={element.href}>\n\t\t\t\t\t{children}\n\t\t\t\t</a>\n\t\t\t)\n\t\tcase 'heading':\n\t\t\treturn createElement(`h${element.level}`, attributes, children) // TODO numbered\n\t\tcase 'horizontalRule':\n\t\t\treturn <hr {...attributes} />\n\t\tcase 'listItem':\n\t\t\treturn <li {...attributes}>{children}</li>\n\t\tcase 'orderedList':\n\t\t\treturn <ol {...attributes}>{children}</ol>\n\t\tcase 'paragraph':\n\t\t\treturn <p {...attributes}>{children}</p>\n\t\tcase 'reference': {\n\t\t\treturn <ReferenceElementFallback element={element} children={children} options={options} block={block} />\n\t\t}\n\t\tcase 'scrollTarget':\n\t\t\treturn (\n\t\t\t\t<span {...attributes} id={element.identifier}>\n\t\t\t\t\t{children}\n\t\t\t\t</span>\n\t\t\t)\n\t\tcase 'table': {\n\t\t\tconst firstRow = element.children[0] as RichTextTableRowElement<CustomElements, CustomLeaves> | undefined\n\t\t\tif (!firstRow || firstRow.headerScope !== 'table') {\n\t\t\t\treturn (\n\t\t\t\t\t<table {...attributes}>\n\t\t\t\t\t\t<tbody>{children}</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<table {...attributes}>\n\t\t\t\t\t<thead>{renderChildren<CustomElements, CustomLeaves>([firstRow], options, block)}</thead>\n\t\t\t\t\t<tbody>{renderChildren<CustomElements, CustomLeaves>(element.children.slice(1) as any, options, block)}</tbody>\n\t\t\t\t</table>\n\t\t\t)\n\t\t}\n\t\tcase 'tableRow':\n\t\t\treturn <tr {...attributes}>{children}</tr>\n\t\tcase 'tableCell': {\n\t\t\tif (element.headerScope) {\n\t\t\t\treturn (\n\t\t\t\t\t<th {...attributes} scope={element.headerScope}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</th>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn <td {...attributes}>{children}</td>\n\t\t}\n\t\tcase 'unorderedList':\n\t\t\treturn <ul {...attributes}>{children}</ul>\n\t\tdefault: {\n\t\t\tif (import.meta.env.DEV) {\n\t\t\t\tthrow new RichTextRendererError(\n\t\t\t\t\t`RichTextRenderer: unknown element of type '${(element as { type: string }).type}'.`,\n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\treturn children // At least render the text contents\n\t\t\t}\n\t\t}\n\t}\n}\n\ntype ReferenceElementFallbackProps<CustomElements extends RichTextElement = never, CustomLeaves extends RichTextLeaf = RichTextLeaf> = {\n\telement: RichTextReferenceElement<CustomElements, CustomLeaves>\n\tchildren: ReactElement\n\toptions: RichTextRenderingOptions<CustomElements, CustomLeaves>\n\tblock: RichTextBlock<CustomElements, CustomLeaves>\n}\n\nfunction ReferenceElementFallback<\n\tCustomElements extends RichTextElement = never,\n\tCustomLeaves extends RichTextLeaf = RichTextLeaf,\n>({ element, children, options, block }: ReferenceElementFallbackProps<CustomElements, CustomLeaves>) {\n\tconst elementMetadata = useReferenceMetadata<CustomElements, CustomLeaves>(element, options, block, true)\n\n\tif (\n\t\telementMetadata.referenceRenderer === undefined\n\t\t|| elementMetadata.referenceType === undefined\n\t\t|| elementMetadata.reference === undefined\n\t) {\n\t\treturn children // At least render the text contents\n\t}\n\n\tlet Renderer = elementMetadata.referenceRenderer\n\treturn (\n\t\t<>\n\t\t\t<Renderer\n\t\t\t\treferenceType={elementMetadata.referenceType}\n\t\t\t\treferenceRenderer={elementMetadata.referenceRenderer}\n\t\t\t\treference={elementMetadata.reference}\n\t\t\t\tformatVersion={block.content.formatVersion}\n\t\t\t\tblock={block}\n\t\t\t\toptions={options}\n\t\t\t\telement={element}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Renderer>\n\t\t</>\n\t)\n}\n"],"names":[],"mappings":"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"}