@abtnode/ux 1.7.13 → 1.7.16

package/lib/card-selector.js

@@ -50,7 +50,6 @@ function CardSelector(_ref) {
     outterCon.current.addEventListener('touchmove', func, {
       passive: false
     });
-    return () => outterCon.current.removeEventListener('touchmove', func);
   }, []);
   let startX;
 

package/lib/issue-passport.js

@@ -11,11 +11,11 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactRouterDom = require("react-router-dom");
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
-var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
+var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
 
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
 
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
 

package/lib/launch-blocklet/content-layout.js

@@ -35,4 +35,4 @@ ContentLayout.propTypes = {
 const Container = _styledComponents.default.div.withConfig({
   displayName: "content-layout__Container",
   componentId: "sc-panu44-0"
-})(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;.header{text-align:center;}.body{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%;min-height:200px;flex:1;", "{padding:24px;}", "{padding:0 16px 16px;}}.footer{display:flex;justify-content:center;", "{padding-bottom:34px;}", "{margin-top:auto;padding-bottom:10px;}}"], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'));
+})(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;.header{text-align:center;}.body{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%;min-height:200px;flex:1;", "{padding:24px;}", "{padding:0 16px 16px;}}.footer{display:flex;justify-content:center;", "{padding-bottom:34px;}", "{margin-top:auto;padding-bottom:10px;}}"], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'));

package/lib/layout/addon.js

@@ -11,9 +11,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
-var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
+var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
 
 var _reactRouterDom = require("react-router-dom");
 
@@ -116,4 +116,4 @@ HeaderAddon.defaultProps = {
 const Div = _styledComponents.default.div.withConfig({
   displayName: "addon__Div",
   componentId: "sc-5tyqcw-0"
-})(["display:flex;justify-content:center;align-items:center;.user-addon{.user-avatar{width:28px;border-radius:14px;height:auto;}}", "{> button,> a{padding-left:8px;padding-right:8px;}}"], props => props.theme.breakpoints.down('sm'));
+})(["display:flex;justify-content:center;align-items:center;.user-addon{.user-avatar{width:28px;border-radius:14px;height:auto;}}", "{> button,> a{padding-left:8px;padding-right:8px;}}"], props => props.theme.breakpoints.down('md'));

package/lib/lost-passport.js

@@ -11,27 +11,27 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactRouterDom = require("react-router-dom");
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
-var _Container = _interopRequireDefault(require("@material-ui/core/Container"));
+var _Container = _interopRequireDefault(require("@mui/material/Container"));
 
-var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
+var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
 
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
 
-var _Stepper = _interopRequireDefault(require("@material-ui/core/Stepper"));
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
 
-var _Step = _interopRequireDefault(require("@material-ui/core/Step"));
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
 
-var _StepLabel = _interopRequireDefault(require("@material-ui/core/StepLabel"));
+var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
 
-var _ViewList = _interopRequireDefault(require("@material-ui/icons/ViewList"));
+var _ViewList = _interopRequireDefault(require("@mui/icons-material/ViewList"));
 
-var _GetApp = _interopRequireDefault(require("@material-ui/icons/GetApp"));
+var _GetApp = _interopRequireDefault(require("@mui/icons-material/GetApp"));
 
-var _Done = _interopRequireDefault(require("@material-ui/icons/Done"));
+var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
 
-var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 

package/lib/toast.js

@@ -10,9 +10,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _notistack = require("notistack");
 
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -58,7 +58,8 @@ function ToastProvider(_ref) {
       key: "close",
       "aria-label": "close",
       color: "inherit",
-      onClick: onClickDismiss(key)
+      onClick: onClickDismiss(key),
+      size: "large"
     }, /*#__PURE__*/_react.default.createElement(_Close.default, {
       style: {
         fontSize: 16

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.7.13",
+  "version": "1.7.16",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,15 +21,18 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/constant": "1.7.13",
-    "@arcblock/did-connect": "^1.17.17",
-    "@arcblock/ux": "^1.17.17",
-    "@blocklet/meta": "1.7.13",
-    "@material-ui/core": "^4.12.3",
-    "@material-ui/icons": "^4.11.2",
-    "notistack": "^1.0.6",
+    "@abtnode/constant": "1.7.16",
+    "@arcblock/did-connect": "^2.0.1",
+    "@arcblock/ux": "^2.0.1",
+    "@blocklet/meta": "1.7.16",
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.6.2",
+    "@mui/material": "^5.6.4",
+    "@mui/styles": "^5.6.2",
+    "notistack": "2.0.5",
     "prop-types": "^15.7.2",
-    "react": "^16.13.0",
+    "react": "^18.1.0",
     "react-router-dom": "^5.1.2",
     "styled-components": "^5.0.1"
   },
@@ -42,5 +45,5 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "c35c485417df0e023c06c09557644b46a6c8c655"
+  "gitHead": "04529c50cd42af0166b776fae82f8f4398834bfa"
 }