@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,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
@@ -15,16 +15,14 @@ var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore
15
15
 
16
16
  var _style = require("./style");
17
17
 
18
+ var _jsxRuntime = require("react/jsx-runtime");
19
+
18
20
  const _excluded = ["items", "mode", "children", "defaultActiveId", "textColor", "activeTextColor", "bgColor", "onSelected"],
19
21
  _excluded2 = ["id", "icon", "label", "active", "onClick"],
20
22
  _excluded3 = ["id", "icon", "label", "children", "expandIcon"];
21
23
 
22
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
25
 
24
- 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); }
25
-
26
- 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; }
27
-
28
26
  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; }
29
27
 
30
28
  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,7 +37,7 @@ const NavMenuContext = /*#__PURE__*/(0, _react.createContext)(); // 过滤 child
39
37
 
40
38
  function filterItems(children) {
41
39
  if (children) {
42
- return _react.default.Children.toArray(children).filter(child => child.type === Item || child.type === Sub);
40
+ return _react.Children.toArray(children).filter(child => child.type === Item || child.type === Sub);
43
41
  }
44
42
 
45
43
  return null;
@@ -101,43 +99,45 @@ function NavMenu(_ref) {
101
99
  }));
102
100
  }
103
101
  });
104
- }, [state]);
102
+ }, [state, mode, onSelected]);
105
103
  const classes = (0, _clsx.default)('navmenu', "navmenu--".concat(mode), rest.className);
106
104
 
107
105
  const renderItem = (item, index) => {
108
106
  if (item.children) {
109
- return /*#__PURE__*/_react.default.createElement(Sub, {
110
- key: index,
107
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Sub, {
111
108
  id: item.id,
112
109
  icon: item.icon,
113
- label: item.label
114
- }, item.children.map(renderItem));
110
+ label: item.label,
111
+ children: item.children.map(renderItem)
112
+ }, index);
115
113
  }
116
114
 
117
115
  return (
118
116
  /*#__PURE__*/
119
117
  // eslint-disable-next-line react/no-array-index-key
120
- _react.default.createElement(Item, {
121
- key: index,
118
+ (0, _jsxRuntime.jsx)(Item, {
122
119
  id: item.id,
123
120
  icon: item.icon,
124
121
  label: item.label,
125
122
  active: item.active
126
- })
123
+ }, index)
127
124
  );
128
125
  };
129
126
 
130
127
  const StyledRoot = mode === 'inline' ? _style.InlineStyle : _style.HorizontalStyle;
131
- return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {
132
- value: contextValue
133
- }, /*#__PURE__*/_react.default.createElement(StyledRoot, Object.assign({}, rest, {
134
- className: classes,
135
- $textColor: textColor,
136
- $activeTextColor: activeTextColor,
137
- $bgColor: bgColor
138
- }), /*#__PURE__*/_react.default.createElement("ul", {
139
- className: "navmenu-root"
140
- }, items ? items.map(renderItem) : children)));
128
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavMenuContext.Provider, {
129
+ value: contextValue,
130
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledRoot, _objectSpread(_objectSpread({}, rest), {}, {
131
+ className: classes,
132
+ $textColor: textColor,
133
+ $activeTextColor: activeTextColor,
134
+ $bgColor: bgColor,
135
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
136
+ className: "navmenu-root",
137
+ children: items ? items.map(renderItem) : children
138
+ })
139
+ }))
140
+ });
141
141
  }
142
142
 
