@canva/design 2.4.0 → 2.4.1

package/index.d.ts

@@ -1169,7 +1169,7 @@ export declare type OverlayOpenableEvent<Target extends OverlayTarget> = {
            * @remarks
            * This can be any type of structured data.
            */
-          launchParameters?: any;
+          launchParameters?: unknown;
         }) => Promise<AppProcessId>;
       };
 }[Target];
@@ -1851,7 +1851,7 @@ export declare interface UI {
    * @param event - A drag start event.
    * @param dragData - Element or content to be added to the design at the end of the drag event.
    */
-  startDrag<E extends HTMLElement>(
+  startDrag<E extends Element>(
     event: DragStartEvent<E>,
     dragData:
       | TextDragConfig
@@ -1867,7 +1867,7 @@ export declare interface UI {
    * @param event - A drag start event.
    * @param dragData - Element or content to be added to the design at the end of the drag event.
    */
-  startDragToPoint<E extends HTMLElement>(
+  startDragToPoint<E extends Element>(
     event: DragStartEvent<E>,
     dragData:
       | TextDragConfig
@@ -1883,7 +1883,7 @@ export declare interface UI {
    * @param event - A drag start event.
    * @param dragData - Element or content to be added to the design at the end of the drag event.
    */
-  startDragToCursor<E extends HTMLElement>(
+  startDragToCursor<E extends Element>(
     event: DragStartEvent<E>,
     dragData:
       | EmbedDragConfig

package/lib/cjs/sdk/utils/canva_sdk.js

@@ -12,6 +12,9 @@ _export(exports, {
     assertIsTestCanvaSdk: function() {
         return assertIsTestCanvaSdk;
     },
+    bindMethodsToClients: function() {
+        return bindMethodsToClients;
+    },
     getCanvaSdk: function() {
         return getCanvaSdk;
     },
@@ -34,8 +37,29 @@ function assertIsTestCanvaSdk() {
     }
 }
 function injectFakeAPIClients(clients) {
+    bindMethodsToClients(clients);
     window.canva_sdk = {
         ...getCanvaSdk(),
         ...clients
     };
 }
+function bindMethodsToClients(objectToBind) {
+    if (typeof objectToBind !== 'object' || objectToBind == null)
+        return;
+    const classMethods = new Set();
+    let currentPrototype = Object.getPrototypeOf(objectToBind);
+    while(currentPrototype && currentPrototype !== Object.prototype){
+        Object.getOwnPropertyNames(currentPrototype).forEach((method)=>classMethods.add(method));
+        currentPrototype = Object.getPrototypeOf(currentPrototype);
+    }
+    classMethods.delete('constructor');
+    for (const method of classMethods) {
+        const originalFn = objectToBind[method];
+        if (typeof originalFn === 'function') Object.defineProperty(objectToBind, method, {
+            value: (...args)=>{
+                return originalFn.call(objectToBind, ...args);
+            }
+        });
+    }
+    Object.values(objectToBind).forEach(bindMethodsToClients);
+}

package/lib/esm/sdk/utils/canva_sdk.js

@@ -13,8 +13,29 @@ export function assertIsTestCanvaSdk() {
     }
 }
 export function injectFakeAPIClients(clients) {
+    bindMethodsToClients(clients);
     window.canva_sdk = {
         ...getCanvaSdk(),
         ...clients
     };
 }
+export function bindMethodsToClients(objectToBind) {
+    if (typeof objectToBind !== 'object' || objectToBind == null)
+        return;
+    const classMethods = new Set();
+    let currentPrototype = Object.getPrototypeOf(objectToBind);
+    while(currentPrototype && currentPrototype !== Object.prototype){
+        Object.getOwnPropertyNames(currentPrototype).forEach((method)=>classMethods.add(method));
+        currentPrototype = Object.getPrototypeOf(currentPrototype);
+    }
+    classMethods.delete('constructor');
+    for (const method of classMethods) {
+        const originalFn = objectToBind[method];
+        if (typeof originalFn === 'function') Object.defineProperty(objectToBind, method, {
+            value: (...args)=>{
+                return originalFn.call(objectToBind, ...args);
+            }
+        });
+    }
+    Object.values(objectToBind).forEach(bindMethodsToClients);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canva/design",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "The Canva Apps SDK design library",
   "author": "Canva Pty Ltd.",
   "license": "SEE LICENSE IN LICENSE.md FILE",
@@ -22,4 +22,4 @@
     }
   },
   "typings": "./index.d.ts"
-}
+}