@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,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = BlockletStore;
7
7
 
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
9
 
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -25,10 +23,18 @@ var _Button = _interopRequireDefault(require("../Button"));
25
23
 
26
24
  var _Img = _interopRequireDefault(require("../Img"));
27
25
 
26
+ var _jsxRuntime = require("react/jsx-runtime");
27
+
28
28
  const _excluded = ["title", "did", "description", "cover", "version", "button", "buttonText", "buttonDisabled", "buttonLoading", "onButtonClick", "onMainClick", "className"];
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; }
@@ -89,67 +95,80 @@ function BlockletStore(_ref) {
89
95
  const _onMainClick = wrapHandler(onMainClick);
90
96
 
91
97
  const didAvatarSize = isUpSm ? 80 : 64;
92
- return /*#__PURE__*/_react.default.createElement(Div, Object.assign({
98
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
93
99
  className: "".concat(className, " arcblock-blocklet")
94
- }, rest), /*#__PURE__*/_react.default.createElement("div", {
95
- className: "arcblock-blocklet__content",
96
- onClick: _onMainClick
97
- }, cover ? /*#__PURE__*/_react.default.createElement("div", {
98
- className: "arcblock-blocklet__cover"
99
- }, /*#__PURE__*/_react.default.createElement(_Img.default, {
100
- src: cover
101
- })) : did && /*#__PURE__*/_react.default.createElement("div", {
102
- className: "arcblock-blocklet__cover"
103
- }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
104
- did: did,
105
- size: didAvatarSize
106
- })), /*#__PURE__*/_react.default.createElement("div", {
107
- className: "arcblock-blocklet__info"
108
- }, /*#__PURE__*/_react.default.createElement("div", {
109
- className: "arcblock-blocklet__text"
110
- }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
111
- component: "h3",
112
- variant: "h3",
113
- className: "arcblock-blocklet__title",
114
- title: title
115
- }, title), description && /*#__PURE__*/_react.default.createElement(_Typography.default, {
116
- component: "div",
117
- variant: "body2",
118
- className: "arcblock-blocklet__describe",
119
- title: description
120
- }, description)), /*#__PURE__*/_react.default.createElement("div", {
121
- style: {
122
- display: 'flex',
123
- alignItems: 'center',
124
- marginTop: '10px',
125
- flexFlow: 'wrap'
126
- }
127
- }, /*#__PURE__*/_react.default.createElement("div", {
128
- onClick: _onButtonClick,
129
- style: {
130
- marginRight: '12px'
131
- }
132
- }, button || onButtonClick && /*#__PURE__*/_react.default.createElement(_Button.default, {
133
- className: "arcblock-blocklet__button--hover",
134
- variant: "outlined",
135
- color: "primary",
136
- size: "small",
137
- disabled: buttonDisabled || buttonLoading,
138
- style: {
139
- padding: '3px 6px',
140
- fontSize: '14px',
141
- minWidth: '92px',
142
- textAlign: 'center'
143
- }
144
- }, buttonLoading && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
145
- size: 15,
146
- style: {
147
- marginRight: 3,
148
- color: 'inherit'
149
- }
150
- }), buttonText)), /*#__PURE__*/_react.default.createElement("div", {
151
- className: "arcblock-blocklet__version"
152
- }, version && "v".concat(version))))));
100
+ }, rest), {}, {
101
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
102
+ className: "arcblock-blocklet__content",
103
+ onClick: _onMainClick,
104
+ children: [cover ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
105
+ className: "arcblock-blocklet__cover",
106
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
107
+ src: cover
108
+ })
109
+ }) : did && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
110
+ className: "arcblock-blocklet__cover",
111
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
112
+ did: did,
113
+ size: didAvatarSize
114
+ })
115
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
116
+ className: "arcblock-blocklet__info",
117
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
118
+ className: "arcblock-blocklet__text",
119
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
120
+ component: "h3",
121
+ variant: "h3",
122
+ className: "arcblock-blocklet__title",
123
+ title: title,
124
+ children: title
125
+ }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
126
+ component: "div",
127
+ variant: "body2",
128
+ className: "arcblock-blocklet__describe",
129
+ title: description,
130
+ children: description
131
+ })]
132
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
133
+ style: {
134
+ display: 'flex',
135
+ alignItems: 'center',
136
+ marginTop: '10px',
137
+ flexFlow: 'wrap'
138
+ },
139
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
140
+ onClick: _onButtonClick,
141
+ style: {
142
+ marginRight: '12px'
143
+ },
144
+ children: button || onButtonClick && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
145
+ className: "arcblock-blocklet__button--hover",
146
+ variant: "outlined",
147
+ color: "primary",
148
+ size: "small",
149
+ disabled: buttonDisabled || buttonLoading,
150
+ style: {
151
+ padding: '3px 6px',
152
+ fontSize: '14px',
153
+ minWidth: '92px',
154
+ textAlign: 'center'
155
+ },
156
+ children: [buttonLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
157
+ size: 15,
158
+ style: {
159
+ marginRight: 3,
160
+ color: 'inherit'
161
+ }
162
+ }), buttonText]
163
+ })
164
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
165
+ className: "arcblock-blocklet__version",
166
+ children: version && "v".concat(version)
167
+ })]
168
+ })]
169
+ })]
170
+ })
171
+ }));
153
172
  }
