@arcblock/ux 2.10.67 → 2.10.69

package/lib/Screenshot/index.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement, Children, cloneElement, useEffect, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
 import { mergeProps } from '../Util';
 import { styled } from '../Theme';
 import BaseScreenshot from './BaseScreenshot';
@@ -99,7 +98,6 @@ const findChildren = (children, returnArgWhenNotFound = true) => {
   }
   return null;
 };
-
 // This component is built upon the awesome device.css lib
 // By default it will find and only render img/video tags in the children
 // If neither of them are found, the whole child tree is rendered
@@ -129,7 +127,7 @@ function OldScreenshot(props) {
       className: "device-frame",
       children: /*#__PURE__*/_jsx("div", {
         className: "device-content",
-        children: findChildren(Children.toArray(children)).map((item, index) => /*#__PURE__*/cloneElement(item, {
+        children: findChildren(Children.toArray(children))?.map((item, index) => /*#__PURE__*/cloneElement(item, {
           key: index
         }))
       })
@@ -146,6 +144,13 @@ function OldScreenshot(props) {
     })]
   });
 }
+OldScreenshot.defaultProps = {
+  type: 'iphone-x',
+  className: '',
+  style: {},
+  width: 0,
+  height: 0
+};
 const Div = styled('div')`
   @media (max-width: ${props => types[props.type].width}px) {
     transform-origin: 0 0;
@@ -165,22 +170,6 @@ const Div = styled('div')`
     height: 100.1%;
   }
 `;
-OldScreenshot.propTypes = {
-  type: PropTypes.oneOf(Object.keys(types)),
-  children: PropTypes.any.isRequired,
-  className: PropTypes.string,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  style: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
-};
-OldScreenshot.defaultProps = {
-  type: 'iphone-x',
-  className: '',
-  style: '{}',
-  width: 0,
-  height: 0
-};
-
 /**
  * 用于修正旧版 Screenshot 无法匹配尺寸的问题
  * @param {*} props params to OldScreenshot
@@ -188,10 +177,10 @@ OldScreenshot.defaultProps = {
  */
 function ScreenFixer(props) {
   const screenEl = useRef(null);
-  const [height, setHeight] = useState(undefined);
+  const [height, setHeight] = useState();
   const [scale, setScale] = useState(null);
   useEffect(() => {
-    let resizeObs;
+    let resizeObs = null;
     const fixSize = () => {
       const {
         clientWidth
@@ -243,10 +232,9 @@ const ReScreen = styled('div')`
 `;
 function Screenshot({
   type,
-  src,
+  src = '',
   children,
-  style,
-  sx,
+  sx = {},
   ...rest
 }) {
   const _type = type.toLowerCase();
@@ -255,10 +243,7 @@ function Screenshot({
   if (['phone', 'macbook'].includes(_type)) {
     return /*#__PURE__*/_jsx(BaseScreenshot, {
       type: _type,
-      sx: {
-        ...sx,
-        ...style
-      },
+      sx: sx,
       ...rest,
       children: children || (src ? /*#__PURE__*/_jsx("img", {
         src: src,
@@ -270,29 +255,15 @@ function Screenshot({
   // 旧版采用纯css制作，定制性欠缺，暂时保留使用
   return /*#__PURE__*/_jsx(ScreenFixer, {
     type: type,
-    ...rest,
     sx: {
       ...sx,
-      ...style,
       margin: 'auto'
     },
+    ...rest,
     children: children || (src ? /*#__PURE__*/_jsx("img", {
       src: src,
       alt: "screenshot"
     }) : null)
   });
 }
-Screenshot.propTypes = {
-  type: PropTypes.string.isRequired,
-  src: PropTypes.string,
-  style: PropTypes.object,
-  sx: PropTypes.object,
-  children: PropTypes.any
-};
-Screenshot.defaultProps = {
-  src: '',
-  children: null,
-  style: {},
-  sx: {}
-};
 export default Screenshot;

package/lib/SessionBlocklet/index.d.ts

@@ -1,20 +1,7 @@
-declare function SessionBlocklet({ session, locale, size }: {
-    session: any;
-    locale: any;
-    size: any;
-}): import("react/jsx-runtime").JSX.Element | null;
-declare namespace SessionBlocklet {
-    namespace propTypes {
-        let session: PropTypes.Validator<object>;
-        let locale: PropTypes.Requireable<string>;
-        let size: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        let locale_1: string;
-        export { locale_1 as locale };
-        let size_1: number;
-        export { size_1 as size };
-    }
+import type { Locale } from '../type';
+export interface SessionBlockletProps {
+    session: Record<string, any>;
+    locale?: Locale;
+    size?: number;
 }
-export default SessionBlocklet;
-import PropTypes from 'prop-types';
+export default function SessionBlocklet({ session, locale, size }: SessionBlockletProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/SessionBlocklet/index.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef } from 'react';
-import PropTypes from 'prop-types';
 import { Box, ClickAwayListener, Fade, IconButton, List, ListItem, ListItemButton, Paper, Popper, Typography } from '@mui/material';
 import { Icon } from '@iconify/react';
 import DashboardOutlineRoundedIcon from 'iconify-icons-material-symbols-400/dashboard-outline-rounded';
@@ -13,8 +12,8 @@ import SessionPermission from '../SessionPermission';
 import { getTranslation } from '../Util';
 export default function SessionBlocklet({
   session,
-  locale,
-  size
+  locale = 'zh',
+  size = 24
 }) {
   const blocklet = window?.blocklet || {};
   const sessionMenuList = (blocklet.navigation || []
@@ -55,7 +54,6 @@ export default function SessionBlocklet({
       })
     }), /*#__PURE__*/_jsx(Popper, {
       open: currentState.open,
-      onClose: () => onTogglePopper(false),
       anchorEl: popperAnchorRef.current,
       transition: true,
       placement: "bottom-end",
@@ -119,7 +117,8 @@ export default function SessionBlocklet({
                       width: 50,
                       height: 50,
                       objectFit: 'contain'
-                    }
+                    },
+                    alt: "SessionBlocklet component icon"
                   }) : /*#__PURE__*/_jsx(Icon, {
                     fontSize: 50,
                     icon: item.icon || WidgetsOutlineRoundedIcon,
@@ -159,13 +158,4 @@ export default function SessionBlocklet({
       })
     })]
   });
-}
-SessionBlocklet.propTypes = {
-  session: PropTypes.object.isRequired,
-  locale: PropTypes.string,
-  size: PropTypes.number
-};
-SessionBlocklet.defaultProps = {
-  locale: 'en',
-  size: 24
-};
+}

package/lib/SessionManager/index.d.ts

@@ -1,2 +1,2 @@
-export default SessionUser;
 import SessionUser from '../SessionUser';
+export default SessionUser;

package/lib/SessionPermission/index.d.ts

@@ -1,18 +1,10 @@
-declare function SessionPermission({ session, roles, children }: {
-    session: any;
-    roles: any;
-    children: any;
-}): any;
-declare namespace SessionPermission {
-    namespace propTypes {
-        let children: PropTypes.Validator<any>;
-        let session: PropTypes.Validator<object>;
-        let roles: PropTypes.Requireable<(string | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        let roles_1: string[];
-        export { roles_1 as roles };
-    }
+declare const roleList: readonly ["owner", "admin", "member", "guest"];
+export interface SessionPermissionProps {
+    session: Record<string, any>;
+    roles?: (typeof roleList)[number][];
+    children: ((props: {
+        hasPermission: boolean;
+    }) => JSX.Element | null) | JSX.Element;
 }
-export default SessionPermission;
-import PropTypes from 'prop-types';
+export default function SessionPermission({ session, roles, children }: SessionPermissionProps): JSX.Element | null;
+export {};

package/lib/SessionPermission/index.js

@@ -1,9 +1,8 @@
-import PropTypes from 'prop-types';
 import { useCreation } from 'ahooks';
 const roleList = ['owner', 'admin', 'member', 'guest'];
 export default function SessionPermission({
   session,
-  roles,
+  roles = ['owner', 'admin'],
   children
 }) {
   const hasPermission = useCreation(() => {
@@ -17,12 +16,5 @@ export default function SessionPermission({
   if (hasPermission) {
     return children;
   }
-}
-SessionPermission.propTypes = {
-  children: PropTypes.any.isRequired,
-  session: PropTypes.object.isRequired,
-  roles: PropTypes.arrayOf(PropTypes.oneOf(roleList))
-};
-SessionPermission.defaultProps = {
-  roles: ['owner', 'admin']
-};
+  return null;
+}

package/lib/SessionUser/components/logged-in.d.ts

@@ -1,32 +1,10 @@
-declare function LoggedIn({ session, dark, onBindWallet, isBlocklet, locale, size }: {
-    session: any;
-    dark: any;
-    onBindWallet: any;
-    isBlocklet: any;
-    locale: any;
-    size: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace LoggedIn {
-    namespace propTypes {
-        let session: PropTypes.Validator<object>;
-        let onBindWallet: PropTypes.Requireable<(...args: any[]) => any>;
-        let dark: PropTypes.Requireable<boolean>;
-        let isBlocklet: PropTypes.Requireable<boolean>;
-        let locale: PropTypes.Requireable<string>;
-        let size: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        let dark_1: boolean;
-        export { dark_1 as dark };
-        let isBlocklet_1: boolean;
-        export { isBlocklet_1 as isBlocklet };
-        export { noop as onBindWallet };
-        let locale_1: string;
-        export { locale_1 as locale };
-        let size_1: number;
-        export { size_1 as size };
-    }
+import type { Locale, Session } from '../../type';
+export interface LoggedInProps {
+    session: Session;
+    dark?: false | true;
+    onBindWallet?: () => void;
+    isBlocklet?: true | false;
+    locale?: Locale;
+    size?: number;
 }
-export default LoggedIn;
-import PropTypes from 'prop-types';
-import noop from 'lodash/noop';
+export default function LoggedIn({ session, dark, onBindWallet, isBlocklet, locale, size, }: LoggedInProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/components/logged-in.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { useRef } from 'react';
 import { useCreation, useMemoizedFn, useReactive } from 'ahooks';
 import { Box, ClickAwayListener, Divider, Fade, IconButton, MenuItem, MenuList, Paper, Popper } from '@mui/material';
@@ -26,18 +25,18 @@ const getInviteLink = inviter => {
 };
 export default function LoggedIn({
   session,
-  dark,
-  onBindWallet,
-  isBlocklet,
-  locale,
-  size
+  dark = false,
+  onBindWallet = noop,
+  isBlocklet = true,
+  locale = 'en',
+  size = 24
 }) {
   const t = useMemoizedFn((key, data = {}) => {
     return translate(translations, key, locale, 'en', data);
   });
   const isInviteEnabled = useCreation(() => {
     return !!globalThis?.blocklet?.settings?.invite?.enabled;
-  });
+  }, []);
   const popperAnchorRef = useRef(null);
   const currentState = useReactive({
     open: false
@@ -102,8 +101,9 @@ export default function LoggedIn({
       })
     }), /*#__PURE__*/_jsx(Popper, {
       open: currentState.open,
-      onClose: () => onTogglePopper(false),
-      anchorEl: popperAnchorRef.current,
+      anchorEl: popperAnchorRef.current
+      // @ts-expect-error
+      ,
       dark: dark,
       transition: true,
       placement: "bottom-end",
@@ -175,6 +175,7 @@ export default function LoggedIn({
                 }), isInviteEnabled && /*#__PURE__*/_jsx(SessionMenuItem, {
                   icon: InviteIcon,
                   title: t('invite'),
+                  component: "div",
                   onClick: handleOpenInvite,
                   sx: {
                     display: 'block',
@@ -189,6 +190,7 @@ export default function LoggedIn({
               }) : null, /*#__PURE__*/_jsx(SessionMenuItem, {
                 icon: AccountCircleOffOutlineRoundedIcon,
                 title: t('logout'),
+                component: "div",
                 sx: {
                   color: 'error.main'
                 },
@@ -202,21 +204,7 @@ export default function LoggedIn({
     })]
   });
 }
-LoggedIn.propTypes = {
-  session: PropTypes.object.isRequired,
-  onBindWallet: PropTypes.func,
-  dark: PropTypes.bool,
-  isBlocklet: PropTypes.bool,
-  locale: PropTypes.string,
-  size: PropTypes.number
-};
-LoggedIn.defaultProps = {
-  dark: false,
-  isBlocklet: true,
-  onBindWallet: noop,
-  locale: 'en',
-  size: 24
-};
+// prop component is required
 function SessionMenuItem({
   icon,
   title,
@@ -245,8 +233,4 @@ function SessionMenuItem({
       }), title]
     })
   });
-}
-SessionMenuItem.propTypes = {
-  icon: PropTypes.any.isRequired,
-  title: PropTypes.string.isRequired
-};
+}

package/lib/SessionUser/components/session-user-item.d.ts

@@ -1,2 +1,9 @@
+import { type BoxProps } from '@mui/material';
+import { Session } from '../../type';
+export interface SessionUserItemProps extends BoxProps {
+    sessionItem: Session;
+    statusContent?: React.ReactNode;
+    active?: false | true;
+}
+declare const SessionUserItem: import("react").ForwardRefExoticComponent<Omit<SessionUserItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default SessionUserItem;
-declare const SessionUserItem: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/lib/SessionUser/components/session-user-item.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { forwardRef } from 'react';
 import { Box, IconButton, Tooltip, Typography } from '@mui/material';
 import { Icon } from '@iconify/react';
@@ -11,8 +10,8 @@ import { temp as colors } from '../../Colors';
 import { getSourceProvider } from '../libs/utils';
 const SessionUserItem = /*#__PURE__*/forwardRef(({
   sessionItem,
-  statusContent,
-  active,
+  statusContent = null,
+  active = false,
   ...rest
 }, ref) => {
   const isRawWalletAccount = getSourceProvider(sessionItem?.user) === 'wallet';
@@ -89,13 +88,4 @@ const SessionUserItem = /*#__PURE__*/forwardRef(({
     })]
   });
 });
-SessionUserItem.propTypes = {
-  sessionItem: PropTypes.object.isRequired,
-  statusContent: PropTypes.node,
-  active: PropTypes.bool
-};
-SessionUserItem.defaultProps = {
-  statusContent: null,
-  active: false
-};
 export default SessionUserItem;

package/lib/SessionUser/components/session-user-switch.d.ts

@@ -1,22 +1,10 @@
-declare function SessionUserSwitch({ session, onSwitch, isBlocklet, locale }: {
-    session: any;
-    onSwitch: any;
-    isBlocklet: any;
-    locale: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace SessionUserSwitch {
-    namespace propTypes {
-        let session: PropTypes.Validator<object>;
-        let onSwitch: PropTypes.Validator<(...args: any[]) => any>;
-        let isBlocklet: PropTypes.Requireable<boolean>;
-        let locale: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        let isBlocklet_1: boolean;
-        export { isBlocklet_1 as isBlocklet };
-        let locale_1: string;
-        export { locale_1 as locale };
-    }
+import type { Locale, Session } from '../../type';
+export interface SessionUserSwitchProps {
+    session: Session;
+    onSwitch: (params?: {
+        userSession: Session;
+    }) => Promise<void> | void;
+    isBlocklet?: true | false;
+    locale?: Locale;
 }
-export default SessionUserSwitch;
-import PropTypes from 'prop-types';
+export default function SessionUserSwitch({ session, onSwitch, isBlocklet, locale, }: SessionUserSwitchProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/components/session-user-switch.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { Box, ClickAwayListener, Divider, Fade, LinearProgress, MenuItem, MenuList, Paper, Popper } from '@mui/material';
 import { useRef } from 'react';
 import { useCreation, useMemoizedFn, useReactive, useSize, useMount } from 'ahooks';
@@ -16,8 +15,8 @@ import { translations } from '../libs/translation';
 export default function SessionUserSwitch({
   session,
   onSwitch,
-  isBlocklet,
-  locale
+  isBlocklet = true,
+  locale = 'en'
 }) {
   const popperAnchorRef = useRef(null);
   const t = useMemoizedFn((key, data = {}) => {
@@ -115,7 +114,6 @@ export default function SessionUserSwitch({
       ref: popperAnchorRef
     }), /*#__PURE__*/_jsx(Popper, {
       open: currentState.open,
-      onClose: () => onTogglePopper(false),
       anchorEl: popperAnchorRef.current,
       transition: true,
       sx: {
@@ -208,14 +206,4 @@ export default function SessionUserSwitch({
       })
     })]
   });
-}
-SessionUserSwitch.propTypes = {
-  session: PropTypes.object.isRequired,
-  onSwitch: PropTypes.func.isRequired,
-  isBlocklet: PropTypes.bool,
-  locale: PropTypes.string
-};
-SessionUserSwitch.defaultProps = {
-  isBlocklet: true,
-  locale: 'en'
-};
+}

package/lib/SessionUser/components/un-login.d.ts

@@ -1,24 +1,8 @@
-declare function UnLogin({ session, onLogin, size, dark }: {
-    session: any;
-    onLogin: any;
-    size: any;
-    dark: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace UnLogin {
-    namespace propTypes {
-        let session: PropTypes.Validator<object>;
-        let onLogin: PropTypes.Requireable<(...args: any[]) => any>;
-        let size: PropTypes.Requireable<number>;
-        let dark: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        export { noop as onLogin };
-        let size_1: number;
-        export { size_1 as size };
-        let dark_1: boolean;
-        export { dark_1 as dark };
-    }
+import { Session } from '../../type';
+export interface UnLoginProps {
+    session: Session;
+    onLogin?: () => void;
+    size?: number;
+    dark?: false | true;
 }
-export default UnLogin;
-import PropTypes from 'prop-types';
-import noop from 'lodash/noop';
+export default function UnLogin({ session, onLogin, size, dark }: UnLoginProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/components/un-login.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { Box, CircularProgress, IconButton } from '@mui/material';
 import { Icon } from '@iconify/react';
 import PersonOutlineRoundedIcon from 'iconify-icons-material-symbols-400/person-outline-rounded';
@@ -8,9 +7,9 @@ import { useMemoizedFn } from 'ahooks';
 import noop from 'lodash/noop';
 export default function UnLogin({
   session,
-  onLogin,
-  size,
-  dark
+  onLogin = noop,
+  size = 24,
+  dark = false
 }) {
   const isFirstLoading = false;
   const userAnchorRef = useRef(null);
@@ -50,15 +49,4 @@ export default function UnLogin({
       })
     })
   });
-}
-UnLogin.propTypes = {
-  session: PropTypes.object.isRequired,
-  onLogin: PropTypes.func,
-  size: PropTypes.number,
-  dark: PropTypes.bool
-};
-UnLogin.defaultProps = {
-  onLogin: noop,
-  size: 24,
-  dark: false
-};
+}

package/lib/SessionUser/components/user-info.d.ts

@@ -1,30 +1,13 @@
-declare function UserInfo({ session, onSwitchPassport, onSwitchAccount, onBindWallet, onSwitchProfile, locale, isBlocklet, }: {
-    session: any;
-    onSwitchPassport: any;
-    onSwitchAccount: any;
-    onBindWallet: any;
-    onSwitchProfile: any;
-    locale: any;
-    isBlocklet: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace UserInfo {
-    namespace propTypes {
-        let session: PropTypes.Validator<object>;
-        let onSwitchPassport: PropTypes.Validator<(...args: any[]) => any>;
-        let onSwitchAccount: PropTypes.Validator<(...args: any[]) => any>;
-        let onBindWallet: PropTypes.Validator<(...args: any[]) => any>;
-        let onSwitchProfile: PropTypes.Requireable<(...args: any[]) => any>;
-        let locale: PropTypes.Requireable<string>;
-        let isBlocklet: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        let locale_1: string;
-        export { locale_1 as locale };
-        let isBlocklet_1: boolean;
-        export { isBlocklet_1 as isBlocklet };
-        export { noop as onSwitchProfile };
-    }
+import type { Locale, Session } from '../../type';
+export interface UserInfoProps {
+    session: Session;
+    onSwitchPassport: () => void;
+    onSwitchAccount: (params?: {
+        userSession: Session;
+    }) => void;
+    onBindWallet: () => void;
+    onSwitchProfile?: () => void;
+    locale?: Locale;
+    isBlocklet?: true | false;
 }
-export default UserInfo;
-import PropTypes from 'prop-types';
-import noop from 'lodash/noop';
+export default function UserInfo({ session, onSwitchPassport, onSwitchAccount, onBindWallet, onSwitchProfile, locale, isBlocklet, }: UserInfoProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/components/user-info.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { Box, Chip, Typography } from '@mui/material';
 import { Icon } from '@iconify/react';
 import SwapHorizRoundedIcon from '@iconify-icons/material-symbols/swap-horiz-rounded';
@@ -18,9 +17,9 @@ export default function UserInfo({
   onSwitchPassport,
   onSwitchAccount,
   onBindWallet,
-  onSwitchProfile,
-  locale,
-  isBlocklet
+  onSwitchProfile = noop,
+  locale = 'en',
+  isBlocklet = true
 }) {
   const t = useMemoizedFn((key, data = {}) => {
     return translate(translations, key, locale, 'en', data);
@@ -149,18 +148,4 @@ export default function UserInfo({
       })]
     }) : null]
   });
-}
-UserInfo.propTypes = {
-  session: PropTypes.object.isRequired,
-  onSwitchPassport: PropTypes.func.isRequired,
-  onSwitchAccount: PropTypes.func.isRequired,
-  onBindWallet: PropTypes.func.isRequired,
-  onSwitchProfile: PropTypes.func,
-  locale: PropTypes.string,
-  isBlocklet: PropTypes.bool
-};
-UserInfo.defaultProps = {
-  locale: 'en',
-  isBlocklet: true,
-  onSwitchProfile: noop
-};
+}