@arcblock/ux 2.9.91 → 2.10.1

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 (337) hide show
  1. package/lib/ActionButton/index.js +36 -48
  2. package/lib/ActivityIndicator/index.js +122 -75
  3. package/lib/Address/compact-text.js +48 -66
  4. package/lib/Address/did-address.js +114 -87
  5. package/lib/Address/index.js +15 -27
  6. package/lib/Address/responsive-did-address.js +48 -50
  7. package/lib/Alert/index.js +58 -52
  8. package/lib/AnimationWaiter/index.js +123 -69
  9. package/lib/Async/index.js +8 -22
  10. package/lib/Avatar/did-motif.js +38 -52
  11. package/lib/Avatar/etherscan-blockies.js +4 -10
  12. package/lib/Avatar/index.js +71 -77
  13. package/lib/Badge/index.js +49 -56
  14. package/lib/Blocklet/blocklet.js +181 -97
  15. package/lib/Blocklet/index.js +4 -24
  16. package/lib/Blocklet/utils.js +50 -13
  17. package/lib/BlockletContext/index.js +21 -31
  18. package/lib/BlockletNFT/index.js +255 -115
  19. package/lib/Button/index.js +5 -11
  20. package/lib/Button/wrap.js +45 -56
  21. package/lib/ButtonGroup/index.js +3 -9
  22. package/lib/CardSelector/index.js +67 -43
  23. package/lib/Center/index.js +19 -20
  24. package/lib/ClickToCopy/copy-button.js +37 -50
  25. package/lib/ClickToCopy/hook.js +10 -18
  26. package/lib/ClickToCopy/index.js +54 -66
  27. package/lib/CodeBlock/LightBox.js +84 -11
  28. package/lib/CodeBlock/index.js +175 -101
  29. package/lib/Colors/index.js +3 -20
  30. package/lib/Colors/themes/default.js +1 -7
  31. package/lib/Colors/themes/temp.js +1 -7
  32. package/lib/ContactForm/index.js +95 -60
  33. package/lib/CookieConsent/index.js +58 -52
  34. package/lib/CountDown/index.js +90 -59
  35. package/lib/DID/index.js +80 -96
  36. package/lib/Datatable/CustomToolbar.js +188 -137
  37. package/lib/Datatable/DatatableContext.js +14 -21
  38. package/lib/Datatable/TableSearch.js +99 -58
  39. package/lib/Datatable/index.js +312 -139
  40. package/lib/Datatable/utils.js +9 -17
  41. package/lib/Dialog/confirm.js +46 -58
  42. package/lib/Dialog/dialog.js +110 -66
  43. package/lib/Dialog/index.js +4 -27
  44. package/lib/Dialog/use-confirm.js +40 -65
  45. package/lib/DidLogo/index.js +14 -22
  46. package/lib/DriftBot/index.js +34 -19
  47. package/lib/Earth/index.js +214 -110
  48. package/lib/Earth/util.js +6 -19
  49. package/lib/Empty/index.js +33 -38
  50. package/lib/ErrorBoundary/fallback.js +45 -43
  51. package/lib/ErrorBoundary/index.js +1 -16
  52. package/lib/Footer/index.js +96 -48
  53. package/lib/Header/auto-hidden.js +28 -31
  54. package/lib/Header/header.js +151 -69
  55. package/lib/Header/index.js +2 -20
  56. package/lib/Header/responsive-header.js +67 -60
  57. package/lib/Icon/image.js +41 -45
  58. package/lib/Icon/index.js +51 -53
  59. package/lib/Img/index.js +77 -88
  60. package/lib/InfoRow/index.js +66 -48
  61. package/lib/Layout/dashboard/external-link.js +38 -53
  62. package/lib/Layout/dashboard/full-page.js +27 -41
  63. package/lib/Layout/dashboard/index.js +177 -132
  64. package/lib/Layout/dashboard/sidebar.js +164 -61
  65. package/lib/Layout/dashboard-legacy/header.js +119 -66
  66. package/lib/Layout/dashboard-legacy/index.js +90 -79
  67. package/lib/Layout/dashboard-legacy/sidebar.js +95 -62
  68. package/lib/Layout/index.js +200 -106
  69. package/lib/LoadingMask/index.js +31 -38
  70. package/lib/Locale/browser-lang.js +2 -8
  71. package/lib/Locale/context.js +46 -69
  72. package/lib/Locale/languages.js +6 -15
  73. package/lib/Locale/selector.js +116 -92
  74. package/lib/Locale/util.js +7 -16
  75. package/lib/Logo/index.js +54 -57
  76. package/lib/Metric/index.js +103 -40
  77. package/lib/NFTDisplay/aspect-ratio-container.js +33 -40
  78. package/lib/NFTDisplay/broken.js +68 -52
  79. package/lib/NFTDisplay/index.js +140 -129
  80. package/lib/NFTDisplay/loading.js +14 -13
  81. package/lib/NFTDisplay/svg-embedder/img.js +18 -33
  82. package/lib/NFTDisplay/svg-embedder/inline-svg.js +28 -32
  83. package/lib/NavMenu/index.js +2 -13
  84. package/lib/NavMenu/nav-menu.js +133 -148
  85. package/lib/NavMenu/style.js +179 -12
  86. package/lib/PageScroller/index.js +82 -93
  87. package/lib/PageScroller/story/FifthComponent.js +4 -10
  88. package/lib/PageScroller/story/FirstComponent.js +4 -10
  89. package/lib/PageScroller/story/FourthComponent.js +4 -10
  90. package/lib/PageScroller/story/FullPage.js +21 -28
  91. package/lib/PageScroller/story/PageContain.js +23 -30
  92. package/lib/PageScroller/story/SecondComponent.js +4 -10
  93. package/lib/PageScroller/story/ThirdComponent.js +4 -10
  94. package/lib/PageScroller/usePrevValue.js +4 -11
  95. package/lib/Passport/index.js +2 -9
  96. package/lib/Passport/passport.js +38 -51
  97. package/lib/PoweredByArcBlock/index.js +19 -33
  98. package/lib/PricingTable/PricingPlan.js +90 -34
  99. package/lib/PricingTable/index.js +28 -26
  100. package/lib/QRCode/index.js +38 -50
  101. package/lib/RelativeTime/index.js +44 -59
  102. package/lib/Result/common.js +85 -107
  103. package/lib/Result/index.js +22 -34
  104. package/lib/Result/result.js +35 -41
  105. package/lib/Result/translations.js +1 -7
  106. package/lib/Screenshot/BaseScreenshot/index.js +65 -43
  107. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +17 -27
  108. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +14 -25
  109. package/lib/Screenshot/index.js +103 -92
  110. package/lib/SessionBlocklet/index.js +125 -143
  111. package/lib/SessionManager/index.js +2 -9
  112. package/lib/SessionPermission/index.js +13 -23
  113. package/lib/SessionUser/components/logged-in.js +139 -158
  114. package/lib/SessionUser/components/session-user-item.js +44 -58
  115. package/lib/SessionUser/components/session-user-switch.js +133 -152
  116. package/lib/SessionUser/components/un-login.js +27 -35
  117. package/lib/SessionUser/components/user-info.js +62 -74
  118. package/lib/SessionUser/index.js +26 -34
  119. package/lib/SessionUser/libs/translation.js +1 -7
  120. package/lib/SessionUser/libs/utils.js +13 -34
  121. package/lib/Sparkline/index.js +4 -10
  122. package/lib/Spinner/index.js +11 -17
  123. package/lib/SplitButton/index.js +72 -68
  124. package/lib/Success/index.js +28 -34
  125. package/lib/Switch/index.js +64 -75
  126. package/lib/Tabs/index.js +84 -103
  127. package/lib/Tag/index.js +52 -56
  128. package/lib/TextCollapse/index.js +57 -50
  129. package/lib/Theme/index.js +8 -47
  130. package/lib/Theme/theme-provider.js +19 -26
  131. package/lib/Theme/theme.js +49 -62
  132. package/lib/Toast/index.js +41 -73
  133. package/lib/Typography/index.js +44 -55
  134. package/lib/Util/constant.js +16 -22
  135. package/lib/Util/deprecate.js +14 -26
  136. package/lib/Util/federated.js +16 -38
  137. package/lib/Util/index.js +63 -113
  138. package/lib/Util/passport.js +23 -33
  139. package/lib/Util/wallet.js +5 -14
  140. package/lib/Video/index.js +34 -34
  141. package/lib/Wallet/Action.js +72 -49
  142. package/lib/Wallet/Download.js +132 -115
  143. package/lib/Wallet/Open.js +26 -25
  144. package/lib/WalletOSIcon/index.js +33 -42
  145. package/lib/WebWalletSWKeeper/index.js +42 -55
  146. package/lib/WechatPrompt/index.js +53 -33
  147. package/lib/index.js +38 -265
  148. package/lib/withTheme/index.js +53 -33
  149. package/lib/withTracker/error_boundary.js +7 -18
  150. package/lib/withTracker/index.js +25 -34
  151. package/package.json +9 -316
  152. package/src/WalletOSIcon/index.jsx +1 -1
  153. package/es/ActionButton/index.js +0 -99
  154. package/es/ActivityIndicator/index.js +0 -180
  155. package/es/Address/compact-text.js +0 -105
  156. package/es/Address/did-address.js +0 -222
  157. package/es/Address/index.js +0 -23
  158. package/es/Address/responsive-did-address.js +0 -87
  159. package/es/Alert/index.js +0 -134
  160. package/es/AnimationWaiter/default-animation.json +0 -1
  161. package/es/AnimationWaiter/index.js +0 -240
  162. package/es/Async/index.js +0 -38
  163. package/es/Avatar/did-motif.js +0 -68
  164. package/es/Avatar/etherscan-blockies.js +0 -83
  165. package/es/Avatar/index.js +0 -179
  166. package/es/Badge/index.js +0 -98
  167. package/es/Blocklet/blocklet.js +0 -298
  168. package/es/Blocklet/index.js +0 -4
  169. package/es/Blocklet/utils.js +0 -52
  170. package/es/BlockletContext/index.js +0 -65
  171. package/es/BlockletNFT/index.js +0 -412
  172. package/es/Button/index.js +0 -8
  173. package/es/Button/wrap.js +0 -140
  174. package/es/ButtonGroup/index.js +0 -6
  175. package/es/CardSelector/index.js +0 -149
  176. package/es/Center/index.js +0 -41
  177. package/es/ClickToCopy/copy-button.js +0 -72
  178. package/es/ClickToCopy/hook.js +0 -39
  179. package/es/ClickToCopy/index.js +0 -92
  180. package/es/CodeBlock/LightBox.js +0 -85
  181. package/es/CodeBlock/index.js +0 -222
  182. package/es/Colors/index.js +0 -3
  183. package/es/Colors/themes/default.js +0 -77
  184. package/es/Colors/themes/temp.js +0 -41
  185. package/es/ContactForm/index.js +0 -230
  186. package/es/CookieConsent/index.js +0 -113
  187. package/es/CountDown/index.js +0 -178
  188. package/es/DID/index.js +0 -249
  189. package/es/Datatable/CustomToolbar.js +0 -396
  190. package/es/Datatable/DatatableContext.js +0 -34
  191. package/es/Datatable/TableSearch.js +0 -166
  192. package/es/Datatable/index.js +0 -629
  193. package/es/Datatable/utils.js +0 -132
  194. package/es/Dialog/confirm.js +0 -123
  195. package/es/Dialog/dialog.js +0 -201
  196. package/es/Dialog/index.js +0 -4
  197. package/es/Dialog/types.d.ts +0 -17
  198. package/es/Dialog/use-confirm.js +0 -133
  199. package/es/DidLogo/index.js +0 -31
  200. package/es/DriftBot/index.js +0 -70
  201. package/es/Earth/countries.json +0 -8057
  202. package/es/Earth/index.js +0 -521
  203. package/es/Earth/util.js +0 -51
  204. package/es/Empty/index.js +0 -65
  205. package/es/ErrorBoundary/fallback.js +0 -73
  206. package/es/ErrorBoundary/index.js +0 -1
  207. package/es/Footer/index.js +0 -172
  208. package/es/Header/auto-hidden.js +0 -35
  209. package/es/Header/header.js +0 -223
  210. package/es/Header/index.js +0 -2
  211. package/es/Header/responsive-header.js +0 -146
  212. package/es/Icon/image.js +0 -65
  213. package/es/Icon/index.js +0 -84
  214. package/es/Img/index.js +0 -218
  215. package/es/InfoRow/index.js +0 -87
  216. package/es/Layout/dashboard/external-link.js +0 -58
  217. package/es/Layout/dashboard/full-page.js +0 -53
  218. package/es/Layout/dashboard/index.js +0 -282
  219. package/es/Layout/dashboard/sidebar.js +0 -209
  220. package/es/Layout/dashboard-legacy/header.js +0 -174
  221. package/es/Layout/dashboard-legacy/index.js +0 -148
  222. package/es/Layout/dashboard-legacy/sidebar.js +0 -129
  223. package/es/Layout/index.js +0 -335
  224. package/es/LoadingMask/index.js +0 -102
  225. package/es/Locale/browser-lang.js +0 -52
  226. package/es/Locale/context.js +0 -139
  227. package/es/Locale/languages.js +0 -60
  228. package/es/Locale/selector.js +0 -186
  229. package/es/Locale/util.js +0 -21
  230. package/es/Logo/images/logo-dark-text.svg +0 -3
  231. package/es/Logo/images/logo-dark-top.svg +0 -6
  232. package/es/Logo/images/logo-light-text.svg +0 -3
  233. package/es/Logo/images/logo-light-top.svg +0 -6
  234. package/es/Logo/index.js +0 -136
  235. package/es/Metric/index.js +0 -132
  236. package/es/NFTDisplay/NFTBroken.svg +0 -34
  237. package/es/NFTDisplay/README.md +0 -59
  238. package/es/NFTDisplay/aspect-ratio-container.js +0 -39
  239. package/es/NFTDisplay/broken.js +0 -132
  240. package/es/NFTDisplay/demo/data/asset-state-display-url.json +0 -7
  241. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-1-1.json +0 -10
  242. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-374-130.json +0 -10
  243. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-with-foreign-object.json +0 -20
  244. package/es/NFTDisplay/demo/data/asset-state-svg.json +0 -29
  245. package/es/NFTDisplay/demo/data/asset-state-url.json +0 -10
  246. package/es/NFTDisplay/index.js +0 -328
  247. package/es/NFTDisplay/loading.js +0 -18
  248. package/es/NFTDisplay/svg-embedder/img.js +0 -45
  249. package/es/NFTDisplay/svg-embedder/inline-svg.js +0 -39
  250. package/es/NavMenu/index.js +0 -2
  251. package/es/NavMenu/nav-menu.js +0 -358
  252. package/es/NavMenu/style.js +0 -181
  253. package/es/PageScroller/index.js +0 -286
  254. package/es/PageScroller/story/FifthComponent.js +0 -9
  255. package/es/PageScroller/story/FirstComponent.js +0 -9
  256. package/es/PageScroller/story/FourthComponent.js +0 -12
  257. package/es/PageScroller/story/FullPage.js +0 -47
  258. package/es/PageScroller/story/PageContain.js +0 -59
  259. package/es/PageScroller/story/SecondComponent.js +0 -9
  260. package/es/PageScroller/story/ThirdComponent.js +0 -9
  261. package/es/PageScroller/story/index.css +0 -115
  262. package/es/PageScroller/usePrevValue.js +0 -9
  263. package/es/Passport/index.js +0 -2
  264. package/es/Passport/passport.js +0 -103
  265. package/es/PoweredByArcBlock/index.js +0 -31
  266. package/es/PricingTable/PricingPlan.js +0 -124
  267. package/es/PricingTable/index.js +0 -53
  268. package/es/QRCode/index.js +0 -73
  269. package/es/RelativeTime/index.js +0 -107
  270. package/es/Result/common.js +0 -140
  271. package/es/Result/demo/fixtures/result-image-404.svg +0 -1
  272. package/es/Result/index.js +0 -33
  273. package/es/Result/result.js +0 -59
  274. package/es/Result/translations.js +0 -54
  275. package/es/Screenshot/BaseScreenshot/index.js +0 -91
  276. package/es/Screenshot/BaseScreenshot/shells/Macbook.js +0 -51
  277. package/es/Screenshot/BaseScreenshot/shells/Phone.js +0 -36
  278. package/es/Screenshot/demo/images/bg-00.jpg +0 -0
  279. package/es/Screenshot/demo/images/bg-01.jpg +0 -0
  280. package/es/Screenshot/demo/images/bg-02.jpg +0 -0
  281. package/es/Screenshot/demo/images/bg-03.jpg +0 -0
  282. package/es/Screenshot/demo/images/bg-04.jpg +0 -0
  283. package/es/Screenshot/demo/images/bg-05.jpg +0 -0
  284. package/es/Screenshot/demo/images/bg-06.jpg +0 -0
  285. package/es/Screenshot/demo/images/bg-07.jpg +0 -0
  286. package/es/Screenshot/demo/images/bg-08.jpg +0 -0
  287. package/es/Screenshot/demo/images/bg-09.jpg +0 -0
  288. package/es/Screenshot/devices.css +0 -1366
  289. package/es/Screenshot/index.js +0 -299
  290. package/es/SessionBlocklet/index.js +0 -173
  291. package/es/SessionManager/index.js +0 -2
  292. package/es/SessionPermission/index.js +0 -28
  293. package/es/SessionUser/components/logged-in.js +0 -229
  294. package/es/SessionUser/components/session-user-item.js +0 -102
  295. package/es/SessionUser/components/session-user-switch.js +0 -223
  296. package/es/SessionUser/components/un-login.js +0 -64
  297. package/es/SessionUser/components/user-info.js +0 -167
  298. package/es/SessionUser/index.js +0 -49
  299. package/es/SessionUser/libs/translation.js +0 -19
  300. package/es/SessionUser/libs/utils.js +0 -29
  301. package/es/Sparkline/index.js +0 -193
  302. package/es/Spinner/index.js +0 -28
  303. package/es/SplitButton/index.js +0 -145
  304. package/es/Success/index.js +0 -175
  305. package/es/Switch/index.js +0 -96
  306. package/es/Tabs/index.js +0 -214
  307. package/es/Tag/index.js +0 -108
  308. package/es/TextCollapse/index.js +0 -92
  309. package/es/Theme/index.js +0 -16
  310. package/es/Theme/theme-provider.js +0 -39
  311. package/es/Theme/theme.js +0 -145
  312. package/es/Toast/index.js +0 -97
  313. package/es/Typography/index.js +0 -95
  314. package/es/Util/constant.js +0 -42
  315. package/es/Util/deprecate.js +0 -28
  316. package/es/Util/federated.js +0 -91
  317. package/es/Util/index.js +0 -363
  318. package/es/Util/passport.js +0 -62
  319. package/es/Util/wallet.js +0 -32
  320. package/es/Video/index.js +0 -89
  321. package/es/Wallet/Action.js +0 -119
  322. package/es/Wallet/Download.js +0 -331
  323. package/es/Wallet/Open.js +0 -45
  324. package/es/Wallet/images/abtwallet.png +0 -0
  325. package/es/Wallet/images/android_download.svg +0 -23
  326. package/es/Wallet/images/app-store.svg +0 -20
  327. package/es/Wallet/images/google-play.svg +0 -70
  328. package/es/WalletOSIcon/index.js +0 -82
  329. package/es/WebWalletSWKeeper/index.js +0 -117
  330. package/es/WechatPrompt/images/android.png +0 -0
  331. package/es/WechatPrompt/images/ios.png +0 -0
  332. package/es/WechatPrompt/index.js +0 -88
  333. package/es/index.js +0 -38
  334. package/es/withTheme/index.js +0 -69
  335. package/es/withTracker/README.md +0 -34
  336. package/es/withTracker/error_boundary.js +0 -34
  337. package/es/withTracker/index.js +0 -55
