@uniformdev/canvas-react 20.47.0 → 20.47.1-alpha.9

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.
@@ -849,7 +849,7 @@ type CustomSlotChildRenderFunc = (options: {
     child: ReactNode;
     component: ComponentInstance;
     key: Key;
-}) => JSX.Element;
+}) => ReactNode;
 type UniformSlotWrapperComponentProps = {
     items: ReactNode[];
     slotName: string;
@@ -875,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.
@@ -849,7 +849,7 @@ type CustomSlotChildRenderFunc = (options: {
     child: ReactNode;
     component: ComponentInstance;
     key: Key;
-}) => JSX.Element;
+}) => ReactNode;
 type UniformSlotWrapperComponentProps = {
     items: ReactNode[];
     slotName: string;
@@ -875,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

@@ -22,7 +22,7 @@ function DefaultNotImplementedComponent(props) {
     return null;
   }
   if (componentType === EMPTY_COMPOSITION.type) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,75% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ React.createElement("p", { style: { animation: "_uniformDelayedFadeIn 3s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ React.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ React.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,92.5% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ React.createElement("p", { style: { animation: "_uniformDelayedFadeIn 10s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ React.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ React.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
   }
   if (componentType === CANVAS_LOCALIZATION_TYPE) {
     return /* @__PURE__ */ React.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ React.createElement("p", null, "Seems like localization is not enabled in your application. Please read our documentation on how to", " ", /* @__PURE__ */ React.createElement(
@@ -225,7 +225,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()) {

package/dist/index.js

@@ -78,7 +78,7 @@ function DefaultNotImplementedComponent(props) {
     return null;
   }
   if (componentType === import_canvas.EMPTY_COMPOSITION.type) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,75% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ import_react.default.createElement("p", { style: { animation: "_uniformDelayedFadeIn 3s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ import_react.default.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ import_react.default.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,92.5% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ import_react.default.createElement("p", { style: { animation: "_uniformDelayedFadeIn 10s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ import_react.default.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ import_react.default.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
   }
   if (componentType === import_canvas.CANVAS_LOCALIZATION_TYPE) {
     return /* @__PURE__ */ import_react.default.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ import_react.default.createElement("p", null, "Seems like localization is not enabled in your application. Please read our documentation on how to", " ", /* @__PURE__ */ import_react.default.createElement(
@@ -254,7 +254,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()) {

package/dist/index.mjs

@@ -22,7 +22,7 @@ function DefaultNotImplementedComponent(props) {
     return null;
   }
   if (componentType === EMPTY_COMPOSITION.type) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,75% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ React.createElement("p", { style: { animation: "_uniformDelayedFadeIn 3s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ React.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ React.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,92.5% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ React.createElement("p", { style: { animation: "_uniformDelayedFadeIn 10s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ React.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ React.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
   }
   if (componentType === CANVAS_LOCALIZATION_TYPE) {
     return /* @__PURE__ */ React.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ React.createElement("p", null, "Seems like localization is not enabled in your application. Please read our documentation on how to", " ", /* @__PURE__ */ React.createElement(
@@ -225,7 +225,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()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "20.47.0",
+  "version": "20.47.1-alpha.9+38d1d052b6",
   "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.47.0",
-    "@uniformdev/context": "20.47.0",
-    "@uniformdev/context-react": "20.47.0",
-    "@uniformdev/richtext": "20.47.0"
+    "@uniformdev/canvas": "20.47.1-alpha.9+38d1d052b6",
+    "@uniformdev/context": "20.47.1-alpha.9+38d1d052b6",
+    "@uniformdev/context-react": "20.47.1-alpha.9+38d1d052b6",
+    "@uniformdev/richtext": "20.47.1-alpha.9+38d1d052b6"
   },
   "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.1",
+    "react-dom": "19.2.1"
   },
   "files": [
     "/dist"
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "446f701d32eee97220ab693e69b0952ed95cc1c5"
+  "gitHead": "38d1d052b632b873208982e8aefa300e871ba5b7"
 }