@arcblock/ux 2.5.58 → 2.5.60
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 +20 -39
- package/lib/ActivityIndicator/index.js +20 -41
- package/lib/Address/compact-text.js +16 -38
- package/lib/Address/did-address.js +22 -51
- package/lib/Address/index.js +6 -19
- package/lib/Address/responsive-did-address.js +20 -36
- package/lib/Alert/index.js +12 -34
- package/lib/AnimationWaiter/index.js +35 -59
- package/lib/Async/index.js +5 -19
- package/lib/Avatar/did-motif.js +12 -26
- package/lib/Avatar/etherscan-blockies.js +2 -20
- package/lib/Avatar/index.js +28 -54
- package/lib/Badge/index.js +12 -33
- package/lib/Blocklet/blocklet.js +20 -47
- package/lib/Blocklet/index.js +0 -6
- package/lib/Blocklet/utils.js +0 -6
- package/lib/BlockletNFT/index.js +37 -67
- package/lib/Button/index.js +0 -4
- package/lib/Button/wrap.js +19 -38
- package/lib/ButtonGroup/index.js +0 -5
- package/lib/CardSelector/index.js +9 -22
- package/lib/Center/index.js +2 -12
- package/lib/ClickToCopy/copy-button.js +9 -26
- package/lib/ClickToCopy/hook.js +0 -10
- package/lib/ClickToCopy/index.js +13 -41
- package/lib/CodeBlock/LightBox.js +1 -6
- package/lib/CodeBlock/index.js +12 -80
- package/lib/Colors/index.js +0 -2
- package/lib/Colors/themes/default.js +2 -3
- package/lib/ContactForm/index.js +5 -35
- package/lib/CookieConsent/index.js +10 -32
- package/lib/CountDown/index.js +10 -35
- package/lib/DID/index.js +8 -32
- package/lib/Datatable/CustomToolbar.js +9 -56
- package/lib/Datatable/DatatableContext.js +2 -5
- package/lib/Datatable/TableSearch.js +0 -21
- package/lib/Datatable/index.js +76 -152
- package/lib/Datatable/utils.js +14 -27
- package/lib/Dialog/confirm.js +18 -31
- package/lib/Dialog/dialog.js +24 -50
- package/lib/Dialog/index.js +0 -3
- package/lib/DidLogo/index.js +0 -7
- package/lib/DriftBot/index.js +1 -12
- package/lib/Earth/index.js +17 -58
- package/lib/Earth/util.js +0 -7
- package/lib/Empty/index.js +9 -23
- package/lib/ErrorBoundary/fallback.js +0 -14
- package/lib/ErrorBoundary/index.js +0 -2
- package/lib/Footer/index.js +1 -14
- package/lib/Header/auto-hidden.js +9 -23
- package/lib/Header/header.js +19 -38
- package/lib/Header/index.js +0 -3
- package/lib/Header/responsive-header.js +16 -40
- package/lib/Icon/image.js +12 -26
- package/lib/Icon/index.js +15 -34
- package/lib/Img/index.js +32 -54
- package/lib/InfoRow/index.js +11 -27
- package/lib/Layout/dashboard/external-link.js +13 -30
- package/lib/Layout/dashboard/full-page.js +8 -24
- package/lib/Layout/dashboard/index.js +28 -72
- package/lib/Layout/dashboard/sidebar.js +11 -31
- package/lib/Layout/dashboard-legacy/header.js +14 -36
- package/lib/Layout/dashboard-legacy/index.js +19 -44
- package/lib/Layout/dashboard-legacy/sidebar.js +10 -32
- package/lib/Layout/index.js +18 -52
- package/lib/Locale/browser-lang.js +6 -19
- package/lib/Locale/context.js +15 -51
- package/lib/Locale/languages.js +3 -7
- package/lib/Locale/selector.js +11 -44
- package/lib/Locale/util.js +0 -10
- package/lib/Logo/index.js +10 -33
- package/lib/Metric/index.js +1 -9
- package/lib/NFTDisplay/aspect-ratio-container.js +7 -20
- package/lib/NFTDisplay/broken.js +0 -8
- package/lib/NFTDisplay/index.js +63 -110
- package/lib/NFTDisplay/loading.js +0 -6
- package/lib/NFTDisplay/svg-embedder/img.js +9 -22
- package/lib/NFTDisplay/svg-embedder/inline-svg.js +9 -23
- package/lib/NavMenu/index.js +0 -2
- package/lib/NavMenu/nav-menu.js +40 -69
- package/lib/NavMenu/style.js +1 -5
- package/lib/PageScroller/index.js +9 -39
- package/lib/PageScroller/story/FifthComponent.js +0 -2
- package/lib/PageScroller/story/FirstComponent.js +0 -2
- package/lib/PageScroller/story/FourthComponent.js +0 -2
- package/lib/PageScroller/story/FullPage.js +1 -14
- package/lib/PageScroller/story/PageContain.js +1 -14
- package/lib/PageScroller/story/SecondComponent.js +0 -2
- package/lib/PageScroller/story/ThirdComponent.js +0 -2
- package/lib/PageScroller/usePrevValue.js +1 -2
- package/lib/PricingTable/PricingPlan.js +0 -12
- package/lib/PricingTable/index.js +0 -14
- package/lib/QRCode/index.js +14 -24
- package/lib/RelativeTime/index.js +12 -45
- package/lib/Result/common.js +43 -63
- package/lib/Result/index.js +6 -23
- package/lib/Result/result.js +9 -23
- package/lib/Screenshot/BaseScreenshot/index.js +9 -26
- package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +9 -10
- package/lib/Screenshot/BaseScreenshot/shells/Phone.js +3 -8
- package/lib/Screenshot/index.js +32 -65
- package/lib/SessionManager/federated-login-detecter.js +171 -0
- package/lib/SessionManager/index.js +189 -271
- package/lib/SessionManager/user-popper.js +83 -0
- package/lib/Sparkline/index.js +40 -42
- package/lib/Spinner/index.js +12 -23
- package/lib/SplitButton/index.js +20 -48
- package/lib/Switch/index.js +7 -22
- package/lib/Tabs/index.js +8 -22
- package/lib/Tag/index.js +13 -33
- package/lib/TextCollapse/index.js +14 -31
- package/lib/Theme/index.js +3 -13
- package/lib/Theme/theme-provider.js +1 -10
- package/lib/Theme/theme.js +15 -27
- package/lib/Toast/index.js +13 -40
- package/lib/Util/deprecate.js +3 -12
- package/lib/Util/index.js +13 -74
- package/lib/Util/wallet.js +3 -10
- package/lib/Video/index.js +3 -19
- package/lib/Wallet/Action.js +9 -28
- package/lib/Wallet/Download.js +11 -36
- package/lib/Wallet/Open.js +0 -12
- package/lib/WebWalletSWKeeper/index.js +30 -55
- package/lib/WechatPrompt/index.js +0 -16
- package/lib/index.js +0 -38
- package/lib/withTheme/index.js +3 -15
- package/lib/withTracker/error_boundary.js +3 -14
- package/lib/withTracker/index.js +3 -24
- package/package.json +5 -5
- package/src/Blocklet/blocklet.js +1 -1
- package/src/BlockletNFT/index.js +1 -1
- package/src/NFTDisplay/index.js +4 -4
- package/src/SessionManager/federated-login-detecter.jsx +138 -0
- package/src/SessionManager/index.jsx +140 -233
- package/src/SessionManager/user-popper.jsx +121 -0
package/lib/CountDown/index.js
CHANGED
@@ -4,39 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _Util = require("../Util");
|
13
|
-
|
14
10
|
var _Theme = require("../Theme");
|
15
|
-
|
16
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
|
-
|
18
12
|
var _templateObject;
|
19
|
-
|
20
13
|
const _excluded = ["dark", "endTime"];
|
21
|
-
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23
|
-
|
24
15
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
25
|
-
|
26
16
|
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
17
|
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
|
31
|
-
|
18
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
20
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
32
21
|
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
|
-
|
34
22
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
35
|
-
|
36
23
|
const SECONDS_OF_MINUTE = 60;
|
37
24
|
const SECONDS_OF_HOUR = 60 * SECONDS_OF_MINUTE;
|
38
25
|
const SECONDS_OF_DAY = 24 * SECONDS_OF_HOUR;
|
39
|
-
|
40
26
|
function getRemaining(endTime) {
|
41
27
|
const now = new Date().getTime();
|
42
28
|
const diff = Math.round((endTime - now) / 1000);
|
@@ -51,9 +37,9 @@ function getRemaining(endTime) {
|
|
51
37
|
seconds,
|
52
38
|
done: diff <= 0
|
53
39
|
};
|
54
|
-
}
|
55
|
-
|
40
|
+
}
|
56
41
|
|
42
|
+
// eslint-disable-next-line react/prop-types
|
57
43
|
function FixWidthNumber(_ref) {
|
58
44
|
let {
|
59
45
|
number,
|
@@ -61,11 +47,9 @@ function FixWidthNumber(_ref) {
|
|
61
47
|
length = 2
|
62
48
|
} = _ref;
|
63
49
|
let str = number.toString();
|
64
|
-
|
65
50
|
while (str.length < length) {
|
66
51
|
str = "0".concat(str);
|
67
52
|
}
|
68
|
-
|
69
53
|
const numbers = str.split('');
|
70
54
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
71
55
|
className: "num-group",
|
@@ -84,7 +68,6 @@ function FixWidthNumber(_ref) {
|
|
84
68
|
})]
|
85
69
|
});
|
86
70
|
}
|
87
|
-
|
88
71
|
class CountDown extends _react.Component {
|
89
72
|
constructor(props) {
|
90
73
|
super(props);
|
@@ -92,35 +75,29 @@ class CountDown extends _react.Component {
|
|
92
75
|
this.state = getRemaining(newProps.endTime);
|
93
76
|
this.timer = null;
|
94
77
|
}
|
95
|
-
|
96
78
|
componentDidMount() {
|
97
79
|
this.timer = setInterval(() => {
|
98
80
|
const remaining = getRemaining(this.props.endTime);
|
99
|
-
|
100
81
|
if (remaining.done) {
|
101
82
|
clearInterval(this.timer);
|
102
83
|
this.timer = null;
|
103
84
|
}
|
104
|
-
|
105
85
|
this.setState(remaining);
|
106
86
|
}, 1000);
|
107
87
|
}
|
108
|
-
|
109
88
|
componentWillUnmount() {
|
110
89
|
if (this.timer) {
|
111
90
|
clearInterval(this.timer);
|
112
91
|
this.timer = null;
|
113
92
|
}
|
114
93
|
}
|
115
|
-
|
116
94
|
render() {
|
117
95
|
const _this$props = this.props,
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
96
|
+
{
|
97
|
+
dark,
|
98
|
+
endTime
|
99
|
+
} = _this$props,
|
100
|
+
rest = _objectWithoutProperties(_this$props, _excluded);
|
124
101
|
const {
|
125
102
|
days,
|
126
103
|
hours,
|
@@ -154,9 +131,7 @@ class CountDown extends _react.Component {
|
|
154
131
|
})]
|
155
132
|
}));
|
156
133
|
}
|
157
|
-
|
158
134
|
}
|
159
|
-
|
160
135
|
exports.default = CountDown;
|
161
136
|
CountDown.propTypes = {
|
162
137
|
endTime: _propTypes.default.number.isRequired,
|
package/lib/DID/index.js
CHANGED
@@ -4,39 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _didMotif = require("@arcblock/did-motif");
|
13
|
-
|
14
10
|
var _Address = _interopRequireDefault(require("../Address"));
|
15
|
-
|
16
11
|
var _Avatar = _interopRequireDefault(require("../Avatar"));
|
17
|
-
|
18
12
|
var _Util = require("../Util");
|
19
|
-
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
21
|
-
|
22
14
|
const _excluded = ["did"];
|
23
|
-
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
|
-
|
26
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); }
|
27
|
-
|
28
17
|
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; }
|
29
|
-
|
30
18
|
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; }
|
31
|
-
|
32
19
|
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; }
|
33
|
-
|
34
|
-
function
|
35
|
-
|
20
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
21
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
22
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
36
23
|
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; }
|
37
|
-
|
38
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
39
|
-
|
40
25
|
const DIDPropTypes = {
|
41
26
|
did: _propTypes.default.string.isRequired,
|
42
27
|
size: _propTypes.default.number,
|
@@ -51,17 +36,13 @@ const DIDPropTypes = {
|
|
51
36
|
endChars: _propTypes.default.number,
|
52
37
|
locale: _propTypes.default.oneOf(['en', 'zh'])
|
53
38
|
};
|
54
|
-
|
55
39
|
const getFontColor = (did, didMotifInfo, isEthDid) => {
|
56
40
|
if (isEthDid) {
|
57
41
|
const index = Uint8Array.from(did.slice(2).match(/.{1,2}/g).map(pair => parseInt(pair, 16))).slice(0, 8).reduce((acc, val) => acc + val, 0) % _didMotif.colors.length;
|
58
|
-
|
59
42
|
return _didMotif.colors[index];
|
60
43
|
}
|
61
|
-
|
62
44
|
return didMotifInfo.color;
|
63
45
|
};
|
64
|
-
|
65
46
|
const isSquareMotif = roleType => {
|
66
47
|
const roles = {
|
67
48
|
0: true,
|
@@ -69,33 +50,28 @@ const isSquareMotif = roleType => {
|
|
69
50
|
6: true,
|
70
51
|
// ASSET
|
71
52
|
17: true // TOKEN
|
72
|
-
|
73
53
|
};
|
54
|
+
|
74
55
|
return !roles[roleType];
|
75
56
|
};
|
76
|
-
|
77
57
|
const getAvatarSize = (didMotifInfo, isEthDid, size) => {
|
78
58
|
if (isEthDid) {
|
79
59
|
return size * 0.75;
|
80
60
|
}
|
81
|
-
|
82
61
|
if (isSquareMotif(didMotifInfo.roleType)) {
|
83
62
|
return size * 0.75;
|
84
63
|
}
|
85
|
-
|
86
64
|
return size;
|
87
65
|
};
|
66
|
+
|
88
67
|
/**
|
89
68
|
* @type React.ForwardRefRenderFunction<HTMLElement, typeof DIDPropTypes>
|
90
69
|
*/
|
91
|
-
|
92
|
-
|
93
70
|
const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
94
71
|
let {
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
72
|
+
did
|
73
|
+
} = _ref,
|
74
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
99
75
|
const isEthDid = (0, _Util.isEthereumDid)(did);
|
100
76
|
const didMotifInfo = isEthDid ? undefined : (0, _didMotif.getDIDMotifInfo)(did);
|
101
77
|
const fontSize = (0, _Util.getFontSize)(rest.size);
|
@@ -4,68 +4,38 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = CustomToolbar;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _muiDatatables = require("mui-datatables");
|
13
|
-
|
14
10
|
var _reactToPrint = _interopRequireWildcard(require("react-to-print"));
|
15
|
-
|
16
11
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
17
|
-
|
18
12
|
var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
|
19
|
-
|
20
13
|
var _CloudDownload = _interopRequireDefault(require("@mui/icons-material/CloudDownload"));
|
21
|
-
|
22
14
|
var _Print = _interopRequireDefault(require("@mui/icons-material/Print"));
|
23
|
-
|
24
15
|
var _ViewColumn = _interopRequireDefault(require("@mui/icons-material/ViewColumn"));
|
25
|
-
|
26
16
|
var _FilterList = _interopRequireDefault(require("@mui/icons-material/FilterList"));
|
27
|
-
|
28
17
|
var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
|
29
|
-
|
30
18
|
var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
|
31
|
-
|
32
19
|
var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
|
33
|
-
|
34
20
|
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
35
|
-
|
36
21
|
var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
|
37
|
-
|
38
22
|
var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
|
39
|
-
|
40
23
|
var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
|
41
|
-
|
42
24
|
var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
|
43
|
-
|
44
25
|
var _utils = require("./utils");
|
45
|
-
|
46
26
|
var _TableSearch = _interopRequireDefault(require("./TableSearch"));
|
47
|
-
|
48
27
|
var _DatatableContext = require("./DatatableContext");
|
49
|
-
|
50
28
|
var _Theme = require("../Theme");
|
51
|
-
|
52
29
|
var _jsxRuntime = require("react/jsx-runtime");
|
53
|
-
|
54
30
|
var _templateObject, _templateObject2;
|
55
|
-
|
56
31
|
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); }
|
57
|
-
|
58
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; }
|
59
|
-
|
60
33
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
61
|
-
|
62
34
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
63
|
-
|
64
35
|
function useMobile() {
|
65
36
|
const theme = (0, _Theme.useTheme)();
|
66
37
|
return (0, _useMediaQuery.default)(theme.breakpoints.down('sm'));
|
67
38
|
}
|
68
|
-
|
69
39
|
function CustomToolbar(props) {
|
70
40
|
const [menuIconEl, setMenuIconEl] = (0, _react.useState)(null);
|
71
41
|
const moreBtn = (0, _react.useRef)(null);
|
@@ -111,7 +81,6 @@ function CustomToolbar(props) {
|
|
111
81
|
setAllPopsEl({});
|
112
82
|
}
|
113
83
|
}, [loading, disabled]);
|
114
|
-
|
115
84
|
const printArea = func => {
|
116
85
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactToPrint.default, {
|
117
86
|
content: () => props.tableRef(),
|
@@ -120,11 +89,10 @@ function CustomToolbar(props) {
|
|
120
89
|
})
|
121
90
|
});
|
122
91
|
};
|
123
|
-
|
124
92
|
const getPopId = key => "toolbar-pop-".concat(toolbarId.current, "-").concat(key);
|
93
|
+
const defaultButtons = [];
|
125
94
|
|
126
|
-
|
127
|
-
|
95
|
+
// download/viewColumns/filter button behaviours, rendered using custom button logic
|
128
96
|
if (!(options.download === false || options.download === 'false')) {
|
129
97
|
defaultButtons.push({
|
130
98
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloudDownload.default, {}),
|
@@ -134,12 +102,10 @@ function CustomToolbar(props) {
|
|
134
102
|
}
|
135
103
|
});
|
136
104
|
}
|
137
|
-
|
138
105
|
if (!(options.viewColumns === false || options.viewColumns === 'false')) {
|
139
106
|
defaultButtons.push({
|
140
107
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ViewColumn.default, {}),
|
141
108
|
title: viewColumns,
|
142
|
-
|
143
109
|
// eslint-disable-next-line react/no-unstable-nested-components
|
144
110
|
popRender() {
|
145
111
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableViewColComponent, {
|
@@ -151,15 +117,12 @@ function CustomToolbar(props) {
|
|
151
117
|
components: components
|
152
118
|
});
|
153
119
|
}
|
154
|
-
|
155
120
|
});
|
156
121
|
}
|
157
|
-
|
158
122
|
if (!(options.filter === false || options.filter === 'false')) {
|
159
123
|
defaultButtons.push({
|
160
124
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterList.default, {}),
|
161
125
|
title: filterTable,
|
162
|
-
|
163
126
|
// eslint-disable-next-line react/no-unstable-nested-components
|
164
127
|
popRender() {
|
165
128
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableFilterComponent, {
|
@@ -174,28 +137,25 @@ function CustomToolbar(props) {
|
|
174
137
|
components: components
|
175
138
|
});
|
176
139
|
}
|
177
|
-
|
178
140
|
});
|
179
141
|
}
|
180
|
-
|
181
142
|
const showMore = [!hidePrint, ...defaultButtons, ...customButtons].filter(e => !!e).length > 1 && isMobile;
|
182
143
|
const allPops = [];
|
183
|
-
const [allPopsEl, setAllPopsEl] = (0, _react.useState)({});
|
184
|
-
// The right-hand button of the form toolbar in desktop mode
|
144
|
+
const [allPopsEl, setAllPopsEl] = (0, _react.useState)({});
|
185
145
|
|
146
|
+
// Large screens show the toolbar buttons directly, small screens show the drop-down menu style buttons
|
147
|
+
// The right-hand button of the form toolbar in desktop mode
|
186
148
|
const toolbarButtons = [...defaultButtons, ...customButtons].map((e, index) => {
|
187
149
|
if ( /*#__PURE__*/(0, _react.isValidElement)(e)) {
|
188
150
|
return e;
|
189
151
|
}
|
190
|
-
|
191
152
|
const popId = getPopId(index);
|
192
|
-
|
193
153
|
if (e.icon) {
|
194
154
|
const {
|
195
155
|
popRender,
|
196
156
|
icon
|
197
|
-
} = e;
|
198
|
-
|
157
|
+
} = e;
|
158
|
+
// When popRender is present, clicking the button will bubble up the content returned by the popRender
|
199
159
|
if (popRender) {
|
200
160
|
allPops.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
|
201
161
|
open: !!allPopsEl[popId],
|
@@ -212,7 +172,6 @@ function CustomToolbar(props) {
|
|
212
172
|
})
|
213
173
|
}, popId));
|
214
174
|
}
|
215
|
-
|
216
175
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
|
217
176
|
title: e.title,
|
218
177
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
|
@@ -223,7 +182,6 @@ function CustomToolbar(props) {
|
|
223
182
|
if (e.onClick) {
|
224
183
|
e.onClick();
|
225
184
|
}
|
226
|
-
|
227
185
|
if (popRender) {
|
228
186
|
// On the large screen, the bubble is positioned at the corresponding button
|
229
187
|
setAllPopsEl({
|
@@ -238,14 +196,13 @@ function CustomToolbar(props) {
|
|
238
196
|
})
|
239
197
|
}, popId);
|
240
198
|
}
|
241
|
-
|
242
199
|
return e;
|
243
|
-
});
|
200
|
+
});
|
244
201
|
|
202
|
+
// The toolbar menu in the mobile to replace toolbarButtons
|
245
203
|
const menuItems = [...defaultButtons, ...customButtons].map((e, index) => {
|
246
204
|
const popId = getPopId(index);
|
247
205
|
let content;
|
248
|
-
|
249
206
|
if ( /*#__PURE__*/(0, _react.isValidElement)(e)) {
|
250
207
|
content = e;
|
251
208
|
} else if (e.icon) {
|
@@ -260,15 +217,12 @@ function CustomToolbar(props) {
|
|
260
217
|
})]
|
261
218
|
});
|
262
219
|
}
|
263
|
-
|
264
220
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
|
265
221
|
onClick: () => {
|
266
222
|
setMenuIconEl(null);
|
267
|
-
|
268
223
|
if (e.onClick) {
|
269
224
|
e.onClick();
|
270
225
|
}
|
271
|
-
|
272
226
|
if (e.popRender) {
|
273
227
|
// On the small screen, the bubbles are positioned at the three dot buttons
|
274
228
|
setAllPopsEl({
|
@@ -361,7 +315,6 @@ function CustomToolbar(props) {
|
|
361
315
|
})]
|
362
316
|
});
|
363
317
|
}
|
364
|
-
|
365
318
|
CustomToolbar.propTypes = {
|
366
319
|
data: _propTypes.default.array,
|
367
320
|
options: _propTypes.default.object.isRequired,
|
@@ -5,16 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.DatatableProvider = DatatableProvider;
|
7
7
|
exports.useDatatableContext = useDatatableContext;
|
8
|
-
|
9
8
|
var _react = require("react");
|
10
|
-
|
11
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
12
|
-
|
13
10
|
const DatatableContext = /*#__PURE__*/(0, _react.createContext)({});
|
14
11
|
const {
|
15
12
|
Provider
|
16
|
-
} = DatatableContext;
|
13
|
+
} = DatatableContext;
|
17
14
|
|
15
|
+
// eslint-disable-next-line react/prop-types
|
18
16
|
function DatatableProvider(_ref) {
|
19
17
|
let {
|
20
18
|
children
|
@@ -38,7 +36,6 @@ function DatatableProvider(_ref) {
|
|
38
36
|
children: children
|
39
37
|
});
|
40
38
|
}
|
41
|
-
|
42
39
|
function useDatatableContext() {
|
43
40
|
return (0, _react.useContext)(DatatableContext);
|
44
41
|
}
|
@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = TableSearch;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
13
|
-
|
14
10
|
var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
|
15
|
-
|
16
11
|
var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
|
17
|
-
|
18
12
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
19
|
-
|
20
13
|
var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
|
21
|
-
|
22
14
|
var _clsx = _interopRequireDefault(require("clsx"));
|
23
|
-
|
24
15
|
var _DatatableContext = require("./DatatableContext");
|
25
|
-
|
26
16
|
var _Theme = require("../Theme");
|
27
|
-
|
28
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
29
|
-
|
30
18
|
var _templateObject;
|
31
|
-
|
32
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
33
|
-
|
34
20
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
35
|
-
|
36
21
|
function TableSearch(_ref) {
|
37
22
|
let {
|
38
23
|
search,
|
@@ -57,17 +42,14 @@ function TableSearch(_ref) {
|
|
57
42
|
searchDebounceTime
|
58
43
|
} = options;
|
59
44
|
const searchExpand = searchAlwaysOpen || inputExpand;
|
60
|
-
|
61
45
|
const clickSearchIcon = () => {
|
62
46
|
setInputExpand(true);
|
63
47
|
onSearchOpen(true);
|
64
48
|
};
|
65
|
-
|
66
49
|
const onChange = event => {
|
67
50
|
const {
|
68
51
|
value
|
69
52
|
} = event.currentTarget;
|
70
|
-
|
71
53
|
if (searchDebounceTime) {
|
72
54
|
clearTimeout(inputTimer.current);
|
73
55
|
setInnerSearchText(value);
|
@@ -78,14 +60,12 @@ function TableSearch(_ref) {
|
|
78
60
|
searchTextUpdate(value);
|
79
61
|
}
|
80
62
|
};
|
81
|
-
|
82
63
|
const clickClose = () => {
|
83
64
|
setInputExpand(false);
|
84
65
|
searchClose();
|
85
66
|
setInnerSearchText('');
|
86
67
|
onSearchOpen(false);
|
87
68
|
};
|
88
|
-
|
89
69
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
|
90
70
|
className: (0, _clsx.default)({
|
91
71
|
'search-always-open': searchAlwaysOpen
|
@@ -128,7 +108,6 @@ function TableSearch(_ref) {
|
|
128
108
|
})]
|
129
109
|
});
|
130
110
|
}
|
131
|
-
|
132
111
|
TableSearch.propTypes = {
|
133
112
|
search: _propTypes.default.string,
|
134
113
|
searchText: _propTypes.default.string,
|