143
143
  NavMenu.propTypes = {
@@ -184,11 +184,11 @@ function Item(_ref2) {
184
184
  const classes = (0, _clsx.default)('navmenu-item', {
185
185
  'navmenu-item--active': activeId === id
186
186
  }, rest.className);
187
-
188
- _react.default.useEffect(() => {
187
+ (0, _react.useEffect)(() => {
189
188
  if (active) {
190
189
  activate(id);
191
- }
190
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
191
+
192
192
  }, [active]);
193
193
 
194
194
  const handleClick = () => {
@@ -199,14 +199,17 @@ function Item(_ref2) {
199
199
  return (
200
200
  /*#__PURE__*/
201
201
  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
202
- _react.default.createElement("li", Object.assign({}, rest, {
202
+ (0, _jsxRuntime.jsxs)("li", _objectSpread(_objectSpread({}, rest), {}, {
203
203
  className: classes,
204
- onClick: handleClick
205
- }), icon && /*#__PURE__*/_react.default.createElement("span", {
206
- className: "navmenu-item-icon"
207
- }, icon), /*#__PURE__*/_react.default.createElement("span", {
208
- className: "navmenu-item-label"
209
- }, label))
204
+ onClick: handleClick,
205
+ children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
206
+ className: "navmenu-item-icon",
207
+ children: icon
208
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
209
+ className: "navmenu-item-label",
210
+ children: label
211
+ })]
212
+ }))
210
213
  );
211
214
  }
212
215
 
@@ -261,21 +264,29 @@ function Sub(_ref3) {
261
264
  const containerProps = isInlineMode ? {
262
265
  onClick: e => e.stopPropagation()
263
266
  } : {};
264
- return /*#__PURE__*/_react.default.createElement("li", Object.assign({}, rest, {
267
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", _objectSpread(_objectSpread(_objectSpread({}, rest), {}, {
265
268
  className: classes
266
- }, props), icon && /*#__PURE__*/_react.default.createElement("span", {
267
- className: "navmenu-sub-icon"
268
- }, icon), /*#__PURE__*/_react.default.createElement("span", {
269
- className: "navmenu-sub-label"
270
- }, label), expandIcon && /*#__PURE__*/_react.default.createElement("span", {
271
- className: "navmenu-sub-expand-icon"
272
- }, (expandIcon === null || expandIcon === void 0 ? void 0 : expandIcon({
273
- isOpen
274
- })) || expandIcon), /*#__PURE__*/_react.default.createElement("div", Object.assign({
275
- className: "navmenu-sub-container"
276
- }, containerProps), /*#__PURE__*/_react.default.createElement("ul", {
277
- className: "navmenu-sub-list"
278
- }, filterItems(children))));
269
+ }, props), {}, {
270
+ children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
271
+ className: "navmenu-sub-icon",
272
+ children: icon
273
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
274
+ className: "navmenu-sub-label",
275
+ children: label
276
+ }), expandIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
277
+ className: "navmenu-sub-expand-icon",
278
+ children: (expandIcon === null || expandIcon === void 0 ? void 0 : expandIcon({
279
+ isOpen
280
+ })) || expandIcon
281
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
282
+ className: "navmenu-sub-container"
283
+ }, containerProps), {}, {
284
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
285
+ className: "navmenu-sub-list",
286
+ children: filterItems(children)
287
+ })
288
+ }))]
289
+ }));
279
290
  }
280
291
 
