@canva/design 2.7.6-beta.1 → 2.8.0

package/lib/cjs/sdk/design/fake/create.js

@@ -0,0 +1,27 @@
+"use strict"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createFakeDesignClients", {
+    enumerable: true,
+    get: function() {
+        return createFakeDesignClients;
+    }
+});
+const _synthetic_delay = require('../../utils/synthetic_delay');
+const _fake_design_interaction_client = require("./fake_design_interaction_client");
+const _fake_drag_and_drop_client = require("./fake_drag_and_drop_client");
+const _fake_export_client = require("./fake_export_client");
+function createFakeDesignClients() {
+    const syntheticDelay = (0, _synthetic_delay.createSyntheticDelay)(10);
+    const v2 = {
+        designInteraction: new _fake_design_interaction_client.FakeDesignInteractionClient(syntheticDelay),
+        dragAndDrop: new _fake_drag_and_drop_client.FakeDragAndDropClient(syntheticDelay),
+        export: new _fake_export_client.FakeExportClient(syntheticDelay)
+    };
+    return {
+        design: {
+            v2
+        }
+    };
+}

package/lib/cjs/sdk/design/fake/fake_design_interaction_client.js

@@ -36,19 +36,23 @@ class FakeDesignInteractionClient {
             },
             pageMetadata: [
                 {
+                    type: 'absolute',
                     dimensions: {
                         width: 800,
                         height: 600
-                    }
+                    },
+                    title: 'page1'
+                },
+                {
+                    type: 'unsupported'
                 },
                 {
+                    type: 'absolute',
                     dimensions: {
                         width: 300,
                         height: 900
-                    }
-                },
-                {
-                    dimensions: undefined
+                    },
+                    title: undefined
                 }
             ],
             durationInSeconds: 30
@@ -154,6 +158,12 @@ class FakeDesignInteractionClient {
                 return ()=>{};
             }
         };
