@arcblock/ux 3.0.6 → 3.0.7

package/lib/Earth/index.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useReducer as U, useRef as w, useEffect as H } from "react";
-import J from "react-use/lib/useSpring";
+import { useReducer as H, useRef as w, useEffect as J } from "react";
+import U from "react-use/lib/useSpring";
 import * as N from "d3-geo";
 import * as V from "topojson-client";
 import D from "versor";
-import R from "./countries.json.js";
-import X from "./util.js";
-import { withDeprecated as Y } from "../Util/deprecate.js";
-import { styled as B } from "../Theme/index.js";
+import R from "./countries.json";
+import X from "./util";
+import { withDeprecated as Y } from "../Util/deprecate";
+import { styled as B } from "../Theme";
 const F = V.feature(R, R.objects.ne_110m_admin_0_countries), K = {
   light: {
     ocean: "#EDF4F4",
@@ -52,11 +52,11 @@ function W({
   height: g = 600,
   enableRotation: I = !1,
   rotationSpeed: M = 5,
-  activeMarkerId: a,
+  activeMarkerId: a = void 0,
   markers: y = [],
   colors: L = {}
 }) {
-  const $ = Object.assign(L, K[e]), [r, d] = U(Q, {
+  const $ = Object.assign(L, K[e]), [r, d] = H(Q, {
     rotation: [0, 0, 0],
     isDragging: !1,
     animateDuration: 1,
@@ -70,7 +70,7 @@ function W({
     step: 0,
     markerId: null,
     iv: null
-  }), C = J(r.animateDuration, 170, 26), S = a && k.current.markerId !== a && y.some((t) => t.id === a), p = N.geoOrthographic().fitExtent(
+  }), C = U(r.animateDuration, 170, 26), S = a && k.current.markerId !== a && y.some((t) => t.id === a), p = N.geoOrthographic().fitExtent(
     [
       [30, 30],
       [s - 30, g - 30]
@@ -79,7 +79,7 @@ function W({
   ).rotate(
     C <= 1 || r.isDragging || !a ? r.rotation : k.current.iv(C / r.animateDuration)
   ), P = N.geoPath().projection(p).pointRadius(2);
-  H(() => {
+  J(() => {
     if (S) {
       let { p1: t, p2: o, r1: i, r2: u, markerId: c } = k.current;
       if (c !== a && !r.isDragging) {

package/lib/Empty/index.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import t from "prop-types";
 import { Box as o } from "@mui/material";
 import c from "@arcblock/icons/lib/EmptyIcon";
-import { styled as s } from "../Theme/index.js";
+import { styled as s } from "../Theme";
 const l = s(o)`
   display: flex;
   justify-content: center;

package/lib/ErrorBoundary/fallback.js

@@ -1,10 +1,10 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Alert as c, AlertTitle as s, Typography as u, Box as m } from "@mui/material";
 import { useRouteError as d } from "react-router-dom";
-import t from "../Button/index.js";
+import t from "../Button";
 function l({
   title: r = "Something went wrong...",
-  desc: e,
+  desc: o,
   extraContent: i = null,
   severity: n = "error"
 }) {
@@ -18,43 +18,43 @@ function l({
         justifyContent: "center"
       },
       children: [
-        r ? /* @__PURE__ */ o(s, { children: r }) : null,
-        e ? /* @__PURE__ */ o(
+        r ? /* @__PURE__ */ e(s, { children: r }) : null,
+        o ? /* @__PURE__ */ e(
           u,
           {
             variant: "body2",
             sx: {
               mb: 1
             },
-            children: e
+            children: o
           }
         ) : null,
         i ?? /* @__PURE__ */ a(m, { sx: { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" }, children: [
-          /* @__PURE__ */ o(t, { variant: "outlined", color: n, size: "small", onClick: () => window.location.replace("/"), children: "Home" }),
-          /* @__PURE__ */ o(t, { variant: "contained", color: n, size: "small", onClick: () => window.location.reload(), children: "Refresh" })
+          /* @__PURE__ */ e(t, { variant: "outlined", color: n, size: "small", onClick: () => window.location.replace("/"), children: "Home" }),
+          /* @__PURE__ */ e(t, { variant: "contained", color: n, size: "small", onClick: () => window.location.reload(), children: "Refresh" })
         ] })
       ]
     }
   );
 }
-function k({ error: r }) {
-  return /* @__PURE__ */ o(l, { desc: r.message });
+function C({ error: r }) {
+  return /* @__PURE__ */ e(l, { desc: r.message });
 }
-function b({ error: r, resetErrorBoundary: e }) {
-  return /* @__PURE__ */ o(
+function b({ error: r, resetErrorBoundary: o }) {
+  return /* @__PURE__ */ e(
     l,
     {
       desc: r.message,
-      extraContent: /* @__PURE__ */ o(t, { variant: "contained", color: "error", size: "small", onClick: e, children: "Try again" })
+      extraContent: /* @__PURE__ */ e(t, { variant: "contained", color: "error", size: "small", onClick: o, children: "Try again" })
     }
   );
 }
 function w() {
   const r = d();
-  return /* @__PURE__ */ o(l, { title: "Current route occurred an error", desc: r.message });
+  return /* @__PURE__ */ e(l, { title: "Current route occurred an error", desc: r.message });
 }
 export {
-  k as ErrorFallback,
+  C as ErrorFallback,
   b as ErrorFallbackRetry,
   w as ReactRouterErrorFallback
 };

package/lib/ErrorBoundary/index.js

@@ -1,6 +1 @@
-import { ErrorFallback as l, ErrorFallbackRetry as o, ReactRouterErrorFallback as c } from "./fallback.js";
-export {
-  l as ErrorFallback,
-  o as ErrorFallbackRetry,
-  c as ReactRouterErrorFallback
-};
+export * from "./fallback";

package/lib/Footer/index.d.ts

@@ -6,4 +6,4 @@ export interface FooterProps {
     style?: React.CSSProperties;
     addon?: React.ReactNode;
 }
-export default function Footer(props: FooterProps): import("react/jsx-runtime").JSX.Element;
+export default function Footer({ ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/lib/Footer/index.js

@@ -1,11 +1,11 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { Container as h, Typography as r, Box as g } from "@mui/material";
-import { mergeProps as w } from "../Util/index.js";
-import y from "../Logo/index.js";
-import { styled as b } from "../Theme/index.js";
-function u(e) {
+import { mergeProps as w } from "../Util";
+import y from "../Logo";
+import { styled as u } from "../Theme";
+function b({ ...e }) {
   var s;
-  const p = w(e, u, ["dark", "style"]), { className: d = "", copyStart: m = "2017", style: c = {}, brand: x = "ArcBlock", dark: n = !1, addon: a = null } = p, i = `${(/* @__PURE__ */ new Date()).getFullYear()}`, l = `${m}`, f = i === l ? i : `${l}-${i}`;
+  const p = w(e, b, ["dark", "style"]), { className: d = "", copyStart: m = "2017", style: c = {}, brand: x = "ArcBlock", dark: n = !1, addon: a = null } = p, i = `${(/* @__PURE__ */ new Date()).getFullYear()}`, l = `${m}`, f = i === l ? i : `${l}-${i}`;
   return /* @__PURE__ */ o(k, { className: d, style: c, dark: n, children: [
     /* @__PURE__ */ t(h, { maxWidth: !1, children: /* @__PURE__ */ o(r, { component: "div", className: "footer", children: [
       /* @__PURE__ */ o(r, { component: "p", className: "footer-item", children: [
@@ -46,7 +46,7 @@ function u(e) {
     )
   ] });
 }
-const k = b("div", {
+const k = u("div", {
   shouldForwardProp: (e) => e !== "dark"
 })`
   position: relative;
@@ -110,5 +110,5 @@ const k = b("div", {
   }
 `;
 export {
-  u as default
+  b as default
 };

package/lib/Header/addon-button.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '@mui/material';
 type Props<D extends React.ElementType, P = {}> = {
     icon?: React.ReactNode;
-    children?: React.ReactNode;
+    children: React.ReactNode;
 } & ButtonProps<D, P>;
 export declare function AddonButton<D extends React.ElementType, P = {}>({ icon, children, sx, ...rest }: Props<D, P>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/Header/addon-button.js

@@ -1,6 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Button as d } from "@mui/material";
-function m({ icon: o, children: t, sx: r, ...i }) {
+import { jsx as d } from "react/jsx-runtime";
+import { Button as e } from "@mui/material";
+function m({
+  icon: t = void 0,
+  children: r,
+  sx: o,
+  ...i
+}) {
   const n = [
     {
       height: 32,
@@ -9,7 +14,7 @@ function m({ icon: o, children: t, sx: r, ...i }) {
       borderRadius: "100vh",
       fontSize: 14,
       color: "text.secondary",
-      ...!t && {
+      ...!r && {
         padding: 0,
         height: 32,
         ".MuiButton-startIcon": {
@@ -17,9 +22,9 @@ function m({ icon: o, children: t, sx: r, ...i }) {
         }
       }
     },
-    ...Array.isArray(r) ? r : [r]
+    ...Array.isArray(o) ? o : [o]
   ];
-  return /* @__PURE__ */ e(d, { startIcon: o, color: "inherit", variant: "outlined", sx: n, ...i, children: t });
+  return /* @__PURE__ */ d(e, { startIcon: t, color: "inherit", variant: "outlined", sx: n, ...i, children: r });
 }
 export {
   m as AddonButton

package/lib/Header/auto-hidden.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Box as i } from "@mui/material";
-import { styled as r } from "../Theme/index.js";
+import { styled as r } from "../Theme";
 function p({ height: o, ...t }) {
   return /* @__PURE__ */ e(f, { height: o, ...t });
 }

package/lib/Header/header.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as t, Fragment as y } from "react/jsx-runtime";
 import { Box as d, Container as w } from "@mui/material";
 import { useRef as v, useState as N, useEffect as k } from "react";
-import z from "./auto-hidden.js";
-import { styled as W } from "../Theme/index.js";
-import $ from "./header-addons.js";
+import z from "./auto-hidden";
+import { styled as W } from "../Theme";
+import $ from "./header-addons";
 function I({
   logo: e = null,
   brand: l = null,
@@ -13,7 +13,7 @@ function I({
   addons: p = null,
   prepend: f = null,
   align: o = "left",
-  maxWidth: x,
+  maxWidth: x = !1,
   homeLink: i = "/",
   ...m
 }) {

package/lib/Header/index.js

@@ -1,6 +1,6 @@
-import { default as r } from "./header.js";
-import { default as o } from "./responsive-header.js";
-import { default as s } from "./header-addons.js";
+import { default as r } from "./header";
+import { default as o } from "./responsive-header";
+import { default as s } from "./header-addons";
 export {
   r as Header,
   s as HeaderAddons,

package/lib/Header/responsive-header.d.ts

@@ -13,5 +13,5 @@ export interface ResponsiveHeaderProps extends Omit<HeaderProps, 'children'> {
  *
  * 注意: 暂时不要通过 display: none 隐藏 logo, https://blog.patw.me/archives/1820/inline-svg-same-id-and-display-none-issue/
  */
-declare function ResponsiveHeader({ menu, prepend, children, ...rest }: ResponsiveHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function ResponsiveHeader({ prepend, children, ...rest }: ResponsiveHeaderProps): import("react/jsx-runtime").JSX.Element;
 export default ResponsiveHeader;

package/lib/Header/responsive-header.js

@@ -1,48 +1,47 @@
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { useState as v } from "react";
-import { useReactive as g, useCreation as h } from "ahooks";
-import { Close as b, Menu as x } from "@mui/icons-material";
-import { Container as w, useTheme as P, useMediaQuery as k, Drawer as C, Button as M } from "@mui/material";
-import c from "./header.js";
-import { styled as f } from "../Theme/index.js";
-function H({ menu: m, prepend: s, children: r, ...u }) {
-  const n = P(), a = k(n.breakpoints.down("md")), [t, l] = v(!1), d = typeof r == "function" ? r({ isMobile: a, closeMenu: () => l(!1) }) : r, e = g({
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { useReactive as v, useCreation as h } from "ahooks";
+import { Close as g, Menu as b } from "@mui/icons-material";
+import { Container as x, useMediaQuery as w, Drawer as P, Button as k } from "@mui/material";
+import i from "./header";
+import { styled as c, useTheme as C } from "../Theme";
+function D({ prepend: n, children: r = null, ...s }) {
+  const a = C(), l = w(a.breakpoints.down("md")), [t, m] = y(!1), u = typeof r == "function" ? r({ isMobile: l, closeMenu: () => m(!1) }) : r, e = v({
     changed: !1,
     value: "",
     priority: ""
   });
   return h(() => {
-    var p;
-    if ((p = document.documentElement) != null && p.style) {
-      const i = () => {
+    var d;
+    if ((d = document.documentElement) != null && d.style) {
+      const p = () => {
         e.changed && (e.value ? document.documentElement.style.setProperty("overflow", e.value, e.priority) : document.documentElement.style.removeProperty("overflow"), e.value = "", e.priority = "", e.changed = !1);
       };
-      return t ? (e.changed = !0, e.value = document.documentElement.style.getPropertyValue("overflow"), e.priority = document.documentElement.style.getPropertyPriority("overflow"), document.documentElement.style.setProperty("overflow", "revert", "important")) : i(), i;
+      return t ? (e.changed = !0, e.value = document.documentElement.style.getPropertyValue("overflow"), e.priority = document.documentElement.style.getPropertyPriority("overflow"), document.documentElement.style.setProperty("overflow", "revert", "important")) : p(), p;
     }
     return () => {
     };
-  }, [t]), r ? /* @__PURE__ */ y(
-    E,
+  }, [t]), r ? /* @__PURE__ */ f(
+    M,
     {
-      prepend: s || /* @__PURE__ */ o(
-        M,
+      prepend: n || /* @__PURE__ */ o(
+        k,
         {
-          sx: { color: n.palette.grey[500] },
-          edge: "start",
+          sx: { color: a.palette.grey[500] },
           className: "header-menu",
           "aria-label": "header menu button",
-          onClick: () => l(!t),
-          children: t ? /* @__PURE__ */ o(b, {}) : /* @__PURE__ */ o(x, {})
+          onClick: () => m(!t),
+          children: t ? /* @__PURE__ */ o(g, {}) : /* @__PURE__ */ o(b, {})
         }
       ),
-      ...u,
+      ...s,
       children: [
-        !a && d,
-        a && /* @__PURE__ */ o(
-          C,
+        !l && u,
+        l && /* @__PURE__ */ o(
+          P,
           {
             open: t,
-            onClose: () => l(!1),
+            onClose: () => m(!1),
             ModalProps: {
               disablePortal: !1,
               keepMounted: !0,
@@ -51,7 +50,7 @@ function H({ menu: m, prepend: s, children: r, ...u }) {
             anchor: "top",
             sx: {
               top: 64,
-              zIndex: n.zIndex.appBar - 1
+              zIndex: a.zIndex.appBar - 1
             },
             slotProps: {
               paper: {
@@ -60,28 +59,28 @@ function H({ menu: m, prepend: s, children: r, ...u }) {
                   bottom: 0,
                   boxShadow: "none",
                   backgroundImage: "none",
-                  backgroundColor: n.palette.background.paper
+                  backgroundColor: a.palette.background.paper
                 }
               }
             },
-            children: /* @__PURE__ */ o(B, { children: d })
+            children: /* @__PURE__ */ o(E, { children: u })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ o(c, { prepend: s, ...u });
+  ) : /* @__PURE__ */ o(i, { prepend: n, ...s });
 }
-const E = f(c)`
+const M = c(i)`
   .header-menu {
     display: none;
   }
-  ${(m) => m.theme.breakpoints.down("md")} {
+  ${(n) => n.theme.breakpoints.down("md")} {
     .header-menu {
       display: flex;
       margin-right: 12px;
     }
   }
-`, B = f(w)`
+`, E = c(x)`
   padding-top: 8px;
   padding-bottom: 16px;
   .navmenu {
@@ -93,5 +92,5 @@ const E = f(c)`
   }
 `;
 export {
-  H as default
+  D as default
 };

package/lib/Icon/image.js

@@ -1,6 +1,6 @@
 import { jsxs as x, jsx as i } from "react/jsx-runtime";
-import h from "../Img/index.js";
-import { styled as n } from "../Theme/index.js";
+import h from "../Img";
+import { styled as n } from "../Theme";
 function f({
   name: o,
   size: t = 36,

package/lib/Icon/index.js

@@ -1,19 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Icon as d } from "@iconify/react";
-import l from "../Colors/themes/default.js";
-import { styled as p } from "../Theme/index.js";
-import { withDeprecated as m } from "../Util/deprecate.js";
+import l from "../Colors";
+import { styled as p } from "../Theme";
+import { withDeprecated as m } from "../Util/deprecate";
 function h({
   name: r,
-  color: o = l.grey[900],
-  size: e = 24,
+  color: e = l.grey[900],
+  size: o = 24,
   variant: a = "regular",
   rounded: f = !1,
   className: i = "",
-  forwardedRef: c
+  forwardedRef: s = void 0
 }) {
-  const s = a === "solid" ? `fa-solid:${r}` : `fa-regular:${r}`, n = /* @__PURE__ */ t(d, { icon: s, color: o, width: e, height: e, className: i });
-  return f ? /* @__PURE__ */ t(u, { ref: c, size: e, color: o, className: i, children: n }) : n;
+  const c = a === "solid" ? `fa-solid:${r}` : `fa-regular:${r}`, n = /* @__PURE__ */ t(d, { icon: c, color: e, width: o, height: o, className: i });
+  return f ? /* @__PURE__ */ t(u, { ref: s, size: o, color: e, className: i, children: n }) : n;
 }
 const u = p("span")`
   width: ${(r) => r.size * 2}px;
@@ -30,13 +30,13 @@ const u = p("span")`
   .far {
     line-height: ${(r) => r.size}px;
   }
-`, y = m(
+`, I = m(
   ({
     ref: r,
-    ...o
-  }) => /* @__PURE__ */ t(h, { ...o, forwardedRef: r }),
+    ...e
+  }) => /* @__PURE__ */ t(h, { ...e, forwardedRef: r }),
   { name: "Icon", alternative: "SVG icons" }
 );
 export {
-  y as default
+  I as default
 };

package/lib/Img/index.js

@@ -7,7 +7,7 @@ import q from "@iconify-icons/material-symbols/image-rounded";
 import { Icon as h } from "@iconify/react";
 import { Box as B } from "@mui/material";
 import I from "lodash/noop";
-import { mergeSx as C } from "../Util/style.js";
+import { mergeSx as C } from "../Util/style";
 const D = "Img", b = {
   root: `${D}-root`
 };

package/lib/InfoRow/index.d.ts

@@ -1,6 +1,6 @@
 export interface InfoRowProps {
     name: React.ReactNode;
-    nameFormatter: (name: React.ReactNode) => React.ReactNode;
+    nameFormatter?: (name: React.ReactNode) => React.ReactNode;
     layout?: 'horizontal' | 'vertical';
     children: React.ReactNode;
     valueComponent?: React.ElementType;

package/lib/InfoRow/index.js

@@ -2,10 +2,9 @@ import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import c from "lodash/camelCase";
 import x from "lodash/upperFirst";
 import { Typography as e } from "@mui/material";
-import { styled as d } from "../Theme/index.js";
+import { styled as d } from "../Theme";
 function v({
   name: t,
-  // eslint-disable-next-line no-shadow
   nameFormatter: a = (o) => typeof o == "string" ? o.split(" ").map((s) => x(c(s))).join(" ") : o,
   layout: n = "horizontal",
   children: r,

package/lib/Layout/dashboard/external-link.d.ts

@@ -4,7 +4,7 @@ type RouterNavLinkProps = React.ComponentProps<typeof RouterNavLink>;
 export interface LinkProps extends RouterLinkProps {
     external?: false | true;
 }
-export declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export interface NavLinkProps extends Omit<RouterNavLinkProps, 'className'> {
     className?: string | ((props: Partial<NavLinkRenderProps>) => string | undefined);
     external?: false | true;

package/lib/Layout/dashboard/external-link.js

@@ -15,7 +15,7 @@ function u({
     /* @__PURE__ */ r(n, { to: o, ...e, children: i })
   );
 }
-function p(n) {
+function p({ ...n }) {
   return /* @__PURE__ */ r(u, { routerLinkComponent: f, ...n });
 }
 function m({ className: n = "", ...o }) {

package/lib/Layout/dashboard/full-page.js

@@ -1,29 +1,29 @@
 import { jsx as r } from "react/jsx-runtime";
 import { createContext as g, use as P, useLayoutEffect as F, useState as f, useMemo as b } from "react";
 const s = g(null), d = (l) => {
-  const t = P(s);
+  const i = P(s);
   return F(() => {
-    l && t.configure(l);
-  }, []), t;
+    l && i.configure(l);
+  }, []), i;
 };
-function I({ children: l, ...t }) {
-  const [e, i] = f({
+function I({ children: l = void 0, ...i }) {
+  const [e, u] = f({
     inFullPage: !1,
     showToggleButton: !1,
     headerVisibleInFullPage: !0,
     footerVisibleInFullPage: !1,
     sidebarVisibleInFullPage: !1
   }), a = () => {
-    i((u) => ({ ...u, inFullPage: !u.inFullPage }));
+    u((t) => ({ ...t, inFullPage: !t.inFullPage }));
   }, o = b(() => ({
     ...e,
     headerVisible: !e.inFullPage || e.headerVisibleInFullPage,
     footerVisible: !e.inFullPage || e.footerVisibleInFullPage,
     sidebarVisible: !e.inFullPage || e.sidebarVisibleInFullPage,
     toggleFullPage: a,
-    configure: (u) => i((n) => ({ ...n, ...u }))
+    configure: (t) => u((n) => ({ ...n, ...t }))
   }), [e]);
-  return /* @__PURE__ */ r(s, { value: o, ...t, children: l });
+  return /* @__PURE__ */ r(s, { value: o, ...i, children: l });
 }
 export {
   s as FullPageContext,