@arcblock/ux 2.1.16 → 2.1.19
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 +50 -29
- package/lib/Datatable/index.js +46 -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 +56 -50
- 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 +20 -14
- package/src/Datatable/index.js +19 -14
- 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 +3 -2
- 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
|
@@ -5,23 +5,29 @@ 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 _Button = _interopRequireDefault(require("../Button"));
|
|
13
11
|
|
|
14
12
|
var _Util = require("../Util");
|
|
15
13
|
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
|
|
16
16
|
const _excluded = ["href", "icon", "size", "color", "theme", "variant", "gradient", "children", "text"];
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
20
26
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
27
|
|
|
22
28
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
29
|
|
|
24
|
-
|
|
30
|
+
function ActionButton(props) {
|
|
25
31
|
const newProps = (0, _Util.mergeProps)(props, ActionButton);
|
|
26
32
|
|
|
27
33
|
const {
|
|
@@ -50,7 +56,7 @@ const ActionButton = props => {
|
|
|
50
56
|
styles[x] = newProps[x];
|
|
51
57
|
}
|
|
52
58
|
});
|
|
53
|
-
return /*#__PURE__*/
|
|
59
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, _objectSpread(_objectSpread({
|
|
54
60
|
color: theme,
|
|
55
61
|
href: href,
|
|
56
62
|
target: "_blank",
|
|
@@ -58,10 +64,12 @@ const ActionButton = props => {
|
|
|
58
64
|
style: styles,
|
|
59
65
|
size: size,
|
|
60
66
|
className: "action-button"
|
|
61
|
-
}, rest),
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}
|
|
67
|
+
}, rest), {}, {
|
|
68
|
+
children: [!!icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
|
69
|
+
className: icon
|
|
70
|
+
}), text || children]
|
|
71
|
+
}));
|
|
72
|
+
}
|
|
65
73
|
|
|
66
74
|
ActionButton.propTypes = {
|
|
67
75
|
href: _propTypes.default.string.isRequired,
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = ActivityIndicator;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -17,14 +17,18 @@ var _Logo = _interopRequireDefault(require("../Logo"));
|
|
|
17
17
|
|
|
18
18
|
var _Colors = _interopRequireDefault(require("../Colors"));
|
|
19
19
|
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
+
|
|
20
22
|
const _excluded = ["messages", "interval"],
|
|
21
23
|
_excluded2 = ["size", "orbitColor", "atomColor", "duration"];
|
|
22
24
|
|
|
23
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
26
|
|
|
25
|
-
function
|
|
27
|
+
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; }
|
|
28
|
+
|
|
29
|
+
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; }
|
|
26
30
|
|
|
27
|
-
function
|
|
31
|
+
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; }
|
|
28
32
|
|
|
29
33
|
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; }
|
|
30
34
|
|
|
@@ -47,32 +51,39 @@ function ActivityIndicator(_ref) {
|
|
|
47
51
|
clearTimeout(timer);
|
|
48
52
|
};
|
|
49
53
|
});
|
|
50
|
-
return /*#__PURE__*/
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
54
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({}, rest), {}, {
|
|
55
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
56
|
+
className: "pm-loader-container",
|
|
57
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
58
|
+
className: "pm-loader-text",
|
|
59
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
60
|
+
children: messages[index]
|
|
61
|
+
})
|
|
62
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
63
|
+
className: "pm-loader-atoms",
|
|
64
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
|
|
65
|
+
style: {
|
|
66
|
+
transform: 'scale(0.6)'
|
|
67
|
+
},
|
|
68
|
+
showText: false
|
|
69
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Orbit, {
|
|
70
|
+
size: 56,
|
|
71
|
+
orbitColor: _colors.green[500],
|
|
72
|
+
atomColor: _colors.green[500],
|
|
73
|
+
duration: 1
|
|
74
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Orbit, {
|
|
75
|
+
size: 80,
|
|
76
|
+
orbitColor: _colors.blue[800],
|
|
77
|
+
atomColor: _colors.blue[800],
|
|
78
|
+
duration: 1.5
|
|
79
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Orbit, {
|
|
80
|
+
size: 100,
|
|
81
|
+
orbitColor: _Colors.default.grey[900],
|
|
82
|
+
atomColor: _Colors.default.grey[900]
|
|
83
|
+
})]
|
|
84
|
+
})]
|
|
85
|
+
})
|
|
86
|
+
}));
|
|
76
87
|
}
|
|
77
88
|
|
|
78
89
|
ActivityIndicator.propTypes = {
|
|
@@ -89,7 +100,7 @@ const Div = _styledComponents.default.div.withConfig({
|
|
|
89
100
|
componentId: "sc-rsk6jb-0"
|
|
90
101
|
})(["&&{box-sizing:border-box;padding:20px;width:100%;height:100%;min-height:360px;z-index:100;transition:opacity 0.5s linear;display:flex;align-items:center;flex-direction:column;justify-content:center;}.pm-loader-text{color:", ";font-size:14px;text-align:center;position:relative;height:70px;-webkit-user-select:none;}.pm-loader-container{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;flex:1;}.pm-loader-atoms{width:100px;height:100px;display:flex;position:relative;align-items:center;justify-content:center;}"], _Colors.default.grey[900]);
|
|
91
102
|
|
|
92
|
-
|
|
103
|
+
function Orbit(_ref2) {
|
|
93
104
|
let {
|
|
94
105
|
size,
|
|
95
106
|
orbitColor,
|
|
@@ -98,19 +109,21 @@ const Orbit = _ref2 => {
|
|
|
98
109
|
} = _ref2,
|
|
99
110
|
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
100
111
|
|
|
101
|
-
return /*#__PURE__*/
|
|
112
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(OrbitRoot, _objectSpread(_objectSpread({
|
|
102
113
|
$duration: duration,
|
|
103
114
|
style: {
|
|
104
115
|
width: size,
|
|
105
116
|
height: size,
|
|
106
117
|
border: "1px solid ".concat(orbitColor)
|
|
107
118
|
}
|
|
108
|
-
}, rest),
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
119
|
+
}, rest), {}, {
|
|
120
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
121
|
+
style: {
|
|
122
|
+
background: atomColor
|
|
123
|
+
}
|
|
124
|
+
})
|
|
112
125
|
}));
|
|
113
|
-
}
|
|
126
|
+
}
|
|
114
127
|
|
|
115
128
|
Orbit.propTypes = {
|
|
116
129
|
size: _propTypes.default.number.isRequired,
|
package/lib/Alert/index.js
CHANGED
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
@@ -21,10 +19,18 @@ var _Util = require("../Util");
|
|
|
21
19
|
|
|
22
20
|
var _Colors = _interopRequireDefault(require("../Colors"));
|
|
23
21
|
|
|
22
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
|
+
|
|
24
24
|
const _excluded = ["type", "children", "style", "className", "variant"];
|
|
25
25
|
|
|
26
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
27
|
|
|
28
|
+
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
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
28
34
|
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; }
|
|
29
35
|
|
|
30
36
|
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; }
|
|
@@ -56,7 +62,7 @@ const types = {
|
|
|
56
62
|
}
|
|
57
63
|
};
|
|
58
64
|
|
|
59
|
-
|
|
65
|
+
function Alert(props) {
|
|
60
66
|
const newProps = (0, _Util.mergeProps)(props, Alert, ['style']);
|
|
61
67
|
|
|
62
68
|
const {
|
|
@@ -79,21 +85,23 @@ const Alert = props => {
|
|
|
79
85
|
backgroundColor: variant === 'border' ? backgroundColor : 'transparent',
|
|
80
86
|
borderLeft: variant === 'border' ? "5px solid ".concat(borderColor) : 'none'
|
|
81
87
|
}, style);
|
|
82
|
-
return /*#__PURE__*/
|
|
88
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
|
|
83
89
|
className: "alert alert--".concat(type, " alert--").concat(variant, " ").concat(className).trim(),
|
|
84
|
-
style: styles
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
90
|
+
style: styles,
|
|
91
|
+
children: [variant === 'icon' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
92
|
+
className: "alert-icon",
|
|
93
|
+
name: icon,
|
|
94
|
+
size: 24,
|
|
95
|
+
style: {
|
|
96
|
+
color
|
|
97
|
+
}
|
|
98
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
|
|
99
|
+
component: "div",
|
|
100
|
+
className: "alert-content",
|
|
101
|
+
children: children
|
|
102
|
+
})]
|
|
103
|
+
}));
|
|
104
|
+
}
|
|
97
105
|
|
|
98
106
|
Alert.propTypes = {
|
|
99
107
|
type: _propTypes.default.oneOf(Object.keys(types)),
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = AnimationWaiter;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
@@ -15,13 +15,17 @@ var _reactLottiePlayer = _interopRequireDefault(require("react-lottie-player"));
|
|
|
15
15
|
|
|
16
16
|
var _defaultAnimation = _interopRequireDefault(require("./default-animation.json"));
|
|
17
17
|
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
+
|
|
18
20
|
const _excluded = ["animationData", "size", "message", "messageDuration", "messageLoop", "tips", "tipsDuration", "maybeDuration", "speed", "increaseSpeed"];
|
|
19
21
|
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
23
|
|
|
22
|
-
function
|
|
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; }
|
|
25
|
+
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
27
|
|
|
24
|
-
function
|
|
28
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
29
|
|
|
26
30
|
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; }
|
|
27
31
|
|
|
@@ -90,7 +94,7 @@ function AnimationWaiter(_ref) {
|
|
|
90
94
|
|
|
91
95
|
return () => {
|
|
92
96
|
clearInterval(timer);
|
|
93
|
-
};
|
|
97
|
+
}; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
94
98
|
}, [message, messageDuration]); // tips
|
|
95
99
|
|
|
96
100
|
(0, _react.useEffect)(() => {
|
|
@@ -122,7 +126,7 @@ function AnimationWaiter(_ref) {
|
|
|
122
126
|
const newSpeed = speed + increaseSpeed * percentage;
|
|
123
127
|
setCurrentSpeed(newSpeed);
|
|
124
128
|
}, 1000);
|
|
125
|
-
return () => clearTimeout(timer);
|
|
129
|
+
return () => clearTimeout(timer); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
126
130
|
}, [currentSpeed]);
|
|
127
131
|
|
|
128
132
|
const getMsgClassName = index => {
|
|
@@ -137,36 +141,41 @@ function AnimationWaiter(_ref) {
|
|
|
137
141
|
return className;
|
|
138
142
|
};
|
|
139
143
|
|
|
140
|
-
return /*#__PURE__*/
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
className: "waiter-tips-
|
|
166
|
-
,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
144
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
|
|
145
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLottiePlayer.default, {
|
|
146
|
+
loop: true,
|
|
147
|
+
animationData: animationData || _defaultAnimation.default,
|
|
148
|
+
play: true,
|
|
149
|
+
speed: currentSpeed,
|
|
150
|
+
style: {
|
|
151
|
+
width: size,
|
|
152
|
+
height: size
|
|
153
|
+
}
|
|
154
|
+
}), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
155
|
+
className: "waiter-message",
|
|
156
|
+
children: message.map((text, index) => {
|
|
157
|
+
const className = getMsgClassName(index);
|
|
158
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
159
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
160
|
+
className: "message-block ".concat(className),
|
|
161
|
+
children: text
|
|
162
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
163
|
+
className: "placeholder-message ".concat(className),
|
|
164
|
+
children: text
|
|
165
|
+
})]
|
|
166
|
+
}, index);
|
|
167
|
+
})
|
|
168
|
+
}), tips.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
169
|
+
className: "waiter-tips-container",
|
|
170
|
+
children: tips.map((e, index) => {
|
|
171
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
172
|
+
className: "waiter-tips-block ".concat(tipsId === index ? 'show-tips' : '') // eslint-disable-next-line react/no-array-index-key
|
|
173
|
+
,
|
|
174
|
+
children: e
|
|
175
|
+
}, index);
|
|
176
|
+
})
|
|
177
|
+
}) : '']
|
|
178
|
+
}));
|
|
170
179
|
}
|
|
171
180
|
|
|
172
181
|
AnimationWaiter.propTypes = {
|
package/lib/Async/index.js
CHANGED
|
@@ -5,17 +5,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = LoadAsyncComponent;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
11
11
|
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
14
26
|
function LoadAsyncComponent(importComponent) {
|
|
15
27
|
let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
|
|
16
28
|
let showProgress = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
17
29
|
|
|
18
|
-
class AsyncComponent extends
|
|
30
|
+
class AsyncComponent extends React.Component {
|
|
19
31
|
constructor(props) {
|
|
20
32
|
super(props);
|
|
21
33
|
this.state = {
|
|
@@ -43,7 +55,7 @@ function LoadAsyncComponent(importComponent) {
|
|
|
43
55
|
} // eslint-disable-next-line no-nested-ternary
|
|
44
56
|
|
|
45
57
|
|
|
46
|
-
return Component ? /*#__PURE__*/
|
|
58
|
+
return Component ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, this.props)) : showProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
47
59
|
color: "primary"
|
|
48
60
|
}) : null;
|
|
49
61
|
}
|
package/lib/Badge/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -17,10 +17,18 @@ var _Colors = _interopRequireDefault(require("../Colors"));
|
|
|
17
17
|
|
|
18
18
|
var _Util = require("../Util");
|
|
19
19
|
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
+
|
|
20
22
|
const _excluded = ["type", "content", "children", "style", "className", "forwardedRef"];
|
|
21
23
|
|
|
22
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
25
|
|
|
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; }
|
|
27
|
+
|
|
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; }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
24
32
|
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; }
|
|
25
33
|
|
|
26
34
|
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; }
|
|
@@ -62,12 +70,14 @@ function Badge(props) {
|
|
|
62
70
|
rest = _objectWithoutProperties(newProps, _excluded);
|
|
63
71
|
|
|
64
72
|
const styles = Object.assign(types[type] || types.primary, style);
|
|
65
|
-
return /*#__PURE__*/
|
|
73
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
|
|
66
74
|
ref: forwardedRef,
|
|
67
75
|
component: "span",
|
|
68
76
|
className: className,
|
|
69
77
|
style: styles
|
|
70
|
-
}, rest),
|
|
78
|
+
}, rest), {}, {
|
|
79
|
+
children: content || children
|
|
80
|
+
}));
|
|
71
81
|
}
|
|
72
82
|
|
|
73
83
|
Badge.propTypes = {
|
|
@@ -84,7 +94,7 @@ Badge.defaultProps = {
|
|
|
84
94
|
style: '{}'
|
|
85
95
|
};
|
|
86
96
|
|
|
87
|
-
var _default = /*#__PURE__*/_react.
|
|
97
|
+
var _default = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, _objectSpread(_objectSpread({}, props), {}, {
|
|
88
98
|
forwardedRef: ref
|
|
89
99
|
})));
|
|
90
100
|
|