281
292
  Sub.propTypes = {
@@ -293,7 +304,7 @@ Sub.defaultProps = {
293
304
  let {
294
305
  isOpen
295
306
  } = _ref4;
296
- return /*#__PURE__*/_react.default.createElement(_ExpandMore.default, {
307
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {
297
308
  style: {
298
309
  transform: "rotate(".concat(isOpen ? 180 : 0, "deg)")
299
310
  }
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
@@ -17,11 +17,9 @@ var _isNull = _interopRequireDefault(require("lodash/isNull"));
17
17
 
18
18
  var _usePrevValue = _interopRequireDefault(require("./usePrevValue"));
19
19
 
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- 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); }
20
+ var _jsxRuntime = require("react/jsx-runtime");
23
21
 
24
- 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; }
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
23
 
26
24
  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; }
27
25
 
@@ -50,7 +48,7 @@ let isBodyScrollEnabled = true;
50
48
  let isTransitionAfterComponentsToRenderChanged = false;
51
49
  const containers = [];
52
50
 
53
- const PageScroller = _ref => {
51
+ function PageScroller(_ref) {
54
52
  let {
55
53
  animationTimer,
56
54
  blockScrollDown,
@@ -87,7 +85,7 @@ const PageScroller = _ref => {
87
85
  }, [children, componentIndex, componentsToRenderLength]);
88
86
  const checkRenderOnMount = (0, _react.useCallback)(() => {
89
87
  if (renderAllPagesOnFirstRender) {
90
- setComponentsToRenderLength(_react.default.Children.count(children));
88
+ setComponentsToRenderLength(_react.Children.count(children));
91
89
  } else if (!(0, _isNil.default)(children[DEFAULT_COMPONENT_INDEX + 1])) {
92
90
  addNextComponent(DEFAULT_COMPONENTS_TO_RENDER_LENGTH + 1);
93
91
  }
@@ -117,13 +115,13 @@ const PageScroller = _ref => {
117
115
 
118
116
  while (i < componentsToRenderLength && !(0, _isNil.default)(children[i])) {
119
117
  containers[i] = true;
120
- newComponentsToRender.push( /*#__PURE__*/_react.default.createElement("div", {
121
- key: i,
118
+ newComponentsToRender.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
122
119
  style: {
123
120
  height: '100%',
124
121
  width: '100%'
125
- }
126
- }, /*#__PURE__*/_react.default.cloneElement(children[i], _objectSpread({}, children[i].props))));
122
+ },
123
+ children: /*#__PURE__*/(0, _react.cloneElement)(children[i], _objectSpread({}, children[i].props))
124
+ }, i));
127
125
  i++;
128
126
  }
129
127
 
@@ -205,7 +203,8 @@ const PageScroller = _ref => {
205
203
  var _pageContainer$curren;
206
204
 
207
205
  if ((_pageContainer$curren = pageContainer.current) !== null && _pageContainer$curren !== void 0 && _pageContainer$curren.removeEventListener) {
208
- pageContainer.current.removeEventListener(Events.TOUCHMOVE, touchMove);
206
+ pageContainer.current.removeEventListener(Events.TOUCHMOVE, touchMove); // eslint-disable-next-line react-hooks/exhaustive-deps
207
+
209
208
  pageContainer.current.removeEventListener(Events.KEYDOWN, keyPress);
210
209
  }
211
210
  };
@@ -215,7 +214,7 @@ const PageScroller = _ref => {
215
214
  checkRenderOnMount();
216
215
  return () => {
217
216
  isMounted = false;
218
- };
217
+ }; // eslint-disable-next-line react-hooks/exhaustive-deps
219
218
  }, []);
220
219
  (0, _react.useEffect)(() => {
221
220
  isScrolling = false;
@@ -261,7 +260,8 @@ const PageScroller = _ref => {
261
260
  setComponentsToRenderLength(newComponentsToRenderLength);
262
261
  }
263
262
  }
264
- }
263
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
264
+
265
265
  }, [customPageNumber]);
266
266
  (0, _react.useEffect)(() => {
267
267
  if (isTransitionAfterComponentsToRenderChanged) {
@@ -272,24 +272,26 @@ const PageScroller = _ref => {
272
272
  }, animationTimer + ANIMATION_TIMER_BUFFER);
273
273
  }
274
274
  }, [animationTimer, componentsToRenderLength, customPageNumber]);
275
- return /*#__PURE__*/_react.default.createElement("div", {
275
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
276
276
  style: {
277
277
  height,
278
278
  width,
279
279
  overflow: 'hidden'
280
- }
281
- }, /*#__PURE__*/_react.default.createElement("div", {
282
- ref: pageContainer,
283
- onWheel: wheelScroll,
284
- style: {
285
- height: '100%',
286
- width: '100%',
287
- transition: "transform ".concat(animationTimer, "ms ").concat(transitionTimingFunction),
288
- outline: 'none'
289
280
  },
290
- tabIndex: 0
291
- }, setRenderComponents()));
292
- };
281
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
282
+ ref: pageContainer,
283
+ onWheel: wheelScroll,
284
+ style: {
285
+ height: '100%',
286
+ width: '100%',
287
+ transition: "transform ".concat(animationTimer, "ms ").concat(transitionTimingFunction),
288
+ outline: 'none'
289
+ },
290
+ tabIndex: 0,
291
+ children: setRenderComponents()
292
+ })
293
+ });
294
+ }
293
295
 
