@uniformdev/canvas-react 19.177.1 → 19.177.2-alpha.10

package/dist/index.esm.js

@@ -694,11 +694,11 @@ import {
   isRichTextValue,
   isRichTextValueConsideredEmpty
 } from "@uniformdev/richtext";
-import React18, { useMemo as useMemo5 } from "react";
+import React19, { useMemo as useMemo5 } from "react";
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
 import { isRichTextNode } from "@uniformdev/richtext";
-import React17 from "react";
+import React18 from "react";
 
 // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
 import React9 from "react";
@@ -752,19 +752,28 @@ var ParagraphRichTextNode = ({ children, node }) => {
   );
 };
 
-// src/components/UniformRichText/nodes/TabRichTextNode.tsx
+// src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
+import { getRichTextTagFromTableCellHeaderState } from "@uniformdev/richtext";
 import React15 from "react";
+var TableCellRichTextNode = ({ children, node }) => {
+  const { headerState } = node;
+  const TableCellTag = getRichTextTagFromTableCellHeaderState(headerState);
+  return /* @__PURE__ */ React15.createElement(TableCellTag, null, children);
+};
+
+// src/components/UniformRichText/nodes/TabRichTextNode.tsx
+import React16 from "react";
 var TabRichTextNode = () => {
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, "	");
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, "	");
 };
 
 // src/components/UniformRichText/nodes/TextRichTextNode.tsx
 import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
