@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
package/lib/Tabs/index.js CHANGED
@@ -1,58 +1,37 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Tabs;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _material = require("@mui/material");
9
- var _Colors = require("../Colors");
10
- var _Theme = require("../Theme");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- const _excluded = ["tabs", "current", "onChange"],
13
- _excluded2 = ["tabs", "current", "onChange"],
14
- _excluded3 = ["tabs", "current", "onChange"];
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- 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; }
17
- 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; }
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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
20
- 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); }
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; }
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; }
1
+ import PropTypes from 'prop-types';
2
+ import { Tabs as MuiTabs, Tab as MuiTab } from '@mui/material';
3
+ import { temp as colors } from '../Colors';
4
+ import { styled } from '../Theme';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
23
6
  const PREFIX = 'index';
24
7
  const classes = {
25
- tabs: "".concat(PREFIX, "-tabs"),
26
- tab: "".concat(PREFIX, "-tab")
8
+ tabs: `${PREFIX}-tabs`,
9
+ tab: `${PREFIX}-tab`
27
10
  };
28
- const StyledMuiTabs = (0, _Theme.styled)(_material.Tabs)(_ref => {
29
- let {
30
- theme
31
- } = _ref;
32
- return {
33
- ["& .".concat(classes.tabs)]: {},
34
- ["& .".concat(classes.tab)]: {
35
- fontSize: '0.875rem',
36
- [theme.breakpoints.up('md')]: {
37
- fontSize: '1rem'
38
- }
11
+ const StyledMuiTabs = styled(MuiTabs)(({
12
+ theme
13
+ }) => ({
14
+ [`& .${classes.tabs}`]: {},
15
+ [`& .${classes.tab}`]: {
16
+ fontSize: '0.875rem',
17
+ [theme.breakpoints.up('md')]: {
18
+ fontSize: '1rem'
39
19
  }
40
- };
41
- });
42
- function CardTabs(_ref2) {
43
- let {
44
- tabs,
45
- current,
46
- onChange: _onChange
47
- } = _ref2,
48
- rest = _objectWithoutProperties(_ref2, _excluded);
49
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, _objectSpread(_objectSpread({
20
+ }
21
+ }));
22
+ function CardTabs({
23
+ tabs,
24
+ current,
25
+ onChange,
26
+ ...rest
27
+ }) {
28
+ return /*#__PURE__*/_jsx(MuiTabs, {
50
29
  scrollButtons: "auto",
51
30
  value: current,
52
- onChange: (_, newValue) => _onChange(newValue)
53
- }, rest), {}, {
31
+ onChange: (_, newValue) => onChange(newValue),
32
+ ...rest,
54
33
  variant: "scrollable",
55
- sx: _objectSpread({
34
+ sx: {
56
35
  minHeight: 'auto',
57
36
  '.MuiTabs-scrollButtons.Mui-disabled': {
58
37
  opacity: 0.3,
@@ -64,7 +43,7 @@ function CardTabs(_ref2) {
64
43
  },
65
44
  '.MuiTabs-flexContainer': {
66
45
  borderRadius: '100vw',
67
- backgroundColor: _Colors.temp.backgroundsBgComponent,
46
+ backgroundColor: colors.backgroundsBgComponent,
68
47
  padding: 0.5,
69
48
  display: 'inline-flex',
70
49
  columnGap: 0.25,
@@ -77,48 +56,48 @@ function CardTabs(_ref2) {
77
56
  minHeight: 'auto',
78
57
  lineHeight: 1,
79
58
  py: 1,
80
- color: _Colors.temp.foregroundsFgSubtile,
59
+ color: colors.foregroundsFgSubtile,
81
60
  fontSize: '13px',
82
61
  fontWeight: 'normal',
83
62
  textTransform: 'capitalize',
84
63
  transition: 'background-color 0.2s ease',
85
64
  '&.Mui-selected, &:hover': {
86
65
  backgroundColor: 'white',
87
- borderColor: _Colors.temp.lineBorderBase,
88
- color: _Colors.temp.foregroundsFgBase
66
+ borderColor: colors.lineBorderBase,
67
+ color: colors.foregroundsFgBase
89
68
  }
90
69
  },
91
70
  '.MuiTabs-indicator': {
92
71
  display: 'none'
93
- }
94
- }, rest.sx),
95
- children: tabs.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
72
+ },
73
+ ...rest.sx
74
+ },
75
+ children: tabs.map(x => /*#__PURE__*/_jsx(MuiTab, {
96
76
  className: classes.tab,
97
77
  value: x.value,
98
78
  label: x.label,
99
79
  icon: x.icon || null
100
80
  }, x.value))
101
- }));
81
+ });
102
82
  }
103
83
  CardTabs.propTypes = {
104
- tabs: _propTypes.default.array.isRequired,
105
- current: _propTypes.default.string.isRequired,
106
- onChange: _propTypes.default.func.isRequired
84
+ tabs: PropTypes.array.isRequired,
85
+ current: PropTypes.string.isRequired,
86
+ onChange: PropTypes.func.isRequired
107
87
  };
108
- function LineTabs(_ref3) {
109
- let {
110
- tabs,
111
- current,
112
- onChange: _onChange2
113
- } = _ref3,
114
- rest = _objectWithoutProperties(_ref3, _excluded2);
115
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, _objectSpread(_objectSpread({
88
+ function LineTabs({
89
+ tabs,
90
+ current,
91
+ onChange,
92
+ ...rest
93
+ }) {
94
+ return /*#__PURE__*/_jsx(MuiTabs, {
116
95
  scrollButtons: "auto",
117
96
  value: current,
118
- onChange: (_, newValue) => _onChange2(newValue)
119
- }, rest), {}, {
97
+ onChange: (_, newValue) => onChange(newValue),
98
+ ...rest,
120
99
  variant: "scrollable",
121
- sx: _objectSpread({
100
+ sx: {
122
101
  minHeight: 'auto',
123
102
  '.MuiTabs-scrollButtons.Mui-disabled': {
124
103
  opacity: 0.3,
@@ -131,7 +110,7 @@ function LineTabs(_ref3) {
131
110
  display: 'block',
132
111
  width: '100%',
133
112
  height: '1px',
134
- backgroundColor: _Colors.temp.strokeBorderStrong,
113
+ backgroundColor: colors.strokeBorderStrong,
135
114
  bottom: 0
136
115
  }
137
116
  },
@@ -147,32 +126,33 @@ function LineTabs(_ref3) {
147
126
  lineHeight: 1,
148
127
  py: 1,
149
128
  px: 0,
150
- color: _Colors.temp.foregroundsFgSubtile,
129
+ color: colors.foregroundsFgSubtile,
151
130
  fontSize: '14px',
152
131
  fontWeight: 500,
153
132
  textTransform: 'capitalize',
154
133
  minWidth: 'auto',
155
134
  '&.Mui-selected, &:hover': {
156
- color: _Colors.temp.foregroundsFgBase
135
+ color: colors.foregroundsFgBase
157
136
  }
158
137
  },
159
138
  '.MuiTabs-indicator': {
160
139
  height: '1px',
161
- backgroundColor: _Colors.temp.foregroundsFgBase
162
- }
163
- }, rest.sx),
164
- children: tabs.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
140
+ backgroundColor: colors.foregroundsFgBase
141
+ },
142
+ ...rest.sx
143
+ },
144
+ children: tabs.map(x => /*#__PURE__*/_jsx(MuiTab, {
165
145
  className: classes.tab,
166
146
  value: x.value,
167
147
  label: x.label,
168
148
  icon: x.icon || null
169
149
  }, x.value))
170
- }));
150
+ });
171
151
  }
172
152
  LineTabs.propTypes = {
173
- tabs: _propTypes.default.array.isRequired,
174
- current: _propTypes.default.string.isRequired,
175
- onChange: _propTypes.default.func.isRequired
153
+ tabs: PropTypes.array.isRequired,
154
+ current: PropTypes.string.isRequired,
155
+ onChange: PropTypes.func.isRequired
176
156
  };
177
157
 
178
158
  /**
@@ -189,45 +169,46 @@ LineTabs.propTypes = {
189
169
  * @return {import('react').ReactNode}
190
170
  */
191
171
 
192
- function Tabs(_ref4) {
193
- let {
194
- tabs,
195
- current,
196
- onChange: _onChange3
197
- } = _ref4,
198
- rest = _objectWithoutProperties(_ref4, _excluded3);
172
+ export default function Tabs({
173
+ tabs,
174
+ current,
175
+ onChange,
176
+ ...rest
177
+ }) {
199
178
  if (rest.variant === 'card') {
200
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardTabs, _objectSpread(_objectSpread({}, rest), {}, {
179
+ return /*#__PURE__*/_jsx(CardTabs, {
180
+ ...rest,
201
181
  tabs: tabs,
202
182
  current: current,
203
- onChange: _onChange3
204
- }));
183
+ onChange: onChange
184
+ });
205
185
  }
206
186
  if (rest.variant === 'line') {
207
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(LineTabs, _objectSpread(_objectSpread({}, rest), {}, {
187
+ return /*#__PURE__*/_jsx(LineTabs, {
188
+ ...rest,
208
189
  tabs: tabs,
209
190
  current: current,
210
- onChange: _onChange3
211
- }));
191
+ onChange: onChange
192
+ });
212
193
  }
213
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiTabs, _objectSpread(_objectSpread({
194
+ return /*#__PURE__*/_jsx(StyledMuiTabs, {
214
195
  scrollButtons: "auto",
215
196
  variant: "scrollable",
216
197
  value: current,
217
- onChange: (_, newValue) => _onChange3(newValue),
218
- indicatorColor: "primary"
219
- }, rest), {}, {
198
+ onChange: (_, newValue) => onChange(newValue),
199
+ indicatorColor: "primary",
200
+ ...rest,
220
201
  className: [classes.tabs, rest.className || ''].join(' '),
221
- children: tabs.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
202
+ children: tabs.map(x => /*#__PURE__*/_jsx(MuiTab, {
222
203
  className: classes.tab,
223
204
  value: x.value,
224
205
  label: x.label,
225
206
  icon: x.icon || null
226
207
  }, x.value))
227
- }));
208
+ });
228
209
  }
