@arcblock/ux 2.9.91 → 2.10.0

Sign up to get free protection for your applications and to get access to all the features.
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,52 +0,0 @@
1
- /* eslint-disable no-param-reassign */
2
- function startsWith(string, target, position) {
3
- const {
4
- length
5
- } = string;
6
- position = position == null ? 0 : position;
7
- if (position < 0) {
8
- position = 0;
9
- } else if (position > length) {
10
- position = length;
11
- }
12
- target = `${target}`;
13
- // eslint-disable-next-line eqeqeq
14
- return string.slice(position, position + target.length) == target;
15
- }
16
- function getBrowserLang() {
17
- if (typeof window === 'undefined') {
18
- return null;
19
- }
20
- const lang = window.navigator.languages && window.navigator.languages[0] || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage || window.navigator.systemLanguage || null;
21
- return lang;
22
- }
23
- function normalizeCode(code) {
24
- return (code || '').toLowerCase().replace(/-/, '_');
25
- }
26
- function getPreferredLanguage(options) {
27
- if (!options) {
28
- return getBrowserLang();
29
- }
30
- const {
31
- languages,
32
- fallback
33
- } = options;
34
- if (!options.languages) {
35
- return fallback;
36
- }
37
-
38
- // some browsers report language as en-US instead of en_US
39
- const browserLanguage = normalizeCode(getBrowserLang());
40
- if (!browserLanguage) {
41
- return fallback;
42
- }
43
- const match = languages.filter(lang => normalizeCode(lang) === browserLanguage);
44
- if (match.length > 0) {
45
- return match[0] || fallback;
46
- }
47
-
48
- // en == en_US
49
- const matchCodeOnly = languages.filter(lang => startsWith(browserLanguage, lang));
50
- return matchCodeOnly[0] || fallback;
51
- }
52
- export default getPreferredLanguage;
@@ -1,139 +0,0 @@
1
- /* eslint-disable no-prototype-builtins */
2
- import { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
3
- import get from 'lodash/get';
4
- import PropTypes from 'prop-types';
5
- import Cookie from 'js-cookie';
6
- import browserLang from './browser-lang';
7
- import { translate } from './util';
8
- import { getCookieOptions } from '../Util';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- const cookieName = 'nf_lang';
11
-
12
- // 跨应用传递多语言选择的方式是在 query string 中添加 locale 参数,LocaleSelector 要高优先级遵守这个参数
13
- const getLocaleFromSearchParams = (languages, url = window.location.href) => {
14
- const locale = new URL(url).searchParams.get('locale');
15
- if (languages.find(x => x.code === locale)) {
16
- return locale;
17
- }
18
- return null;
19
- };
20
- const setLocaleParam = (locale, url = window.location.href) => {
21
- const urlObj = new URL(url);
22
- const hasLocaleParam = urlObj.searchParams.has('locale');
23
- if (hasLocaleParam) {
24
- urlObj.searchParams.set('locale', locale);
25
- window.history.replaceState({}, '', urlObj.href);
26
- }
27
- };
28
- const getLocale = (languages = []) => {
29
- const langParams = {
30
- languages: languages.map(item => item.code),
31
- // 取 languages 首个元素的 code 值, 如果不存在则取 'en'
32
- fallback: languages?.[0]?.code || 'en'
33
- };
34
- return getLocaleFromSearchParams(languages) || Cookie.get(cookieName) || browserLang(langParams);
35
- };
36
- const setLocale = locale => {
37
- Cookie.set(cookieName, locale, getCookieOptions());
38
- setLocaleParam(locale);
39
- };
40
- const getLanguages = arg => {
41
- const env = get(window, 'blocklet.languages');
42
- if (Array.isArray(env) && env.length) {
43
- return env;
44
- }
45
- if (Array.isArray(arg) && arg.length) {
46
- return arg;
47
- }
48
- return [{
49
- code: 'en',
50
- name: 'English'
51
- }, {
52
- code: 'zh',
53
- name: '简体中文'
54
- }];
55
- };
56
- const LocaleContext = /*#__PURE__*/createContext();
57
- const {
58
- Provider,
59
- Consumer
60
- } = LocaleContext;
61
- function LocaleProvider({
62
- children,
63
- locale,
64
- fallbackLocale,
65
- translations,
66
- onLoadingTranslation,
67
- languages,
68
- ...rest
69
- }) {
70
- const langs = getLanguages(languages);
71
- // eslint-disable-next-line prefer-const
72
- let [currentLocale, setCurrentLocale] = useState(locale || getLocale(langs));
73
- const lastCurrentLocale = useRef(fallbackLocale);
74
- const [, setForceUpdate] = useState(0);
75
- const changeLocale = newLocale => {
76
- setCurrentLocale(newLocale);
77
- setLocale(newLocale);
78
- };
79
- useEffect(() => {
80
- const tmpLocale = locale || getLocale(langs);
81
- if (tmpLocale !== currentLocale) {
82
- changeLocale(tmpLocale);
83
- }
84
- // eslint-disable-next-line react-hooks/exhaustive-deps
85
- }, [locale]);
86
-
87
- // handle async loading of translations
88
- if (currentLocale && translations[currentLocale] && typeof translations[currentLocale] === 'function') {
89
- const tmpLocale = currentLocale;
90
- try {
91
- Promise.resolve(translations[tmpLocale]()).then(res => {
92
- if (res && typeof res === 'object') {
93
- translations[tmpLocale] = res;
94
- setForceUpdate(x => x > 999 ? 0 : x + 1);
95
- }
96
- });
97
- } catch (err) {
98
- console.error(err);
99
- }
100
- onLoadingTranslation(tmpLocale, langs);
101
- currentLocale = lastCurrentLocale.current;
102
- } else {
103
- lastCurrentLocale.current = currentLocale;
104
- }
105
- const t = useCallback((key, data) => translate(translations, key, currentLocale, fallbackLocale, data), [translations, currentLocale, fallbackLocale]);
106
- return /*#__PURE__*/_jsx(Provider, {
107
- value: {
108
- locale: currentLocale,
109
- changeLocale,
110
- t,
111
- languages: langs,
112
- ...rest
113
- },
114
- children: children
115
- });
116
- }
117
- function useLocaleContext() {
118
- const context = useContext(LocaleContext);
119
- return context;
120
- }
121
- LocaleProvider.propTypes = {
122
- children: PropTypes.any.isRequired,
123
- translations: PropTypes.object.isRequired,
124
- onLoadingTranslation: PropTypes.func,
125
- locale: PropTypes.string,
126
- // 会影响 translate(key) 的结果 - 当 key 无效时查找 fallbackLocale 对应的翻译结果
127
- fallbackLocale: PropTypes.string,
128
- languages: PropTypes.arrayOf(PropTypes.shape({
129
- code: PropTypes.string,
130
- name: PropTypes.string
131
- }))
132
- };
133
- LocaleProvider.defaultProps = {
134
- locale: '',
135
- fallbackLocale: '',
136
- languages: [],
137
- onLoadingTranslation: () => {}
138
- };
139
- export { LocaleProvider, Consumer as LocaleConsumer, LocaleContext, useLocaleContext, setLocale, getLocale };
@@ -1,60 +0,0 @@
1
- // from: https://github.com/meikidd/iso-639-1/blob/master/src/data.js
2
- const languages = {
3
- ar: {
4
- name: 'Arabic',
5
- nativeName: 'اَلْعَرَبِيَّةُ'
6
- },
7
- de: {
8
- name: 'German',
9
- nativeName: 'Deutsch'
10
- },
11
- en: {
12
- name: 'English',
13
- nativeName: 'English'
14
- },
15
- es: {
16
- name: 'Spanish',
17
- nativeName: 'Español'
18
- },
19
- fr: {
20
- name: 'French',
21
- nativeName: 'Français'
22
- },
23
- it: {
24
- name: 'Italian',
25
- nativeName: 'Italiano'
26
- },
27
- ja: {
28
- name: 'Japanese',
29
- nativeName: '日本語'
30
- },
31
- ko: {
32
- name: 'Korean',
33
- nativeName: '한국어'
34
- },
35
- mn: {
36
- name: 'Mongolian',
37
- nativeName: 'Монгол хэл'
38
- },
39
- pt: {
40
- name: 'Portuguese',
41
- nativeName: 'Português'
42
- },
43
- ru: {
44
- name: 'Russian',
45
- nativeName: 'Русский'
46
- },
47
- zh: {
48
- name: 'Simplified Chinese',
49
- nativeName: '简体中文'
50
- },
51
- 'zh-TW': {
52
- name: 'Traditional Chinese',
53
- nativeName: '繁體中文'
54
- }
55
- };
56
- export default Object.keys(languages).map(code => ({
57
- code,
58
- ...languages[code]
59
- }));
60
- export { languages as map };
@@ -1,186 +0,0 @@
1
- /* eslint-disable react/jsx-no-bind */
2
- import { useState, useContext, useRef, useMemo } from 'react';
3
- import PropTypes from 'prop-types';
4
- import { Button, Typography, IconButton, Popper, MenuItem, MenuList, Box, ClickAwayListener } from '@mui/material';
5
- import { Icon as IconifyIcon } from '@iconify/react';
6
- import CheckIcon from '@iconify-icons/material-symbols/check';
7
- import LanguageIcon from 'iconify-icons-material-symbols-400/language';
8
- import noop from 'lodash/noop';
9
- import { getColor, getBackground } from '../Util';
10
- import { temp as colors } from '../Colors';
11
- import { LocaleContext } from './context';
12
- import { styled, useTheme } from '../Theme';
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import { jsxs as _jsxs } from "react/jsx-runtime";
15
- export default function LocaleSelector(props) {
16
- const {
17
- showText,
18
- popperProps,
19
- popperType,
20
- icon: Icon,
21
- size,
22
- ...rest
23
- } = props;
24
- const {
25
- locale,
26
- changeLocale,
27
- languages
28
- } = useContext(LocaleContext);
29
- const anchorEl = useRef(null);
30
- const [open, setOpen] = useState(false);
31
- const theme = useTheme();
32
- const dark = theme?.palette?.mode === 'dark';
33
- const onSelect = newLocale => {
34
- changeLocale(newLocale);
35
- setOpen(false);
36
- if (typeof props.onChange === 'function') {
37
- props.onChange(newLocale);
38
- }
39
- };
40
- const onClose = e => {
41
- if (anchorEl.current?.contains(e.target)) {
42
- return;
43
- }
44
- setOpen(false);
45
- };
46
- const ButtonComponent = showText ? Button : IconButton;
47
- const handleEventProps = popperType === 'hover' ? {
48
- onMouseEnter: () => {
49
- setOpen(true);
50
- },
51
- onMouseLeave: () => {
52
- setOpen(false);
53
- }
54
- } : {
55
- onClick: () => {
56
- setOpen(!open);
57
- }
58
- };
59
- const renderIcon = useMemo(() => {
60
- if (Icon) {
61
- return /*#__PURE__*/_jsx(Icon, {});
62
- }
63
- return /*#__PURE__*/_jsx(IconifyIcon, {
64
- icon: LanguageIcon,
65
- fontSize: size,
66
- style: {
67
- transform: 'scale(1.10)'
68
- }
69
- });
70
- }, [Icon, size]);
71
- return /*#__PURE__*/_jsxs(Div, {
72
- component: "div",
73
- dark: dark,
74
- theme: theme,
75
- ...rest,
76
- ...handleEventProps,
77
- children: [/*#__PURE__*/_jsx(ButtonComponent, {
78
- ref: anchorEl,
79
- className: "trigger",
80
- role: "button",
81
- "aria-label": "Locale selector button",
82
- children: /*#__PURE__*/_jsxs(Box, {
83
- display: "flex",
84
- alignItems: "center",
85
- children: [renderIcon, showText ? /*#__PURE__*/_jsx(Typography, {
86
- component: "strong",
87
- className: "trigger-text",
88
- children: languages.find(x => x.code === locale).name
89
- }) : '']
90
- })
91
- }), /*#__PURE__*/_jsx(StyledPopper, {
92
- open: open,
93
- anchorEl: anchorEl.current,
94
- ...popperProps,
95
- disablePortal: true,
96
- children: /*#__PURE__*/_jsx("div", {
97
- className: "locales",
98
- children: /*#__PURE__*/_jsx(ClickAwayListener, {
99
- onClickAway: onClose,
100
- children: /*#__PURE__*/_jsx(MenuList, {
101
- children: languages.map(({
102
- code,
103
- name
104
- }) => /*#__PURE__*/_jsxs(MenuItem, {
105
- className: "locale-item",
106
- onClick: () => onSelect(code, name),
107
- children: [/*#__PURE__*/_jsx(IconifyIcon, {
108
- icon: CheckIcon,
109
- className: code === locale ? 'check-icon check-icon-visible' : 'check-icon'
110
- }), name]
111
- }, code))
112
- })
113
- })
114
- })
115
- })]
116
- });
117
- }
118
- LocaleSelector.propTypes = {
119
- size: PropTypes.number,
120
- showText: PropTypes.bool,
121
- popperProps: PropTypes.object,
122
- onChange: PropTypes.func,
123
- popperType: PropTypes.oneOf(['hover', 'click']),
124
- icon: PropTypes.any
125
- };
126
- LocaleSelector.defaultProps = {
127
- showText: true,
128
- size: 24,
129
- popperProps: {},
130
- onChange: noop,
131
- popperType: 'click',
132
- icon: null
133
- };
134
- const Div = styled('div', {
135
- shouldForwardProp: prop => prop !== 'dark'
136
- })`
137
- display: inline-block;
138
-
139
- .trigger {
140
- display: flex;
141
- flex-direction: column;
142
- justify-content: center;
143
- font-size: 14px;
144
- white-space: nowrap;
145
-
146
- .trigger-text {
147
- margin-left: 5px;
148
- font-size: 14px;
149
- color: ${props => getColor(props)};
150
- }
151
- }
152
-
153
- .locales {
154
- background: ${props => getBackground(props)};
155
- box-shadow: 0px 8px 16px 0px ${colors.gray6}, 0px 0px 0px 1px ${colors.gray6};
156
- border-radius: 8px;
157
- }
158
-
159
- .locale-item {
160
- font-size: 16px;
161
- font-style: normal;
162
- font-stretch: normal;
163
- line-height: normal;
164
- letter-spacing: 2px;
165
- text-align: center;
166
- color: ${props => getColor(props)};
167
- cursor: pointer;
168
- display: flex;
169
- padding: 16px;
170
- align-items: center;
171
- .check-icon {
172
- visibility: hidden;
173
- margin-right: 4px;
174
- }
175
- .check-icon-visible {
176
- visibility: visible;
177
- }
178
- }
179
- `;
180
- const StyledPopper = styled(Popper)`
181
- z-index: ${({
182
- theme
183
- }) => {
184
- return theme.zIndex.tooltip + 10;
185
- }};
186
- `;
package/es/Locale/util.js DELETED
@@ -1,21 +0,0 @@
1
- import get from 'lodash/get';
2
-
3
- /* eslint-disable no-prototype-builtins */
4
- export const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
5
- export const translate = (translations, key, locale, fallbackLocale = 'en', data = {}) => {
6
- const translation = translations[locale];
7
- const translationValue = get(translation, key);
8
- const fallbackValue = get(translations[fallbackLocale], key);
9
- if (!translation || !translationValue) {
10
- console.warn(`Warning: no ${key} translation of ${locale}`);
11
- if (fallbackLocale && fallbackValue) {
12
- return replace(fallbackValue, data);
13
- }
14
- return key;
15
- }
16
- if (typeof translations[locale] === 'function' || translations[locale].then) {
17
- return replace(fallbackValue, data);
18
- }
19
- return replace(translationValue, data);
20
- };
21
- export const t = translate;
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="99" height="18" viewBox="0 0 99 18">
2
- <path fill="#000" fill-rule="evenodd" d="M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"/>
3
- </svg>
@@ -1,6 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52">
2
- <g fill="none" fill-rule="evenodd" stroke="#000">
3
- <path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25"/>
4
- <path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"/>
5
- </g>
6
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="99" height="18" viewBox="0 0 99 18">
2
- <path fill="#FFF" fill-rule="evenodd" d="M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"/>
3
- </svg>
@@ -1,6 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52">
2
- <g fill="none" fill-rule="evenodd" stroke="#FFF">
3
- <path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25"/>
4
- <path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"/>
5
- </g>
6
- </svg>
package/es/Logo/index.js DELETED
@@ -1,136 +0,0 @@
1
- import React from "react";
2
- import PropTypes from 'prop-types';
3
- import { styled } from '../Theme';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- import { jsxs as _jsxs } from "react/jsx-runtime";
6
- var LightLogo = function LightLogo(props) {
7
- return /*#__PURE__*/_jsx("svg", {
8
- ...props,
9
- children: /*#__PURE__*/_jsxs("g", {
10
- fill: "none",
11
- fillRule: "evenodd",
12
- stroke: "#FFF",
13
- children: [/*#__PURE__*/_jsx("path", {
14
- d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"
15
- }), /*#__PURE__*/_jsx("path", {
16
- d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"
17
- })]
18
- })
19
- });
20
- };
21
- LightLogo.defaultProps = {
22
- xmlns: "http://www.w3.org/2000/svg",
23
- width: "45",
24
- height: "52",
25
- viewBox: "0 0 45 52"
26
- };
27
- var LightText = function LightText(props) {
28
- return /*#__PURE__*/_jsx("svg", {
29
- ...props,
30
- children: /*#__PURE__*/_jsx("path", {
31
- fill: "#FFF",
32
- fillRule: "evenodd",
33
- d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"
34
- })
35
- });
36
- };
37
- LightText.defaultProps = {
38
- xmlns: "http://www.w3.org/2000/svg",
39
- width: "99",
40
- height: "18",
41
- viewBox: "0 0 99 18"
42
- };
43
- var DarkLogo = function DarkLogo(props) {
44
- return /*#__PURE__*/_jsx("svg", {
45
- ...props,
46
- children: /*#__PURE__*/_jsxs("g", {
47
- fill: "none",
48
- fillRule: "evenodd",
49
- stroke: "#000",
50
- children: [/*#__PURE__*/_jsx("path", {
51
- d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"
52
- }), /*#__PURE__*/_jsx("path", {
53
- d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"
54
- })]
55
- })
56
- });
57
- };
58
- DarkLogo.defaultProps = {
59
- xmlns: "http://www.w3.org/2000/svg",
60
- width: "45",
61
- height: "52",
62
- viewBox: "0 0 45 52"
63
- };
64
- var DarkText = function DarkText(props) {
65
- return /*#__PURE__*/_jsx("svg", {
66
- ...props,
67
- children: /*#__PURE__*/_jsx("path", {
68
- fillRule: "evenodd",
69
- d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"
70
- })
71
- });
72
- };
73
- DarkText.defaultProps = {
74
- xmlns: "http://www.w3.org/2000/svg",
75
- width: "99",
76
- height: "18",
77
- viewBox: "0 0 99 18"
78
- };
79
- /**
80
- @typedef {import('react').HTMLAttributes<HTMLSpanElement> & {
81
- mode?: 'light' | 'dark',
82
- layout?: 'vertical' | 'horizontal',
83
- showText?: boolean,
84
- showLogo?: boolean,
85
- }} LogoProps
86
- */
87
- /**
88
- * @description
89
- * @export
90
- * @param {LogoProps} props
91
- * @return {React.ReactComponentElement}
92
- */
93
- export default function Logo({
94
- showText,
95
- showLogo,
96
- mode,
97
- layout,
98
- ...rest
99
- }) {
100
- const logo = mode === 'light' ? /*#__PURE__*/_jsx(LightLogo, {}) : /*#__PURE__*/_jsx(DarkLogo, {});
101
- const text = mode === 'light' ? /*#__PURE__*/_jsx(LightText, {
102
- className: "logo-text"
103
- }) : /*#__PURE__*/_jsx(DarkText, {
104
- className: "logo-text"
105
- });
106
- return /*#__PURE__*/_jsxs(Container, {
107
- layout: layout,
108
- ...rest,
109
- children: [showLogo && logo, showText && text]
110
- });
111
- }
112
- Logo.propTypes = {
113
- mode: PropTypes.oneOf(['light', 'dark']),
114
- layout: PropTypes.oneOf(['vertical', 'horizontal']),
115
- showText: PropTypes.bool,
116
- showLogo: PropTypes.bool
117
- };
118
- Logo.defaultProps = {
119
- mode: 'dark',
120
- layout: 'vertical',
121
- showText: true,
122
- showLogo: true
123
- };
124
-
125
- /** @type {import('@emotion/styled').StyledComponent<HTMLSpanElement, {}, { ref?: React.Ref<any> | undefined;}>} */
126
- const Container = styled('span')`
127
- display: inline-flex;
128
- flex-direction: ${props => props.layout === 'horizontal' ? 'row' : 'column'};
129
- justify-content: center;
130
- align-items: center;
131
-
132
- .logo-text {
133
- ${props => props.layout === 'vertical' ? 'margin-top: 8px;' : ''}
134
- ${props => props.layout === 'vertical' ? '' : 'margin-left: 8px;'};
135
- }
136
- `;