@uniformdev/canvas-react 19.106.2-alpha.4 → 19.108.0

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 'use client';
 
 // src/components/DefaultNotImplementedComponent.tsx
-import { CANVAS_LOCALIZATION_TYPE } from "@uniformdev/canvas";
+import { CANVAS_LOCALIZATION_TYPE, EMPTY_COMPOSITION } from "@uniformdev/canvas";
 import React from "react";
 var wrapperStyles = {
   display: "flex",
@@ -21,6 +21,9 @@ function DefaultNotImplementedComponent(props) {
   if (!componentType) {
     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"), "."));
+  }
   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(
       "a",
@@ -139,7 +142,7 @@ import {
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE,
-  EMPTY_COMPOSITION as EMPTY_COMPOSITION2
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION3
 } from "@uniformdev/canvas";
 import React6 from "react";
 
@@ -234,7 +237,7 @@ import React4, { createContext, useContext } from "react";
 import {
   createCanvasChannel,
   createUniformApiEnhancer,
-  EMPTY_COMPOSITION,
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION2,
   IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
   isAllowedReferrer,
@@ -259,7 +262,7 @@ var useUniformContextualEditing = ({
     return channel2;
   }, []);
   useEffect(() => {
-    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
+    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION2._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
       setContextualComposition(void 0);
       return;
     }
@@ -405,7 +408,7 @@ function UniformSlot({
   }
   const slot = (_a = parentData.slots) == null ? void 0 : _a[name];
   if (!slot || !Array.isArray(slot)) {
-    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION2.type) {
+    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION3.type) {
       console.warn(
         `[canvas-dev] slot '${name}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,
         parentData
@@ -596,7 +599,7 @@ function resolveChildren({
 }
 
 // src/components/UniformPlayground.tsx
-import { EMPTY_COMPOSITION as EMPTY_COMPOSITION3 } from "@uniformdev/canvas";
+import { EMPTY_COMPOSITION as EMPTY_COMPOSITION4 } from "@uniformdev/canvas";
 import React8, { useMemo as useMemo2 } from "react";
 var UniformPlayground = ({
   resolveRenderer,
@@ -607,7 +610,7 @@ var UniformPlayground = ({
   children
 }) => {
   const { composition, isContextualEditing } = useUniformContextualEditing({
-    initialCompositionValue: EMPTY_COMPOSITION3,
+    initialCompositionValue: EMPTY_COMPOSITION4,
     enhance: contextualEditingEnhancer
   });
   const renderedComponent = useMemo2(() => {

package/dist/index.js

@@ -78,6 +78,9 @@ function DefaultNotImplementedComponent(props) {
   if (!componentType) {
     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"), "."));
+  }
   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(
       "a",

package/dist/index.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 // src/components/DefaultNotImplementedComponent.tsx
-import { CANVAS_LOCALIZATION_TYPE } from "@uniformdev/canvas";
+import { CANVAS_LOCALIZATION_TYPE, EMPTY_COMPOSITION } from "@uniformdev/canvas";
 import React from "react";
 var wrapperStyles = {
   display: "flex",
@@ -21,6 +21,9 @@ function DefaultNotImplementedComponent(props) {
   if (!componentType) {
     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"), "."));
+  }
   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(
       "a",
@@ -139,7 +142,7 @@ import {
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE,
-  EMPTY_COMPOSITION as EMPTY_COMPOSITION2
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION3
 } from "@uniformdev/canvas";
 import React6 from "react";
 
@@ -234,7 +237,7 @@ import React4, { createContext, useContext } from "react";
 import {
   createCanvasChannel,
   createUniformApiEnhancer,
-  EMPTY_COMPOSITION,
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION2,
   IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
   isAllowedReferrer,
@@ -259,7 +262,7 @@ var useUniformContextualEditing = ({
     return channel2;
   }, []);
   useEffect(() => {
-    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
+    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION2._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
       setContextualComposition(void 0);
       return;
     }
@@ -405,7 +408,7 @@ function UniformSlot({
   }
   const slot = (_a = parentData.slots) == null ? void 0 : _a[name];
   if (!slot || !Array.isArray(slot)) {
-    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION2.type) {
+    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION3.type) {
       console.warn(
         `[canvas-dev] slot '${name}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,
         parentData
@@ -596,7 +599,7 @@ function resolveChildren({
 }
 
 // src/components/UniformPlayground.tsx
-import { EMPTY_COMPOSITION as EMPTY_COMPOSITION3 } from "@uniformdev/canvas";
+import { EMPTY_COMPOSITION as EMPTY_COMPOSITION4 } from "@uniformdev/canvas";
 import React8, { useMemo as useMemo2 } from "react";
 var UniformPlayground = ({
   resolveRenderer,
@@ -607,7 +610,7 @@ var UniformPlayground = ({
   children
 }) => {
   const { composition, isContextualEditing } = useUniformContextualEditing({
-    initialCompositionValue: EMPTY_COMPOSITION3,
+    initialCompositionValue: EMPTY_COMPOSITION4,
     enhance: contextualEditingEnhancer
   });
   const renderedComponent = useMemo2(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "19.106.2-alpha.4+4e9d79b2b",
+  "version": "19.108.0",
   "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.106.2-alpha.4+4e9d79b2b",
-    "@uniformdev/context": "19.106.2-alpha.4+4e9d79b2b",
-    "@uniformdev/context-react": "19.106.2-alpha.4+4e9d79b2b",
-    "@uniformdev/richtext": "19.106.2-alpha.4+4e9d79b2b"
+    "@uniformdev/canvas": "19.108.0",
+    "@uniformdev/context": "19.108.0",
+    "@uniformdev/context-react": "19.108.0",
+    "@uniformdev/richtext": "19.108.0"
   },
   "peerDependencies": {
     "react": ">= 16 || 17 || 18",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4e9d79b2bd5e56bebe3fc9dde9a7f592d49cf513"
+  "gitHead": "32dafb59a9f4c2ffb855771f8b932781aabb600f"
 }