@uniformdev/canvas-react 20.34.3-alpha.70 → 20.35.1-alpha.188

package/dist/index.d.mts

@@ -19,7 +19,7 @@ type ComponentProps<TProps = unknown> = TProps & {
  */
 type RenderComponentResolver = (component: ComponentInstance) => React.ComponentType<ComponentProps<any>> | null;
 /** Function that renders Canvas system internals */
-type SystemRenderFunction = (component: ComponentInstance, key: Key, renderChild: (component: ComponentInstance, key: Key) => JSX.Element | null) => JSX.Element | null;
+type SystemRenderFunction = (component: ComponentInstance, key: Key, renderChild: (component: ComponentInstance, key: Key) => ReactNode | null) => ReactNode | null;
 /** Configures rendering of system components (tests, pz) */
 type SystemRenderConfig = {
     test: SystemRenderFunction;
@@ -55,7 +55,7 @@ type UniformComponentProps<TRenderProps = unknown> = {
     /** Resolves a React component to render a Canvas component, generally by inspecting type/variant */
     resolveRenderer?: RenderComponentResolver;
     /** Children to render. Can also be a function that takes ComponentProps as argument */
-    children?: ReactNode | ((props: ComponentProps<TRenderProps>) => JSX.Element);
+    children?: ReactNode | ((props: ComponentProps<TRenderProps>) => ReactNode);
     /**
      * When to track behavior from enrichment tags on the current composition
      * onView: adds enrichment score when the visitor views the tagged component in the browser viewport.
@@ -159,6 +159,13 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                     name: string;
                     value?: string;
                     helpText?: string;
+                    optionsSource?: {
+                        source: "static";
+                        options: {
+                            name: string;
+                            value: string;
+                        }[];
+                    };
                 }[];
                 previewValue?: string;
             };
@@ -842,7 +849,7 @@ type CustomSlotChildRenderFunc = (options: {
     child: ReactNode;
     component: ComponentInstance;
     key: Key;
-}) => JSX.Element;
+}) => ReactNode;
 type UniformSlotWrapperComponentProps = {
     items: ReactNode[];
     slotName: string;
@@ -868,7 +875,7 @@ type UniformSlotProps<TSlotNames extends string> = {
     emptyPlaceholder?: React$1.ReactNode;
 };
 /** Renders a named Slot within a Composition. */
-declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): JSX.Element | null;
+declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): ReactNode | null;
 
 /**
  * Converts a raw Canvas component instance to React component props format.

package/dist/index.d.ts

@@ -19,7 +19,7 @@ type ComponentProps<TProps = unknown> = TProps & {
  */
 type RenderComponentResolver = (component: ComponentInstance) => React.ComponentType<ComponentProps<any>> | null;
 /** Function that renders Canvas system internals */
-type SystemRenderFunction = (component: ComponentInstance, key: Key, renderChild: (component: ComponentInstance, key: Key) => JSX.Element | null) => JSX.Element | null;
+type SystemRenderFunction = (component: ComponentInstance, key: Key, renderChild: (component: ComponentInstance, key: Key) => ReactNode | null) => ReactNode | null;
 /** Configures rendering of system components (tests, pz) */
 type SystemRenderConfig = {
     test: SystemRenderFunction;
@@ -55,7 +55,7 @@ type UniformComponentProps<TRenderProps = unknown> = {
     /** Resolves a React component to render a Canvas component, generally by inspecting type/variant */
     resolveRenderer?: RenderComponentResolver;
     /** Children to render. Can also be a function that takes ComponentProps as argument */
-    children?: ReactNode | ((props: ComponentProps<TRenderProps>) => JSX.Element);
+    children?: ReactNode | ((props: ComponentProps<TRenderProps>) => ReactNode);
     /**
      * When to track behavior from enrichment tags on the current composition
      * onView: adds enrichment score when the visitor views the tagged component in the browser viewport.
@@ -159,6 +159,13 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                     name: string;
                     value?: string;
                     helpText?: string;
+                    optionsSource?: {
+                        source: "static";
+                        options: {
+                            name: string;
+                            value: string;
+                        }[];
+                    };
                 }[];
                 previewValue?: string;
             };
@@ -842,7 +849,7 @@ type CustomSlotChildRenderFunc = (options: {
     child: ReactNode;
     component: ComponentInstance;
     key: Key;
-}) => JSX.Element;
+}) => ReactNode;
 type UniformSlotWrapperComponentProps = {
     items: ReactNode[];
     slotName: string;
@@ -868,7 +875,7 @@ type UniformSlotProps<TSlotNames extends string> = {
     emptyPlaceholder?: React$1.ReactNode;
 };
 /** Renders a named Slot within a Composition. */
-declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): JSX.Element | null;
+declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): ReactNode | null;
 
 /**
  * Converts a raw Canvas component instance to React component props format.

package/dist/index.esm.js

@@ -223,7 +223,7 @@ var useUniformContextualEditing = ({
   enhance = (message) => message.composition
 }) => {
   const [contextualComposition, setContextualComposition] = useState();
-  const latestEventTimeStamp = useRef();
+  const latestEventTimeStamp = useRef(void 0);
   const channel = useMemo3(() => {
     var _a;
     if (!isInContextEditingMode()) {
@@ -392,8 +392,9 @@ function UniformComposition({
   resolveRenderer,
   contextualEditingEnhancer,
   contextualEditingDefaultPlaceholder,
-  matchedRoute,
-  dynamicInputs
+  // provide default non-undefined values to avoid serialization issues
+  matchedRoute = "",
+  dynamicInputs = {}
 }) {
   const maybeContext = useUniformContext({ throwOnMissingProvider: false });
   useEffect2(() => {

package/dist/index.js

@@ -252,7 +252,7 @@ var useUniformContextualEditing = ({
   enhance = (message) => message.composition
 }) => {
   const [contextualComposition, setContextualComposition] = (0, import_react4.useState)();
-  const latestEventTimeStamp = (0, import_react4.useRef)();
+  const latestEventTimeStamp = (0, import_react4.useRef)(void 0);
   const channel = (0, import_react4.useMemo)(() => {
     var _a;
     if (!isInContextEditingMode()) {
@@ -415,8 +415,9 @@ function UniformComposition({
   resolveRenderer,
   contextualEditingEnhancer,
   contextualEditingDefaultPlaceholder,
-  matchedRoute,
-  dynamicInputs
+  // provide default non-undefined values to avoid serialization issues
+  matchedRoute = "",
+  dynamicInputs = {}
 }) {
   const maybeContext = (0, import_context_react2.useUniformContext)({ throwOnMissingProvider: false });
   (0, import_react7.useEffect)(() => {

package/dist/index.mjs

@@ -223,7 +223,7 @@ var useUniformContextualEditing = ({
   enhance = (message) => message.composition
 }) => {
   const [contextualComposition, setContextualComposition] = useState();
-  const latestEventTimeStamp = useRef();
+  const latestEventTimeStamp = useRef(void 0);
   const channel = useMemo3(() => {
     var _a;
     if (!isInContextEditingMode()) {
@@ -392,8 +392,9 @@ function UniformComposition({
   resolveRenderer,
   contextualEditingEnhancer,
   contextualEditingDefaultPlaceholder,
-  matchedRoute,
-  dynamicInputs
+  // provide default non-undefined values to avoid serialization issues
+  matchedRoute = "",
+  dynamicInputs = {}
 }) {
   const maybeContext = useUniformContext({ throwOnMissingProvider: false });
   useEffect2(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "20.34.3-alpha.70+bc3f8ba0f4",
+  "version": "20.35.1-alpha.188+c2a5b9c45f",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -45,10 +45,10 @@
     "document:prebuild": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/canvas": "20.34.3-alpha.70+bc3f8ba0f4",
-    "@uniformdev/context": "20.34.3-alpha.70+bc3f8ba0f4",
-    "@uniformdev/context-react": "20.34.3-alpha.70+bc3f8ba0f4",
-    "@uniformdev/richtext": "20.34.3-alpha.70+bc3f8ba0f4"
+    "@uniformdev/canvas": "20.35.1-alpha.188+c2a5b9c45f",
+    "@uniformdev/context": "20.35.1-alpha.188+c2a5b9c45f",
+    "@uniformdev/context-react": "20.35.1-alpha.188+c2a5b9c45f",
+    "@uniformdev/richtext": "20.35.1-alpha.188+c2a5b9c45f"
   },
   "peerDependencies": {
     "immer": ">= 10",
@@ -56,10 +56,10 @@
     "react-dom": ">=16"
   },
   "devDependencies": {
-    "@types/react": "18.3.24",
-    "immer": "10.1.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "@types/react": "19.2.2",
+    "immer": "10.1.3",
+    "react": "19.2.0",
+    "react-dom": "19.2.0"
   },
   "files": [
     "/dist"
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bc3f8ba0f4719673f92d9e8c48c3818dc439c364"
+  "gitHead": "c2a5b9c45fdbcd3199fba23e38beaf7ca0388c35"
 }