@blocklet/ui-react 3.0.5 → 3.0.7

package/src/BlockletStudio/index.tsx

@@ -42,26 +42,26 @@ interface BlockletStudioProps {
 function BlockletStudio({
   open,
   setOpen,
-  onOpened,
+  onOpened = undefined,
   componentDid,
-  tenantScope,
+  tenantScope = undefined,
   resourcesParams = {},
   mode = 'dialog',
-  title,
-  logo,
-  description,
-  introduction,
-  note,
-  componentsTitle,
-  resourcesTitle,
-  onUploaded,
-  onReleased,
-  onConnected,
+  title = undefined,
+  logo = undefined,
+  description = undefined,
+  introduction = undefined,
+  note = undefined,
+  componentsTitle = undefined,
+  resourcesTitle = undefined,
+  onUploaded = undefined,
+  onReleased = undefined,
+  onConnected = undefined,
   components = [],
   resources = {},
   style = {},
   zIndex = 9999,
-  dependentComponentsMode,
+  dependentComponentsMode = undefined,
   ...rest
 }: BlockletStudioProps) {
   const [opened, setOpened] = useState(false);

package/src/ComponentManager/components/add-component.tsx

@@ -14,20 +14,20 @@ import type { SessionContext as TSessionContext } from '../../@types';
 
 export default function AddComponent({
   componentDid,
-  resourceType,
-  resourceDid,
+  resourceType = undefined,
+  resourceDid = undefined,
   grantedRoles = ['admin', 'owner'],
   autoClose = true,
-  selectedMeta,
-  storeUrl,
+  selectedMeta = undefined,
+  storeUrl = undefined,
   onComplete,
   onClose,
-  render,
+  render = undefined,
 }: {
   componentDid: string;
   resourceType?: string;
   resourceDid?: string;
-  autoClose: boolean;
+  autoClose?: boolean;
   selectedMeta?: any;
   storeUrl?: string;
   grantedRoles?: string[];

package/src/ComponentManager/components/publish-component.tsx

@@ -13,9 +13,9 @@ import { translations } from '../libs/locales';
 
 export default function PublishComponent({
   componentDid,
-  grantedRoles,
+  grantedRoles = undefined,
   onClose,
-  render,
+  render = undefined,
 }: {
   componentDid: string;
   grantedRoles?: string[];

package/src/ComponentManager/components/resource-dialog.tsx

@@ -7,7 +7,7 @@ function ResourceDialog(
     open = false,
     componentDid,
     loading = true,
-    storeUrl,
+    storeUrl = '',
     onClose = () => {},
     onComplete = () => {},
     onLoad = () => {},

package/src/Footer/internal-footer.jsx

@@ -29,7 +29,7 @@ const layoutsKeyByName = layouts.reduce((acc, cur) => ({ ...acc, [cur.name]: cur
 /**
  * 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
  */
-function InternalFooter(props) {
+function InternalFooter({ ...props }) {
   const {
     brand = null,
     navigation = null,

package/src/Footer/layout/standard.jsx

@@ -8,7 +8,7 @@ import Row from './row';
 /**
  * footer standard layout
  */
-function StandardLayout({ elements, data, className, ...rest }) {
+function StandardLayout({ elements, data, className = '', ...rest }) {
   const withNavigation = !!data.navigation?.length;
 
   let topSection = null;

package/src/Footer/links.jsx

@@ -159,7 +159,7 @@ Links.propTypes = {
   // 流动布局, 简单的从左到右排列
   flowLayout: PropTypes.bool,
   // 列布局
-  columns: PropTypes.number,
+  columns: PropTypes.number.isRequired,
 };
 
 const Root = styled('div')`

package/src/Header/index.tsx

@@ -102,12 +102,12 @@ type HeaderProps = {
 
 function Header({
   meta = {},
-  addons,
+  addons = undefined,
   sessionManagerProps = {
     showRole: true,
   },
   homeLink = publicPath,
-  theme: themeOverrides,
+  theme: themeOverrides = undefined,
   hideNavMenu = false,
   showDomainWarningDialog = true,
   ...rest

package/src/Icon/index.tsx

@@ -11,8 +11,8 @@ import { isUrl } from '../utils';
  */
 export default function Icon({
   icon,
-  size,
-  sx,
+  size = undefined,
+  sx = {},
   ...rest
 }: {
   icon: string;

package/src/Notifications/Snackbar.tsx

@@ -139,7 +139,7 @@ const ClickableDiv = styled.div`
 interface NotificationComponentProps {
   viewAllUrl: string;
   keyId: number;
-  notification: {
+  notification?: {
     severity?: string;
     title?: string;
     description?: string;
@@ -151,7 +151,7 @@ interface NotificationComponentProps {
 }
 
 export default function NotificationComponent({
-  ref,
+  ref = undefined,
   keyId: key,
   notification = {},
   viewAllUrl,

package/src/Notifications/hooks/use-title.tsx

@@ -61,7 +61,7 @@ interface CustomMouseEvent extends MouseEvent<HTMLAnchorElement> {
  * UserLink component for rendering a user's name as a profile link
  * Memoized to prevent unnecessary re-renders
  */
-function UserLink({ user, color }: UserLinkProps) {
+function UserLink({ user, color = undefined }: UserLinkProps) {
   const { palette } = useTheme();
   const profileLink = withQuery(joinURL(WELLKNOWN_SERVICE_PATH_PREFIX, 'user'), { did: user.did });
   // eslint-disable-next-line @typescript-eslint/naming-convention

package/src/UserCenter/components/editable-field.tsx

@@ -11,7 +11,7 @@ interface EditableFieldProps {
   value: string;
   onChange?: (value: string) => void;
   onValueValidate?: (value: string) => void;
-  editable: boolean;
+  editable?: boolean;
   disabled?: boolean;
   component?: 'input' | 'textarea';
   placeholder?: string;
@@ -69,16 +69,16 @@ function EditableField({
   component = 'input',
   placeholder = '',
   rows = 2,
-  maxLength,
-  icon,
+  maxLength = undefined,
+  icon = undefined,
   label = '',
-  children,
-  tooltip,
+  children = undefined,
+  tooltip = undefined,
   inline = true,
   style = {},
   verified = false,
   canEdit = true,
-  renderValue,
+  renderValue = undefined,
   disabled = false,
   hidePreview = false,
 }: EditableFieldProps) {

package/src/UserCenter/components/notification.tsx

@@ -19,8 +19,8 @@ import { formatAxiosError } from '../libs/utils';
 import { client } from '../../libs/client';
 
 function NotificationItem({
-  title,
-  description,
+  title = undefined,
+  description = undefined,
   value,
   onChange,
   isMobile,

package/src/UserCenter/components/status-dialog/date-picker.tsx

@@ -12,7 +12,14 @@ interface DateTimeInputProps {
   timezone?: string;
 }
 
-export default function DateTimeInput({ value, onChange, error, helperText, label, timezone }: DateTimeInputProps) {
+export default function DateTimeInput({
+  value,
+  onChange,
+  error = undefined,
+  helperText = undefined,
+  label = undefined,
+  timezone = undefined,
+}: DateTimeInputProps) {
   const inputRef = useRef<HTMLInputElement>(null);
   const minDateTime = dayjs().format('YYYY-MM-DDTHH:mm');
 

package/src/UserCenter/components/status-dialog/index.tsx

@@ -53,7 +53,14 @@ interface StatusDialogProps {
   timezone?: string;
 }
 
-export default function StatusDialog({ open, onClose, data, selected, onSelect, timezone }: StatusDialogProps) {
+export default function StatusDialog({
+  open,
+  onClose,
+  data,
+  selected,
+  onSelect,
+  timezone = undefined,
+}: StatusDialogProps) {
   const { locale } = useLocaleContext();
   const t = useMemoizedFn((key, _data = {}) => {
     return translate(translations, key, locale, 'en', _data);

package/src/UserCenter/components/status-selector/index.tsx

@@ -13,7 +13,7 @@ interface StatusSelectorProps extends BaseStatusProps {
   anchorEl?: PopoverProps['anchorEl'];
 }
 
-function StatusSelector({ data, open, onSelect, anchorEl, selected }: StatusSelectorProps) {
+function StatusSelector({ data, open, onSelect, anchorEl = undefined, selected }: StatusSelectorProps) {
   const { locale } = useLocaleContext();
   const t = useMemoizedFn((key, _data = {}) => {
     return translate(translations, key, locale, 'en', _data);

package/src/UserCenter/components/status-selector/menu-item.tsx

@@ -9,7 +9,12 @@ interface StatusMenuItemProps {
   children: React.ReactNode;
 }
 
-export default function StatusMenuItem({ icon, selected, onClick, children }: StatusMenuItemProps) {
+export default function StatusMenuItem({
+  icon = undefined,
+  selected = undefined,
+  onClick,
+  children,
+}: StatusMenuItemProps) {
   return (
     <MenuItem onClick={onClick} className={selected ? 'selected' : ''}>
       {icon && (

package/src/UserCenter/components/third-party-login/index.tsx

@@ -156,7 +156,6 @@ export default function ThirdPartyLogin({ user }: { user: User }) {
         gridTemplateColumns: '1fr min-content',
       }}>
       {!oauthAccounts.length && !passkeyAccounts.length && !walletAccounts.length ? (
-        // @ts-expect-error 忽略 ref 类型
         <PasskeyActions
           behavior="only-new"
           action="connect"
@@ -178,7 +177,6 @@ export default function ThirdPartyLogin({ user }: { user: User }) {
             return <ThirdPartyItem key={account.id} item={account as OAuthAccount} />;
           })}
           {browser.wallet || browser.arcSphere ? null : (
-            // @ts-expect-error 忽略 ref 类型
             <PasskeyActions
               behavior="only-new"
               action="connect"

package/src/UserCenter/components/user-center.tsx

@@ -92,7 +92,7 @@ export default function UserCenter({
   onlyProfile = false, // 只显示 profile 页面，用于 ArcSphere 只需要显示 Profile 的内容
 }: {
   readonly children: any;
-  readonly notLoginContent: any;
+  readonly notLoginContent?: any;
   readonly currentTab: string;
   readonly contentProps?: BoxProps;
   readonly disableAutoRedirect?: boolean;

package/src/UserCenter/components/user-info/link-preview-input.tsx

@@ -54,7 +54,7 @@ function LinkInput({
 /**
  * 动态链接输入框
  */
-function DynamicLinkForm({ links = [], onChange }: { links: string[]; onChange: (links: string[]) => void }) {
+function DynamicLinkForm({ links = [], onChange }: { links?: string[]; onChange: (links: string[]) => void }) {
   const { locale } = useLocaleContext();
   const t = useMemoizedFn((key, data = {}) => {
     return translate(translations, key, locale, 'en', data);
@@ -176,7 +176,7 @@ export function LinkPreviewInput({
   onChange,
 }: {
   editable?: boolean;
-  links: string[];
+  links?: string[];
   onChange: (links: string[]) => void;
 }) {
   if (editable) {

package/src/UserCenter/components/user-info/user-info-item.tsx

@@ -10,7 +10,7 @@ type TUserInfoItemProps = {
   verified?: boolean;
 };
 
-export default function UserInfoItem({ data, verified, ...rest }: TUserInfoItemProps & BoxProps) {
+export default function UserInfoItem({ data, verified = false, ...rest }: TUserInfoItemProps & BoxProps) {
   return (
     <Box
       {...rest}

package/src/UserCenter/components/user-info/user-info.tsx

@@ -22,7 +22,7 @@ export default function UserInfo({
   ...rest
 }: {
   user: User;
-  isMySelf: boolean;
+  isMySelf?: boolean;
 } & BoxProps) {
   const { locale } = useLocaleContext();
   const t = useMemoizedFn((key, data = {}) => {

package/src/UserCenter/components/user-info/user-status.tsx

@@ -50,12 +50,12 @@ const QuickSettings = {
 };
 
 export default function UserStatus({
-  isMobile,
+  isMobile = undefined,
   size,
   isMyself,
   status,
   onChange,
-  timezone,
+  timezone = undefined,
 }: {
   isMobile?: boolean;
   size: number;