+        this.publish = {
+            launch: ()=>this.delay()
+        };
+        this.bulkCreate = {
+            launch: ()=>this.delay()
+        };
     }
 }
 const fakeBounds = {

package/lib/cjs/sdk/design/index.js

@@ -1,8 +1,9 @@
-"use strict";
+"use strict"
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./beta"), exports);
+const _version = require("./version");
+_export_star(require("./public"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
@@ -16,3 +17,4 @@ function _export_star(from, to) {
     });
     return from;
 }
+window.__canva__?.sdkRegistration?.registerPackageVersion('design', _version.LATEST_VERSION, 'ga');

package/lib/cjs/sdk/design/public.js

@@ -24,6 +24,9 @@ _export(exports, {
     get addPage () {
         return addPage;
     },
+    get bulkCreate () {
+        return bulkCreate;
+    },
     get createRichtextRange () {
         return createRichtextRange;
     },
@@ -51,6 +54,9 @@ _export(exports, {
     get overlay () {
         return overlay;
     },
+    get publish () {
+        return publish;
+    },
     get requestExport () {
         return requestExport;
     },
@@ -83,3 +89,5 @@ const getDesignMetadata = canva_sdk.design.v2.designInteraction.getDesignMetadat
 const createRichtextRange = canva_sdk.design.v2.designInteraction.createRichtextRange;
 const editContent = canva_sdk.design.v2.designInteraction.editContent;
 const openDesign = canva_sdk.design.v2.designInteraction.openDesign;
+const publish = canva_sdk.design.v2.designInteraction.publish;
+const bulkCreate = canva_sdk.design.v2.designInteraction.bulkCreate;

package/lib/cjs/sdk/design/test/index.js

@@ -1,18 +1,16 @@
-"use strict";
+"use strict"
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./beta"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
+Object.defineProperty(exports, "initTestEnvironment", {
+    enumerable: true,
+    get: function() {
+        return initTestEnvironment;
+    }
+});
+const _create = require('../fake/create');
+const _canva_sdk = require('../../utils/canva_sdk');
+function initTestEnvironment() {
+    (0, _canva_sdk.assertIsTestCanvaSdk)();
+    (0, _canva_sdk.injectFakeAPIClients)((0, _create.createFakeDesignClients)());
 }

package/lib/cjs/sdk/design/version.js

@@ -19,6 +19,6 @@ _export(exports, {
         return LATEST_VERSION_BETA;
     }
 });
-const LATEST_VERSION = '2.7.5';
+const LATEST_VERSION = '2.8.0';
 const LATEST_VERSION_BETA = '2.7.6-beta.1';
 const LATEST_VERSION_ALPHA = 'NONE';

package/lib/esm/sdk/design/fake/create.js

@@ -0,0 +1,17 @@
+import { createSyntheticDelay } from '../../utils/synthetic_delay';
+import { FakeDesignInteractionClient } from './fake_design_interaction_client';
+import { FakeDragAndDropClient } from './fake_drag_and_drop_client';
+import { FakeExportClient } from './fake_export_client';
+export function createFakeDesignClients() {
+    const syntheticDelay = createSyntheticDelay(10);
+    const v2 = {
+        designInteraction: new FakeDesignInteractionClient(syntheticDelay),
+        dragAndDrop: new FakeDragAndDropClient(syntheticDelay),
+        export: new FakeExportClient(syntheticDelay)
+    };
+    return {
+        design: {
+            v2
+        }
+    };
+}

package/lib/esm/sdk/design/fake/fake_design_interaction_client.js

@@ -15,19 +15,23 @@ export class FakeDesignInteractionClient {
             },
             pageMetadata: [
                 {
+                    type: 'absolute',
                     dimensions: {
                         width: 800,
                         height: 600
-                    }
+                    },
+                    title: 'page1'
+                },
+                {
+                    type: 'unsupported'
                 },
                 {
+                    type: 'absolute',
                     dimensions: {
                         width: 300,
                         height: 900
-                    }
-                },
-                {
-                    dimensions: undefined
+                    },
+                    title: undefined
                 }
             ],
             durationInSeconds: 30
@@ -133,6 +137,12 @@ export class FakeDesignInteractionClient {
                 return ()=>{};
             }
         };
+        this.publish = {
+            launch: ()=>this.delay()
+        };
+        this.bulkCreate = {
+            launch: ()=>this.delay()
+        };
     }
 }
 const fakeBounds = {

package/lib/esm/sdk/design/index.js

@@ -1 +1,3 @@
-export * from './beta';
+import { LATEST_VERSION } from './version';
+export * from './public';
+window.__canva__?.sdkRegistration?.registerPackageVersion('design', LATEST_VERSION, 'ga');

package/lib/esm/sdk/design/public.js

@@ -17,3 +17,5 @@ export const getDesignMetadata = canva_sdk.design.v2.designInteraction.getDesign
 export const createRichtextRange = canva_sdk.design.v2.designInteraction.createRichtextRange;
 export const editContent = canva_sdk.design.v2.designInteraction.editContent;
 export const openDesign = canva_sdk.design.v2.designInteraction.openDesign;
+export const publish = canva_sdk.design.v2.designInteraction.publish;
+export const bulkCreate = canva_sdk.design.v2.designInteraction.bulkCreate;

package/lib/esm/sdk/design/test/index.js

@@ -1 +1,6 @@
-export * from './beta';
+import { createFakeDesignClients } from '../fake/create';
+import { assertIsTestCanvaSdk, injectFakeAPIClients } from '../../utils/canva_sdk';
+export function initTestEnvironment() {
+    assertIsTestCanvaSdk();
+    injectFakeAPIClients(createFakeDesignClients());
+}

package/lib/esm/sdk/design/version.js

@@ -1,3 +1,3 @@
-export const LATEST_VERSION = '2.7.5';
+export const LATEST_VERSION = '2.8.0';
 export const LATEST_VERSION_BETA = '2.7.6-beta.1';
 export const LATEST_VERSION_ALPHA = 'NONE';

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@canva/design",
-  "version": "2.7.6-beta.1",
+  "version": "2.8.0",
   "description": "The Canva Apps SDK design library",
   "author": "Canva Pty Ltd.",
   "license": "SEE LICENSE IN LICENSE.md FILE",
   "peerDependencies": {
     "@canva/error": "^2.0.0"
   },
-  "main": "./lib/cjs/sdk/design/beta.js",
-  "module": "./lib/esm/sdk/design/beta.js",
+  "main": "./lib/cjs/sdk/design/index.js",
+  "module": "./lib/esm/sdk/design/index.js",
   "exports": {
     ".": {
-      "types": "./beta.d.ts",
-      "require": "./lib/cjs/sdk/design/beta.js",
-      "import": "./lib/esm/sdk/design/beta.js"
+      "types": "./index.d.ts",
+      "require": "./lib/cjs/sdk/design/index.js",
+      "import": "./lib/esm/sdk/design/index.js"
     },
     "./test": {
-      "types": "./test/beta.d.ts",
-      "require": "./lib/cjs/sdk/design/test/beta.js",
-      "import": "./lib/esm/sdk/design/test/beta.js"
+      "types": "./test/index.d.ts",
+      "require": "./lib/cjs/sdk/design/test/index.js",
+      "import": "./lib/esm/sdk/design/test/index.js"
     }
   },
-  "typings": "./beta.d.ts"
-}
+  "typings": "./index.d.ts"
+}

package/test/index.d.ts

@@ -1 +1,11 @@
-export * from "./beta";
+/**
+ * @public
+ * Initializes a test environment for the `@canva/design` package, enabling unit tests to mock Canva's APIs.
+ * @remarks
+ * This method should only be called once in a test environment, such as in a Jest setup file.
+ * @see
+ * https://www.canva.dev/docs/apps/testing/
+ */
+export declare function initTestEnvironment(): void;
+
+export { }