@@ -1,42 +1,26 @@
1
- "use strict";
1
+ /* eslint-disable react-hooks/exhaustive-deps */
2
+ import { useEffect, useRef, isValidElement } from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import MUIDataTable, { TableFilterList, TableFooter } from 'mui-datatables';
5
+ import { css } from '@emotion/react';
6
+ import isObject from 'lodash/isObject';
7
+ import cloneDeep from 'lodash/cloneDeep';
8
+ import get from 'lodash/get';
9
+ import clsx from 'clsx';
10
+ import CircularProgress from '@mui/material/CircularProgress';
11
+ import Empty from '../Empty';
12
+ import CustomToolbar from './CustomToolbar';
13
+ import { DatatableProvider as DataTableProvider, useDatatableContext } from './DatatableContext';
14
+ import { styled } from '../Theme';
2
15
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = DataTable;
7
- exports.getDurableData = void 0;
8
- var _react = require("react");
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _muiDatatables = _interopRequireWildcard(require("mui-datatables"));
11
- var _react2 = require("@emotion/react");
12
- var _isObject = _interopRequireDefault(require("lodash/isObject"));
13
- var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
14
- var _get = _interopRequireDefault(require("lodash/get"));
15
- var _clsx = _interopRequireDefault(require("clsx"));
16
- var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
17
- var _Empty = _interopRequireDefault(require("../Empty"));
18
- var _CustomToolbar = _interopRequireDefault(require("./CustomToolbar"));
19
- var _DatatableContext = require("./DatatableContext");
20
- var _Theme = require("../Theme");
21
- var _jsxRuntime = require("react/jsx-runtime");
22
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
23
- const _excluded = ["data", "columns", "locale", "options", "style", "customButtons", "onChange", "loading", "disabled", "stripped", "verticalKeyWidth", "hideTableHeader", "components", "emptyNode", "durable", "durableKeys"];
24
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
28
- 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
- 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; }
30
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32
- 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; }
33
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
34
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable react-hooks/exhaustive-deps */ /**
16
+ /**
35
17
  * @typedef {{
36
18
  * icon: import('react').ReactElement,
37
19
  * title: string,
38
20
  * }} DataTableCustomButton
39
- */ /**
21
+ */
22
+
23
+ /**
40
24
  * @typedef {{
41
25
  * name: string,
42
26
  * label: string,
@@ -48,9 +32,13 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
48
32
  * customBodyRenderLite?: (index: number) => import('react').ReactElement
49
33
  * } & import('mui-datatables').MUIDataTableColumnOptions
50
34
  * } & import('mui-datatables').MUIDataTableColumnDef} DataTableColumn
51
- */ /**
35
+ */
36
+
37
+ /**
52
38
  * @typedef {Pick<import('mui-datatables').MUIDataTableState, 'count' | 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder' | 'filterList'>} DataTableState
53
- */ /**
39
+ */
40
+
41
+ /**
54
42
  * @typedef {{
55
43
  * data: Array<object | number[] | string[]>,
56
44
  * columns: Array<DataTableColumn>,
@@ -69,24 +57,30 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
69
57
  * durable?: string,
70
58
  * durableKeys?: 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder'
71
59
  * } & import('mui-datatables').MUIDataTableProps} DataTableProps
72
- */ /**
60
+ */
61
+
62
+ /**
73
63
  * @description
74
64
  * @export
75
65
  * @param {DataTableProps} props
76
66
  * @return {import('react').ReactComponentElement}
77
67
  */
