@blocklet/ui-react 3.0.11 → 3.0.13

package/lib/UserCenter/components/notification.js

@@ -37,6 +37,7 @@ function y({
         /* @__PURE__ */ h(
           A,
           {
+            component: "div",
             onClick: r,
             sx: {
               color: "text.primary",

package/lib/UserCenter/components/user-info/user-info-item.js

@@ -1,20 +1,20 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { Box as n, Typography as o } from "@mui/material";
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { Box as o, Typography as r } from "@mui/material";
 import { Verified as l } from "@mui/icons-material";
-function x({ data: e, verified: s = !1, ...r }) {
+function x({ data: e, verified: s = !1, ...i }) {
   return /* @__PURE__ */ t(
-    n,
+    o,
     {
-      ...r,
+      ...i,
       sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        ...r.sx
+        ...i.sx
       },
       children: [
         /* @__PURE__ */ t(
-          o,
+          r,
           {
             sx: {
               display: "flex",
@@ -31,7 +31,7 @@ function x({ data: e, verified: s = !1, ...r }) {
           }
         ),
         /* @__PURE__ */ t(
-          n,
+          o,
           {
             sx: {
               display: "flex",
@@ -39,9 +39,10 @@ function x({ data: e, verified: s = !1, ...r }) {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ i(
-                o,
+              /* @__PURE__ */ n(
+                r,
                 {
+                  component: "div",
                   sx: {
                     color: "text.secondary",
                     whiteSpace: "pre-wrap",
@@ -50,7 +51,7 @@ function x({ data: e, verified: s = !1, ...r }) {
                   children: e.content
                 }
               ),
-              s && /* @__PURE__ */ i(l, { color: "success", style: { fontSize: 16, marginLeft: 4 } })
+              s && /* @__PURE__ */ n(l, { color: "success", style: { fontSize: 16, marginLeft: 4 } })
             ]
           }
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.0.11",
+  "version": "3.0.13",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.16.45",
     "@abtnode/util": "^1.16.45",
-    "@arcblock/bridge": "3.0.11",
-    "@arcblock/icons": "3.0.11",
-    "@arcblock/react-hooks": "3.0.11",
+    "@arcblock/bridge": "3.0.13",
+    "@arcblock/icons": "3.0.13",
+    "@arcblock/react-hooks": "3.0.13",
     "@arcblock/ws": "^1.20.15",
     "@blocklet/constant": "^1.16.45",
     "@blocklet/did-space-react": "^1.1.0",
@@ -90,5 +90,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "3619d5d23622fb8074ace5f6c685bcc25c14c056"
+  "gitHead": "2c404ff0a38e52d197334a035160b5eddf56df07"
 }

package/src/UserCenter/components/notification.tsx

@@ -44,6 +44,7 @@ function NotificationItem({
       }}>
       <Switch checked={value} size="small" onChange={onChange} />
       <Typography
+        component="div"
         onClick={handleClick}
         sx={{
           color: 'text.primary',

package/src/UserCenter/components/user-info/user-info-item.tsx

@@ -39,6 +39,7 @@ export default function UserInfoItem({ data, verified = false, ...rest }: TUserI
           alignItems: 'center',
         }}>
         <Typography
+          component="div"
           sx={{
             color: 'text.secondary',
             whiteSpace: 'pre-wrap',