229
210
  Tabs.propTypes = {
230
- tabs: _propTypes.default.array.isRequired,
231
- current: _propTypes.default.string.isRequired,
232
- onChange: _propTypes.default.func.isRequired
211
+ tabs: PropTypes.array.isRequired,
212
+ current: PropTypes.string.isRequired,
213
+ onChange: PropTypes.func.isRequired
233
214
  };
package/lib/Tag/index.js CHANGED
@@ -1,43 +1,26 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
10
- var _Util = require("../Util");
11
- var _Colors = _interopRequireDefault(require("../Colors"));
12
- var _Theme = require("../Theme");
13
- var _jsxRuntime = require("react/jsx-runtime");
14
- var _templateObject;
15
- const _excluded = ["type", "content", "children", "style", "className", "forwardedRef"];
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
18
- 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; }
19
- 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; }
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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
22
- 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); }
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; }
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; }
1
+ import { forwardRef } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import Typography from '@mui/material/Typography';
4
+ import { mergeProps } from '../Util';
5
+ import colors from '../Colors';
6
+ import { useTheme, styled } from '../Theme';
7
+ import { jsx as _jsx } from "react/jsx-runtime";
25
8
  const types = {
26
9
  error: {
27
- color: _Colors.default.common.white,
28
- backgroundColor: _Colors.default.error.main
10
+ color: colors.common.white,
11
+ backgroundColor: colors.error.main
29
12
  },
30
13
  warning: {
31
- color: _Colors.default.common.white,
32
- backgroundColor: _Colors.default.warning.main
14
+ color: colors.common.white,
15
+ backgroundColor: colors.warning.main
33
16
  },
34
17
  success: {
35
- color: _Colors.default.common.white,
36
- backgroundColor: _Colors.default.success.main
18
+ color: colors.common.white,
19
+ backgroundColor: colors.success.main
37
20
  },
38
21
  primary: {
39
- color: _Colors.default.common.white,
40
- backgroundColor: _Colors.default.primary.main
22
+ color: colors.common.white,
23
+ backgroundColor: colors.primary.main
41
24
  },
42
25
  reverse: {
43
26
  color: '#fff',
@@ -61,41 +44,41 @@ const types = {
61
44
  * @return {import('react').ReactNode}
62
45
  */
63
46
  function Tag(props) {
64
- const newProps = (0, _Util.mergeProps)(props, Tag, ['style']);
47
+ const newProps = mergeProps(props, Tag, ['style']);
65
48
  const {
66
- type,
67
- content,
68
- children,
69
- style,
70
- className,
71
- forwardedRef
72
- } = newProps,
73
- rest = _objectWithoutProperties(newProps, _excluded);
49
+ type,
50
+ content,
51
+ children,
52
+ style,
53
+ className,
54
+ forwardedRef,
55
+ ...rest
56
+ } = newProps;
74
57
  const {
75
58
  palette
76
- } = (0, _Theme.useTheme)();
59
+ } = useTheme();
77
60
  const styles = Object.assign({}, types[type] || types.primary, style);
78
61
  if (palette[type]) {
79
62
  Object.assign(styles, {
80
- color: palette[type].contrastText || _Colors.default.common.white,
63
+ color: palette[type].contrastText || colors.common.white,
81
64
  backgroundColor: palette[type].main
82
65
  });
83
66
  }
84
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
67
+ return /*#__PURE__*/_jsx(Span, {
85
68
  ref: forwardedRef,
86
69
  component: "span",
87
70
  className: className,
88
- style: styles
89
- }, rest), {}, {
71
+ style: styles,
72
+ ...rest,
90
73
  children: content || children
91
- }));
74
+ });
92
75
  }
