@arcblock/ux 2.5.56 → 2.5.58
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/lib/Avatar/index.js +4 -3
- package/lib/Dialog/dialog.js +3 -1
- package/package.json +4 -4
- package/src/Avatar/index.js +2 -2
- package/src/Dialog/dialog.js +1 -1
package/lib/Avatar/index.js
CHANGED
|
@@ -29,7 +29,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
29
29
|
|
|
30
30
|
var _templateObject, _templateObject2;
|
|
31
31
|
|
|
32
|
-
const _excluded = ["did", "size", "src", "variant", "animation", "shape", "blockiesPadding"];
|
|
32
|
+
const _excluded = ["did", "size", "src", "variant", "animation", "shape", "blockiesPadding", "responsive"];
|
|
33
33
|
|
|
34
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
35
35
|
|
|
@@ -75,7 +75,8 @@ function Avatar(props) {
|
|
|
75
75
|
variant,
|
|
76
76
|
animation,
|
|
77
77
|
shape,
|
|
78
|
-
blockiesPadding
|
|
78
|
+
blockiesPadding,
|
|
79
|
+
responsive
|
|
79
80
|
} = newProps,
|
|
80
81
|
rest = _objectWithoutProperties(newProps, _excluded); // ethereum blockies
|
|
81
82
|
|
|
@@ -139,7 +140,7 @@ function Avatar(props) {
|
|
|
139
140
|
size: size,
|
|
140
141
|
animation: animation,
|
|
141
142
|
shape: _didMotif.Shape[(shape || '').toUpperCase()],
|
|
142
|
-
responsive:
|
|
143
|
+
responsive: responsive
|
|
143
144
|
}, rest));
|
|
144
145
|
}
|
|
145
146
|
|
package/lib/Dialog/dialog.js
CHANGED
|
@@ -175,6 +175,8 @@ Dialog.defaultProps = {
|
|
|
175
175
|
const StyledMuiDialog = (0, _Theme.styled)(_Dialog.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .MuiDialog-paper {\n ", ";\n }\n .MuiDialogContent-root {\n padding: 16px 24px;\n }\n .MuiDialogActions-root {\n padding: 8px 24px 16px 24px;\n }\n .MuiDialogActions-root.ux-dialog_actions--left {\n justify-content: flex-start;\n }\n .MuiDialogActions-root.ux-dialog_actions--right {\n justify-content: flex-end;\n }\n .MuiDialogActions-root.ux-dialog_actions--center {\n justify-content: center;\n }\n"])), props => props.fullScreen ? 'border-radius: 0;' : '');
|
|
176
176
|
/** @type {import('@emotion/styled').StyledComponent<import('react').ComponentPropsWithoutRef<"div">, {}, { ref?: React.Ref<any> | undefined;}>} */
|
|
177
177
|
|
|
178
|
-
const Header = (0, _Theme.styled)('div'
|
|
178
|
+
const Header = (0, _Theme.styled)('div', {
|
|
179
|
+
shouldForwardProp: prop => prop !== 'isMobile'
|
|
180
|
+
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 24px;\n .ux-dialog_left {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n min-width: 0;\n }\n .ux-dialog_right {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n .ux-dialog_toolbar {\n display: flex;\n align-items: center;\n }\n .ux-dialog_title {\n margin: 0;\n font-size: 18px;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .ux-dialog_closeButton {\n /* \u4F7F closeButton \u4E0E content \u5DE6/\u53F3\u5BF9\u9F50 */\n ", "\n }\n"])), props => props.isMobile ? 'margin-left: -12px;' : 'margin-right: -12px;');
|
|
179
181
|
var _default = Dialog;
|
|
180
182
|
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcblock/ux",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.58",
|
|
4
4
|
"description": "Common used react components for arcblock products",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -47,11 +47,11 @@
|
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": ">=18.1.0"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "ac16776460613a0e3a004ebb66fba2b98f3e0d86",
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@arcblock/did-motif": "^1.1.12",
|
|
53
|
-
"@arcblock/icons": "^2.5.
|
|
54
|
-
"@arcblock/react-hooks": "^2.5.
|
|
53
|
+
"@arcblock/icons": "^2.5.58",
|
|
54
|
+
"@arcblock/react-hooks": "^2.5.58",
|
|
55
55
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
|
56
56
|
"@emotion/react": "^11.10.4",
|
|
57
57
|
"@emotion/styled": "^11.10.4",
|
package/src/Avatar/index.js
CHANGED
|
@@ -32,7 +32,7 @@ import blockies from './etherscan-blockies';
|
|
|
32
32
|
function Avatar(props) {
|
|
33
33
|
const [imgError, setImgError] = useState(false);
|
|
34
34
|
const newProps = mergeProps(props, Avatar, []);
|
|
35
|
-
const { did = '', size, src, variant, animation, shape, blockiesPadding, ...rest } = newProps;
|
|
35
|
+
const { did = '', size, src, variant, animation, shape, blockiesPadding, responsive, ...rest } = newProps;
|
|
36
36
|
|
|
37
37
|
// ethereum blockies
|
|
38
38
|
const blockyIcon = useMemo(() => {
|
|
@@ -86,7 +86,7 @@ function Avatar(props) {
|
|
|
86
86
|
size={size}
|
|
87
87
|
animation={animation}
|
|
88
88
|
shape={Shape[(shape || '').toUpperCase()]}
|
|
89
|
-
responsive={
|
|
89
|
+
responsive={responsive}
|
|
90
90
|
{...rest}
|
|
91
91
|
/>
|
|
92
92
|
);
|
package/src/Dialog/dialog.js
CHANGED
|
@@ -136,7 +136,7 @@ const StyledMuiDialog = styled(MuiDialog)`
|
|
|
136
136
|
`;
|
|
137
137
|
|
|
138
138
|
/** @type {import('@emotion/styled').StyledComponent<import('react').ComponentPropsWithoutRef<"div">, {}, { ref?: React.Ref<any> | undefined;}>} */
|
|
139
|
-
const Header = styled('div')`
|
|
139
|
+
const Header = styled('div', { shouldForwardProp: (prop) => prop !== 'isMobile' })`
|
|
140
140
|
display: flex;
|
|
141
141
|
justify-content: space-between;
|
|
142
142
|
align-items: center;
|