@arcblock/ux 2.9.1 → 2.9.3
Sign up to get free protection for your applications and to get access to all the features.
- package/es/Locale/selector.js +4 -1
- package/es/PoweredByArcBlock/index.js +31 -0
- package/es/SessionBlocklet/index.js +4 -1
- package/es/SessionUser/components/un-login.js +1 -1
- package/lib/Locale/selector.js +4 -1
- package/lib/PoweredByArcBlock/index.js +45 -0
- package/lib/SessionBlocklet/index.js +4 -1
- package/lib/SessionUser/components/un-login.js +1 -1
- package/package.json +8 -4
- package/src/Locale/selector.jsx +8 -1
- package/src/PoweredByArcBlock/index.jsx +26 -0
- package/src/SessionBlocklet/index.jsx +1 -1
- package/src/SessionUser/components/un-login.jsx +1 -1
package/es/Locale/selector.js
CHANGED
@@ -63,7 +63,10 @@ export default function LocaleSelector(props) {
|
|
63
63
|
return /*#__PURE__*/_jsx(IconifyIcon, {
|
64
64
|
icon: LanguageIcon,
|
65
65
|
fontSize: size,
|
66
|
-
color: theme.palette.text.secondary
|
66
|
+
color: theme.palette.text.secondary,
|
67
|
+
style: {
|
68
|
+
transform: 'scale(1.15)'
|
69
|
+
}
|
67
70
|
});
|
68
71
|
}, [Icon, theme?.palette?.text?.secondary, size]);
|
69
72
|
return /*#__PURE__*/_jsxs(Div, {
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import PropTypes from 'prop-types';
|
2
|
+
import { Link, Typography } from '@mui/material';
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
5
|
+
export default function PoweredByArcBlock({
|
6
|
+
linkProps,
|
7
|
+
...props
|
8
|
+
}) {
|
9
|
+
return /*#__PURE__*/_jsxs(Typography, {
|
10
|
+
...props,
|
11
|
+
children: ["Powered by", ' ', /*#__PURE__*/_jsx(Link, {
|
12
|
+
href: "https://www.arcblock.io",
|
13
|
+
target: "_blank",
|
14
|
+
underline: "hover",
|
15
|
+
...linkProps,
|
16
|
+
children: "ArcBlock"
|
17
|
+
}), "'s", ' ', /*#__PURE__*/_jsx(Link, {
|
18
|
+
href: "https://www.blocklet.io",
|
19
|
+
target: "_blank",
|
20
|
+
underline: "hover",
|
21
|
+
...linkProps,
|
22
|
+
children: "Blocklet Technology"
|
23
|
+
}), ", the decentralized web engine."]
|
24
|
+
});
|
25
|
+
}
|
26
|
+
PoweredByArcBlock.propTypes = {
|
27
|
+
linkProps: PropTypes.object
|
28
|
+
};
|
29
|
+
PoweredByArcBlock.defaultProps = {
|
30
|
+
linkProps: {}
|
31
|
+
};
|
@@ -49,7 +49,10 @@ export default function SessionBlocklet({
|
|
49
49
|
onClick: () => onTogglePopper(),
|
50
50
|
children: /*#__PURE__*/_jsx(Icon, {
|
51
51
|
icon: DashboardOutlineRoundedIcon,
|
52
|
-
fontSize: size
|
52
|
+
fontSize: size,
|
53
|
+
style: {
|
54
|
+
transform: 'scale(1.10)'
|
55
|
+
}
|
53
56
|
})
|
54
57
|
}), /*#__PURE__*/_jsx(Popper, {
|
55
58
|
open: currentState.open,
|
package/lib/Locale/selector.js
CHANGED
@@ -81,7 +81,10 @@ function LocaleSelector(props) {
|
|
81
81
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
|
82
82
|
icon: _language.default,
|
83
83
|
fontSize: size,
|
84
|
-
color: theme.palette.text.secondary
|
84
|
+
color: theme.palette.text.secondary,
|
85
|
+
style: {
|
86
|
+
transform: 'scale(1.15)'
|
87
|
+
}
|
85
88
|
});
|
86
89
|
}, [Icon, theme === null || theme === void 0 ? void 0 : (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 ? void 0 : (_theme$palette2$text = _theme$palette2.text) === null || _theme$palette2$text === void 0 ? void 0 : _theme$palette2$text.secondary, size]);
|
87
90
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread(_objectSpread({
|
@@ -0,0 +1,45 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = PoweredByArcBlock;
|
7
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
8
|
+
var _material = require("@mui/material");
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
10
|
+
const _excluded = ["linkProps"];
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
14
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
15
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
16
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
17
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
18
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
19
|
+
function PoweredByArcBlock(_ref) {
|
20
|
+
let {
|
21
|
+
linkProps
|
22
|
+
} = _ref,
|
23
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, _objectSpread(_objectSpread({}, props), {}, {
|
25
|
+
children: ["Powered by", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, _objectSpread(_objectSpread({
|
26
|
+
href: "https://www.arcblock.io",
|
27
|
+
target: "_blank",
|
28
|
+
underline: "hover"
|
29
|
+
}, linkProps), {}, {
|
30
|
+
children: "ArcBlock"
|
31
|
+
})), "'s", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, _objectSpread(_objectSpread({
|
32
|
+
href: "https://www.blocklet.io",
|
33
|
+
target: "_blank",
|
34
|
+
underline: "hover"
|
35
|
+
}, linkProps), {}, {
|
36
|
+
children: "Blocklet Technology"
|
37
|
+
})), ", the decentralized web engine."]
|
38
|
+
}));
|
39
|
+
}
|
40
|
+
PoweredByArcBlock.propTypes = {
|
41
|
+
linkProps: _propTypes.default.object
|
42
|
+
};
|
43
|
+
PoweredByArcBlock.defaultProps = {
|
44
|
+
linkProps: {}
|
45
|
+
};
|
@@ -62,7 +62,10 @@ function SessionBlocklet(_ref) {
|
|
62
62
|
onClick: () => onTogglePopper(),
|
63
63
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
|
64
64
|
icon: _dashboardOutlineRounded.default,
|
65
|
-
fontSize: size
|
65
|
+
fontSize: size,
|
66
|
+
style: {
|
67
|
+
transform: 'scale(1.10)'
|
68
|
+
}
|
66
69
|
})
|
67
70
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popper, {
|
68
71
|
open: currentState.open,
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@arcblock/ux",
|
3
|
-
"version": "2.9.
|
3
|
+
"version": "2.9.3",
|
4
4
|
"description": "Common used react components for arcblock products",
|
5
5
|
"keywords": [
|
6
6
|
"react",
|
@@ -215,6 +215,10 @@
|
|
215
215
|
"import": "./es/PageScroller/index.js",
|
216
216
|
"require": "./lib/PageScroller/index.js"
|
217
217
|
},
|
218
|
+
"./lib/PoweredByArcBlock": {
|
219
|
+
"import": "./es/PoweredByArcBlock/index.js",
|
220
|
+
"require": "./lib/PoweredByArcBlock/index.js"
|
221
|
+
},
|
218
222
|
"./lib/PricingTable": {
|
219
223
|
"import": "./es/PricingTable/index.js",
|
220
224
|
"require": "./lib/PricingTable/index.js"
|
@@ -336,11 +340,11 @@
|
|
336
340
|
"peerDependencies": {
|
337
341
|
"react": ">=18.1.0"
|
338
342
|
},
|
339
|
-
"gitHead": "
|
343
|
+
"gitHead": "fac6bb44cbd82829e83687a85395be022bd90ba5",
|
340
344
|
"dependencies": {
|
341
345
|
"@arcblock/did-motif": "^1.1.13",
|
342
|
-
"@arcblock/icons": "^2.9.
|
343
|
-
"@arcblock/react-hooks": "^2.9.
|
346
|
+
"@arcblock/icons": "^2.9.3",
|
347
|
+
"@arcblock/react-hooks": "^2.9.3",
|
344
348
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
345
349
|
"@emotion/react": "^11.10.4",
|
346
350
|
"@emotion/styled": "^11.10.4",
|
package/src/Locale/selector.jsx
CHANGED
@@ -58,7 +58,14 @@ export default function LocaleSelector(props) {
|
|
58
58
|
return <Icon />;
|
59
59
|
}
|
60
60
|
|
61
|
-
return
|
61
|
+
return (
|
62
|
+
<IconifyIcon
|
63
|
+
icon={LanguageIcon}
|
64
|
+
fontSize={size}
|
65
|
+
color={theme.palette.text.secondary}
|
66
|
+
style={{ transform: 'scale(1.15)' }}
|
67
|
+
/>
|
68
|
+
);
|
62
69
|
}, [Icon, theme?.palette?.text?.secondary, size]);
|
63
70
|
|
64
71
|
return (
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import PropTypes from 'prop-types';
|
2
|
+
import { Link, Typography } from '@mui/material';
|
3
|
+
|
4
|
+
export default function PoweredByArcBlock({ linkProps, ...props }) {
|
5
|
+
return (
|
6
|
+
<Typography {...props}>
|
7
|
+
Powered by{' '}
|
8
|
+
<Link href="https://www.arcblock.io" target="_blank" underline="hover" {...linkProps}>
|
9
|
+
ArcBlock
|
10
|
+
</Link>
|
11
|
+
's{' '}
|
12
|
+
<Link href="https://www.blocklet.io" target="_blank" underline="hover" {...linkProps}>
|
13
|
+
Blocklet Technology
|
14
|
+
</Link>
|
15
|
+
, the decentralized web engine.
|
16
|
+
</Typography>
|
17
|
+
);
|
18
|
+
}
|
19
|
+
|
20
|
+
PoweredByArcBlock.propTypes = {
|
21
|
+
linkProps: PropTypes.object,
|
22
|
+
};
|
23
|
+
|
24
|
+
PoweredByArcBlock.defaultProps = {
|
25
|
+
linkProps: {},
|
26
|
+
};
|
@@ -55,7 +55,7 @@ export default function SessionBlocklet({ session, locale, size }) {
|
|
55
55
|
return (
|
56
56
|
<>
|
57
57
|
<IconButton size="medium" ref={popperAnchorRef} onClick={() => onTogglePopper()}>
|
58
|
-
<Icon icon={DashboardOutlineRoundedIcon} fontSize={size} />
|
58
|
+
<Icon icon={DashboardOutlineRoundedIcon} fontSize={size} style={{ transform: 'scale(1.10)' }} />
|
59
59
|
</IconButton>
|
60
60
|
<Popper
|
61
61
|
open={currentState.open}
|
@@ -33,7 +33,7 @@ export default function UnLogin({ session, onLogin, size, dark }) {
|
|
33
33
|
icon={PersonOutlineRoundedIcon}
|
34
34
|
fontSize={size}
|
35
35
|
color={dark ? '#fff' : 'inherit'}
|
36
|
-
style={{ transform: 'scale(1.
|
36
|
+
style={{ transform: 'scale(1.25)' }}
|
37
37
|
/>
|
38
38
|
)}
|
39
39
|
</IconButton>
|