93
76
  Tag.propTypes = {
94
- children: _propTypes.default.any.isRequired,
95
- type: _propTypes.default.oneOf(Object.keys(types)),
96
- content: _propTypes.default.string,
97
- className: _propTypes.default.string,
98
- style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string])
77
+ children: PropTypes.any.isRequired,
78
+ type: PropTypes.oneOf(Object.keys(types)),
79
+ content: PropTypes.string,
80
+ className: PropTypes.string,
81
+ style: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
99
82
  };
100
83
  Tag.defaultProps = {
101
84
  type: 'primary',
@@ -105,8 +88,21 @@ Tag.defaultProps = {
105
88
  };
106
89
 
107
90
  /** @type {React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>} */
108
- const TagComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, _objectSpread(_objectSpread({}, props), {}, {
91
+ const TagComponent = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(Tag, {
92
+ ...props,
109
93
  forwardedRef: ref
110
- })));
111
- var _default = exports.default = TagComponent;
112
- const Span = (0, _Theme.styled)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n && {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 10px;\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 500;\n border-radius: 4px;\n }\n"])));
94
+ }));
95
+ export default TagComponent;
96
+ const Span = styled(Typography)`
97
+ && {
98
+ display: inline-flex;
99
+ justify-content: center;
100
+ align-items: center;
101
+ padding: 2px 10px;
102
+ height: 20px;
103
+ line-height: 20px;
104
+ font-size: 12px;
105
+ font-weight: 500;
106
+ border-radius: 4px;
107
+ }
108
+ `;
@@ -1,44 +1,27 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
9
- var _Theme = require("../Theme");
10
- var _deprecate = require("../Util/deprecate");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _templateObject;
13
- const _excluded = ["children", "startChars", "endChars", "scaleFactor", "maxWidth", "style", "fontType"];
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
16
- 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; }
17
- 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; }
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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
20
- 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); }
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; }
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; }
23
- function TextCollapse(_ref) {
24
- let {
25
- children,
26
- startChars,
27
- endChars,
28
- scaleFactor,
29
- maxWidth,
30
- style,
31
- fontType
32
- } = _ref,
33
- rest = _objectWithoutProperties(_ref, _excluded);
1
+ import PropTypes from 'prop-types';
2
+ import Typography from '@mui/material/Typography';
3
+ import { styled } from '../Theme';
4
+ import { withDeprecated } from '../Util/deprecate';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ import { jsxs as _jsxs } from "react/jsx-runtime";
7
+ function TextCollapse({
8
+ children,
9
+ startChars,
10
+ endChars,
11
+ scaleFactor,
12
+ maxWidth,
13
+ style,
14
+ fontType,
15
+ ...rest
16
+ }) {
34
17
  if (typeof children !== 'string') {
35
18
  return null;
36
19
  }
37
20
  const isMonospace = fontType === 'monospace';
38
21
 
39
22
  // 由于 css 样式产生的省略号长度是不确定的,所以目前 startChars 的长度只能让开发者自己去加上‘省略号’的宽度去设置这个值,要想完美的实现目标功能,最好是改用 js 动态修改文本内容来实现
40
- const startWidth = isMonospace ? "".concat(startChars, "ch") : "".concat(scaleFactor * (startChars + 3), "em");
41
- const endWidth = isMonospace ? "".concat(endChars, "ch") : "".concat(scaleFactor * endChars, "em");
23
+ const startWidth = isMonospace ? `${startChars}ch` : `${scaleFactor * (startChars + 3)}em`;
24
+ const endWidth = isMonospace ? `${endChars}ch` : `${scaleFactor * endChars}em`;
42
25
  const styles = Object.assign(isMonospace ? {
43
26
  fontFamily: '"Courier New", Courier, monospace'
44
27
  } : {}, {
@@ -48,29 +31,29 @@ function TextCollapse(_ref) {
48
31
  maxWidth
49
32
  }, style);
50
33
  const [startPart, endPart] = [children.slice(0, children.length - endChars), children.slice(children.length - endChars)];
51
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
34
+ return /*#__PURE__*/_jsxs(Container, {
52
35
  component: "span",
53
36
  style: styles,
54
37
  startwidth: startWidth,
55
- endwidth: endWidth
56
- }, rest), {}, {
57
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
38
+ endwidth: endWidth,
39
+ ...rest,
40
+ children: [/*#__PURE__*/_jsx("span", {
58
41
  className: "start-part",
59
42
  children: startPart
60
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
43
+ }), /*#__PURE__*/_jsx("span", {
61
44
  className: "end-part",
62
45
  children: endPart
63
46
  })]
64
- }));
47
+ });
65
48
  }