-import React16 from "react";
+import React17 from "react";
 var TextRichTextNode = ({ node }) => {
   const { text, format } = node;
   const tags = getRichTextTagsFromTextFormat(format);
-  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React16.createElement(Tag, null, children), text) : text);
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React17.createElement(Tag, null, children), text) : text);
 };
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
@@ -778,8 +787,8 @@ function UniformRichTextNode({ node, ...props }) {
   if (!NodeRenderer) {
     return null;
   }
-  const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React17.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
-  return /* @__PURE__ */ React17.createElement(NodeRenderer, { node }, children);
+  const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React18.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
+  return /* @__PURE__ */ React18.createElement(NodeRenderer, { node }, children);
 }
 var rendererMap = /* @__PURE__ */ new Map([
   ["heading", HeadingRichTextNode],
@@ -788,21 +797,27 @@ var rendererMap = /* @__PURE__ */ new Map([
   ["list", ListRichTextNode],
   ["listitem", ListItemRichTextNode],
   ["paragraph", ParagraphRichTextNode],
-  ["quote", ({ children }) => /* @__PURE__ */ React17.createElement("blockquote", null, children)],
+  ["quote", ({ children }) => /* @__PURE__ */ React18.createElement("blockquote", null, children)],
   [
     "code",
-    ({ children }) => /* @__PURE__ */ React17.createElement("pre", null, /* @__PURE__ */ React17.createElement("code", null, children))
+    ({ children }) => /* @__PURE__ */ React18.createElement("pre", null, /* @__PURE__ */ React18.createElement("code", null, children))
   ],
-  ["root", ({ children }) => /* @__PURE__ */ React17.createElement(React17.Fragment, null, children)],
+  ["root", ({ children }) => /* @__PURE__ */ React18.createElement(React18.Fragment, null, children)],
   ["text", TextRichTextNode],
-  ["tab", TabRichTextNode]
+  ["tab", TabRichTextNode],
+  [
+    "table",
+    ({ children }) => /* @__PURE__ */ React18.createElement("table", null, /* @__PURE__ */ React18.createElement("tbody", null, children))
+  ],
+  ["tablerow", ({ children }) => /* @__PURE__ */ React18.createElement("tr", null, children)],
+  ["tablecell", TableCellRichTextNode]
 ]);
 var resolveRichTextDefaultRenderer = (node) => {
   return rendererMap.get(node.type);
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
-var UniformRichText = React18.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
+var UniformRichText = React19.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
   const { data: componentData } = useUniformCurrentComponent();
   const parameter = useMemo5(() => {
     var _a;
@@ -810,7 +825,7 @@ var UniformRichText = React18.forwardRef(function UniformRichText2({ parameterId
   }, [componentData, parameterId]);
   const value = useMemo5(() => parameter == null ? void 0 : parameter.value, [parameter]);
   if (!value || !isRichTextValue(value) || isRichTextValueConsideredEmpty(value)) return null;
-  return Tag === null ? /* @__PURE__ */ React18.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React18.createElement(
+  return Tag === null ? /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React19.createElement(
     Tag,
     {
       ref,
@@ -821,15 +836,15 @@ var UniformRichText = React18.forwardRef(function UniformRichText2({ parameterId
         [ATTRIBUTE_PARAMETER_TYPE]: "richText"
       }
     },
-    /* @__PURE__ */ React18.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
+    /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
   );
 });
 
 // src/components/UniformText.tsx
-import React20, { useState as useState2 } from "react";
+import React21, { useState as useState2 } from "react";
 
 // src/components/PureUniformText.tsx
-import React19 from "react";
+import React20 from "react";
 var PureUniformText = ({
   as: Tag = "span",
   parameterId,
@@ -848,10 +863,10 @@ var PureUniformText = ({
     return null;
   }
   if (!isContextualEditing) {
-    return /* @__PURE__ */ React19.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
+    return /* @__PURE__ */ React20.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
   }
   const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     Tag,
     {
       ...props,
@@ -889,7 +904,7 @@ var UniformText = ({
   }
   const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
   const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     PureUniformText,
     {
       ...props,

package/dist/index.js

@@ -718,12 +718,12 @@ var UniformPlayground = ({
 
 // src/components/UniformRichText/UniformRichText.tsx
 var import_canvas11 = require("@uniformdev/canvas");
-var import_richtext5 = require("@uniformdev/richtext");
-var import_react20 = __toESM(require("react"));
+var import_richtext6 = require("@uniformdev/richtext");
+var import_react21 = __toESM(require("react"));
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
-var import_richtext4 = require("@uniformdev/richtext");
-var import_react19 = __toESM(require("react"));
+var import_richtext5 = require("@uniformdev/richtext");
+var import_react20 = __toESM(require("react"));
 
 // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
 var import_react11 = __toESM(require("react"));
@@ -777,25 +777,34 @@ var ParagraphRichTextNode = ({ children, node }) => {
   );
 };
 
-// src/components/UniformRichText/nodes/TabRichTextNode.tsx
+// src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
+var import_richtext3 = require("@uniformdev/richtext");
 var import_react17 = __toESM(require("react"));
+var TableCellRichTextNode = ({ children, node }) => {
+  const { headerState } = node;
+  const TableCellTag = (0, import_richtext3.getRichTextTagFromTableCellHeaderState)(headerState);
+  return /* @__PURE__ */ import_react17.default.createElement(TableCellTag, null, children);
+};
+
+// src/components/UniformRichText/nodes/TabRichTextNode.tsx
+var import_react18 = __toESM(require("react"));
 var TabRichTextNode = () => {
-  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, "	");
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, "	");
 };
 
 // src/components/UniformRichText/nodes/TextRichTextNode.tsx
-var import_richtext3 = require("@uniformdev/richtext");
-var import_react18 = __toESM(require("react"));
+var import_richtext4 = require("@uniformdev/richtext");
+var import_react19 = __toESM(require("react"));
 var TextRichTextNode = ({ node }) => {
   const { text, format } = node;
-  const tags = (0, import_richtext3.getRichTextTagsFromTextFormat)(format);
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ import_react18.default.createElement(Tag, null, children), text) : text);
+  const tags = (0, import_richtext4.getRichTextTagsFromTextFormat)(format);
+  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ import_react19.default.createElement(Tag, null, children), text) : text);
 };
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
 function UniformRichTextNode({ node, ...props }) {
   var _a;
-  if (!(0, import_richtext4.isRichTextNode)(node)) return null;
+  if (!(0, import_richtext5.isRichTextNode)(node)) return null;
   let NodeRenderer = (_a = props.resolveRichTextRenderer) == null ? void 0 : _a.call(props, node);
   if (typeof NodeRenderer === "undefined") {
     NodeRenderer = resolveRichTextDefaultRenderer(node);
@@ -803,8 +812,8 @@ function UniformRichTextNode({ node, ...props }) {
   if (!NodeRenderer) {
     return null;
   }
-  const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ import_react19.default.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
-  return /* @__PURE__ */ import_react19.default.createElement(NodeRenderer, { node }, children);
+  const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ import_react20.default.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
+  return /* @__PURE__ */ import_react20.default.createElement(NodeRenderer, { node }, children);
 }
 var rendererMap = /* @__PURE__ */ new Map([
   ["heading", HeadingRichTextNode],
@@ -813,29 +822,35 @@ var rendererMap = /* @__PURE__ */ new Map([
   ["list", ListRichTextNode],
   ["listitem", ListItemRichTextNode],
   ["paragraph", ParagraphRichTextNode],
-  ["quote", ({ children }) => /* @__PURE__ */ import_react19.default.createElement("blockquote", null, children)],
+  ["quote", ({ children }) => /* @__PURE__ */ import_react20.default.createElement("blockquote", null, children)],
   [
     "code",
-    ({ children }) => /* @__PURE__ */ import_react19.default.createElement("pre", null, /* @__PURE__ */ import_react19.default.createElement("code", null, children))
+    ({ children }) => /* @__PURE__ */ import_react20.default.createElement("pre", null, /* @__PURE__ */ import_react20.default.createElement("code", null, children))
   ],
-  ["root", ({ children }) => /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, children)],
+  ["root", ({ children }) => /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, children)],
   ["text", TextRichTextNode],
-  ["tab", TabRichTextNode]
+  ["tab", TabRichTextNode],
+  [
+    "table",
+    ({ children }) => /* @__PURE__ */ import_react20.default.createElement("table", null, /* @__PURE__ */ import_react20.default.createElement("tbody", null, children))
+  ],
+  ["tablerow", ({ children }) => /* @__PURE__ */ import_react20.default.createElement("tr", null, children)],
+  ["tablecell", TableCellRichTextNode]
 ]);
 var resolveRichTextDefaultRenderer = (node) => {
   return rendererMap.get(node.type);
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
-var UniformRichText = import_react20.default.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
+var UniformRichText = import_react21.default.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
   const { data: componentData } = useUniformCurrentComponent();
-  const parameter = (0, import_react20.useMemo)(() => {
+  const parameter = (0, import_react21.useMemo)(() => {
     var _a;
     return (_a = componentData == null ? void 0 : componentData.parameters) == null ? void 0 : _a[parameterId];
   }, [componentData, parameterId]);
-  const value = (0, import_react20.useMemo)(() => parameter == null ? void 0 : parameter.value, [parameter]);
-  if (!value || !(0, import_richtext5.isRichTextValue)(value) || (0, import_richtext5.isRichTextValueConsideredEmpty)(value)) return null;
-  return Tag === null ? /* @__PURE__ */ import_react20.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react20.default.createElement(
+  const value = (0, import_react21.useMemo)(() => parameter == null ? void 0 : parameter.value, [parameter]);
+  if (!value || !(0, import_richtext6.isRichTextValue)(value) || (0, import_richtext6.isRichTextValueConsideredEmpty)(value)) return null;
+  return Tag === null ? /* @__PURE__ */ import_react21.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react21.default.createElement(
     Tag,
     {
       ref,
@@ -846,15 +861,15 @@ var UniformRichText = import_react20.default.forwardRef(function UniformRichText
         [import_canvas11.ATTRIBUTE_PARAMETER_TYPE]: "richText"
       }
     },
-    /* @__PURE__ */ import_react20.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
+    /* @__PURE__ */ import_react21.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
   );
 });
 
 // src/components/UniformText.tsx
-var import_react22 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 
 // src/components/PureUniformText.tsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var PureUniformText = ({
   as: Tag = "span",
   parameterId,
@@ -873,10 +888,10 @@ var PureUniformText = ({
     return null;
   }
   if (!isContextualEditing) {
-    return /* @__PURE__ */ import_react21.default.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
+    return /* @__PURE__ */ import_react22.default.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
   }
   const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
-  return /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(
     Tag,
     {
       ...props,
@@ -905,7 +920,7 @@ var UniformText = ({
   var _a, _b, _c;
   const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
   const { isContextualEditing } = useUniformCurrentComposition();
-  const [isFocused, setIsFocused] = (0, import_react22.useState)(false);
+  const [isFocused, setIsFocused] = (0, import_react23.useState)(false);
   const parameter = (_a = componentData == null ? void 0 : componentData.parameters) == null ? void 0 : _a[parameterId];
   const isEditable = (_c = (_b = parameter == null ? void 0 : parameter._contextualEditing) == null ? void 0 : _b.isEditable) != null ? _c : false;
   const shouldSkipCustomRendering = isFocused && isEditable;
@@ -914,7 +929,7 @@ var UniformText = ({
   }
   const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
   const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(
     PureUniformText,
     {
       ...props,
@@ -947,14 +962,14 @@ var getParameterAttributes = (options) => {
 
 // src/hooks/useCompositionEventEffect.ts
 var import_canvas13 = require("@uniformdev/canvas");
-var import_react23 = require("react");
+var import_react24 = require("react");
 function useCompositionEventEffect({
   enabled,
   projectId,
   compositionId,
   effect
 }) {
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!enabled || !compositionId || !projectId) {
       return;
     }
@@ -983,17 +998,17 @@ function useCompositionEventEffect({
 
 // src/hooks/useUniformContextualEditingState.ts
 var import_canvas14 = require("@uniformdev/canvas");
-var import_react24 = require("react");
+var import_react25 = require("react");
 var useUniformContextualEditingState = ({
   global = false
 } = {}) => {
   const { isContextualEditing } = useUniformCurrentComposition();
   const { data: componentData } = useUniformCurrentComponent();
-  const [selectedComponentReference, setSelectedComponentReference] = (0, import_react24.useState)();
-  const [previewMode, setPreviewMode] = (0, import_react24.useState)(
+  const [selectedComponentReference, setSelectedComponentReference] = (0, import_react25.useState)();
+  const [previewMode, setPreviewMode] = (0, import_react25.useState)(
     isContextualEditing ? "editor" : void 0
   );
-  const channel = (0, import_react24.useMemo)(() => {
+  const channel = (0, import_react25.useMemo)(() => {
     if (!isContextualEditing) {
       return;
     }
@@ -1003,7 +1018,7 @@ var useUniformContextualEditingState = ({
     });
     return channel2;
   }, [isContextualEditing]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     var _a, _b;
     if (!channel) {
       return;
@@ -1027,7 +1042,7 @@ var useUniformContextualEditingState = ({
       unsubscribe();
     };
   }, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference, setPreviewMode]);
-  return (0, import_react24.useMemo)(
+  return (0, import_react25.useMemo)(
     () => ({
       isContextualEditing,
       selectedComponentReference,

package/dist/index.mjs

@@ -694,11 +694,11 @@ import {
   isRichTextValue,
   isRichTextValueConsideredEmpty
 } from "@uniformdev/richtext";
-import React18, { useMemo as useMemo5 } from "react";
+import React19, { useMemo as useMemo5 } from "react";
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
 import { isRichTextNode } from "@uniformdev/richtext";
-import React17 from "react";
+import React18 from "react";
 
 // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
 import React9 from "react";
@@ -752,19 +752,28 @@ var ParagraphRichTextNode = ({ children, node }) => {
   );
 };
 
-// src/components/UniformRichText/nodes/TabRichTextNode.tsx
+// src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
+import { getRichTextTagFromTableCellHeaderState } from "@uniformdev/richtext";
 import React15 from "react";
+var TableCellRichTextNode = ({ children, node }) => {
+  const { headerState } = node;
+  const TableCellTag = getRichTextTagFromTableCellHeaderState(headerState);
+  return /* @__PURE__ */ React15.createElement(TableCellTag, null, children);
+};
+
+// src/components/UniformRichText/nodes/TabRichTextNode.tsx
+import React16 from "react";
 var TabRichTextNode = () => {
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, "	");
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, "	");
 };
 
 // src/components/UniformRichText/nodes/TextRichTextNode.tsx
 import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
-import React16 from "react";
+import React17 from "react";
 var TextRichTextNode = ({ node }) => {
   const { text, format } = node;
   const tags = getRichTextTagsFromTextFormat(format);
-  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React16.createElement(Tag, null, children), text) : text);
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React17.createElement(Tag, null, children), text) : text);
 };
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
@@ -778,8 +787,8 @@ function UniformRichTextNode({ node, ...props }) {
   if (!NodeRenderer) {
     return null;
   }
-  const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React17.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
-  return /* @__PURE__ */ React17.createElement(NodeRenderer, { node }, children);
+  const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React18.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
+  return /* @__PURE__ */ React18.createElement(NodeRenderer, { node }, children);
 }
 var rendererMap = /* @__PURE__ */ new Map([
   ["heading", HeadingRichTextNode],
@@ -788,21 +797,27 @@ var rendererMap = /* @__PURE__ */ new Map([
   ["list", ListRichTextNode],
   ["listitem", ListItemRichTextNode],
   ["paragraph", ParagraphRichTextNode],
-  ["quote", ({ children }) => /* @__PURE__ */ React17.createElement("blockquote", null, children)],
+  ["quote", ({ children }) => /* @__PURE__ */ React18.createElement("blockquote", null, children)],
   [
     "code",
-    ({ children }) => /* @__PURE__ */ React17.createElement("pre", null, /* @__PURE__ */ React17.createElement("code", null, children))
+    ({ children }) => /* @__PURE__ */ React18.createElement("pre", null, /* @__PURE__ */ React18.createElement("code", null, children))
   ],
-  ["root", ({ children }) => /* @__PURE__ */ React17.createElement(React17.Fragment, null, children)],
+  ["root", ({ children }) => /* @__PURE__ */ React18.createElement(React18.Fragment, null, children)],
   ["text", TextRichTextNode],
-  ["tab", TabRichTextNode]
+  ["tab", TabRichTextNode],
+  [
+    "table",
+    ({ children }) => /* @__PURE__ */ React18.createElement("table", null, /* @__PURE__ */ React18.createElement("tbody", null, children))
+  ],
+  ["tablerow", ({ children }) => /* @__PURE__ */ React18.createElement("tr", null, children)],
+  ["tablecell", TableCellRichTextNode]
 ]);
 var resolveRichTextDefaultRenderer = (node) => {
   return rendererMap.get(node.type);
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
-var UniformRichText = React18.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
+var UniformRichText = React19.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
   const { data: componentData } = useUniformCurrentComponent();
   const parameter = useMemo5(() => {
     var _a;
@@ -810,7 +825,7 @@ var UniformRichText = React18.forwardRef(function UniformRichText2({ parameterId
   }, [componentData, parameterId]);
   const value = useMemo5(() => parameter == null ? void 0 : parameter.value, [parameter]);
   if (!value || !isRichTextValue(value) || isRichTextValueConsideredEmpty(value)) return null;
-  return Tag === null ? /* @__PURE__ */ React18.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React18.createElement(
+  return Tag === null ? /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React19.createElement(
     Tag,
     {
       ref,
@@ -821,15 +836,15 @@ var UniformRichText = React18.forwardRef(function UniformRichText2({ parameterId
         [ATTRIBUTE_PARAMETER_TYPE]: "richText"
       }
     },
-    /* @__PURE__ */ React18.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
+    /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
   );
 });
 
 // src/components/UniformText.tsx
-import React20, { useState as useState2 } from "react";
+import React21, { useState as useState2 } from "react";
 
 // src/components/PureUniformText.tsx
-import React19 from "react";
+import React20 from "react";
 var PureUniformText = ({
   as: Tag = "span",
   parameterId,
@@ -848,10 +863,10 @@ var PureUniformText = ({
     return null;
   }
   if (!isContextualEditing) {
-    return /* @__PURE__ */ React19.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
+    return /* @__PURE__ */ React20.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
   }
   const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     Tag,
     {
       ...props,
@@ -889,7 +904,7 @@ var UniformText = ({
   }
   const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
   const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     PureUniformText,
     {
       ...props,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "19.177.1",
+  "version": "19.177.2-alpha.10+c9cb5f414c",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -45,10 +45,10 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.177.1",
-    "@uniformdev/context": "19.177.1",
-    "@uniformdev/context-react": "19.177.1",
-    "@uniformdev/richtext": "19.177.1"
+    "@uniformdev/canvas": "19.177.2-alpha.10+c9cb5f414c",
+    "@uniformdev/context": "19.177.2-alpha.10+c9cb5f414c",
+    "@uniformdev/context-react": "19.177.2-alpha.10+c9cb5f414c",
+    "@uniformdev/richtext": "19.177.2-alpha.10+c9cb5f414c"
   },
   "peerDependencies": {
     "immer": ">= 10",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1236153b0d17f18fc96d50f803a7eeaa4b366688"
+  "gitHead": "c9cb5f414c41dc1d2c37dff02a5b87484901657e"
 }