@uniformdev/canvas-vue 18.4.0 → 18.6.0

package/dist/index.d.ts

@@ -60,7 +60,7 @@ type UniformCurrentComponent = {
 declare const useUniformCurrentComponent: () => UniformCurrentComponent;
 type UniformComponentProps = {
     /** A dynamic vue component that provides data to the Uniform Canvas SlotContent component via provide/inject */
-    data: ComponentInstance | RootComponentInstance;
+    data?: ComponentInstance | RootComponentInstance;
     /** Resolves a Vue component to render a Canvas component, generally by inspecting type/variant */
     resolveRenderer?: ResolveRenderer;
     /**
@@ -154,8 +154,7 @@ declare const UniformComponent: vue_demi.DefineComponent<{
                     } | undefined;
                 };
             } | undefined;
-        }>;
-        required: true;
+        } | undefined>;
     };
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;
@@ -242,8 +241,7 @@ declare const UniformComponent: vue_demi.DefineComponent<{
                     } | undefined;
                 };
             } | undefined;
-        }>;
-        required: true;
+        } | undefined>;
     };
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;
@@ -333,7 +331,7 @@ declare const createApiEnhancer: ({ apiUrl }: {
     } | undefined;
 }>;
 type UseUniformContextualEditingProps = {
-    initialCompositionValue: RootComponentInstance;
+    initialCompositionValue?: RootComponentInstance;
     /**
      * A function to enhance the composition after receiving it from Canvas editor.
      * WARNING: This enhancer will run on the client side. Make sure you're not exposing any secrets.
@@ -418,7 +416,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                 } | undefined;
             };
         } | undefined;
-    }>;
+    } | undefined>;
 };
 
 /** @deprecated use useUniformContextualEditing instead */
@@ -495,18 +493,18 @@ declare const useContextualEditing: ({ initialCompositionValue, enhance, }: UseU
                 } | undefined;
             };
         } | undefined;
-    }>;
+    } | undefined>;
 };
 /** @deprecated use UseUniformContextualEditingProps instead */
 type UseContextualEditingProps = UseUniformContextualEditingProps;
 
 type UniformCompositionProps = UniformComponentProps & {
     /** The composition data */
-    data: RootComponentInstance;
+    data?: RootComponentInstance;
     contextualEditingEnhancer?: UseUniformContextualEditingProps['enhance'];
 };
 type UniformCurrentComposition = {
-    data?: UniformCompositionProps['data'];
+    data: UniformCompositionProps['data'] | undefined;
     resolveRenderer?: UniformCompositionProps['resolveRenderer'];
     behaviorTracking?: UniformCompositionProps['behaviorTracking'];
 };
