@arcblock/ux 2.10.24 → 2.10.25

package/lib/Colors/themes/default.d.ts

@@ -0,0 +1,76 @@
+export default colors;
+declare namespace colors {
+    namespace common {
+        let black: string;
+        let white: string;
+    }
+    namespace primary {
+        let main: string;
+        let contrastText: string;
+    }
+    namespace secondary {
+        let main_1: string;
+        export { main_1 as main };
+        let contrastText_1: string;
+        export { contrastText_1 as contrastText };
+    }
+    namespace error {
+        let main_2: string;
+        export { main_2 as main };
+        let contrastText_2: string;
+        export { contrastText_2 as contrastText };
+    }
+    namespace warning {
+        let main_3: string;
+        export { main_3 as main };
+        let contrastText_3: string;
+        export { contrastText_3 as contrastText };
+    }
+    namespace info {
+        let main_4: string;
+        export { main_4 as main };
+        let contrastText_4: string;
+        export { contrastText_4 as contrastText };
+    }
+    namespace success {
+        let main_5: string;
+        export { main_5 as main };
+        let contrastText_5: string;
+        export { contrastText_5 as contrastText };
+    }
+    let grey: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        A100: string;
+        A200: string;
+        A400: string;
+        A700: string;
+    };
+    namespace text {
+        let primary_1: string;
+        export { primary_1 as primary };
+        let secondary_1: string;
+        export { secondary_1 as secondary };
+        export let disabled: string;
+        export let hint: string;
+    }
+    let divider: string;
+    namespace background {
+        let _default: string;
+        export { _default as default };
+    }
+    namespace did {
+        let primary_2: string;
+        export { primary_2 as primary };
+        let secondary_2: string;
+        export { secondary_2 as secondary };
+    }
+}

package/lib/Colors/themes/temp.d.ts

@@ -0,0 +1,36 @@
+export default colors;
+declare namespace colors {
+    let textMuted: string;
+    let textSubtitle: string;
+    let textBase: string;
+    let textPrimaryBase: string;
+    let primaryBase: string;
+    let primary100: string;
+    let gray6: string;
+    let surfaceBgSubtitle: string;
+    let surfacePrimarySubtitle: string;
+    let surfaceSuccess: string;
+    let backgroundsBgSubtitle: string;
+    let backgroundsBgComponent: string;
+    let backgroundsBgField: string;
+    let backgroundsBgSubtile: string;
+    let backgroundsBgSubtileHover: string;
+    let foregroundsFgBase: string;
+    let foregroundsFgSubtile: string;
+    let foregroundsFgMuted: string;
+    let foregroundsFgInteractiveTransparent: string;
+    let foregroundsFgInteractive: string;
+    let strokeBorderBase: string;
+    let strokeBorderStrong: string;
+    let strokeSep: string;
+    let lineStep: string;
+    let lineBorderStrong: string;
+    let lineBorderBase: string;
+    let borderBase: string;
+    let buttonsButtonNeutral: string;
+    let buttonsButtonNeutralHover: string;
+    let buttonsButtonInverted: string;
+    let buttonsButtonInvertedHover: string;
+    let buttonsButtonDanger: string;
+    let red: string;
+}

