@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.
Files changed (164) hide show
  1. package/lib/ActionButton/index.js +16 -8
  2. package/lib/ActivityIndicator/index.js +49 -36
  3. package/lib/Alert/index.js +25 -17
  4. package/lib/AnimationWaiter/index.js +44 -35
  5. package/lib/Async/index.js +15 -3
  6. package/lib/Badge/index.js +14 -4
  7. package/lib/Blocklet/blocklet.js +81 -62
  8. package/lib/BlockletNFT/index.js +95 -76
  9. package/lib/Button/wrap.js +13 -9
  10. package/lib/Center/index.js +6 -5
  11. package/lib/ClickToCopy/index.js +31 -21
  12. package/lib/CodeBlock/index.js +35 -27
  13. package/lib/ContactForm/index.js +46 -41
  14. package/lib/CookieConsent/index.js +33 -21
  15. package/lib/CountDown/index.js +50 -34
  16. package/lib/Datatable/CustomToolbar.js +138 -97
  17. package/lib/Datatable/DatatableContext.js +9 -12
  18. package/lib/Datatable/TableSearch.js +44 -27
  19. package/lib/Datatable/index.js +44 -28
  20. package/lib/Dialog/confirm.js +26 -13
  21. package/lib/Dialog/dialog.js +42 -26
  22. package/lib/DriftBot/index.js +2 -2
  23. package/lib/Earth/index.js +121 -107
  24. package/lib/Empty/index.js +19 -10
  25. package/lib/ErrorBoundary/fallback.js +18 -12
  26. package/lib/Footer/index.js +32 -26
  27. package/lib/Header/header.js +37 -21
  28. package/lib/Header/responsive-header.js +40 -30
  29. package/lib/Icon/image.js +22 -15
  30. package/lib/Icon/index.js +17 -7
  31. package/lib/Img/index.js +34 -32
  32. package/lib/InfoRow/index.js +23 -13
  33. package/lib/Layout/dashboard/index.js +66 -54
  34. package/lib/Layout/dashboard/sidebar.js +39 -26
  35. package/lib/Layout/dashboard-legacy/header.js +56 -38
  36. package/lib/Layout/dashboard-legacy/index.js +54 -44
  37. package/lib/Layout/dashboard-legacy/sidebar.js +48 -38
  38. package/lib/Layout/index.js +147 -111
  39. package/lib/Locale/context.js +8 -10
  40. package/lib/Locale/selector.js +55 -41
  41. package/lib/Logo/index.js +50 -30
  42. package/lib/Metric/index.js +30 -23
  43. package/lib/NFTDisplay/aspect-ratio-container.js +15 -6
  44. package/lib/NFTDisplay/broken.js +3 -3
  45. package/lib/NFTDisplay/index.js +29 -28
  46. package/lib/NFTDisplay/loading.js +6 -5
  47. package/lib/NFTDisplay/svg-embedder/img.js +10 -4
  48. package/lib/NFTDisplay/svg-embedder/inline-svg.js +14 -6
  49. package/lib/NavMenu/nav-menu.js +60 -49
  50. package/lib/PageScroller/index.js +29 -27
  51. package/lib/PageScroller/usePrevValue.js +1 -5
  52. package/lib/PricingTable/PricingPlan.js +46 -36
  53. package/lib/PricingTable/index.js +22 -20
  54. package/lib/QRCode/index.js +6 -9
  55. package/lib/RelativeTime/index.js +14 -5
  56. package/lib/Result/common.js +49 -44
  57. package/lib/Result/index.js +6 -6
  58. package/lib/Result/result.js +29 -18
  59. package/lib/Screenshot/index.js +32 -21
  60. package/lib/Spinner/index.js +3 -3
  61. package/lib/SplitButton/index.js +40 -24
  62. package/lib/Switch/index.js +12 -6
  63. package/lib/Tabs/index.js +18 -12
  64. package/lib/Tag/index.js +14 -4
  65. package/lib/Terminal/Player.js +108 -92
  66. package/lib/Terminal/index.js +3 -1
  67. package/lib/TextCollapse/index.js +18 -8
  68. package/lib/Toast/index.js +17 -14
  69. package/lib/Video/index.js +31 -25
  70. package/lib/Wallet/Action.js +37 -25
  71. package/lib/Wallet/Download.js +236 -181
  72. package/lib/Wallet/Open.js +6 -5
  73. package/lib/WechatPrompt/index.js +40 -28
  74. package/lib/withTheme/index.js +23 -9
  75. package/lib/withTracker/error_boundary.js +10 -7
  76. package/lib/withTracker/index.js +8 -4
  77. package/package.json +4 -4
  78. package/src/ActionButton/index.js +3 -4
  79. package/src/ActivityIndicator/index.js +4 -7
  80. package/src/Alert/index.js +4 -10
  81. package/src/AnimationWaiter/index.js +4 -2
  82. package/src/Async/index.js +4 -8
  83. package/src/Badge/index.js +2 -2
  84. package/src/Blocklet/blocklet.js +16 -27
  85. package/src/Blocklet/utils.js +3 -3
  86. package/src/BlockletNFT/index.js +7 -15
  87. package/src/Button/wrap.js +2 -2
  88. package/src/Center/index.js +0 -1
  89. package/src/ClickToCopy/index.js +5 -12
  90. package/src/CodeBlock/index.js +2 -7
  91. package/src/Colors/index.js +1 -0
  92. package/src/ContactForm/index.js +16 -16
  93. package/src/CookieConsent/index.js +3 -2
  94. package/src/CountDown/index.js +8 -8
  95. package/src/Datatable/CustomToolbar.js +8 -9
  96. package/src/Datatable/DatatableContext.js +3 -3
  97. package/src/Datatable/TableSearch.js +18 -13
  98. package/src/Datatable/index.js +13 -12
  99. package/src/Datatable/utils.js +19 -23
  100. package/src/Dialog/confirm.js +0 -1
  101. package/src/Dialog/dialog.js +7 -27
  102. package/src/Dialog/index.js +1 -0
  103. package/src/DriftBot/index.js +2 -2
  104. package/src/Earth/index.js +26 -44
  105. package/src/Empty/index.js +0 -1
  106. package/src/ErrorBoundary/fallback.js +2 -3
  107. package/src/Footer/index.js +3 -7
  108. package/src/Header/header.js +4 -5
  109. package/src/Header/responsive-header.js +4 -10
  110. package/src/Icon/image.js +0 -1
  111. package/src/Icon/index.js +8 -8
  112. package/src/Img/index.js +6 -6
  113. package/src/InfoRow/index.js +22 -21
  114. package/src/Layout/dashboard/index.js +9 -4
  115. package/src/Layout/dashboard/sidebar.js +4 -10
  116. package/src/Layout/dashboard-legacy/header.js +9 -15
  117. package/src/Layout/dashboard-legacy/index.js +4 -11
  118. package/src/Layout/dashboard-legacy/sidebar.js +7 -7
  119. package/src/Layout/index.js +12 -26
  120. package/src/Locale/browser-lang.js +2 -2
  121. package/src/Locale/context.js +7 -11
  122. package/src/Locale/selector.js +8 -8
  123. package/src/Logo/index.js +4 -6
  124. package/src/Metric/index.js +9 -10
  125. package/src/NFTDisplay/aspect-ratio-container.js +0 -1
  126. package/src/NFTDisplay/broken.js +0 -1
  127. package/src/NFTDisplay/index.js +10 -8
  128. package/src/NFTDisplay/loading.js +0 -1
  129. package/src/NFTDisplay/svg-embedder/img.js +1 -2
  130. package/src/NFTDisplay/svg-embedder/inline-svg.js +0 -1
  131. package/src/NavMenu/index.js +1 -0
  132. package/src/NavMenu/nav-menu.js +14 -27
  133. package/src/NavMenu/style.js +3 -3
  134. package/src/PageScroller/index.js +19 -35
  135. package/src/PageScroller/usePrevValue.js +1 -1
  136. package/src/PricingTable/PricingPlan.js +31 -30
  137. package/src/PricingTable/index.js +4 -5
  138. package/src/QRCode/index.js +3 -2
  139. package/src/RelativeTime/index.js +1 -5
  140. package/src/Result/common.js +19 -20
  141. package/src/Result/index.js +5 -6
  142. package/src/Result/result.js +2 -3
  143. package/src/Result/translations.js +1 -2
  144. package/src/Screenshot/index.js +10 -10
  145. package/src/Spinner/index.js +0 -1
  146. package/src/SplitButton/index.js +6 -19
  147. package/src/Switch/index.js +40 -41
  148. package/src/Tabs/index.js +2 -9
  149. package/src/Tag/index.js +2 -2
  150. package/src/Terminal/Player.js +7 -8
  151. package/src/Terminal/index.js +4 -3
  152. package/src/Terminal/util.js +3 -3
  153. package/src/TextCollapse/index.js +4 -10
  154. package/src/Theme/index.js +1 -8
  155. package/src/Toast/index.js +6 -10
  156. package/src/Util/index.js +15 -27
  157. package/src/Video/index.js +2 -8
  158. package/src/Wallet/Action.js +5 -6
  159. package/src/Wallet/Download.js +6 -7
  160. package/src/Wallet/Open.js +1 -2
  161. package/src/WechatPrompt/index.js +2 -7
  162. package/src/withTheme/index.js +5 -5
  163. package/src/withTracker/error_boundary.js +3 -3
  164. package/src/withTracker/index.js +2 -2
