@arcblock/ux 2.9.69 → 2.9.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/SessionUser/components/logged-in.js +6 -1
- package/es/SessionUser/components/session-user-switch.js +14 -5
- package/es/SessionUser/components/user-info.js +4 -2
- package/lib/SessionUser/components/logged-in.js +6 -1
- package/lib/SessionUser/components/session-user-switch.js +14 -5
- package/lib/SessionUser/components/user-info.js +4 -2
- package/package.json +5 -5
- package/src/SessionUser/components/logged-in.jsx +2 -1
- package/src/SessionUser/components/session-user-switch.jsx +18 -4
- package/src/SessionUser/components/user-info.jsx +3 -1
|
@@ -124,6 +124,11 @@ export default function LoggedIn({
|
|
|
124
124
|
onSwitchAccount: handleSwitchAccount,
|
|
125
125
|
onSwitchProfile: handleSwitchProfile,
|
|
126
126
|
onBindWallet: handleBindWallet
|
|
127
|
+
}), /*#__PURE__*/_jsx(Divider, {
|
|
128
|
+
sx: {
|
|
129
|
+
m: '0!important',
|
|
130
|
+
borderColor: colors.strokeSep
|
|
131
|
+
}
|
|
127
132
|
}), /*#__PURE__*/_jsxs(MenuList, {
|
|
128
133
|
sx: {
|
|
129
134
|
p: 0
|
|
@@ -155,7 +160,7 @@ export default function LoggedIn({
|
|
|
155
160
|
}), /*#__PURE__*/_jsx(Divider, {
|
|
156
161
|
sx: {
|
|
157
162
|
m: '0!important',
|
|
158
|
-
borderColor: colors.
|
|
163
|
+
borderColor: colors.strokeSep
|
|
159
164
|
}
|
|
160
165
|
})]
|
|
161
166
|
}) : null, /*#__PURE__*/_jsx(SessionMenuItem, {
|
|
@@ -79,7 +79,6 @@ export default function SessionUserSwitch({
|
|
|
79
79
|
color: colors.textMuted
|
|
80
80
|
}),
|
|
81
81
|
sx: {
|
|
82
|
-
border: `1px solid ${colors.borderBase}`,
|
|
83
82
|
borderRadius: 2,
|
|
84
83
|
cursor: 'pointer',
|
|
85
84
|
py: 1.25,
|
|
@@ -93,16 +92,26 @@ export default function SessionUserSwitch({
|
|
|
93
92
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
94
93
|
children: [/*#__PURE__*/_jsx(SessionUserItem, {
|
|
95
94
|
sessionItem: currentSession,
|
|
96
|
-
statusContent: /*#__PURE__*/_jsx(
|
|
95
|
+
statusContent: /*#__PURE__*/_jsx(Box, {
|
|
96
|
+
component: Icon,
|
|
97
97
|
icon: ExpandMoreRoundedIcon,
|
|
98
|
-
|
|
98
|
+
className: "session-user-switch-icon",
|
|
99
|
+
sx: {
|
|
100
|
+
transform: 'scale(1.5) rotate(-90deg)',
|
|
101
|
+
transition: 'transform 0.2s ease'
|
|
102
|
+
}
|
|
99
103
|
}),
|
|
100
104
|
sx: {
|
|
101
|
-
border: `1px solid ${colors.borderBase}`,
|
|
102
105
|
borderRadius: 2,
|
|
103
106
|
cursor: 'pointer',
|
|
104
107
|
py: 1.25,
|
|
105
|
-
px:
|
|
108
|
+
px: 2,
|
|
109
|
+
'&:hover': {
|
|
110
|
+
backgroundColor: `${colors.surfacePrimarySubtitle} !important`,
|
|
111
|
+
'.session-user-switch-icon': {
|
|
112
|
+
transform: 'scale(1.5)'
|
|
113
|
+
}
|
|
114
|
+
}
|
|
106
115
|
},
|
|
107
116
|
onClick: () => onTogglePopper(),
|
|
108
117
|
ref: popperAnchorRef
|
|
@@ -33,7 +33,8 @@ export default function UserInfo({
|
|
|
33
33
|
}, [session?.user]);
|
|
34
34
|
return /*#__PURE__*/_jsxs(Box, {
|
|
35
35
|
sx: {
|
|
36
|
-
|
|
36
|
+
py: 2,
|
|
37
|
+
px: 0.5,
|
|
37
38
|
pb: 1,
|
|
38
39
|
display: 'flex',
|
|
39
40
|
flexDirection: 'column',
|
|
@@ -44,7 +45,8 @@ export default function UserInfo({
|
|
|
44
45
|
display: 'flex',
|
|
45
46
|
justifyContent: 'space-between',
|
|
46
47
|
alignItems: 'center',
|
|
47
|
-
gap: 1
|
|
48
|
+
gap: 1,
|
|
49
|
+
px: 2
|
|
48
50
|
},
|
|
49
51
|
children: [/*#__PURE__*/_jsxs(Box, {
|
|
50
52
|
sx: {
|
|
@@ -143,6 +143,11 @@ function LoggedIn(_ref) {
|
|
|
143
143
|
onSwitchAccount: handleSwitchAccount,
|
|
144
144
|
onSwitchProfile: handleSwitchProfile,
|
|
145
145
|
onBindWallet: handleBindWallet
|
|
146
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
|
|
147
|
+
sx: {
|
|
148
|
+
m: '0!important',
|
|
149
|
+
borderColor: _Colors.temp.strokeSep
|
|
150
|
+
}
|
|
146
151
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuList, {
|
|
147
152
|
sx: {
|
|
148
153
|
p: 0
|
|
@@ -174,7 +179,7 @@ function LoggedIn(_ref) {
|
|
|
174
179
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
|
|
175
180
|
sx: {
|
|
176
181
|
m: '0!important',
|
|
177
|
-
borderColor: _Colors.temp.
|
|
182
|
+
borderColor: _Colors.temp.strokeSep
|
|
178
183
|
}
|
|
179
184
|
})]
|
|
180
185
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionMenuItem, {
|
|
@@ -96,7 +96,6 @@ function SessionUserSwitch(_ref) {
|
|
|
96
96
|
color: _Colors.temp.textMuted
|
|
97
97
|
}),
|
|
98
98
|
sx: {
|
|
99
|
-
border: "1px solid ".concat(_Colors.temp.borderBase),
|
|
100
99
|
borderRadius: 2,
|
|
101
100
|
cursor: 'pointer',
|
|
102
101
|
py: 1.25,
|
|
@@ -110,16 +109,26 @@ function SessionUserSwitch(_ref) {
|
|
|
110
109
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
111
110
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sessionUserItem.default, {
|
|
112
111
|
sessionItem: currentSession,
|
|
113
|
-
statusContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
112
|
+
statusContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
113
|
+
component: _react2.Icon,
|
|
114
114
|
icon: _expandMoreRounded.default,
|
|
115
|
-
|
|
115
|
+
className: "session-user-switch-icon",
|
|
116
|
+
sx: {
|
|
117
|
+
transform: 'scale(1.5) rotate(-90deg)',
|
|
118
|
+
transition: 'transform 0.2s ease'
|
|
119
|
+
}
|
|
116
120
|
}),
|
|
117
121
|
sx: {
|
|
118
|
-
border: "1px solid ".concat(_Colors.temp.borderBase),
|
|
119
122
|
borderRadius: 2,
|
|
120
123
|
cursor: 'pointer',
|
|
121
124
|
py: 1.25,
|
|
122
|
-
px:
|
|
125
|
+
px: 2,
|
|
126
|
+
'&:hover': {
|
|
127
|
+
backgroundColor: "".concat(_Colors.temp.surfacePrimarySubtitle, " !important"),
|
|
128
|
+
'.session-user-switch-icon': {
|
|
129
|
+
transform: 'scale(1.5)'
|
|
130
|
+
}
|
|
131
|
+
}
|
|
123
132
|
},
|
|
124
133
|
onClick: () => onTogglePopper(),
|
|
125
134
|
ref: popperAnchorRef
|
|
@@ -45,7 +45,8 @@ function UserInfo(_ref) {
|
|
|
45
45
|
}, [session === null || session === void 0 ? void 0 : session.user]);
|
|
46
46
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
47
47
|
sx: {
|
|
48
|
-
|
|
48
|
+
py: 2,
|
|
49
|
+
px: 0.5,
|
|
49
50
|
pb: 1,
|
|
50
51
|
display: 'flex',
|
|
51
52
|
flexDirection: 'column',
|
|
@@ -56,7 +57,8 @@ function UserInfo(_ref) {
|
|
|
56
57
|
display: 'flex',
|
|
57
58
|
justifyContent: 'space-between',
|
|
58
59
|
alignItems: 'center',
|
|
59
|
-
gap: 1
|
|
60
|
+
gap: 1,
|
|
61
|
+
px: 2
|
|
60
62
|
},
|
|
61
63
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
62
64
|
sx: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcblock/ux",
|
|
3
|
-
"version": "2.9.
|
|
3
|
+
"version": "2.9.71",
|
|
4
4
|
"description": "Common used react components for arcblock products",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -359,12 +359,12 @@
|
|
|
359
359
|
"react": ">=18.2.0",
|
|
360
360
|
"react-router-dom": ">=6.22.3"
|
|
361
361
|
},
|
|
362
|
-
"gitHead": "
|
|
362
|
+
"gitHead": "472ec48604515c1dd0d6ea46665d597091fe6d14",
|
|
363
363
|
"dependencies": {
|
|
364
364
|
"@arcblock/did-motif": "^1.1.13",
|
|
365
|
-
"@arcblock/icons": "^2.9.
|
|
366
|
-
"@arcblock/nft-display": "^2.9.
|
|
367
|
-
"@arcblock/react-hooks": "^2.9.
|
|
365
|
+
"@arcblock/icons": "^2.9.71",
|
|
366
|
+
"@arcblock/nft-display": "^2.9.71",
|
|
367
|
+
"@arcblock/react-hooks": "^2.9.71",
|
|
368
368
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
|
369
369
|
"@emotion/react": "^11.10.4",
|
|
370
370
|
"@emotion/styled": "^11.10.4",
|
|
@@ -112,6 +112,7 @@ export default function LoggedIn({ session, dark, onBindWallet, isBlocklet, loca
|
|
|
112
112
|
onSwitchProfile={handleSwitchProfile}
|
|
113
113
|
onBindWallet={handleBindWallet}
|
|
114
114
|
/>
|
|
115
|
+
<Divider sx={{ m: '0!important', borderColor: colors.strokeSep }} />
|
|
115
116
|
<MenuList sx={{ p: 0 }}>
|
|
116
117
|
{isBlocklet ? (
|
|
117
118
|
<>
|
|
@@ -131,7 +132,7 @@ export default function LoggedIn({ session, dark, onBindWallet, isBlocklet, loca
|
|
|
131
132
|
href={PROFILE_URL}
|
|
132
133
|
sx={{ display: 'block', textDecoration: 'none', color: 'inherit' }}
|
|
133
134
|
/>
|
|
134
|
-
<Divider sx={{ m: '0!important', borderColor: colors.
|
|
135
|
+
<Divider sx={{ m: '0!important', borderColor: colors.strokeSep }} />
|
|
135
136
|
</>
|
|
136
137
|
) : null}
|
|
137
138
|
<SessionMenuItem
|
|
@@ -95,7 +95,6 @@ export default function SessionUserSwitch({ session, onSwitch, isBlocklet, local
|
|
|
95
95
|
sessionItem={currentSession}
|
|
96
96
|
statusContent={<Icon icon={SwapHorizRoundedIcon} color={colors.textMuted} />}
|
|
97
97
|
sx={{
|
|
98
|
-
border: `1px solid ${colors.borderBase}`,
|
|
99
98
|
borderRadius: 2,
|
|
100
99
|
cursor: 'pointer',
|
|
101
100
|
py: 1.25,
|
|
@@ -111,13 +110,28 @@ export default function SessionUserSwitch({ session, onSwitch, isBlocklet, local
|
|
|
111
110
|
<>
|
|
112
111
|
<SessionUserItem
|
|
113
112
|
sessionItem={currentSession}
|
|
114
|
-
statusContent={
|
|
113
|
+
statusContent={
|
|
114
|
+
<Box
|
|
115
|
+
component={Icon}
|
|
116
|
+
icon={ExpandMoreRoundedIcon}
|
|
117
|
+
className="session-user-switch-icon"
|
|
118
|
+
sx={{
|
|
119
|
+
transform: 'scale(1.5) rotate(-90deg)',
|
|
120
|
+
transition: 'transform 0.2s ease',
|
|
121
|
+
}}
|
|
122
|
+
/>
|
|
123
|
+
}
|
|
115
124
|
sx={{
|
|
116
|
-
border: `1px solid ${colors.borderBase}`,
|
|
117
125
|
borderRadius: 2,
|
|
118
126
|
cursor: 'pointer',
|
|
119
127
|
py: 1.25,
|
|
120
|
-
px:
|
|
128
|
+
px: 2,
|
|
129
|
+
'&:hover': {
|
|
130
|
+
backgroundColor: `${colors.surfacePrimarySubtitle} !important`,
|
|
131
|
+
'.session-user-switch-icon': {
|
|
132
|
+
transform: 'scale(1.5)',
|
|
133
|
+
},
|
|
134
|
+
},
|
|
121
135
|
}}
|
|
122
136
|
onClick={() => onTogglePopper()}
|
|
123
137
|
ref={popperAnchorRef}
|
|
@@ -39,7 +39,8 @@ export default function UserInfo({
|
|
|
39
39
|
return (
|
|
40
40
|
<Box
|
|
41
41
|
sx={{
|
|
42
|
-
|
|
42
|
+
py: 2,
|
|
43
|
+
px: 0.5,
|
|
43
44
|
pb: 1,
|
|
44
45
|
display: 'flex',
|
|
45
46
|
flexDirection: 'column',
|
|
@@ -51,6 +52,7 @@ export default function UserInfo({
|
|
|
51
52
|
justifyContent: 'space-between',
|
|
52
53
|
alignItems: 'center',
|
|
53
54
|
gap: 1,
|
|
55
|
+
px: 2,
|
|
54
56
|
}}>
|
|
55
57
|
<Box
|
|
56
58
|
sx={{
|