react-pure-modal 2.2.8 → 2.3.4

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

@@ -1,9 +1,3 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
 /*! !!../node_modules/css-loader/dist/cjs.js!./react-pure-modal.min.css */
 
 /*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */
@@ -18,28 +12,16 @@ object-assign
 
 /*! ./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 ***!
   \****************************/
@@ -68,22 +50,6 @@ object-assign
   !*** ./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 ***!
   \*****************************************************/
@@ -92,10 +58,6 @@ object-assign
   !*** ./node_modules/react/cjs/react.development.js ***!
   \*****************************************************/
 
-/*!*************************************************************!*\
-  !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
-  \*************************************************************/
-
 /*!*************************************************************!*\
   !*** ./node_modules/react-dom/cjs/react-dom.development.js ***!
   \*************************************************************/
@@ -104,10 +66,6 @@ object-assign
   !*** ./node_modules/scheduler/cjs/scheduler.development.js ***!
   \*************************************************************/
 
-/*!*********************************************************************!*\
-  !*** ./node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
-  \*********************************************************************/
-
 /*!****************************************************************************!*\
   !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
   \****************************************************************************/
@@ -117,21 +75,8 @@ object-assign
   \*****************************************************************************/
 
 /**
- * Checks if an event is supported in the current execution environment.
- *
- * NOTE: This will not work correctly for non-generic events such as `change`,
- * `reset`, `load`, `error`, and `select`.
- *
- * Borrows from Modernizr.
- *
- * @param {string} eventNameSuffix Event name, e.g. "click".
- * @return {boolean} True if the event is supported.
- * @internal
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-
-/** @license React v0.19.1
- * scheduler-tracing.development.js
+ * @license React
+ * react-dom.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -139,7 +84,8 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v0.19.1
+/**
+ * @license React
  * scheduler.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -148,20 +94,16 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.13.1
- * react-dom.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
+/**
+ * Checks if an event is supported in the current execution environment.
  *
- * 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
+ * NOTE: This will not work correctly for non-generic events such as `change`,
+ * `reset`, `load`, `error`, and `select`.
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Borrows from Modernizr.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * @param {string} eventNameSuffix Event name, e.g. "click".
+ * @return {boolean} True if the event is supported.
+ * @internal
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pure-modal",
-  "version": "2.2.8",
+  "version": "2.3.4",
   "description": "React modal",
   "main": "dist/react-pure-modal.min.js",
   "types": "dist/react-pure-modal.d.ts",
@@ -15,7 +15,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/max-mykhailenko/react-pure-modal.git"
+    "url": "https://github.com/Memcrab/react-pure-modal.git"
   },
   "keywords": [
     "react",
@@ -25,9 +25,9 @@
   "author": "Max Mykhailenko",
   "license": "ISC",
   "bugs": {
-    "url": "https://github.com/max-mykhailenko/react-pure-modal/issues"
+    "url": "https://github.com/Memcrab/react-pure-modal/issues"
   },
-  "homepage": "https://github.com/max-mykhailenko/react-pure-modal#readme",
+  "homepage": "https://github.com/Memcrab/react-pure-modal#readme",
   "devDependencies": {
     "@babel/core": "7.22.1",
     "@babel/plugin-proposal-class-properties": "7.10.4",
@@ -36,8 +36,8 @@
     "@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",
+    "@types/react": "18.2.67",
+    "@types/react-dom": "18.2.22",
     "autoprefixer": "9.8.6",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.3.0",
@@ -54,9 +54,9 @@
     "postcss-csso": "4.0.0",
     "postcss-loader": "3.0.0",
     "prettier": "2.1.1",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-test-renderer": "16.13.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-test-renderer": "18.2.0",
     "rimraf": "3.0.2",
     "style-loader": "1.2.1",
     "terser-webpack-plugin": "4.1.0",
@@ -67,7 +67,7 @@
     "yargs": "15.4.1"
   },
   "peerDependencies": {
-    "react": "^15.3.0 || ^16.0 || ^17.0 || ^18.0 || ^19.0",
-    "react-dom": "^15.3.0 || ^16.0 || ^17.0 || ^18.0 || ^19.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   }
 }

package/src/react-pure-modal.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback, useId } from 'react';
 import { createPortal } from 'react-dom';
 
 // components
@@ -26,8 +26,10 @@ type Props = {
   portal?: boolean;
 };
 
+type CloseInteractionEvent = MouseOrTouch | KeyboardEvent;
+
 function PureModal(props: Props) {
-  let hash = Math.random().toString();
+  const hash = useId();
   const [isDragged, setIsDragged] = useState(false);
   const [x, setX] = useState<number | null>(null);
   const [y, setY] = useState<number | null>(null);
@@ -79,7 +81,7 @@ function PureModal(props: Props) {
   }, [isOpen]);
 
   const handleEsc = useCallback(
-    event => {
+    (event: KeyboardEvent) => {
       const allModals = document.querySelectorAll('.pure-modal');
       const isManyModalsOpen = allModals.length > 1; // open modal in modal
       const firstModalData = allModals[allModals.length - 1];
@@ -107,7 +109,7 @@ function PureModal(props: Props) {
    *
    * click on close btn, click on backdrop, press on esc
    */
-  function close(event?: MouseOrTouch) {
+  function close(event?: CloseInteractionEvent) {
     if (event) {
       event.stopPropagation();
       event.preventDefault();

package/tsconfig.json

@@ -15,7 +15,11 @@
     "importsNotUsedAsValues": "error",
     "resolveJsonModule": true,
     "allowSyntheticDefaultImports": true,
-    "typeRoots": ["./@types/**", "./node_modules/@types"],
+    "baseUrl": ".",
+    "paths": {
+      "scheduler/tracing": ["@types/scheduler/tracing"]
+    },
+    "typeRoots": ["./@types", "./node_modules/@types"],
     "types": ["node", "jest"]
   }
 }