@knotx/plugins-canvas 0.4.16 → 0.5.1

package/dist/index.cjs

@@ -225,7 +225,7 @@ class Canvas extends (_a = core.BasePlugin, _transform_dec = [decorators.registe
       setConfig: (config) => {
         this.edgeScroll.config = __spreadValues(__spreadValues({}, this.edgeScroll.config), config);
         if (this.edgeScroll.config.enabled && this.edgeScrollAnimationFrame !== null) {
-          cancelAnimationFrame(this.edgeScrollAnimationFrame);
+          core.cancelAnimationFrame(this.edgeScrollAnimationFrame);
           this.edgeScrollAnimationFrame = null;
         }
       }
@@ -278,14 +278,14 @@ class Canvas extends (_a = core.BasePlugin, _transform_dec = [decorators.registe
           y: e.clientY - rect.top
         };
         if (this.edgeScrollAnimationFrame === null) {
-          this.edgeScrollAnimationFrame = requestAnimationFrame(this.handleEdgeScroll);
+          this.edgeScrollAnimationFrame = core.requestAnimationFrame(this.handleEdgeScroll);
         }
       }
     });
     __publicField(this, "onMouseLeave", (e) => {
       this.mousePosition = null;
       if (this.edgeScrollAnimationFrame !== null) {
-        cancelAnimationFrame(this.edgeScrollAnimationFrame);
+        core.cancelAnimationFrame(this.edgeScrollAnimationFrame);
         this.edgeScrollAnimationFrame = null;
       }
       this.listeners.mouseleave.forEach((listener) => {
@@ -335,7 +335,7 @@ class Canvas extends (_a = core.BasePlugin, _transform_dec = [decorators.registe
         const newPositionY = currentState.positionY + deltaY;
         this.ref.setTransform(newPositionX, newPositionY, currentState.scale, 0);
       }
-      this.edgeScrollAnimationFrame = requestAnimationFrame(this.handleEdgeScroll);
+      this.edgeScrollAnimationFrame = core.requestAnimationFrame(this.handleEdgeScroll);
     });
   }
   scrollNodeIntoView({ nodeId, scale = this.transform.scale, block, inline, offset, animationTime }) {
@@ -416,8 +416,8 @@ class Canvas extends (_a = core.BasePlugin, _transform_dec = [decorators.registe
       }
       let frame;
       const unsubscribe = transformRef == null ? void 0 : transformRef.instance.onChange((ref) => {
-        cancelAnimationFrame(frame);
-        frame = requestAnimationFrame(() => {
+        core.cancelAnimationFrame(frame);
+        frame = core.requestAnimationFrame(() => {
           if (lodashEs.isEqual(this.transform, ref.state)) {
             return;
           }
@@ -483,7 +483,7 @@ class Canvas extends (_a = core.BasePlugin, _transform_dec = [decorators.registe
     this.subscriptions.push(() => {
       Object.values(this.listeners).forEach((set) => set.clear());
       if (this.edgeScrollAnimationFrame !== null) {
-        cancelAnimationFrame(this.edgeScrollAnimationFrame);
+        core.cancelAnimationFrame(this.edgeScrollAnimationFrame);
         this.edgeScrollAnimationFrame = null;
       }
       this.rootElement = null;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from '@knotx/jsx/jsx-runtime';
-import { Layer, DataManager, use, DOMElement, bem, BasePlugin, InteractionPriority } from '@knotx/core';
+import { Layer, DataManager, use, DOMElement, cancelAnimationFrame, requestAnimationFrame, bem, BasePlugin, InteractionPriority } from '@knotx/core';
 import { register, inject, tool, layer, OnInit } from '@knotx/decorators';
 import { TransformWrapper, TransformComponent, ZoomPanPinch } from '@knotx/react-zoom-pan-pinch';
 import { isEqual, merge } from 'lodash-es';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knotx/plugins-canvas",
-  "version": "0.4.16",
+  "version": "0.5.1",
   "description": "Canvas Plugin for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -29,25 +29,25 @@
   ],
   "peerDependencies": {
     "react": ">=17.0.0",
-    "@knotx/jsx": "0.4.16",
-    "@knotx/plugins-history": "0.4.16"
+    "@knotx/jsx": "0.5.1",
+    "@knotx/plugins-history": "0.5.1"
   },
   "dependencies": {
     "@knotx/react-zoom-pan-pinch": "^3.9.12",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.1",
-    "@knotx/core": "0.4.16",
-    "@knotx/decorators": "0.4.16"
+    "@knotx/core": "0.5.1",
+    "@knotx/decorators": "0.5.1"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^17.0.0",
     "react": "^17.0.0",
-    "@knotx/build-config": "0.4.16",
-    "@knotx/eslint-config": "0.4.16",
-    "@knotx/jsx": "0.4.16",
-    "@knotx/plugins-history": "0.4.16",
-    "@knotx/typescript-config": "0.4.16"
+    "@knotx/build-config": "0.5.1",
+    "@knotx/eslint-config": "0.5.1",
+    "@knotx/jsx": "0.5.1",
+    "@knotx/plugins-history": "0.5.1",
+    "@knotx/typescript-config": "0.5.1"
   },
   "scripts": {
     "build": "unbuild",