@uniformdev/canvas-react 20.72.2-alpha.3 → 20.72.3-alpha.2

package/dist/index.d.mts

@@ -1,9 +1,9 @@
-import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
+import React$1, { Key, ReactNode, PropsWithChildren, AnchorHTMLAttributes } from 'react';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
 import { a as PureUniformTextProps } from './PureUniformText-CzdaUBnC.mjs';
 import { CompositionMetadata } from '@uniformdev/context';
-import { RichTextNode } from '@uniformdev/richtext';
+import { RichTextNode, linkParamValueToHtmlAttributes } from '@uniformdev/richtext';
 
 /**
  * Props passed to a Canvas component implementation.
@@ -788,6 +788,13 @@ type RichTextRendererComponent<TNode extends RichTextNode = RichTextNode> = Reac
  */
 type RenderRichTextComponentResolver = (node: RichTextNode) => RichTextRendererComponent | null | undefined;
 
+/**
+ * Converts a LinkParamValue into React-compatible anchor props.
+ * Delegates to `linkParamValueToHtmlAttributes` for denylist / auto-rel logic,
+ * then translates the literal `class` key to `className` for React.
+ */
+declare function linkParamValueToAnchorProps(link: NonNullable<Parameters<typeof linkParamValueToHtmlAttributes>[0]>): AnchorHTMLAttributes<HTMLAnchorElement>;
+
 type UniformRichTextProps = {
     /**
      * The name of the  HTML tag to render.
@@ -940,4 +947,4 @@ declare const createComponentStoreResolver: (options: {
     defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
 }) => RenderComponentResolver;
 
-export { type ComponentProps, type ComponentStore, type CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, type RenderComponentResolver, type RenderRichTextComponentResolver, type RichTextComponentProps, type RichTextRendererComponent, type SystemRenderConfig, type SystemRenderFunction, UniformComponent, type UniformComponentContextValue, type UniformComponentProps, UniformComposition, UniformCompositionContext, type UniformCompositionProps, UniformPlayground, type UniformPlaygroundDecorator, type UniformPlaygroundProps, UniformRichText, UniformRichTextNode, type UniformRichTextNodeProps, type UniformRichTextProps, UniformSlot, type UniformSlotProps, type UniformSlotWrapperComponentProps, UniformText, type UniformTextProps, type UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, type UseUniformContextualEditingStateReturnType, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };
+export { type ComponentProps, type ComponentStore, type CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, type RenderComponentResolver, type RenderRichTextComponentResolver, type RichTextComponentProps, type RichTextRendererComponent, type SystemRenderConfig, type SystemRenderFunction, UniformComponent, type UniformComponentContextValue, type UniformComponentProps, UniformComposition, UniformCompositionContext, type UniformCompositionProps, UniformPlayground, type UniformPlaygroundDecorator, type UniformPlaygroundProps, UniformRichText, UniformRichTextNode, type UniformRichTextNodeProps, type UniformRichTextProps, UniformSlot, type UniformSlotProps, type UniformSlotWrapperComponentProps, UniformText, type UniformTextProps, type UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, type UseUniformContextualEditingStateReturnType, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, linkParamValueToAnchorProps, registerUniformComponent, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
+import React$1, { Key, ReactNode, PropsWithChildren, AnchorHTMLAttributes } from 'react';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
 import { a as PureUniformTextProps } from './PureUniformText-CzdaUBnC.js';
 import { CompositionMetadata } from '@uniformdev/context';
-import { RichTextNode } from '@uniformdev/richtext';
+import { RichTextNode, linkParamValueToHtmlAttributes } from '@uniformdev/richtext';
 
 /**
  * Props passed to a Canvas component implementation.
@@ -788,6 +788,13 @@ type RichTextRendererComponent<TNode extends RichTextNode = RichTextNode> = Reac
  */
 type RenderRichTextComponentResolver = (node: RichTextNode) => RichTextRendererComponent | null | undefined;
 
+/**
+ * Converts a LinkParamValue into React-compatible anchor props.
+ * Delegates to `linkParamValueToHtmlAttributes` for denylist / auto-rel logic,
+ * then translates the literal `class` key to `className` for React.
+ */
+declare function linkParamValueToAnchorProps(link: NonNullable<Parameters<typeof linkParamValueToHtmlAttributes>[0]>): AnchorHTMLAttributes<HTMLAnchorElement>;
+
 type UniformRichTextProps = {
     /**
      * The name of the  HTML tag to render.
@@ -940,4 +947,4 @@ declare const createComponentStoreResolver: (options: {
     defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
 }) => RenderComponentResolver;
 
-export { type ComponentProps, type ComponentStore, type CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, type RenderComponentResolver, type RenderRichTextComponentResolver, type RichTextComponentProps, type RichTextRendererComponent, type SystemRenderConfig, type SystemRenderFunction, UniformComponent, type UniformComponentContextValue, type UniformComponentProps, UniformComposition, UniformCompositionContext, type UniformCompositionProps, UniformPlayground, type UniformPlaygroundDecorator, type UniformPlaygroundProps, UniformRichText, UniformRichTextNode, type UniformRichTextNodeProps, type UniformRichTextProps, UniformSlot, type UniformSlotProps, type UniformSlotWrapperComponentProps, UniformText, type UniformTextProps, type UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, type UseUniformContextualEditingStateReturnType, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };
+export { type ComponentProps, type ComponentStore, type CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, type RenderComponentResolver, type RenderRichTextComponentResolver, type RichTextComponentProps, type RichTextRendererComponent, type SystemRenderConfig, type SystemRenderFunction, UniformComponent, type UniformComponentContextValue, type UniformComponentProps, UniformComposition, UniformCompositionContext, type UniformCompositionProps, UniformPlayground, type UniformPlaygroundDecorator, type UniformPlaygroundProps, UniformRichText, UniformRichTextNode, type UniformRichTextNodeProps, type UniformRichTextProps, UniformSlot, type UniformSlotProps, type UniformSlotWrapperComponentProps, UniformText, type UniformTextProps, type UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, type UseUniformContextualEditingStateReturnType, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, linkParamValueToAnchorProps, registerUniformComponent, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.esm.js

@@ -725,6 +725,26 @@ var UniformPlayground = ({
   );
 };
 
+// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
+import { linkParamValueToHtmlAttributes } from "@uniformdev/richtext";
+import React9 from "react";
+function linkParamValueToAnchorProps(link) {
+  const raw = linkParamValueToHtmlAttributes(link);
+  const result = {};
+  for (const [key, value] of Object.entries(raw)) {
+    if (key === "class") {
+      result["className"] = value;
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+var LinkRichTextNode = ({ children, node }) => {
+  const { link } = node;
+  return /* @__PURE__ */ React9.createElement("a", { ...linkParamValueToAnchorProps(link) }, children);
+};
+
 // src/components/UniformRichText/UniformRichText.tsx
 import {
   ATTRIBUTE_COMPONENT_ID,
@@ -739,7 +759,7 @@ import { isRichTextNode } from "@uniformdev/richtext";
 import React19 from "react";
 
 // src/components/UniformRichText/nodes/AssetRichTextNode.tsx
-import React9 from "react";
+import React10 from "react";
 var AssetRichTextNode = ({ node }) => {
   var _a, _b;
   const { __asset } = node;
@@ -747,37 +767,29 @@ var AssetRichTextNode = ({ node }) => {
     return null;
   }
   if (__asset.type === "image") {
-    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);
+    return /* @__PURE__ */ React10.createElement("figure", null, /* @__PURE__ */ React10.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__ */ React10.createElement("figcaption", null, __asset.fields.description.value) : null);
   }
   if (__asset.type === "video") {
-    return /* @__PURE__ */ React9.createElement("video", { src: __asset.fields.url.value, controls: true });
+    return /* @__PURE__ */ React10.createElement("video", { src: __asset.fields.url.value, controls: true });
   }
   if (__asset.type === "audio") {
-    return /* @__PURE__ */ React9.createElement("audio", { src: __asset.fields.url.value, controls: true });
+    return /* @__PURE__ */ React10.createElement("audio", { src: __asset.fields.url.value, controls: true });
   }
   return null;
 };
 
 // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
-import React10 from "react";
+import React11 from "react";
 var HeadingRichTextNode = ({ children, node }) => {
   const { tag } = node;
   const HTag = tag != null ? tag : "h1";
-  return /* @__PURE__ */ React10.createElement(HTag, null, children);
+  return /* @__PURE__ */ React11.createElement(HTag, null, children);
 };
 
 // src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
-import React11 from "react";
-var LinebreakRichTextNode = () => {
-  return /* @__PURE__ */ React11.createElement("br", null);
-};
-
-// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
-import { linkParamValueToHref } from "@uniformdev/richtext";
 import React12 from "react";
-var LinkRichTextNode = ({ children, node }) => {
-  const { link } = node;
-  return /* @__PURE__ */ React12.createElement("a", { href: linkParamValueToHref(link) }, children);
+var LinebreakRichTextNode = () => {
+  return /* @__PURE__ */ React12.createElement("br", null);
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
@@ -1090,6 +1102,7 @@ export {
   createComponentStoreResolver,
   createUniformApiEnhancer,
   getParameterAttributes,
+  linkParamValueToAnchorProps,
   registerUniformComponent,
   useUniformContextualEditing,
   useUniformContextualEditingState,

package/dist/index.js

@@ -48,6 +48,7 @@ __export(index_exports, {
   createComponentStoreResolver: () => createComponentStoreResolver,
   createUniformApiEnhancer: () => import_canvas4.createUniformApiEnhancer,
   getParameterAttributes: () => getParameterAttributes,
+  linkParamValueToAnchorProps: () => linkParamValueToAnchorProps,
   registerUniformComponent: () => registerUniformComponent,
   useUniformContextualEditing: () => useUniformContextualEditing,
   useUniformContextualEditingState: () => useUniformContextualEditingState,
@@ -748,6 +749,26 @@ var UniformPlayground = ({
   );
 };
 
+// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
+var import_richtext = require("@uniformdev/richtext");
+var import_react11 = __toESM(require("react"));
+function linkParamValueToAnchorProps(link) {
+  const raw = (0, import_richtext.linkParamValueToHtmlAttributes)(link);
+  const result = {};
+  for (const [key, value] of Object.entries(raw)) {
+    if (key === "class") {
+      result["className"] = value;
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+var LinkRichTextNode = ({ children, node }) => {
+  const { link } = node;
+  return /* @__PURE__ */ import_react11.default.createElement("a", { ...linkParamValueToAnchorProps(link) }, children);
+};
+
 // src/components/UniformRichText/UniformRichText.tsx
 var import_canvas11 = require("@uniformdev/canvas");
 var import_richtext6 = require("@uniformdev/richtext");
@@ -758,7 +779,7 @@ var import_richtext5 = require("@uniformdev/richtext");
 var import_react21 = __toESM(require("react"));
 
 // src/components/UniformRichText/nodes/AssetRichTextNode.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var AssetRichTextNode = ({ node }) => {
   var _a, _b;
   const { __asset } = node;
@@ -766,37 +787,29 @@ var AssetRichTextNode = ({ node }) => {
     return null;
   }
   if (__asset.type === "image") {
-    return /* @__PURE__ */ import_react11.default.createElement("figure", null, /* @__PURE__ */ import_react11.default.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__ */ import_react11.default.createElement("figcaption", null, __asset.fields.description.value) : null);
+    return /* @__PURE__ */ import_react12.default.createElement("figure", null, /* @__PURE__ */ import_react12.default.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__ */ import_react12.default.createElement("figcaption", null, __asset.fields.description.value) : null);
   }
   if (__asset.type === "video") {
-    return /* @__PURE__ */ import_react11.default.createElement("video", { src: __asset.fields.url.value, controls: true });
+    return /* @__PURE__ */ import_react12.default.createElement("video", { src: __asset.fields.url.value, controls: true });
   }
   if (__asset.type === "audio") {
-    return /* @__PURE__ */ import_react11.default.createElement("audio", { src: __asset.fields.url.value, controls: true });
+    return /* @__PURE__ */ import_react12.default.createElement("audio", { src: __asset.fields.url.value, controls: true });
   }
   return null;
 };
 
 // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var HeadingRichTextNode = ({ children, node }) => {
   const { tag } = node;
   const HTag = tag != null ? tag : "h1";
-  return /* @__PURE__ */ import_react12.default.createElement(HTag, null, children);
+  return /* @__PURE__ */ import_react13.default.createElement(HTag, null, children);
 };
 
 // src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
-var import_react13 = __toESM(require("react"));
-var LinebreakRichTextNode = () => {
-  return /* @__PURE__ */ import_react13.default.createElement("br", null);
-};
-
-// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
-var import_richtext = require("@uniformdev/richtext");
 var import_react14 = __toESM(require("react"));
-var LinkRichTextNode = ({ children, node }) => {
-  const { link } = node;
-  return /* @__PURE__ */ import_react14.default.createElement("a", { href: (0, import_richtext.linkParamValueToHref)(link) }, children);
+var LinebreakRichTextNode = () => {
+  return /* @__PURE__ */ import_react14.default.createElement("br", null);
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
@@ -1105,6 +1118,7 @@ var useUniformContextualEditingState = ({
   createComponentStoreResolver,
   createUniformApiEnhancer,
   getParameterAttributes,
+  linkParamValueToAnchorProps,
   registerUniformComponent,
   useUniformContextualEditing,
   useUniformContextualEditingState,

package/dist/index.mjs

@@ -725,6 +725,26 @@ var UniformPlayground = ({
   );
 };
 
+// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
+import { linkParamValueToHtmlAttributes } from "@uniformdev/richtext";
+import React9 from "react";
+function linkParamValueToAnchorProps(link) {
+  const raw = linkParamValueToHtmlAttributes(link);
+  const result = {};
+  for (const [key, value] of Object.entries(raw)) {
+    if (key === "class") {
+      result["className"] = value;
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+var LinkRichTextNode = ({ children, node }) => {
+  const { link } = node;
+  return /* @__PURE__ */ React9.createElement("a", { ...linkParamValueToAnchorProps(link) }, children);
+};
+
 // src/components/UniformRichText/UniformRichText.tsx
 import {
   ATTRIBUTE_COMPONENT_ID,
@@ -739,7 +759,7 @@ import { isRichTextNode } from "@uniformdev/richtext";
 import React19 from "react";
 
 // src/components/UniformRichText/nodes/AssetRichTextNode.tsx
-import React9 from "react";
+import React10 from "react";
 var AssetRichTextNode = ({ node }) => {
   var _a, _b;
   const { __asset } = node;
@@ -747,37 +767,29 @@ var AssetRichTextNode = ({ node }) => {
     return null;
   }
   if (__asset.type === "image") {
-    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);
+    return /* @__PURE__ */ React10.createElement("figure", null, /* @__PURE__ */ React10.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__ */ React10.createElement("figcaption", null, __asset.fields.description.value) : null);
   }
   if (__asset.type === "video") {
-    return /* @__PURE__ */ React9.createElement("video", { src: __asset.fields.url.value, controls: true });
+    return /* @__PURE__ */ React10.createElement("video", { src: __asset.fields.url.value, controls: true });
   }
   if (__asset.type === "audio") {
-    return /* @__PURE__ */ React9.createElement("audio", { src: __asset.fields.url.value, controls: true });
+    return /* @__PURE__ */ React10.createElement("audio", { src: __asset.fields.url.value, controls: true });
   }
   return null;
 };
 
 // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
-import React10 from "react";
+import React11 from "react";
 var HeadingRichTextNode = ({ children, node }) => {
   const { tag } = node;
   const HTag = tag != null ? tag : "h1";
-  return /* @__PURE__ */ React10.createElement(HTag, null, children);
+  return /* @__PURE__ */ React11.createElement(HTag, null, children);
 };
 
 // src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
-import React11 from "react";
-var LinebreakRichTextNode = () => {
-  return /* @__PURE__ */ React11.createElement("br", null);
-};
-
-// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
-import { linkParamValueToHref } from "@uniformdev/richtext";
 import React12 from "react";
-var LinkRichTextNode = ({ children, node }) => {
-  const { link } = node;
-  return /* @__PURE__ */ React12.createElement("a", { href: linkParamValueToHref(link) }, children);
+var LinebreakRichTextNode = () => {
+  return /* @__PURE__ */ React12.createElement("br", null);
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
@@ -1090,6 +1102,7 @@ export {
   createComponentStoreResolver,
   createUniformApiEnhancer,
   getParameterAttributes,
+  linkParamValueToAnchorProps,
   registerUniformComponent,
   useUniformContextualEditing,
   useUniformContextualEditingState,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "20.72.2-alpha.3+a1f072e7b4",
+  "version": "20.72.3-alpha.2+36e92d30ab",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -44,10 +44,10 @@
     "apidocs-extract": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/canvas": "20.72.2-alpha.3+a1f072e7b4",
-    "@uniformdev/context": "20.72.2-alpha.3+a1f072e7b4",
-    "@uniformdev/context-react": "20.72.2-alpha.3+a1f072e7b4",
-    "@uniformdev/richtext": "20.72.2-alpha.3+a1f072e7b4"
+    "@uniformdev/canvas": "20.72.3-alpha.2+36e92d30ab",
+    "@uniformdev/context": "20.72.3-alpha.2+36e92d30ab",
+    "@uniformdev/context-react": "20.72.3-alpha.2+36e92d30ab",
+    "@uniformdev/richtext": "20.72.3-alpha.2+36e92d30ab"
   },
   "peerDependencies": {
     "immer": ">= 10",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a1f072e7b42ac4b3c694ebdd2e75216efd74a9c2"
+  "gitHead": "36e92d30ab1b97fc68cf16fc22c6f7865ac8ba97"
 }