package/lib/ContactForm/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -12,7 +13,6 @@ import { mergeProps } from '../Util';
 import { warn as deprecatedWarn } from '../Util/deprecate';
 import Button from '../Button';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function submitContactForm({
   formId,
   portalId

package/lib/CookieConsent/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Button from '@mui/material/Button';
 import CookieConsent, { resetCookieConsentValue } from 'react-cookie-consent';
 import { styled } from '../Theme';
-import { jsx as _jsx } from "react/jsx-runtime";
 export { resetCookieConsentValue };
 const translations = {
   en: {

package/lib/CountDown/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { getColor, mergeProps } from '../Util';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SECONDS_OF_MINUTE = 60;
 const SECONDS_OF_HOUR = 60 * SECONDS_OF_MINUTE;
 const SECONDS_OF_DAY = 24 * SECONDS_OF_HOUR;

package/lib/DID/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { getDIDMotifInfo } from '@arcblock/did-motif';
@@ -12,7 +13,6 @@ import Address from '../Address';
 import Avatar from '../Avatar';
 import { isEthereumDid, getFontSize, getDIDColor } from '../Util';
 import { translate } from '../Locale/util';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const translations = {
   en: {
     scanQrcode: 'Scan with DID Wallet to transfer token to here',

package/lib/Datatable/CustomToolbar.d.ts

@@ -0,0 +1,37 @@
+declare function CustomToolbar(props: any): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare namespace CustomToolbar {
+    namespace propTypes {
+        let data: PropTypes.Requireable<any[]>;
+        let options: PropTypes.Validator<object>;
+        let components: PropTypes.Requireable<object>;
+        let columns: PropTypes.Validator<any[]>;
+        let filterList: PropTypes.Requireable<any[]>;
+        let filterData: PropTypes.Requireable<any[]>;
+        let filterUpdate: PropTypes.Validator<(...args: any[]) => any>;
+        let resetFilters: PropTypes.Validator<(...args: any[]) => any>;
+        let updateFilterByType: PropTypes.Validator<(...args: any[]) => any>;
+        let toggleViewColumn: PropTypes.Validator<(...args: any[]) => any>;
+        let updateColumns: PropTypes.Validator<(...args: any[]) => any>;
+        let title: PropTypes.Requireable<any>;
+        let searchText: PropTypes.Requireable<any>;
+        let searchTextUpdate: PropTypes.Validator<(...args: any[]) => any>;
+        let searchClose: PropTypes.Validator<(...args: any[]) => any>;
+        let tableRef: PropTypes.Validator<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let data_1: any[];
+        export { data_1 as data };
+        let components_1: {};
+        export { components_1 as components };
+        let filterList_1: any[];
+        export { filterList_1 as filterList };
+        let filterData_1: any[];
+        export { filterData_1 as filterData };
+        let title_1: string;
+        export { title_1 as title };
+        let searchText_1: any;
+        export { searchText_1 as searchText };
+    }
+}
+export default CustomToolbar;
+import PropTypes from 'prop-types';

package/lib/Datatable/CustomToolbar.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import { TableFilter, TableViewCol } from 'mui-datatables';
@@ -20,7 +21,6 @@ import { handleCSVDownload } from './utils';
 import TableSearch from './TableSearch';
 import { useDatatableContext } from './DatatableContext';
 import { styled, useTheme } from '../Theme';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function useMobile() {
   const theme = useTheme();
   return useMediaQuery(theme.breakpoints.down('sm'));

package/lib/Datatable/DatatableContext.d.ts

@@ -0,0 +1,4 @@
+export function DatatableProvider({ children }: {
+    children: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function useDatatableContext(): {};

package/lib/Datatable/DatatableContext.js

@@ -1,5 +1,5 @@
-import { createContext, useContext, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from 'react';
 const DatatableContext = /*#__PURE__*/createContext({});
 const {
   Provider

package/lib/Datatable/TableSearch.d.ts

@@ -0,0 +1,28 @@
+declare function TableSearch({ search, options, searchText, searchTextUpdate, searchClose, onSearchOpen }: {
+    search: any;
+    options: any;
+    searchText: any;
+    searchTextUpdate: any;
+    searchClose: any;
+    onSearchOpen: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare namespace TableSearch {
+    namespace propTypes {
+        let search: PropTypes.Requireable<string>;
+        let searchText: PropTypes.Requireable<string>;
+        let onSearchOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        let options: PropTypes.Validator<object>;
+        let searchTextUpdate: PropTypes.Validator<(...args: any[]) => any>;
+        let searchClose: PropTypes.Validator<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let search_1: string;
+        export { search_1 as search };
+        let searchText_1: string;
+        export { searchText_1 as searchText };
+        export { noop as onSearchOpen };
+    }
+}
+export default TableSearch;
+import PropTypes from 'prop-types';
+import noop from 'lodash/noop';

package/lib/Datatable/TableSearch.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import IconButton from '@mui/material/IconButton';
@@ -9,7 +10,6 @@ import clsx from 'clsx';
 import noop from 'lodash/noop';
 import { useDatatableContext } from './DatatableContext';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function TableSearch({
   search,
   options,

package/lib/Datatable/index.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @description
+ * @export
+ * @param {DataTableProps} props
+ * @return {import('react').ReactComponentElement}
+ */
+export default function DataTable(props: DataTableProps): import("react").ReactComponentElement<any, Pick<any, string | number | symbol>>;
+export function getDurableData(key: any): any;
+export type DataTableCustomButton = {
+    icon: import("react").ReactElement;
+    title: string;
+    onClick?: () => void;
+};
+export type DataTableColumn = {
+    name: string;
+    label: string;
+    width?: number;
+    options?: {
+        filter?: boolean;
+        sort?: boolean;
+        customBodyRender?: (value: any) => import("react").ReactElement;
+        customBodyRenderLite?: (index: number) => import("react").ReactElement;
+    } & import("mui-datatables").MUIDataTableColumnOptions;
+} & import("mui-datatables").MUIDataTableColumnDef;
+export type DataTableState = Pick<import("mui-datatables").MUIDataTableState, "count" | "page" | "rowsPerPage" | "searchText" | "sortOrder" | "filterList">;
+export type ModifiedMUIDataTableProps = {
+    /**
+     * - The title of the table (optional).
+     */
+    title?: string;
+    /**
+     * - Other props from MUIDataTableProps.
+     */
+    rest?: import("mui-datatables").MUIDataTableProps[];
+};
+export type DataTableProps = {
+    data: Array<object | number[] | string[]>;
+    columns: Array<DataTableColumn>;
+    locale?: string;
+    options?: import("mui-datatables").MUIDataTableOptions;
+    style?: import("react").CSSProperties;
+    customButtons?: Array<DataTableCustomButton>;
+    onChange?: (state: DataTableState, action: string) => void | Promise<void>;
+    loading?: boolean;
+    disabled?: boolean;
+    stripped?: boolean;
+    verticalKeyWidth?: number | string;
+    hideTableHeader?: boolean;
+    components?: import("react").ReactElement;
+    emptyNode?: import("react").ReactNode;
+    durable?: string;
+    durableKeys?: "page" | "rowsPerPage" | "searchText" | "sortOrder";
+} & ModifiedMUIDataTableProps;

package/lib/Datatable/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect, useRef, isValidElement } from 'react';
 import PropTypes from 'prop-types';
@@ -17,6 +18,7 @@ import { styled } from '../Theme';
  * @typedef {{
  *  icon: import('react').ReactElement,
  *  title: string,
+ *  onClick?: () => void
  * }} DataTableCustomButton
  */
 
@@ -38,6 +40,12 @@ import { styled } from '../Theme';
  * @typedef {Pick<import('mui-datatables').MUIDataTableState, 'count' | 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder' | 'filterList'>} DataTableState
  */
 
+/**
+ * @typedef {Object} ModifiedMUIDataTableProps
+ * @property {string} [title] - The title of the table (optional).
+ * @property {...import('mui-datatables').MUIDataTableProps} [rest] - Other props from MUIDataTableProps.
+ */
+
 /**
  * @typedef {{
  *  data: Array<object | number[] | string[]>,
@@ -53,12 +61,12 @@ import { styled } from '../Theme';
  *  verticalKeyWidth?: number | string,
  *  hideTableHeader?: boolean,
  *  components?: import('react').ReactElement,
- *  emptyNode?: import('react').ReactElement,
+ *  emptyNode?: import('react').ReactNode,
  *  durable?: string,
  *  durableKeys?: 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder'
- * } & import('mui-datatables').MUIDataTableProps} DataTableProps
+ * } & ModifiedMUIDataTableProps} DataTableProps
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
 const FilterLine = styled('div')`
   display: flex;
   align-items: center;

package/lib/Datatable/utils.d.ts

@@ -0,0 +1,5 @@
+export function handleCSVDownload(props: any): void;
+declare namespace _default {
+    export { handleCSVDownload };
+}
+export default _default;

package/lib/Dialog/confirm.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @typedef {import('../Button/wrap').ButtonProps} ButtonProps
+ * @typedef {import('@mui/material').PaperProps} PaperProps
+ * @typedef {{
+ *   title: React.ReactNode,
+ *   open: boolean,
+ *   children: React.ReactNode,
+ *   onConfirm: () => void | Promise<void>,
+ *   onCancel: () => void | Promise<void>,
+ *   showCancelButton?: boolean,
+ *   showCloseButton?: boolean,
+ *   fullScreen?: boolean,
+ *   confirmButton?: {text: string, props?: ButtonProps}
+ *   cancelButton?: {text: string, props?: ButtonProps}
+ *   PaperProps?: PaperProps
+ * }} ConfirmProps
+ */
+/**
+ *
+ * @param {ConfirmProps} props
+ * @returns {import('react').ReactComponentElement}
+ */
+declare function Confirm({ title, children, onConfirm, onCancel, showCloseButton, showCancelButton, fullScreen, confirmButton, cancelButton, PaperProps, ...rest }: ConfirmProps): import("react").ReactComponentElement<any, Pick<any, string | number | symbol>>;
+declare namespace Confirm {
+    namespace propTypes {
+        let title: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let open: PropTypes.Validator<boolean>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let onConfirm: PropTypes.Validator<(...args: any[]) => any>;
+        let onCancel: PropTypes.Validator<(...args: any[]) => any>;
+        let showCancelButton: PropTypes.Requireable<boolean>;
+        let showCloseButton: PropTypes.Requireable<boolean>;
+        let fullScreen: PropTypes.Requireable<boolean>;
+        let confirmButton: PropTypes.Requireable<PropTypes.InferProps<{
+            text: PropTypes.Validator<string>;
+            props: PropTypes.Requireable<object>;
+        }>>;
+        let cancelButton: PropTypes.Requireable<PropTypes.InferProps<{
+            text: PropTypes.Validator<string>;
+            props: PropTypes.Requireable<object>;
+        }>>;
+        let PaperProps: PropTypes.Requireable<object>;
+    }
+    namespace defaultProps {
+        let showCancelButton_1: boolean;
+        export { showCancelButton_1 as showCancelButton };
+        let showCloseButton_1: boolean;
+        export { showCloseButton_1 as showCloseButton };
+        let fullScreen_1: boolean;
+        export { fullScreen_1 as fullScreen };
+        export namespace confirmButton_1 {
+            let text: string;
+        }
+        export { confirmButton_1 as confirmButton };
+        export namespace cancelButton_1 {
+            let text_1: string;
+            export { text_1 as text };
+        }
+        export { cancelButton_1 as cancelButton };
+        let PaperProps_1: {};
+        export { PaperProps_1 as PaperProps };
+    }
+}
+export default Confirm;
+export type ButtonProps = import("../Button/wrap").ButtonProps;
+export type PaperProps = import("@mui/material").PaperProps;
+export type ConfirmProps = {
+    title: React.ReactNode;
+    open: boolean;
+    children: React.ReactNode;
+    onConfirm: () => void | Promise<void>;
+    onCancel: () => void | Promise<void>;
+    showCancelButton?: boolean;
+    showCloseButton?: boolean;
+    fullScreen?: boolean;
+    confirmButton?: {
+        text: string;
+        props?: ButtonProps;
+    };
+    cancelButton?: {
+        text: string;
+        props?: ButtonProps;
+    };
+    PaperProps?: PaperProps;
+};
+import PropTypes from 'prop-types';

package/lib/Dialog/confirm.js

@@ -1,20 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { useMemoizedFn } from 'ahooks';
 import Button from '../Button';
 import Dialog from './dialog';
 
 /**
-  @typedef {Object} ConfirmProps
-  @property {boolean} open
-  @property {React.ReactNode} title
-  @property {React.ReactNode} children
-  @property {() => void | Promise<void>} onConfirm
-  @property {() => void | Promise<void>} onCancel
-  @property {boolean} [showCancelButton=true]
-  @property {{text: string, props?: import('../Button/wrap').ButtonProps}} [confirmButton={text: 'Confirm'}]
-  @property {{text: string, props?: import('../Button/wrap').ButtonProps}} [cancelButton={text: 'Cancel'}]
-  @property {import('@mui/material').PaperProps} [PaperProps={}]
-*/
+ * @typedef {import('../Button/wrap').ButtonProps} ButtonProps
+ * @typedef {import('@mui/material').PaperProps} PaperProps
+ * @typedef {{
+ *   title: React.ReactNode,
+ *   open: boolean,
+ *   children: React.ReactNode,
+ *   onConfirm: () => void | Promise<void>,
+ *   onCancel: () => void | Promise<void>,
+ *   showCancelButton?: boolean,
+ *   showCloseButton?: boolean,
+ *   fullScreen?: boolean,
+ *   confirmButton?: {text: string, props?: ButtonProps}
+ *   cancelButton?: {text: string, props?: ButtonProps}
+ *   PaperProps?: PaperProps
+ * }} ConfirmProps
+ */
 
 // 注意排在 {...rest} 之后的 props 优先级更高
 /**
@@ -22,7 +28,6 @@ import Dialog from './dialog';
  * @param {ConfirmProps} props
  * @returns {import('react').ReactComponentElement}
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Confirm({
   title,
   children,
@@ -30,6 +35,7 @@ export default function Confirm({
   onCancel,
   showCloseButton,
   showCancelButton,
+  fullScreen,
   confirmButton,
   cancelButton,
   PaperProps,
@@ -52,6 +58,7 @@ export default function Confirm({
     ...rest,
     onClose: handleClose,
     showCloseButton: showCloseButton,
+    fullScreen: fullScreen,
     slotProps: {
       header: {
         sx: {
@@ -92,11 +99,13 @@ export default function Confirm({
 }
 Confirm.propTypes = {
   title: PropTypes.node.isRequired,
+  open: PropTypes.bool.isRequired,
   children: PropTypes.node.isRequired,
   onConfirm: PropTypes.func.isRequired,
   onCancel: PropTypes.func.isRequired,
   showCancelButton: PropTypes.bool,
   showCloseButton: PropTypes.bool,
+  fullScreen: PropTypes.bool,
   // 可以传入 {text: ..., props: ...}
   confirmButton: PropTypes.shape({
     text: PropTypes.string.isRequired,
@@ -109,8 +118,9 @@ Confirm.propTypes = {
   PaperProps: PropTypes.object
 };
 Confirm.defaultProps = {
-  showCloseButton: true,
   showCancelButton: true,
+  showCloseButton: true,
+  fullScreen: false,
   confirmButton: {
     text: 'Confirm'
   },

package/lib/Dialog/dialog.d.ts

@@ -0,0 +1,115 @@
+export default Dialog;
+export type MuiDialogProps = import("@mui/material").DialogProps;
+export type PaperStyle = import("@mui/material").PaperProps & {
+    minWidth?: number | string;
+    minHeight?: number | string;
+};
+export type UxDialogProps = {
+    /**
+     * - The content of the dialog.
+     */
+    children: React.ReactNode;
+    /**
+     * - The title of the dialog.
+     */
+    title?: React.ReactNode;
+    /**
+     * - Content to be displayed before the dialog title.
+     */
+    prepend?: React.ReactNode;
+    /**
+     * - Content to be displayed in the top toolbar of the dialog.
+     */
+    toolbar?: React.ReactNode;
+    /**
+     * - Content to be displayed in the bottom actions toolbar of the dialog.
+     */
+    actions?: React.ReactNode;
+    /**
+     * - Whether or not to show the close button.
+     */
+    showCloseButton?: boolean;
+    /**
+     * - The position of the actions toolbar.
+     */
+    actionsPosition?: "left" | "center" | "right";
+    /**
+     * - Props to be passed down to the dialog paper.
+     */
+    PaperProps?: PaperStyle;
+    /**
+     * - Callback function fired when the dialog is closed.
+     */
+    onClose?: (event: React.SyntheticEvent, reason: string) => void;
+};
+export type DialogProps = MuiDialogProps & UxDialogProps;
+/**
+ * @typedef {import('@mui/material').DialogProps} MuiDialogProps
+ * @typedef {import('@mui/material').PaperProps & {
+ *   minWidth?: number | string,
+ *   minHeight?: number | string,
+ * }} PaperStyle
+ */
+/**
+  @typedef  {Object} UxDialogProps
+  @property {React.ReactNode} children - The content of the dialog.
+  @property {React.ReactNode} [title] - The title of the dialog.
+  @property {React.ReactNode} [prepend] - Content to be displayed before the dialog title.
+  @property {React.ReactNode} [toolbar] - Content to be displayed in the top toolbar of the dialog.
+  @property {React.ReactNode} [actions] - Content to be displayed in the bottom actions toolbar of the dialog.
+  @property {boolean} [showCloseButton=true] - Whether or not to show the close button.
+  @property {'left'|'center'|'right'} [actionsPosition='right'] - The position of the actions toolbar.
+  @property {PaperStyle} [PaperProps] - Props to be passed down to the dialog paper.
+  @property {(event: React.SyntheticEvent, reason: string) => void} [onClose] - Callback function fired when the dialog is closed.
+*/
+/**
+ * @typedef {MuiDialogProps & UxDialogProps} DialogProps
+ */
+/**
+ * Dialog
+ *
+ * - 固定尺寸或特殊的尺寸控制需求, 可使用 PaperProps.style (不再提供 width/height 等 props)
+ *   注意: 当设置明确的 width 时, 可能需要同时设置 maxWidth=false (mui dialog 默认 maxWidth=sm, 设置的 width 可能受限)
+ * - 添加默认最小尺寸 (300x300), 在需要 先展示 loading 再展示异步数据 的时候避免 loading 阶段窗口过小
+ */
+/**
+ * @description
+ * @param {DialogProps} props
+ * @return {React.ReactComponentElement<any, DialogProps>}
+ */
+declare function Dialog({ children, title, prepend, toolbar, actions, showCloseButton, actionsPosition, PaperProps, slotProps, ...rest }: DialogProps): React.ReactComponentElement<any, DialogProps>;
+declare namespace Dialog {
+    namespace propTypes {
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let prepend: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let toolbar: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let actions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let showCloseButton: PropTypes.Requireable<boolean>;
+        let actionsPosition: PropTypes.Requireable<string>;
+        let PaperProps: PropTypes.Requireable<object>;
+        let slotProps: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<object>;
+            header: PropTypes.Requireable<object>;
+        }>>;
+    }
+    namespace defaultProps {
+        let showCloseButton_1: boolean;
+        export { showCloseButton_1 as showCloseButton };
+        let title_1: string;
+        export { title_1 as title };
+        let prepend_1: any;
+        export { prepend_1 as prepend };
+        let toolbar_1: any;
+        export { toolbar_1 as toolbar };
+        let actions_1: any;
+        export { actions_1 as actions };
+        let actionsPosition_1: string;
+        export { actionsPosition_1 as actionsPosition };
+        let PaperProps_1: {};
+        export { PaperProps_1 as PaperProps };
+        let slotProps_1: {};
+        export { slotProps_1 as slotProps };
+    }
+}
+import PropTypes from 'prop-types';