@arcblock/ux 3.0.11 → 3.0.13

package/lib/Layout/dashboard/index.js

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { useMemo as M, useEffect as f } from "react";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { useMemo as M, useEffect as b } from "react";
 import { useLocation as p, matchPath as z } from "react-router-dom";
 import D from "react-helmet";
-import { useTheme as R, Box as d, Container as T } from "@mui/material";
+import { Box as d, useTheme as R, Container as T } from "@mui/material";
 import V from "clsx";
 import { CloseFullscreen as B, OpenInFull as U } from "@mui/icons-material";
 import E from "../dashboard-legacy/index.js";
@@ -11,13 +11,13 @@ import G from "../../Header/responsive-header.js";
 import O from "../../NavMenu/nav-menu.js";
 import "../../NavMenu/products.js";
 import q from "../../Footer/index.js";
-import b from "./sidebar.js";
+import f from "./sidebar.js";
 import { styled as u } from "../../Theme/index.js";
 import { Link as x } from "./external-link.js";
 import { FullPageProvider as A, useFullPage as J } from "./full-page.js";
 function K({ closeMenu: e, ...a }) {
   const o = p();
-  return f(() => {
+  return b(() => {
     e();
   }, [o]), /* @__PURE__ */ r(O, { ...a });
 }
@@ -43,28 +43,28 @@ function Q({
   footerProps: y = {},
   sx: N = {},
   children: P,
-  ...h
+  ...c
 }) {
-  const c = R(), { inFullPage: F, showToggleButton: L, headerVisible: W, footerVisible: $, sidebarVisible: C, toggleFullPage: H } = J(), m = p(), s = M(() => g(o, m), [m, o]), _ = s.some((t) => !!t.children?.length), i = l === "auto" ? s.length >= 8 || _ : l, S = V("dashboard", { "dashboard-dense": i }, h.className), j = {
+  const h = R(), { inFullPage: F, showToggleButton: L, headerVisible: $, footerVisible: C, sidebarVisible: H, toggleFullPage: W } = J(), m = p(), n = M(() => g(o, m), [m, o]), _ = n.some((t) => !!t.children?.length), i = l === "auto" ? n.length >= 8 || _ : l, S = V("dashboard", { "dashboard-dense": i }, c.className), j = {
     homeLink: (t) => /* @__PURE__ */ r(x, { to: window.blocklet?.prefix || "/", children: t }),
     ...a
   };
-  return f(() => {
+  return b(() => {
     const { searchParams: t } = new URL(window.location.href);
     t.get("inviter") && window.localStorage.setItem("inviter", t.get("inviter"));
-  }, []), /* @__PURE__ */ n(X, { sx: N, ...h, className: S, sidebarWidth: v, children: [
+  }, []), /* @__PURE__ */ s(X, { sx: N, ...c, className: S, sidebarWidth: v, children: [
     /* @__PURE__ */ r(D, { title: e }, e),
-    W && /* @__PURE__ */ r(Y, { ...j, className: "dashboard-header", children: o?.length ? ({ isMobile: t, closeMenu: I }) => t ? /* @__PURE__ */ r(
+    $ && /* @__PURE__ */ r(Y, { ...j, className: "dashboard-header", children: o?.length ? ({ isMobile: t, closeMenu: I }) => t ? /* @__PURE__ */ r(
       K,
       {
         mode: "inline",
-        items: s,
+        items: n,
         closeMenu: I,
         bgColor: "transparent",
-        activeTextColor: c.palette.primary.main
+        activeTextColor: h.palette.primary.main
       }
     ) : null : null }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ s(
       d,
       {
         className: "dashboard-body",
@@ -72,7 +72,7 @@ function Q({
           display: "flex"
         },
         children: [
-          !!o?.length && C && /* @__PURE__ */ r(
+          !!o?.length && H && /* @__PURE__ */ r(
             d,
             {
               className: "dashboard-sidebar",
@@ -82,10 +82,10 @@ function Q({
                   md: "block"
                 }
               },
-              children: i ? /* @__PURE__ */ r(b, { links: o, dense: i }) : /* @__PURE__ */ r(d, { className: "dashboard-sidebar-container", children: /* @__PURE__ */ r(b, { links: o, dense: i }) })
+              children: i ? /* @__PURE__ */ r(f, { links: o, dense: i }) : /* @__PURE__ */ r(d, { className: "dashboard-sidebar-container", children: /* @__PURE__ */ r(f, { links: o, dense: i }) })
             }
           ),
-          /* @__PURE__ */ n(d, { className: "dashboard-main", id: "arc__dashboard-main", children: [
+          /* @__PURE__ */ s(d, { className: "dashboard-main", id: "arc__dashboard-main", children: [
             L && /* @__PURE__ */ r(
               d,
               {
@@ -103,21 +103,19 @@ function Q({
                   borderRadius: 1,
                   cursor: "pointer"
                 },
-                onClick: H,
+                onClick: W,
                 children: F ? /* @__PURE__ */ r(B, { style: { fontSize: 18 } }) : /* @__PURE__ */ r(U, { style: { fontSize: 18 } })
               }
             ),
             /* @__PURE__ */ r(T, { className: "dashboard-content", id: "arc__dashboard-content", ...w && { maxWidth: !1 }, children: P }),
-            $ && /* @__PURE__ */ r(q, { dark: c.palette.mode === "dark", ...y })
+            C && /* @__PURE__ */ r(q, { dark: h.palette.mode === "dark", ...y })
           ] })
         ]
       }
     )
   ] });
 }
-const X = u("div", {
-  shouldForwardProp: (e) => e !== "sidebarWidth"
-})`
+const X = u(d)`
   &.dashboard {
     display: flex;
     flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.0.11",
+  "version": "3.0.13",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -60,16 +60,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "3619d5d23622fb8074ace5f6c685bcc25c14c056",
+  "gitHead": "2c404ff0a38e52d197334a035160b5eddf56df07",
   "dependencies": {
-    "@arcblock/bridge": "3.0.11",
+    "@arcblock/bridge": "3.0.13",
     "@arcblock/did": "^1.20.15",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "3.0.11",
-    "@arcblock/nft-display": "3.0.11",
-    "@arcblock/react-hooks": "3.0.11",
+    "@arcblock/icons": "3.0.13",
+    "@arcblock/nft-display": "3.0.13",
+    "@arcblock/react-hooks": "3.0.13",
     "@blocklet/js-sdk": "^1.16.45",
-    "@blocklet/theme": "3.0.11",
+    "@blocklet/theme": "3.0.13",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/Layout/dashboard/index.tsx

@@ -177,9 +177,7 @@ function Dashboard({
 
 type WrapperProps = React.HTMLAttributes<HTMLDivElement> & { sidebarWidth: number };
 
-const Wrapper = styled('div', {
-  shouldForwardProp: (prop) => prop !== 'sidebarWidth',
-})<WrapperProps>`
+const Wrapper = styled(Box)<WrapperProps>`
   &.dashboard {
     display: flex;
     flex-direction: column;