@uniformdev/canvas-react 19.173.1-alpha.17 → 19.173.2-alpha.258

package/dist/index.mjs

@@ -695,59 +695,70 @@ import {
   ATTRIBUTE_PARAMETER_ID,
   ATTRIBUTE_PARAMETER_TYPE
 } from "@uniformdev/canvas";
-import {
-  isRichTextValue,
-  isRichTextValueConsideredEmpty
-} from "@uniformdev/richtext";
-import React18, { useMemo as useMemo5 } from "react";
+import { isRichTextValue, isRichTextValueConsideredEmpty } from "@uniformdev/richtext";
+import React20 from "react";
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
 import { isRichTextNode } from "@uniformdev/richtext";
-import React17 from "react";
+import React19 from "react";
 
-// src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
+// src/components/UniformRichText/nodes/AssetRichTextNode.tsx
 import React9 from "react";
+var AssetRichTextNode = ({ node }) => {
+  var _a, _b;
+  const { __asset } = node;
+  if (__asset === void 0) {
+    return null;
+  }
+  if (__asset.type !== "image") {
+    return null;
+  }
+  return /* @__PURE__ */ React9.createElement("figure", null, /* @__PURE__ */ React9.createElement("img", { src: __asset.fields.url.value, alt: (_a = __asset.fields.title) == null ? void 0 : _a.value }), ((_b = __asset.fields.description) == null ? void 0 : _b.value) ? /* @__PURE__ */ React9.createElement("figcaption", null, __asset.fields.description.value) : null);
+};
+
+// src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
+import React10 from "react";
 var HeadingRichTextNode = ({ children, node }) => {
   const { tag } = node;
   const HTag = tag != null ? tag : "h1";
-  return /* @__PURE__ */ React9.createElement(HTag, null, children);
+  return /* @__PURE__ */ React10.createElement(HTag, null, children);
 };
 
 // src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
-import React10 from "react";
+import React11 from "react";
 var LinebreakRichTextNode = () => {
-  return /* @__PURE__ */ React10.createElement("br", null);
+  return /* @__PURE__ */ React11.createElement("br", null);
 };
 
 // src/components/UniformRichText/nodes/LinkRichTextNode.tsx
 import { linkParamValueToHref } from "@uniformdev/richtext";
-import React11 from "react";
+import React12 from "react";
 var LinkRichTextNode = ({ children, node }) => {
   const { link } = node;
-  return /* @__PURE__ */ React11.createElement("a", { href: linkParamValueToHref(link) }, children);
+  return /* @__PURE__ */ React12.createElement("a", { href: linkParamValueToHref(link) }, children);
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
-import React12 from "react";
+import React13 from "react";
 var ListItemRichTextNode = ({ children, node }) => {
   const { value } = node;
-  return /* @__PURE__ */ React12.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
+  return /* @__PURE__ */ React13.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
 };
 
 // src/components/UniformRichText/nodes/ListRichTextNode.tsx
-import React13 from "react";
+import React14 from "react";
 var ListRichTextNode = ({ children, node }) => {
   const { tag, start } = node;
   const ListTag = tag != null ? tag : "ul";
-  return /* @__PURE__ */ React13.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
+  return /* @__PURE__ */ React14.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
 };
 
 // src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
 import { isPureDirection, isPureTextAlign } from "@uniformdev/richtext";
-import React14 from "react";
+import React15 from "react";
 var ParagraphRichTextNode = ({ children, node }) => {
   const { format, direction } = node;
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     "p",
     {
       dir: isPureDirection(direction) ? direction : void 0,
@@ -757,19 +768,28 @@ var ParagraphRichTextNode = ({ children, node }) => {
   );
 };
 
+// src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
+import { getRichTextTagFromTableCellHeaderState } from "@uniformdev/richtext";
+import React16 from "react";
+var TableCellRichTextNode = ({ children, node }) => {
+  const { headerState } = node;
+  const TableCellTag = getRichTextTagFromTableCellHeaderState(headerState);
+  return /* @__PURE__ */ React16.createElement(TableCellTag, null, children);
+};
+
 // src/components/UniformRichText/nodes/TabRichTextNode.tsx
-import React15 from "react";
+import React17 from "react";
 var TabRichTextNode = () => {
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, "	");
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, "	");
 };
 
 // src/components/UniformRichText/nodes/TextRichTextNode.tsx
 import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
