@blocklet/ui-react 2.4.69 → 2.4.70

package/lib/Dashboard/index.js

@@ -23,6 +23,8 @@ var _blocklets = require("../blocklets");
 
 var _headerAddons2 = _interopRequireDefault(require("../common/header-addons"));
 
+var _walletHiddenTopbar = require("../common/wallet-hidden-topbar");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["meta", "fallbackUrl", "invalidPathFallback", "headerAddons", "sessionManagerProps", "links"];
@@ -56,6 +58,7 @@ function Dashboard(_ref) {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  (0, _walletHiddenTopbar.useWalletHiddenTopbar)();
   const sessionCtx = (0, _react.useContext)(_Session.SessionContext);
   const user = sessionCtx === null || sessionCtx === void 0 ? void 0 : (_sessionCtx$session = sessionCtx.session) === null || _sessionCtx$session === void 0 ? void 0 : _sessionCtx$session.user;
   const userRole = user === null || user === void 0 ? void 0 : user.role;

package/lib/Header/index.js

@@ -33,6 +33,8 @@ var _blocklets = require("../blocklets");
 
 var _headerAddons = _interopRequireDefault(require("../common/header-addons"));
 
+var _walletHiddenTopbar = require("../common/wallet-hidden-topbar");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject;
@@ -127,6 +129,7 @@ function Header(_ref) {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  (0, _walletHiddenTopbar.useWalletHiddenTopbar)();
   const {
     locale
   } = (0, _context.useLocaleContext)() || {};

package/lib/common/wallet-hidden-topbar.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWalletHiddenTopbar = void 0;
+
+var _react = require("react");
+
+var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
+
+var _dsbridge = _interopRequireDefault(require("dsbridge"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// 在 wallet webview 环境中, 隐藏 wallet topbar
+// eslint-disable-next-line import/prefer-default-export
+const useWalletHiddenTopbar = () => {
+  const browser = (0, _useBrowser.default)();
+  (0, _react.useEffect)(() => {
+    if (browser.wallet) {
+      _dsbridge.default.call('arcHideTopBar', '{}');
+    }
+  }, [browser]);
+};
+
+exports.useWalletHiddenTopbar = useWalletHiddenTopbar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.4.69",
+  "version": "2.4.70",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -30,8 +30,8 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.4.69",
-    "@arcblock/ux": "^2.4.69",
+    "@arcblock/did-connect": "^2.4.70",
+    "@arcblock/ux": "^2.4.70",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/iconify": "^2.2.1",
@@ -53,5 +53,5 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^28.1.3"
   },
-  "gitHead": "7f35b30f5e0b403bf60030a59619ed27f2492da3"
+  "gitHead": "5fae675919bb8acf003f04fd34cb7b037b19c8a1"
 }

package/src/Dashboard/index.js

@@ -8,12 +8,14 @@ import { blockletMetaProps, sessionManagerProps } from '../types';
 import { mapRecursive, flatRecursive, matchPaths } from '../utils';
 import { publicPath, formatBlockletInfo, getLocalizedNavigation, filterNavByRole } from '../blocklets';
 import HeaderAddons from '../common/header-addons';
+import { useWalletHiddenTopbar } from '../common/wallet-hidden-topbar';
 
 /**
  * 专门用于 (composable) blocklet 的 Dashboard 组件, 解析 blocklet meta 中 section 为 dashboard 的 navigation 数据, 渲染一个 UX Dashboard
  */
 // eslint-disable-next-line no-shadow
 function Dashboard({ meta, fallbackUrl, invalidPathFallback, headerAddons, sessionManagerProps, links, ...rest }) {
+  useWalletHiddenTopbar();
   const sessionCtx = useContext(SessionContext);
   const user = sessionCtx?.session?.user;
   const userRole = user?.role;

package/src/Header/index.js

@@ -13,6 +13,7 @@ import { blockletMetaProps, sessionManagerProps } from '../types';
 import { mapRecursive, flatRecursive, matchPaths } from '../utils';
 import { publicPath, formatBlockletInfo, getLocalizedNavigation } from '../blocklets';
 import HeaderAddons from '../common/header-addons';
+import { useWalletHiddenTopbar } from '../common/wallet-hidden-topbar';
 
 // blocklet meta 中的 navigation 数据 => NavMenu 组件的 items
 const parseNavigation = (navigation) => {
@@ -59,6 +60,7 @@ const parseNavigation = (navigation) => {
  */
 // eslint-disable-next-line no-shadow
 function Header({ meta, addons, sessionManagerProps, homeLink, theme: themeOverrides, ...rest }) {
+  useWalletHiddenTopbar();
   const { locale } = useLocaleContext() || {};
   const formattedBlocklet = useMemo(() => {
     const blocklet = Object.assign({}, window.blocklet, meta);

package/src/common/wallet-hidden-topbar.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
+import dsbridge from 'dsbridge';
+
+// 在 wallet webview 环境中, 隐藏 wallet topbar
+// eslint-disable-next-line import/prefer-default-export
+export const useWalletHiddenTopbar = () => {
+  const browser = useBrowser();
+  useEffect(() => {
+    if (browser.wallet) {
+      dsbridge.call('arcHideTopBar', '{}');
+    }
+  }, [browser]);
+};