react-resizable 3.0.3 → 3.0.4

package/.flowconfig

@@ -1,5 +1,5 @@
 [version]
-^0.150.1
+^0.153.0
 
 [ignore]
 .*/node_modules/@babel.*

package/CHANGELOG.md

@@ -1,30 +1,36 @@
 # Changelog
 
+### 3.0.4 (Jun 15, 2021)
+
+- 🐛 Bugfix: Fix incorrect fix for `handleAxis` on DOM elements. [#175](https://github.com/react-grid-layout/react-resizable/issues/175)
+- ✏ Chore:Upgrade dependencies.
+
 ### 3.0.3 (Jun 14, 2021)
 
-- Fix unknown prop `handleAxis` making it to DOM elements, causing a warning in dev.
-- Rewrote `lockAspectRatio` logic to be more accurate and shorter.
+- 🐛 Bugfix: Remove unknown prop `handleAxis` making it to DOM elements, causing a warning in dev.
+- ✏ Chore:Rewrote `lockAspectRatio` logic to be more accurate and shorter.
 
 ### 3.0.2 (Jun 8, 2021)
 
-- Add documentation for resize handles and fix a mistake where the `handleAxis` prop was not being passed to custom components.
+- ✏ Chore:Add documentation for resize handles and fix a mistake where the `handleAxis` prop was not being passed to custom components.
   - See [Resize Handles](README.md#resize-handle)
 
 ### 3.0.1 (May 10, 2021)
 
-- Reduce package size through `.npmignore`.
+- ✏ Chore:Reduce package size through `.npmignore`.
 
 ### 3.0.0 (May 10, 2021)
 
 #### Breaking
-- Fixed handling of the `nodeRef` that needs to be passed to `<DraggableCore>` to avoid use of ReactDOM. This means that vanilla usage of `react-resizable` no longer requires ReactDOM. No code changes are needed in the usual case, except:
+
+- 🐛 Bugfix: Fixed handling of the `nodeRef` that needs to be passed to `<DraggableCore>` to avoid use of ReactDOM. This means that vanilla usage of `react-resizable` no longer requires ReactDOM. No code changes are needed in the usual case, except:
   * React `>= 16.3` is required due to use of `React.createRef()`, and
   * The `handle` prop now sends a `ReactRef<HTMLElement>` as its second argument and expects it to be used on your returned component.
     * If you do not attach the `ref`, you will receive the following error: `"<DraggableCore> not mounted on DragStart!"` This is due to the ref being present but not attached to any node.
 
 ### 1.11.1 (Mar 5, 2021)
 
-- Added React 17 to peerDependencies.
+- ✏ Chore: Added React 17 to peerDependencies.
 
 ### 1.11.0 (Sep 3, 2020)
 

package/README.md

@@ -1,6 +1,6 @@
 ### React-Resizable
 
-[View the Demo](https://react-grid-layout.github.io/react-resizable/examples/1.html)
+[View the Demo](https://react-grid-layout.github.io/react-resizable/index.html)
 
 A simple widget that can be resized via one or more handles.
 

package/build/Resizable.js

@@ -176,7 +176,7 @@ var Resizable = /*#__PURE__*/function (_React$Component) {
       var shouldSkipCb = handlerName === 'onResize' && !dimensionsChanged;
 
       if (cb && !shouldSkipCb) {
-        if (typeof e.persist === 'function') e.persist();
+        e.persist == null ? void 0 : e.persist();
         cb(e, {
           node: node,
           size: {
@@ -211,7 +211,7 @@ var Resizable = /*#__PURE__*/function (_React$Component) {
     } // Handle is a React component (composite or DOM).
 
 
-    var isDOMElement = handle.type === 'string';
+    var isDOMElement = typeof handle.type === 'string';
 
     var props = _objectSpread({
       ref: ref

package/build/Resizable.js.flow

@@ -139,7 +139,7 @@ export default class Resizable extends React.Component<Props, void> {
       // Don't call 'onResize' if dimensions haven't changed.
       const shouldSkipCb = handlerName === 'onResize' && !dimensionsChanged;
       if (cb && !shouldSkipCb) {
-        if (typeof e.persist === 'function') e.persist();
+        e.persist?.();
         cb(e, {node, size: {width, height}, handle: axis});
       }
 
@@ -162,7 +162,7 @@ export default class Resizable extends React.Component<Props, void> {
       return handle(handleAxis, ref);
     }
     // Handle is a React component (composite or DOM).
-    const isDOMElement = handle.type === 'string';
+    const isDOMElement = typeof handle.type === 'string';
     const props = {
       ref,
       // Add `handleAxis` prop iff this is not a DOM element,

package/build/ResizableBox.js

@@ -55,7 +55,7 @@ var ResizableBox = /*#__PURE__*/function (_React$Component) {
       var size = data.size;
 
       if (_this.props.onResize) {
-        e.persist && e.persist();
+        e.persist == null ? void 0 : e.persist();
 
         _this.setState(size, function () {
           return _this.props.onResize && _this.props.onResize(e, data);

package/build/ResizableBox.js.flow

@@ -44,7 +44,7 @@ export default class ResizableBox extends React.Component<ResizableBoxProps, Res
   onResize: (e: SyntheticEvent<>, data: ResizeCallbackData) => void = (e, data) => {
     const {size} = data;
     if (this.props.onResize) {
-      e.persist && e.persist();
+      e.persist?.();
       this.setState(size, () => this.props.onResize && this.props.onResize(e, data));
     } else {
       this.setState(size);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "A component that is resizable with handles.",
   "main": "index.js",
   "scripts": {
@@ -9,8 +9,7 @@
     "unit": "jest --watch --verbose",
     "build": "bash build.sh",
     "build-example": "webpack",
-    "dev": "webpack-dev-server --open --open-page=examples/1.html",
-    "watch": "webpack --progress --watch",
+    "dev": "webpack serve --open",
     "prepublishOnly": "npm run build",
     "validate": "yarn check",
     "preversion": "npm run lint",
@@ -34,32 +33,32 @@
   },
   "homepage": "https://github.com/react-grid-layout/react-resizable",
   "devDependencies": {
-    "@babel/cli": "^7.14.3",
-    "@babel/core": "^7.14.3",
-    "@babel/eslint-parser": "^7.14.4",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.14.4",
-    "@babel/preset-env": "^7.14.4",
-    "@babel/preset-flow": "^7.10.4",
-    "@babel/preset-react": "^7.10.4",
+    "@babel/cli": "^7.14.5",
+    "@babel/core": "^7.14.6",
+    "@babel/eslint-parser": "^7.14.5",
+    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/plugin-proposal-object-rest-spread": "^7.14.5",
+    "@babel/preset-env": "^7.14.5",
+    "@babel/preset-flow": "^7.14.5",
+    "@babel/preset-react": "^7.14.5",
     "babel-loader": "^8.0.6",
     "cross-env": "^7.0.2",
-    "css-loader": "^4.2.2",
+    "css-loader": "^5.2.6",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.4",
     "eslint": "^7.28.0",
     "eslint-plugin-jest": "^24.3.6",
     "eslint-plugin-react": "^7.24.0",
-    "flow-bin": "^0.150.1",
+    "flow-bin": "^0.153.0",
     "jest": "^27.0.4",
     "lodash": "^4.17.20",
     "pre-commit": "^1.1.2",
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
     "react-test-renderer": "^16.11.0",
-    "style-loader": "^1.0.0",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.39.0",
+    "webpack-cli": "^4.7.2",
     "webpack-dev-server": "^3.8.2"
   },
   "dependencies": {