-import React16 from "react";
+import React18 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__ */ React18.createElement(React18.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React18.createElement(Tag, null, children), text) : text);
 };
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
@@ -783,8 +803,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__ */ React19.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
+  return /* @__PURE__ */ React19.createElement(NodeRenderer, { node }, children);
 }
 var rendererMap = /* @__PURE__ */ new Map([
   ["heading", HeadingRichTextNode],
@@ -793,48 +813,60 @@ var rendererMap = /* @__PURE__ */ new Map([
   ["list", ListRichTextNode],
   ["listitem", ListItemRichTextNode],
   ["paragraph", ParagraphRichTextNode],
-  ["quote", ({ children }) => /* @__PURE__ */ React17.createElement("blockquote", null, children)],
+  ["quote", ({ children }) => /* @__PURE__ */ React19.createElement("blockquote", null, children)],
   [
     "code",
-    ({ children }) => /* @__PURE__ */ React17.createElement("pre", null, /* @__PURE__ */ React17.createElement("code", null, children))
+    ({ children }) => /* @__PURE__ */ React19.createElement("pre", null, /* @__PURE__ */ React19.createElement("code", null, children))
   ],
-  ["root", ({ children }) => /* @__PURE__ */ React17.createElement(React17.Fragment, null, children)],
+  ["root", ({ children }) => /* @__PURE__ */ React19.createElement(React19.Fragment, null, children)],
   ["text", TextRichTextNode],
-  ["tab", TabRichTextNode]
+  ["tab", TabRichTextNode],
+  [
+    "table",
+    ({ children }) => /* @__PURE__ */ React19.createElement("table", null, /* @__PURE__ */ React19.createElement("tbody", null, children))
+  ],
+  ["tablerow", ({ children }) => /* @__PURE__ */ React19.createElement("tr", null, children)],
+  ["tablecell", TableCellRichTextNode],
+  ["asset", AssetRichTextNode]
 ]);
 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) {
-  const { data: componentData } = useUniformCurrentComponent();
-  const parameter = useMemo5(() => {
-    var _a;
-    return (_a = componentData == null ? void 0 : componentData.parameters) == null ? void 0 : _a[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(
+var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
+  var _a;
+  const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
+  const { isContextualEditing } = useUniformCurrentComposition();
+  const parameter = (_a = componentData == null ? void 0 : componentData.parameters) == null ? void 0 : _a[parameterId];
+  if (!parameter) {
+    return null;
+  }
+  const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
+  const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
+  const value = parameter.value;
+  if (!value || !isRichTextValue(value)) return null;
+  if (!isContextualEditing && isRichTextValueConsideredEmpty(value)) return null;
+  return Tag === null ? /* @__PURE__ */ React20.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React20.createElement(
     Tag,
     {
       ref,
       ...props,
-      ...{
+      ...isContextualEditing ? {
         [ATTRIBUTE_COMPONENT_ID]: componentData == null ? void 0 : componentData._id,
         [ATTRIBUTE_PARAMETER_ID]: parameterId,
         [ATTRIBUTE_PARAMETER_TYPE]: "richText"
-      }
+      } : {}
     },
-    /* @__PURE__ */ React18.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
+    isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ React20.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
   );
 });
 
 // src/components/UniformText.tsx
-import React20, { useState as useState2 } from "react";
+import React22, { useState as useState2 } from "react";
 
 // src/components/PureUniformText.tsx
-import React19 from "react";
+import React21 from "react";
 var PureUniformText = ({
   as: Tag = "span",
   parameterId,
@@ -853,10 +885,10 @@ var PureUniformText = ({
     return null;
   }
   if (!isContextualEditing) {
-    return /* @__PURE__ */ React19.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
+    return /* @__PURE__ */ React21.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__ */ React21.createElement(
     Tag,
     {
       ...props,
@@ -894,7 +926,7 @@ var UniformText = ({
   }
   const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
   const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React22.createElement(
     PureUniformText,
     {
       ...props,
@@ -972,7 +1004,7 @@ import {
   createCanvasChannel as createCanvasChannel2,
   isUpdateContextualEditingStateInternalMessage
 } from "@uniformdev/canvas";
-import { useEffect as useEffect3, useMemo as useMemo6, useState as useState3 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo5, useState as useState3 } from "react";
 var useUniformContextualEditingState = ({
   global = false
 } = {}) => {
@@ -982,7 +1014,7 @@ var useUniformContextualEditingState = ({
   const [previewMode, setPreviewMode] = useState3(
     isContextualEditing ? "editor" : void 0
   );
-  const channel = useMemo6(() => {
+  const channel = useMemo5(() => {
     if (!isContextualEditing) {
       return;
     }
@@ -1016,7 +1048,7 @@ var useUniformContextualEditingState = ({
       unsubscribe();
     };
   }, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference, setPreviewMode]);
-  return useMemo6(
+  return useMemo5(
     () => ({
       isContextualEditing,
       selectedComponentReference,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "19.173.1-alpha.17+25c1176cea",
+  "version": "19.173.2-alpha.258+e8775b83de",
   "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.173.1-alpha.17+25c1176cea",
-    "@uniformdev/context": "19.173.1-alpha.17+25c1176cea",
-    "@uniformdev/context-react": "19.173.1-alpha.17+25c1176cea",
-    "@uniformdev/richtext": "19.173.1-alpha.17+25c1176cea"
+    "@uniformdev/canvas": "19.173.2-alpha.258+e8775b83de",
+    "@uniformdev/context": "19.173.2-alpha.258+e8775b83de",
+    "@uniformdev/context-react": "19.173.2-alpha.258+e8775b83de",
+    "@uniformdev/richtext": "19.173.2-alpha.258+e8775b83de"
   },
   "peerDependencies": {
     "immer": ">= 10",
@@ -56,10 +56,10 @@
     "react-dom": ">=16"
   },
   "devDependencies": {
-    "@types/react": "18.2.40",
+    "@types/react": "18.3.3",
     "immer": "10.1.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "files": [
     "/dist"
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "25c1176cea8d5114b92fc75cdd8bba4aa6463a50"
+  "gitHead": "e8775b83dec606ce6e2198182152d8b386e15f94"
 }