@arcblock/did-playground 1.17.21 → 2.0.2

package/lib/Action/index.js

@@ -15,13 +15,13 @@ var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useB
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 
@@ -211,7 +211,6 @@ function PlaygroundAction(props) {
     color: "#fff"
   })), open && !showDidConnect && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     open: true,
-    disableBackdropClick: true,
     disableEscapeKeyDown: true,
     fullScreen: width < theme.breakpoints.values.sm && !browser.wallet,
     fullWidth: showFrame,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "1.17.21",
+  "version": "2.0.2",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -34,10 +34,10 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^1.17.21",
-    "@arcblock/react-hooks": "^1.17.21",
-    "@arcblock/ux": "^1.17.21",
-    "@material-ui/core": "^4.12.3",
+    "@arcblock/did-connect": "^2.0.2",
+    "@arcblock/react-hooks": "^2.0.2",
+    "@arcblock/ux": "^2.0.2",
+    "@mui/material": "^5.6.4",
     "axios": "^0.21.2",
     "core-js": "^3.6.4",
     "mustache": "^4.0.0",
@@ -46,7 +46,7 @@
   },
   "peerDependencies": {
     "prop-types": "^15.7.2",
-    "react": ">=16.12.0"
+    "react": ">=18.1.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "72ee6788c33de8033ac6fcc884554c9e2bdb0849"
+  "gitHead": "319d3e6d884b5f79311edca8aab7a9ed17a17b74"
 }

package/src/Action/index.js

@@ -4,10 +4,10 @@ import useWindowSize from 'react-use/lib/useWindowSize';
 import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
 import styled from 'styled-components';
 
-import CircularProgress from '@material-ui/core/CircularProgress';
-import Dialog from '@material-ui/core/Dialog';
-import DialogContent from '@material-ui/core/DialogContent';
-import { withTheme } from '@material-ui/core/styles';
+import CircularProgress from '@mui/material/CircularProgress';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import { withTheme } from '@mui/styles';
 
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import Button from '@arcblock/ux/lib/Button';
@@ -199,7 +199,6 @@ function PlaygroundAction(props) {
       {open && !showDidConnect && (
         <Dialog
           open
-          disableBackdropClick
           disableEscapeKeyDown
           fullScreen={width < theme.breakpoints.values.sm && !browser.wallet}
           fullWidth={showFrame}