154
173
 
155
174
  BlockletStore.propTypes = {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = BlockletNFT;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
11
 
@@ -29,13 +29,17 @@ var _Button = _interopRequireDefault(require("../Button"));
29
29
 
30
30
  var _Img = _interopRequireDefault(require("../Img"));
31
31
 
32
+ var _jsxRuntime = require("react/jsx-runtime");
33
+
32
34
  const _excluded = ["title", "did", "description", "cover", "size", "addons", "button", "buttonText", "buttonDisabled", "buttonLoading", "isStickyButton", "onButtonClick", "onMainClick", "onTagClick", "className", "scaleClickZone"];
33
35
 
34
36
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
37
 
36
- 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); }
38
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
39
+
40
+ 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
41
 
38
- 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; }
42
+ 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
43
 
40
44
  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; }
41
45
 
@@ -70,7 +74,7 @@ function BlockletIcon(_ref) {
70
74
  let {
71
75
  name
72
76
  } = _ref;
73
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
77
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
74
78
  name: name,
75
79
  color: "inherit",
76
80
  size: 15,
@@ -145,79 +149,94 @@ function BlockletNFT(_ref2) {
145
149
 
146
150
  const didAvatarSize = size === 'auto' ? isUpLg ? 80 : 40 : size === 'md' ? 80 : 40;
147
151
  const container = (0, _react.useRef)(null);
148
- return /*#__PURE__*/_react.default.createElement(Div, Object.assign({}, rest, {
152
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({}, rest), {}, {
149
153
  scaleClickZone: scaleClickZone,
150
- className: "".concat(className, " arcblock-blocklet arcblock-blocklet--size-").concat(actualSize)
151
- }), /*#__PURE__*/_react.default.createElement("div", {
152
- className: "arcblock-blocklet__content"
153
- }, /*#__PURE__*/_react.default.createElement("div", {
154
- className: "arcblock-blocklet__content--main",
155
- onClick: _onMainClick,
156
- ref: container
157
- }, /*#__PURE__*/_react.default.createElement("div", {
158
- className: "arcblock-blocklet__content--body"
159
- }, cover ? /*#__PURE__*/_react.default.createElement("div", {
160
- className: "arcblock-blocklet__cover"
161
- }, /*#__PURE__*/_react.default.createElement(_Img.default, {
162
- src: cover
163
- })) : did && /*#__PURE__*/_react.default.createElement("div", {
164
- className: "arcblock-blocklet__cover"
165
- }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
166
- did: did,
167
- size: didAvatarSize
168
- })), /*#__PURE__*/_react.default.createElement("div", {
169
- className: "arcblock-blocklet__info"
170
- }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
171
- component: "h3",
172
- variant: "h3",
173
- className: "arcblock-blocklet__title",
174
- title: title
175
- }, title), description && /*#__PURE__*/_react.default.createElement(_Typography.default, {
176
- component: "div",
177
- variant: "body2",
178
- className: "arcblock-blocklet__describe",
179
- title: description
180
- }, description), ['md', 'sm', 'xs'].includes(actualSize) && /*#__PURE__*/_react.default.createElement(_Portal.default, {
181
- container: container.current,
182
- disablePortal: actualSize === 'md'
183
- }, /*#__PURE__*/_react.default.createElement("div", {
184
- className: "arcblock-blocklet__button",
185
- onClick: _onButtonClick,
186
- style: {
187
- display: isStickyButton ? 'block' : ''
188
- }
189
- }, button || onButtonClick && /*#__PURE__*/_react.default.createElement(_Button.default, {
190
- className: "arcblock-blocklet__button--hover",
191
- variant: "outlined",
192
- color: "primary",
193
- size: "small",
194
- disabled: buttonDisabled || buttonLoading,
195
- style: actualSize === 'md' ? {
196
- padding: '3px 20px',
197
- fontSize: '14px'
198
- } : {
199
- padding: '3px 15px',
200
- minWidth: '54px',
201
- fontSize: '13px'
202
- }
203
- }, buttonLoading && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
204
- size: actualSize === 'md' ? 15 : 13,
205
- style: {
206
- marginRight: 3,
207
- color: 'inherit'
208
- }
209
- }), buttonText))))))), /*#__PURE__*/_react.default.createElement("div", {
210
- className: "arcblock-blocklet__addons"
211
- }, addons.map((item, index) => /*#__PURE__*/_react.default.createElement(_Typography.default, {
212
- component: "span",
213
- variant: "caption",
214
- className: "arcblock-blocklet__addons--item" // eslint-disable-next-line react/no-array-index-key
215
- ,
216
- key: index,
217
- title: item.title
218
- }, item.empty ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BlockletIcon, {
219
- name: item.icon
220
- }), item.pretty ? prettySize(item.value) : item.value)))));
154
+ className: "".concat(className, " arcblock-blocklet arcblock-blocklet--size-").concat(actualSize),
155
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
156
+ className: "arcblock-blocklet__content",
157
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
158
+ className: "arcblock-blocklet__content--main",
159
+ onClick: _onMainClick,
160
+ ref: container,
161
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
162
+ className: "arcblock-blocklet__content--body",
163
+ children: [cover ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
164
+ className: "arcblock-blocklet__cover",
165
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
166
+ src: cover
167
+ })
168
+ }) : did && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
169
+ className: "arcblock-blocklet__cover",
170
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
171
+ did: did,
172
+ size: didAvatarSize
173
+ })
174
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
175
+ className: "arcblock-blocklet__info",
176
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
177
+ component: "h3",
178
+ variant: "h3",
179
+ className: "arcblock-blocklet__title",
180
+ title: title,
181
+ children: title
182
+ }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
183
+ component: "div",
184
+ variant: "body2",
185
+ className: "arcblock-blocklet__describe",
186
+ title: description,
187
+ children: description
188
+ }), ['md', 'sm', 'xs'].includes(actualSize) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
189
+ container: container.current,
190
+ disablePortal: actualSize === 'md',
191
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
192
+ className: "arcblock-blocklet__button",
193
+ onClick: _onButtonClick,
194
+ style: {
195
+ display: isStickyButton ? 'block' : ''
196
+ },
197
+ children: button || onButtonClick && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
198
+ className: "arcblock-blocklet__button--hover",
199
+ variant: "outlined",
200
+ color: "primary",
201
+ size: "small",
202
+ disabled: buttonDisabled || buttonLoading,
203
+ style: actualSize === 'md' ? {
204
+ padding: '3px 20px',
205
+ fontSize: '14px'
206
+ } : {
207
+ padding: '3px 15px',
208
+ minWidth: '54px',
209
+ fontSize: '13px'
210
+ },
211
+ children: [buttonLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
212
+ size: actualSize === 'md' ? 15 : 13,
213
+ style: {
214
+ marginRight: 3,
215
+ color: 'inherit'
216
+ }
217
+ }), buttonText]
218
+ })
219
+ })
220
+ })]
221
+ })]
222
+ })
223
+ })
224
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
225
+ className: "arcblock-blocklet__addons",
226
+ children: addons.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
227
+ component: "span",
228
+ variant: "caption",
229
+ className: "arcblock-blocklet__addons--item" // eslint-disable-next-line react/no-array-index-key
230
+ ,
231
+ title: item.title,
232
+ children: item.empty ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
233
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BlockletIcon, {
234
+ name: item.icon
235
+ }), item.pretty ? prettySize(item.value) : item.value]
236
+ })
237
+ }, index))
238
+ })]
239
+ }));
221
240
  }
