@arcblock/did-playground 2.1.27 → 2.1.30

package/lib/Action/index.js

@@ -9,6 +9,8 @@ var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _styles = require("@mui/material/styles");
+
 var _useWindowSize = _interopRequireDefault(require("react-use/lib/useWindowSize"));
 
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
@@ -21,8 +23,6 @@ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
 
-var _styles = require("@mui/styles");
-
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
@@ -35,7 +35,7 @@ var _actions = require("./actions");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["autoClose", "action", "buttonText", "buttonColor", "buttonVariant", "buttonSize", "buttonRounded", "children", "disableClose", "title", "scanMessage", "successMessage", "successUrl", "successTarget", "frameProps", "confirmMessage", "extraParams", "timeout", "theme", "webWalletUrl"];
+const _excluded = ["autoClose", "action", "buttonText", "buttonColor", "buttonVariant", "buttonSize", "buttonRounded", "children", "disableClose", "title", "scanMessage", "successMessage", "successUrl", "successTarget", "frameProps", "confirmMessage", "extraParams", "timeout", "webWalletUrl"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -90,11 +90,11 @@ function PlaygroundAction(props) {
     confirmMessage,
     extraParams,
     timeout,
-    theme,
     webWalletUrl
   } = newProps,
         rest = _objectWithoutProperties(newProps, _excluded);
 
+  const theme = (0, _styles.useTheme)();
   const browser = (0, _useBrowser.default)();
   const {
     api,
@@ -306,7 +306,5 @@ PlaygroundAction.defaultProps = {
   frameProps: {},
   webWalletUrl: ''
 };
-
-var _default = (0, _styles.withTheme)(PlaygroundAction);
-
+var _default = PlaygroundAction;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "2.1.27",
+  "version": "2.1.30",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -34,9 +34,9 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.1.27",
-    "@arcblock/react-hooks": "^2.1.27",
-    "@arcblock/ux": "^2.1.27",
+    "@arcblock/did-connect": "^2.1.30",
+    "@arcblock/react-hooks": "^2.1.30",
+    "@arcblock/ux": "^2.1.30",
     "@mui/material": "^5.6.4",
     "axios": "^0.21.2",
     "core-js": "^3.6.4",
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a5f51b0432dbdfe806276bdb10b68df19575687e"
+  "gitHead": "16c9e4b3d8664ef14440b248bdf34b46fc8396d1"
 }

package/src/Action/index.js

@@ -1,5 +1,6 @@
 import { useContext, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { useTheme } from '@mui/material/styles';
 import useWindowSize from 'react-use/lib/useWindowSize';
 import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
 import styled from 'styled-components';
@@ -7,7 +8,6 @@ import styled from 'styled-components';
 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';
@@ -54,11 +54,11 @@ function PlaygroundAction(props) {
     confirmMessage,
     extraParams,
     timeout,
-    theme,
     webWalletUrl,
     ...rest
   } = newProps;
 
+  const theme = useTheme();
   const browser = useBrowser();
   const { api, session } = useContext(SessionContext);
   const [open, setOpen] = useState(false);
@@ -269,4 +269,4 @@ PlaygroundAction.defaultProps = {
   webWalletUrl: '',
 };
 
-export default withTheme(PlaygroundAction);
+export default PlaygroundAction;