react-pure-modal 2.2.1 → 2.2.4

package/example/example.min.js.LICENSE.txt

@@ -4,6 +4,118 @@ object-assign
 @license MIT
 */
 
+/*! !!../node_modules/css-loader/dist/cjs.js!./react-pure-modal.min.css */
+
+/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */
+
+/*! ../dist/react-pure-modal.min.css */
+
+/*! ../dist/react-pure-modal.min.js */
+
+/*! ../node_modules/css-loader/dist/runtime/api.js */
+
+/*! ./cjs/react-dom.development.js */
+
+/*! ./cjs/react.development.js */
+
+/*! ./cjs/scheduler-tracing.development.js */
+
+/*! ./cjs/scheduler.development.js */
+
+/*! ./content */
+
+/*! ./lib/ReactPropTypesSecret */
+
+/*! ./lib/has */
+
+/*! object-assign */
+
+/*! prop-types/checkPropTypes */
+
+/*! react */
+
+/*! react-dom */
+
+/*! scheduler */
+
+/*! scheduler/tracing */
+
+/*!****************************!*\
+  !*** ./example/content.ts ***!
+  \****************************/
+
+/*!*****************************!*\
+  !*** ./example/example.tsx ***!
+  \*****************************/
+
+/*!*************************************!*\
+  !*** ./node_modules/react/index.js ***!
+  \*************************************/
+
+/*!**************************************!*\
+  !*** ./dist/react-pure-modal.min.js ***!
+  \**************************************/
+
+/*!***************************************!*\
+  !*** ./dist/react-pure-modal.min.css ***!
+  \***************************************/
+
+/*!*****************************************!*\
+  !*** ./node_modules/react-dom/index.js ***!
+  \*****************************************/
+
+/*!*****************************************!*\
+  !*** ./node_modules/scheduler/index.js ***!
+  \*****************************************/
+
+/*!*******************************************!*\
+  !*** ./node_modules/scheduler/tracing.js ***!
+  \*******************************************/
+
+/*!********************************************!*\
+  !*** ./node_modules/prop-types/lib/has.js ***!
+  \********************************************/
+
+/*!*********************************************!*\
+  !*** ./node_modules/object-assign/index.js ***!
+  \*********************************************/
+
+/*!***************************************************!*\
+  !*** ./node_modules/prop-types/checkPropTypes.js ***!
+  \***************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/css-loader/dist/runtime/api.js ***!
+  \*****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/react/cjs/react.development.js ***!
+  \*****************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/react-dom/cjs/react-dom.development.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/scheduler/cjs/scheduler.development.js ***!
+  \*************************************************************/
+
+/*!*********************************************************************!*\
+  !*** ./node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
+  \*********************************************************************/
+
+/*!****************************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
+  \****************************************************************************/
+
+/*!*****************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./dist/react-pure-modal.min.css ***!
+  \*****************************************************************************/
+
 /**
  * Checks if an event is supported in the current execution environment.
  *
@@ -27,15 +139,6 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v0.19.1
- * scheduler-tracing.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 /** @license React v0.19.1
  * scheduler.development.js
  *
@@ -45,15 +148,6 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v0.19.1
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 /** @license React v16.13.1
  * react-dom.development.js
  *
@@ -63,15 +157,6 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.13.1
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 /** @license React v16.13.1
  * react.development.js
  *
@@ -80,12 +165,3 @@ object-assign
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-/** @license React v16.13.1
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pure-modal",
-  "version": "2.2.1",
+  "version": "2.2.4",
   "description": "React modal",
   "main": "dist/react-pure-modal.min.js",
   "types": "dist/react-pure-modal.d.ts",
@@ -29,12 +29,13 @@
   },
   "homepage": "https://github.com/max-mykhailenko/react-pure-modal#readme",
   "devDependencies": {
-    "@babel/core": "7.11.4",
+    "@babel/core": "7.22.1",
     "@babel/plugin-proposal-class-properties": "7.10.4",
     "@babel/plugin-proposal-optional-chaining": "7.11.0",
     "@babel/preset-env": "7.11.0",
     "@babel/preset-react": "7.10.4",
     "@babel/preset-typescript": "7.10.4",
+    "@types/node": "^15.14.1",
     "@types/react": "16.9.48",
     "@types/react-dom": "16.9.9",
     "autoprefixer": "9.8.6",
@@ -45,7 +46,7 @@
     "css-minimizer-webpack-plugin": "1.1.2",
     "eslint": "7.7.0",
     "eslint-config-airbnb": "18.2.0",
-    "eslint-plugin-import": "2.22.0",
+    "eslint-plugin-import": "2.22.1",
     "eslint-plugin-jsx-a11y": "6.3.1",
     "eslint-plugin-react": "7.20.6",
     "jest": "26.4.2",
@@ -54,15 +55,14 @@
     "postcss-loader": "3.0.0",
     "prettier": "2.1.1",
     "react": "16.13.1",
-    "react-addons-test-utils": "^15.4.0",
     "react-dom": "16.13.1",
     "react-test-renderer": "16.13.1",
     "rimraf": "3.0.2",
     "style-loader": "1.2.1",
     "terser-webpack-plugin": "4.1.0",
-    "typescript": "4.0.2",
-    "webpack": "4.44.1",
-    "webpack-cli": "3.3.12",
+    "typescript": "4.8.2",
+    "webpack": "5.85.0",
+    "webpack-cli": "5.1.3",
     "webpack-dev-server": "3.11.0",
     "yargs": "15.4.1"
   },

package/src/react-pure-modal.tsx

@@ -34,9 +34,15 @@ function PureModal(props: Props) {
 
   const { isOpen, onClose } = props;
 
+  const removeClassBody = useCallback(() => {
+    document.body.classList.remove('body-modal-fix');
+  }, []);
+
   useEffect(() => {
     if (isOpen) {
       open();
+    } else {
+      close();
     }
   }, [isOpen]);
 
@@ -64,7 +70,7 @@ function PureModal(props: Props) {
 
   function unsetModalContext() {
     document.removeEventListener('keydown', handleEsc);
-    document.body.classList.remove('body-modal-fix');
+    removeClassBody();
     setX(null);
     setY(null);
     setDeltaX(0);

package/webpack.config.dev.js

@@ -4,7 +4,7 @@ const path = require('path');
 const webpack = require('webpack');
 
 const config = {
-  mode: process.env.NODE_ENV || 'production',
+  mode: process.env.NODE_ENV || 'development',
   optimization: {
     minimize: process.env.NODE_ENV !== 'development',
     minimizer:
@@ -23,7 +23,7 @@ const config = {
   entry: {
     example: path.join(__dirname, 'example/example.tsx'),
   },
-  devtool: process.env.NODE_ENV !== 'development' ? '' : 'inline-source-map',
+  devtool: process.env.NODE_ENV !== 'development' ? false : 'inline-source-map',
   module: {
     rules: [
       {
@@ -53,7 +53,7 @@ const config = {
   },
   plugins: [
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
     }),
   ],
   resolve: {

package/webpack.config.js

@@ -45,7 +45,7 @@ const config = {
   },
   plugins: [
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'production'),
     }),
     new MiniCssExtractPlugin({ filename: '[name].min.css' }),
   ],