@blocklet/ui-react 2.10.4 → 2.10.6

package/lib/Header/index.d.ts

@@ -1,11 +1,22 @@
+import { LiteralUnion } from 'type-fest';
+import type { BoxProps } from '@mui/material';
 import { BlockletMetaProps, SessionManagerProps } from '../@types';
-declare const _default: import("react").ComponentType<{
-    meta: BlockletMetaProps;
-    addons: Function | JSX.Element;
-    sessionManagerProps: SessionManagerProps;
-    homeLink: string;
-    theme: object;
-    hideNavMenu: boolean;
+type HeaderProps = {
+    meta?: BlockletMetaProps;
+    addons?: Function | React.ReactNode;
+    sessionManagerProps?: SessionManagerProps;
+    homeLink?: string | Function;
+    theme?: object;
+    hideNavMenu?: boolean;
     bordered?: boolean;
-}>;
+    logo?: React.ReactNode;
+    brand?: React.ReactNode;
+    brandAddon?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    prepend?: React.ReactNode;
+    align?: 'left' | 'right';
+    maxWidth?: false | LiteralUnion<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>;
+};
+declare const _default: import("react").ComponentType<HeaderProps & Omit<BoxProps, keyof HeaderProps>>;
 export default _default;

package/lib/UserSessions/components/user-sessions.js

@@ -187,7 +187,10 @@ export default function UserSessions({
       options: {
         customBodyRenderLite: (rawIndex) => {
           const x = safeData[rawIndex];
-          return x.createdAt ? /* @__PURE__ */ jsx(RelativeTime, { value: x.createdAt, relativeRange: 3 * 86400 * 1e3, locale }) : t("unknown");
+          return x.createdAt ? (
+            // @ts-expect-error
+            /* @__PURE__ */ jsx(RelativeTime, { value: x.createdAt, relativeRange: 3 * 86400 * 1e3, locale })
+          ) : t("unknown");
         }
       }
     },
@@ -197,7 +200,10 @@ export default function UserSessions({
       options: {
         customBodyRenderLite: (rawIndex) => {
           const x = safeData[rawIndex];
-          return x.status === "expired" ? t("expired") : /* @__PURE__ */ jsx(RelativeTime, { value: x.updatedAt, relativeRange: 3 * 86400 * 1e3, locale });
+          return x.status === "expired" ? t("expired") : (
+            // @ts-expect-error
+            /* @__PURE__ */ jsx(RelativeTime, { value: x.updatedAt, relativeRange: 3 * 86400 * 1e3, locale })
+          );
         }
       }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.10.4",
+  "version": "2.10.6",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -32,8 +32,8 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/bridge": "^2.10.4",
-    "@arcblock/react-hooks": "^2.10.4",
+    "@arcblock/bridge": "^2.10.6",
+    "@arcblock/react-hooks": "^2.10.6",
     "@iconify-icons/logos": "^1.2.36",
     "@iconify-icons/material-symbols": "^1.2.58",
     "@iconify/react": "^4.1.1",
@@ -50,6 +50,7 @@
     "prop-types": "^15.8.1",
     "react-error-boundary": "^3.1.4",
     "react-placeholder": "^4.1.0",
+    "type-fest": "^4.22.0",
     "ua-parser-js": "^1.0.37",
     "ufo": "^1.5.3"
   },
@@ -78,5 +79,5 @@
     "jest": "^28.1.3",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "57248b30b2ad697026249b768894c44345c37ed3"
+  "gitHead": "b167099e5491387e6f7cc2d36d8f8a8e56e8f28d"
 }

package/src/Header/index.tsx

@@ -7,6 +7,8 @@ import NavMenu from '@arcblock/ux/lib/NavMenu';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { temp as colors } from '@arcblock/ux/lib/Colors';
 import omit from 'lodash/omit';
+import { LiteralUnion } from 'type-fest';
+import type { BoxProps } from '@mui/material';
 
 import Icon from '../Icon';
 import OverridableThemeProvider from '../common/overridable-theme-provider';
@@ -56,6 +58,24 @@ const parseNavigation = (navigation: any) => {
   return { navItems, activeId: matchedIndex >= 0 ? flattened[matchedIndex].id : null };
 };
 
+type HeaderProps = {
+  meta?: BlockletMetaProps;
+  addons?: Function | React.ReactNode;
+  sessionManagerProps?: SessionManagerProps;
+  homeLink?: string | Function;
+  theme?: object;
+  hideNavMenu?: boolean;
+  bordered?: boolean;
+  logo?: React.ReactNode;
+  brand?: React.ReactNode;
+  brandAddon?: React.ReactNode;
+  description?: React.ReactNode;
+  children?: React.ReactNode;
+  prepend?: React.ReactNode;
+  align?: 'left' | 'right';
+  maxWidth?: false | LiteralUnion<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>;
+};
+
 /**
  * 专门用于 (composable) blocklet 的 Header 组件, 解析 blocklet meta 中的数据, 通过组合 UX 中的 Header & NavMenu 组件来渲染
  */
@@ -71,15 +91,7 @@ function Header({
   theme: themeOverrides,
   hideNavMenu = false,
   ...rest
-}: {
-  meta: BlockletMetaProps;
-  addons: Function | JSX.Element;
-  sessionManagerProps: SessionManagerProps;
-  homeLink: string;
-  theme: object;
-  hideNavMenu: boolean;
-  bordered?: boolean;
-}) {
+}: HeaderProps & Omit<BoxProps, keyof HeaderProps>) {
   useWalletHiddenTopbar();
   const { locale } = useLocaleContext() || {};
   const formattedBlocklet = useMemo(() => {

package/src/UserSessions/components/user-session-info.tsx

@@ -21,6 +21,7 @@ export default function UserSessionInfo({ user, sessionUser }: { readonly user:
         size={40}
         variant="circle"
         shape="circle"
+        // @ts-expect-error
         src={sessionUser.avatar}
         did={sessionUser.did}
         sx={{ flexShrink: 0 }}

package/src/UserSessions/components/user-sessions.tsx

@@ -209,6 +209,7 @@ export default function UserSessions({
         customBodyRenderLite: (rawIndex: number) => {
           const x = safeData[rawIndex];
           return x.createdAt ? (
+            // @ts-expect-error
             <RelativeTime value={x.createdAt} relativeRange={3 * 86400 * 1000} locale={locale} />
           ) : (
             t('unknown')
@@ -225,6 +226,7 @@ export default function UserSessions({
           return x.status === 'expired' ? (
             t('expired')
           ) : (
+            // @ts-expect-error
             <RelativeTime value={x.updatedAt} relativeRange={3 * 86400 * 1000} locale={locale} />
           );
         },