@uniformdev/richtext 19.173.1-alpha.17 → 19.173.2-alpha.258

package/dist/index.d.mts

@@ -1,4 +1,5 @@
-import { LinkParamValue, RichTextParamValue, RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
+import { AssetParamValueItem } from '@uniformdev/assets';
+import { SerializedEditorState, SerializedParagraphNode } from 'lexical';
 
 declare function purifyText(text: string): string;
 declare function isPureTextAlign(format?: string): format is string;
@@ -24,9 +25,15 @@ interface NodeStringRendererProps {
     renderChildren(children?: RichTextNode[] | unknown): string;
 }
 type NodeStringRenderer = (props: NodeStringRendererProps) => string;
-type ParameterRichTextValue = {
-    root: RichTextNode;
-} | undefined;
+type ParameterRichTextValue = SerializedEditorState | undefined | null;
+type RichTextBuiltInFormat = 'code' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'superscript' | 'subscript';
+type RichTextBuiltInElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'unorderedList' | 'orderedList' | 'link' | 'quote' | 'code' | 'variable' | 'table' | 'asset';
+
+interface AssetNode extends RichTextNode {
+    __asset?: NonNullable<AssetParamValueItem>;
+    __error?: string;
+}
+declare const assetHtmlRenderer: NodeStringRenderer;
 
 interface HeadingNode extends RichTextNode {
     tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -37,6 +44,19 @@ interface LinkNode extends RichTextNode {
     link: NonNullable<LinkParamValue>;
 }
 declare const linkHtmlRenderer: NodeStringRenderer;
+type LinkParameterType = 'projectMapNode' | 'url' | 'tel' | 'email';
+type ProjectMapLinkParamValue = {
+    type: 'projectMapNode';
+    projectMapId: string;
+    nodeId: string;
+    path: string;
+    dynamicInputValues?: Record<string, string>;
+};
+type NonProjectMapLinkParamValue = {
+    type: Exclude<LinkParameterType, 'projectMapNode'>;
+    path: string;
+};
+type LinkParamValue = ProjectMapLinkParamValue | NonProjectMapLinkParamValue | undefined;
 declare function linkParamValueToHref(link: LinkParamValue): string | undefined;
 
 interface ListNode extends RichTextNode {
@@ -58,6 +78,30 @@ declare const paragraphHtmlRenderer: NodeStringRenderer;
 
 declare const rootHtmlRenderer: NodeStringRenderer;
 
+interface TableNode extends RichTextNode {
+}
+declare const tableHtmlRenderer: NodeStringRenderer;
+
+interface TableCellNode extends RichTextNode {
+    /**
+     * headerState:
+     *  0: no header
+     *  1: row header
+     *  2: column header
+     *  3: row and column header
+     */
+    headerState: number;
+}
+declare const tablecellHtmlRenderer: NodeStringRenderer;
+/**
+ * Convert headerState into relevant tag
+ */
+declare function getRichTextTagFromTableCellHeaderState(headerState: number): "td" | "th";
+
+interface TableRowNode extends RichTextNode {
+}
+declare const tablerowHtmlRenderer: NodeStringRenderer;
+
 interface TextNode extends RichTextNode {
     /**
      * The format is a bitflag value
@@ -82,15 +126,16 @@ declare function getRichTextTagsFromTextFormat(format: number): string[];
 
 declare function isArrayWithLength<T>(arr: T[] | unknown | undefined): arr is T[];
 declare function isRichTextNode(node: unknown): node is RichTextNode;
-declare function isRichTextValue(value: unknown): value is NonNullable<RichTextParamValue>;
+declare function isRichTextValue(value: unknown): value is NonNullable<ParameterRichTextValue>;
 declare function isRichTextNodeType(node: unknown, type: 'heading'): node is HeadingNode;
 declare function isRichTextNodeType(node: unknown, type: 'paragraph'): node is ParagraphNode;
 declare function isRichTextNodeType(node: unknown, type: 'text'): node is TextNode;
 declare function isRichTextNodeType(node: unknown, type: 'list'): node is ListNode;
 declare function isRichTextNodeType(node: unknown, type: 'listitem'): node is ListItemNode;
 declare function isRichTextNodeType(node: unknown, type: 'link'): node is LinkNode;
+declare function isRichTextNodeType(node: unknown, type: 'asset'): node is AssetNode;
 declare function isRichTextNodeType(node: unknown, type: string): node is RichTextNode;
-declare function isRichTextValueConsideredEmpty(value: RichTextParamValue): boolean;
+declare function isRichTextValueConsideredEmpty(value: ParameterRichTextValue): boolean;
 declare function hasChildren<TRichTextNode extends RichTextNode>(node: TRichTextNode): node is TRichTextNode & {
     children: RichTextNode[];
 };
@@ -144,15 +189,25 @@ declare function renderToText(node: RichTextNode | null | undefined, parentConte
 declare function renderChildrenToText(children: RichTextNode[] | undefined, context: StringRenderContext): string;
 
 declare const walkRichTextTree: (node: RichTextNode, callback: (node: RichTextNode, parent: RichTextNode | undefined) => void, parent?: RichTextNode) => void;
-declare const richTextBuiltInElements: {
+declare const richTextBuiltInElements: Array<{
     label: string;
     type: RichTextBuiltInElement;
-}[];
-declare const richTextBuiltInFormats: {
+}>;
+declare const richTextBuiltInFormats: Array<{
     label: string;
     type: RichTextBuiltInFormat;
-}[];
+}>;
 declare const getLabelForElement: (type: string) => string;
 declare const getLabelForFormat: (type: string) => string;
+declare const emptyRichTextValue: {
+    root: {
+        type: string;
+        version: number;
+        direction: null;
+        format: "";
+        indent: number;
+        children: SerializedParagraphNode[];
+    };
+};
 
-export { type HeadingNode, type LinkNode, type ListItemNode, type ListNode, type NodeStringRenderer, type NodeStringRendererProps, type ParagraphNode, type ParameterRichTextValue, type ResolveStringRenderer, type RichTextNode, type RichTextNodeWithChildren, type StringRenderContext, type TextNode, getLabelForElement, getLabelForFormat, getRichTextTagsFromTextFormat, hasChildren, headingHtmlRenderer, isArrayWithLength, isPureDirection, isPureTextAlign, isRichTextNode, isRichTextNodeType, isRichTextValue, isRichTextValueConsideredEmpty, linkHtmlRenderer, linkParamValueToHref, listHtmlRenderer, listitemHtmlRenderer, paragraphHtmlRenderer, purifyText, renderChildrenToHtml, renderChildrenToText, renderHtmlElement, renderToHtml, renderToText, resolveDefaultRenderer$1 as resolveDefaultHtmlRenderer, resolveDefaultRenderer as resolveDefaultTextRenderer, richTextBuiltInElements, richTextBuiltInFormats, rootHtmlRenderer, textHtmlRenderer, walkRichTextTree };
+export { type AssetNode, type HeadingNode, type LinkNode, type ListItemNode, type ListNode, type NodeStringRenderer, type NodeStringRendererProps, type ParagraphNode, type ParameterRichTextValue, type ResolveStringRenderer, type RichTextBuiltInElement, type RichTextBuiltInFormat, type RichTextNode, type RichTextNodeWithChildren, type StringRenderContext, type TableCellNode, type TableNode, type TableRowNode, type TextNode, assetHtmlRenderer, emptyRichTextValue, getLabelForElement, getLabelForFormat, getRichTextTagFromTableCellHeaderState, getRichTextTagsFromTextFormat, hasChildren, headingHtmlRenderer, isArrayWithLength, isPureDirection, isPureTextAlign, isRichTextNode, isRichTextNodeType, isRichTextValue, isRichTextValueConsideredEmpty, linkHtmlRenderer, linkParamValueToHref, listHtmlRenderer, listitemHtmlRenderer, paragraphHtmlRenderer, purifyText, renderChildrenToHtml, renderChildrenToText, renderHtmlElement, renderToHtml, renderToText, resolveDefaultRenderer$1 as resolveDefaultHtmlRenderer, resolveDefaultRenderer as resolveDefaultTextRenderer, richTextBuiltInElements, richTextBuiltInFormats, rootHtmlRenderer, tableHtmlRenderer, tablecellHtmlRenderer, tablerowHtmlRenderer, textHtmlRenderer, walkRichTextTree };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { LinkParamValue, RichTextParamValue, RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
+import { AssetParamValueItem } from '@uniformdev/assets';
+import { SerializedEditorState, SerializedParagraphNode } from 'lexical';
 
 declare function purifyText(text: string): string;
 declare function isPureTextAlign(format?: string): format is string;
@@ -24,9 +25,15 @@ interface NodeStringRendererProps {
     renderChildren(children?: RichTextNode[] | unknown): string;
 }
 type NodeStringRenderer = (props: NodeStringRendererProps) => string;
-type ParameterRichTextValue = {
-    root: RichTextNode;
-} | undefined;
+type ParameterRichTextValue = SerializedEditorState | undefined | null;
+type RichTextBuiltInFormat = 'code' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'superscript' | 'subscript';
+type RichTextBuiltInElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'unorderedList' | 'orderedList' | 'link' | 'quote' | 'code' | 'variable' | 'table' | 'asset';
+
+interface AssetNode extends RichTextNode {
+    __asset?: NonNullable<AssetParamValueItem>;
+    __error?: string;
+}
+declare const assetHtmlRenderer: NodeStringRenderer;
 
 interface HeadingNode extends RichTextNode {
     tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -37,6 +44,19 @@ interface LinkNode extends RichTextNode {
     link: NonNullable<LinkParamValue>;
 }
 declare const linkHtmlRenderer: NodeStringRenderer;
+type LinkParameterType = 'projectMapNode' | 'url' | 'tel' | 'email';
+type ProjectMapLinkParamValue = {
+    type: 'projectMapNode';
+    projectMapId: string;
+    nodeId: string;
+    path: string;
+    dynamicInputValues?: Record<string, string>;
+};
+type NonProjectMapLinkParamValue = {
+    type: Exclude<LinkParameterType, 'projectMapNode'>;
+    path: string;
+};
+type LinkParamValue = ProjectMapLinkParamValue | NonProjectMapLinkParamValue | undefined;
 declare function linkParamValueToHref(link: LinkParamValue): string | undefined;
 
 interface ListNode extends RichTextNode {
@@ -58,6 +78,30 @@ declare const paragraphHtmlRenderer: NodeStringRenderer;
 
 declare const rootHtmlRenderer: NodeStringRenderer;
 
+interface TableNode extends RichTextNode {
+}
+declare const tableHtmlRenderer: NodeStringRenderer;
+
+interface TableCellNode extends RichTextNode {
+    /**
+     * headerState:
+     *  0: no header
+     *  1: row header
+     *  2: column header
+     *  3: row and column header
+     */
+    headerState: number;
+}
+declare const tablecellHtmlRenderer: NodeStringRenderer;
+/**
+ * Convert headerState into relevant tag
+ */
+declare function getRichTextTagFromTableCellHeaderState(headerState: number): "td" | "th";
+
+interface TableRowNode extends RichTextNode {
+}
+declare const tablerowHtmlRenderer: NodeStringRenderer;
+
 interface TextNode extends RichTextNode {
     /**
      * The format is a bitflag value
@@ -82,15 +126,16 @@ declare function getRichTextTagsFromTextFormat(format: number): string[];
 
 declare function isArrayWithLength<T>(arr: T[] | unknown | undefined): arr is T[];
 declare function isRichTextNode(node: unknown): node is RichTextNode;
-declare function isRichTextValue(value: unknown): value is NonNullable<RichTextParamValue>;
+declare function isRichTextValue(value: unknown): value is NonNullable<ParameterRichTextValue>;
 declare function isRichTextNodeType(node: unknown, type: 'heading'): node is HeadingNode;
 declare function isRichTextNodeType(node: unknown, type: 'paragraph'): node is ParagraphNode;
 declare function isRichTextNodeType(node: unknown, type: 'text'): node is TextNode;
 declare function isRichTextNodeType(node: unknown, type: 'list'): node is ListNode;
 declare function isRichTextNodeType(node: unknown, type: 'listitem'): node is ListItemNode;
 declare function isRichTextNodeType(node: unknown, type: 'link'): node is LinkNode;
+declare function isRichTextNodeType(node: unknown, type: 'asset'): node is AssetNode;
 declare function isRichTextNodeType(node: unknown, type: string): node is RichTextNode;
-declare function isRichTextValueConsideredEmpty(value: RichTextParamValue): boolean;
+declare function isRichTextValueConsideredEmpty(value: ParameterRichTextValue): boolean;
 declare function hasChildren<TRichTextNode extends RichTextNode>(node: TRichTextNode): node is TRichTextNode & {
     children: RichTextNode[];
 };
@@ -144,15 +189,25 @@ declare function renderToText(node: RichTextNode | null | undefined, parentConte
 declare function renderChildrenToText(children: RichTextNode[] | undefined, context: StringRenderContext): string;
 
 declare const walkRichTextTree: (node: RichTextNode, callback: (node: RichTextNode, parent: RichTextNode | undefined) => void, parent?: RichTextNode) => void;
-declare const richTextBuiltInElements: {
+declare const richTextBuiltInElements: Array<{
     label: string;
     type: RichTextBuiltInElement;
-}[];
-declare const richTextBuiltInFormats: {
+}>;
+declare const richTextBuiltInFormats: Array<{
     label: string;
     type: RichTextBuiltInFormat;
-}[];
+}>;
 declare const getLabelForElement: (type: string) => string;
 declare const getLabelForFormat: (type: string) => string;
+declare const emptyRichTextValue: {
+    root: {
+        type: string;
+        version: number;
+        direction: null;
+        format: "";
+        indent: number;
+        children: SerializedParagraphNode[];
+    };
+};
 
-export { type HeadingNode, type LinkNode, type ListItemNode, type ListNode, type NodeStringRenderer, type NodeStringRendererProps, type ParagraphNode, type ParameterRichTextValue, type ResolveStringRenderer, type RichTextNode, type RichTextNodeWithChildren, type StringRenderContext, type TextNode, getLabelForElement, getLabelForFormat, getRichTextTagsFromTextFormat, hasChildren, headingHtmlRenderer, isArrayWithLength, isPureDirection, isPureTextAlign, isRichTextNode, isRichTextNodeType, isRichTextValue, isRichTextValueConsideredEmpty, linkHtmlRenderer, linkParamValueToHref, listHtmlRenderer, listitemHtmlRenderer, paragraphHtmlRenderer, purifyText, renderChildrenToHtml, renderChildrenToText, renderHtmlElement, renderToHtml, renderToText, resolveDefaultRenderer$1 as resolveDefaultHtmlRenderer, resolveDefaultRenderer as resolveDefaultTextRenderer, richTextBuiltInElements, richTextBuiltInFormats, rootHtmlRenderer, textHtmlRenderer, walkRichTextTree };
+export { type AssetNode, type HeadingNode, type LinkNode, type ListItemNode, type ListNode, type NodeStringRenderer, type NodeStringRendererProps, type ParagraphNode, type ParameterRichTextValue, type ResolveStringRenderer, type RichTextBuiltInElement, type RichTextBuiltInFormat, type RichTextNode, type RichTextNodeWithChildren, type StringRenderContext, type TableCellNode, type TableNode, type TableRowNode, type TextNode, assetHtmlRenderer, emptyRichTextValue, getLabelForElement, getLabelForFormat, getRichTextTagFromTableCellHeaderState, getRichTextTagsFromTextFormat, hasChildren, headingHtmlRenderer, isArrayWithLength, isPureDirection, isPureTextAlign, isRichTextNode, isRichTextNodeType, isRichTextValue, isRichTextValueConsideredEmpty, linkHtmlRenderer, linkParamValueToHref, listHtmlRenderer, listitemHtmlRenderer, paragraphHtmlRenderer, purifyText, renderChildrenToHtml, renderChildrenToText, renderHtmlElement, renderToHtml, renderToText, resolveDefaultRenderer$1 as resolveDefaultHtmlRenderer, resolveDefaultRenderer as resolveDefaultTextRenderer, richTextBuiltInElements, richTextBuiltInFormats, rootHtmlRenderer, tableHtmlRenderer, tablecellHtmlRenderer, tablerowHtmlRenderer, textHtmlRenderer, walkRichTextTree };

package/dist/index.esm.js

@@ -66,6 +66,26 @@ function hasChildren(node) {
   return "children" in node && isArrayWithLength(node.children);
 }
 
+// src/nodes/asset.ts
+var assetHtmlRenderer = ({ context }) => {
+  var _a, _b;
+  const node = context.currentNode;
+  if (node.__asset === void 0) {
+    return "";
+  }
+  if (node.__asset.type !== "image") {
+    return "";
+  }
+  const imgAttributes = /* @__PURE__ */ new Map();
+  imgAttributes.set("src", node.__asset.fields.url.value);
+  if ((_a = node.__asset.fields.title) == null ? void 0 : _a.value) {
+    imgAttributes.set("alt", node.__asset.fields.title.value);
+  }
+  const img = renderHtmlElement("img", imgAttributes);
+  const figcaption = ((_b = node.__asset.fields.description) == null ? void 0 : _b.value) ? renderHtmlElement("figcaption", null, node.__asset.fields.description.value) : "";
+  return renderHtmlElement("figure", null, `${img}${figcaption}`);
+};
+
 // src/nodes/heading.ts
 var headingHtmlRenderer = ({ context, renderChildren }) => {
   var _a;
@@ -155,6 +175,40 @@ var rootHtmlRenderer = ({ context, renderChildren }) => {
   return hasChildren(context.currentNode) ? renderChildren(context.currentNode.children) : "";
 };
 
+// src/nodes/table.ts
+var tableHtmlRenderer = ({ context, renderChildren }) => {
+  return ["table", "tbody"].reduceRight((children, tag) => {
+    return renderHtmlElement(tag, null, children);
+  }, renderChildren(context.currentNode.children));
+};
+var tableTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+
+// src/nodes/tablecell.ts
+var tablecellHtmlRenderer = ({ context, renderChildren }) => {
+  const node = context.currentNode;
+  const tag = getRichTextTagFromTableCellHeaderState(node.headerState);
+  return renderHtmlElement(tag, null, renderChildren(context.currentNode.children));
+};
+var tablecellTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+function getRichTextTagFromTableCellHeaderState(headerState) {
+  if (headerState === 0) {
+    return "td";
+  }
+  return "th";
+}
+
+// src/nodes/tablerow.ts
+var tablerowHtmlRenderer = ({ context, renderChildren }) => {
+  return renderHtmlElement("tr", null, renderChildren(context.currentNode.children));
+};
+var tablerowTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+
 // src/nodes/text.ts
 var textHtmlRenderer = ({ context }) => {
   const node = context.currentNode;
@@ -211,7 +265,11 @@ var rendererTypeMap = /* @__PURE__ */ new Map([
   ["paragraph", paragraphHtmlRenderer],
   ["root", rootHtmlRenderer],
   ["text", textHtmlRenderer],
-  ["tab", tabHtmlRenderer]
+  ["tab", tabHtmlRenderer],
+  ["table", tableHtmlRenderer],
+  ["tablecell", tablecellHtmlRenderer],
+  ["tablerow", tablerowHtmlRenderer],
+  ["asset", assetHtmlRenderer]
 ]);
 var resolveDefaultRenderer = (context) => {
   const renderer = rendererTypeMap.get(context.currentNode.type);
@@ -279,7 +337,10 @@ var rendererTypeMap2 = /* @__PURE__ */ new Map([
   ["linebreak", linebreakTextRenderer],
   ["paragraph", paragraphTextRenderer],
   ["listitem", listitemTextRenderer],
-  ["heading", headingTextRenderer]
+  ["heading", headingTextRenderer],
+  ["table", tableTextRenderer],
+  ["tablecell", tablecellTextRenderer],
+  ["tablerow", tablerowTextRenderer]
 ]);
 var resolveDefaultRenderer2 = (context) => {
   const renderer = rendererTypeMap2.get(context.currentNode.type);
@@ -382,6 +443,14 @@ var richTextBuiltInElements = [
     label: "Code Block",
     type: "code"
   },
+  {
+    label: "Table",
+    type: "table"
+  },
+  {
+    label: "Asset",
+    type: "asset"
+  },
   {
     label: "Dynamic Token",
     type: "variable"
@@ -430,9 +499,33 @@ var getLabelForFormat = (type) => {
   const format = richTextBuiltInFormats.find((element) => element.type === type);
   return (_a = format == null ? void 0 : format.label) != null ? _a : type;
 };
+var emptyRichTextValue = {
+  root: {
+    type: "root",
+    version: 1,
+    direction: null,
+    format: "",
+    indent: 0,
+    children: [
+      {
+        type: "paragraph",
+        version: 1,
+        format: "start",
+        indent: 0,
+        direction: null,
+        children: [],
+        textFormat: 0,
+        textStyle: ""
+      }
+    ]
+  }
+};
 export {
+  assetHtmlRenderer,
+  emptyRichTextValue,
   getLabelForElement,
   getLabelForFormat,
+  getRichTextTagFromTableCellHeaderState,
   getRichTextTagsFromTextFormat,
   hasChildren,
   headingHtmlRenderer,
@@ -459,6 +552,9 @@ export {
   richTextBuiltInElements,
   richTextBuiltInFormats,
   rootHtmlRenderer,
+  tableHtmlRenderer,
+  tablecellHtmlRenderer,
+  tablerowHtmlRenderer,
   textHtmlRenderer,
   walkRichTextTree
 };

package/dist/index.js

@@ -20,8 +20,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  assetHtmlRenderer: () => assetHtmlRenderer,
+  emptyRichTextValue: () => emptyRichTextValue,
   getLabelForElement: () => getLabelForElement,
   getLabelForFormat: () => getLabelForFormat,
+  getRichTextTagFromTableCellHeaderState: () => getRichTextTagFromTableCellHeaderState,
   getRichTextTagsFromTextFormat: () => getRichTextTagsFromTextFormat,
   hasChildren: () => hasChildren,
   headingHtmlRenderer: () => headingHtmlRenderer,
@@ -48,6 +51,9 @@ __export(src_exports, {
   richTextBuiltInElements: () => richTextBuiltInElements,
   richTextBuiltInFormats: () => richTextBuiltInFormats,
   rootHtmlRenderer: () => rootHtmlRenderer,
+  tableHtmlRenderer: () => tableHtmlRenderer,
+  tablecellHtmlRenderer: () => tablecellHtmlRenderer,
+  tablerowHtmlRenderer: () => tablerowHtmlRenderer,
   textHtmlRenderer: () => textHtmlRenderer,
   walkRichTextTree: () => walkRichTextTree
 });
@@ -121,6 +127,26 @@ function hasChildren(node) {
   return "children" in node && isArrayWithLength(node.children);
 }
 
+// src/nodes/asset.ts
+var assetHtmlRenderer = ({ context }) => {
+  var _a, _b;
+  const node = context.currentNode;
+  if (node.__asset === void 0) {
+    return "";
+  }
+  if (node.__asset.type !== "image") {
+    return "";
+  }
+  const imgAttributes = /* @__PURE__ */ new Map();
+  imgAttributes.set("src", node.__asset.fields.url.value);
+  if ((_a = node.__asset.fields.title) == null ? void 0 : _a.value) {
+    imgAttributes.set("alt", node.__asset.fields.title.value);
+  }
+  const img = renderHtmlElement("img", imgAttributes);
+  const figcaption = ((_b = node.__asset.fields.description) == null ? void 0 : _b.value) ? renderHtmlElement("figcaption", null, node.__asset.fields.description.value) : "";
+  return renderHtmlElement("figure", null, `${img}${figcaption}`);
+};
+
 // src/nodes/heading.ts
 var headingHtmlRenderer = ({ context, renderChildren }) => {
   var _a;
@@ -210,6 +236,40 @@ var rootHtmlRenderer = ({ context, renderChildren }) => {
   return hasChildren(context.currentNode) ? renderChildren(context.currentNode.children) : "";
 };
 
+// src/nodes/table.ts
+var tableHtmlRenderer = ({ context, renderChildren }) => {
+  return ["table", "tbody"].reduceRight((children, tag) => {
+    return renderHtmlElement(tag, null, children);
+  }, renderChildren(context.currentNode.children));
+};
+var tableTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+
+// src/nodes/tablecell.ts
+var tablecellHtmlRenderer = ({ context, renderChildren }) => {
+  const node = context.currentNode;
+  const tag = getRichTextTagFromTableCellHeaderState(node.headerState);
+  return renderHtmlElement(tag, null, renderChildren(context.currentNode.children));
+};
+var tablecellTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+function getRichTextTagFromTableCellHeaderState(headerState) {
+  if (headerState === 0) {
+    return "td";
+  }
+  return "th";
+}
+
+// src/nodes/tablerow.ts
+var tablerowHtmlRenderer = ({ context, renderChildren }) => {
+  return renderHtmlElement("tr", null, renderChildren(context.currentNode.children));
+};
+var tablerowTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+
 // src/nodes/text.ts
 var textHtmlRenderer = ({ context }) => {
   const node = context.currentNode;
@@ -266,7 +326,11 @@ var rendererTypeMap = /* @__PURE__ */ new Map([
   ["paragraph", paragraphHtmlRenderer],
   ["root", rootHtmlRenderer],
   ["text", textHtmlRenderer],
-  ["tab", tabHtmlRenderer]
+  ["tab", tabHtmlRenderer],
+  ["table", tableHtmlRenderer],
+  ["tablecell", tablecellHtmlRenderer],
+  ["tablerow", tablerowHtmlRenderer],
+  ["asset", assetHtmlRenderer]
 ]);
 var resolveDefaultRenderer = (context) => {
   const renderer = rendererTypeMap.get(context.currentNode.type);
@@ -334,7 +398,10 @@ var rendererTypeMap2 = /* @__PURE__ */ new Map([
   ["linebreak", linebreakTextRenderer],
   ["paragraph", paragraphTextRenderer],
   ["listitem", listitemTextRenderer],
-  ["heading", headingTextRenderer]
+  ["heading", headingTextRenderer],
+  ["table", tableTextRenderer],
+  ["tablecell", tablecellTextRenderer],
+  ["tablerow", tablerowTextRenderer]
 ]);
 var resolveDefaultRenderer2 = (context) => {
   const renderer = rendererTypeMap2.get(context.currentNode.type);
@@ -437,6 +504,14 @@ var richTextBuiltInElements = [
     label: "Code Block",
     type: "code"
   },
+  {
+    label: "Table",
+    type: "table"
+  },
+  {
+    label: "Asset",
+    type: "asset"
+  },
   {
     label: "Dynamic Token",
     type: "variable"
@@ -485,10 +560,34 @@ var getLabelForFormat = (type) => {
   const format = richTextBuiltInFormats.find((element) => element.type === type);
   return (_a = format == null ? void 0 : format.label) != null ? _a : type;
 };
+var emptyRichTextValue = {
+  root: {
+    type: "root",
+    version: 1,
+    direction: null,
+    format: "",
+    indent: 0,
+    children: [
+      {
+        type: "paragraph",
+        version: 1,
+        format: "start",
+        indent: 0,
+        direction: null,
+        children: [],
+        textFormat: 0,
+        textStyle: ""
+      }
+    ]
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  assetHtmlRenderer,
+  emptyRichTextValue,
   getLabelForElement,
   getLabelForFormat,
+  getRichTextTagFromTableCellHeaderState,
   getRichTextTagsFromTextFormat,
   hasChildren,
   headingHtmlRenderer,
@@ -515,6 +614,9 @@ var getLabelForFormat = (type) => {
   richTextBuiltInElements,
   richTextBuiltInFormats,
   rootHtmlRenderer,
+  tableHtmlRenderer,
+  tablecellHtmlRenderer,
+  tablerowHtmlRenderer,
   textHtmlRenderer,
   walkRichTextTree
 });

package/dist/index.mjs

@@ -66,6 +66,26 @@ function hasChildren(node) {
   return "children" in node && isArrayWithLength(node.children);
 }
 
+// src/nodes/asset.ts
+var assetHtmlRenderer = ({ context }) => {
+  var _a, _b;
+  const node = context.currentNode;
+  if (node.__asset === void 0) {
+    return "";
+  }
+  if (node.__asset.type !== "image") {
+    return "";
+  }
+  const imgAttributes = /* @__PURE__ */ new Map();
+  imgAttributes.set("src", node.__asset.fields.url.value);
+  if ((_a = node.__asset.fields.title) == null ? void 0 : _a.value) {
+    imgAttributes.set("alt", node.__asset.fields.title.value);
+  }
+  const img = renderHtmlElement("img", imgAttributes);
+  const figcaption = ((_b = node.__asset.fields.description) == null ? void 0 : _b.value) ? renderHtmlElement("figcaption", null, node.__asset.fields.description.value) : "";
+  return renderHtmlElement("figure", null, `${img}${figcaption}`);
+};
+
 // src/nodes/heading.ts
 var headingHtmlRenderer = ({ context, renderChildren }) => {
   var _a;
@@ -155,6 +175,40 @@ var rootHtmlRenderer = ({ context, renderChildren }) => {
   return hasChildren(context.currentNode) ? renderChildren(context.currentNode.children) : "";
 };
 
+// src/nodes/table.ts
+var tableHtmlRenderer = ({ context, renderChildren }) => {
+  return ["table", "tbody"].reduceRight((children, tag) => {
+    return renderHtmlElement(tag, null, children);
+  }, renderChildren(context.currentNode.children));
+};
+var tableTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+
+// src/nodes/tablecell.ts
+var tablecellHtmlRenderer = ({ context, renderChildren }) => {
+  const node = context.currentNode;
+  const tag = getRichTextTagFromTableCellHeaderState(node.headerState);
+  return renderHtmlElement(tag, null, renderChildren(context.currentNode.children));
+};
+var tablecellTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+function getRichTextTagFromTableCellHeaderState(headerState) {
+  if (headerState === 0) {
+    return "td";
+  }
+  return "th";
+}
+
+// src/nodes/tablerow.ts
+var tablerowHtmlRenderer = ({ context, renderChildren }) => {
+  return renderHtmlElement("tr", null, renderChildren(context.currentNode.children));
+};
+var tablerowTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
+
 // src/nodes/text.ts
 var textHtmlRenderer = ({ context }) => {
   const node = context.currentNode;
@@ -211,7 +265,11 @@ var rendererTypeMap = /* @__PURE__ */ new Map([
   ["paragraph", paragraphHtmlRenderer],
   ["root", rootHtmlRenderer],
   ["text", textHtmlRenderer],
-  ["tab", tabHtmlRenderer]
+  ["tab", tabHtmlRenderer],
+  ["table", tableHtmlRenderer],
+  ["tablecell", tablecellHtmlRenderer],
+  ["tablerow", tablerowHtmlRenderer],
+  ["asset", assetHtmlRenderer]
 ]);
 var resolveDefaultRenderer = (context) => {
   const renderer = rendererTypeMap.get(context.currentNode.type);
@@ -279,7 +337,10 @@ var rendererTypeMap2 = /* @__PURE__ */ new Map([
   ["linebreak", linebreakTextRenderer],
   ["paragraph", paragraphTextRenderer],
   ["listitem", listitemTextRenderer],
-  ["heading", headingTextRenderer]
+  ["heading", headingTextRenderer],
+  ["table", tableTextRenderer],
+  ["tablecell", tablecellTextRenderer],
+  ["tablerow", tablerowTextRenderer]
 ]);
 var resolveDefaultRenderer2 = (context) => {
   const renderer = rendererTypeMap2.get(context.currentNode.type);
@@ -382,6 +443,14 @@ var richTextBuiltInElements = [
     label: "Code Block",
     type: "code"
   },
+  {
+    label: "Table",
+    type: "table"
+  },
+  {
+    label: "Asset",
+    type: "asset"
+  },
   {
     label: "Dynamic Token",
     type: "variable"
@@ -430,9 +499,33 @@ var getLabelForFormat = (type) => {
   const format = richTextBuiltInFormats.find((element) => element.type === type);
   return (_a = format == null ? void 0 : format.label) != null ? _a : type;
 };
+var emptyRichTextValue = {
+  root: {
+    type: "root",
+    version: 1,
+    direction: null,
+    format: "",
+    indent: 0,
+    children: [
+      {
+        type: "paragraph",
+        version: 1,
+        format: "start",
+        indent: 0,
+        direction: null,
+        children: [],
+        textFormat: 0,
+        textStyle: ""
+      }
+    ]
+  }
+};
 export {
+  assetHtmlRenderer,
+  emptyRichTextValue,
   getLabelForElement,
   getLabelForFormat,
+  getRichTextTagFromTableCellHeaderState,
   getRichTextTagsFromTextFormat,
   hasChildren,
   headingHtmlRenderer,
@@ -459,6 +552,9 @@ export {
   richTextBuiltInElements,
   richTextBuiltInFormats,
   rootHtmlRenderer,
+  tableHtmlRenderer,
+  tablecellHtmlRenderer,
+  tablerowHtmlRenderer,
   textHtmlRenderer,
   walkRichTextTree
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/richtext",
-  "version": "19.173.1-alpha.17+25c1176cea",
+  "version": "19.173.2-alpha.258+e8775b83de",
   "description": "Common functionality and types for Uniform Rich Text parameters",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -40,13 +40,13 @@
     "document": "api-extractor run --local"
   },
   "devDependencies": {
-    "@lexical/headless": "0.16.1",
-    "@lexical/html": "0.16.1",
-    "@lexical/link": "0.16.1",
-    "@lexical/list": "0.16.1",
-    "@lexical/rich-text": "0.16.1",
-    "@uniformdev/canvas": "^19.173.1-alpha.17+25c1176cea",
-    "lexical": "0.16.1"
+    "@lexical/headless": "0.17.1",
+    "@lexical/html": "0.17.1",
+    "@lexical/link": "0.17.1",
+    "@lexical/list": "0.17.1",
+    "@lexical/rich-text": "0.17.1",
+    "@uniformdev/assets": "19.173.2-alpha.258+e8775b83de",
+    "lexical": "0.17.1"
   },
   "files": [
     "/dist"
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "25c1176cea8d5114b92fc75cdd8bba4aa6463a50"
+  "gitHead": "e8775b83dec606ce6e2198182152d8b386e15f94"
 }