@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.
Files changed (135) hide show
  1. package/lib/ActionButton/index.js +20 -39
  2. package/lib/ActivityIndicator/index.js +20 -41
  3. package/lib/Address/compact-text.js +16 -38
  4. package/lib/Address/did-address.js +22 -51
  5. package/lib/Address/index.js +6 -19
  6. package/lib/Address/responsive-did-address.js +20 -36
  7. package/lib/Alert/index.js +12 -34
  8. package/lib/AnimationWaiter/index.js +35 -59
  9. package/lib/Async/index.js +5 -19
  10. package/lib/Avatar/did-motif.js +12 -26
  11. package/lib/Avatar/etherscan-blockies.js +2 -20
  12. package/lib/Avatar/index.js +28 -54
  13. package/lib/Badge/index.js +12 -33
  14. package/lib/Blocklet/blocklet.js +20 -47
  15. package/lib/Blocklet/index.js +0 -6
  16. package/lib/Blocklet/utils.js +0 -6
  17. package/lib/BlockletNFT/index.js +37 -67
  18. package/lib/Button/index.js +0 -4
  19. package/lib/Button/wrap.js +19 -38
  20. package/lib/ButtonGroup/index.js +0 -5
  21. package/lib/CardSelector/index.js +9 -22
  22. package/lib/Center/index.js +2 -12
  23. package/lib/ClickToCopy/copy-button.js +9 -26
  24. package/lib/ClickToCopy/hook.js +0 -10
  25. package/lib/ClickToCopy/index.js +13 -41
  26. package/lib/CodeBlock/LightBox.js +1 -6
  27. package/lib/CodeBlock/index.js +12 -80
  28. package/lib/Colors/index.js +0 -2
  29. package/lib/Colors/themes/default.js +2 -3
  30. package/lib/ContactForm/index.js +5 -35
  31. package/lib/CookieConsent/index.js +10 -32
  32. package/lib/CountDown/index.js +10 -35
  33. package/lib/DID/index.js +8 -32
  34. package/lib/Datatable/CustomToolbar.js +9 -56
  35. package/lib/Datatable/DatatableContext.js +2 -5
  36. package/lib/Datatable/TableSearch.js +0 -21
  37. package/lib/Datatable/index.js +76 -152
  38. package/lib/Datatable/utils.js +14 -27
  39. package/lib/Dialog/confirm.js +18 -31
  40. package/lib/Dialog/dialog.js +24 -50
  41. package/lib/Dialog/index.js +0 -3
  42. package/lib/DidLogo/index.js +0 -7
  43. package/lib/DriftBot/index.js +1 -12
  44. package/lib/Earth/index.js +17 -58
  45. package/lib/Earth/util.js +0 -7
  46. package/lib/Empty/index.js +9 -23
  47. package/lib/ErrorBoundary/fallback.js +0 -14
  48. package/lib/ErrorBoundary/index.js +0 -2
  49. package/lib/Footer/index.js +1 -14
  50. package/lib/Header/auto-hidden.js +9 -23
  51. package/lib/Header/header.js +19 -38
  52. package/lib/Header/index.js +0 -3
  53. package/lib/Header/responsive-header.js +16 -40
  54. package/lib/Icon/image.js +12 -26
  55. package/lib/Icon/index.js +15 -34
  56. package/lib/Img/index.js +32 -54
  57. package/lib/InfoRow/index.js +11 -27
  58. package/lib/Layout/dashboard/external-link.js +13 -30
  59. package/lib/Layout/dashboard/full-page.js +8 -24
  60. package/lib/Layout/dashboard/index.js +28 -72
  61. package/lib/Layout/dashboard/sidebar.js +11 -31
  62. package/lib/Layout/dashboard-legacy/header.js +14 -36
  63. package/lib/Layout/dashboard-legacy/index.js +19 -44
  64. package/lib/Layout/dashboard-legacy/sidebar.js +10 -32
  65. package/lib/Layout/index.js +18 -52
  66. package/lib/Locale/browser-lang.js +6 -19
  67. package/lib/Locale/context.js +15 -51
  68. package/lib/Locale/languages.js +3 -7
  69. package/lib/Locale/selector.js +11 -44
  70. package/lib/Locale/util.js +0 -10
  71. package/lib/Logo/index.js +10 -33
  72. package/lib/Metric/index.js +1 -9
  73. package/lib/NFTDisplay/aspect-ratio-container.js +7 -20
  74. package/lib/NFTDisplay/broken.js +0 -8
  75. package/lib/NFTDisplay/index.js +63 -110
  76. package/lib/NFTDisplay/loading.js +0 -6
  77. package/lib/NFTDisplay/svg-embedder/img.js +9 -22
  78. package/lib/NFTDisplay/svg-embedder/inline-svg.js +9 -23
  79. package/lib/NavMenu/index.js +0 -2
  80. package/lib/NavMenu/nav-menu.js +40 -69
  81. package/lib/NavMenu/style.js +1 -5
  82. package/lib/PageScroller/index.js +9 -39
  83. package/lib/PageScroller/story/FifthComponent.js +0 -2
  84. package/lib/PageScroller/story/FirstComponent.js +0 -2
  85. package/lib/PageScroller/story/FourthComponent.js +0 -2
  86. package/lib/PageScroller/story/FullPage.js +1 -14
  87. package/lib/PageScroller/story/PageContain.js +1 -14
  88. package/lib/PageScroller/story/SecondComponent.js +0 -2
  89. package/lib/PageScroller/story/ThirdComponent.js +0 -2
  90. package/lib/PageScroller/usePrevValue.js +1 -2
  91. package/lib/PricingTable/PricingPlan.js +0 -12
  92. package/lib/PricingTable/index.js +0 -14
  93. package/lib/QRCode/index.js +14 -24
  94. package/lib/RelativeTime/index.js +12 -45
  95. package/lib/Result/common.js +43 -63
  96. package/lib/Result/index.js +6 -23
  97. package/lib/Result/result.js +9 -23
  98. package/lib/Screenshot/BaseScreenshot/index.js +9 -26
  99. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +9 -10
  100. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +3 -8
  101. package/lib/Screenshot/index.js +32 -65
  102. package/lib/SessionManager/federated-login-detecter.js +171 -0
  103. package/lib/SessionManager/index.js +189 -271
  104. package/lib/SessionManager/user-popper.js +83 -0
  105. package/lib/Sparkline/index.js +40 -42
  106. package/lib/Spinner/index.js +12 -23
  107. package/lib/SplitButton/index.js +20 -48
  108. package/lib/Switch/index.js +7 -22
  109. package/lib/Tabs/index.js +8 -22
  110. package/lib/Tag/index.js +13 -33
  111. package/lib/TextCollapse/index.js +14 -31
  112. package/lib/Theme/index.js +3 -13
  113. package/lib/Theme/theme-provider.js +1 -10
  114. package/lib/Theme/theme.js +15 -27
  115. package/lib/Toast/index.js +13 -40
  116. package/lib/Util/deprecate.js +3 -12
  117. package/lib/Util/index.js +13 -74
  118. package/lib/Util/wallet.js +3 -10
  119. package/lib/Video/index.js +3 -19
  120. package/lib/Wallet/Action.js +9 -28
  121. package/lib/Wallet/Download.js +11 -36
  122. package/lib/Wallet/Open.js +0 -12
  123. package/lib/WebWalletSWKeeper/index.js +30 -55
  124. package/lib/WechatPrompt/index.js +0 -16
  125. package/lib/index.js +0 -38
  126. package/lib/withTheme/index.js +3 -15
  127. package/lib/withTracker/error_boundary.js +3 -14
  128. package/lib/withTracker/index.js +3 -24
  129. package/package.json +5 -5
  130. package/src/Blocklet/blocklet.js +1 -1
  131. package/src/BlockletNFT/index.js +1 -1
  132. package/src/NFTDisplay/index.js +4 -4
  133. package/src/SessionManager/federated-login-detecter.jsx +138 -0
  134. package/src/SessionManager/index.jsx +140 -233
  135. package/src/SessionManager/user-popper.jsx +121 -0
@@ -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 _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
-
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
- } // eslint-disable-next-line react/prop-types
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
- dark,
120
- endTime
121
- } = _this$props,
122
- rest = _objectWithoutProperties(_this$props, _excluded);
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 _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; }
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
- did
96
- } = _ref,
97
- rest = _objectWithoutProperties(_ref, _excluded);
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
- const defaultButtons = []; // download/viewColumns/filter button behaviours, rendered using custom button logic
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)({}); // Large screens show the toolbar buttons directly, small screens show the drop-down menu style buttons
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; // When popRender is present, clicking the button will bubble up the content returned by the popRender
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
- }); // The toolbar menu in the mobile to replace toolbarButtons
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; // eslint-disable-next-line react/prop-types
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,