294
296
  PageScroller.propTypes = {
295
297
  animationTimer: _propTypes.default.number,
@@ -5,11 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = usePrevious;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- 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); }
11
-
12
- 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; }
8
+ var _react = require("react");
13
9
 
14
10
  // eslint-disable-next-line no-unused-vars
15
11
  function usePrevious(value) {
@@ -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"));
@@ -19,45 +17,57 @@ var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
19
17
 
20
18
  var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
21
19
 
20
+ var _jsxRuntime = require("react/jsx-runtime");
21
+
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
23
 
24
- const PricingPlan = _ref => {
24
+ function PricingPlan(_ref) {
25
25
  let {
26
26
  plan
27
27
  } = _ref;
28
- return /*#__PURE__*/_react.default.createElement(PlanCard, {
29
- shadow: true
30
- }, /*#__PURE__*/_react.default.createElement("div", {
31
- className: "card-header"
32
- }, /*#__PURE__*/_react.default.createElement("div", {
33
- className: "title"
34
- }, plan.name)), /*#__PURE__*/_react.default.createElement(_CardContent.default, {
35
- className: "card-content"
36
- }, /*#__PURE__*/_react.default.createElement("div", {
37
- className: "plan-content"
38
- }, /*#__PURE__*/_react.default.createElement("div", {
39
- className: "plan-pricing"
40
- }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
41
- component: "h2",
42
- variant: "h5",
43
- className: "price-number"
44
- }, plan.price)), /*#__PURE__*/_react.default.createElement("div", {
45
- className: "plan-services"
46
- }, plan.featureList.map(line => /*#__PURE__*/_react.default.createElement(_Typography.default, {
47
- component: "p",
48
- variant: "body1",
49
- align: "center",
50
- key: line
51
- }, line)))), /*#__PURE__*/_react.default.createElement("div", {
52
- className: "plan-actions"
53
- }, plan.showButton && /*#__PURE__*/_react.default.createElement(_Button.default, {
54
- fullWidth: true,
55
- variant: "outlined",
56
- color: "primary",
57
- component: "a",
58
- href: plan.buttonLink
59
- }, plan.buttonText))));
60
- };
28
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PlanCard, {
29
+ shadow: true,
30
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
31
+ className: "card-header",
32
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
33
+ className: "title",
34
+ children: plan.name
35
+ })
36
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CardContent.default, {
37
+ className: "card-content",
38
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
39
+ className: "plan-content",
40
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
41
+ className: "plan-pricing",
42
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
43
+ component: "h2",
44
+ variant: "h5",
45
+ className: "price-number",
46
+ children: plan.price
47
+ })
48
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
49
+ className: "plan-services",
50
+ children: plan.featureList.map(line => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
51
+ component: "p",
52
+ variant: "body1",
53
+ align: "center",
54
+ children: line
55
+ }, line))
56
+ })]
57
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
58
+ className: "plan-actions",
59
+ children: plan.showButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
60
+ fullWidth: true,
61
+ variant: "outlined",
62
+ color: "primary",
63
+ component: "a",
64
+ href: plan.buttonLink,
65
+ children: plan.buttonText
66
+ })
67
+ })]
68
+ })]
69
+ });
70
+ }
61
71
 
62
72
  var _default = PricingPlan;
63
73
  exports.default = _default;
@@ -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"));
@@ -15,34 +13,38 @@ var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
15
13
 
16
14
  var _PricingPlan = _interopRequireDefault(require("./PricingPlan"));
17
15
 
