@arcblock/ux 3.0.6 → 3.0.7

package/lib/SessionUser/components/session-user-item.js

@@ -1,24 +1,24 @@
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { useTheme as u, Box as e, Tooltip as x, Typography as h, IconButton as y } from "@mui/material";
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { useTheme as u, Box as a, Tooltip as x, Typography as h, IconButton as v } from "@mui/material";
 import { Icon as m } from "@iconify/react";
-import v from "@iconify-icons/material-symbols/lens";
-import w from "../../WalletOSIcon/index.js";
-import S from "../../Avatar/index.js";
-import { DID as g } from "../../DID/index.js";
-import { getSourceProvider as z } from "../libs/utils.js";
-function R({
-  ref: p,
+import w from "@iconify-icons/material-symbols/lens";
+import y from "../../WalletOSIcon";
+import S from "../../Avatar";
+import { DID as g } from "../../DID";
+import { getSourceProvider as z } from "../libs/utils";
+function W({
+  ref: p = void 0,
   sessionItem: r,
   statusContent: c = null,
-  active: n = !1,
-  ...a
+  active: f = !1,
+  ...e
 }) {
-  var i, t;
-  const { palette: o } = u(), f = z(r == null ? void 0 : r.user) === "wallet";
-  return /* @__PURE__ */ d(
-    e,
+  var o, d;
+  const { palette: i } = u(), n = z(r == null ? void 0 : r.user) === "wallet";
+  return /* @__PURE__ */ t(
+    a,
     {
-      ...a,
+      ...e,
       ref: p,
       sx: {
         display: "flex",
@@ -27,11 +27,11 @@ function R({
         py: 0.75,
         px: 1,
         width: "100%",
-        ...a == null ? void 0 : a.sx
+        ...e == null ? void 0 : e.sx
       },
       children: [
-        /* @__PURE__ */ d(
-          e,
+        /* @__PURE__ */ t(
+          a,
           {
             sx: {
               display: "flex",
@@ -43,17 +43,17 @@ function R({
               }
             },
             children: [
-              /* @__PURE__ */ l(e, { sx: { mr: 0.5, fontSize: 0 }, children: /* @__PURE__ */ l(S, { did: r.userDid, size: 36 }) }),
+              /* @__PURE__ */ l(a, { sx: { mr: 0.5, fontSize: 0 }, children: /* @__PURE__ */ l(S, { did: r.userDid, size: 36 }) }),
               /* @__PURE__ */ l(
-                w,
+                y,
                 {
-                  color: o.text.secondary,
+                  color: i.text.secondary,
                   loading: r.__isDefault,
-                  provider: (i = r == null ? void 0 : r.extra) == null ? void 0 : i.provider,
-                  walletOS: (t = r == null ? void 0 : r.extra) == null ? void 0 : t.walletOS
+                  provider: (o = r == null ? void 0 : r.extra) == null ? void 0 : o.provider,
+                  walletOS: (d = r == null ? void 0 : r.extra) == null ? void 0 : d.walletOS
                 }
               ),
-              f ? /* @__PURE__ */ l(g, { did: r.userDid, copyable: !1, size: 14, responsive: !1, compact: !0, sx: { lineHeight: 1 } }) : r.user.email && /* @__PURE__ */ l(
+              n ? /* @__PURE__ */ l(g, { did: r.userDid, copyable: !1, size: 14, responsive: !1, compact: !0, sx: { lineHeight: 1 } }) : r.user.email && /* @__PURE__ */ l(
                 x,
                 {
                   title: r.user.email,
@@ -77,11 +77,11 @@ function R({
             ]
           }
         ),
-        c || n && /* @__PURE__ */ l(y, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(m, { icon: v, fontSize: 6, color: o.success.main }) })
+        c || f && /* @__PURE__ */ l(v, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(m, { icon: w, fontSize: 6, color: i.success.main }) })
       ]
     }
   );
 }
 export {
-  R as default
+  W as default
 };

package/lib/SessionUser/components/session-user-switch.js

@@ -7,10 +7,10 @@ import V from "@iconify-icons/material-symbols/add-circle-outline-rounded";
 import q from "@iconify-icons/material-symbols/expand-more-rounded";
 import B from "@iconify-icons/material-symbols/swap-horiz-rounded";
 import G from "lodash/pick";
-import h from "./session-user-item.js";
-import { getVisitorId as J } from "../../Util/index.js";
-import { translate as K } from "../../Locale/util.js";
-import { translations as Q } from "../libs/translation.js";
+import h from "./session-user-item";
+import { getVisitorId as J } from "../../Util";
+import { translate as K } from "../../Locale/util";
+import { translations as Q } from "../libs/translation";
 function sr({
   session: o,
   onSwitch: g,

package/lib/SessionUser/components/un-login.js

@@ -8,13 +8,13 @@ import Q from "lodash/noop";
 import H from "@arcblock/icons/lib/DidBrandLogo";
 import { useBrowser as K } from "@arcblock/react-hooks";
 import { joinURL as V } from "ufo";
-import X from "../../CloseButton/index.js";
-import { translate as q } from "../../Locale/util.js";
-import { translations as G } from "../libs/translation.js";
-import J from "../../Typography/index.js";
-import Y from "./quick-login-item.js";
-import { getFederatedEnabled as Z, getMaster as oo } from "../../Util/federated.js";
-import { BLOCKLET_SERVICE_PATH_PREFIX as eo } from "../../Util/constant.js";
+import X from "../../CloseButton";
+import { translate as q } from "../../Locale/util";
+import { translations as G } from "../libs/translation";
+import J from "../../Typography";
+import Y from "./quick-login-item";
+import { getFederatedEnabled as Z, getMaster as oo } from "../../Util/federated";
+import { BLOCKLET_SERVICE_PATH_PREFIX as eo } from "../../Util/constant";
 function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d = "en" }) {
   const { palette: u } = P(), x = a((o, n = {}) => q(G, o, d, "en", n)), L = new URLSearchParams(window.location.search), b = K(), c = j(null), e = O({
     open: !1,

package/lib/SessionUser/components/user-info.js

@@ -1,17 +1,17 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { Box as a, Typography as k, Chip as A, alpha as R } from "@mui/material";
-import { Icon as y } from "@iconify/react";
+import { Icon as b } from "@iconify/react";
 import U from "@iconify-icons/material-symbols/swap-horiz-rounded";
-import W from "@iconify-icons/material-symbols/arrow-right-alt-rounded";
-import { useMemoizedFn as j, useCreation as b } from "ahooks";
+import j from "@iconify-icons/material-symbols/arrow-right-alt-rounded";
+import { useMemoizedFn as D, useCreation as y } from "ahooks";
 import w from "lodash/noop";
-import D from "../../Avatar/index.js";
-import { getUserAvatar as M } from "../../Util/index.js";
-import H from "./session-user-switch.js";
-import { getWallet as E } from "../libs/utils.js";
-import { translations as F } from "../libs/translation.js";
-import { translate as N } from "../../Locale/util.js";
-function Y({
+import M from "../../Avatar";
+import { getUserAvatar as W } from "../../Util";
+import H from "./session-user-switch";
+import { getWallet as F } from "../libs/utils";
+import { translations as N } from "../libs/translation";
+import { translate as T } from "../../Locale/util";
+function Z({
   session: r,
   onSwitchPassport: p,
   onSwitchAccount: v,
@@ -21,12 +21,12 @@ function Y({
   isBlocklet: o = !0
 }) {
   var m, f, u, h, g;
-  const d = j((t, n = {}) => N(F, t, c, "en", n)), I = M((f = (m = r.user) == null ? void 0 : m.avatar) == null ? void 0 : f.replace(/\s/g, encodeURIComponent(" ")), 64), l = b(() => {
+  const d = D((t, n = {}) => T(N, t, c, "en", n)), I = W((f = (m = r.user) == null ? void 0 : m.avatar) == null ? void 0 : f.replace(/\s/g, encodeURIComponent(" ")), 64), l = y(() => {
     var t, n;
     return (n = (t = r.user) == null ? void 0 : t.passports) == null ? void 0 : n.find(
       (x) => x.name === r.user.role || x.role === r.user.role
     );
-  }, [(u = r == null ? void 0 : r.user) == null ? void 0 : u.passports, (h = r == null ? void 0 : r.user) == null ? void 0 : h.role]), z = b(() => E(r == null ? void 0 : r.user), [r == null ? void 0 : r.user]);
+  }, [(u = r == null ? void 0 : r.user) == null ? void 0 : u.passports, (h = r == null ? void 0 : r.user) == null ? void 0 : h.role]), z = y(() => F(r == null ? void 0 : r.user), [r == null ? void 0 : r.user]);
   return /* @__PURE__ */ i(
     a,
     {
@@ -88,7 +88,7 @@ function Y({
                           }
                         },
                         children: /* @__PURE__ */ e(
-                          D,
+                          M,
                           {
                             variant: "circle",
                             did: r.user.did,
@@ -125,7 +125,7 @@ function Y({
                       boxShadow: "none"
                     }
                   },
-                  deleteIcon: /* @__PURE__ */ e(y, { icon: U, color: "inherit" }),
+                  deleteIcon: /* @__PURE__ */ e(b, { icon: U, color: "inherit" }),
                   onDelete: p,
                   onClick: p,
                   "data-cy": "sessionManager-switch-passport-trigger"
@@ -155,7 +155,7 @@ function Y({
             "data-cy": "sessionManager-bind-trigger",
             children: [
               d("connectDIDWallet"),
-              /* @__PURE__ */ e(y, { icon: W, color: "inherit", fontSize: 16 })
+              /* @__PURE__ */ e(b, { icon: j, color: "inherit", fontSize: 16 })
             ]
           }
         )
@@ -164,5 +164,5 @@ function Y({
   );
 }
 export {
-  Y as default
+  Z as default
 };

package/lib/SessionUser/index.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import f from "lodash/noop";
 import { useCreation as p } from "ahooks";
-import u from "./components/logged-in.js";
-import l from "./components/un-login.js";
+import u from "./components/logged-in";
+import l from "./components/un-login";
 function b({
   session: r,
   onBindWallet: e = f,

package/lib/SharedBridge/index.js

@@ -1,20 +1,20 @@
 import { jsx as g } from "react/jsx-runtime";
 import { Box as I } from "@mui/material";
-import { memo as v, useRef as w, useId as S, useEffect as A, useImperativeHandle as L } from "react";
-import { withQuery as b } from "ufo";
-import { useReactive as x, useMemoizedFn as y } from "ahooks";
+import { memo as v, useRef as w, useId as S, useEffect as x, useImperativeHandle as A } from "react";
+import { withQuery as L } from "ufo";
+import { useReactive as b, useMemoizedFn as y } from "ahooks";
 import E from "lodash/noop";
-import { mergeSx as R } from "../Util/style.js";
-import { callIframe as i, getCallbackAction as c } from "../Util/iframe.js";
-function B({
-  ref: d,
+import { mergeSx as R } from "../Util/style";
+import { callIframe as i, getCallbackAction as c } from "../Util/iframe";
+function q({
+  ref: d = void 0,
   src: o,
   onClick: s,
   onLoad: u = E,
-  sx: m,
+  sx: m = {},
   ...f
 }) {
-  const r = w(null), n = `shared-bridge_${S()}`, t = x({
+  const t = w(null), n = `shared-bridge_${S()}`, r = b({
     hasInited: void 0,
     open: !1,
     hasStorageAccess: !1,
@@ -34,42 +34,42 @@ function B({
       }
     }
   });
-  A(() => {
+  x(() => {
     async function e(h) {
       const { data: a } = h;
       if (a.action === c(n, "requestStorageAccess")) {
-        if (t.open = !1, !a.value) {
+        if (r.open = !1, !a.value) {
           s(a);
           return;
         }
-        const { value: p } = await i(r.current, "getVisitorId");
+        const { value: p } = await i(t.current, "getVisitorId");
         s({ ...a, visitorId: p });
-      } else a.action === c(n, "preRequestStorageAccess") && (t.open = !0);
+      } else a.action === c(n, "preRequestStorageAccess") && (r.open = !0);
     }
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [s, n, r == null ? void 0 : r.current]);
+  }, [s, n, t == null ? void 0 : t.current]);
   const l = y(() => {
-    i(r.current, "hasStorageAccess").then(({ value: e }) => {
-      t.hasStorageAccess = e, t.hasInited = !0;
+    i(t.current, "hasStorageAccess").then(({ value: e }) => {
+      r.hasStorageAccess = e, r.hasInited = !0;
     }), setTimeout(() => {
-      t.hasInited === void 0 && (t.hasInited = !1);
+      r.hasInited === void 0 && (r.hasInited = !1);
     }, 1e3), u();
   });
-  return L(d, () => ({
+  return A(d, () => ({
     callIframe(e) {
-      return i(r.current, e);
+      return i(t.current, e);
     }
   })), /* @__PURE__ */ g(
     I,
     {
       ...f,
       component: "iframe",
-      ref: r,
+      ref: t,
       onLoad: l,
       "data-id": n,
-      src: b(o, { id: n }),
+      src: L(o, { id: n }),
       sx: R(
         {
           border: 0,
@@ -86,7 +86,7 @@ function B({
     }
   );
 }
-const T = v(B);
+const V = v(q);
 export {
-  T as default
+  V as default
 };

package/lib/Spinner/index.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { CircularProgress as t } from "@mui/material";
-import { withDeprecated as a } from "../Util/deprecate.js";
-function n(r) {
+import { withDeprecated as a } from "../Util/deprecate";
+function n({ ...r }) {
   const e = { ...r };
   return e.size && Array.isArray(r.size) && ([e.size] = r.size), /* @__PURE__ */ i(t, { ...e });
 }

package/lib/SplitButton/index.d.ts

@@ -6,7 +6,7 @@ export interface SplitButtonProps extends Omit<ButtonGroupProps, 'children'> {
     onClick?: () => void;
     menuButtonProps?: ButtonProps;
 }
-declare function SplitButton(props: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function SplitButton({ ...props }: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SplitButton {
     var Item: import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>;
 }

package/lib/SplitButton/index.js

@@ -3,8 +3,8 @@ import { useState as P, useRef as b, createElement as A, isValidElement as E } f
 import { ExpandMore as L } from "@mui/icons-material";
 import { ButtonGroup as S, Popper as w, MenuItem as p, Button as c, Paper as z, ClickAwayListener as j, MenuList as G } from "@mui/material";
 import R from "lodash/noop";
-import { styled as d } from "../Theme/index.js";
-function v(o) {
+import { styled as d } from "../Theme";
+function v({ ...o }) {
   const {
     size: m = "medium",
     color: r = "primary",

package/lib/Success/index.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { useTheme as p, Box as e } from "@mui/material";
-function x({ size: s = 64, backgroundColor: r, borderWidth: t = 4 }) {
+function x({ size: s = 64, backgroundColor: r = void 0, borderWidth: t = 4 }) {
   const { palette: c } = p(), o = s - t * 2, a = r || c.background.default;
   return /* @__PURE__ */ l(
     e,

package/lib/Switch/index.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import a from "prop-types";
 import { Switch as c, FormControlLabel as e } from "@mui/material";
-import { styled as l } from "../Theme/index.js";
+import { styled as l } from "../Theme";
 const r = l((i) => /* @__PURE__ */ t(c, { focusVisibleClassName: ".Mui-focusVisible", disableRipple: !0, ...i }))(
   ({ theme: i }) => ({
     width: 42,

package/lib/Tabs/index.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { Tabs as u, Tab as c } from "@mui/material";
-import { styled as p } from "../Theme/index.js";
-const b = "index", s = {
-  tabs: `${b}-tabs`,
-  tab: `${b}-tab`
+import { styled as p } from "../Theme";
+const d = "index", s = {
+  tabs: `${d}-tabs`,
+  tab: `${d}-tab`
 }, m = p(u)(({ theme: e }) => ({
   [`& .${s.tabs}`]: {},
   [`& .${s.tab}`]: {
@@ -13,7 +13,7 @@ const b = "index", s = {
     }
   }
 }));
-function f({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
+function v({ tabs: e, current: t, onChange: r, iconPosition: n = void 0, ...o }) {
   return /* @__PURE__ */ l(
     u,
     {
@@ -77,7 +77,7 @@ function f({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
     }
   );
 }
-function v({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
+function f({ tabs: e, current: t, onChange: r, iconPosition: n = void 0, ...o }) {
   return /* @__PURE__ */ l(
     u,
     {
@@ -146,14 +146,21 @@ function v({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
     }
   );
 }
-function T({ tabs: e, current: t, onChange: r, variant: n, iconPosition: o, ...a }) {
-  return n === "card" ? /* @__PURE__ */ l(f, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : n === "line" ? /* @__PURE__ */ l(v, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : /* @__PURE__ */ l(
+function T({
+  tabs: e,
+  current: t,
+  onChange: r,
+  variant: n = void 0,
+  iconPosition: o = void 0,
+  ...a
+}) {
+  return n === "card" ? /* @__PURE__ */ l(v, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : n === "line" ? /* @__PURE__ */ l(f, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : /* @__PURE__ */ l(
     m,
     {
       scrollButtons: "auto",
       variant: "scrollable",
       value: t,
-      onChange: (i, d) => r(d),
+      onChange: (i, b) => r(b),
       indicatorColor: "primary",
       ...a,
       className: [s.tabs, a.className || ""].join(" "),

package/lib/Tag/index.d.ts

@@ -25,7 +25,7 @@ export type TagProps = TypographyProps & TagOwnProps;
  * @param {TagProps} props
  * @return {import('react').ReactNode}
  */
-declare function Tag(rawProps: any): import('react').ReactNode;
+declare function Tag({ ...rawProps }: TagProps): import('react').ReactNode;
 declare namespace Tag {
     namespace propTypes {
         let children: PropTypes.Validator<any>;

package/lib/Tag/index.js

@@ -1,10 +1,10 @@
 import { jsx as h } from "react/jsx-runtime";
 import r from "prop-types";
-import { Typography as u, useTheme as b } from "@mui/material";
+import { Typography as u } from "@mui/material";
 import n from "lodash/isUndefined";
-import { mergeProps as x } from "../Util/index.js";
-import e from "../Colors/themes/default.js";
-import { styled as w } from "../Theme/index.js";
+import { mergeProps as b } from "../Util";
+import e from "../Colors";
+import { styled as x, useTheme as w } from "../Theme";
 const i = {
   error: {
     color: e.common.white,
@@ -27,10 +27,10 @@ const i = {
     backgroundColor: "#222"
   }
 };
-function a(m) {
+function a({ ...m }) {
   const o = Object.assign({}, m);
   n(o.type) && (o.type = "primary"), n(o.content) && (o.content = ""), n(o.style) && (o.style = {}), n(o.className) && (o.className = "");
-  const p = x(o, a, ["style"]), { type: t, content: l, children: y, style: f, className: g, ...d } = p, { palette: s } = b(), c = Object.assign({}, i[t] || i.primary, f);
+  const p = b(o, a, ["style"]), { type: t, content: l, children: y, style: f, className: g, ...d } = p, { palette: s } = w(), c = Object.assign({}, i[t] || i.primary, f);
   return s[t] && Object.assign(c, {
     color: s[t].contrastText || e.common.white,
     backgroundColor: s[t].main
@@ -43,7 +43,7 @@ a.propTypes = {
   className: r.string,
   style: r.oneOfType([r.object, r.string])
 };
-const j = w(u)`
+const j = x(u)`
   && {
     display: inline-flex;
     justify-content: center;

package/lib/TextCollapse/index.js

@@ -1,14 +1,14 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { Typography as x } from "@mui/material";
-import { styled as y } from "../Theme/index.js";
-import { withDeprecated as u } from "../Util/deprecate.js";
+import { styled as y } from "../Theme";
+import { withDeprecated as u } from "../Util/deprecate";
 function g({
   children: t,
   maxWidth: s,
   startChars: n = 5,
   endChars: e = 5,
   scaleFactor: o = 0.45,
-  style: a,
+  style: a = void 0,
   fontType: l = "normal",
   ...p
 }) {

package/lib/Theme/index.js

@@ -1,25 +1,14 @@
-import { styled as a } from "@mui/material";
-import { useTheme as h } from "@mui/material";
-import { collectFontFamilies as c, create as f, createDefaultThemeOptions as T, createTheme as x, isTheme as F, isUxTheme as i, lazyCreateDefaultTheme as n, loadFonts as P } from "./theme.js";
-import { ColorSchemeContext as C, default as w, useColorScheme as p } from "./theme-provider.js";
-import { deepmerge as S } from "@mui/utils";
-const o = (r) => r.startsWith("$"), l = (r, e) => a(r, {
-  ...e,
-  shouldForwardProp: (t) => e != null && e.shouldForwardProp ? e.shouldForwardProp(t) && !o(t) : !o(t)
+import { styled as o } from "@mui/material";
+import { useTheme as f } from "@mui/material";
+export * from "./theme";
+export * from "./theme-provider";
+import { default as P } from "./theme-provider";
+const d = (e) => e.startsWith("$"), a = (e, r) => o(e, {
+  ...r,
+  shouldForwardProp: (t) => r != null && r.shouldForwardProp ? r.shouldForwardProp(t) && !d(t) : !d(t)
 });
 export {
-  C as ColorSchemeContext,
-  w as ThemeProvider,
-  c as collectFontFamilies,
-  f as create,
-  T as createDefaultThemeOptions,
-  x as createTheme,
-  S as deepmerge,
-  F as isTheme,
-  i as isUxTheme,
-  n as lazyCreateDefaultTheme,
-  P as loadFonts,
-  l as styled,
-  p as useColorScheme,
-  h as useTheme
+  P as ThemeProvider,
+  a as styled,
+  f as useTheme
 };