222
241
 
223
242
  BlockletNFT.propTypes = {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = _default;
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
 
@@ -15,6 +15,8 @@ var _Colors = _interopRequireDefault(require("../Colors"));
15
15
 
16
16
  var _Util = require("../Util");
17
17
 
18
+ var _jsxRuntime = require("react/jsx-runtime");
19
+
18
20
  const _excluded = ["children", "rounded", "loading", "disabled", "style", "forwardedRef", "color"];
19
21
 
20
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -104,16 +106,18 @@ function _default(BaseComponent) {
104
106
  styles.borderRadius = '100vw';
105
107
  }
106
108
 
107
- return /*#__PURE__*/_react.default.createElement(BaseComponent, Object.assign({
109
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BaseComponent, _objectSpread(_objectSpread({
108
110
  style: styles,
109
111
  ref: forwardedRef,
110
112
  disabled: isDisabled
111
- }, _rest), loading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
112
- size: loadingSize,
113
- style: {
114
- marginRight: 5
115
- }
116
- }), children);
113
+ }, _rest), {}, {
114
+ children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
115
+ size: loadingSize,
116
+ style: {
117
+ marginRight: 5
118
+ }
119
+ }), children]
120
+ }));
117
121
  }
118
122
 
119
123
  WrappedComponent.propTypes = {
@@ -129,7 +133,7 @@ function _default(BaseComponent) {
129
133
  forwardedRef: null,
130
134
  style: {}
131
135
  };
132
- return /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(WrappedComponent, Object.assign({}, props, {
136
+ return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
133
137
  forwardedRef: ref
134
138
  })));
