@arcblock/ux 2.1.18 → 2.1.21
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 +16 -8
- package/lib/ActivityIndicator/index.js +49 -36
- package/lib/Alert/index.js +25 -17
- package/lib/AnimationWaiter/index.js +44 -35
- package/lib/Async/index.js +15 -3
- package/lib/Badge/index.js +14 -4
- package/lib/Blocklet/blocklet.js +81 -62
- package/lib/BlockletNFT/index.js +95 -76
- package/lib/Button/wrap.js +13 -9
- package/lib/Center/index.js +6 -5
- package/lib/ClickToCopy/index.js +31 -21
- package/lib/CodeBlock/index.js +35 -27
- package/lib/ContactForm/index.js +46 -41
- package/lib/CookieConsent/index.js +33 -21
- package/lib/CountDown/index.js +50 -34
- package/lib/Datatable/CustomToolbar.js +138 -97
- package/lib/Datatable/DatatableContext.js +9 -12
- package/lib/Datatable/TableSearch.js +44 -27
- package/lib/Datatable/index.js +44 -28
- package/lib/Dialog/confirm.js +26 -13
- package/lib/Dialog/dialog.js +42 -26
- package/lib/DriftBot/index.js +2 -2
- package/lib/Earth/index.js +121 -107
- package/lib/Empty/index.js +19 -10
- package/lib/ErrorBoundary/fallback.js +18 -12
- package/lib/Footer/index.js +32 -26
- package/lib/Header/header.js +37 -21
- package/lib/Header/responsive-header.js +40 -30
- package/lib/Icon/image.js +22 -15
- package/lib/Icon/index.js +17 -7
- package/lib/Img/index.js +34 -32
- package/lib/InfoRow/index.js +23 -13
- package/lib/Layout/dashboard/index.js +66 -54
- package/lib/Layout/dashboard/sidebar.js +39 -26
- package/lib/Layout/dashboard-legacy/header.js +56 -38
- package/lib/Layout/dashboard-legacy/index.js +54 -44
- package/lib/Layout/dashboard-legacy/sidebar.js +48 -38
- package/lib/Layout/index.js +147 -111
- package/lib/Locale/context.js +8 -10
- package/lib/Locale/selector.js +55 -41
- package/lib/Logo/index.js +50 -30
- package/lib/Metric/index.js +30 -23
- package/lib/NFTDisplay/aspect-ratio-container.js +15 -6
- package/lib/NFTDisplay/broken.js +3 -3
- package/lib/NFTDisplay/index.js +29 -28
- package/lib/NFTDisplay/loading.js +6 -5
- package/lib/NFTDisplay/svg-embedder/img.js +10 -4
- package/lib/NFTDisplay/svg-embedder/inline-svg.js +14 -6
- package/lib/NavMenu/nav-menu.js +60 -49
- package/lib/PageScroller/index.js +29 -27
- package/lib/PageScroller/usePrevValue.js +1 -5
- package/lib/PricingTable/PricingPlan.js +46 -36
- package/lib/PricingTable/index.js +22 -20
- package/lib/QRCode/index.js +6 -9
- package/lib/RelativeTime/index.js +14 -5
- package/lib/Result/common.js +49 -44
- package/lib/Result/index.js +6 -6
- package/lib/Result/result.js +29 -18
- package/lib/Screenshot/index.js +32 -21
- package/lib/Spinner/index.js +3 -3
- package/lib/SplitButton/index.js +40 -24
- package/lib/Switch/index.js +12 -6
- package/lib/Tabs/index.js +18 -12
- package/lib/Tag/index.js +14 -4
- package/lib/Terminal/Player.js +108 -92
- package/lib/Terminal/index.js +3 -1
- package/lib/TextCollapse/index.js +18 -8
- package/lib/Toast/index.js +17 -14
- package/lib/Video/index.js +31 -25
- package/lib/Wallet/Action.js +37 -25
- package/lib/Wallet/Download.js +236 -181
- package/lib/Wallet/Open.js +6 -5
- package/lib/WechatPrompt/index.js +40 -28
- package/lib/withTheme/index.js +23 -9
- package/lib/withTracker/error_boundary.js +10 -7
- package/lib/withTracker/index.js +8 -4
- package/package.json +4 -4
- package/src/ActionButton/index.js +3 -4
- package/src/ActivityIndicator/index.js +4 -7
- package/src/Alert/index.js +4 -10
- package/src/AnimationWaiter/index.js +4 -2
- package/src/Async/index.js +4 -8
- package/src/Badge/index.js +2 -2
- package/src/Blocklet/blocklet.js +16 -27
- package/src/Blocklet/utils.js +3 -3
- package/src/BlockletNFT/index.js +7 -15
- package/src/Button/wrap.js +2 -2
- package/src/Center/index.js +0 -1
- package/src/ClickToCopy/index.js +5 -12
- package/src/CodeBlock/index.js +2 -7
- package/src/Colors/index.js +1 -0
- package/src/ContactForm/index.js +16 -16
- package/src/CookieConsent/index.js +3 -2
- package/src/CountDown/index.js +8 -8
- package/src/Datatable/CustomToolbar.js +8 -9
- package/src/Datatable/DatatableContext.js +3 -3
- package/src/Datatable/TableSearch.js +18 -13
- package/src/Datatable/index.js +13 -12
- package/src/Datatable/utils.js +19 -23
- package/src/Dialog/confirm.js +0 -1
- package/src/Dialog/dialog.js +7 -27
- package/src/Dialog/index.js +1 -0
- package/src/DriftBot/index.js +2 -2
- package/src/Earth/index.js +26 -44
- package/src/Empty/index.js +0 -1
- package/src/ErrorBoundary/fallback.js +2 -3
- package/src/Footer/index.js +3 -7
- package/src/Header/header.js +4 -5
- package/src/Header/responsive-header.js +4 -10
- package/src/Icon/image.js +0 -1
- package/src/Icon/index.js +8 -8
- package/src/Img/index.js +6 -6
- package/src/InfoRow/index.js +22 -21
- package/src/Layout/dashboard/index.js +9 -4
- package/src/Layout/dashboard/sidebar.js +4 -10
- package/src/Layout/dashboard-legacy/header.js +9 -15
- package/src/Layout/dashboard-legacy/index.js +4 -11
- package/src/Layout/dashboard-legacy/sidebar.js +7 -7
- package/src/Layout/index.js +12 -26
- package/src/Locale/browser-lang.js +2 -2
- package/src/Locale/context.js +7 -11
- package/src/Locale/selector.js +8 -8
- package/src/Logo/index.js +4 -6
- package/src/Metric/index.js +9 -10
- package/src/NFTDisplay/aspect-ratio-container.js +0 -1
- package/src/NFTDisplay/broken.js +0 -1
- package/src/NFTDisplay/index.js +10 -8
- package/src/NFTDisplay/loading.js +0 -1
- package/src/NFTDisplay/svg-embedder/img.js +1 -2
- package/src/NFTDisplay/svg-embedder/inline-svg.js +0 -1
- package/src/NavMenu/index.js +1 -0
- package/src/NavMenu/nav-menu.js +14 -27
- package/src/NavMenu/style.js +3 -3
- package/src/PageScroller/index.js +19 -35
- package/src/PageScroller/usePrevValue.js +1 -1
- package/src/PricingTable/PricingPlan.js +31 -30
- package/src/PricingTable/index.js +4 -5
- package/src/QRCode/index.js +3 -2
- package/src/RelativeTime/index.js +1 -5
- package/src/Result/common.js +19 -20
- package/src/Result/index.js +5 -6
- package/src/Result/result.js +2 -3
- package/src/Result/translations.js +1 -2
- package/src/Screenshot/index.js +10 -10
- package/src/Spinner/index.js +0 -1
- package/src/SplitButton/index.js +6 -19
- package/src/Switch/index.js +40 -41
- package/src/Tabs/index.js +2 -9
- package/src/Tag/index.js +2 -2
- package/src/Terminal/Player.js +7 -8
- package/src/Terminal/index.js +4 -3
- package/src/Terminal/util.js +3 -3
- package/src/TextCollapse/index.js +4 -10
- package/src/Theme/index.js +1 -8
- package/src/Toast/index.js +6 -10
- package/src/Util/index.js +15 -27
- package/src/Video/index.js +2 -8
- package/src/Wallet/Action.js +5 -6
- package/src/Wallet/Download.js +6 -7
- package/src/Wallet/Open.js +1 -2
- package/src/WechatPrompt/index.js +2 -7
- package/src/withTheme/index.js +5 -5
- package/src/withTracker/error_boundary.js +3 -3
- package/src/withTracker/index.js +2 -2
package/lib/Dialog/confirm.js
CHANGED
|
@@ -5,18 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = Confirm;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
13
11
|
|
|
14
12
|
var _dialog = _interopRequireDefault(require("./dialog"));
|
|
15
13
|
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
|
|
16
16
|
const _excluded = ["title", "children", "onConfirm", "onCancel", "showCancelButton", "confirmButton", "cancelButton", "PaperProps"];
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
20
|
+
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; }
|
|
21
|
+
|
|
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; }
|
|
23
|
+
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
20
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; }
|
|
21
27
|
|
|
22
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; }
|
|
@@ -39,20 +45,27 @@ function Confirm(_ref) {
|
|
|
39
45
|
PaperProps.style = Object.assign({
|
|
40
46
|
minHeight: 0
|
|
41
47
|
}, PaperProps.style);
|
|
42
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.default, _objectSpread(_objectSpread({
|
|
43
49
|
title: title,
|
|
44
50
|
PaperProps: PaperProps
|
|
45
|
-
}, rest, {
|
|
51
|
+
}, rest), {}, {
|
|
46
52
|
onClose: () => onCancel(),
|
|
47
|
-
actions: /*#__PURE__*/
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
54
|
+
children: [showCancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
|
|
55
|
+
onClick: () => onCancel(),
|
|
56
|
+
color: "primary"
|
|
57
|
+
}, cancelButton.props), {}, {
|
|
58
|
+
children: cancelButton.text
|
|
59
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
|
|
60
|
+
onClick: () => onConfirm(),
|
|
61
|
+
color: "primary",
|
|
62
|
+
autoFocus: true
|
|
63
|
+
}, confirmButton.props), {}, {
|
|
64
|
+
children: confirmButton.text
|
|
65
|
+
}))]
|
|
66
|
+
}),
|
|
67
|
+
children: children
|
|
68
|
+
}));
|
|
56
69
|
}
|
|
57
70
|
|
|
58
71
|
Confirm.propTypes = {
|
package/lib/Dialog/dialog.js
CHANGED
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
@@ -25,10 +23,18 @@ var _styles = require("@mui/styles");
|
|
|
25
23
|
|
|
26
24
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
27
25
|
|
|
26
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
|
+
|
|
28
28
|
const _excluded = ["children", "title", "prepend", "toolbar", "actions", "showCloseButton", "actionsPosition", "PaperProps"];
|
|
29
29
|
|
|
30
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
31
|
|
|
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; }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
37
|
+
|
|
32
38
|
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; }
|
|
33
39
|
|
|
34
40
|
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; }
|
|
@@ -40,7 +46,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
40
46
|
* 注意: 当设置明确的 width 时, 可能需要同时设置 maxWidth=false (mui dialog 默认 maxWidth=sm, 设置的 width 可能受限)
|
|
41
47
|
* - 添加默认最小尺寸 (300x300), 在需要 先展示 loading 再展示异步数据 的时候避免 loading 阶段窗口过小
|
|
42
48
|
*/
|
|
43
|
-
|
|
49
|
+
function Dialog(_ref) {
|
|
44
50
|
let {
|
|
45
51
|
children,
|
|
46
52
|
title,
|
|
@@ -74,34 +80,44 @@ const Dialog = _ref => {
|
|
|
74
80
|
minWidth: 300,
|
|
75
81
|
minHeight: 300
|
|
76
82
|
}, PaperProps.style);
|
|
77
|
-
|
|
78
|
-
const closeButton = /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
83
|
+
const closeButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
|
|
79
84
|
className: "ux-dialog_closeButton",
|
|
80
85
|
onClick: e => handleOnClose(e, 'closeButton'),
|
|
81
|
-
size: "large"
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
return /*#__PURE__*/
|
|
86
|
+
size: "large",
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {})
|
|
88
|
+
});
|
|
89
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledMuiDialog, _objectSpread(_objectSpread({
|
|
85
90
|
fullScreen: isMobile,
|
|
86
91
|
onClose: handleOnClose,
|
|
87
92
|
PaperProps: PaperProps
|
|
88
|
-
}, rest),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
93
|
+
}, rest), {}, {
|
|
94
|
+
children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
|
|
95
|
+
className: "ux-dialog_header",
|
|
96
|
+
isMobile: isMobile,
|
|
97
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
98
|
+
className: "ux-dialog_left",
|
|
99
|
+
children: [showCloseButton && isMobile && closeButton, prepend && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
100
|
+
className: "ux-dialog_prepend",
|
|
101
|
+
children: prepend
|
|
102
|
+
}), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h6", {
|
|
103
|
+
className: "ux-dialog_title",
|
|
104
|
+
children: title
|
|
105
|
+
})]
|
|
106
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
107
|
+
className: "ux-dialog_right",
|
|
108
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
109
|
+
className: "ux-dialog_toolbar",
|
|
110
|
+
children: toolbar
|
|
111
|
+
}), showCloseButton && !isMobile && closeButton]
|
|
112
|
+
})]
|
|
113
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent.default, {
|
|
114
|
+
children: children
|
|
115
|
+
}), actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogActions.default, {
|
|
116
|
+
className: "ux-dialog_actions--".concat(actionsPosition),
|
|
117
|
+
children: actions
|
|
118
|
+
})]
|
|
119
|
+
}));
|
|
120
|
+
}
|
|
105
121
|
|
|
106
122
|
Dialog.propTypes = {
|
|
107
123
|
children: _propTypes.default.node.isRequired,
|
package/lib/DriftBot/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -14,7 +14,7 @@ var _Util = require("../Util");
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
16
|
/* eslint-disable max-len */
|
|
17
|
-
class DriftBot extends _react.
|
|
17
|
+
class DriftBot extends _react.Component {
|
|
18
18
|
constructor(props) {
|
|
19
19
|
super((0, _Util.mergeProps)(props, DriftBot, ['attributes']));
|
|
20
20
|
this.addMainScript = this.addMainScript.bind(this);
|
package/lib/Earth/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = Earth;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _useSpring = _interopRequireDefault(require("react-use/lib/useSpring"));
|
|
11
11
|
|
|
@@ -23,12 +23,14 @@ var _countries = _interopRequireDefault(require("./countries.json"));
|
|
|
23
23
|
|
|
24
24
|
var _util = _interopRequireDefault(require("./util"));
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
27
|
|
|
28
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
29
|
|
|
30
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
31
|
|
|
32
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
|
+
|
|
32
34
|
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; }
|
|
33
35
|
|
|
34
36
|
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; }
|
|
@@ -261,53 +263,55 @@ function Earth(_ref) {
|
|
|
261
263
|
|
|
262
264
|
const fill = distance > 1.57 ? 'none' : isActive ? colors.activeMarker : colors.marker;
|
|
263
265
|
const radius = isActive ? 9 : 6;
|
|
264
|
-
return /*#__PURE__*/
|
|
265
|
-
key: x.id,
|
|
266
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
|
|
266
267
|
className: "marker ".concat(isActive ? 'marker--active' : ''),
|
|
267
268
|
onFocus: event => onShowTooltip(event, i),
|
|
268
269
|
onBlur: onHideTooltip,
|
|
269
270
|
onMouseOver: event => onShowTooltip(event, i),
|
|
270
|
-
onMouseOut: onHideTooltip
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
}));
|
|
271
|
+
onMouseOut: onHideTooltip,
|
|
272
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
273
|
+
className: "marker__inner",
|
|
274
|
+
r: radius,
|
|
275
|
+
cx: sphereCoords[0],
|
|
276
|
+
cy: sphereCoords[1],
|
|
277
|
+
fill: fill,
|
|
278
|
+
style: {
|
|
279
|
+
fillOpacity: isActive ? 1 : 0.5
|
|
280
|
+
}
|
|
281
|
+
}, "marker-inner"), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
282
|
+
className: "marker__outer",
|
|
283
|
+
r: radius * 2,
|
|
284
|
+
cx: sphereCoords[0],
|
|
285
|
+
cy: sphereCoords[1],
|
|
286
|
+
fill: fill,
|
|
287
|
+
style: {
|
|
288
|
+
animationDuration: isActive ? '800ms' : '1600ms',
|
|
289
|
+
animationDelay: "".concat(i * 0.2, "s"),
|
|
290
|
+
transformOrigin: "".concat(sphereCoords[0], "px ").concat(sphereCoords[1], "px")
|
|
291
|
+
}
|
|
292
|
+
}, "marker-outer")]
|
|
293
|
+
}, x.id);
|
|
294
294
|
});
|
|
295
295
|
|
|
296
296
|
const renderTooltip = () => {
|
|
297
297
|
if (state.tooltipIndex >= 0) {
|
|
298
298
|
const marker = markers[state.tooltipIndex];
|
|
299
|
-
return /*#__PURE__*/
|
|
299
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip, {
|
|
300
300
|
style: {
|
|
301
301
|
left: state.mousePosition[0],
|
|
302
302
|
top: state.mousePosition[1]
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
303
|
+
},
|
|
304
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
305
|
+
className: "title",
|
|
306
|
+
children: marker.title
|
|
307
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
308
|
+
className: "description",
|
|
309
|
+
children: marker.description
|
|
310
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
|
|
311
|
+
className: "description",
|
|
312
|
+
children: ["ID: ", marker.id]
|
|
313
|
+
})]
|
|
314
|
+
});
|
|
311
315
|
}
|
|
312
316
|
};
|
|
313
317
|
|
|
@@ -318,80 +322,90 @@ function Earth(_ref) {
|
|
|
318
322
|
activeCountry = geoJson.features.findIndex(x => x.properties && x.properties.name && x.properties.name === activeMarker.country);
|
|
319
323
|
}
|
|
320
324
|
|
|
321
|
-
return /*#__PURE__*/
|
|
325
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
|
|
322
326
|
width: width,
|
|
323
327
|
height: height,
|
|
324
328
|
theme: theme,
|
|
325
329
|
colors: colors,
|
|
326
|
-
onMouseLeave: onDragEnd
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
330
|
+
onMouseLeave: onDragEnd,
|
|
331
|
+
children: [renderTooltip(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
332
|
+
className: "earth",
|
|
333
|
+
width: width,
|
|
334
|
+
height: height,
|
|
335
|
+
onMouseDown: onDragStart,
|
|
336
|
+
onMouseMove: onDrag,
|
|
337
|
+
onMouseUp: onDragEnd,
|
|
338
|
+
ref: svgRef,
|
|
339
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
340
|
+
className: "frame",
|
|
341
|
+
width: width,
|
|
342
|
+
height: height
|
|
343
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
344
|
+
cx: width / 2,
|
|
345
|
+
cy: height / 2,
|
|
346
|
+
r: projection.scale(),
|
|
347
|
+
className: "globe",
|
|
348
|
+
filter: "url(#glow)"
|
|
349
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
350
|
+
className: "graticule",
|
|
351
|
+
d: pathGenerator(d3.geoGraticule().step([10, 10])())
|
|
352
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
|
|
353
|
+
className: "features",
|
|
354
|
+
children: geoJson.features.map((x, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
355
|
+
className: "country ".concat(activeCountry === i ? 'country--active' : ''),
|
|
356
|
+
d: pathGenerator(x)
|
|
357
|
+
}, x.properties.name))
|
|
358
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
|
|
359
|
+
className: "markers",
|
|
360
|
+
children: renderMarkers()
|
|
361
|
+
}), state.isDragging && state.mousePosition && /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
362
|
+
className: "point point-mouse",
|
|
363
|
+
d: pathGenerator({
|
|
364
|
+
type: 'Point',
|
|
365
|
+
coordinates: projection.invert(state.mousePosition)
|
|
366
|
+
})
|
|
367
|
+
})]
|
|
368
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
|
|
369
|
+
className: "defs",
|
|
370
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
|
|
371
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
|
|
372
|
+
id: "gradBlue",
|
|
373
|
+
x1: "0%",
|
|
374
|
+
y1: "0%",
|
|
375
|
+
x2: "100%",
|
|
376
|
+
y2: "0%",
|
|
377
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
378
|
+
offset: "0%",
|
|
379
|
+
style: {
|
|
380
|
+
stopColor: '#005C99',
|
|
381
|
+
stopOpacity: 1
|
|
382
|
+
}
|
|
383
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
384
|
+
offset: "100%",
|
|
385
|
+
style: {
|
|
386
|
+
stopColor: '#0099FF',
|
|
387
|
+
stopOpacity: 1
|
|
388
|
+
}
|
|
389
|
+
})]
|
|
390
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
|
|
391
|
+
id: "glow",
|
|
392
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
|
|
393
|
+
type: "matrix",
|
|
394
|
+
values: "0 0 0 0 0 0 0 0 0.9 0 0 0 0 0.9 0 0 0 0 1 0"
|
|
395
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
|
|
396
|
+
stdDeviation: "5.5",
|
|
397
|
+
result: "coloredBlur"
|
|
398
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("feMerge", {
|
|
399
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feMergeNode", {
|
|
400
|
+
in: "coloredBlur"
|
|
401
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("feMergeNode", {
|
|
402
|
+
in: "SourceGraphic"
|
|
403
|
+
})]
|
|
404
|
+
})]
|
|
405
|
+
})]
|
|
406
|
+
})
|
|
407
|
+
})]
|
|
408
|
+
});
|
|
395
409
|
}
|
|
396
410
|
|
|
397
411
|
Earth.propTypes = {
|
package/lib/Empty/index.js
CHANGED
|
@@ -5,18 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
11
|
|
|
14
12
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
15
13
|
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
|
|
16
16
|
const _excluded = ["name", "color", "size", "children"];
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
20
|
+
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; }
|
|
21
|
+
|
|
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; }
|
|
23
|
+
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
20
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; }
|
|
21
27
|
|
|
22
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; }
|
|
@@ -35,14 +41,17 @@ function Empty(_ref) {
|
|
|
35
41
|
} = _ref,
|
|
36
42
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
43
|
|
|
38
|
-
return /*#__PURE__*/
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
45
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
46
|
+
name: name,
|
|
47
|
+
size: size,
|
|
48
|
+
className: "empty-icon",
|
|
49
|
+
color: color
|
|
50
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
51
|
+
className: "empty-content",
|
|
52
|
+
children: children
|
|
53
|
+
})]
|
|
54
|
+
}));
|
|
46
55
|
}
|
|
47
56
|
|
|
48
57
|
Empty.propTypes = {
|
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ErrorFallback = ErrorFallback;
|
|
7
7
|
exports.ErrorFallbackRetry = ErrorFallbackRetry;
|
|
8
8
|
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
|
|
11
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
10
|
|
|
13
11
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
@@ -18,6 +16,8 @@ var _colors = require("@mui/material/colors");
|
|
|
18
16
|
|
|
19
17
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
20
18
|
|
|
19
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
+
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
22
|
|
|
23
23
|
function InternalErrorFallback(_ref) {
|
|
@@ -27,15 +27,21 @@ function InternalErrorFallback(_ref) {
|
|
|
27
27
|
retryFunc
|
|
28
28
|
} = _ref;
|
|
29
29
|
const theme = (0, _useTheme.default)();
|
|
30
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
|
|
31
31
|
role: "alert",
|
|
32
|
-
$theme: theme
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
$theme: theme,
|
|
33
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
34
|
+
children: title
|
|
35
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
|
|
36
|
+
children: desc
|
|
37
|
+
}), retryFunc && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
38
|
+
variant: "contained",
|
|
39
|
+
color: "error",
|
|
40
|
+
size: "small",
|
|
41
|
+
onClick: retryFunc,
|
|
42
|
+
children: "Try again"
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
39
45
|
}
|
|
40
46
|
|
|
41
47
|
InternalErrorFallback.propTypes = {
|
|
@@ -52,7 +58,7 @@ function ErrorFallback(_ref2) {
|
|
|
52
58
|
let {
|
|
53
59
|
error
|
|
54
60
|
} = _ref2;
|
|
55
|
-
return /*#__PURE__*/
|
|
61
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalErrorFallback, {
|
|
56
62
|
desc: error.message
|
|
57
63
|
});
|
|
58
64
|
}
|
|
@@ -66,7 +72,7 @@ function ErrorFallbackRetry(_ref3) {
|
|
|
66
72
|
error,
|
|
67
73
|
resetErrorBoundary
|
|
68
74
|
} = _ref3;
|
|
69
|
-
return /*#__PURE__*/
|
|
75
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalErrorFallback, {
|
|
70
76
|
desc: error.message,
|
|
71
77
|
retryFunc: resetErrorBoundary
|
|
72
78
|
});
|