@arcblock/ux 2.10.66 → 2.10.68

package/lib/Layout/dashboard-legacy/sidebar.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import PropTypes from 'prop-types';
 import { Link, useLocation } from 'react-router-dom';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
@@ -8,17 +7,20 @@ import { teal } from '@mui/material/colors';
 import ImageIcon from '../../Icon/image';
 import Logo from '../../Logo';
 import { styled, useTheme } from '../../Theme';
+
+// const a: LinkItem = {};
+
 export default function Sidebar({
   images,
   links,
-  prefix,
+  prefix = '/images',
   addons,
   logo,
   ...rest
 }) {
   const theme = useTheme();
   const location = useLocation();
-  const isSelected = (url, name) => {
+  const isSelected = (_, name) => {
     const pattern = new RegExp(`/${name}`);
     return pattern.test(location.pathname);
   };
@@ -61,18 +63,6 @@ export default function Sidebar({
     }), addons]
   });
 }
-Sidebar.propTypes = {
-  images: PropTypes.object.isRequired,
-  links: PropTypes.array.isRequired,
-  prefix: PropTypes.string,
-  addons: PropTypes.any,
-  logo: PropTypes.any
-};
-Sidebar.defaultProps = {
-  prefix: '/images',
-  addons: null,
-  logo: null
-};
 const MenuItems = /*#__PURE__*/memo(styled('div')`
   flex: 1;
   display: flex;

package/lib/Layout/index.d.ts

@@ -1,57 +1,18 @@
-declare function Layout({ title, brand, description, links, logo, showLogo, addons, footer, baseUrl, homeUrl, children, variant, contentOnly, ...rest }: {
-    [x: string]: any;
-    title: any;
-    brand: any;
-    description: any;
-    links: any;
-    logo: any;
-    showLogo: any;
-    addons: any;
-    footer: any;
-    baseUrl: any;
-    homeUrl: any;
-    children: any;
-    variant: any;
-    contentOnly: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Layout {
-    namespace propTypes {
-        let title: PropTypes.Validator<string>;
-        let brand: PropTypes.Validator<any>;
-        let description: PropTypes.Requireable<any>;
-        let addons: PropTypes.Requireable<any>;
-        let showLogo: PropTypes.Requireable<boolean>;
-        let logo: PropTypes.Requireable<any>;
-        let links: PropTypes.Requireable<any[]>;
-        let children: PropTypes.Validator<any>;
-        let baseUrl: PropTypes.Requireable<string>;
-        let homeUrl: PropTypes.Requireable<string>;
-        let variant: PropTypes.Requireable<string>;
-        let footer: PropTypes.Requireable<any>;
-        let contentOnly: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        let contentOnly_1: boolean;
-        export { contentOnly_1 as contentOnly };
-        let baseUrl_1: string;
-        export { baseUrl_1 as baseUrl };
-        let homeUrl_1: string;
-        export { homeUrl_1 as homeUrl };
-        let links_1: never[];
-        export { links_1 as links };
-        let showLogo_1: boolean;
-        export { showLogo_1 as showLogo };
-        let logo_1: import("react/jsx-runtime").JSX.Element;
-        export { logo_1 as logo };
-        let variant_1: string;
-        export { variant_1 as variant };
-        let addons_1: undefined;
-        export { addons_1 as addons };
-        let description_1: undefined;
-        export { description_1 as description };
-        let footer_1: import("react/jsx-runtime").JSX.Element;
-        export { footer_1 as footer };
-    }
+import { type SxProps } from '@mui/material';
+import { type LinkItem } from './dashboard/sidebar';
+export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    brand: React.ReactNode;
+    description?: React.ReactNode;
+    links?: LinkItem[];
+    logo?: React.ReactNode;
+    showLogo?: false | true;
+    addons?: React.ReactNode;
+    footer?: React.ReactNode;
+    baseUrl?: string;
+    homeUrl?: string;
+    variant?: 'shadow' | 'border';
+    contentOnly?: false | true;
+    sx?: SxProps;
 }
-export default Layout;
-import PropTypes from 'prop-types';
+export default function Layout({ title, brand, description, links, logo, showLogo, addons, footer, baseUrl, homeUrl, variant, contentOnly, children, ...rest }: LayoutProps): import("react/jsx-runtime").JSX.Element;

package/lib/Layout/index.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
 import { AppBar, Container, Drawer, Divider, IconButton, Link, List, ListItem, ListItemText, Toolbar, Typography } from '@mui/material';
 import MenuIcon from '@mui/icons-material/Menu';
@@ -13,16 +12,24 @@ export default function Layout({
   title,
   brand,
   description,
-  links,
-  logo,
-  showLogo,
+  links = [],
+  logo = /*#__PURE__*/_jsx(Logo, {
+    showText: false,
+    style: {
+      width: '40px',
+      height: '40px'
+    }
+  }),
+  showLogo = false,
   addons,
-  footer,
-  baseUrl,
-  homeUrl,
+  footer = /*#__PURE__*/_jsx(Container, {
+    children: /*#__PURE__*/_jsx(Footer, {})
+  }),
+  baseUrl = '',
+  homeUrl = '/',
+  variant = 'shadow',
+  contentOnly = false,
   children,
-  variant,
-  contentOnly,
   ...rest
 }) {
   const [drawerOpen, setDrawerOpen] = useState(false);
@@ -33,8 +40,9 @@ export default function Layout({
     const {
       searchParams
     } = new URL(window.location.href);
-    if (searchParams.get('inviter')) {
-      window.localStorage.setItem('inviter', searchParams.get('inviter'));
+    const inviter = searchParams.get('inviter');
+    if (inviter) {
+      window.localStorage.setItem('inviter', inviter);
     }
   }, []);
   if (contentOnly) {
@@ -43,6 +51,7 @@ export default function Layout({
     });
   }
   let activeLink = '';
+  // @ts-expect-error
   const {
     pathname: currentPath
   } = new URL(window.location);
@@ -74,14 +83,14 @@ export default function Layout({
           button: true,
           className: activeLink === x.url ? 'drawer-highlight-nav' : '',
           children: /*#__PURE__*/_jsxs(ListItemText, {
-            children: [x.icon && /*#__PURE__*/_jsx(Icon, {
+            children: [typeof x.icon === 'string' ? /*#__PURE__*/_jsx(Icon, {
               name: x.icon,
               size: 18 * (x.iconZoom || 1),
               color: "inherit",
               style: {
                 marginRight: '5px'
               }
-            }), x.title]
+            }) : x.icon, x.title]
           })
         })
       }, x.url))
@@ -141,14 +150,14 @@ export default function Layout({
                 className: `nav-link ${activeLink === x.url ? 'highlight-nav' : ''}`,
                 color: x.color,
                 underline: "hover",
-                children: [x.icon && /*#__PURE__*/_jsx(Icon, {
+                children: [typeof x.icon === 'string' ? /*#__PURE__*/_jsx(Icon, {
                   name: x.icon,
                   size: 20 * (x.iconZoom || 1),
                   color: "inherit",
                   style: {
                     marginRight: '5px'
                   }
-                }), x.title]
+                }) : x.icon, x.title]
               }, x.url))
             }), addons]
           })
@@ -183,41 +192,6 @@ export default function Layout({
     })]
   });
 }
-Layout.propTypes = {
-  title: PropTypes.string.isRequired,
-  brand: PropTypes.any.isRequired,
-  description: PropTypes.any,
-  addons: PropTypes.any,
-  showLogo: PropTypes.bool,
-  logo: PropTypes.any,
-  links: PropTypes.array,
-  children: PropTypes.any.isRequired,
-  baseUrl: PropTypes.string,
-  homeUrl: PropTypes.string,
-  variant: PropTypes.oneOf(['shadow', 'border']),
-  footer: PropTypes.any,
-  contentOnly: PropTypes.bool
-};
-Layout.defaultProps = {
-  contentOnly: false,
-  baseUrl: '',
-  homeUrl: '/',
-  links: [],
-  showLogo: false,
-  logo: /*#__PURE__*/_jsx(Logo, {
-    showText: false,
-    style: {
-      width: '40px',
-      height: '40px'
-    }
-  }),
-  variant: 'shadow',
-  addons: undefined,
-  description: undefined,
-  footer: /*#__PURE__*/_jsx(Container, {
-    children: /*#__PURE__*/_jsx(Footer, {})
-  })
-};
 const Div = styled('div')`
   width: 100%;
   min-height: 100vh;

package/lib/LoadingMask/index.d.ts

@@ -1,32 +1,9 @@
-declare function LoadingMask({ size, padding, borderWidth, borderRadius, duration, children }: {
-    size: any;
-    padding: any;
-    borderWidth: any;
-    borderRadius: any;
-    duration: any;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace LoadingMask {
-    namespace propTypes {
-        let size: PropTypes.Requireable<number>;
-        let padding: PropTypes.Requireable<number>;
-        let borderRadius: PropTypes.Requireable<number>;
-        let borderWidth: PropTypes.Requireable<number>;
-        let duration: PropTypes.Requireable<number>;
-        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    }
-    namespace defaultProps {
-        let size_1: number;
-        export { size_1 as size };
-        let padding_1: undefined;
-        export { padding_1 as padding };
-        let borderWidth_1: undefined;
-        export { borderWidth_1 as borderWidth };
-        let duration_1: undefined;
-        export { duration_1 as duration };
-        let borderRadius_1: undefined;
-        export { borderRadius_1 as borderRadius };
-    }
+export interface LoadingMaskProps {
+    size?: number;
+    padding?: number;
+    borderWidth?: number;
+    borderRadius?: number;
+    duration?: number;
+    children?: React.ReactNode;
 }
-export default LoadingMask;
-import PropTypes from 'prop-types';
+export default function LoadingMask({ size, padding, borderWidth, borderRadius, duration, children, }: LoadingMaskProps): import("react/jsx-runtime").JSX.Element;

package/lib/LoadingMask/index.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { Box } from '@mui/material';
 import { temp as colors } from '../Colors';
 export default function LoadingMask({
-  size,
+  size = 64,
   padding,
   borderWidth,
   borderRadius,
@@ -83,19 +82,4 @@ export default function LoadingMask({
       children: children
     })]
   });
-}
-LoadingMask.propTypes = {
-  size: PropTypes.number,
-  padding: PropTypes.number,
-  borderRadius: PropTypes.number,
-  borderWidth: PropTypes.number,
-  duration: PropTypes.number,
-  children: PropTypes.node.isRequired
-};
-LoadingMask.defaultProps = {
-  size: 64,
-  padding: undefined,
-  borderWidth: undefined,
-  duration: undefined,
-  borderRadius: undefined
-};
+}

package/lib/Locale/browser-lang.d.ts

@@ -1,2 +1,5 @@
+declare function getPreferredLanguage(options?: {
+    languages?: string[];
+    fallback: string;
+}): string | null;
 export default getPreferredLanguage;
-declare function getPreferredLanguage(options: any): any;

package/lib/Locale/browser-lang.js

@@ -1,9 +1,8 @@
 /* eslint-disable no-param-reassign */
-function startsWith(string, target, position) {
+function startsWith(string, target, position = 0) {
   const {
     length
   } = string;
-  position = position == null ? 0 : position;
   if (position < 0) {
     position = 0;
   } else if (position > length) {
@@ -17,7 +16,13 @@ function getBrowserLang() {
   if (typeof window === 'undefined') {
     return null;
   }
-  const lang = window.navigator.languages && window.navigator.languages[0] || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage || window.navigator.systemLanguage || null;
+  const lang = window.navigator.languages && window.navigator.languages[0] || window.navigator.language ||
+  // @ts-expect-error
+  window.navigator.browserLanguage ||
+  // @ts-expect-error
+  window.navigator.userLanguage ||
+  // @ts-expect-error
+  window.navigator.systemLanguage || null;
   return lang;
 }
 function normalizeCode(code) {

package/lib/Locale/context.d.ts

@@ -1,14 +1,15 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import type { Locale } from '../type';
 declare const getLocale: (languages?: {
     code: string;
 }[]) => string;
-declare const setLocale: (locale: string) => void;
+declare const setLocale: (locale: Locale) => void;
 interface LocaleProviderProps {
     children: ReactNode;
-    locale?: string;
-    fallbackLocale?: string;
+    locale?: Locale;
+    fallbackLocale?: Locale;
     translations: Record<string, any>;
-    onLoadingTranslation?: (locale: string, languages: {
+    onLoadingTranslation?: (locale: Locale, languages: {
         code: string;
     }[]) => void;
     languages?: {
@@ -16,8 +17,17 @@ interface LocaleProviderProps {
         name: string;
     }[];
 }
-declare const LocaleContext: React.Context<any>;
-declare const Consumer: React.Consumer<any>;
+export interface LocaleContextType {
+    locale: Locale;
+    changeLocale: (locale: Locale) => void;
+    t: (key: string, data?: Record<string, string>) => string;
+    languages: {
+        code: string;
+        name: string;
+    }[];
+}
+declare const LocaleContext: import("react").Context<LocaleContextType>;
+declare const Consumer: import("react").Consumer<LocaleContextType>;
 declare function LocaleProvider({ children, locale, fallbackLocale, translations, onLoadingTranslation, languages, ...rest }: LocaleProviderProps): import("react/jsx-runtime").JSX.Element;
-declare function useLocaleContext(): any;
+declare function useLocaleContext(): LocaleContextType;
 export { LocaleProvider, Consumer as LocaleConsumer, LocaleContext, useLocaleContext, setLocale, getLocale };

package/lib/Locale/context.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable no-prototype-builtins */
-import React, { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
+import { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
 import get from 'lodash/get';
 import Cookie from 'js-cookie';
 import browserLang from './browser-lang';

package/lib/Locale/languages.d.ts

@@ -1,57 +1,11 @@
-declare const _default: any[];
+declare const languages: Record<string, {
+    name: string;
+    nativeName: string;
+}>;
+declare const _default: {
+    name: string;
+    nativeName: string;
+    code: string;
+}[];
 export default _default;
 export { languages as map };
-declare const languages: {
-    ar: {
-        name: string;
-        nativeName: string;
-    };
-    de: {
-        name: string;
-        nativeName: string;
-    };
-    en: {
-        name: string;
-        nativeName: string;
-    };
-    es: {
-        name: string;
-        nativeName: string;
-    };
-    fr: {
-        name: string;
-        nativeName: string;
-    };
-    it: {
-        name: string;
-        nativeName: string;
-    };
-    ja: {
-        name: string;
-        nativeName: string;
-    };
-    ko: {
-        name: string;
-        nativeName: string;
-    };
-    mn: {
-        name: string;
-        nativeName: string;
-    };
-    pt: {
-        name: string;
-        nativeName: string;
-    };
-    ru: {
-        name: string;
-        nativeName: string;
-    };
-    zh: {
-        name: string;
-        nativeName: string;
-    };
-    'zh-TW': {
-        name: string;
-        nativeName: string;
-    };
-};

package/lib/Locale/selector.d.ts

@@ -1,27 +1,11 @@
-declare function LocaleSelector(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace LocaleSelector {
-    namespace propTypes {
-        let size: PropTypes.Requireable<number>;
-        let showText: PropTypes.Requireable<boolean>;
-        let popperProps: PropTypes.Requireable<object>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let popperType: PropTypes.Requireable<string>;
-        let icon: PropTypes.Requireable<any>;
-    }
-    namespace defaultProps {
-        let showText_1: boolean;
-        export { showText_1 as showText };
-        let size_1: number;
-        export { size_1 as size };
-        let popperProps_1: {};
-        export { popperProps_1 as popperProps };
-        export { noop as onChange };
-        let popperType_1: string;
-        export { popperType_1 as popperType };
-        let icon_1: null;
-        export { icon_1 as icon };
-    }
+import React from 'react';
+import type { Locale } from '../type';
+export interface LocaleSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    showText?: true | false;
+    popperProps?: React.HTMLAttributes<HTMLDivElement>;
+    popperType?: 'hover' | 'click';
+    icon?: React.ComponentType<any>;
+    size?: number;
+    onChange?: (locale: Locale) => void;
 }
-export default LocaleSelector;
-import PropTypes from 'prop-types';
-import noop from 'lodash/noop';
+export default function LocaleSelector(props: LocaleSelectorProps): import("react/jsx-runtime").JSX.Element;

package/lib/Locale/selector.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-no-bind */
-import { useState, useContext, useRef, useMemo } from 'react';
-import PropTypes from 'prop-types';
+import React, { useState, useContext, useRef, useMemo } from 'react';
 import { Button, Typography, IconButton, Popper, MenuItem, MenuList, Box, ClickAwayListener } from '@mui/material';
 import { Icon as IconifyIcon } from '@iconify/react';
 import CheckIcon from '@iconify-icons/material-symbols/check';
@@ -13,11 +12,12 @@ import { LocaleContext } from './context';
 import { styled, useTheme } from '../Theme';
 export default function LocaleSelector(props) {
   const {
-    showText,
-    popperProps,
-    popperType,
+    showText = true,
+    popperProps = {},
+    popperType = 'click',
     icon: Icon,
-    size,
+    size = 24,
+    onChange = noop,
     ...rest
   } = props;
   const {
@@ -68,7 +68,6 @@ export default function LocaleSelector(props) {
     });
   }, [Icon, size]);
   return /*#__PURE__*/_jsxs(Div, {
-    component: "div",
     dark: dark,
     theme: theme,
     ...rest,
@@ -84,7 +83,7 @@ export default function LocaleSelector(props) {
         children: [renderIcon, showText ? /*#__PURE__*/_jsx(Typography, {
           component: "strong",
           className: "trigger-text",
-          children: languages.find(x => x.code === locale).name
+          children: languages.find(x => x.code === locale)?.name
         }) : '']
       })
     }), /*#__PURE__*/_jsx(StyledPopper, {
@@ -102,7 +101,7 @@ export default function LocaleSelector(props) {
               name
             }) => /*#__PURE__*/_jsxs(MenuItem, {
               className: "locale-item",
-              onClick: () => onSelect(code, name),
+              onClick: () => onSelect(code),
               children: [/*#__PURE__*/_jsx(IconifyIcon, {
                 icon: CheckIcon,
                 className: code === locale ? 'check-icon check-icon-visible' : 'check-icon'
@@ -114,22 +113,6 @@ export default function LocaleSelector(props) {
     })]
   });
 }
-LocaleSelector.propTypes = {
-  size: PropTypes.number,
-  showText: PropTypes.bool,
-  popperProps: PropTypes.object,
-  onChange: PropTypes.func,
-  popperType: PropTypes.oneOf(['hover', 'click']),
-  icon: PropTypes.any
-};
-LocaleSelector.defaultProps = {
-  showText: true,
-  size: 24,
-  popperProps: {},
-  onChange: noop,
-  popperType: 'click',
-  icon: null
-};
 const Div = styled('div', {
   shouldForwardProp: prop => prop !== 'dark'
 })`

package/lib/Locale/util.d.ts

@@ -1,3 +1,4 @@
-export function replace(template: any, data: any): any;
-export function translate(translations: any, key: any, locale: any, fallbackLocale?: string, data?: {}): any;
-export function t(translations: any, key: any, locale: any, fallbackLocale?: string, data?: {}): any;
+import type { Locale, Translations } from '../type';
+export declare const replace: (template: string, data: Record<string, any>) => string;
+export declare const translate: (translations: Translations, key: string, locale: Locale, fallbackLocale?: string, data?: {}) => string;
+export declare const t: (translations: Translations, key: string, locale: Locale, fallbackLocale?: string, data?: {}) => string;

package/lib/Locale/util.js

@@ -1,5 +1,4 @@
 import get from 'lodash/get';
-
 /* eslint-disable no-prototype-builtins */
 export const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
 export const translate = (translations, key, locale, fallbackLocale = 'en', data = {}) => {

package/lib/Logo/index.d.ts

@@ -1,41 +1,10 @@
-/**
-  @typedef {import('react').HTMLAttributes<HTMLSpanElement> & {
-    mode?: 'light' | 'dark',
-    layout?: 'vertical' | 'horizontal',
-    showText?: boolean,
-    showLogo?: boolean,
-  }} LogoProps
-*/
-/**
- * @description
- * @export
- * @param {LogoProps} props
- * @return {React.ReactComponentElement}
- */
-declare function Logo({ showText, showLogo, mode, layout, ...rest }: LogoProps): import("react").ReactComponentElement<any, Pick<any, string | number | symbol>>;
-declare namespace Logo {
-    namespace propTypes {
-        let mode: PropTypes.Requireable<string>;
-        let layout: PropTypes.Requireable<string>;
-        let showText: PropTypes.Requireable<boolean>;
-        let showLogo: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        let mode_1: string;
-        export { mode_1 as mode };
-        let layout_1: string;
-        export { layout_1 as layout };
-        let showText_1: boolean;
-        export { showText_1 as showText };
-        let showLogo_1: boolean;
-        export { showLogo_1 as showLogo };
-    }
+import { type SxProps } from '@mui/material';
+export interface LogoProps extends React.HTMLAttributes<HTMLSpanElement> {
+    mode?: 'light' | 'dark';
+    layout?: 'vertical' | 'horizontal';
+    showText?: true | false;
+    showLogo?: true | false;
+    size?: number;
+    sx?: SxProps;
 }
-export default Logo;
-export type LogoProps = import("react").HTMLAttributes<HTMLSpanElement> & {
-    mode?: "light" | "dark";
-    layout?: "vertical" | "horizontal";
-    showText?: boolean;
-    showLogo?: boolean;
-};
-import PropTypes from 'prop-types';
+export default function Logo({ showText, showLogo, mode, layout, size, style, ...rest }: LogoProps): import("react/jsx-runtime").JSX.Element;