135
139
  }
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = Center;
7
7
 
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
9
 
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
 
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
16
  /**
@@ -32,9 +32,10 @@ function Center(_ref) {
32
32
  };
33
33
  }
34
34
 
35
- return /*#__PURE__*/_react.default.createElement(Div, {
36
- style: style
37
- }, children);
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
36
+ style: style,
37
+ children: children
38
+ });
38
39
  }
39
40
 
40
41
  const Div = _styledComponents.default.div.withConfig({
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = ClickToCopy;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
11
11
 
@@ -23,14 +23,22 @@ var _Toast = _interopRequireWildcard(require("../Toast"));
23
23
 
24
24
  var _Util = require("../Util");
25
25
 
26
- const _excluded = ["children", "content", "tip", "copiedTip", "tipPlacement", "style"];
26
+ var _jsxRuntime = require("react/jsx-runtime");
27
27
 
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28
+ const _excluded = ["children", "content", "tip", "copiedTip", "tipPlacement", "style"];
29
29
 
30
30
  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); }
31
31
 
32
32
  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; }
33
33
 
34
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
+
36
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
37
+
38
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
39
+
40
+ function _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; }
41
+
34
42
  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
43
 
36
44
  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; }
@@ -49,9 +57,7 @@ function ClickToCopy(props) {
49
57
  rest = _objectWithoutProperties(newProps, _excluded);
50
58
 
51
59
  const [copied, setCopied] = (0, _react.useState)(false);
52
-
53
- const childrenRef = /*#__PURE__*/_react.default.createRef();
54
-
60
+ const childrenRef = /*#__PURE__*/(0, _react.createRef)();
55
61
  const {
56
62
  width
57
63
  } = (0, _useWindowSize.default)();
@@ -80,21 +86,25 @@ function ClickToCopy(props) {
80
86
  }
81
87
  };
82
88
  });
83
- return /*#__PURE__*/_react.default.createElement(_Toast.ToastProvider, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, Object.assign({
84
- title: copied ? copiedTip : tip
85
- }, rest, {
86
- placement: tipPlacement,
87
- disableFocusListener: true
88
- }), /*#__PURE__*/_react.default.createElement(Container, {
89
- ref: childrenRef,
90
- component: "span",
91
- style: Object.assign({
92
- fontSize: 'inherit',
93
- color: 'inherit',
94
- fontWeight: 'inherit'
95
- }, style),
96
- onClick: () => onCopy(childrenRef)
97
- }, children || content)));
89
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.ToastProvider, {
90
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, _objectSpread(_objectSpread({
91
+ title: copied ? copiedTip : tip
92
+ }, rest), {}, {
93
+ placement: tipPlacement,
94
+ disableFocusListener: true,
95
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
96
+ ref: childrenRef,
97
+ component: "span",
98
+ style: Object.assign({
99
+ fontSize: 'inherit',
100
+ color: 'inherit',
101
+ fontWeight: 'inherit'
102
+ }, style),
103
+ onClick: () => onCopy(childrenRef),
104
+ children: children || content
105
+ })
106
+ }))
107
+ });
98
108
  }
99
109
 
100
110
  ClickToCopy.propTypes = {