re-resizable - npm Package Compare versions

Comparing version 6.9.11 to 6.9.12

lib/index.es5.js

@@ -682,2 +682,4 @@ 'use strict';
         newHeight = newSize.newHeight;
+        var widthChangedWithGrid = false;
+        var heightChangedWithGrid = false;
         if (this.props.grid) {
@@ -687,4 +689,6 @@ var newGridWidth = snap(newWidth, this.props.grid[0]);
             var gap = this.props.snapGap || 0;
-            newWidth = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap ? newGridWidth : newWidth;
-            newHeight = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;
+            widthChangedWithGrid = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap;
+            heightChangedWithGrid = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap;
+            newWidth = widthChangedWithGrid ? newGridWidth : newWidth;
+            newHeight = heightChangedWithGrid ? newGridHeight : newHeight;
         }
@@ -738,3 +742,9 @@ var delta = {
         if (this.props.onResize) {
-            this.props.onResize(event, direction, this.resizable, delta);
+            if (!this.props.grid) {
+                this.props.onResize(event, direction, this.resizable, delta);
+                // fix #783
+            }
+            else if (widthChangedWithGrid || heightChangedWithGrid) {
+                this.props.onResize(event, direction, this.resizable, delta);
+            }
         }
@@ -741,0 +751,0 @@ };

lib/index.js

@@ -615,2 +615,4 @@ var __extends = (this && this.__extends) || (function () {
         newHeight = newSize.newHeight;
+        var widthChangedWithGrid = false;
+        var heightChangedWithGrid = false;
         if (this.props.grid) {
@@ -620,4 +622,6 @@ var newGridWidth = snap(newWidth, this.props.grid[0]);
             var gap = this.props.snapGap || 0;
-            newWidth = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap ? newGridWidth : newWidth;
-            newHeight = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;
+            widthChangedWithGrid = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap;
+            heightChangedWithGrid = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap;
+            newWidth = widthChangedWithGrid ? newGridWidth : newWidth;
+            newHeight = heightChangedWithGrid ? newGridHeight : newHeight;
         }
@@ -671,3 +675,9 @@ var delta = {
         if (this.props.onResize) {
-            this.props.onResize(event, direction, this.resizable, delta);
+            if (!this.props.grid) {
+                this.props.onResize(event, direction, this.resizable, delta);
+                // fix #783
+            }
+            else if (widthChangedWithGrid || heightChangedWithGrid) {
+                this.props.onResize(event, direction, this.resizable, delta);
+            }
         }
@@ -674,0 +684,0 @@ };

package.json

 {
   "name": "re-resizable",
-  "version": "6.9.11",
+  "version": "6.9.12",
   "description": "Resizable component for React.",
@@ -5,0 +5,0 @@ "title": "re-resizable",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

153309

increased by0.59%

Lines of code

2891

increased by0.7%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes