re-resizable - npm Package Compare versions

Comparing version 6.9.13 to 6.9.14

lib/index.es5.js

@@ -682,4 +682,2 @@ 'use strict';
         newHeight = newSize.newHeight;
-        var widthChangedWithGrid = false;
-        var heightChangedWithGrid = false;
         if (this.props.grid) {
@@ -691,4 +689,2 @@ var newGridWidth = snap(newWidth, this.props.grid[0]);
             var h = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;
-            widthChangedWithGrid = w !== newWidth;
-            heightChangedWithGrid = h !== newHeight;
             newWidth = w;
@@ -739,14 +735,16 @@ newHeight = h;
         }
-        // For v18, update state sync
-        reactDom.flushSync(function () {
-            _this.setState(newState);
-        });
+        var widthChanged = this.state.width !== newState.width;
+        var heightChanged = this.state.height !== newState.height;
+        var flexBaseChanged = this.state.flexBasis !== newState.flexBasis;
+        var changed = widthChanged || heightChanged || flexBaseChanged;
+        if (changed) {
+            // For v18, update state sync
+            reactDom.flushSync(function () {
+                _this.setState(newState);
+            });
+        }
         if (this.props.onResize) {
-            if (!this.props.grid) {
+            if (changed) {
                 this.props.onResize(event, direction, this.resizable, delta);
-                // fix #783
             }
-            else if (widthChangedWithGrid || heightChangedWithGrid) {
-                this.props.onResize(event, direction, this.resizable, delta);
-            }
         }
@@ -753,0 +751,0 @@ };

lib/index.js

@@ -615,4 +615,2 @@ var __extends = (this && this.__extends) || (function () {
         newHeight = newSize.newHeight;
-        var widthChangedWithGrid = false;
-        var heightChangedWithGrid = false;
         if (this.props.grid) {
@@ -624,4 +622,2 @@ var newGridWidth = snap(newWidth, this.props.grid[0]);
             var h = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;
-            widthChangedWithGrid = w !== newWidth;
-            heightChangedWithGrid = h !== newHeight;
             newWidth = w;
@@ -672,14 +668,16 @@ newHeight = h;
         }
-        // For v18, update state sync
-        flushSync(function () {
-            _this.setState(newState);
-        });
+        var widthChanged = this.state.width !== newState.width;
+        var heightChanged = this.state.height !== newState.height;
+        var flexBaseChanged = this.state.flexBasis !== newState.flexBasis;
+        var changed = widthChanged || heightChanged || flexBaseChanged;
+        if (changed) {
+            // For v18, update state sync
+            flushSync(function () {
+                _this.setState(newState);
+            });
+        }
         if (this.props.onResize) {
-            if (!this.props.grid) {
+            if (changed) {
                 this.props.onResize(event, direction, this.resizable, delta);
-                // fix #783
             }
-            else if (widthChangedWithGrid || heightChangedWithGrid) {
-                this.props.onResize(event, direction, this.resizable, delta);
-            }
         }
@@ -686,0 +684,0 @@ };

package.json

 {
   "name": "re-resizable",
-  "version": "6.9.13",
+  "version": "6.9.14",
   "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

Worsened metrics

Total package byte prevSize

153255

decreased by-0.08%

Lines of code

2891

decreased by-0.14%

No dependency changes