@blocklet/ui-react 3.0.2 → 3.0.4

package/lib/{packages/blocklet-ui-react/src/Footer → Footer}/index.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import('react').ComponentType<{
+export { oo as default };
+declare const oo: import('react').ComponentType<{
     [x: string]: any;
     meta?: {} | undefined;
     theme?: null | undefined;
 }>;
-export default _default;

package/lib/Header/index.d.ts

@@ -0,0 +1,13 @@
+export { No as default };
+declare const No: import('react').ComponentType<{
+    [x: string]: any;
+    meta?: {} | undefined;
+    addons: any;
+    sessionManagerProps?: {
+        showRole: boolean;
+    } | undefined;
+    homeLink?: any;
+    theme: any;
+    hideNavMenu?: boolean | undefined;
+    showDomainWarningDialog?: boolean | undefined;
+}>;

package/lib/UserCenter/components/third-party-login/index.js

@@ -63,38 +63,44 @@ function q({ user: r }) {
         display: "grid",
         gridTemplateColumns: "1fr min-content"
       },
-      children: !h.length && !g.length && !y.length ? /* @__PURE__ */ s(
-        T,
-        {
-          behavior: "only-new",
-          action: "connect",
-          createMode: "connect",
-          createButtonText: "Add Passkey",
-          onSuccess: a,
-          onError: a,
-          dense: !0
-        }
-      ) : /* @__PURE__ */ L(O, { children: [
-        h.map((e) => /* @__PURE__ */ s(u, { item: e }, e == null ? void 0 : e.provider)),
-        g.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
-        y.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
-        A.wallet || A.arcSphere ? null : /* @__PURE__ */ s(
+      children: !h.length && !g.length && !y.length ? (
+        // @ts-expect-error 忽略 ref 类型
+        /* @__PURE__ */ s(
           T,
           {
             behavior: "only-new",
             action: "connect",
             createMode: "connect",
-            createButtonText: "Add New Passkey",
+            createButtonText: "Add Passkey",
             onSuccess: a,
             onError: a,
-            dense: !0,
-            sx: {
-              px: 1.5,
-              py: 1,
-              gap: 0.75
-            }
+            dense: !0
           }
         )
+      ) : /* @__PURE__ */ L(O, { children: [
+        h.map((e) => /* @__PURE__ */ s(u, { item: e }, e == null ? void 0 : e.provider)),
+        g.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
+        y.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
+        A.wallet || A.arcSphere ? null : (
+          // @ts-expect-error 忽略 ref 类型
+          /* @__PURE__ */ s(
+            T,
+            {
+              behavior: "only-new",
+              action: "connect",
+              createMode: "connect",
+              createButtonText: "Add New Passkey",
+              onSuccess: a,
+              onError: a,
+              dense: !0,
+              sx: {
+                px: 1.5,
+                py: 1,
+                gap: 0.75
+              }
+            }
+          )
+        )
       ] })
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -34,9 +34,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.16.44",
     "@abtnode/util": "^1.16.44",
-    "@arcblock/bridge": "3.0.2",
-    "@arcblock/icons": "3.0.2",
-    "@arcblock/react-hooks": "3.0.2",
+    "@arcblock/bridge": "3.0.4",
+    "@arcblock/icons": "3.0.4",
+    "@arcblock/react-hooks": "3.0.4",
     "@arcblock/ws": "^1.20.14",
     "@blocklet/constant": "^1.16.44",
     "@blocklet/did-space-react": "^1.0.62",
@@ -88,5 +88,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "82d588535242081273ada50bca749f532689b785"
+  "gitHead": "8078514c9bfa121870fa03bc9b9a0cd0bb026739"
 }

package/src/Header/index.tsx

@@ -159,7 +159,9 @@ function Header({
     // @ts-ignore
     <HeaderAddons
       formattedBlocklet={formattedBlocklet}
+      // @ts-ignore
       addons={_addons}
+      // @ts-ignore
       sessionManagerProps={sessionManagerProps}
       showDomainWarningDialog={showDomainWarningDialog}
     />

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

@@ -156,6 +156,7 @@ 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"
@@ -177,6 +178,7 @@ 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-info/timezone-select.tsx

@@ -44,6 +44,7 @@ export function TimezoneSelect({ value, onChange, disabled = false, mode = 'self
       disabled={disabled}
       displayEmpty
       variant="outlined"
+      // @ts-expect-error
       placeholder="Timezone"
       // eslint-disable-next-line react/no-unstable-nested-components
       IconComponent={(props) => (

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

@@ -1,8 +1,7 @@
 import { createContext, use, useMemo, useState, useEffect } from 'react';
 import { SessionContext } from '@arcblock/did-connect/lib/Session';
 
-import { SessionContext as TSessionContext } from '../@types';
-import { Session } from '../../lib/@types';
+import type { SessionContext as TSessionContext, Session } from '../@types';
 
 export interface SpaceGateway {
   did: string;

package/vite.config.mjs

@@ -11,11 +11,14 @@ export default defineConfig({
     svgr({
       include: ['**/*.svg', '**/*.svg?react'],
     }),
+    dts({
+      entryRoot: 'src',
+      exclude: ['**/*.stories.*', '**/*.test.*', '**/demo/**'],
+    }),
     noBundlePlugin({
       root: 'src',
       copy: ['**/*.png', '**/*.gif', '**/*.jpg', '**/*.jpeg'],
     }),
-    dts(),
   ],
   build: {
     lib: {

package/lib/packages/blocklet-ui-react/build.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('unbuild').BuildConfig[];
-export default _default;

package/lib/packages/blocklet-ui-react/jest.config.d.ts

@@ -1,8 +0,0 @@
-export let browser: boolean;
-export let clearMocks: boolean;
-export let coverageDirectory: string;
-export let testEnvironment: string;
-export let testMatch: string[];
-export namespace globals {
-    let window: {};
-}

package/lib/packages/blocklet-ui-react/lib/Footer/index.d.ts

@@ -1,2 +0,0 @@
-export { oo as default };
-declare const oo: import('react').ComponentType<any>;

package/lib/packages/blocklet-ui-react/lib/Header/index.d.ts

@@ -1,2 +0,0 @@
-export { No as default };
-declare const No: import('react').ComponentType<any>;

package/lib/packages/blocklet-ui-react/src/@types/index.d.ts

@@ -1,204 +0,0 @@
-import { Axios } from 'axios';
-import { UserPublicInfo } from '@blocklet/js-sdk';
-import { OAUTH_PROVIDER } from '@arcblock/ux/lib/Util/constant';
-import { CloseConnect, OpenConnect } from '@arcblock/did-connect/lib/types';
-export type SessionContext = {
-    session: Session;
-    api: Axios;
-    connectApi: {
-        open: OpenConnect;
-        close: CloseConnect;
-    };
-};
-export type OAuthAccount = {
-    provider: keyof typeof OAUTH_PROVIDER;
-    id: string;
-    did: string;
-    pk: string;
-    lastLoginAt: string;
-    firstLoginAt: string;
-    order?: number;
-    userInfo?: {
-        email: string;
-        emailVerified: boolean;
-        name: string;
-        picture: string;
-        sub: string;
-        extraData: Object;
-    };
-};
-export type WalletAccount = {
-    provider: 'wallet';
-    did: string;
-    pk: string;
-    lastLoginAt: string;
-    firstLoginAt: string;
-};
-export type NFTAccount = {
-    provider: 'nft';
-    did: string;
-    pk: string;
-    owner: string;
-    lastLoginAt: string;
-    firstLoginAt: string;
-};
-export type ConnectedAccount = OAuthAccount | WalletAccount | NFTAccount;
-export type UserMetadataLink = {
-    url: string;
-    favicon?: string;
-};
-export declare enum DurationEnum {
-    NoClear = "no_clear",
-    ThirtyMinutes = "30_minutes",
-    OneHour = "1_hour",
-    FourHours = "4_hours",
-    Today = "today",
-    ThisWeek = "this_week",
-    Custom = "custom"
-}
-export declare enum StatusEnum {
-    Meeting = "meeting",
-    Community = "community",
-    Holiday = "holiday",
-    OffSick = "off_sick",
-    WorkingRemotely = "working_remotely"
-}
-export type UserPhoneProps = {
-    country: string;
-    phoneNumber?: string;
-};
-export type UserMetadata = {
-    bio?: string;
-    location?: string;
-    timezone?: string;
-    joinedAt?: string;
-    status?: {
-        value: string;
-        duration?: DurationEnum;
-        dateRange?: Date[];
-    };
-    links?: UserMetadataLink[];
-    cover?: string;
-    email?: string;
-    phone?: UserPhoneProps;
-};
-export type UserAddress = {
-    country?: string;
-    province?: string;
-    city?: string;
-    line1?: string;
-    line2?: string;
-    postalCode?: string;
-};
-export type User = UserPublicInfo & {
-    role: string;
-    email?: string;
-    phone?: string;
-    sourceProvider?: string;
-    sourceAppPid?: string;
-    lastLoginAt?: string;
-    lastLoginIp?: string;
-    createdAt?: string;
-    passports?: any[];
-    didSpace?: Record<string, any>;
-    connectedAccounts?: any[];
-    locale?: string;
-    url: string;
-    inviter?: string;
-    emailVerified?: boolean;
-    phoneVerified?: boolean;
-    metadata?: UserMetadata;
-    address?: UserAddress;
-};
-export type UserCenterTab = {
-    value: string;
-    label: string;
-    url: string;
-    protected: boolean;
-    icon?: string;
-    isPrivate?: boolean;
-};
-export type Session = {
-    loading: boolean;
-    initialized: boolean;
-    user?: User;
-    login: any;
-    logout: any;
-    switch: any;
-    switchDid: any;
-    refreshProfile: () => Promise<void>;
-    switchProfile: any;
-    switchPassport: any;
-    refresh: Function;
-    useOAuth: Function;
-    usePasskey: Function;
-};
-export type WebhookType = 'slack' | 'api';
-export type WebhookItemData = {
-    type: WebhookType;
-    url: string;
-};
-export type WebhookItemProps = {
-    onTest: (params: WebhookItemData) => void;
-    onSave: (params: WebhookItemData) => void;
-    onDelete?: (params: WebhookItemData) => void;
-    onCancel?: () => void;
-    edit: boolean;
-    type?: WebhookType;
-    url?: string;
-};
-export type CreatePassportProps = {
-    issuer: string;
-    title: string;
-    issuerDid: string;
-    issuerAvatarUrl: string;
-    ownerDid: string;
-    ownerName?: string;
-    ownerAvatarUrl: string;
-    preferredColor?: string;
-    revoked?: boolean;
-    isDataUrl?: boolean;
-    width?: string;
-    height?: string;
-    scope?: string;
-    role?: string;
-    display?: {
-        type: string;
-        content: string;
-    };
-};
-export type BlockletMetaProps = {
-    appLogo?: React.ReactNode;
-    appName?: string;
-    theme?: {
-        background?: string;
-    };
-    enableConnect?: boolean;
-    enableLocale?: boolean;
-    navigation?: Array<{
-        title?: string | object;
-        link?: string | object;
-        icon?: string;
-        items?: Array<{
-            title?: string | object;
-            link?: string | object;
-        }>;
-    }>;
-};
-export type SessionManagerProps = {
-    showText?: boolean;
-    showRole?: boolean;
-    switchDid?: boolean;
-    switchProfile?: boolean;
-    switchPassport?: boolean;
-    disableLogout?: boolean;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    onSwitchDid?: () => void;
-    onSwitchProfile?: () => void;
-    onSwitchPassport?: () => void;
-    menu?: any[];
-    menuRender?: () => void;
-    dark?: boolean;
-    size?: number;
-};

package/lib/packages/blocklet-ui-react/src/BlockletStudio/index.d.ts

@@ -1,27 +0,0 @@
-interface BlockletStudioProps {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    onOpened?: () => void;
-    componentDid: string;
-    tenantScope?: string;
-    resourcesParams?: Record<string, any>;
-    mode?: string;
-    title?: string;
-    logo?: string;
-    description?: string;
-    introduction?: string;
-    note?: string;
-    onUploaded?: (data: unknown) => void;
-    onReleased?: (data: unknown) => void;
-    onConnected?: (data: unknown) => void;
-    components?: Record<string, unknown>[];
-    resources?: Record<string, unknown>;
-    componentsTitle?: string;
-    resourcesTitle?: string;
-    style?: React.CSSProperties;
-    zIndex?: number;
-    dependentComponentsMode?: 'auto' | 'readonly';
-    [key: string]: any;
-}
-declare function BlockletStudio({ open, setOpen, onOpened, componentDid, tenantScope, resourcesParams, mode, title, logo, description, introduction, note, componentsTitle, resourcesTitle, onUploaded, onReleased, onConnected, components, resources, style, zIndex, dependentComponentsMode, ...rest }: BlockletStudioProps): import("react/jsx-runtime").JSX.Element | null;
-export default BlockletStudio;

package/lib/packages/blocklet-ui-react/src/ComponentInstaller/ComponentInstaller.stories.d.ts

@@ -1,9 +0,0 @@
-import { default as Basic } from './demo/basic';
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        let layout: string;
-    }
-}
-export default _default;
-export { Basic };

package/lib/packages/blocklet-ui-react/src/ComponentInstaller/demo/basic.d.ts

@@ -1,29 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-import { default as noop } from 'lodash/noop';
-declare function Demo({ userRole }: {
-    userRole: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Demo {
-    namespace propTypes {
-        let userRole: PropTypes.Validator<string>;
-    }
-}
-export default Demo;
-export namespace mockSession {
-    export { noop as login };
-    export { noop as logout };
-    export { noop as switch };
-    export { noop as switchDid };
-    export { noop as switchProfile };
-    export { noop as switchPassport };
-    export function useDid(): {
-        walletDid: string;
-    };
-    export function useOAuth(): {
-        logoutOAuth: (...args: any[]) => void;
-        bindOAuth: (...args: any[]) => void;
-        configs: {};
-        switchOAuthPassport: (...args: any[]) => void;
-    };
-    export function getUserSessions(): never[];
-}

package/lib/packages/blocklet-ui-react/src/ComponentInstaller/demo/mock-optional-components.d.ts

@@ -1,2 +0,0 @@
-export default mockOptionalComponents;
-declare function mockOptionalComponents(): void;

package/lib/packages/blocklet-ui-react/src/ComponentInstaller/index.d.ts

@@ -1,18 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-declare function WrapComponentInstaller(props: any): any;
-declare namespace WrapComponentInstaller {
-    namespace propTypes {
-        let children: PropTypes.Validator<any>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let warnIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let did: PropTypes.Validator<NonNullable<NonNullable<string | (string | null | undefined)[] | null | undefined>>>;
-        let noPermissionMute: PropTypes.Requireable<boolean>;
-        let onInstalled: PropTypes.Requireable<(...args: any[]) => any>;
-        let onError: PropTypes.Requireable<(...args: any[]) => any>;
-        let closeByOutSize: PropTypes.Requireable<boolean>;
-        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        let fallback: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let roles: PropTypes.Requireable<any[]>;
-    }
-}
-export default WrapComponentInstaller;

package/lib/packages/blocklet-ui-react/src/ComponentInstaller/installer-item.d.ts

@@ -1,18 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-declare function InstallerItem({ optionalComponent, index, installStatus, hasPermission, t }: {
-    optionalComponent: any;
-    index: any;
-    installStatus?: string | undefined;
-    hasPermission: any;
-    t: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace InstallerItem {
-    namespace propTypes {
-        let t: PropTypes.Validator<(...args: any[]) => any>;
-        let optionalComponent: PropTypes.Validator<object>;
-        let index: PropTypes.Validator<number>;
-        let installStatus: PropTypes.Requireable<string>;
-        let hasPermission: PropTypes.Validator<boolean>;
-    }
-}
-export default InstallerItem;

package/lib/packages/blocklet-ui-react/src/ComponentInstaller/locales.d.ts

@@ -1,28 +0,0 @@
-export default translations;
-declare namespace translations {
-    namespace zh {
-        let componentInstallerTitle: string;
-        let componentInstallerInstall: string;
-        let componentInstallerClose: string;
-        let componentInstallerRefresh: string;
-        let componentInstallerSuccessInstalled: string;
-        let componentInstallerSuggestions: string;
-        let componentInstallerNoDefinedInBlockletYML: string;
-    }
-    namespace en {
-        let componentInstallerTitle_1: string;
-        export { componentInstallerTitle_1 as componentInstallerTitle };
-        let componentInstallerInstall_1: string;
-        export { componentInstallerInstall_1 as componentInstallerInstall };
-        let componentInstallerClose_1: string;
-        export { componentInstallerClose_1 as componentInstallerClose };
-        let componentInstallerRefresh_1: string;
-        export { componentInstallerRefresh_1 as componentInstallerRefresh };
-        let componentInstallerSuccessInstalled_1: string;
-        export { componentInstallerSuccessInstalled_1 as componentInstallerSuccessInstalled };
-        let componentInstallerSuggestions_1: string;
-        export { componentInstallerSuggestions_1 as componentInstallerSuggestions };
-        let componentInstallerNoDefinedInBlockletYML_1: string;
-        export { componentInstallerNoDefinedInBlockletYML_1 as componentInstallerNoDefinedInBlockletYML };
-    }
-}

package/lib/packages/blocklet-ui-react/src/ComponentInstaller/use-component-installed.d.ts

@@ -1,12 +0,0 @@
-export default useComponentInstalled;
-declare function useComponentInstalled({ did, onInstalled, onError }: {
-    did: any;
-    onInstalled: any;
-    onError: any;
-}): {
-    optComponents: any;
-    installed: any;
-    installStatus: {};
-    setInstallStatus: import('react').Dispatch<import('react').SetStateAction<{}>>;
-    definedInBlockletYML: any;
-};

package/lib/packages/blocklet-ui-react/src/ComponentManager/components/add-component.d.ts

@@ -1,16 +0,0 @@
-import { ReactElement } from 'react';
-export default function AddComponent({ componentDid, resourceType, resourceDid, grantedRoles, autoClose, selectedMeta, storeUrl, onComplete, onClose, render, }: {
-    componentDid: string;
-    resourceType?: string;
-    resourceDid?: string;
-    autoClose: boolean;
-    selectedMeta?: any;
-    storeUrl?: string;
-    grantedRoles?: string[];
-    onComplete: () => void;
-    onClose: () => void;
-    render?: ({ onClick, loading }: {
-        onClick: () => void;
-        loading: boolean;
-    }) => ReactElement<any>;
-}): import("react/jsx-runtime").JSX.Element;

package/lib/packages/blocklet-ui-react/src/ComponentManager/components/check-component.d.ts

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

package/lib/packages/blocklet-ui-react/src/ComponentManager/components/publish-component.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-export default function PublishComponent({ componentDid, grantedRoles, onClose, render, }: {
-    componentDid: string;
-    grantedRoles?: string[];
-    onClose: () => void;
-    render?: ({ onClick, loading }: {
-        onClick: () => void;
-        loading: boolean;
-    }) => ReactElement<any>;
-}): import("react/jsx-runtime").JSX.Element;

package/lib/packages/blocklet-ui-react/src/ComponentManager/components/resource-dialog.d.ts

@@ -1,13 +0,0 @@
-declare const _default: import('react').ForwardRefExoticComponent<{
-    src: string;
-    componentDid: string;
-    open?: boolean;
-    loading?: boolean;
-    storeUrl?: string;
-    onLoad?: () => void;
-    onClose?: () => void;
-    onComplete?: () => void;
-} & import('react').RefAttributes<{
-    selectBlocklet: (blockletMeta: any) => void;
-}>>;
-export default _default;

package/lib/packages/blocklet-ui-react/src/ComponentManager/index.d.ts

@@ -1,3 +0,0 @@
-export { default as PublishComponent } from './components/publish-component';
-export { default as AddComponent } from './components/add-component';
-export { default as CheckComponent } from './components/check-component';

package/lib/packages/blocklet-ui-react/src/ComponentManager/libs/locales.d.ts

@@ -1,14 +0,0 @@
-export declare const translations: {
-    zh: {
-        importResource: string;
-        exportResource: string;
-        noPermission: string;
-        needLogin: string;
-    };
-    en: {
-        importResource: string;
-        exportResource: string;
-        noPermission: string;
-        needLogin: string;
-    };
-};

package/lib/packages/blocklet-ui-react/src/Dashboard/Dashboard.stories.d.ts

@@ -1,13 +0,0 @@
-import { default as Basic } from './demo/basic';
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        let layout: string;
-        namespace design {
-            let type: string;
-            let url: string;
-        }
-    }
-}
-export default _default;
-export { Basic };