@arcblock/ux 2.10.66 → 2.10.68

package/lib/Dialog/confirm.js

@@ -13,9 +13,9 @@ import Dialog from './dialog';
  *   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

package/lib/Dialog/types.d.ts

@@ -5,7 +5,7 @@ export interface OpenConfirmProps {
   content: ReactNode;
   onConfirm?: (close: () => void) => void;
   onCancel?: () => void;
-  showCancelButton?: boolean;
+  showCancelButton?: true | false;
   confirmButtonText?: string;
   cancelButtonText?: string;
 }

package/lib/DidLogo/index.d.ts

@@ -1,26 +1,6 @@
-declare function DidLogo({ style, size, className }: {
-    style: any;
-    size: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace DidLogo {
-    namespace propTypes {
-        let style: PropTypes.Requireable<object>;
-        let size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        let className: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        export { defaultStyle as style };
-        let size_1: number;
-        export { size_1 as size };
-        let className_1: string;
-        export { className_1 as className };
-    }
-}
-export default DidLogo;
-import PropTypes from 'prop-types';
-declare namespace defaultStyle {
-    let width: string;
-    let height: string;
-    let fill: string;
+export interface DidLogoProps {
+    style?: React.CSSProperties;
+    size?: string | number;
+    className?: string;
 }
+export default function DidLogo({ style, size, className }: DidLogoProps): import("react/jsx-runtime").JSX.Element;

package/lib/DidLogo/index.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import DidLogoIcon from '@arcblock/icons/lib/DidLogo';
 const defaultStyle = {
   width: 'auto',
@@ -7,9 +6,9 @@ const defaultStyle = {
   fill: 'currentColor'
 };
 export default function DidLogo({
-  style,
-  size,
-  className
+  style = defaultStyle,
+  size = 0,
+  className = ''
 }) {
   const height = Number(size) > 0 ? `${Number(size)}px` : size;
   return /*#__PURE__*/_jsx(DidLogoIcon, {
@@ -18,14 +17,4 @@ export default function DidLogo({
       height
     } : {})
   });
-}
-DidLogo.propTypes = {
-  style: PropTypes.object,
-  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  className: PropTypes.string
-};
-DidLogo.defaultProps = {
-  style: defaultStyle,
-  size: 0,
-  className: ''
-};
+}

package/lib/DriftBot/index.d.ts

@@ -1,24 +1,18 @@
-declare class DriftBot extends Component<any, any, any> {
-    constructor(props: any);
+import { Component } from 'react';
+export interface DriftBotProps {
+    appId: string;
+    userId?: string;
+    attributes?: Record<string, any>;
+}
+export default class DriftBot extends Component<DriftBotProps> {
+    static defaultProps: {
+        userId: string;
+        attributes: Record<string, any>;
+    };
+    constructor(props: DriftBotProps);
+    insertScript(scriptText: string): void;
     addMainScript(): void;
     addIdentityVariables(): void;
-    insertScript(scriptText: any): void;
     componentDidMount(): void;
     render(): string;
 }
-declare namespace DriftBot {
-    namespace propTypes {
-        let appId: PropTypes.Validator<string>;
-        let userId: PropTypes.Requireable<string>;
-        let attributes: PropTypes.Requireable<object>;
-    }
-    namespace defaultProps {
-        let userId_1: string;
-        export { userId_1 as userId };
-        let attributes_1: {};
-        export { attributes_1 as attributes };
-    }
-}
-export default DriftBot;
-import { Component } from 'react';
-import PropTypes from 'prop-types';

package/lib/DriftBot/index.js

@@ -1,6 +1,8 @@
+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); }
 /* eslint-disable max-len */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { mergeProps } from '../Util';
 export default class DriftBot extends Component {
   constructor(props) {
@@ -59,11 +61,8 @@ export default class DriftBot extends Component {
     return '';
   }
 }
-DriftBot.propTypes = {
-  appId: PropTypes.string.isRequired,
-  userId: PropTypes.string,
-  attributes: PropTypes.object
-};
+// eslint-disable-next-line react/static-property-placement
+_defineProperty(DriftBot, "defaultProps", void 0);
 DriftBot.defaultProps = {
   userId: '',
   attributes: {}

package/lib/Earth/index.d.ts

@@ -1,11 +1,29 @@
-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 type Marker = {
+    id: string;
+    title: string;
+    description: string;
+    country: string;
+    latitude: number;
+    longitude: number;
+};
+export type Colors = {
+    ocean: string;
+    graticule: string;
+    land: string;
+    activeLand: string;
+    border: string;
+    marker: string;
+    activeMarker: string;
+};
+export interface EarthProps {
+    theme?: 'light' | 'dark';
+    width?: number;
+    height?: number;
+    enableRotation?: false | true;
+    rotationSpeed?: number;
+    activeMarkerId?: string;
+    markers?: Marker[];
+    colors?: Partial<Colors>;
+}
+declare const _default: (props: EarthProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/Earth/index.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable consistent-return */
 import { useReducer, useRef, useEffect } from 'react';
 import useSpring from 'react-use/lib/useSpring';
-import PropTypes from 'prop-types';
 import * as d3 from 'd3-geo';
 import * as topojson from 'topojson-client';
 import versor from 'versor';
@@ -53,16 +52,16 @@ function stateReducer(state, action) {
   }
 }
 function Earth({
-  theme,
-  width,
-  height,
-  enableRotation,
-  rotationSpeed,
-  markers,
+  theme = 'dark',
+  width = 1200,
+  height = 600,
+  enableRotation = false,
+  rotationSpeed = 5,
   activeMarkerId,
-  colors
+  markers = [],
+  colors: _colors = {}
 }) {
-  Object.assign(colors, themes[theme]);
+  const colors = Object.assign(_colors, themes[theme]);
   const [state, dispatch] = useReducer(stateReducer, {
     rotation: [0, 0, 0],
     isDragging: false,
@@ -73,11 +72,7 @@ function Earth({
   const svgRef = useRef(null);
 
   // variables used to track drag and rotate
-  const dragRef = useRef({
-    v0: undefined,
-    r0: undefined,
-    q0: undefined
-  });
+  const dragRef = useRef({});
 
   // variables used to track start and end position when there is active marker
   const rotateRef = useRef({
@@ -151,7 +146,7 @@ function Earth({
   });
   const getMousePosition = event => {
     const node = svgRef.current;
-    const rect = node.getBoundingClientRect();
+    const rect = node?.getBoundingClientRect();
     const mousePosition = [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
     return mousePosition;
   };
@@ -279,7 +274,7 @@ function Earth({
   return /*#__PURE__*/_jsxs(Container, {
     width: width,
     height: height,
-    theme: theme,
+    $theme: theme,
     colors: colors,
     onMouseLeave: onDragEnd,
     children: [renderTooltip(), /*#__PURE__*/_jsxs("svg", {
@@ -361,46 +356,11 @@ function Earth({
     })]
   });
 }
-Earth.propTypes = {
-  theme: PropTypes.oneOf(['light', 'dark']),
-  width: PropTypes.number,
-  height: PropTypes.number,
-  enableRotation: PropTypes.bool,
-  rotationSpeed: PropTypes.number,
-  activeMarkerId: PropTypes.string,
-  markers: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    title: PropTypes.string.isRequired,
-    description: PropTypes.string.isRequired,
-    country: PropTypes.string.isRequired,
-    latitude: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    longitude: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-  })),
-  colors: PropTypes.shape({
-    ocean: PropTypes.string,
-    graticule: PropTypes.string,
-    land: PropTypes.string,
-    activeLand: PropTypes.string,
-    border: PropTypes.string,
-    marker: PropTypes.string,
-    activeMarker: PropTypes.string
-  })
-};
-Earth.defaultProps = {
-  theme: 'dark',
-  width: 1200,
-  height: 600,
-  enableRotation: false,
-  rotationSpeed: 5,
-  markers: [],
-  activeMarkerId: undefined,
-  colors: {}
-};
 export default withDeprecated(Earth, {
   name: 'Earth'
 });
 const Container = styled('div')`
-  background-color: ${props => props.theme === 'light' ? '#f7f7f7' : '#222'};
+  background-color: ${props => props.$theme === 'light' ? '#f7f7f7' : '#222'};
   width: ${props => props.width}px;
   height: ${props => props.height}px;
   position: relative;

package/lib/Earth/util.d.ts

@@ -1,7 +1,12 @@
+export type Vec3 = [number, number, number];
+export type Vec2 = [number, number];
+export type Quaternion = [number, number, number, number];
+export type Rotation = Vec3;
+export type Angles = Vec3;
 export default class Util {
-    static fromAngles([l, p, g]: [any, any, any]): number[];
-    static toAngles([a, b, c, d]: [any, any, any, any]): number[];
-    static interpolateAngles(a: any, b: any): (t: any) => number[];
-    static interpolateLinear([a1, b1, c1, d1]: [any, any, any, any], [a2, b2, c2, d2]: [any, any, any, any]): (t: any) => any[];
-    static interpolate([a1, b1, c1, d1]: [any, any, any, any], [a2, b2, c2, d2]: [any, any, any, any]): (t: any) => any[];
+    static fromAngles([l, p, g]: Angles): Quaternion;
+    static toAngles([a, b, c, d]: Quaternion): number[];
+    static interpolateAngles(a: [number, number, number], b: [number, number, number]): (t: number) => number[];
+    static interpolateLinear([a1, b1, c1, d1]: Quaternion, [a2, b2, c2, d2]: Quaternion): (t: number) => Quaternion;
+    static interpolate([a1, b1, c1, d1]: Quaternion, [a2, b2, c2, d2]: Quaternion): (t: number) => Quaternion;
 }

package/lib/Earth/util.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 // Code from: https://observablehq.com/@d3/world-tour
+
 export default class Util {
   static fromAngles([l, p, g]) {
     l *= Math.PI / 360;

package/lib/ErrorBoundary/fallback.d.ts

@@ -1,21 +1,14 @@
-export function ErrorFallback({ error }: {
-    error: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace ErrorFallback {
-    namespace propTypes {
-        let error: PropTypes.Validator<Error>;
-    }
+export interface InternalErrorFallbackProps {
+    title?: string;
+    desc: string;
+    retryFunc?: (() => void) | null;
 }
-export function ErrorFallbackRetry({ error, resetErrorBoundary }: {
-    error: any;
-    resetErrorBoundary: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace ErrorFallbackRetry {
-    export namespace propTypes_1 {
-        let error_1: PropTypes.Validator<Error>;
-        export { error_1 as error };
-        export let resetErrorBoundary: PropTypes.Validator<(...args: any[]) => any>;
-    }
-    export { propTypes_1 as propTypes };
+export interface ErrorFallbackProps {
+    error: Error;
 }
-import PropTypes from 'prop-types';
+export declare function ErrorFallback({ error }: ErrorFallbackProps): import("react/jsx-runtime").JSX.Element;
+export interface ErrorFallbackRetryProps {
+    error: Error;
+    resetErrorBoundary: () => void;
+}
+export declare function ErrorFallbackRetry({ error, resetErrorBoundary }: ErrorFallbackRetryProps): import("react/jsx-runtime").JSX.Element;

package/lib/ErrorBoundary/fallback.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { red } from '@mui/material/colors';
 import Button from '../Button';
 import { styled } from '../Theme';
 function InternalErrorFallback({
-  title,
+  title = 'Something went wrong...',
   desc,
-  retryFunc
+  retryFunc = null
 }) {
   return /*#__PURE__*/_jsxs(Root, {
     role: "alert",
@@ -23,15 +22,6 @@ function InternalErrorFallback({
     })]
   });
 }
-InternalErrorFallback.propTypes = {
-  title: PropTypes.string,
-  desc: PropTypes.string.isRequired,
-  retryFunc: PropTypes.func
-};
-InternalErrorFallback.defaultProps = {
-  title: 'Something went wrong...',
-  retryFunc: null
-};
 export function ErrorFallback({
   error
 }) {
@@ -39,9 +29,6 @@ export function ErrorFallback({
     desc: error.message
   });
 }
-ErrorFallback.propTypes = {
-  error: PropTypes.instanceOf(Error).isRequired
-};
 export function ErrorFallbackRetry({
   error,
   resetErrorBoundary
@@ -51,10 +38,6 @@ export function ErrorFallbackRetry({
     retryFunc: resetErrorBoundary
   });
 }
-ErrorFallbackRetry.propTypes = {
-  error: PropTypes.instanceOf(Error).isRequired,
-  resetErrorBoundary: PropTypes.func.isRequired
-};
 const Root = styled('div')`
   padding: 16px;
   border: 2px solid ${props => props.theme.palette.error.main};

package/lib/ErrorBoundary/index.d.ts

@@ -1 +1 @@
-export * from "./fallback";
+export * from './fallback';

package/lib/Footer/index.d.ts

@@ -1,27 +1,20 @@
-declare function Footer(props: any): import("react/jsx-runtime").JSX.Element;
+export interface FooterProps {
+    dark?: false | true;
+    className?: string;
+    copyStart?: number | string;
+    brand?: string;
+    style?: React.CSSProperties;
+    addon?: React.ReactNode;
+}
+declare function Footer(props: FooterProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Footer {
-    namespace propTypes {
-        let dark: PropTypes.Requireable<boolean>;
-        let className: PropTypes.Requireable<string>;
-        let copyStart: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        let brand: PropTypes.Requireable<string>;
-        let style: PropTypes.Requireable<object>;
-        let addon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-    namespace defaultProps {
-        let dark_1: boolean;
-        export { dark_1 as dark };
-        let brand_1: string;
-        export { brand_1 as brand };
-        let copyStart_1: string;
-        export { copyStart_1 as copyStart };
-        let className_1: string;
-        export { className_1 as className };
-        let style_1: {};
-        export { style_1 as style };
-        let addon_1: null;
-        export { addon_1 as addon };
-    }
+    var defaultProps: {
+        dark: boolean;
+        className: string;
+        copyStart: string;
+        brand: string;
+        style: {};
+        addon: null;
+    };
 }
 export default Footer;
-import PropTypes from 'prop-types';

package/lib/Footer/index.js

@@ -1,6 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/no-unused-prop-types */
-import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import MuiContainer from '@mui/material/Container';
 import Box from '@mui/material/Box';
@@ -87,19 +86,11 @@ export default function Footer(props) {
     })]
   });
 }
-Footer.propTypes = {
-  dark: PropTypes.bool,
-  className: PropTypes.string,
-  copyStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  brand: PropTypes.string,
-  style: PropTypes.object,
-  addon: PropTypes.node
-};
 Footer.defaultProps = {
   dark: false,
-  brand: 'ArcBlock',
-  copyStart: '2017',
   className: '',
+  copyStart: '2017',
+  brand: 'ArcBlock',
   style: {},
   addon: null
 };

package/lib/Header/header.d.ts

@@ -1,5 +1,5 @@
-import { type Breakpoint } from '@mui/material';
-export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+import { type BoxProps, type Breakpoint } from '@mui/material';
+export interface HeaderProps extends Omit<BoxProps, 'maxWidth'> {
     /** logo img/svg, 可以包裹一个 a 标签 */
     logo?: React.ReactNode;
     /** 相当于 Title, 可以包裹一个 a 标签 */

package/lib/Icon/image.d.ts

@@ -1,9 +1,10 @@
-export interface ImageIconProps extends React.HTMLAttributes<HTMLDivElement> {
+import { type ImgProps } from '../Img';
+export interface ImageIconProps extends Omit<ImgProps, 'size' | 'src'> {
     name: string;
     size?: number;
     color?: string;
     alt?: string;
     prefix?: string;
-    showBadge?: boolean;
+    showBadge?: false | true;
 }
 export default function ImageIcon({ name, size, alt, color, prefix, showBadge, style, ...rest }: ImageIconProps): import("react/jsx-runtime").JSX.Element;

package/lib/Icon/index.d.ts

@@ -1,10 +1,12 @@
-export interface IconProps extends React.HTMLAttributes<HTMLElement> {
+import { type SxProps } from '@mui/material';
+export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     name: string;
     color?: string;
     size?: number;
     variant?: 'light' | 'regular' | 'solid';
-    rounded?: boolean;
-    forwardedRef?: React.ForwardedRef<HTMLElement>;
+    rounded?: false | true;
+    forwardedRef?: React.ForwardedRef<HTMLDivElement>;
+    sx?: SxProps;
 }
-declare const _default: (props: IconProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: IconProps & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/Img/index.d.ts

@@ -19,7 +19,7 @@ export type ImgExProps = {
     onError?: Function | undefined;
     onSuccess?: Function | undefined;
 };
-export type ImgProps = ImgExProps & import("react").ComponentPropsWithoutRef<"div">;
+export type ImgProps = ImgExProps & import("@mui/material").BoxProps;
 /**
  *
  * @param {ImgProps} props

package/lib/Img/index.js

@@ -28,7 +28,7 @@ import noop from 'lodash/noop';
  */
 
 /**
- * @typedef {ImgExProps & import('react').ComponentPropsWithoutRef<"div">} ImgProps
+ * @typedef {ImgExProps & import('@mui/material').BoxProps} ImgProps
  */
 
 const PREFIX = 'Img';

package/lib/InfoRow/index.d.ts

@@ -1,33 +1,10 @@
-export default InfoRow;
-declare function InfoRow({ name, nameFormatter, layout, children, valueComponent, nameWidth, ...rest }: {
-    [x: string]: any;
-    name: any;
-    nameFormatter: any;
-    layout: any;
-    children: any;
-    valueComponent: any;
-    nameWidth: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace InfoRow {
-    namespace propTypes {
-        let name: PropTypes.Validator<any>;
-        let layout: PropTypes.Requireable<string>;
-        let children: PropTypes.Requireable<any>;
-        let nameFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-        let valueComponent: PropTypes.Requireable<string>;
-        let nameWidth: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        let children_1: null;
-        export { children_1 as children };
-        let nameWidth_1: number;
-        export { nameWidth_1 as nameWidth };
-        export function nameFormatter_1(name: any): any;
-        export { nameFormatter_1 as nameFormatter };
-        let valueComponent_1: string;
-        export { valueComponent_1 as valueComponent };
-        let layout_1: string;
-        export { layout_1 as layout };
-    }
+export interface InfoRowProps {
+    name: React.ReactNode;
+    nameFormatter: (name: React.ReactNode) => React.ReactNode;
+    layout?: 'horizontal' | 'vertical';
+    children: React.ReactNode;
+    valueComponent?: React.ElementType;
+    nameWidth?: number;
 }
-import PropTypes from 'prop-types';
+declare function InfoRow({ name, nameFormatter, layout, children, valueComponent, nameWidth, ...rest }: InfoRowProps): import("react/jsx-runtime").JSX.Element;
+export default InfoRow;

package/lib/InfoRow/index.js

@@ -1,16 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import camelCase from 'lodash/camelCase';
 import upperFirst from 'lodash/upperFirst';
 import Typography from '@mui/material/Typography';
 import { styled } from '../Theme';
 function InfoRow({
   name,
-  nameFormatter,
-  layout,
+  // eslint-disable-next-line no-shadow
+  nameFormatter = name => {
+    if (typeof name === 'string') {
+      return name.split(' ').map(x => upperFirst(camelCase(x))).join(' ');
+    }
+    return name;
+  },
+  layout = 'horizontal',
   children,
-  valueComponent,
-  nameWidth,
+  valueComponent = 'div',
+  nameWidth = 90,
   ...rest
 }) {
   return /*#__PURE__*/_jsxs(Container, {
@@ -29,24 +34,6 @@ function InfoRow({
     })]
   });
 }
-InfoRow.propTypes = {
-  name: PropTypes.any.isRequired,
-  layout: PropTypes.oneOf(['horizontal', 'vertical']),
-  children: PropTypes.any,
-  nameFormatter: PropTypes.func,
-  valueComponent: PropTypes.string,
-  nameWidth: PropTypes.number
-};
-InfoRow.defaultProps = {
-  children: null,
-  nameWidth: 90,
-  nameFormatter: name => {
-    const resetName = name.split(' ').map(x => upperFirst(camelCase(x))).join(' ');
-    return typeof name === 'string' ? resetName : name;
-  },
-  valueComponent: 'div',
-  layout: 'horizontal'
-};
 const Container = styled('div')`
   display: flex;
   flex-direction: ${props => props.layout === 'vertical' ? 'column' : 'row'};