@@ -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__*/_react.default.createElement(_dialog.default, Object.assign({
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__*/_react.default.createElement(_react.default.Fragment, null, showCancelButton && /*#__PURE__*/_react.default.createElement(_Button.default, Object.assign({
48
- onClick: () => onCancel(),
49
- color: "primary"
50
- }, cancelButton.props), cancelButton.text), /*#__PURE__*/_react.default.createElement(_Button.default, Object.assign({
51
- onClick: () => onConfirm(),
52
- color: "primary",
53
- autoFocus: true
54
- }, confirmButton.props), confirmButton.text))
55
- }), children);
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 = {
@@ -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
- const Dialog = _ref => {
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
- }, /*#__PURE__*/_react.default.createElement(_Close.default, null));
83
-
84
- return /*#__PURE__*/_react.default.createElement(StyledMuiDialog, Object.assign({
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), showHeader && /*#__PURE__*/_react.default.createElement(Header, {
89
- className: "ux-dialog_header",
90
- isMobile: isMobile
91
- }, /*#__PURE__*/_react.default.createElement("div", {
92
- className: "ux-dialog_left"
93
- }, showCloseButton && isMobile && closeButton, prepend && /*#__PURE__*/_react.default.createElement("div", {
94
- className: "ux-dialog_prepend"
95
- }, prepend), title && /*#__PURE__*/_react.default.createElement("h6", {
96
- className: "ux-dialog_title"
97
- }, title)), /*#__PURE__*/_react.default.createElement("div", {
98
- className: "ux-dialog_right"
99
- }, /*#__PURE__*/_react.default.createElement("div", {
100
- className: "ux-dialog_toolbar"
101
- }, toolbar), showCloseButton && !isMobile && closeButton)), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, children), actions && /*#__PURE__*/_react.default.createElement(_DialogActions.default, {
102
- className: "ux-dialog_actions--".concat(actionsPosition)
103
- }, actions));
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,
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireDefault(require("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.default.Component {
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);
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = Earth;
7
7
 
8
- var _react = _interopRequireWildcard(require("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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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__*/_react.default.createElement("g", {
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
- }, /*#__PURE__*/_react.default.createElement("circle", {
272
- key: "marker-inner",
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
- }), /*#__PURE__*/_react.default.createElement("circle", {
282
- key: "marker-outer",
283
- className: "marker__outer",
284
- r: radius * 2,
285
- cx: sphereCoords[0],
286
- cy: sphereCoords[1],
287
- fill: fill,
288
- style: {
289
- animationDuration: isActive ? '800ms' : '1600ms',
290
- animationDelay: "".concat(i * 0.2, "s"),
291
- transformOrigin: "".concat(sphereCoords[0], "px ").concat(sphereCoords[1], "px")
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__*/_react.default.createElement(Tooltip, {
299
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip, {
300
300
  style: {
301
301
  left: state.mousePosition[0],
302
302
  top: state.mousePosition[1]
303
- }
304
- }, /*#__PURE__*/_react.default.createElement("p", {
305
- className: "title"
306
- }, marker.title), /*#__PURE__*/_react.default.createElement("p", {
307
- className: "description"
308
- }, marker.description), /*#__PURE__*/_react.default.createElement("p", {
309
- className: "description"
310
- }, "ID: ", marker.id));
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__*/_react.default.createElement(Container, {
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
- }, renderTooltip(), /*#__PURE__*/_react.default.createElement("svg", {
328
- className: "earth",
329
- width: width,
330
- height: height,
331
- onMouseDown: onDragStart,
332
- onMouseMove: onDrag,
333
- onMouseUp: onDragEnd,
334
- ref: svgRef
335
- }, /*#__PURE__*/_react.default.createElement("rect", {
336
- className: "frame",
337
- width: width,
338
- height: height
339
- }), /*#__PURE__*/_react.default.createElement("circle", {
340
- cx: width / 2,
341
- cy: height / 2,
342
- r: projection.scale(),
343
- className: "globe",
344
- filter: "url(#glow)"
345
- }), /*#__PURE__*/_react.default.createElement("path", {
346
- className: "graticule",
347
- d: pathGenerator(d3.geoGraticule().step([10, 10])())
348
- }), /*#__PURE__*/_react.default.createElement("g", {
349
- className: "features"
350
- }, geoJson.features.map((x, i) => /*#__PURE__*/_react.default.createElement("path", {
351
- key: x.properties.name,
352
- className: "country ".concat(activeCountry === i ? 'country--active' : ''),
353
- d: pathGenerator(x)
354
- }))), /*#__PURE__*/_react.default.createElement("g", {
355
- className: "markers"
356
- }, renderMarkers()), state.isDragging && state.mousePosition && /*#__PURE__*/_react.default.createElement("path", {
357
- className: "point point-mouse",
358
- d: pathGenerator({
359
- type: 'Point',
360
- coordinates: projection.invert(state.mousePosition)
361
- })
362
- })), /*#__PURE__*/_react.default.createElement("svg", {
363
- className: "defs"
364
- }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
365
- id: "gradBlue",
366
- x1: "0%",
367
- y1: "0%",
368
- x2: "100%",
369
- y2: "0%"
370
- }, /*#__PURE__*/_react.default.createElement("stop", {
371
- offset: "0%",
372
- style: {
373
- stopColor: '#005C99',
374
- stopOpacity: 1
375
- }
376
- }), /*#__PURE__*/_react.default.createElement("stop", {
377
- offset: "100%",
378
- style: {
379
- stopColor: '#0099FF',
380
- stopOpacity: 1
381
- }
382
- })), /*#__PURE__*/_react.default.createElement("filter", {
383
- id: "glow"
384
- }, /*#__PURE__*/_react.default.createElement("feColorMatrix", {
385
- type: "matrix",
386
- values: "0 0 0 0 0 0 0 0 0.9 0 0 0 0 0.9 0 0 0 0 1 0"
387
- }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
388
- stdDeviation: "5.5",
389
- result: "coloredBlur"
390
- }), /*#__PURE__*/_react.default.createElement("feMerge", null, /*#__PURE__*/_react.default.createElement("feMergeNode", {
391
- in: "coloredBlur"
392
- }), /*#__PURE__*/_react.default.createElement("feMergeNode", {
393
- in: "SourceGraphic"
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 = {
@@ -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__*/_react.default.createElement(Wrapper, rest, /*#__PURE__*/_react.default.createElement(_Icon.default, {
39
- name: name,
40
- size: size,
41
- className: "empty-icon",
42
- color: color
43
- }), /*#__PURE__*/_react.default.createElement("div", {
44
- className: "empty-content"
45
- }, children));
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__*/_react.default.createElement(Root, {
30
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
31
31
  role: "alert",
32
- $theme: theme
33
- }, /*#__PURE__*/_react.default.createElement("h3", null, title), /*#__PURE__*/_react.default.createElement("pre", null, desc), retryFunc && /*#__PURE__*/_react.default.createElement(_Button.default, {
34
- variant: "contained",
35
- color: "error",
36
- size: "small",
37
- onClick: retryFunc
38
- }, "Try again"));
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__*/_react.default.createElement(InternalErrorFallback, {
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__*/_react.default.createElement(InternalErrorFallback, {
75
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalErrorFallback, {
70
76
  desc: error.message,
71
77
  retryFunc: resetErrorBoundary
72
78
  });