react-grid-layout - npm Package Compare versions

Comparing version 1.3.3 to 1.3.4

build/components/WidthProvider.js

@@ -36,3 +36,3 @@ "use strict";
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
@@ -68,5 +68,5 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 {
-  var _class, _temp;
+  var _class;
 
-  return _temp = _class = /*#__PURE__*/function (_React$Component) {
+  return _class = /*#__PURE__*/function (_React$Component) {
     _inherits(WidthProvider, _React$Component);
@@ -156,3 +156,3 @@
     measureBeforeMount: _propTypes.default.bool
-  }), _temp;
+  }), _class;
 }

build/GridItem.js

@@ -38,3 +38,3 @@ "use strict";
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
@@ -41,0 +41,0 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

build/ReactGridLayout.js

@@ -60,3 +60,3 @@ "use strict";
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
@@ -428,2 +428,3 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
+      e.stopPropagation();
       _this.dragEnterCounter--; // onDragLeave can be triggered on each layout's child.
@@ -443,2 +444,3 @@ // But we know that count of dragEnter and dragLeave events
 
+      e.stopPropagation();
       _this.dragEnterCounter++;
@@ -452,2 +454,3 @@ });
 
+      e.stopPropagation();
       var droppingItem = _this.props.droppingItem;
@@ -454,0 +457,0 @@ var layout = _this.state.layout;

build/ResponsiveReactGridLayout.js

@@ -46,3 +46,3 @@ "use strict";
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
@@ -49,0 +49,0 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

CHANGELOG.md

@@ -267,4 +267,4 @@ # Changelog
 
-- Added ability to drag items into the grid from outside. [#980](https://github.com/STRML/react-grid-layout/pull/980). See [the example](https://strml.github.io/react-grid-layout/examples/15-drag-from-outside.html).
-  - This is especially exciting as it opens up new "widget toolbox" use cases such as [Example 14](https://strml.github.io/react-grid-layout/examples/14-toolbox.html) with more intuitive interaction. Thanks @daynin.
+- Added ability to drag items into the grid from outside. [#980](https://github.com/STRML/react-grid-layout/pull/980). See [the example](https://react-grid-layout.github.io/react-grid-layout/examples/15-drag-from-outside.html).
+  - This is especially exciting as it opens up new "widget toolbox" use cases such as [Example 14](https://react-grid-layout.github.io/react-grid-layout/examples/14-toolbox.html) with more intuitive interaction. Thanks @daynin.
 - `transformScale` prop [#987](https://github.com/STRML/react-grid-layout/pull/987)
@@ -271,0 +271,0 @@ - `<ResponsiveReactGridLayout>` now supports margin-per-breakpoint [#1016](https://github.com/STRML/react-grid-layout/pull/1016)

lib/ReactGridLayout.jsx

@@ -729,2 +729,3 @@ // @flow
     e.preventDefault(); // Prevent any browser native action
+    e.stopPropagation();
     this.dragEnterCounter--;
@@ -744,2 +745,3 @@
     e.preventDefault(); // Prevent any browser native action
+    e.stopPropagation();
     this.dragEnterCounter++;
@@ -750,2 +752,3 @@ };
     e.preventDefault(); // Prevent any browser native action
+    e.stopPropagation();
     const { droppingItem } = this.props;
@@ -752,0 +755,0 @@ const { layout } = this.state;

package.json

 {
   "name": "react-grid-layout",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "A draggable and resizable grid layout with responsive breakpoints, for React.",
@@ -42,3 +42,3 @@ "main": "index.js",
     "lodash.isequal": "^4.0.0",
-    "prop-types": "^15.0.0",
+    "prop-types": "^15.8.1",
     "react-draggable": "^4.0.0",
@@ -48,16 +48,16 @@ "react-resizable": "^3.0.4"
   "devDependencies": {
-    "@babel/cli": "^7.14.8",
-    "@babel/core": "^7.15.0",
-    "@babel/eslint-parser": "^7.16.3",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-transform-flow-comments": "^7.14.5",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-flow": "^7.14.5",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/register": "^7.15.3",
-    "@webpack-cli/serve": "^1.5.2",
-    "babel-jest": "^27.0.6",
+    "@babel/cli": "^7.17.3",
+    "@babel/core": "^7.17.5",
+    "@babel/eslint-parser": "^7.17.0",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-transform-flow-comments": "^7.16.7",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-flow": "^7.16.7",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/register": "^7.17.0",
+    "@webpack-cli/serve": "^1.6.1",
+    "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.2",
-    "babel-plugin-preval": "^5.0.0",
-    "css-loader": "^6.2.0",
+    "babel-plugin-preval": "^5.1.0",
+    "css-loader": "^6.6.0",
     "ejs": "^3.1.6",
@@ -67,13 +67,13 @@ "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^7.32.0",
-    "eslint-plugin-flowtype": "^5.9.0",
-    "eslint-plugin-mocha": "^9.0.0",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-unicorn": "^39.0.0",
+    "eslint": "^8.9.0",
+    "eslint-plugin-flowtype": "^8.0.3",
+    "eslint-plugin-mocha": "^10.0.3",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-unicorn": "^41.0.0",
     "exports-loader": "^3.0.0",
-    "flow-bin": "^0.158.0",
+    "flow-bin": "^0.172.0",
     "husky": "^7.0.2",
     "imports-loader": "^3.0.0",
-    "jest": "^27.0.6",
-    "lint-staged": "^11.1.2",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.3.4",
     "lodash": "^4.17.21",
@@ -88,5 +88,5 @@ "opener": "^1.5.2",
     "timsort": "^0.3.0",
-    "webpack": "^5.51.1",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.0.0"
+    "webpack": "^5.69.1",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4"
   },
@@ -114,6 +114,6 @@ "peerDependencies": {
       "global": {
-        "statements": 77.43,
-        "branches": 72.02,
-        "functions": 77.12,
-        "lines": 78.93
+        "statements": 77,
+        "branches": 72,
+        "functions": 77,
+        "lines": 78
       }
@@ -128,2 +128,2 @@ }
   }
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

488070

0.08%

Lines of code

6348

0.09%

Dependency changes

• Updated

  prop-types@^15.8.1