re-resizable - npm Package Compare versions

Comparing version 6.8.0 to 6.9.0

lib/index.es5.js

@@ -514,6 +514,4 @@ 'use strict';
             if (this.window) {
-                boundWidth = widthByDirection
-                    ? this.resizableRight : this.window.innerWidth - this.resizableLeft;
-                boundHeight = heightByDirection
-                    ? this.resizableBottom : this.window.innerHeight - this.resizableTop;
+                boundWidth = widthByDirection ? this.resizableRight : this.window.innerWidth - this.resizableLeft;
+                boundHeight = heightByDirection ? this.resizableBottom : this.window.innerHeight - this.resizableTop;
             }
@@ -818,3 +816,3 @@ }
         // #93 Wrap the resize box in span (will not break 100% width/height)
-        return (React.createElement("span", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));
+        return (React.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));
     };
@@ -821,0 +819,0 @@ Resizable.prototype.render = function () {

lib/index.js

@@ -412,6 +412,4 @@ var __extends = (this && this.__extends) || (function () {
             if (this.window) {
-                boundWidth = widthByDirection
-                    ? this.resizableRight : this.window.innerWidth - this.resizableLeft;
-                boundHeight = heightByDirection
-                    ? this.resizableBottom : this.window.innerHeight - this.resizableTop;
+                boundWidth = widthByDirection ? this.resizableRight : this.window.innerWidth - this.resizableLeft;
+                boundHeight = heightByDirection ? this.resizableBottom : this.window.innerHeight - this.resizableTop;
             }
@@ -716,3 +714,3 @@ }
         // #93 Wrap the resize box in span (will not break 100% width/height)
-        return (React.createElement("span", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));
+        return (React.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));
     };
@@ -719,0 +717,0 @@ Resizable.prototype.render = function () {

lib/index.test.js

@@ -75,3 +75,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].style.width, '100px');
@@ -90,3 +90,3 @@ t.is(divs[0].style.height, '100px');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].style.width, '100vw');
@@ -105,3 +105,3 @@ t.is(divs[0].style.height, '100vh');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].style.width, '100vmax');
@@ -121,3 +121,3 @@ t.is(divs[0].style.height, '100vmin');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].style.width, 'auto');
@@ -137,3 +137,3 @@ t.is(divs[0].style.height, 'auto');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].style.width, 'auto');
@@ -153,3 +153,3 @@ t.is(divs[0].style.height, 'auto');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].style.position, 'absolute');
@@ -167,3 +167,3 @@ return [2 /*return*/];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].className, 'custom-class-name');
@@ -193,3 +193,3 @@ return [2 /*return*/];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -208,4 +208,4 @@ return [2 /*return*/, t.fail()];
         }
-        divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'span');
-        node = ReactDOM.findDOMNode(divs[0]);
+        divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
+        node = ReactDOM.findDOMNode(divs[1]);
         t.is(node.getAttribute('class'), 'wrapper-class');
@@ -232,3 +232,3 @@ return [2 /*return*/];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 1);
+        t.is(divs.length, 2);
         return [2 /*return*/];
@@ -253,3 +253,3 @@ });
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 2);
+        t.is(divs.length, 3);
         return [2 /*return*/];
@@ -274,3 +274,3 @@ });
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 3);
+        t.is(divs.length, 4);
         return [2 /*return*/];
@@ -295,3 +295,3 @@ });
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 4);
+        t.is(divs.length, 5);
         return [2 /*return*/];
@@ -317,4 +317,4 @@ });
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 2);
-        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[1]));
+        t.is(divs.length, 3);
+        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[2]));
         t.is(onResizeStart.callCount, 1);
@@ -342,4 +342,4 @@ t.is(onResizeStart.getCall(0).args[1], 'right');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 2);
-        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[1]));
+        t.is(divs.length, 3);
+        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[2]));
         t.is(onResizeStart.callCount, 1);
@@ -367,4 +367,4 @@ t.is(onResizeStart.getCall(0).args[1], 'bottom');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 2);
-        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[1]));
+        t.is(divs.length, 3);
+        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[2]));
         t.is(onResizeStart.callCount, 1);
@@ -387,3 +387,3 @@ t.is(onResizeStart.getCall(0).args[1], 'bottomRight');
         previousState = resizable.state.isResizing;
-        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[1]));
+        TestUtils.Simulate.mouseDown(ReactDOM.findDOMNode(divs[2]));
         mouseMove(200, 220);
@@ -404,3 +404,3 @@ t.is(onResize.callCount, 0);
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -429,3 +429,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[3]);
+        node = ReactDOM.findDOMNode(divs[4]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -454,3 +454,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -480,3 +480,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -506,3 +506,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[3]);
+        node = ReactDOM.findDOMNode(divs[4]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -532,3 +532,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -567,3 +567,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -590,3 +590,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -613,3 +613,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -640,3 +640,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -662,3 +662,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -684,3 +684,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -706,3 +706,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -728,3 +728,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -750,3 +750,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -772,3 +772,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -797,3 +797,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -822,3 +822,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -847,3 +847,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -872,3 +872,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[3]);
+        node = ReactDOM.findDOMNode(divs[4]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -897,3 +897,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[3]);
+        node = ReactDOM.findDOMNode(divs[4]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -922,3 +922,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[3]);
+        node = ReactDOM.findDOMNode(divs[4]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -947,3 +947,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[3]);
+        node = ReactDOM.findDOMNode(divs[4]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -972,3 +972,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -994,3 +994,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -1013,3 +1013,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        t.is(divs.length, 9);
+        t.is(divs.length, 10);
         t.is(divs[0].style.width, '200px');
@@ -1029,3 +1029,3 @@ t.is(divs[0].style.height, '300px');
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[2]);
+        node = ReactDOM.findDOMNode(divs[3]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -1047,3 +1047,3 @@ return [2 /*return*/, t.fail()];
         divs = TestUtils.scryRenderedDOMComponentsWithTag(resizable, 'div');
-        node = ReactDOM.findDOMNode(divs[6]);
+        node = ReactDOM.findDOMNode(divs[7]);
         if (!node || !(node instanceof HTMLDivElement))
@@ -1050,0 +1050,0 @@ return [2 /*return*/, t.fail()];

package.json

 {
   "name": "re-resizable",
-  "version": "6.8.0",
+  "version": "6.9.0",
   "description": "Resizable component for React.",
@@ -53,6 +53,6 @@ "title": "re-resizable",
     "@storybook/addon-options": "5.3.21",
-    "@storybook/react": "6.0.27",
+    "@storybook/react": "6.0.28",
     "@types/node": "12.12.70",
     "@types/react": "16.8.7",
-    "@types/react-dom": "16.9.8",
+    "@types/react-dom": "16.9.9",
     "@types/sinon": "9.0.8",
@@ -90,3 +90,3 @@ "avaron": "0.2.0",
     "tslint-plugin-prettier": "2.3.0",
-    "typescript": "4.0.3"
+    "typescript": "4.0.5"
   },
@@ -93,0 +93,0 @@ "typings": "./lib/index.d.ts",

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

182151

decreased by-0.04%

Lines of code

2946

decreased by-0.14%

No dependency changes