@arcblock/ux 2.5.58 → 2.5.59
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/ActionButton/index.js +20 -39
- package/lib/ActivityIndicator/index.js +20 -41
- package/lib/Address/compact-text.js +16 -38
- package/lib/Address/did-address.js +22 -51
- package/lib/Address/index.js +6 -19
- package/lib/Address/responsive-did-address.js +20 -36
- package/lib/Alert/index.js +12 -34
- package/lib/AnimationWaiter/index.js +35 -59
- package/lib/Async/index.js +5 -19
- package/lib/Avatar/did-motif.js +12 -26
- package/lib/Avatar/etherscan-blockies.js +2 -20
- package/lib/Avatar/index.js +28 -54
- package/lib/Badge/index.js +12 -33
- package/lib/Blocklet/blocklet.js +19 -46
- package/lib/Blocklet/index.js +0 -6
- package/lib/Blocklet/utils.js +0 -6
- package/lib/BlockletNFT/index.js +36 -66
- package/lib/Button/index.js +0 -4
- package/lib/Button/wrap.js +19 -38
- package/lib/ButtonGroup/index.js +0 -5
- package/lib/CardSelector/index.js +9 -22
- package/lib/Center/index.js +2 -12
- package/lib/ClickToCopy/copy-button.js +9 -26
- package/lib/ClickToCopy/hook.js +0 -10
- package/lib/ClickToCopy/index.js +13 -41
- package/lib/CodeBlock/LightBox.js +1 -6
- package/lib/CodeBlock/index.js +12 -80
- package/lib/Colors/index.js +0 -2
- package/lib/Colors/themes/default.js +2 -3
- package/lib/ContactForm/index.js +5 -35
- package/lib/CookieConsent/index.js +10 -32
- package/lib/CountDown/index.js +10 -35
- package/lib/DID/index.js +8 -32
- package/lib/Datatable/CustomToolbar.js +9 -56
- package/lib/Datatable/DatatableContext.js +2 -5
- package/lib/Datatable/TableSearch.js +0 -21
- package/lib/Datatable/index.js +76 -152
- package/lib/Datatable/utils.js +14 -27
- package/lib/Dialog/confirm.js +18 -31
- package/lib/Dialog/dialog.js +24 -50
- package/lib/Dialog/index.js +0 -3
- package/lib/DidLogo/index.js +0 -7
- package/lib/DriftBot/index.js +1 -12
- package/lib/Earth/index.js +17 -58
- package/lib/Earth/util.js +0 -7
- package/lib/Empty/index.js +9 -23
- package/lib/ErrorBoundary/fallback.js +0 -14
- package/lib/ErrorBoundary/index.js +0 -2
- package/lib/Footer/index.js +1 -14
- package/lib/Header/auto-hidden.js +9 -23
- package/lib/Header/header.js +19 -38
- package/lib/Header/index.js +0 -3
- package/lib/Header/responsive-header.js +16 -40
- package/lib/Icon/image.js +12 -26
- package/lib/Icon/index.js +15 -34
- package/lib/Img/index.js +32 -54
- package/lib/InfoRow/index.js +11 -27
- package/lib/Layout/dashboard/external-link.js +13 -30
- package/lib/Layout/dashboard/full-page.js +8 -24
- package/lib/Layout/dashboard/index.js +28 -72
- package/lib/Layout/dashboard/sidebar.js +11 -31
- package/lib/Layout/dashboard-legacy/header.js +14 -36
- package/lib/Layout/dashboard-legacy/index.js +19 -44
- package/lib/Layout/dashboard-legacy/sidebar.js +10 -32
- package/lib/Layout/index.js +18 -52
- package/lib/Locale/browser-lang.js +6 -19
- package/lib/Locale/context.js +15 -51
- package/lib/Locale/languages.js +3 -7
- package/lib/Locale/selector.js +11 -44
- package/lib/Locale/util.js +0 -10
- package/lib/Logo/index.js +10 -33
- package/lib/Metric/index.js +1 -9
- package/lib/NFTDisplay/aspect-ratio-container.js +7 -20
- package/lib/NFTDisplay/broken.js +0 -8
- package/lib/NFTDisplay/index.js +63 -110
- package/lib/NFTDisplay/loading.js +0 -6
- package/lib/NFTDisplay/svg-embedder/img.js +9 -22
- package/lib/NFTDisplay/svg-embedder/inline-svg.js +9 -23
- package/lib/NavMenu/index.js +0 -2
- package/lib/NavMenu/nav-menu.js +40 -69
- package/lib/NavMenu/style.js +1 -5
- package/lib/PageScroller/index.js +9 -39
- package/lib/PageScroller/story/FifthComponent.js +0 -2
- package/lib/PageScroller/story/FirstComponent.js +0 -2
- package/lib/PageScroller/story/FourthComponent.js +0 -2
- package/lib/PageScroller/story/FullPage.js +1 -14
- package/lib/PageScroller/story/PageContain.js +1 -14
- package/lib/PageScroller/story/SecondComponent.js +0 -2
- package/lib/PageScroller/story/ThirdComponent.js +0 -2
- package/lib/PageScroller/usePrevValue.js +1 -2
- package/lib/PricingTable/PricingPlan.js +0 -12
- package/lib/PricingTable/index.js +0 -14
- package/lib/QRCode/index.js +14 -24
- package/lib/RelativeTime/index.js +12 -45
- package/lib/Result/common.js +43 -63
- package/lib/Result/index.js +6 -23
- package/lib/Result/result.js +9 -23
- package/lib/Screenshot/BaseScreenshot/index.js +9 -26
- package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +9 -10
- package/lib/Screenshot/BaseScreenshot/shells/Phone.js +3 -8
- package/lib/Screenshot/index.js +32 -65
- package/lib/SessionManager/index.js +31 -83
- package/lib/Sparkline/index.js +40 -42
- package/lib/Spinner/index.js +12 -23
- package/lib/SplitButton/index.js +20 -48
- package/lib/Switch/index.js +7 -22
- package/lib/Tabs/index.js +8 -22
- package/lib/Tag/index.js +13 -33
- package/lib/TextCollapse/index.js +14 -31
- package/lib/Theme/index.js +3 -13
- package/lib/Theme/theme-provider.js +1 -10
- package/lib/Theme/theme.js +15 -27
- package/lib/Toast/index.js +13 -40
- package/lib/Util/deprecate.js +3 -12
- package/lib/Util/index.js +13 -74
- package/lib/Util/wallet.js +3 -10
- package/lib/Video/index.js +3 -19
- package/lib/Wallet/Action.js +9 -28
- package/lib/Wallet/Download.js +11 -36
- package/lib/Wallet/Open.js +0 -12
- package/lib/WebWalletSWKeeper/index.js +30 -55
- package/lib/WechatPrompt/index.js +0 -16
- package/lib/index.js +0 -38
- package/lib/withTheme/index.js +3 -15
- package/lib/withTracker/error_boundary.js +3 -14
- package/lib/withTracker/index.js +3 -24
- package/package.json +5 -5
- package/src/NFTDisplay/index.js +4 -4
@@ -4,39 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
11
|
-
|
12
9
|
var _colors = require("@mui/material/colors");
|
13
|
-
|
14
10
|
var _clsx = _interopRequireDefault(require("clsx"));
|
15
|
-
|
16
11
|
var _Theme = require("../../Theme");
|
17
|
-
|
18
12
|
var _externalLink = require("./external-link");
|
19
|
-
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
21
|
-
|
22
14
|
var _templateObject;
|
23
|
-
|
24
15
|
const _excluded = ["links", "addons", "dense"];
|
25
|
-
|
16
|
+
/* eslint-disable react/no-array-index-key */
|
26
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27
|
-
|
28
18
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
29
|
-
|
30
19
|
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; }
|
31
|
-
|
32
20
|
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; }
|
33
|
-
|
34
|
-
function
|
35
|
-
|
21
|
+
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; }
|
22
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
23
|
+
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); }
|
36
24
|
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; }
|
37
|
-
|
38
25
|
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; }
|
39
|
-
|
40
26
|
function renderGroup(item) {
|
41
27
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
|
42
28
|
className: "layout-sidebar-group",
|
@@ -48,14 +34,11 @@ function renderGroup(item) {
|
|
48
34
|
})]
|
49
35
|
}, "group-".concat(item.title));
|
50
36
|
}
|
51
|
-
|
52
37
|
function renderItem(item) {
|
53
38
|
var _item$children;
|
54
|
-
|
55
39
|
if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
|
56
40
|
return renderGroup(item);
|
57
41
|
}
|
58
|
-
|
59
42
|
const {
|
60
43
|
url,
|
61
44
|
icon,
|
@@ -63,8 +46,8 @@ function renderItem(item) {
|
|
63
46
|
showBadge,
|
64
47
|
external,
|
65
48
|
active
|
66
|
-
} = item;
|
67
|
-
|
49
|
+
} = item;
|
50
|
+
// external = true 时 link active 状态由传入 links 的调用方决定 (适用于 blocklet ui dashboard 的情况)
|
68
51
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
69
52
|
className: "layout-sidebar-item",
|
70
53
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_externalLink.NavLink, {
|
@@ -89,15 +72,13 @@ function renderItem(item) {
|
|
89
72
|
})
|
90
73
|
}, url);
|
91
74
|
}
|
92
|
-
|
93
75
|
function Sidebar(_ref2) {
|
94
76
|
let {
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
77
|
+
links,
|
78
|
+
addons,
|
79
|
+
dense
|
80
|
+
} = _ref2,
|
81
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
101
82
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
|
102
83
|
className: (0, _clsx.default)({
|
103
84
|
'layout-sidebar-dense': dense
|
@@ -111,7 +92,6 @@ function Sidebar(_ref2) {
|
|
111
92
|
}), addons]
|
112
93
|
}));
|
113
94
|
}
|
114
|
-
|
115
95
|
Sidebar.propTypes = {
|
116
96
|
links: _propTypes.default.array.isRequired,
|
117
97
|
addons: _propTypes.default.any,
|
@@ -4,50 +4,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = Header;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
11
|
-
|
12
9
|
var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
|
13
|
-
|
14
10
|
var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
|
15
|
-
|
16
11
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
17
|
-
|
18
12
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
19
|
-
|
20
13
|
var _Hidden = _interopRequireDefault(require("@mui/material/Hidden"));
|
21
|
-
|
22
14
|
var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
|
23
|
-
|
24
15
|
var _reactRouterDom = require("react-router-dom");
|
25
|
-
|
26
16
|
var _Logo = _interopRequireDefault(require("../../Logo"));
|
27
|
-
|
28
17
|
var _Theme = require("../../Theme");
|
29
|
-
|
30
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
31
|
-
|
32
19
|
const _excluded = ["children", "brand", "brandAddon", "description", "addons", "onToggleMenu", "homeUrl", "logo"];
|
33
|
-
|
34
20
|
var _templateObject;
|
35
|
-
|
36
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
37
|
-
|
38
22
|
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; }
|
39
|
-
|
40
23
|
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; }
|
41
|
-
|
42
|
-
function
|
43
|
-
|
24
|
+
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; }
|
25
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
26
|
+
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); }
|
44
27
|
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; }
|
45
|
-
|
46
28
|
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; }
|
47
|
-
|
48
29
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
49
|
-
|
50
30
|
const StyledAppBar = (0, _Theme.styled)(_AppBar.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n && {\n z-index: ", ";\n background: ", ";\n box-shadow: none;\n top: 0;\n height: auto;\n }\n .header-toolbar {\n background: ", ";\n color: ", ";\n margin: ", "px 0;\n }\n .header-link {\n display: flex;\n text-decoration: none;\n flex-shrink: 1;\n overflow: hidden;\n }\n .header-logo {\n margin-right: 20px;\n }\n .header-title {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n }\n .header-title__primary {\n font-size: 24px;\n font-weight: 800;\n color: ", ";\n text-transform: uppercase;\n display: flex;\n align-items: center;\n }\n .header-title__secondary {\n font-size: 14px;\n line-height: 1.71;\n color: ", ";\n }\n\n .header-addons {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 9999999;\n\n .user-addon {\n .header-avatar {\n width: 32px;\n border-radius: 16px;\n height: auto;\n }\n }\n }\n .header-menu {\n display: none;\n }\n ", " {\n .header-title {\n display: none;\n }\n .header-title__primary {\n font-size: 20px;\n }\n .header-menu {\n display: block;\n }\n }\n"])), props => props.theme.zIndex.drawer, props => props.theme.palette.background.default, props => props.theme.palette.background.default, props => props.theme.palette.text.primary, props => props.theme.spacing(1), props => props.theme.typography.color.main, props => props.theme.typography.color.gray, props => props.theme.breakpoints.down('md'));
|
31
|
+
|
51
32
|
/*
|
52
33
|
自定义 logo 相关:
|
53
34
|
如果为 logo prop 传入一个自定义的 svg, 并且 svg 中的元素通过 id 引用了 defs 中的元素 (比如 linearGradient),
|
@@ -57,20 +38,18 @@ const StyledAppBar = (0, _Theme.styled)(_AppBar.default)(_templateObject || (_te
|
|
57
38
|
考虑到上述问题, 目前使用 Hidden 组件控制 logo 的显示/隐藏
|
58
39
|
参考: https://blog.patw.me/archives/1820/inline-svg-same-id-and-display-none-issue/
|
59
40
|
*/
|
60
|
-
|
61
41
|
function Header(_ref) {
|
62
42
|
let {
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
43
|
+
children,
|
44
|
+
brand,
|
45
|
+
brandAddon,
|
46
|
+
description,
|
47
|
+
addons,
|
48
|
+
onToggleMenu,
|
49
|
+
homeUrl,
|
50
|
+
logo
|
51
|
+
} = _ref,
|
52
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
74
53
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAppBar, _objectSpread(_objectSpread({
|
75
54
|
position: "sticky",
|
76
55
|
className: "header"
|
@@ -123,7 +102,6 @@ function Header(_ref) {
|
|
123
102
|
})
|
124
103
|
}));
|
125
104
|
}
|
126
|
-
|
127
105
|
Header.propTypes = {
|
128
106
|
onToggleMenu: _propTypes.default.func.isRequired,
|
129
107
|
brand: _propTypes.default.string.isRequired,
|
@@ -4,70 +4,48 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = Dashboard;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _reactHelmet = _interopRequireDefault(require("react-helmet"));
|
13
|
-
|
14
10
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
15
|
-
|
16
11
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
17
|
-
|
18
12
|
var _Drawer = _interopRequireDefault(require("@mui/material/Drawer"));
|
19
|
-
|
20
13
|
var _useWindowSize = _interopRequireDefault(require("react-use/lib/useWindowSize"));
|
21
|
-
|
22
14
|
var _sidebar = _interopRequireDefault(require("./sidebar"));
|
23
|
-
|
24
15
|
var _header = _interopRequireDefault(require("./header"));
|
25
|
-
|
26
16
|
var _Footer = _interopRequireDefault(require("../../Footer"));
|
27
|
-
|
28
17
|
var _Theme = require("../../Theme");
|
29
|
-
|
30
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
31
|
-
|
32
19
|
const _excluded = ["children", "title", "brand", "description", "brandAddon", "headerAddon", "images", "links", "prefix", "fullWidth", "contentLayout", "className", "homeUrl", "logo"];
|
33
|
-
|
34
20
|
var _templateObject;
|
35
|
-
|
36
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
37
|
-
|
38
22
|
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; }
|
39
|
-
|
40
23
|
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; }
|
41
|
-
|
42
|
-
function
|
43
|
-
|
24
|
+
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; }
|
25
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
26
|
+
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); }
|
44
27
|
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; }
|
45
|
-
|
46
28
|
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; }
|
47
|
-
|
48
29
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
49
|
-
|
50
30
|
const Wrapper = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &.dashboard {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n .dashboard__body {\n overflow: hidden;\n flex: 1;\n }\n .dashboard__main {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex: 1;\n }\n .dashboard__content {\n flex: 1;\n }\n\n .drawerPaper {\n position: relative;\n white-space: nowrap;\n width: 120px;\n background: ", ";\n box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ", ");\n border: 0;\n }\n"])), props => props.theme.palette.background.default, props => props.theme.mode === 'light' ? 0.05 : 0.5);
|
51
|
-
|
52
31
|
function Dashboard(_ref) {
|
53
32
|
let {
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
33
|
+
children,
|
34
|
+
title,
|
35
|
+
brand,
|
36
|
+
description,
|
37
|
+
brandAddon,
|
38
|
+
headerAddon,
|
39
|
+
images,
|
40
|
+
links,
|
41
|
+
prefix,
|
42
|
+
fullWidth,
|
43
|
+
contentLayout,
|
44
|
+
className,
|
45
|
+
homeUrl,
|
46
|
+
logo
|
47
|
+
} = _ref,
|
48
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
71
49
|
const breakpoint = 960;
|
72
50
|
const {
|
73
51
|
width
|
@@ -79,11 +57,9 @@ function Dashboard(_ref) {
|
|
79
57
|
setDrawerMode(newMode);
|
80
58
|
setDrawerOpen(newMode !== 'temporary');
|
81
59
|
}, [width]);
|
82
|
-
|
83
60
|
const onToggleDrawer = () => {
|
84
61
|
setDrawerOpen(!drawerOpen);
|
85
62
|
};
|
86
|
-
|
87
63
|
const isFullWidth = fullWidth || contentLayout === 'row';
|
88
64
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({
|
89
65
|
className: "dashboard ".concat(className)
|
@@ -132,7 +108,6 @@ function Dashboard(_ref) {
|
|
132
108
|
})]
|
133
109
|
}));
|
134
110
|
}
|
135
|
-
|
136
111
|
Dashboard.propTypes = {
|
137
112
|
children: _propTypes.default.any.isRequired,
|
138
113
|
title: _propTypes.default.string,
|
@@ -4,63 +4,42 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = Sidebar;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _reactRouterDom = require("react-router-dom");
|
13
|
-
|
14
10
|
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
15
|
-
|
16
11
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
17
|
-
|
18
12
|
var _colors = require("@mui/material/colors");
|
19
|
-
|
20
13
|
var _image = _interopRequireDefault(require("../../Icon/image"));
|
21
|
-
|
22
14
|
var _Logo = _interopRequireDefault(require("../../Logo"));
|
23
|
-
|
24
15
|
var _Theme = require("../../Theme");
|
25
|
-
|
26
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
27
|
-
|
28
17
|
var _templateObject, _templateObject2;
|
29
|
-
|
30
18
|
const _excluded = ["images", "links", "prefix", "addons", "logo"];
|
31
|
-
|
32
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
33
|
-
|
34
20
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
35
|
-
|
36
21
|
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; }
|
37
|
-
|
38
22
|
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; }
|
39
|
-
|
40
|
-
function
|
41
|
-
|
23
|
+
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; }
|
24
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
25
|
+
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); }
|
42
26
|
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; }
|
43
|
-
|
44
27
|
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; }
|
45
|
-
|
46
28
|
function Sidebar(_ref) {
|
47
29
|
let {
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
30
|
+
images,
|
31
|
+
links,
|
32
|
+
prefix,
|
33
|
+
addons,
|
34
|
+
logo
|
35
|
+
} = _ref,
|
36
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
56
37
|
const theme = (0, _Theme.useTheme)();
|
57
38
|
const location = (0, _reactRouterDom.useLocation)();
|
58
|
-
|
59
39
|
const isSelected = (url, name) => {
|
60
40
|
const pattern = new RegExp("/".concat(name));
|
61
41
|
return pattern.test(location.pathname);
|
62
42
|
};
|
63
|
-
|
64
43
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuItems, _objectSpread(_objectSpread({}, rest), {}, {
|
65
44
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
|
66
45
|
to: "/",
|
@@ -100,7 +79,6 @@ function Sidebar(_ref) {
|
|
100
79
|
}), addons]
|
101
80
|
}));
|
102
81
|
}
|
103
|
-
|
104
82
|
Sidebar.propTypes = {
|
105
83
|
images: _propTypes.default.object.isRequired,
|
106
84
|
links: _propTypes.default.array.isRequired,
|
package/lib/Layout/index.js
CHANGED
@@ -4,97 +4,64 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = Layout;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _reactHelmet = _interopRequireDefault(require("react-helmet"));
|
13
|
-
|
14
10
|
var _Link = _interopRequireDefault(require("@mui/material/Link"));
|
15
|
-
|
16
11
|
var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
|
17
|
-
|
18
12
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
19
|
-
|
20
13
|
var _Drawer = _interopRequireDefault(require("@mui/material/Drawer"));
|
21
|
-
|
22
14
|
var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
|
23
|
-
|
24
15
|
var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
|
25
|
-
|
26
16
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
27
|
-
|
28
17
|
var _List = _interopRequireDefault(require("@mui/material/List"));
|
29
|
-
|
30
18
|
var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
|
31
|
-
|
32
19
|
var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
|
33
|
-
|
34
20
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
35
|
-
|
36
21
|
var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
|
37
|
-
|
38
22
|
var _Footer = _interopRequireDefault(require("../Footer"));
|
39
|
-
|
40
23
|
var _Open = _interopRequireDefault(require("../Wallet/Open"));
|
41
|
-
|
42
24
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
43
|
-
|
44
25
|
var _Logo = _interopRequireDefault(require("../Logo"));
|
45
|
-
|
46
26
|
var _Theme = require("../Theme");
|
47
|
-
|
48
27
|
var _jsxRuntime = require("react/jsx-runtime");
|
49
|
-
|
50
28
|
var _templateObject, _templateObject2;
|
51
|
-
|
52
29
|
const _excluded = ["title", "brand", "description", "links", "logo", "showLogo", "addons", "footer", "baseUrl", "homeUrl", "children", "variant", "contentOnly"];
|
53
|
-
|
54
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
55
|
-
|
56
31
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
57
|
-
|
58
32
|
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; }
|
59
|
-
|
60
33
|
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; }
|
61
|
-
|
62
|
-
function
|
63
|
-
|
34
|
+
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; }
|
35
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
36
|
+
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); }
|
64
37
|
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; }
|
65
|
-
|
66
38
|
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; }
|
67
|
-
|
68
39
|
function Layout(_ref) {
|
69
40
|
let {
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
41
|
+
title,
|
42
|
+
brand,
|
43
|
+
description,
|
44
|
+
links,
|
45
|
+
logo,
|
46
|
+
showLogo,
|
47
|
+
addons,
|
48
|
+
footer,
|
49
|
+
baseUrl,
|
50
|
+
homeUrl,
|
51
|
+
children,
|
52
|
+
variant,
|
53
|
+
contentOnly
|
54
|
+
} = _ref,
|
55
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
86
56
|
const [drawerOpen, setDrawerOpen] = (0, _react.useState)(false);
|
87
|
-
|
88
57
|
const onToggleDrawer = () => {
|
89
58
|
setDrawerOpen(!drawerOpen);
|
90
59
|
};
|
91
|
-
|
92
60
|
if (contentOnly) {
|
93
61
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
|
94
62
|
children: children
|
95
63
|
});
|
96
64
|
}
|
97
|
-
|
98
65
|
let activeLink = '';
|
99
66
|
const {
|
100
67
|
pathname: currentPath
|
@@ -235,7 +202,6 @@ function Layout(_ref) {
|
|
235
202
|
})]
|
236
203
|
});
|
237
204
|
}
|
238
|
-
|
239
205
|
Layout.propTypes = {
|
240
206
|
title: _propTypes.default.string.isRequired,
|
241
207
|
brand: _propTypes.default.any.isRequired,
|
@@ -4,69 +4,56 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
/* eslint-disable no-param-reassign */
|
9
8
|
function startsWith(string, target, position) {
|
10
9
|
const {
|
11
10
|
length
|
12
11
|
} = string;
|
13
12
|
position = position == null ? 0 : position;
|
14
|
-
|
15
13
|
if (position < 0) {
|
16
14
|
position = 0;
|
17
15
|
} else if (position > length) {
|
18
16
|
position = length;
|
19
17
|
}
|
20
|
-
|
21
|
-
|
22
|
-
|
18
|
+
target = "".concat(target);
|
19
|
+
// eslint-disable-next-line eqeqeq
|
23
20
|
return string.slice(position, position + target.length) == target;
|
24
21
|
}
|
25
|
-
|
26
22
|
function getBrowserLang() {
|
27
23
|
if (typeof window === 'undefined') {
|
28
24
|
return null;
|
29
25
|
}
|
30
|
-
|
31
26
|
const lang = window.navigator.languages && window.navigator.languages[0] || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage || window.navigator.systemLanguage || null;
|
32
27
|
return lang;
|
33
28
|
}
|
34
|
-
|
35
29
|
function normalizeCode(code) {
|
36
30
|
return (code || '').toLowerCase().replace(/-/, '_');
|
37
31
|
}
|
38
|
-
|
39
32
|
function getPreferredLanguage(options) {
|
40
33
|
if (!options) {
|
41
34
|
return getBrowserLang();
|
42
35
|
}
|
43
|
-
|
44
36
|
const {
|
45
37
|
languages,
|
46
38
|
fallback
|
47
39
|
} = options;
|
48
|
-
|
49
40
|
if (!options.languages) {
|
50
41
|
return fallback;
|
51
|
-
}
|
52
|
-
|
42
|
+
}
|
53
43
|
|
44
|
+
// some browsers report language as en-US instead of en_US
|
54
45
|
const browserLanguage = normalizeCode(getBrowserLang());
|
55
|
-
|
56
46
|
if (!browserLanguage) {
|
57
47
|
return fallback;
|
58
48
|
}
|
59
|
-
|
60
49
|
const match = languages.filter(lang => normalizeCode(lang) === browserLanguage);
|
61
|
-
|
62
50
|
if (match.length > 0) {
|
63
51
|
return match[0] || fallback;
|
64
|
-
}
|
65
|
-
|
52
|
+
}
|
66
53
|
|
54
|
+
// en == en_US
|
67
55
|
const matchCodeOnly = languages.filter(lang => startsWith(browserLanguage, lang));
|
68
56
|
return matchCodeOnly[0] || fallback;
|
69
57
|
}
|
70
|
-
|
71
58
|
var _default = getPreferredLanguage;
|
72
59
|
exports.default = _default;
|