@arcblock/ux 2.10.67 → 2.10.68

package/lib/Address/did-address.d.ts

@@ -1,22 +1,23 @@
 import '@fontsource/ubuntu-mono/400.css';
 import { BoxProps } from '@mui/material';
 import React, { ReactNode } from 'react';
+import type { Locale } from '../type';
 export interface HTMLDidAddressElement extends HTMLDivElement {
     copy: () => void;
 }
 export interface IDidAddressProps extends BoxProps {
     component?: React.ElementType;
     size?: number;
-    copyable?: boolean;
-    showCopyButtonInTooltip?: boolean;
+    copyable?: true | false;
+    showCopyButtonInTooltip?: false | true;
     content?: string;
-    inline?: boolean;
+    inline?: false | true;
     prepend?: ReactNode;
     append?: ReactNode;
-    compact?: boolean;
+    compact?: false | true;
     startChars?: number;
     endChars?: number;
-    locale?: 'en' | 'zh';
+    locale?: Locale;
 }
 /**
  * DidAddress 组件 (新版设计)

package/lib/Address/index.d.ts

@@ -1,6 +1,6 @@
 import { HTMLDidAddressElement, IDidAddressProps } from './did-address';
 export interface IDidAddressWrapper extends IDidAddressProps {
-    responsive?: boolean;
+    responsive?: true | false;
 }
 declare const DidAddressWrapper: import("react").ForwardRefExoticComponent<Omit<IDidAddressWrapper, "ref"> & import("react").RefAttributes<HTMLDidAddressElement>>;
 export default DidAddressWrapper;

package/lib/Avatar/index.d.ts

@@ -12,25 +12,27 @@ export default AvatarWithErrorBoundary;
  * Avatar component
  */
 export type AvatarProps = {
+    src?: string;
     did?: string;
     size?: number;
     variant?: "circle" | "rounded" | "default";
-    animation?: boolean;
+    animation?: false | true;
     shape?: "" | "rectangle" | "square" | "hexagon" | "circle";
-    blockiesPadding?: boolean;
-    responsive?: boolean;
-} & Omit<import("../Img").ImgProps, "size">;
+    blockiesPadding?: true | false;
+    responsive?: false | true;
+} & Omit<import("../Img").ImgProps, "size" | "src">;
 /**
  * Avatar component
  * @typedef {{
+ *  src?: string;
  *  did?: string;
  *  size?: number;
  *  variant?: 'circle' | 'rounded' | 'default';
- *  animation?: boolean;
+ *  animation?: false | true;
  *  shape?: '' | 'rectangle' | 'square' | 'hexagon' | 'circle';
- *  blockiesPadding?: boolean;
- *  responsive?: boolean;
- * } & Omit<import('../Img').ImgProps, 'size'>} AvatarProps
+ *  blockiesPadding?: true | false;
+ *  responsive?: false | true;
+ * } & Omit<import('../Img').ImgProps, 'size' | 'src'>} AvatarProps
  */
 /**
  * @see 参考: https://github.com/blocklet/block-explorer/issues/478#issuecomment-1038954976

package/lib/Avatar/index.js

@@ -14,14 +14,15 @@ import { DID_PREFIX } from '../Util/constant';
 /**
  * Avatar component
  * @typedef {{
+ *  src?: string;
  *  did?: string;
  *  size?: number;
  *  variant?: 'circle' | 'rounded' | 'default';
- *  animation?: boolean;
+ *  animation?: false | true;
  *  shape?: '' | 'rectangle' | 'square' | 'hexagon' | 'circle';
- *  blockiesPadding?: boolean;
- *  responsive?: boolean;
- * } & Omit<import('../Img').ImgProps, 'size'>} AvatarProps
+ *  blockiesPadding?: true | false;
+ *  responsive?: false | true;
+ * } & Omit<import('../Img').ImgProps, 'size' | 'src'>} AvatarProps
  */
 
 /**
@@ -31,6 +32,7 @@ import { DID_PREFIX } from '../Util/constant';
  */
 function Avatar(props) {
   const [imgError, setImgError] = useState(false);
+  /** @type {AvatarProps} */
   const newProps = mergeProps(props, Avatar, []);
   const {
     did = '',

package/lib/Blocklet/blocklet.d.ts

@@ -7,8 +7,8 @@
  *  cover?: string;
  *  version?: string;
  *  buttonText?: string;
- *  buttonDisabled?: boolean;
- *  buttonLoading?: boolean;
+ *  buttonDisabled?: false | true;
+ *  buttonLoading?: false | true;
  *  button?: JSX.Element;
  *  onButtonClick?: Function;
  *  onMainClick?: Function;
@@ -74,8 +74,8 @@ export type BlockletStoreProps = {
     cover?: string;
     version?: string;
     buttonText?: string;
-    buttonDisabled?: boolean;
-    buttonLoading?: boolean;
+    buttonDisabled?: false | true;
+    buttonLoading?: false | true;
     button?: JSX.Element;
     onButtonClick?: Function;
     onMainClick?: Function;

package/lib/Blocklet/blocklet.js

@@ -131,8 +131,8 @@ const Div = styled('div')`
  *  cover?: string;
  *  version?: string;
  *  buttonText?: string;
- *  buttonDisabled?: boolean;
- *  buttonLoading?: boolean;
+ *  buttonDisabled?: false | true;
+ *  buttonLoading?: false | true;
  *  button?: JSX.Element;
  *  onButtonClick?: Function;
  *  onMainClick?: Function;

package/lib/BlockletContext/index.d.ts

@@ -2,12 +2,12 @@ import type { Blocklet } from '../type';
 declare const BlockletContext: import("react").Context<Blocklet | null>;
 declare const Consumer: import("react").Consumer<Blocklet | null>;
 declare function BlockletProvider({ children, baseUrl, loading, }: {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     /**
      * baseUrl 为 blocklet origin + blocklet prefix
      */
-    baseUrl: string;
-    loading: React.ReactNode;
+    baseUrl?: string;
+    loading?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 declare function useBlockletContext(): {
     blocklet: Blocklet | null;

package/lib/BlockletNFT/index.d.ts

@@ -5,10 +5,10 @@
  *  description?: string;
  *  cover?: string;
  *  did?: string;
- *  isStickyButton?: boolean;
+ *  isStickyButton?: false | true;
  *  buttonText?: string;
- *  buttonDisabled?: boolean;
- *  buttonLoading?: boolean;
+ *  buttonDisabled?: false | true;
+ *  buttonLoading?: false | true;
  *  button?: JSX.Element;
  *  addons?: Array<any>;
  *  size?: 'xs' | 'sm' | 'md' | 'auto';
@@ -86,10 +86,10 @@ export type BlockletNFTProps = {
     description?: string;
     cover?: string;
     did?: string;
-    isStickyButton?: boolean;
+    isStickyButton?: false | true;
     buttonText?: string;
-    buttonDisabled?: boolean;
-    buttonLoading?: boolean;
+    buttonDisabled?: false | true;
+    buttonLoading?: false | true;
     button?: JSX.Element;
     addons?: Array<any>;
     size?: "xs" | "sm" | "md" | "auto";

package/lib/BlockletNFT/index.js

@@ -216,10 +216,10 @@ BlockletIcon.propTypes = {
  *  description?: string;
  *  cover?: string;
  *  did?: string;
- *  isStickyButton?: boolean;
+ *  isStickyButton?: false | true;
  *  buttonText?: string;
- *  buttonDisabled?: boolean;
- *  buttonLoading?: boolean;
+ *  buttonDisabled?: false | true;
+ *  buttonLoading?: false | true;
  *  button?: JSX.Element;
  *  addons?: Array<any>;
  *  size?: 'xs' | 'sm' | 'md' | 'auto';

package/lib/BlockletV2/blocklet.d.ts

@@ -15,8 +15,8 @@ export interface IBlockletStore extends CardProps {
     };
     button?: React.ReactNode;
     buttonText?: string;
-    buttonDisabled?: boolean;
-    buttonLoading?: boolean;
+    buttonDisabled?: false | true;
+    buttonLoading?: false | true;
     onButtonClick?: Function;
     onMainClick?: Function;
     className?: string;

package/lib/Button/wrap.d.ts

@@ -1,8 +1,8 @@
 /**
  * @typedef {import('@mui/material').ButtonProps} MuiButtonProps
  * @typedef {{
- *  rounded?: boolean,
- *  loading?: boolean,
+ *  rounded?: false | true,
+ *  loading?: false | true,
  *  forwardedRef?: import('react').ForwardedRef<any>,
  *  color?: MuiButtonProps['color'] | 'reverse' | 'did'
  * }} CustomButtonProps
@@ -20,8 +20,8 @@
 export default function _default(BaseComponent: import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonTypeMap<{}, "button">>): ButtonComponent;
 export type MuiButtonProps = import("@mui/material").ButtonProps;
 export type CustomButtonProps = {
-    rounded?: boolean;
-    loading?: boolean;
+    rounded?: false | true;
+    loading?: false | true;
     forwardedRef?: import("react").ForwardedRef<any>;
     color?: MuiButtonProps["color"] | "reverse" | "did";
 };

package/lib/Button/wrap.js

@@ -32,8 +32,8 @@ const extendedColors = {
 /**
  * @typedef {import('@mui/material').ButtonProps} MuiButtonProps
  * @typedef {{
- *  rounded?: boolean,
- *  loading?: boolean,
+ *  rounded?: false | true,
+ *  loading?: false | true,
  *  forwardedRef?: import('react').ForwardedRef<any>,
  *  color?: MuiButtonProps['color'] | 'reverse' | 'did'
  * }} CustomButtonProps

package/lib/CardSelector/index.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-unused-vars */
 import { useState, useEffect, useRef } from 'react';
 import styled from '@emotion/styled';
 import noop from 'lodash/noop';

package/lib/Center/index.d.ts

@@ -1,5 +1,5 @@
 export default function Center({ children, relative, }: {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     /**
      * 容器相对尺寸，默认相对屏幕(screen)，可设置为父容器(parent)
      */

package/lib/ClickToCopy/copy-button.d.ts

@@ -1,10 +1,11 @@
+import type { Locale } from '../type';
 export interface CopyButtonProps extends React.HTMLAttributes<HTMLSpanElement> {
     content?: string;
-    locale?: 'en' | 'zh';
+    locale?: Locale;
     render?: (props: {
         copyButton: React.ReactNode;
         containerRef: React.RefObject<HTMLElement>;
-    }) => React.ReactNode;
-    showTooltip?: boolean;
+    }) => JSX.Element | null;
+    showTooltip?: true | false;
 }
-export default function CopyButton({ content, locale, render, showTooltip, ...rest }: CopyButtonProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export default function CopyButton({ content, locale, render, showTooltip, ...rest }: CopyButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/ClickToCopy/copy-button.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-unused-vars */
 import Tooltip from '@mui/material/Tooltip';
 import { green } from '@mui/material/colors';
 import CopyIcon from '@mui/icons-material/ContentCopy';

package/lib/ClickToCopy/hook.d.ts

@@ -1,15 +1,10 @@
+import type { Locale } from '../type';
 export default function useCopy({ content, locale }: {
     content?: string;
-    locale?: 'en' | 'zh';
+    locale?: Locale;
 }): {
     containerRef: import("react").MutableRefObject<HTMLElement | null>;
     copied: boolean;
     copy: (e: React.MouseEvent) => void;
-    texts: {
-        copy: string;
-        copied: string;
-    } | {
-        copy: string;
-        copied: string;
-    };
+    texts: Record<string, any>;
 };

package/lib/ClickToCopy/index.d.ts

@@ -1,11 +1,13 @@
+import { type TooltipProps } from '@mui/material/Tooltip';
+import type { Locale } from '../type';
 export { default as CopyButton } from './copy-button';
-export interface ClickToCopyProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ClickToCopyProps extends TooltipProps {
     content?: string;
-    locale?: 'en' | 'zh';
+    locale?: Locale;
     tip?: string;
     tipPlacement?: string;
     copiedTip?: string;
-    unstyled?: boolean;
+    unstyled?: false | true;
 }
 declare function ClickToCopy(props: ClickToCopyProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ClickToCopy {
@@ -14,7 +16,7 @@ declare namespace ClickToCopy {
         tip: string;
         copiedTip: string;
         tipPlacement: string;
-        locale: "en";
+        locale: string;
         unstyled: boolean;
     };
 }

package/lib/CodeBlock/index.d.ts

@@ -1,8 +1,10 @@
+import { type SxProps } from '@mui/material';
 import 'highlight.js/styles/atom-one-dark.css';
 export interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {
     code?: string;
     language?: string;
     children?: React.ReactNode;
-    dark?: boolean;
+    dark?: true | false;
+    sx?: SxProps;
 }
 export default function CodeBlock({ code, language, children, dark, ...rest }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;

package/lib/CookieConsent/index.d.ts

@@ -1,34 +1,13 @@
+import CookieConsent, { resetCookieConsentValue } from 'react-cookie-consent';
+import type { Locale } from '../type';
+export { resetCookieConsentValue };
+export interface CookieConsentProps extends React.ComponentProps<typeof CookieConsent> {
+    locale?: Locale;
+    displayInIframe?: false | true;
+}
 /**
  * DefaultCookieConsent, 对 react-cookie-consent package 封装, 以便 arcblock 内部产品可以快速使用
  * - 默认内容
  * - 默认配置/样式
  */
-declare function DefaultCookieConsent({ children, locale, style, displayInIframe, ...rest }: {
-    [x: string]: any;
-    children: any;
-    locale: any;
-    style: any;
-    displayInIframe: any;
-}): import("react/jsx-runtime").JSX.Element | null;
-declare namespace DefaultCookieConsent {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let style: PropTypes.Requireable<object>;
-        let locale: PropTypes.Requireable<string>;
-        let displayInIframe: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        let children_1: null;
-        export { children_1 as children };
-        let style_1: {};
-        export { style_1 as style };
-        let locale_1: string;
-        export { locale_1 as locale };
-        let displayInIframe_1: boolean;
-        export { displayInIframe_1 as displayInIframe };
-    }
-}
-export default DefaultCookieConsent;
-export { resetCookieConsentValue };
-import PropTypes from 'prop-types';
-import { resetCookieConsentValue } from 'react-cookie-consent';
+export default function DefaultCookieConsent({ children, locale, style, displayInIframe, ...rest }: CookieConsentProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/CookieConsent/index.js

@@ -1,5 +1,4 @@
 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';
@@ -27,7 +26,6 @@ function AcceptButton(props) {
     ...props
   });
 }
-
 /**
  * DefaultCookieConsent, 对 react-cookie-consent package 封装, 以便 arcblock 内部产品可以快速使用
  * - 默认内容
@@ -35,9 +33,9 @@ function AcceptButton(props) {
  */
 export default function DefaultCookieConsent({
   children,
-  locale,
-  style,
-  displayInIframe,
+  locale = 'en',
+  style = {},
+  displayInIframe = false,
   ...rest
 }) {
   if (!displayInIframe && inIframe()) {
@@ -68,18 +66,6 @@ export default function DefaultCookieConsent({
     })
   });
 }
-DefaultCookieConsent.propTypes = {
-  children: PropTypes.any,
-  style: PropTypes.object,
-  locale: PropTypes.string,
-  displayInIframe: PropTypes.bool
-};
-DefaultCookieConsent.defaultProps = {
-  children: null,
-  style: {},
-  locale: 'en',
-  displayInIframe: false
-};
 const Wrapper = styled('div')`
   box-sizing: border-box;
   position: fixed;

package/lib/CountDown/index.d.ts

@@ -1,30 +1,26 @@
-declare class CountDown extends Component<any, any, any> {
-    constructor(props: any);
-    state: {
-        days: number;
-        hours: number;
-        minutes: number;
-        seconds: number;
-        done: boolean;
+import { Component } from 'react';
+import { type SxProps } from '@mui/material';
+export interface CountDownProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** endTime should be UTC */
+    endTime: number;
+    dark?: true | false;
+    sx?: SxProps;
+}
+export interface CountDownState {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    done: boolean;
+}
+export default class CountDown extends Component<CountDownProps, CountDownState> {
+    static defaultProps: {
+        dark: boolean;
+        style: {};
     };
-    timer: any;
+    timer?: NodeJS.Timeout;
+    constructor(props: CountDownProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-declare namespace CountDown {
-    namespace propTypes {
-        let endTime: PropTypes.Validator<number>;
-        let dark: PropTypes.Requireable<boolean>;
-        let style: PropTypes.Requireable<object>;
-    }
-    namespace defaultProps {
-        let dark_1: boolean;
-        export { dark_1 as dark };
-        let style_1: {};
-        export { style_1 as style };
-    }
-}
-export default CountDown;
-import { Component } from 'react';
-import PropTypes from 'prop-types';

package/lib/CountDown/index.js

@@ -1,6 +1,8 @@
 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); }
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { getColor, mergeProps } from '../Util';
 import { styled } from '../Theme';
 const SECONDS_OF_MINUTE = 60;
@@ -53,16 +55,17 @@ function FixWidthNumber({
 export default class CountDown extends Component {
   constructor(props) {
     super(props);
+    _defineProperty(this, "timer", void 0);
     const newProps = mergeProps(props, CountDown, ['dark', 'endTime', 'style']);
     this.state = getRemaining(newProps.endTime);
-    this.timer = null;
+    this.timer = undefined;
   }
   componentDidMount() {
     this.timer = setInterval(() => {
       const remaining = getRemaining(this.props.endTime);
       if (remaining.done) {
         clearInterval(this.timer);
-        this.timer = null;
+        this.timer = undefined;
       }
       this.setState(remaining);
     }, 1000);
@@ -70,7 +73,7 @@ export default class CountDown extends Component {
   componentWillUnmount() {
     if (this.timer) {
       clearInterval(this.timer);
-      this.timer = null;
+      this.timer = undefined;
     }
   }
   render() {
@@ -113,19 +116,17 @@ export default class CountDown extends Component {
     });
   }
 }
-CountDown.propTypes = {
-  endTime: PropTypes.number.isRequired,
-  // endTime should be UTC
-  dark: PropTypes.bool,
-  style: PropTypes.object
-};
+// eslint-disable-next-line react/static-property-placement
+_defineProperty(CountDown, "defaultProps", void 0);
 CountDown.defaultProps = {
   dark: true,
   style: {}
 };
 const textBackground = `linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
 linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 77%, rgba(0, 0, 0, 0.5))`;
-const Container = styled('div')`
+const Container = styled('div', {
+  shouldForwardProp: prop => prop !== 'dark'
+})`
   color: ${props => getColor(props)};
   font-size: 50px;
   display: flex;

package/lib/DID/index.d.ts

@@ -1,21 +1,22 @@
 import React from 'react';
 import { IDidAddressWrapper } from '../Address';
 import { HTMLDidAddressElement } from '../Address/did-address';
+import type { Locale } from '../type';
 interface IDIDPropTypes extends IDidAddressWrapper {
     did: string;
     size?: number;
     component?: React.ElementType;
-    copyable?: boolean;
-    responsive?: boolean;
-    showCopyButtonInTooltip?: boolean;
-    showAvatar?: boolean;
-    showQrcode?: boolean;
-    inline?: boolean;
+    copyable?: true | false;
+    responsive?: true | false;
+    showCopyButtonInTooltip?: false | true;
+    showAvatar?: true | false;
+    showQrcode?: false | true;
+    inline?: false | true;
     append?: any;
-    compact?: boolean;
+    compact?: false | true;
     startChars?: number;
     endChars?: number;
-    locale?: 'en' | 'zh';
+    locale?: Locale;
     chainId?: string;
     roleType?: number;
 }

package/lib/Datatable/index.d.ts

@@ -23,18 +23,18 @@ export type ModifiedMUIDataTableProps = {
 export type DataTableProps = {
     data: Array<object | number[] | string[]>;
     columns: Array<DataTableColumn>;
-    locale?: string;
+    locale?: import("../type").Locale;
     options?: {
         searchDebounceTime?: number;
     } & 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;
+    loading?: false | true;
+    disabled?: false | true;
+    stripped?: false | true;
     verticalKeyWidth?: number | string;
-    hideTableHeader?: boolean;
+    hideTableHeader?: false | true;
     components?: ModifiedMUIDataTableProps["components"];
     emptyNode?: import("react").ReactNode;
     durable?: string;

package/lib/Datatable/index.js

@@ -44,16 +44,16 @@ import { styled } from '../Theme';
  * @typedef {{
  *  data: Array<object | number[] | string[]>,
  *  columns: Array<DataTableColumn>,
- *  locale?: string,
+ *  locale?: import('../type').Locale,
  *  options?: { searchDebounceTime?: number } & 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,
+ *  loading?: false | true,
+ *  disabled?: false | true,
+ *  stripped?: false | true,
  *  verticalKeyWidth?: number | string,
- *  hideTableHeader?: boolean,
+ *  hideTableHeader?: false | true,
  *  components?: ModifiedMUIDataTableProps['components'],
  *  emptyNode?: import('react').ReactNode,
  *  durable?: string,

package/lib/Dialog/confirm.d.ts

@@ -7,9 +7,9 @@
  *   onConfirm: Function,
  *   onCancel: Function,
  *   children?: React.ReactNode,
- *   showCancelButton?: boolean,
- *   showCloseButton?: boolean,
- *   fullScreen?: boolean,
+ *   showCancelButton?: true | false,
+ *   showCloseButton?: true | false,
+ *   fullScreen?: false | true,
  *   confirmButton?: {text: string, props?: ButtonProps}
  *   cancelButton?: {text: string, props?: ButtonProps}
  *   PaperProps?: PaperProps
@@ -70,9 +70,9 @@ export type ConfirmProps = {
     onConfirm: Function;
     onCancel: Function;
     children?: React.ReactNode;
-    showCancelButton?: boolean;
-    showCloseButton?: boolean;
-    fullScreen?: boolean;
+    showCancelButton?: true | false;
+    showCloseButton?: true | false;
+    fullScreen?: false | true;
     confirmButton?: {
         text: string;
         props?: ButtonProps;