66
49
  TextCollapse.propTypes = {
67
- children: _propTypes.default.string.isRequired,
68
- maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
69
- fontType: _propTypes.default.oneOf(['monospace', 'normal']),
70
- style: _propTypes.default.object,
71
- startChars: _propTypes.default.number,
72
- endChars: _propTypes.default.number,
73
- scaleFactor: _propTypes.default.number
50
+ children: PropTypes.string.isRequired,
51
+ maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
52
+ fontType: PropTypes.oneOf(['monospace', 'normal']),
53
+ style: PropTypes.object,
54
+ startChars: PropTypes.number,
55
+ endChars: PropTypes.number,
56
+ scaleFactor: PropTypes.number
74
57
  };
75
58
  TextCollapse.defaultProps = {
76
59
  style: {},
@@ -79,7 +62,31 @@ TextCollapse.defaultProps = {
79
62
  scaleFactor: 0.45,
80
63
  fontType: 'normal'
81
64
  };
82
- var _default = exports.default = (0, _deprecate.withDeprecated)(TextCollapse, {
65
+ export default withDeprecated(TextCollapse, {
83
66
  name: 'TextCollapse'
84
67
  });
85
- const Container = (0, _Theme.styled)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n justify-content: start;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n\n .start-part,\n .end-part {\n display: inline-block;\n vertical-align: bottom;\n white-space: nowrap;\n overflow: hidden;\n }\n .start-part {\n max-width: calc(100% - ", ");\n min-width: ", ";\n text-overflow: ellipsis;\n }\n .end-part {\n max-width: calc(100% - ", ");\n direction: rtl;\n }\n"])), props => props.endwidth, props => props.startwidth, props => props.startwidth);
68
+ const Container = styled(Typography)`
69
+ display: inline-flex;
70
+ align-items: center;
71
+ justify-content: start;
72
+ cursor: pointer;
73
+ white-space: nowrap;
74
+ overflow: hidden;
75
+
76
+ .start-part,
77
+ .end-part {
78
+ display: inline-block;
79
+ vertical-align: bottom;
80
+ white-space: nowrap;
81
+ overflow: hidden;
82
+ }
83
+ .start-part {
84
+ max-width: calc(100% - ${props => props.endwidth});
85
+ min-width: ${props => props.startwidth};
86
+ text-overflow: ellipsis;
87
+ }
88
+ .end-part {
89
+ max-width: calc(100% - ${props => props.startwidth});
90
+ direction: rtl;
91
+ }
92
+ `;
@@ -1,55 +1,16 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _exportNames = {
7
- styled: true,
8
- useTheme: true,
9
- ThemeProvider: true
10
- };
11
- Object.defineProperty(exports, "ThemeProvider", {
12
- enumerable: true,
13
- get: function get() {
14
- return _themeProvider.default;
15
- }
16
- });
17
- exports.styled = void 0;
18
- Object.defineProperty(exports, "useTheme", {
19
- enumerable: true,
20
- get: function get() {
21
- return _styles.useTheme;
22
- }
23
- });
24
- var _styles = require("@mui/material/styles");
25
- var _theme = require("./theme");
26
- Object.keys(_theme).forEach(function (key) {
27
- if (key === "default" || key === "__esModule") return;
28
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
29
- if (key in exports && exports[key] === _theme[key]) return;
30
- Object.defineProperty(exports, key, {
31
- enumerable: true,
32
- get: function get() {
33
- return _theme[key];
34
- }
35
- });
36
- });
37
- var _themeProvider = _interopRequireDefault(require("./theme-provider"));
38
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
39
- 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; }
40
- 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; }
41
- 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; }
42
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
43
- 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); }
1
+ import { styled as muiStyled, useTheme } from '@mui/material/styles';
2
+ export * from './theme';
3
+ export { default as ThemeProvider } from './theme-provider';
4
+ export { useTheme };
44
5
  const isTransientProp = prop => prop.startsWith('$');
45
- const styled = exports.styled = function styled(component) {
46
- let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
47
- return (0, _styles.styled)(component, _objectSpread(_objectSpread({}, options), {}, {
6
+ export const styled = (component, options = {}) => {
7
+ return muiStyled(component, {
8
+ ...options,
48
9
  shouldForwardProp: prop => {
49
10
  if (options.shouldForwardProp) {
50
11
  return options.shouldForwardProp(prop) && !isTransientProp(prop);
51
12
  }
52
13
  return !isTransientProp(prop);
53
14
  }
54
- }));
15
+ });
55
16
  };