@blocklet/ui-react 3.0.6 → 3.0.8

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

@@ -1,7 +1,10 @@
-export { H as default };
-declare function H({ componentDid: s, grantedRoles: r, onClose: i, render: a }: {
-    componentDid: any;
-    grantedRoles: any;
-    onClose: any;
-    render: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+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/ComponentManager/components/publish-component.js

@@ -2,33 +2,33 @@ import { jsxs as x, Fragment as b, jsx as u } from "react/jsx-runtime";
 import { use as w } from "react";
 import L from "@arcblock/ux/lib/Button";
 import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
-import { BLOCKLET_SERVICE_PATH_PREFIX as D } from "@arcblock/ux/lib/Util/constant";
-import { useMemoizedFn as n, useReactive as E } from "ahooks";
-import { translate as P } from "@arcblock/ux/lib/Locale/util";
-import { SessionContext as F } from "@arcblock/did-connect/lib/Session";
+import { BLOCKLET_SERVICE_PATH_PREFIX as v } from "@arcblock/ux/lib/Util/constant";
+import { useMemoizedFn as t, useReactive as D } from "ahooks";
+import { translate as E } from "@arcblock/ux/lib/Locale/util";
+import { SessionContext as P } from "@arcblock/did-connect/lib/Session";
 import c from "@arcblock/ux/lib/Toast";
-import S from "./resource-dialog.js";
-import { translations as T } from "../libs/locales.js";
+import F from "./resource-dialog.js";
+import { translations as S } from "../libs/locales.js";
 function H({
   componentDid: s,
-  grantedRoles: r,
-  onClose: i,
-  render: a
+  grantedRoles: i = void 0,
+  onClose: n,
+  render: a = void 0
 }) {
-  const { session: l } = w(F), { locale: f } = C(), e = n((t, h = {}) => P(T, t, f, "en", h)), o = E({
+  const { session: l } = w(P), { locale: f } = C(), e = t((r, h = {}) => E(S, r, f, "en", h)), o = D({
     showDialog: !1,
     loading: !1
-  }), p = `${D}/embed/resources/${s}/publish?mode=dialog`, d = n(() => {
-    o.showDialog = !1, i == null || i();
-  }), g = n(() => {
+  }), d = `${v}/embed/resources/${s}/publish?mode=dialog`, p = t(() => {
+    o.showDialog = !1, n == null || n();
+  }), g = t(() => {
     o.loading = !1;
-  }), m = n(() => {
-    var t;
+  }), m = t(() => {
+    var r;
     if (!l.user) {
       c.warning(e("needLogin"));
       return;
     }
-    if (r && r.length > 0 && !(r != null && r.includes((t = l.user) == null ? void 0 : t.role))) {
+    if (i && i.length > 0 && !(i != null && i.includes((r = l.user) == null ? void 0 : r.role))) {
       c.warning(e("noPermission"));
       return;
     }
@@ -50,11 +50,11 @@ function H({
       "button"
     ),
     o.showDialog && /* @__PURE__ */ u(
-      S,
+      F,
       {
-        src: p,
+        src: d,
         open: !0,
-        onClose: d,
+        onClose: p,
         onLoad: g,
         componentDid: s,
         loading: o.loading

package/lib/ComponentManager/components/resource-dialog.d.ts

@@ -1,11 +1,13 @@
-export { I as default };
-declare const I: import('react').ForwardRefExoticComponent<{
-    src: any;
-    open?: boolean | undefined;
-    componentDid: any;
-    loading?: boolean | undefined;
-    storeUrl: any;
-    onClose?: (() => void) | undefined;
-    onComplete?: (() => void) | undefined;
-    onLoad?: (() => void) | undefined;
-} & import('react').RefAttributes<any>>;
+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/ComponentManager/components/resource-dialog.js

@@ -6,7 +6,7 @@ function b({
   open: t = !1,
   componentDid: n,
   loading: u = !0,
-  storeUrl: c,
+  storeUrl: c = "",
   onClose: d = () => {
   },
   onComplete: f = () => {

package/lib/ComponentManager/index.d.ts

@@ -1,4 +1,3 @@
-import { default as f } from './components/add-component.js';
-import { default as n } from '../ComponentInstaller/index.js';
-import { default as t } from './components/publish-component.js';
-export { f as AddComponent, n as CheckComponent, t as PublishComponent };
+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/ComponentManager/libs/locales.d.ts

@@ -1,19 +1,14 @@
-export { o as translations };
-declare namespace o {
-    namespace zh {
-        let importResource: string;
-        let exportResource: string;
-        let noPermission: string;
-        let needLogin: string;
-    }
-    namespace en {
-        let importResource_1: string;
-        export { importResource_1 as importResource };
-        let exportResource_1: string;
-        export { exportResource_1 as exportResource };
-        let noPermission_1: string;
-        export { noPermission_1 as noPermission };
-        let needLogin_1: string;
-        export { needLogin_1 as needLogin };
-    }
-}
+export declare const translations: {
+    zh: {
+        importResource: string;
+        exportResource: string;
+        noPermission: string;
+        needLogin: string;
+    };
+    en: {
+        importResource: string;
+        exportResource: string;
+        noPermission: string;
+        needLogin: string;
+    };
+};

package/lib/Dashboard/index.d.ts

@@ -1,7 +1,10 @@
-import { BlockletMetaProps as S, SessionManagerProps as H } from '../types.js';
-import { default as t } from 'prop-types';
-export { K as default };
-declare function K({ meta: l, fallbackUrl: c, invalidPathFallback: d, headerAddons: k, sessionManagerProps: W, links: f, showDomainWarningDialog: I, ...g }: {
+import { BlockletMetaProps, SessionManagerProps } from '../types';
+import { default as PropTypes } from 'prop-types';
+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?: {} | undefined;
     fallbackUrl?: any;
@@ -13,15 +16,15 @@ declare function K({ meta: l, fallbackUrl: c, invalidPathFallback: d, headerAddo
     } | undefined;
     links?: any[] | undefined;
     showDomainWarningDialog?: boolean | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace K {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Dashboard {
     namespace propTypes {
-        export { S as meta };
-        export let fallbackUrl: t.Requireable<string>;
-        export let invalidPathFallback: t.Requireable<(...args: any[]) => any>;
-        export let headerAddons: t.Requireable<NonNullable<((...args: any[]) => any) | t.ReactNodeLike>>;
-        export { H as sessionManagerProps };
-        export let links: t.Requireable<NonNullable<any[] | ((...args: any[]) => any) | null | undefined>>;
-        export let showDomainWarningDialog: t.Requireable<boolean>;
+        export { BlockletMetaProps as meta };
+        export let fallbackUrl: PropTypes.Requireable<string>;
+        export let invalidPathFallback: PropTypes.Requireable<(...args: any[]) => any>;
+        export let headerAddons: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        export { SessionManagerProps as sessionManagerProps };
+        export let links: PropTypes.Requireable<NonNullable<any[] | ((...args: any[]) => any) | null | undefined>>;
+        export let showDomainWarningDialog: PropTypes.Requireable<boolean>;
     }
 }

package/lib/Footer/brand.d.ts

@@ -1,15 +1,15 @@
-import { default as i } from 'prop-types';
-export { p as default };
-declare function p({ name: e, logo: t, description: r, ...a }: {
+import { default as PropTypes } from 'prop-types';
+declare function Brand({ name, logo, description, ...rest }: {
     [x: string]: any;
     name?: string | undefined;
     logo?: string | undefined;
     description?: string | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace p {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Brand {
     namespace propTypes {
-        let name: i.Requireable<i.ReactNodeLike>;
-        let logo: i.Requireable<i.ReactNodeLike>;
-        let description: i.Requireable<string>;
+        let name: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let logo: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let description: PropTypes.Requireable<string>;
     }
 }
+export default Brand;

package/lib/Footer/copyright.d.ts

@@ -1,13 +1,13 @@
-import { default as r } from 'prop-types';
-export { n as default };
-declare function n({ owner: t, year: e, ...o }: {
+import { default as PropTypes } from 'prop-types';
+declare function Copyright({ owner, year, ...rest }: {
     [x: string]: any;
     owner?: string | undefined;
     year?: string | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare namespace n {
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Copyright {
     namespace propTypes {
-        let owner: r.Requireable<string>;
-        let year: r.Requireable<string>;
+        let owner: PropTypes.Requireable<string>;
+        let year: PropTypes.Requireable<string>;
     }
 }
+export default Copyright;

package/lib/Footer/index.d.ts

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

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

@@ -1,29 +1,34 @@
-import { default as n } from 'prop-types';
-export { _ as default };
-declare function _(a: any): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare namespace _ {
+import { default as PropTypes } from 'prop-types';
+export default InternalFooter;
+/**
+ * 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
+ */
+declare function InternalFooter({ ...props }: {
+    [x: string]: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace InternalFooter {
     namespace propTypes {
-        let brand: n.Requireable<n.InferProps<{
-            name: n.Requireable<n.ReactNodeLike>;
-            description: n.Requireable<string>;
-            logo: n.Requireable<n.ReactNodeLike>;
+        let brand: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            description: PropTypes.Requireable<string>;
+            logo: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         }>>;
-        let navigation: n.Requireable<(n.InferProps<{
-            label: n.Requireable<n.ReactNodeLike>;
-            link: n.Requireable<string>;
+        let navigation: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            link: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
-        let socialMedia: n.Requireable<(n.InferProps<{
-            icon: n.Requireable<n.ReactNodeLike>;
-            link: n.Requireable<string>;
+        let socialMedia: PropTypes.Requireable<(PropTypes.InferProps<{
+            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            link: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
-        let copyright: n.Requireable<n.InferProps<{
-            owner: n.Requireable<string>;
-            year: n.Requireable<NonNullable<string | number | null | undefined>>;
+        let copyright: PropTypes.Requireable<PropTypes.InferProps<{
+            owner: PropTypes.Requireable<string>;
+            year: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         }>>;
-        let links: n.Requireable<(n.InferProps<{
-            label: n.Requireable<n.ReactNodeLike>;
-            link: n.Requireable<string>;
+        let links: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            link: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
-        let layout: n.Requireable<string>;
+        let layout: PropTypes.Requireable<string>;
     }
 }

package/lib/Footer/internal-footer.js

@@ -25,7 +25,7 @@ const h = [
     component: S
   }
 ], T = h.reduce((a, o) => ({ ...a, [o.name]: o }), {});
-function _(a) {
+function _({ ...a }) {
   var d, f;
   const {
     brand: o = null,

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

@@ -1,19 +1,22 @@
-import { default as e } from 'prop-types';
-export { s as default };
-declare function s({ elements: i, data: m, ...o }: {
+import { default as PropTypes } from 'prop-types';
+export default PlainLayout;
+/**
+ * footer plain layout
+ */
+declare function PlainLayout({ elements, data, ...rest }: {
     [x: string]: any;
     elements: any;
     data: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare namespace s {
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace PlainLayout {
     namespace propTypes {
-        let elements: e.Validator<NonNullable<e.InferProps<{
-            brand: e.Requireable<e.ReactElementLike>;
-            navigation: e.Requireable<e.ReactElementLike>;
-            socialMedia: e.Requireable<e.ReactElementLike>;
-            copyright: e.Requireable<e.ReactElementLike>;
-            links: e.Requireable<e.ReactElementLike>;
+        let elements: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            brand: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            navigation: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            socialMedia: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            copyright: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            links: PropTypes.Requireable<PropTypes.ReactElementLike>;
         }>>>;
-        let data: e.Validator<object>;
+        let data: PropTypes.Validator<object>;
     }
 }

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

@@ -1,13 +1,13 @@
-import { default as e } from 'prop-types';
-export { m as default };
-declare function m({ children: o, autoCenter: r, ...t }: {
+import { default as PropTypes } from 'prop-types';
+declare function Row({ children, autoCenter, ...rest }: {
     [x: string]: any;
     children?: null | undefined;
     autoCenter?: boolean | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace m {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Row {
     namespace propTypes {
-        let children: e.Requireable<any>;
-        let autoCenter: e.Requireable<boolean>;
+        let children: PropTypes.Requireable<any>;
+        let autoCenter: PropTypes.Requireable<boolean>;
     }
 }
+export default Row;

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

@@ -1,21 +1,24 @@
-import { default as o } from 'prop-types';
-export { g as default };
-declare function g({ elements: e, data: s, className: p, ...c }: {
+import { default as PropTypes } from 'prop-types';
+export default StandardLayout;
+/**
+ * footer standard layout
+ */
+declare function StandardLayout({ elements, data, className, ...rest }: {
     [x: string]: any;
     elements: any;
     data: any;
-    className: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare namespace g {
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace StandardLayout {
     namespace propTypes {
-        let elements: o.Validator<NonNullable<o.InferProps<{
-            brand: o.Requireable<o.ReactElementLike>;
-            navigation: o.Requireable<o.ReactElementLike>;
-            socialMedia: o.Requireable<o.ReactElementLike>;
-            copyright: o.Requireable<o.ReactElementLike>;
-            links: o.Requireable<o.ReactElementLike>;
+        let elements: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            brand: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            navigation: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            socialMedia: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            copyright: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            links: PropTypes.Requireable<PropTypes.ReactElementLike>;
         }>>>;
-        let data: o.Validator<object>;
-        let className: o.Requireable<string>;
+        let data: PropTypes.Validator<object>;
+        let className: PropTypes.Requireable<string>;
     }
 }

package/lib/Footer/layout/standard.js

@@ -4,7 +4,7 @@ import x from "clsx";
 import { Container as t, Box as r } from "@mui/material";
 import { styled as f } from "@arcblock/ux/lib/Theme";
 import h from "./row.js";
-function g({ elements: e, data: s, className: p, ...c }) {
+function g({ elements: e, data: s, className: p = "", ...c }) {
   var l;
   const d = !!((l = s.navigation) != null && l.length);
   let a = null;

package/lib/Footer/links.d.ts

@@ -1,20 +1,23 @@
-import { default as l } from 'prop-types';
-export { F as default };
-declare function F({ links: e, flowLayout: d, columns: u, ...k }: {
+import { default as PropTypes } from 'prop-types';
+/**
+ * footer 中的 links (支持分组, 最多支持 2 级)
+ */
+declare function Links({ links, flowLayout, columns, ...rest }: {
     [x: string]: any;
     links?: any[] | undefined;
     flowLayout?: boolean | undefined;
     columns: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace F {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Links {
     namespace propTypes {
-        let links: l.Requireable<(l.InferProps<{
-            label: l.Requireable<string>;
-            link: l.Requireable<string>;
-            render: l.Requireable<(...args: any[]) => any>;
-            props: l.Requireable<object>;
+        let links: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<string>;
+            render: PropTypes.Requireable<(...args: any[]) => any>;
+            props: PropTypes.Requireable<object>;
         }> | null | undefined)[]>;
-        let flowLayout: l.Requireable<boolean>;
-        let columns: l.Requireable<number>;
+        let flowLayout: PropTypes.Requireable<boolean>;
+        let columns: PropTypes.Validator<number>;
     }
 }
+export default Links;

package/lib/Footer/links.js

@@ -77,7 +77,7 @@ function F({ links: e = [], flowLayout: d = !1, columns: u, ...k }) {
     );
   }) : null, [e, d, x, g]);
   return e != null && e.length ? /* @__PURE__ */ n(
-    S,
+    R,
     {
       ...k,
       className: c(k.className, {
@@ -101,9 +101,9 @@ F.propTypes = {
   // 流动布局, 简单的从左到右排列
   flowLayout: l.bool,
   // 列布局
-  columns: l.number
+  columns: l.number.isRequired
 };
-const S = z("div")`
+const R = z("div")`
   overflow: hidden;
   color: ${({ theme: e }) => e.palette.text.secondary};
   .footer-links-inner {

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

@@ -1,14 +1,14 @@
-import { default as o } from 'prop-types';
-export { p as default };
-declare function p({ items: r, ...t }: {
+import { default as PropTypes } from 'prop-types';
+declare function SocialMedia({ items, ...rest }: {
     [x: string]: any;
     items?: null | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace p {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace SocialMedia {
     namespace propTypes {
-        let items: o.Requireable<(o.InferProps<{
-            icon: o.Requireable<string>;
-            link: o.Requireable<string>;
+        let items: PropTypes.Requireable<(PropTypes.InferProps<{
+            icon: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
     }
 }
+export default SocialMedia;

package/lib/Header/index.d.ts

@@ -1,13 +1,23 @@
-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;
-}>;
+import { JSX } from 'react';
+import { BoxProps, Breakpoint } from '@mui/material';
+import { BlockletMetaProps, SessionManagerProps } from '../@types';
+type HeaderProps = {
+    meta?: BlockletMetaProps;
+    addons?: Function | React.ReactNode;
+    sessionManagerProps?: SessionManagerProps;
+    homeLink?: string | ((brandContent: React.ReactNode) => JSX.Element | null);
+    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 | Breakpoint;
+    showDomainWarningDialog?: boolean;
+};
+declare const _default: import('react').ComponentType<HeaderProps & Omit<BoxProps, keyof HeaderProps>>;
+export default _default;