16
+ var _jsxRuntime = require("react/jsx-runtime");
17
+
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
20
- const PricingTable = _ref => {
20
+ function PricingTable(_ref) {
21
21
  let {
22
22
  plans
23
23
  } = _ref;
24
24
 
25
25
  if (plans && plans.length > 0) {
26
- return /*#__PURE__*/_react.default.createElement(Div, {
27
- variant: "even"
28
- }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
29
- container: true,
30
- spacing: 2,
31
- justifyContent: "center"
32
- }, plans.map(x => /*#__PURE__*/_react.default.createElement(_Grid.default, {
33
- item: true,
34
- className: "plan-item",
35
- key: x.id,
36
- xs: 12,
37
- sm: 6,
38
- md: 3
39
- }, /*#__PURE__*/_react.default.createElement(_PricingPlan.default, {
40
- plan: x
41
- })))));
26
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
27
+ variant: "even",
28
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
29
+ container: true,
30
+ spacing: 2,
31
+ justifyContent: "center",
32
+ children: plans.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
33
+ item: true,
34
+ className: "plan-item",
35
+ xs: 12,
36
+ sm: 6,
37
+ md: 3,
38
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PricingPlan.default, {
39
+ plan: x
40
+ })
41
+ }, x.id))
42
+ })
43
+ });
42
44
  }
43
45
 
44
46
  return null;
45
- };
47
+ }
46
48
 
47
49
  var _default = PricingTable;
48
50
  exports.default = _default;
@@ -5,20 +5,18 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
12
  var _qrCodeStyling = _interopRequireDefault(require("@solana/qr-code-styling"));
13
13
 
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
14
16
  const _excluded = ["data", "size", "image", "config"];
15
17
 
16
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
19
 
18
- 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); }
19
-
20
- 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; }
21
-
22
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; }
23
21
 
24
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; }
@@ -52,8 +50,7 @@ function QRCode(_ref) {
52
50
  } = _ref,
53
51
  rest = _objectWithoutProperties(_ref, _excluded);
54
52
 
55
- const ref = _react.default.useRef(null);
56
-
53
+ const ref = (0, _react.useRef)(null);
57
54
  const options = (0, _react.useMemo)(() => {
58
55
  return _objectSpread(_objectSpread(_objectSpread({}, defaults), {}, {
59
56
  data,
@@ -75,9 +72,9 @@ function QRCode(_ref) {
75
72
  }, [qrCode, ref]);
76
73
  (0, _react.useEffect)(() => {
77
74
  if (!qrCode) return;
78
- qrCode.update(options);
75
+ qrCode.update(options); // eslint-disable-next-line react-hooks/exhaustive-deps
79
76
  }, [data, size, image, config]);
80
- return /*#__PURE__*/_react.default.createElement("div", Object.assign({
77
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread({
81
78
  ref: ref
82
79
  }, rest));
83
80
  }
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = RelativeTime;
7
7
 
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
9
 
12
10
  var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
@@ -27,10 +25,18 @@ var _updateLocale = _interopRequireDefault(require("dayjs/plugin/updateLocale"))
27
25
 
28
26
  var _Util = require("../Util");
29
27
 
28
+ var _jsxRuntime = require("react/jsx-runtime");
29
+
30
30
  const _excluded = ["value", "locale", "withoutSuffix", "from", "to"];
31
31
 
32
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
33
 
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; }
35
+
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; }
37
+
38
+ 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; }
39
+
34
40
  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; }
35
41
 
36
42
  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; }
@@ -91,13 +97,16 @@ function RelativeTime(_ref) {
91
97
  innerContent = (0, _dayjs.default)(value).locale(localeOption).fromNow(withoutSuffix);
92
98
  }
93
99
 
94
- return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
100
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
95
101
  title: (0, _Util.formatToDatetime)(value, {
96
102
  locale: localeOption
97
103
  }),
98
104
  placement: "top-end",
99
- enterTouchDelay: 0
100
- }, /*#__PURE__*/_react.default.createElement("span", rest, innerContent));
105
+ enterTouchDelay: 0,
106
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, rest), {}, {
107
+ children: innerContent
108
+ }))
109
+ });
101
110
  }
102
111
 
103
112
  RelativeTime.propTypes = {