@arcblock/ux 2.1.18 → 2.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ActionButton/index.js +16 -8
- package/lib/ActivityIndicator/index.js +49 -36
- package/lib/Alert/index.js +25 -17
- package/lib/AnimationWaiter/index.js +44 -35
- package/lib/Async/index.js +15 -3
- package/lib/Badge/index.js +14 -4
- package/lib/Blocklet/blocklet.js +81 -62
- package/lib/BlockletNFT/index.js +95 -76
- package/lib/Button/wrap.js +13 -9
- package/lib/Center/index.js +6 -5
- package/lib/ClickToCopy/index.js +31 -21
- package/lib/CodeBlock/index.js +35 -27
- package/lib/ContactForm/index.js +46 -41
- package/lib/CookieConsent/index.js +33 -21
- package/lib/CountDown/index.js +50 -34
- package/lib/Datatable/CustomToolbar.js +138 -97
- package/lib/Datatable/DatatableContext.js +9 -12
- package/lib/Datatable/TableSearch.js +44 -27
- package/lib/Datatable/index.js +44 -28
- package/lib/Dialog/confirm.js +26 -13
- package/lib/Dialog/dialog.js +42 -26
- package/lib/DriftBot/index.js +2 -2
- package/lib/Earth/index.js +121 -107
- package/lib/Empty/index.js +19 -10
- package/lib/ErrorBoundary/fallback.js +18 -12
- package/lib/Footer/index.js +32 -26
- package/lib/Header/header.js +37 -21
- package/lib/Header/responsive-header.js +40 -30
- package/lib/Icon/image.js +22 -15
- package/lib/Icon/index.js +17 -7
- package/lib/Img/index.js +34 -32
- package/lib/InfoRow/index.js +23 -13
- package/lib/Layout/dashboard/index.js +66 -54
- package/lib/Layout/dashboard/sidebar.js +39 -26
- package/lib/Layout/dashboard-legacy/header.js +56 -38
- package/lib/Layout/dashboard-legacy/index.js +54 -44
- package/lib/Layout/dashboard-legacy/sidebar.js +48 -38
- package/lib/Layout/index.js +147 -111
- package/lib/Locale/context.js +8 -10
- package/lib/Locale/selector.js +55 -41
- package/lib/Logo/index.js +50 -30
- package/lib/Metric/index.js +30 -23
- package/lib/NFTDisplay/aspect-ratio-container.js +15 -6
- package/lib/NFTDisplay/broken.js +3 -3
- package/lib/NFTDisplay/index.js +29 -28
- package/lib/NFTDisplay/loading.js +6 -5
- package/lib/NFTDisplay/svg-embedder/img.js +10 -4
- package/lib/NFTDisplay/svg-embedder/inline-svg.js +14 -6
- package/lib/NavMenu/nav-menu.js +60 -49
- package/lib/PageScroller/index.js +29 -27
- package/lib/PageScroller/usePrevValue.js +1 -5
- package/lib/PricingTable/PricingPlan.js +46 -36
- package/lib/PricingTable/index.js +22 -20
- package/lib/QRCode/index.js +6 -9
- package/lib/RelativeTime/index.js +14 -5
- package/lib/Result/common.js +49 -44
- package/lib/Result/index.js +6 -6
- package/lib/Result/result.js +29 -18
- package/lib/Screenshot/index.js +32 -21
- package/lib/Spinner/index.js +3 -3
- package/lib/SplitButton/index.js +40 -24
- package/lib/Switch/index.js +12 -6
- package/lib/Tabs/index.js +18 -12
- package/lib/Tag/index.js +14 -4
- package/lib/Terminal/Player.js +108 -92
- package/lib/Terminal/index.js +3 -1
- package/lib/TextCollapse/index.js +18 -8
- package/lib/Toast/index.js +17 -14
- package/lib/Video/index.js +31 -25
- package/lib/Wallet/Action.js +37 -25
- package/lib/Wallet/Download.js +236 -181
- package/lib/Wallet/Open.js +6 -5
- package/lib/WechatPrompt/index.js +40 -28
- package/lib/withTheme/index.js +23 -9
- package/lib/withTracker/error_boundary.js +10 -7
- package/lib/withTracker/index.js +8 -4
- package/package.json +4 -4
- package/src/ActionButton/index.js +3 -4
- package/src/ActivityIndicator/index.js +4 -7
- package/src/Alert/index.js +4 -10
- package/src/AnimationWaiter/index.js +4 -2
- package/src/Async/index.js +4 -8
- package/src/Badge/index.js +2 -2
- package/src/Blocklet/blocklet.js +16 -27
- package/src/Blocklet/utils.js +3 -3
- package/src/BlockletNFT/index.js +7 -15
- package/src/Button/wrap.js +2 -2
- package/src/Center/index.js +0 -1
- package/src/ClickToCopy/index.js +5 -12
- package/src/CodeBlock/index.js +2 -7
- package/src/Colors/index.js +1 -0
- package/src/ContactForm/index.js +16 -16
- package/src/CookieConsent/index.js +3 -2
- package/src/CountDown/index.js +8 -8
- package/src/Datatable/CustomToolbar.js +8 -9
- package/src/Datatable/DatatableContext.js +3 -3
- package/src/Datatable/TableSearch.js +18 -13
- package/src/Datatable/index.js +13 -12
- package/src/Datatable/utils.js +19 -23
- package/src/Dialog/confirm.js +0 -1
- package/src/Dialog/dialog.js +7 -27
- package/src/Dialog/index.js +1 -0
- package/src/DriftBot/index.js +2 -2
- package/src/Earth/index.js +26 -44
- package/src/Empty/index.js +0 -1
- package/src/ErrorBoundary/fallback.js +2 -3
- package/src/Footer/index.js +3 -7
- package/src/Header/header.js +4 -5
- package/src/Header/responsive-header.js +4 -10
- package/src/Icon/image.js +0 -1
- package/src/Icon/index.js +8 -8
- package/src/Img/index.js +6 -6
- package/src/InfoRow/index.js +22 -21
- package/src/Layout/dashboard/index.js +9 -4
- package/src/Layout/dashboard/sidebar.js +4 -10
- package/src/Layout/dashboard-legacy/header.js +9 -15
- package/src/Layout/dashboard-legacy/index.js +4 -11
- package/src/Layout/dashboard-legacy/sidebar.js +7 -7
- package/src/Layout/index.js +12 -26
- package/src/Locale/browser-lang.js +2 -2
- package/src/Locale/context.js +7 -11
- package/src/Locale/selector.js +8 -8
- package/src/Logo/index.js +4 -6
- package/src/Metric/index.js +9 -10
- package/src/NFTDisplay/aspect-ratio-container.js +0 -1
- package/src/NFTDisplay/broken.js +0 -1
- package/src/NFTDisplay/index.js +10 -8
- package/src/NFTDisplay/loading.js +0 -1
- package/src/NFTDisplay/svg-embedder/img.js +1 -2
- package/src/NFTDisplay/svg-embedder/inline-svg.js +0 -1
- package/src/NavMenu/index.js +1 -0
- package/src/NavMenu/nav-menu.js +14 -27
- package/src/NavMenu/style.js +3 -3
- package/src/PageScroller/index.js +19 -35
- package/src/PageScroller/usePrevValue.js +1 -1
- package/src/PricingTable/PricingPlan.js +31 -30
- package/src/PricingTable/index.js +4 -5
- package/src/QRCode/index.js +3 -2
- package/src/RelativeTime/index.js +1 -5
- package/src/Result/common.js +19 -20
- package/src/Result/index.js +5 -6
- package/src/Result/result.js +2 -3
- package/src/Result/translations.js +1 -2
- package/src/Screenshot/index.js +10 -10
- package/src/Spinner/index.js +0 -1
- package/src/SplitButton/index.js +6 -19
- package/src/Switch/index.js +40 -41
- package/src/Tabs/index.js +2 -9
- package/src/Tag/index.js +2 -2
- package/src/Terminal/Player.js +7 -8
- package/src/Terminal/index.js +4 -3
- package/src/Terminal/util.js +3 -3
- package/src/TextCollapse/index.js +4 -10
- package/src/Theme/index.js +1 -8
- package/src/Toast/index.js +6 -10
- package/src/Util/index.js +15 -27
- package/src/Video/index.js +2 -8
- package/src/Wallet/Action.js +5 -6
- package/src/Wallet/Download.js +6 -7
- package/src/Wallet/Open.js +1 -2
- package/src/WechatPrompt/index.js +2 -7
- package/src/withTheme/index.js +5 -5
- package/src/withTracker/error_boundary.js +3 -3
- package/src/withTracker/index.js +2 -2
package/lib/NavMenu/nav-menu.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -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.
|
|
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__*/
|
|
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
|
-
|
|
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
|
-
|
|
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__*/
|
|
132
|
-
value: contextValue
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
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
|
-
|
|
202
|
+
(0, _jsxRuntime.jsxs)("li", _objectSpread(_objectSpread({}, rest), {}, {
|
|
203
203
|
className: classes,
|
|
204
|
-
onClick: handleClick
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
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__*/
|
|
267
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", _objectSpread(_objectSpread(_objectSpread({}, rest), {}, {
|
|
265
268
|
className: classes
|
|
266
|
-
}, props),
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
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__*/
|
|
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 =
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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.
|
|
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__*/
|
|
121
|
-
key: i,
|
|
118
|
+
newComponentsToRender.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
122
119
|
style: {
|
|
123
120
|
height: '100%',
|
|
124
121
|
width: '100%'
|
|
125
|
-
}
|
|
126
|
-
|
|
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__*/
|
|
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
|
-
|
|
291
|
-
|
|
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 =
|
|
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
|
-
|
|
24
|
+
function PricingPlan(_ref) {
|
|
25
25
|
let {
|
|
26
26
|
plan
|
|
27
27
|
} = _ref;
|
|
28
|
-
return /*#__PURE__*/
|
|
29
|
-
shadow: true
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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
|
-
|
|
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__*/
|
|
27
|
-
variant: "even"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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;
|
package/lib/QRCode/index.js
CHANGED
|
@@ -5,20 +5,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
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.
|
|
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__*/
|
|
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__*/
|
|
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
|
-
|
|
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 = {
|