@blocklet/ui-react 2.13.70 → 3.0.1

package/src/common/header-addons.jsx

@@ -1,6 +1,6 @@
 import 'iconify-icon';
 
-import { useContext, createElement } from 'react';
+import { use, createElement } from 'react';
 import PropTypes from 'prop-types';
 // FIXME: 直接从 react 中 import  Fragment 可能会在 vite 下出错，先暂时从 react/jsx-runtime 导入 Fragment 来跳过这个问题
 import { Fragment } from 'react/jsx-runtime';
@@ -22,8 +22,13 @@ const hasNotification = () => {
 };
 
 // eslint-disable-next-line no-shadow
-export default function HeaderAddons({ formattedBlocklet, addons, showDomainWarningDialog, sessionManagerProps }) {
-  const sessionCtx = useContext(SessionContext);
+export default function HeaderAddons({
+  formattedBlocklet,
+  addons = null,
+  showDomainWarningDialog = true,
+  sessionManagerProps = { showRole: true },
+}) {
+  const sessionCtx = use(SessionContext);
   const { locale, languages } = useLocaleContext() || {};
   const { enableConnect = true, enableLocale = true } = formattedBlocklet;
   const authenticated = !!sessionCtx?.session?.user;
@@ -106,11 +111,3 @@ HeaderAddons.propTypes = {
   sessionManagerProps: SessionManagerProps,
   showDomainWarningDialog: PropTypes.bool,
 };
-
-HeaderAddons.defaultProps = {
-  addons: null,
-  sessionManagerProps: {
-    showRole: true,
-  },
-  showDomainWarningDialog: true,
-};

package/src/common/notification-addon.jsx

@@ -1,9 +1,7 @@
-import Badge from '@mui/material/Badge';
 import PropTypes from 'prop-types';
 import { useCallback, useEffect, useMemo } from 'react';
-import { IconButton } from '@mui/material';
+import { IconButton, Badge } from '@mui/material';
 import { useSnackbar } from 'notistack';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import NotificationsOutlinedIcon from '@arcblock/icons/lib/Notification';
 import { useCreation } from 'ahooks';
 import { EVENTS, WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
@@ -125,7 +123,3 @@ export default function NotificationAddon({ session = {} }) {
 NotificationAddon.propTypes = {
   session: PropTypes.object,
 };
-
-NotificationAddon.defaultProps = {
-  session: {},
-};

package/src/common/overridable-theme-provider.jsx

@@ -6,7 +6,7 @@ const defaultTheme = createTheme();
 /**
  * 允许 theme 被覆盖的 ThemeProvider 组件, 默认使用 ux default theme, 可以传入 theme 进行覆盖
  */
-export default function OverridableThemeProvider({ theme: themeOverrides, children }) {
+export default function OverridableThemeProvider({ theme: themeOverrides = null, children }) {
   const theme = themeOverrides ? createTheme(themeOverrides) : defaultTheme;
   return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
 }
@@ -15,7 +15,3 @@ OverridableThemeProvider.propTypes = {
   children: PropTypes.any.isRequired,
   theme: PropTypes.object,
 };
-
-OverridableThemeProvider.defaultProps = {
-  theme: null,
-};

package/src/common/ws.js

@@ -1,4 +1,4 @@
-import { useContext } from 'react';
+import { use } from 'react';
 import { WsClient } from '@arcblock/ws';
 import { SessionContext } from '@arcblock/did-connect/lib/Session';
 import { joinURL } from 'ufo';
@@ -26,7 +26,7 @@ export default function getWsClient(endpoint = 'admin') {
 }
 
 export const useListenWsClient = (endpoint = 'admin') => {
-  const sessionCtx = useContext(SessionContext);
+  const sessionCtx = use(SessionContext);
   const { session } = sessionCtx ?? {};
 
   if (!client[endpoint] && session.user) {

package/src/contexts/config-user-space.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo, useState, useEffect } from 'react';
+import { createContext, use, useMemo, useState, useEffect } from 'react';
 import { SessionContext } from '@arcblock/did-connect/lib/Session';
 
 import { SessionContext as TSessionContext } from '../@types';
@@ -31,7 +31,7 @@ const { Provider, Consumer } = ConfigUserSpaceContext;
 
 function ConfigUserSpaceProvider({ children }: { children: React.ReactNode }) {
   const [loading] = useState(false);
-  const { session } = useContext<TSessionContext>(SessionContext);
+  const { session } = use<TSessionContext>(SessionContext);
   const { user } = session;
 
   const [spaceGateway, setSpaceGateway] = useState<SpaceGateway | undefined>();
@@ -77,7 +77,7 @@ function ConfigUserSpaceProvider({ children }: { children: React.ReactNode }) {
 }
 
 function useConfigUserSpaceContext() {
-  const res = useContext(ConfigUserSpaceContext);
+  const res = use(ConfigUserSpaceContext);
   return res;
 }
 

package/vite.config.mjs

@@ -0,0 +1,31 @@
+import { defineConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+import react from '@vitejs/plugin-react';
+import noBundlePlugin from 'vite-plugin-no-bundle';
+import fg from 'fast-glob';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  plugins: [
+    react({ jsxRuntime: 'automatic' }),
+    svgr({
+      include: ['**/*.svg', '**/*.svg?react'],
+    }),
+    noBundlePlugin({
+      root: 'src',
+      copy: ['**/*.png', '**/*.gif', '**/*.jpg', '**/*.jpeg'],
+    }),
+    dts(),
+  ],
+  build: {
+    lib: {
+      entry: fg.sync('src/**/*.{tsx,ts,jsx,js}', {
+        ignore: ['**/stories/**', '**/demo/**', '**/*.d.ts', '**/*.stories.*'],
+      }),
+      formats: ['es'],
+      fileName: (format, entryName) => `${entryName}.js`,
+    },
+    outDir: 'lib',
+    emptyOutDir: true,
+  },
+});

package/lib/@types/shims.d.ts

@@ -1,18 +0,0 @@
-declare module '@arcblock/ux/*';
-declare module '@arcblock/ux/lib/DID';
-declare module '@arcblock/ux/lib/Tabs';
-declare module '@arcblock/ux/lib/Switch';
-declare module '@arcblock/ux/lib/ErrorBoundary';
-
-declare module '@arcblock/did-connect/*';
-declare module '@arcblock/did-connect/lib/Session';
-declare module '@abtnode/constant';
-declare module '@abtnode/util/lib/notification-preview/*';
-
-declare module 'is-url';
-
-declare module '*.png';
-
-declare interface Window {
-  blocklet: any;
-}

package/lib/ComponentInstaller/index.d.ts

@@ -1,37 +0,0 @@
-declare function WrapComponentInstaller(props: any): any;
-declare namespace WrapComponentInstaller {
-    namespace propTypes {
-        let children: any;
-        let disabled: any;
-        let warnIcon: any;
-        let did: any;
-        let noPermissionMute: any;
-        let onInstalled: any;
-        let onError: any;
-        let closeByOutSize: any;
-        let onClose: any;
-        let fallback: any;
-        let roles: any;
-    }
-    namespace defaultProps {
-        let disabled_1: boolean;
-        export { disabled_1 as disabled };
-        let warnIcon_1: null;
-        export { warnIcon_1 as warnIcon };
-        let noPermissionMute_1: boolean;
-        export { noPermissionMute_1 as noPermissionMute };
-        let onInstalled_1: null;
-        export { onInstalled_1 as onInstalled };
-        let onError_1: null;
-        export { onError_1 as onError };
-        let closeByOutSize_1: boolean;
-        export { closeByOutSize_1 as closeByOutSize };
-        let onClose_1: null;
-        export { onClose_1 as onClose };
-        let fallback_1: null;
-        export { fallback_1 as fallback };
-        let roles_1: string[];
-        export { roles_1 as roles };
-    }
-}
-export default WrapComponentInstaller;

package/lib/ComponentInstaller/installer-item.d.ts

@@ -1,21 +0,0 @@
-declare function InstallerItem({ optionalComponent, index, installStatus, hasPermission, t }: {
-    optionalComponent: any;
-    index: any;
-    installStatus: any;
-    hasPermission: any;
-    t: any;
-}): import("react").JSX.Element;
-declare namespace InstallerItem {
-    namespace propTypes {
-        let t: any;
-        let optionalComponent: any;
-        let index: any;
-        let installStatus: any;
-        let hasPermission: any;
-    }
-    namespace defaultProps {
-        let installStatus_1: string;
-        export { installStatus_1 as installStatus };
-    }
-}
-export default InstallerItem;

package/lib/ComponentManager/components/check-component.d.ts

@@ -1,2 +0,0 @@
-import CheckComponent from '../../ComponentInstaller';
-export default CheckComponent;

package/lib/Dashboard/index.d.ts

@@ -1,44 +0,0 @@
-export default Dashboard;
-/**
- * 专门用于 (composable) blocklet 的 Dashboard 组件, 解析 blocklet meta 中 section 为 dashboard 的 navigation 数据, 渲染一个 UX Dashboard
- */
-declare function Dashboard({ meta, fallbackUrl, invalidPathFallback, headerAddons, sessionManagerProps, links, showDomainWarningDialog, ...rest }: {
-    [x: string]: any;
-    meta: any;
-    fallbackUrl: any;
-    invalidPathFallback: any;
-    headerAddons: any;
-    sessionManagerProps: any;
-    links: any;
-    showDomainWarningDialog: any;
-}): import("react").JSX.Element | null;
-declare namespace Dashboard {
-    namespace propTypes {
-        export { BlockletMetaProps as meta };
-        export let fallbackUrl: any;
-        export let invalidPathFallback: any;
-        export let headerAddons: any;
-        export { SessionManagerProps as sessionManagerProps };
-        export let links: any;
-        export let showDomainWarningDialog: any;
-    }
-    namespace defaultProps {
-        export let meta: {};
-        export { publicPath as fallbackUrl };
-        let invalidPathFallback_1: null;
-        export { invalidPathFallback_1 as invalidPathFallback };
-        let headerAddons_1: undefined;
-        export { headerAddons_1 as headerAddons };
-        export namespace sessionManagerProps {
-            let showRole: boolean;
-            function onLogout(): void;
-        }
-        let links_1: never[];
-        export { links_1 as links };
-        let showDomainWarningDialog_1: boolean;
-        export { showDomainWarningDialog_1 as showDomainWarningDialog };
-    }
-}
-import { BlockletMetaProps } from '../types';
-import { SessionManagerProps } from '../types';
-import { publicPath } from '../blocklets';

package/lib/Footer/brand.d.ts

@@ -1,22 +0,0 @@
-declare function Brand({ name, logo, description, ...rest }: {
-    [x: string]: any;
-    name: any;
-    logo: any;
-    description: any;
-}): import("react").JSX.Element | null;
-declare namespace Brand {
-    namespace propTypes {
-        let name: any;
-        let logo: any;
-        let description: any;
-    }
-    namespace defaultProps {
-        let name_1: string;
-        export { name_1 as name };
-        let logo_1: string;
-        export { logo_1 as logo };
-        let description_1: string;
-        export { description_1 as description };
-    }
-}
-export default Brand;

package/lib/Footer/copyright.d.ts

@@ -1,18 +0,0 @@
-declare function Copyright({ owner, year, ...rest }: {
-    [x: string]: any;
-    owner: any;
-    year: any;
-}): import("react").JSX.Element;
-declare namespace Copyright {
-    namespace propTypes {
-        let owner: any;
-        let year: any;
-    }
-    namespace defaultProps {
-        let owner_1: string;
-        export { owner_1 as owner };
-        let year_1: string;
-        export { year_1 as year };
-    }
-}
-export default Copyright;

package/lib/Footer/index.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import("react").ComponentType<{
-    [x: string]: any;
-    meta: any;
-    theme: any;
-}>;
-export default _default;

package/lib/Footer/internal-footer.d.ts

@@ -1,29 +0,0 @@
-export default InternalFooter;
-/**
- * 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
- */
-declare function InternalFooter(props: any): import("react").JSX.Element;
-declare namespace InternalFooter {
-    namespace propTypes {
-        let brand: any;
-        let navigation: any;
-        let socialMedia: any;
-        let copyright: any;
-        let links: any;
-        let layout: any;
-    }
-    namespace defaultProps {
-        let brand_1: null;
-        export { brand_1 as brand };
-        let navigation_1: null;
-        export { navigation_1 as navigation };
-        let copyright_1: null;
-        export { copyright_1 as copyright };
-        let socialMedia_1: null;
-        export { socialMedia_1 as socialMedia };
-        let links_1: null;
-        export { links_1 as links };
-        let layout_1: string;
-        export { layout_1 as layout };
-    }
-}

package/lib/Footer/layout/plain.d.ts

@@ -1,15 +0,0 @@
-export default PlainLayout;
-/**
- * footer plain layout
- */
-declare function PlainLayout({ elements, data, ...rest }: {
-    [x: string]: any;
-    elements: any;
-    data: any;
-}): import("react").JSX.Element;
-declare namespace PlainLayout {
-    namespace propTypes {
-        let elements: any;
-        let data: any;
-    }
-}

package/lib/Footer/layout/row.d.ts

@@ -1,18 +0,0 @@
-declare function Row({ children, autoCenter, ...rest }: {
-    [x: string]: any;
-    children: any;
-    autoCenter: any;
-}): import("react").JSX.Element | null;
-declare namespace Row {
-    namespace propTypes {
-        let children: any;
-        let autoCenter: any;
-    }
-    namespace defaultProps {
-        let children_1: null;
-        export { children_1 as children };
-        let autoCenter_1: boolean;
-        export { autoCenter_1 as autoCenter };
-    }
-}
-export default Row;

package/lib/Footer/layout/standard.d.ts

@@ -1,17 +0,0 @@
-export default StandardLayout;
-/**
- * footer standard layout
- */
-declare function StandardLayout({ elements, data, className, ...rest }: {
-    [x: string]: any;
-    elements: any;
-    data: any;
-    className: any;
-}): import("react").JSX.Element;
-declare namespace StandardLayout {
-    namespace propTypes {
-        let elements: any;
-        let data: any;
-        let className: any;
-    }
-}

package/lib/Footer/links.d.ts

@@ -1,23 +0,0 @@
-/**
- * footer 中的 links (支持分组, 最多支持 2 级)
- */
-declare function Links({ links, flowLayout, columns, ...rest }: {
-    [x: string]: any;
-    links: any;
-    flowLayout: any;
-    columns: any;
-}): import("react").JSX.Element | null;
-declare namespace Links {
-    namespace propTypes {
-        let links: any;
-        let flowLayout: any;
-        let columns: any;
-    }
-    namespace defaultProps {
-        let links_1: never[];
-        export { links_1 as links };
-        let flowLayout_1: boolean;
-        export { flowLayout_1 as flowLayout };
-    }
-}
-export default Links;

package/lib/Footer/social-media.d.ts

@@ -1,14 +0,0 @@
-declare function SocialMedia({ items, ...rest }: {
-    [x: string]: any;
-    items: any;
-}): import("react").JSX.Element | null;
-declare namespace SocialMedia {
-    namespace propTypes {
-        let items: any;
-    }
-    namespace defaultProps {
-        let items_1: null;
-        export { items_1 as items };
-    }
-}
-export default SocialMedia;

package/lib/Notifications/Snackbar.d.ts

@@ -1,14 +0,0 @@
-interface NotificationProps {
-    keyId: number;
-    notification: {
-        severity?: string;
-        title?: string;
-        description?: string;
-        activity?: any;
-        actorInfo?: any;
-    };
-    viewAllUrl: string;
-    content?: React.ReactNode;
-}
-declare const NotificationComponent: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;
-export default NotificationComponent;

package/lib/UserCenter/components/danger-zone.d.ts

@@ -1 +0,0 @@
-export default function DangerZone(): import("react").JSX.Element;

package/lib/UserCenter/components/passport.d.ts

@@ -1,5 +0,0 @@
-import type { BoxProps } from '@mui/material';
-import type { User } from '../../@types';
-export default function Passport({ user, ...rest }: {
-    user: User;
-} & BoxProps): import("react").JSX.Element;

package/lib/UserCenter/components/status-selector/duration-menu.d.ts

@@ -1,7 +0,0 @@
-import { BaseStatusProps, StatusItem } from './menu-item';
-interface StatusDurationMenuProps extends BaseStatusProps {
-    data: StatusItem;
-}
-declare function DurationMenu({ data, selected, onSelect }: StatusDurationMenuProps): import("react").JSX.Element;
-export default DurationMenu;
-export declare const MenuDiv: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/UserCenter/components/storage/disconnect.d.ts

@@ -1,2 +0,0 @@
-declare function Disconnect(): import("react").JSX.Element;
-export default Disconnect;