@arcblock/ux 2.10.65 → 2.10.67

package/lib/ClickToCopy/hook.d.ts

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

package/lib/ClickToCopy/hook.js

@@ -15,16 +15,16 @@ export default function useCopy({
   locale = 'en'
 }) {
   const [copied, setCopied] = useState(false);
-  const containerRef = useRef();
+  const containerRef = useRef(null);
   const copy = e => {
     if (e) {
       e.stopPropagation();
     }
-    Copy(content || containerRef.current.textContent);
+    Copy(content || (containerRef.current?.textContent ?? ''));
     setCopied(true);
   };
   useEffect(() => {
-    let timer = null;
+    let timer;
     if (copied) {
       timer = setTimeout(() => setCopied(false), 2000);
     }

package/lib/ClickToCopy/index.d.ts

@@ -1,32 +1,21 @@
-declare function ClickToCopy(props: any): import("react/jsx-runtime").JSX.Element;
+export { default as CopyButton } from './copy-button';
+export interface ClickToCopyProps extends React.HTMLAttributes<HTMLDivElement> {
+    content?: string;
+    locale?: 'en' | 'zh';
+    tip?: string;
+    tipPlacement?: string;
+    copiedTip?: string;
+    unstyled?: boolean;
+}
+declare function ClickToCopy(props: ClickToCopyProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ClickToCopy {
-    namespace propTypes {
-        let children: PropTypes.Validator<any>;
-        let content: PropTypes.Requireable<string>;
-        let tip: PropTypes.Requireable<string>;
-        let tipPlacement: PropTypes.Requireable<string>;
-        let copiedTip: PropTypes.Requireable<string>;
-        let locale: PropTypes.Requireable<string>;
-        let style: PropTypes.Requireable<object>;
-        let unstyled: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        let content_1: string;
-        export { content_1 as content };
-        let tip_1: string;
-        export { tip_1 as tip };
-        let copiedTip_1: string;
-        export { copiedTip_1 as copiedTip };
-        let tipPlacement_1: string;
-        export { tipPlacement_1 as tipPlacement };
-        let locale_1: string;
-        export { locale_1 as locale };
-        let style_1: {};
-        export { style_1 as style };
-        let unstyled_1: boolean;
-        export { unstyled_1 as unstyled };
-    }
+    var defaultProps: {
+        content: string;
+        tip: string;
+        copiedTip: string;
+        tipPlacement: string;
+        locale: "en";
+        unstyled: boolean;
+    };
 }
 export default ClickToCopy;
-export { default as CopyButton } from "./copy-button";
-import PropTypes from 'prop-types';

package/lib/ClickToCopy/index.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { useSize } from 'ahooks';
 import Tooltip from '@mui/material/Tooltip';
 import { useSnackbar } from 'notistack';
@@ -79,23 +78,11 @@ export default function ClickToCopy(props) {
     children: contentChild
   });
 }
-ClickToCopy.propTypes = {
-  children: PropTypes.any.isRequired,
-  content: PropTypes.string,
-  tip: PropTypes.string,
-  tipPlacement: PropTypes.string,
-  copiedTip: PropTypes.string,
-  locale: PropTypes.oneOf(['en', 'zh']),
-  style: PropTypes.object,
-  // 仅提供点击复制功能, 不提供样式
-  unstyled: PropTypes.bool
-};
 ClickToCopy.defaultProps = {
   content: '',
   tip: '',
   copiedTip: '',
   tipPlacement: 'right',
   locale: 'en',
-  style: {},
   unstyled: false
 };

package/lib/CodeBlock/LightBox.d.ts

@@ -1,5 +1,5 @@
-export default LightBox;
 declare const LightBox: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default LightBox;

package/lib/CodeBlock/index.d.ts

@@ -1,27 +1,8 @@
-declare function CodeBlock({ code, language, children, dark, ...rest }: {
-    [x: string]: any;
-    code: any;
-    language: any;
-    children: any;
-    dark: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace CodeBlock {
-    namespace propTypes {
-        let code: PropTypes.Requireable<string>;
-        let language: PropTypes.Requireable<string>;
-        let children: PropTypes.Requireable<any>;
-        let dark: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        let code_1: string;
-        export { code_1 as code };
-        let language_1: string;
-        export { language_1 as language };
-        let children_1: null;
-        export { children_1 as children };
-        let dark_1: boolean;
-        export { dark_1 as dark };
-    }
+import 'highlight.js/styles/atom-one-dark.css';
+export interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {
+    code?: string;
+    language?: string;
+    children?: React.ReactNode;
+    dark?: boolean;
 }
-export default CodeBlock;
-import PropTypes from 'prop-types';
+export default function CodeBlock({ code, language, children, dark, ...rest }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;

package/lib/CodeBlock/index.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-danger */
 import { useState } from 'react';
-import PropTypes from 'prop-types';
 import Copy from 'copy-to-clipboard';
 import hljs from 'highlight.js/lib/core';
 import javascript from 'highlight.js/lib/languages/javascript';
@@ -53,10 +52,10 @@ hljs.registerLanguage('objectivec', objectivec);
 hljs.registerLanguage('oc', objectivec);
 hljs.registerLanguage('markdown', markdown);
 export default function CodeBlock({
-  code,
-  language,
-  children,
-  dark,
+  code = '',
+  language = 'text',
+  children = null,
+  dark = true,
   ...rest
 }) {
   const [copied, setCopied] = useState(false);
@@ -115,18 +114,6 @@ export default function CodeBlock({
   }
   return originEl;
 }
-CodeBlock.propTypes = {
-  code: PropTypes.string,
-  language: PropTypes.string,
-  children: PropTypes.any,
-  dark: PropTypes.bool
-};
-CodeBlock.defaultProps = {
-  code: '',
-  language: 'text',
-  children: null,
-  dark: true
-};
 const fontFamily = 'source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important';
 const Pre = styled('pre')`
   font-family: ${fontFamily};

package/lib/Colors/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./themes/default";
-export { default as temp } from "./themes/temp";
+export { default } from './themes/default';
+export { default as temp } from './themes/temp';

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

@@ -1,44 +1,41 @@
-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: {
+/**
+ * 默认 colors, ABT 系列
+ *
+ * - colors object 结构是在 mui theme#palette object 基础上调整后的结构
+ * - 色值在 mui default theme 基础上将 figma 中常用的 colors 进行覆盖
+ * - 扩展一些常用色值 (如 DID 系列)
+ * - figma: https://www.figma.com/file/1qHyMF137EXOQpSFVByszG/UX-Library?node-id=295%3A1518
+ */
+declare const colors: {
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        main: string;
+        contrastText: string;
+    };
+    secondary: {
+        main: string;
+        contrastText: string;
+    };
+    error: {
+        main: string;
+        contrastText: string;
+    };
+    warning: {
+        main: string;
+        contrastText: string;
+    };
+    info: {
+        main: string;
+        contrastText: string;
+    };
+    success: {
+        main: string;
+        contrastText: string;
+    };
+    grey: {
         50: string;
         100: string;
         200: string;
@@ -54,23 +51,19 @@ declare namespace colors {
         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 };
-    }
-}
+    text: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+        hint: string;
+    };
+    divider: string;
+    background: {
+        default: string;
+    };
+    did: {
+        primary: string;
+        secondary: string;
+    };
+};
+export default colors;

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

@@ -1,36 +1,36 @@
+declare const colors: {
+    textMuted: string;
+    textSubtitle: string;
+    textBase: string;
+    textPrimaryBase: string;
+    primaryBase: string;
+    primary100: string;
+    gray6: string;
+    surfaceBgSubtitle: string;
+    surfacePrimarySubtitle: string;
+    surfaceSuccess: string;
+    backgroundsBgSubtitle: string;
+    backgroundsBgComponent: string;
+    backgroundsBgField: string;
+    backgroundsBgSubtile: string;
+    backgroundsBgSubtileHover: string;
+    foregroundsFgBase: string;
+    foregroundsFgSubtile: string;
+    foregroundsFgMuted: string;
+    foregroundsFgInteractiveTransparent: string;
+    foregroundsFgInteractive: string;
+    strokeBorderBase: string;
+    strokeBorderStrong: string;
+    strokeSep: string;
+    lineStep: string;
+    lineBorderStrong: string;
+    lineBorderBase: string;
+    borderBase: string;
+    buttonsButtonNeutral: string;
+    buttonsButtonNeutralHover: string;
+    buttonsButtonInverted: string;
+    buttonsButtonInvertedHover: string;
+    buttonsButtonDanger: string;
+    red: string;
+};
 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.d.ts

@@ -1,41 +1,37 @@
-export function submitContactForm({ formId, portalId }: {
-    formId: any;
-    portalId: any;
-}, fields: any, context: any): Promise<any>;
-export default class ContactForm extends React.Component<any, any, any> {
-    static propTypes: {
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        portalId: PropTypes.Requireable<string>;
-        formId: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        button: PropTypes.Requireable<string>;
-        successMessage: PropTypes.Requireable<string>;
-        layout: PropTypes.Requireable<string>;
-        fields: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
-    };
+import React from 'react';
+export declare function submitContactForm({ formId, portalId }: {
+    formId: string;
+    portalId: string;
+}, fields: Record<string, string>, context: Record<string, string>): Promise<any>;
+export interface ContactFormProps extends React.HTMLAttributes<HTMLFormElement> {
+    portalId?: string;
+    formId?: string;
+    title?: string;
+    button?: string;
+    successMessage?: string;
+    layout?: 'horizontal' | 'vertical';
+    fields?: string | string[];
+}
+export default class ContactForm extends React.Component<ContactFormProps, {
+    loading: boolean;
+    errorMessage: string;
+    successMessage: string;
+    [x: string]: string | boolean;
+}> {
     static defaultProps: {
-        style: {};
         className: string;
         portalId: string;
         formId: string;
         title: undefined;
         button: string;
-        layout: string;
+        layout: "vertical";
         successMessage: string;
         fields: string[];
     };
-    constructor(props: any);
-    fields: any;
-    state: {
-        loading: boolean;
-        errorMessage: string;
-        successMessage: string;
-    };
-    deriveProps(): any;
+    fields: string[];
+    constructor(props: ContactFormProps);
+    deriveProps(): Record<string, any>;
     render(): import("react/jsx-runtime").JSX.Element;
-    onSubmit: (e: any) => Promise<void>;
-    getInputHandler: (name: any, state?: {}) => (e: any) => void;
+    onSubmit: (e: React.FormEvent<HTMLFormElement>) => Promise<void>;
+    getInputHandler: (name: string, state?: {}) => (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-import React from 'react';
-import PropTypes from 'prop-types';

package/lib/ContactForm/index.js

@@ -5,7 +5,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 /* eslint-disable react/no-unused-prop-types */
 /* eslint-disable react/static-property-placement */
 import React from 'react';
-import PropTypes from 'prop-types';
 import axios from 'axios';
 import Typography from '@mui/material/Typography';
 import CircularProgress from '@mui/material/CircularProgress';
@@ -31,6 +30,7 @@ export function submitContactForm({
 export default class ContactForm extends React.Component {
   constructor(props) {
     super(props);
+    _defineProperty(this, "fields", void 0);
     _defineProperty(this, "onSubmit", async e => {
       e.preventDefault();
       this.setState({
@@ -45,7 +45,7 @@ export default class ContactForm extends React.Component {
           return obj;
         }, {}), {
           pageUri: window.location.href,
-          pageName: window.location.title
+          pageName: document.title
         });
         this.setState({
           loading: false,
@@ -74,6 +74,7 @@ export default class ContactForm extends React.Component {
       successMessage: ''
     };
     this.fields.forEach(x => {
+      // @ts-ignore
       this.state[x] = '';
     });
     deprecatedWarn('ContactForm');
@@ -152,21 +153,7 @@ export default class ContactForm extends React.Component {
     });
   }
 }
-
-// prettier-ignore
-_defineProperty(ContactForm, "propTypes", {
-  style: PropTypes.object,
-  className: PropTypes.string,
-  portalId: PropTypes.string,
-  formId: PropTypes.string,
-  title: PropTypes.string,
-  button: PropTypes.string,
-  successMessage: PropTypes.string,
-  layout: PropTypes.oneOf(['horizontal', 'vertical']),
-  fields: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
-});
 _defineProperty(ContactForm, "defaultProps", {
-  style: {},
   className: '',
   portalId: '4796488',
   formId: '929a510f-34f4-4251-98b3-34175200aebd',
@@ -176,8 +163,11 @@ _defineProperty(ContactForm, "defaultProps", {
   successMessage: 'Form Submit Success',
   fields: ['Email', 'First Name', 'Last Name']
 });
+// prettier-ignore
 const getInputWidth = props => props.layout === 'vertical' ? '100%' : `${Math.max(95 / (props.fieldCount + 1), 20)}%`;
-const Form = styled('form')`
+const Form = styled('form', {
+  shouldForwardProp: prop => prop !== 'layout' && prop !== 'fieldCount'
+})`
   display: flex;
   flex-direction: column;
   justify-content: center;

package/lib/Dialog/confirm.d.ts

@@ -4,9 +4,9 @@
  * @typedef {{
  *   title: React.ReactNode,
  *   open: boolean,
- *   children: React.ReactNode,
  *   onConfirm: Function,
  *   onCancel: Function,
+ *   children?: React.ReactNode,
  *   showCancelButton?: boolean,
  *   showCloseButton?: boolean,
  *   fullScreen?: boolean,
@@ -25,9 +25,9 @@ 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 children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         let showCancelButton: PropTypes.Requireable<boolean>;
         let showCloseButton: PropTypes.Requireable<boolean>;
         let fullScreen: PropTypes.Requireable<boolean>;
@@ -67,9 +67,9 @@ export type PaperProps = import("@mui/material").PaperProps;
 export type ConfirmProps = {
     title: React.ReactNode;
     open: boolean;
-    children: React.ReactNode;
     onConfirm: Function;
     onCancel: Function;
+    children?: React.ReactNode;
     showCancelButton?: boolean;
     showCloseButton?: boolean;
     fullScreen?: boolean;

package/lib/Dialog/confirm.js

@@ -10,9 +10,9 @@ import Dialog from './dialog';
  * @typedef {{
  *   title: React.ReactNode,
  *   open: boolean,
- *   children: React.ReactNode,
  *   onConfirm: Function,
  *   onCancel: Function,
+ *   children?: React.ReactNode,
  *   showCancelButton?: boolean,
  *   showCloseButton?: boolean,
  *   fullScreen?: boolean,
@@ -100,9 +100,9 @@ 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,
+  children: PropTypes.node,
   showCancelButton: PropTypes.bool,
   showCloseButton: PropTypes.bool,
   fullScreen: PropTypes.bool,

package/lib/Earth/index.d.ts

@@ -1,2 +1,11 @@
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: {
+    theme: any;
+    width: any;
+    height: any;
+    enableRotation: any;
+    rotationSpeed: any;
+    markers: any;
+    activeMarkerId: any;
+    colors: any;
+}) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/Header/auto-hidden.d.ts

@@ -1,14 +1,9 @@
-export default AutoHidden;
+import { type BoxProps } from '@mui/material/Box';
+export interface AutoHiddenProps extends BoxProps {
+    height: number | string;
+}
 /**
  * 一个容器组件, 当子元素 width 超出该容器时自动隐藏子元素, 必须设置明确的 height 值
  */
-declare function AutoHidden({ height, ...rest }: {
-    [x: string]: any;
-    height: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace AutoHidden {
-    namespace propTypes {
-        let height: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-    }
-}
-import PropTypes from 'prop-types';
+declare function AutoHidden({ height, ...rest }: AutoHiddenProps): import("react/jsx-runtime").JSX.Element;
+export default AutoHidden;

package/lib/Header/auto-hidden.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import Box from '@mui/material/Box';
 import { styled } from '../Theme';
-
 /**
  * 一个容器组件, 当子元素 width 超出该容器时自动隐藏子元素, 必须设置明确的 height 值
  */
@@ -15,9 +13,6 @@ function AutoHidden({
     ...rest
   });
 }
-AutoHidden.propTypes = {
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-};
 const Root = styled(Box)`
   overflow: hidden;
   &:before {