react-reflex - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3

dist/commonjs/ReflexContainer.js

@@ -539,3 +539,3 @@ 'use strict';
 
-      var minSize = Math.max(child.props.minSize, 1);
+      var minSize = Math.max(child.props.minSize, 0);
 
@@ -599,3 +599,3 @@ var availableShrink = size - minSize;
 
-      var newSize = Math.max(size + offset, 1);
+      var newSize = Math.max(size + offset, 0);
 
@@ -804,3 +804,3 @@ var currentFlex = this.state.flexData[idx].flex;
     key: 'toArray',
-    value: function toArray(obj, filter) {
+    value: function toArray(obj) {
 
@@ -807,0 +807,0 @@ return obj ? Array.isArray(obj) ? obj : [obj] : [];

dist/commonjs/ReflexElement.js

@@ -97,3 +97,3 @@ 'use strict';
 
-    _this.onMeasure = _this.onMeasure.bind(_this);
+    _this.onResize = _this.onResize.bind(_this);
 
@@ -233,4 +233,4 @@ _this.setStateThrottled = (0, _lodash2.default)(function (state) {
   }, {
-    key: 'onMeasure',
-    value: function onMeasure(dimensions) {
+    key: 'onResize',
+    value: function onResize(rect) {
 
@@ -241,4 +241,4 @@ if (this.props.renderOnResize) {
           dimensions: {
-            height: Math.floor(dimensions.height) + 1,
-            width: Math.floor(dimensions.width) + 1
+            height: Math.floor(rect.bounds.height) + 1,
+            width: Math.floor(rect.bounds.width) + 1
           }
@@ -282,2 +282,3 @@ });
     value: function render() {
+      var _this3 = this;
 
@@ -303,12 +304,15 @@ var classNames = ['reflex-element'].concat((0, _toConsumableArray3.default)(this.props.className.split(' ')));
         _reactMeasure2.default,
-        { onMeasure: this.onMeasure },
-        _react2.default.createElement(
-          'div',
-          { className: className, style: outerStyle },
-          _react2.default.createElement(
+        { bounds: true, onResize: this.onResize },
+        function (_ref2) {
+          var measureRef = _ref2.measureRef;
+          return _react2.default.createElement(
             'div',
-            { style: innerStyle },
-            this.renderChildren()
-          )
-        )
+            { ref: measureRef, className: className, style: outerStyle },
+            _react2.default.createElement(
+              'div',
+              { style: innerStyle },
+              _this3.renderChildren()
+            )
+          );
+        }
       );
@@ -315,0 +319,0 @@ }

dist/es/ReflexContainer.js

@@ -487,3 +487,3 @@ import _toConsumableArray from 'babel-runtime/helpers/toConsumableArray';
 
-      var minSize = Math.max(child.props.minSize, 1);
+      var minSize = Math.max(child.props.minSize, 0);
 
@@ -547,3 +547,3 @@ var availableShrink = size - minSize;
 
-      var newSize = Math.max(size + offset, 1);
+      var newSize = Math.max(size + offset, 0);
 
@@ -752,3 +752,3 @@ var currentFlex = this.state.flexData[idx].flex;
     key: 'toArray',
-    value: function toArray(obj, filter) {
+    value: function toArray(obj) {
 
@@ -755,0 +755,0 @@ return obj ? Array.isArray(obj) ? obj : [obj] : [];

dist/es/ReflexElement.js

@@ -42,3 +42,3 @@ import _toConsumableArray from 'babel-runtime/helpers/toConsumableArray';
 
-    _this.onMeasure = _this.onMeasure.bind(_this);
+    _this.onResize = _this.onResize.bind(_this);
 
@@ -178,4 +178,4 @@ _this.setStateThrottled = throttle(function (state) {
   }, {
-    key: 'onMeasure',
-    value: function onMeasure(dimensions) {
+    key: 'onResize',
+    value: function onResize(rect) {
 
@@ -186,4 +186,4 @@ if (this.props.renderOnResize) {
           dimensions: {
-            height: Math.floor(dimensions.height) + 1,
-            width: Math.floor(dimensions.width) + 1
+            height: Math.floor(rect.bounds.height) + 1,
+            width: Math.floor(rect.bounds.width) + 1
           }
@@ -227,2 +227,3 @@ });
     value: function render() {
+      var _this3 = this;
 
@@ -248,12 +249,15 @@ var classNames = ['reflex-element'].concat(_toConsumableArray(this.props.className.split(' ')));
         Measure,
-        { onMeasure: this.onMeasure },
-        React.createElement(
-          'div',
-          { className: className, style: outerStyle },
-          React.createElement(
+        { bounds: true, onResize: this.onResize },
+        function (_ref2) {
+          var measureRef = _ref2.measureRef;
+          return React.createElement(
             'div',
-            { style: innerStyle },
-            this.renderChildren()
-          )
-        )
+            { ref: measureRef, className: className, style: outerStyle },
+            React.createElement(
+              'div',
+              { style: innerStyle },
+              _this3.renderChildren()
+            )
+          );
+        }
       );
@@ -260,0 +264,0 @@ }

package.json

 {
   "name": "react-reflex",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Flex layout component for advanced React web applications",
@@ -63,3 +63,3 @@ "main": "dist/commonjs/index.js",
     "prop-types": "^15.5.8",
-    "react-measure": "^1.4.7"
+    "react-measure": "^2.0.2"
   },
@@ -66,0 +66,0 @@ "peerDependencies": {

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

Improved metrics

Lines of code

2449

increased by0.33%

Worsened metrics

Total package byte prevSize

1663571

decreased by-0.35%

Dependency changes

• + Added@babel/runtime@7.26.0(transitive)

• + Addedreact-measure@2.5.2(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• - Removedreact-measure@1.4.7(transitive)

• Updatedreact-measure@^2.0.2