@@ -521,7 +519,7 @@ declare const useUniformCurrentComposition: () => UniformCurrentComposition;
  */
 declare const UniformComposition: vue_demi.DefineComponent<{
     data: {
-        type: PropType<(_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
+        type: PropType<((_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
             type: string;
             parameters?: {
                 [key: string]: {
@@ -665,8 +663,7 @@ declare const UniformComposition: vue_demi.DefineComponent<{
                     } | undefined;
                 };
             } | undefined;
-        }>;
-        required: true;
+        }) | undefined>;
     };
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;
@@ -826,7 +823,7 @@ declare const UniformComposition: vue_demi.DefineComponent<{
     [key: string]: any;
 }>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
     data: {
-        type: PropType<(_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
+        type: PropType<((_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
             type: string;
             parameters?: {
                 [key: string]: {
@@ -970,8 +967,7 @@ declare const UniformComposition: vue_demi.DefineComponent<{
                     } | undefined;
                 };
             } | undefined;
-        }>;
-        required: true;
+        }) | undefined>;
     };
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;
@@ -1133,7 +1129,7 @@ declare const UniformComposition: vue_demi.DefineComponent<{
 /** @deprecated use `UniformComposition` instead */
 declare const Composition: vue_demi.DefineComponent<{
     data: {
-        type: PropType<(_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
+        type: PropType<((_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
             type: string;
             parameters?: {
                 [key: string]: {
@@ -1277,8 +1273,7 @@ declare const Composition: vue_demi.DefineComponent<{
                     } | undefined;
                 };
             } | undefined;
-        }>;
-        required: true;
+        }) | undefined>;
     };
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;
@@ -1438,7 +1433,7 @@ declare const Composition: vue_demi.DefineComponent<{
     [key: string]: any;
 }>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
     data: {
-        type: PropType<(_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
+        type: PropType<((_uniformdev_canvas_dist_createEventBus_db0afea5.p | {
             type: string;
             parameters?: {
                 [key: string]: {
@@ -1582,8 +1577,7 @@ declare const Composition: vue_demi.DefineComponent<{
                     } | undefined;
                 };
             } | undefined;
-        }>;
-        required: true;
+        }) | undefined>;
     };
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;

package/dist/index.esm.js

@@ -82,8 +82,7 @@ var UniformComponent = defineComponent2({
   inheritAttrs: false,
   props: {
     data: {
-      type: Object,
-      required: true
+      type: Object
     },
     resolveRenderer: {
       type: Function
@@ -100,7 +99,7 @@ var UniformComponent = defineComponent2({
       var _a2;
       return (_a2 = props.data) != null ? _a2 : parentComponent == null ? void 0 : parentComponent.data;
     });
-    if (!data) {
+    if (!data.value) {
       if (process.env.NODE_ENV === "development") {
         console.warn(`[canvas-dev] UniformComponent was rendered with no data, nothing will be output.`);
       }
@@ -190,7 +189,7 @@ var useUniformContextualEditing = ({
   watch(
     [channel, () => enhance, () => initialCompositionValue == null ? void 0 : initialCompositionValue._id],
     () => {
-      if (!channel.value || registeredCompositionIds.has(initialCompositionValue._id)) {
+      if (!channel.value || registeredCompositionIds.has(initialCompositionValue == null ? void 0 : initialCompositionValue._id)) {
         return;
       }
       const unsubscribe = channel.value.on("update-composition", async (message) => {
@@ -200,10 +199,10 @@ var useUniformContextualEditing = ({
         const enhancedComposition = await enhance(message);
         contextualComposition.value = enhancedComposition;
       });
-      registeredCompositionIds.add(initialCompositionValue._id);
+      registeredCompositionIds.add(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
       return () => {
         unsubscribe();
-        registeredCompositionIds.delete(initialCompositionValue._id);
+        registeredCompositionIds.delete(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
       };
     },
     { immediate: true }
@@ -257,8 +256,7 @@ var UniformComposition = defineComponent3({
   inheritAttrs: false,
   props: {
     data: {
-      type: Object,
-      required: true
+      type: Object
     },
     resolveRenderer: {
       type: Function

package/dist/index.js

@@ -113,8 +113,7 @@ var UniformComponent = (0, import_vue_demi2.defineComponent)({
   inheritAttrs: false,
   props: {
     data: {
-      type: Object,
-      required: true
+      type: Object
     },
     resolveRenderer: {
       type: Function
@@ -131,7 +130,7 @@ var UniformComponent = (0, import_vue_demi2.defineComponent)({
       var _a2;
       return (_a2 = props.data) != null ? _a2 : parentComponent == null ? void 0 : parentComponent.data;
     });
-    if (!data) {
+    if (!data.value) {
       if (process.env.NODE_ENV === "development") {
         console.warn(`[canvas-dev] UniformComponent was rendered with no data, nothing will be output.`);
       }
@@ -209,7 +208,7 @@ var useUniformContextualEditing = ({
   (0, import_vue_demi3.watch)(
     [channel, () => enhance, () => initialCompositionValue == null ? void 0 : initialCompositionValue._id],
     () => {
-      if (!channel.value || registeredCompositionIds.has(initialCompositionValue._id)) {
+      if (!channel.value || registeredCompositionIds.has(initialCompositionValue == null ? void 0 : initialCompositionValue._id)) {
         return;
       }
       const unsubscribe = channel.value.on("update-composition", async (message) => {
@@ -219,10 +218,10 @@ var useUniformContextualEditing = ({
         const enhancedComposition = await enhance(message);
         contextualComposition.value = enhancedComposition;
       });
-      registeredCompositionIds.add(initialCompositionValue._id);
+      registeredCompositionIds.add(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
       return () => {
         unsubscribe();
-        registeredCompositionIds.delete(initialCompositionValue._id);
+        registeredCompositionIds.delete(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
       };
     },
     { immediate: true }
@@ -276,8 +275,7 @@ var UniformComposition = (0, import_vue_demi4.defineComponent)({
   inheritAttrs: false,
   props: {
     data: {
-      type: Object,
-      required: true
+      type: Object
     },
     resolveRenderer: {
       type: Function

package/dist/index.mjs

@@ -82,8 +82,7 @@ var UniformComponent = defineComponent2({
   inheritAttrs: false,
   props: {
     data: {
-      type: Object,
-      required: true
+      type: Object
     },
     resolveRenderer: {
       type: Function
@@ -100,7 +99,7 @@ var UniformComponent = defineComponent2({
       var _a2;
       return (_a2 = props.data) != null ? _a2 : parentComponent == null ? void 0 : parentComponent.data;
     });
-    if (!data) {
+    if (!data.value) {
       if (process.env.NODE_ENV === "development") {
         console.warn(`[canvas-dev] UniformComponent was rendered with no data, nothing will be output.`);
       }
@@ -190,7 +189,7 @@ var useUniformContextualEditing = ({
   watch(
     [channel, () => enhance, () => initialCompositionValue == null ? void 0 : initialCompositionValue._id],
     () => {
-      if (!channel.value || registeredCompositionIds.has(initialCompositionValue._id)) {
+      if (!channel.value || registeredCompositionIds.has(initialCompositionValue == null ? void 0 : initialCompositionValue._id)) {
         return;
       }
       const unsubscribe = channel.value.on("update-composition", async (message) => {
@@ -200,10 +199,10 @@ var useUniformContextualEditing = ({
         const enhancedComposition = await enhance(message);
         contextualComposition.value = enhancedComposition;
       });
-      registeredCompositionIds.add(initialCompositionValue._id);
+      registeredCompositionIds.add(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
       return () => {
         unsubscribe();
-        registeredCompositionIds.delete(initialCompositionValue._id);
+        registeredCompositionIds.delete(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
       };
     },
     { immediate: true }
@@ -257,8 +256,7 @@ var UniformComposition = defineComponent3({
   inheritAttrs: false,
   props: {
     data: {
-      type: Object,
-      required: true
+      type: Object
     },
     resolveRenderer: {
       type: Function

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-vue",
-  "version": "18.4.0",
+  "version": "18.6.0",
   "description": "Vue SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -22,8 +22,8 @@
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
   },
   "dependencies": {
-    "@uniformdev/canvas": "18.4.0",
-    "@vue/test-utils": "2.2.7",
+    "@uniformdev/canvas": "18.6.0",
+    "@vue/test-utils": "2.2.8",
     "vue-demi": "^0.13.11"
   },
   "peerDependencies": {
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@testing-library/vue": "6.6.1",
     "@types/uuid": "9.0.0",
-    "@uniformdev/context-vue": "18.4.0",
+    "@uniformdev/context-vue": "18.6.0",
     "@vue/server-test-utils": "1.3.0",
     "vue": "3.2.45",
     "vue-server-renderer": "2.7.14",
@@ -62,5 +62,5 @@
     "last 2 versions",
     "not dead"
   ],
-  "gitHead": "34456ffbb8609bfaa0c2e321e1ebea82f02e040a"
+  "gitHead": "2e2b4d179180900386f8b3ceb30d4a854a7e22fd"
 }