@arcblock/ux 2.9.0 → 2.9.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -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,
@@ -45,7 +45,7 @@ export default function UnLogin({
45
45
  fontSize: size,
46
46
  color: dark ? '#fff' : 'inherit',
47
47
  style: {
48
- transform: 'scale(1.08)'
48
+ transform: 'scale(1.25)'
49
49
  }
50
50
  })
51
51
  })
@@ -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,
@@ -53,7 +53,7 @@ function UnLogin(_ref) {
53
53
  fontSize: size,
54
54
  color: dark ? '#fff' : 'inherit',
55
55
  style: {
56
- transform: 'scale(1.08)'
56
+ transform: 'scale(1.25)'
57
57
  }
58
58
  })
59
59
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arcblock/ux",
3
- "version": "2.9.0",
3
+ "version": "2.9.2",
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": "a90e260c11c742d6d7f80a9c5ffe6445ea87e62f",
343
+ "gitHead": "b765e587f0e8d8072c63c8988aa5c47794916a6f",
340
344
  "dependencies": {
341
345
  "@arcblock/did-motif": "^1.1.13",
342
- "@arcblock/icons": "^2.9.0",
343
- "@arcblock/react-hooks": "^2.9.0",
346
+ "@arcblock/icons": "^2.9.2",
347
+ "@arcblock/react-hooks": "^2.9.2",
344
348
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
345
349
  "@emotion/react": "^11.10.4",
346
350
  "@emotion/styled": "^11.10.4",
@@ -58,7 +58,14 @@ export default function LocaleSelector(props) {
58
58
  return <Icon />;
59
59
  }
60
60
 
61
- return <IconifyIcon icon={LanguageIcon} fontSize={size} color={theme.palette.text.secondary} />;
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.08)' }}
36
+ style={{ transform: 'scale(1.25)' }}
37
37
  />
38
38
  )}
39
39
  </IconButton>