78
- function DataTable(props) {
79
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatatableContext.DatatableProvider, {
80
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ReDataTable, _objectSpread({}, props))
68
+ import { jsx as _jsx } from "react/jsx-runtime";
69
+ import { jsxs as _jsxs } from "react/jsx-runtime";
70
+ export default function DataTable(props) {
71
+ return /*#__PURE__*/_jsx(DataTableProvider, {
72
+ children: /*#__PURE__*/_jsx(ReDataTable, {
73
+ ...props
74
+ })
81
75
  });
82
76
  }
83
77
  const fixCellProp = (tempObj, cellProps) => {
84
78
  const cellStyle = {};
85
79
  if (tempObj.align) {
86
- cellProps.className = (0, _clsx.default)(cellProps.className, "pc-align-".concat(tempObj.align));
80
+ cellProps.className = clsx(cellProps.className, `pc-align-${tempObj.align}`);
87
81
  }
88
82
  if (tempObj.verticalKeyAlign) {
89
- cellProps.className = (0, _clsx.default)(cellProps.className, "vertical-align-".concat(tempObj.verticalKeyAlign));
83
+ cellProps.className = clsx(cellProps.className, `vertical-align-${tempObj.verticalKeyAlign}`);
90
84
  }
91
85
  if (tempObj.minWidth) {
92
86
  cellStyle.minWidth = tempObj.minWidth;
@@ -101,34 +95,33 @@ const fixCellProp = (tempObj, cellProps) => {
101
95
  * @param {Boolean} props.loading For dynamic data, usually used with onChange
102
96
  * @returns
103
97
  */
104
- function ReDataTable(_ref) {
105
- let {
106
- data: originData,
107
- columns: originColumns,
108
- locale,
109
- options,
110
- // The options object is usually a property supported by mui-datatable
111
- style,
112
- customButtons,
113
- onChange,
114
- loading,
115
- disabled,
116
- stripped,
117
- verticalKeyWidth,
118
- hideTableHeader,
119
- components,
120
- emptyNode,
121
- durable,
122
- durableKeys
123
- } = _ref,
124
- rest = _objectWithoutProperties(_ref, _excluded);
125
- const oldState = (0, _react.useRef)(null);
98
+ function ReDataTable({
99
+ data: originData,
100
+ columns: originColumns,
101
+ locale,
102
+ options,
103
+ // The options object is usually a property supported by mui-datatable
104
+ style,
105
+ customButtons,
106
+ onChange,
107
+ loading,
108
+ disabled,
109
+ stripped,
110
+ verticalKeyWidth,
111
+ hideTableHeader,
112
+ components,
113
+ emptyNode,
114
+ durable,
115
+ durableKeys,
116
+ ...rest
117
+ }) {
118
+ const oldState = useRef(null);
126
119
  const {
127
120
  setCustomButtons,
128
121
  setFilterLabel,
129
122
  setLoading,
130
123
  setDisabled
131
- } = (0, _DatatableContext.useDatatableContext)();
124
+ } = useDatatableContext();
132
125
  const disabledCellStyle = {
133
126
  cursor: 'not-allowed',
134
127
  pointerEvents: 'none'
@@ -138,13 +131,13 @@ function ReDataTable(_ref) {
138
131
  // Convert Columns fields to object sets to support the width function
139
132
  const columns = originColumns.map(e => {
140
133
  let tempObj;
141
- if (!(0, _isObject.default)(e)) {
134
+ if (!isObject(e)) {
142
135
  tempObj = {
143
136
  label: e,
144
137
  name: e
145
138
  };
146
139
  } else {
147
- tempObj = (0, _cloneDeep.default)(e);
140
+ tempObj = cloneDeep(e);
148
141
  }
149
142
  keys.push(tempObj.name);
150
143
  if (!tempObj.align) {
@@ -158,19 +151,23 @@ function ReDataTable(_ref) {
158
151
  setCellHeaderProps,
159
152
  setCellProps
160
153
  } = tempObj.options;
161
- tempObj.options.setCellHeaderProps = function () {
154
+ tempObj.options.setCellHeaderProps = (...args) => {
162
155
  let cellProps = {
163
156
  className: ''
164
157
  };
165
158
 
166
159
  // Complementing width while inheriting old setCellHeaderProps
167
160
  if (setCellHeaderProps && !setCellHeaderProps.__innerFunc) {
168
- cellProps = _objectSpread(_objectSpread({}, cellProps), setCellHeaderProps(...arguments) || {});
161
+ cellProps = {
162
+ ...cellProps,
163
+ ...(setCellHeaderProps(...args) || {})
164
+ };
169
165
  }
170
166
  if (loading || disabled) {
171
- cellProps = _objectSpread(_objectSpread({}, cellProps), {}, {
167
+ cellProps = {
168
+ ...cellProps,
172
169
  style: disabledCellStyle
173
- });
170
+ };
174
171
  }
175
172
  if (tempObj.width) {
176
173
  cellProps.width = tempObj.width;
@@ -182,14 +179,17 @@ function ReDataTable(_ref) {
182
179
  // Prevent memory xie caused by recursive forwarding of setCellHeaderProps functions
183
180
  tempObj.options.setCellHeaderProps.__innerFunc = 1;
184
181
  if (tempObj.align || tempObj.style) {
185
- tempObj.options.setCellProps = function () {
182
+ tempObj.options.setCellProps = (...args) => {
186
183
  let cellProps = {
187
184
  className: ''
188
185
  };
189
186
 
190
187
  // Complementing width while inheriting old setCellHeaderProps
191
188
  if (setCellProps && !setCellProps.__innerFunc) {
192
- cellProps = _objectSpread(_objectSpread({}, cellProps), setCellProps(...arguments) || {});
189
+ cellProps = {
190
+ ...cellProps,
191
+ ...(setCellProps(...args) || {})
192
+ };
193
193
  }
194
194
  fixCellProp(tempObj, cellProps);
195
195
  return cellProps;
@@ -201,27 +201,27 @@ function ReDataTable(_ref) {
201
201
 
202
202
  // Fixing object-type structures
203
203
  const data = originData.map(e => {
204
- if (!Array.isArray(e) && (0, _isObject.default)(e)) {
205
- return keys.map(key => (0, _get.default)(e, key));
204
+ if (!Array.isArray(e) && isObject(e)) {
205
+ return keys.map(key => get(e, key));
206
206
  }
207
207
  return e;
208
208
  });
209
- (0, _react.useEffect)(() => setCustomButtons(customButtons || []), [customButtons]);
210
- (0, _react.useEffect)(() => setLoading(loading), [loading]);
211
- (0, _react.useEffect)(() => setDisabled(disabled), [disabled]);
209
+ useEffect(() => setCustomButtons(customButtons || []), [customButtons]);
210
+ useEffect(() => setLoading(loading), [loading]);
211
+ useEffect(() => setDisabled(disabled), [disabled]);
212
212
  let emptyEl;
213
213
  if (loading) {
214
- emptyEl = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
214
+ emptyEl = /*#__PURE__*/_jsx(CircularProgress, {
215
215
  color: "primary"
216
216
  });
217
- } else if ( /*#__PURE__*/(0, _react.isValidElement)(emptyNode)) {
217
+ } else if ( /*#__PURE__*/isValidElement(emptyNode)) {
218
218
  emptyEl = emptyNode;
219
219
  } else if (locale === 'zh') {
220
- emptyEl = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
220
+ emptyEl = /*#__PURE__*/_jsx(Empty, {
221
221
  children: emptyNode || '没有找到匹配的记录'
222
222
  });
223
223
  } else {
224
- emptyEl = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
224
+ emptyEl = /*#__PURE__*/_jsx(Empty, {
225
225
  children: emptyNode || 'No matching records found'
226
226
  });
227
227
  }
@@ -295,14 +295,15 @@ function ReDataTable(_ref) {
295
295
  }
296
296
  };
297
297
  }
298
- (0, _react.useEffect)(() => setFilterLabel(textLabels.filter.title), [textLabels.filter.title]);
298
+ useEffect(() => setFilterLabel(textLabels.filter.title), [textLabels.filter.title]);
299
299
  const durableData = getDurableData(durable);
300
- const opts = _objectSpread(_objectSpread(_objectSpread({
300
+ const opts = {
301
301
  selectableRows: 'none',
302
302
  textLabels,
303
303
  rowsPerPage: 10,
304
- rowsPerPageOptions: [10, 20, 50]
305
- }, durableData), options), {}, {
304
+ rowsPerPageOptions: [10, 20, 50],
305
+ ...durableData,
306
+ ...options,
306
307
  // Wrap the more friendly onChange callback by listening to onTableChange,
307
308
  // which will only be triggered when the table key state changes
308
309
  onTableChange: (action, tableState) => {
@@ -323,7 +324,7 @@ function ReDataTable(_ref) {
323
324
  durableKeys.forEach(key => {
324
325
  needSaveState[key] = state[key];
325
326
  });
326
- localStorage.setItem("datatable-durable-".concat(durable), JSON.stringify(needSaveState));
327
+ localStorage.setItem(`datatable-durable-${durable}`, JSON.stringify(needSaveState));
327
328
  }
328
329
  const stateStr = JSON.stringify(state);
329
330
  if (stateStr === oldState.current) {
@@ -334,49 +335,51 @@ function ReDataTable(_ref) {
334
335
  onChange(state, action);
335
336
  }
336
337
  }
337
- });
338
+ };
338
339
  if (onChange) {
339
340
  opts.serverSide = true;
340
341
  }
341
- const props = _objectSpread(_objectSpread({
342
- options: opts
343
- }, rest), {}, {
344
- components: _objectSpread({
345
- TableToolbar: _CustomToolbar.default,
342
+ const props = {
343
+ options: opts,
344
+ ...rest,
345
+ components: {
346
+ TableToolbar: CustomToolbar,
346
347
  TableFooter: WrapTableFooter,
347
- TableFilterList: WrapFilterList
348
- }, components)
349
- });
350
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainer, {
348
+ TableFilterList: WrapFilterList,
349
+ ...components
350
+ }
351
+ };
352
+ return /*#__PURE__*/_jsx(TableContainer, {
351
353
  verticalKeyWidth: verticalKeyWidth,
352
- className: (0, _clsx.default)({
354
+ className: clsx({
353
355
  'datatable-stripped': stripped,
354
356
  'datatable-hide-header': hideTableHeader
355
357
  }),
356
358
  style: style,
357
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_muiDatatables.default, _objectSpread({
359
+ children: /*#__PURE__*/_jsx(MUIDataTable, {
358
360
  data: data,
359
- columns: columns
360
- }, props))
361
+ columns: columns,
362
+ ...props
363
+ })
361
364
  });
362
365
  }
363
366
  ReDataTable.propTypes = {
364
- data: _propTypes.default.array.isRequired,
365
- columns: _propTypes.default.array.isRequired,
366
- options: _propTypes.default.object,
367
- style: _propTypes.default.object,
368
- locale: _propTypes.default.string,
369
- loading: _propTypes.default.bool,
370
- disabled: _propTypes.default.bool,
371
- customButtons: _propTypes.default.array,
372
- onChange: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
373
- stripped: _propTypes.default.bool,
374
- verticalKeyWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
375
- hideTableHeader: _propTypes.default.bool,
376
- components: _propTypes.default.object,
377
- emptyNode: _propTypes.default.node,
378
- durable: _propTypes.default.string,
379
- durableKeys: _propTypes.default.array
367
+ data: PropTypes.array.isRequired,
368
+ columns: PropTypes.array.isRequired,
369
+ options: PropTypes.object,
370
+ style: PropTypes.object,
371
+ locale: PropTypes.string,
372
+ loading: PropTypes.bool,
373
+ disabled: PropTypes.bool,
374
+ customButtons: PropTypes.array,
375
+ onChange: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
376
+ stripped: PropTypes.bool,
377
+ verticalKeyWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
378
+ hideTableHeader: PropTypes.bool,
379
+ components: PropTypes.object,
380
+ emptyNode: PropTypes.node,
381
+ durable: PropTypes.string,
382
+ durableKeys: PropTypes.array
380
383
  };
381
384
  ReDataTable.defaultProps = {
382
385
  options: {},
@@ -394,49 +397,177 @@ ReDataTable.defaultProps = {
394
397
  durable: '',
395
398
  durableKeys: ['page', 'rowsPerPage', 'searchText', 'sortOrder']
396
399
  };
397
- const getDurableData = key => {
398
- const durableKey = "datatable-durable-".concat(key);
400
+ export const getDurableData = key => {
401
+ const durableKey = `datatable-durable-${key}`;
399
402
  let localData = localStorage[durableKey];
400
403
  if (localData) {
401
404
  try {
402
405
  localData = JSON.parse(localData);
403
406
  } catch (err) {
404
- console.error("parse durable data error (key:".concat(key, ") => "), err);
407
+ console.error(`parse durable data error (key:${key}) => `, err);
405
408
  }
406
409
  }
407
410
  return localData || {};
408
411
  };
409
- exports.getDurableData = getDurableData;
410
- const alignCss = (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .MuiTableCell-head {\n [class*='MUIDataTableHeadCell-toolButton'] {\n width: 100%;\n > [class*='MUIDataTableHeadCell-sortAction'] {\n width: 100%;\n }\n }\n &.pc-align-center {\n text-align: center;\n [class*='MUIDataTableHeadCell-toolButton'] > [class*='MUIDataTableHeadCell-sortAction'] {\n justify-content: center;\n }\n }\n &.pc-align-right {\n text-align: right;\n [class*='MUIDataTableHeadCell-toolButton'] {\n margin-right: 0;\n padding-right: 0;\n & > [class*='MUIDataTableHeadCell-sortAction'] {\n justify-content: flex-end;\n }\n }\n }\n }\n .MuiTableCell-body {\n &.pc-align-center {\n text-align: center;\n }\n &.pc-align-right {\n text-align: right;\n }\n }\n"])));
411
- const TableContainer = (0, _Theme.styled)('div', {
412
+ const alignCss = css`
413
+ .MuiTableCell-head {
414
+ [class*='MUIDataTableHeadCell-toolButton'] {
415
+ width: 100%;
416
+ > [class*='MUIDataTableHeadCell-sortAction'] {
417
+ width: 100%;
418
+ }
419
+ }
420
+ &.pc-align-center {
421
+ text-align: center;
422
+ [class*='MUIDataTableHeadCell-toolButton'] > [class*='MUIDataTableHeadCell-sortAction'] {
423
+ justify-content: center;
424
+ }
425
+ }
426
+ &.pc-align-right {
427
+ text-align: right;
428
+ [class*='MUIDataTableHeadCell-toolButton'] {
429
+ margin-right: 0;
430
+ padding-right: 0;
431
+ & > [class*='MUIDataTableHeadCell-sortAction'] {
432
+ justify-content: flex-end;
433
+ }
434
+ }
435
+ }
436
+ }
437
+ .MuiTableCell-body {
438
+ &.pc-align-center {
439
+ text-align: center;
440
+ }
441
+ &.pc-align-right {
442
+ text-align: right;
443
+ }
444
+ }
445
+ `;
446
+ const TableContainer = styled('div', {
412
447
  shouldForwardProp: prop => prop !== 'verticalKeyWidth'
413
- })(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &.datatable-hide-header {\n thead.MuiTableHead-root {\n display: none;\n }\n }\n\n td {\n &.vertical-align-top {\n align-items: flex-start;\n }\n &.vertical-align-center {\n align-items: center;\n }\n &.vertical-align-bottom {\n align-items: flex-end;\n }\n }\n\n height: 100%;\n > .MuiPaper-root {\n display: flex;\n flex-direction: column;\n height: 100%;\n box-shadow: none;\n }\n ", " {\n td.MuiTableCell-body {\n padding-right: 0;\n }\n [class*='MUIDataTable-responsiveBase'] {\n tr:not([class*='responsiveSimple']) {\n td.MuiTableCell-body {\n display: flex;\n > div {\n width: auto;\n flex: 1;\n &:first-of-type {\n font-weight: bold;\n font-size: 14px;\n width: auto;\n flex: 0 0 auto;\n padding-right: 16px;\n &:empty {\n padding-right: 0;\n }\n }\n }\n }\n }\n }\n }\n ", " {\n ", "\n }\n ", " {\n [class*='responsiveSimple'] {\n ", "\n }\n }\n\n ", "\n\n &.datatable-stripped {\n .MuiTableBody-root {\n tr:nth-of-type(odd) {\n background-color: ", ";\n }\n }\n }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('md'), alignCss, props => props.theme.breakpoints.up('sm'), alignCss, inProps => {
448
+ })`
449
+ &.datatable-hide-header {
450
+ thead.MuiTableHead-root {
451
+ display: none;
452
+ }
453
+ }
454
+
455
+ td {
456
+ &.vertical-align-top {
457
+ align-items: flex-start;
458
+ }
459
+ &.vertical-align-center {
460
+ align-items: center;
461
+ }
462
+ &.vertical-align-bottom {
463
+ align-items: flex-end;
464
+ }
465
+ }
466
+
467
+ height: 100%;
468
+ > .MuiPaper-root {
469
+ display: flex;
470
+ flex-direction: column;
471
+ height: 100%;
472
+ box-shadow: none;
473
+ }
474
+ ${props => props.theme.breakpoints.down('md')} {
475
+ td.MuiTableCell-body {
476
+ padding-right: 0;
477
+ }
478
+ [class*='MUIDataTable-responsiveBase'] {
479
+ tr:not([class*='responsiveSimple']) {
480
+ td.MuiTableCell-body {
481
+ display: flex;
482
+ > div {
483
+ width: auto;
484
+ flex: 1;
485
+ &:first-of-type {
486
+ font-weight: bold;
487
+ font-size: 14px;
488
+ width: auto;
489
+ flex: 0 0 auto;
490
+ padding-right: 16px;
491
+ &:empty {
492
+ padding-right: 0;
493
+ }
494
+ }
495
+ }
496
+ }
497
+ }
498
+ }
499
+ }
500
+ ${props => props.theme.breakpoints.up('md')} {
501
+ ${alignCss}
502
+ }
503
+ ${props => props.theme.breakpoints.up('sm')} {
504
+ [class*='responsiveSimple'] {
505
+ ${alignCss}
506
+ }
507
+ }
508
+
509
+ ${inProps => {
414
510
  if (inProps.verticalKeyWidth) {
415
- return "\n ".concat(inProps.theme.breakpoints.down('md'), " {\n [class*='MUIDataTable-responsiveBase'] {\n tr:not([class*='responsiveSimple']) {\n td.MuiTableCell-body {\n > div {\n &:first-of-type {\n width: ").concat(inProps.verticalKeyWidth + (!/\D/.test(inProps.verticalKeyWidth) ? 'px' : ''), ";\n }\n }\n }\n }\n }\n }\n ");
511
+ return `
512
+ ${inProps.theme.breakpoints.down('md')} {
513
+ [class*='MUIDataTable-responsiveBase'] {
514
+ tr:not([class*='responsiveSimple']) {
515
+ td.MuiTableCell-body {
516
+ > div {
517
+ &:first-of-type {
518
+ width: ${inProps.verticalKeyWidth + (!/\D/.test(inProps.verticalKeyWidth) ? 'px' : '')};
519
+ }
520
+ }
521
+ }
522
+ }
523
+ }
524
+ }
525
+ `;
416
526
  }
417
527
  return '';
418
- }, props => props.theme.palette.action.hover);
419
- const FilterLine = (0, _Theme.styled)('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n .toolbar-filter-content {\n margin-bottom: 8px;\n }\n .toolbar-filter-title {\n font-weight: 700;\n font-size: 14px;\n }\n"])));
528
+ }}
529
+
530
+ &.datatable-stripped {
531
+ .MuiTableBody-root {
532
+ tr:nth-of-type(odd) {
533
+ background-color: ${props => props.theme.palette.action.hover};
534
+ }
535
+ }
536
+ }
537
+ `;
538
+ const FilterLine = styled('div')`
539
+ display: flex;
540
+ align-items: center;
541
+ .toolbar-filter-content {
542
+ margin-bottom: 8px;
543
+ }
544
+ .toolbar-filter-title {
545
+ font-weight: 700;
546
+ font-size: 14px;
547
+ }
548
+ `;
420
549
  function WrapFilterList(props) {
421
550
  const {
422
551
  filterLabel
423
- } = (0, _DatatableContext.useDatatableContext)();
552
+ } = useDatatableContext();
424
553
  const hasFilter = !!props.filterList.filter(e => e.length).length;
425
554
  if (hasFilter) {
426
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FilterLine, {
427
- children: [hasFilter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
555
+ return /*#__PURE__*/_jsxs(FilterLine, {
556
+ children: [hasFilter && /*#__PURE__*/_jsx("div", {
428
557
  className: "toolbar-filter-title",
429
558
  children: filterLabel
430
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
559
+ }), /*#__PURE__*/_jsx("div", {
431
560
  className: "toolbar-filter-content",
432
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_muiDatatables.TableFilterList, _objectSpread({}, props))
561
+ children: /*#__PURE__*/_jsx(TableFilterList, {
562
+ ...props
563
+ })
433
564
  })]
434
565
  });
435
566
  }
436
567
  return '';
437
568
  }
438
569
  WrapFilterList.propTypes = {
439
- filterList: _propTypes.default.array
570
+ filterList: PropTypes.array
440
571
  };
441
572
  WrapFilterList.defaultProps = {
442
573
  filterList: []
@@ -445,12 +576,54 @@ function WrapTableFooter(props) {
445
576
  const {
446
577
  loading,
447
578
  disabled
448
- } = (0, _DatatableContext.useDatatableContext)();
449
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(FooterContainer, {
450
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
451
- className: "datatable-footer ".concat(loading || disabled ? 'datatable-footer-disabled' : ''),
452
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_muiDatatables.TableFooter, _objectSpread({}, props))
579
+ } = useDatatableContext();
580
+ return /*#__PURE__*/_jsx(FooterContainer, {
581
+ children: /*#__PURE__*/_jsx("div", {
582
+ className: `datatable-footer ${loading || disabled ? 'datatable-footer-disabled' : ''}`,
583
+ children: /*#__PURE__*/_jsx(TableFooter, {
584
+ ...props
585
+ })
453
586
  })
454
587
  });
455
588
  }
456
- const FooterContainer = (0, _Theme.styled)('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n .datatable-footer {\n position: relative;\n margin-left: auto;\n &.datatable-footer-disabled {\n position: relative;\n .MuiTablePagination-root {\n opacity: 0.6;\n }\n &:after {\n position: absolute;\n display: block;\n z-index: 2;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n cursor: not-allowed;\n }\n }\n }\n\n ", " {\n .MuiTableCell-footer,\n .MuiToolbar-gutters {\n padding: 0;\n }\n\n div[variant='standard'] {\n margin-left: 4px;\n margin-right: 16px;\n }\n\n .MuiTablePagination-actions {\n margin-left: 10px;\n }\n }\n"])), props => props.theme.breakpoints.down('sm'));
589
+ const FooterContainer = styled('div')`
590
+ display: flex;
591
+ align-items: center;
592
+ .datatable-footer {
593
+ position: relative;
594
+ margin-left: auto;
595
+ &.datatable-footer-disabled {
596
+ position: relative;
597
+ .MuiTablePagination-root {
598
+ opacity: 0.6;
599
+ }
600
+ &:after {
601
+ position: absolute;
602
+ display: block;
603
+ z-index: 2;
604
+ width: 100%;
605
+ height: 100%;
606
+ left: 0;
607
+ top: 0;
608
+ content: '';
609
+ cursor: not-allowed;
610
+ }
611
+ }
612
+ }
613
+
614
+ ${props => props.theme.breakpoints.down('sm')} {
615
+ .MuiTableCell-footer,
616
+ .MuiToolbar-gutters {
617
+ padding: 0;
618
+ }
619
+
620
+ div[variant='standard'] {
621
+ margin-left: 4px;
622
+ margin-right: 16px;
623
+ }
624
+
625
+ .MuiTablePagination-actions {
626
+ margin-left: 10px;
627
+ }
628
+ }
629
+ `;