@variocube/app-ui 1.14.0

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 (644) hide show
  1. package/README.md +65 -0
  2. package/esm/AppShell/AppShell.d.ts +12 -0
  3. package/esm/AppShell/AppShell.js +92 -0
  4. package/esm/AppShell/AppShell.js.map +1 -0
  5. package/esm/AppShell/index.d.ts +1 -0
  6. package/esm/AppShell/index.js +2 -0
  7. package/esm/AppShell/index.js.map +1 -0
  8. package/esm/ErrorAlert.d.ts +12 -0
  9. package/esm/ErrorAlert.js +61 -0
  10. package/esm/ErrorAlert.js.map +1 -0
  11. package/esm/Input/ActionsMenu.d.ts +9 -0
  12. package/esm/Input/ActionsMenu.js +29 -0
  13. package/esm/Input/ActionsMenu.js.map +1 -0
  14. package/esm/Input/Checkbox.d.ts +9 -0
  15. package/esm/Input/Checkbox.js +23 -0
  16. package/esm/Input/Checkbox.js.map +1 -0
  17. package/esm/Input/EmailSenderField.d.ts +8 -0
  18. package/esm/Input/EmailSenderField.js +71 -0
  19. package/esm/Input/EmailSenderField.js.map +1 -0
  20. package/esm/Input/NumberField.d.ts +10 -0
  21. package/esm/Input/NumberField.js +94 -0
  22. package/esm/Input/NumberField.js.map +1 -0
  23. package/esm/Input/RadioGroup.d.ts +12 -0
  24. package/esm/Input/RadioGroup.js +20 -0
  25. package/esm/Input/RadioGroup.js.map +1 -0
  26. package/esm/Input/Select.d.ts +11 -0
  27. package/esm/Input/Select.js +19 -0
  28. package/esm/Input/Select.js.map +1 -0
  29. package/esm/Input/Selector.d.ts +10 -0
  30. package/esm/Input/Selector.js +19 -0
  31. package/esm/Input/Selector.js.map +1 -0
  32. package/esm/Input/Switch.d.ts +9 -0
  33. package/esm/Input/Switch.js +23 -0
  34. package/esm/Input/Switch.js.map +1 -0
  35. package/esm/Input/TextField.d.ts +7 -0
  36. package/esm/Input/TextField.js +58 -0
  37. package/esm/Input/TextField.js.map +1 -0
  38. package/esm/Input/UrlUploadField.d.ts +9 -0
  39. package/esm/Input/UrlUploadField.js +43 -0
  40. package/esm/Input/UrlUploadField.js.map +1 -0
  41. package/esm/Input/index.d.ts +9 -0
  42. package/esm/Input/index.js +10 -0
  43. package/esm/Input/index.js.map +1 -0
  44. package/esm/LanguageSwitcher/LanguageSwitcher.d.ts +14 -0
  45. package/esm/LanguageSwitcher/LanguageSwitcher.js +20 -0
  46. package/esm/LanguageSwitcher/LanguageSwitcher.js.map +1 -0
  47. package/esm/LanguageSwitcher/index.d.ts +1 -0
  48. package/esm/LanguageSwitcher/index.js +2 -0
  49. package/esm/LanguageSwitcher/index.js.map +1 -0
  50. package/esm/Paging/Paging.d.ts +40 -0
  51. package/esm/Paging/Paging.js +43 -0
  52. package/esm/Paging/Paging.js.map +1 -0
  53. package/esm/Paging/index.d.ts +1 -0
  54. package/esm/Paging/index.js +2 -0
  55. package/esm/Paging/index.js.map +1 -0
  56. package/esm/VCThemeProvider/JetbrainsMonoFont.d.ts +5 -0
  57. package/esm/VCThemeProvider/JetbrainsMonoFont.js +52 -0
  58. package/esm/VCThemeProvider/JetbrainsMonoFont.js.map +1 -0
  59. package/esm/VCThemeProvider/RobotoFont.d.ts +7 -0
  60. package/esm/VCThemeProvider/RobotoFont.js +49 -0
  61. package/esm/VCThemeProvider/RobotoFont.js.map +1 -0
  62. package/esm/VCThemeProvider/ThemeModeSwitcher.d.ts +2 -0
  63. package/esm/VCThemeProvider/ThemeModeSwitcher.js +14 -0
  64. package/esm/VCThemeProvider/ThemeModeSwitcher.js.map +1 -0
  65. package/esm/VCThemeProvider/VCThemeProvider.d.ts +25 -0
  66. package/esm/VCThemeProvider/VCThemeProvider.js +173 -0
  67. package/esm/VCThemeProvider/VCThemeProvider.js.map +1 -0
  68. package/esm/VCThemeProvider/code-colors.d.ts +108 -0
  69. package/esm/VCThemeProvider/code-colors.js +26 -0
  70. package/esm/VCThemeProvider/code-colors.js.map +1 -0
  71. package/esm/VCThemeProvider/index.d.ts +5 -0
  72. package/esm/VCThemeProvider/index.js +6 -0
  73. package/esm/VCThemeProvider/index.js.map +1 -0
  74. package/esm/audit/AuditChanges.d.ts +9 -0
  75. package/esm/audit/AuditChanges.js +43 -0
  76. package/esm/audit/AuditChanges.js.map +1 -0
  77. package/esm/audit/AuditTimeline.d.ts +6 -0
  78. package/esm/audit/AuditTimeline.js +13 -0
  79. package/esm/audit/AuditTimeline.js.map +1 -0
  80. package/esm/audit/AuditTimelineItem.d.ts +10 -0
  81. package/esm/audit/AuditTimelineItem.js +27 -0
  82. package/esm/audit/AuditTimelineItem.js.map +1 -0
  83. package/esm/audit/index.d.ts +4 -0
  84. package/esm/audit/index.js +5 -0
  85. package/esm/audit/index.js.map +1 -0
  86. package/esm/audit/types.d.ts +42 -0
  87. package/esm/audit/types.js +2 -0
  88. package/esm/audit/types.js.map +1 -0
  89. package/esm/breadcrumbs.d.ts +6 -0
  90. package/esm/breadcrumbs.js +13 -0
  91. package/esm/breadcrumbs.js.map +1 -0
  92. package/esm/code/Code.d.ts +10 -0
  93. package/esm/code/Code.js +19 -0
  94. package/esm/code/Code.js.map +1 -0
  95. package/esm/code/CodeBlock.d.ts +4 -0
  96. package/esm/code/CodeBlock.js +6 -0
  97. package/esm/code/CodeBlock.js.map +1 -0
  98. package/esm/code/Json.d.ts +4 -0
  99. package/esm/code/Json.js +60 -0
  100. package/esm/code/Json.js.map +1 -0
  101. package/esm/code/index.d.ts +3 -0
  102. package/esm/code/index.js +4 -0
  103. package/esm/code/index.js.map +1 -0
  104. package/esm/confirm/ConfirmButton.d.ts +16 -0
  105. package/esm/confirm/ConfirmButton.js +29 -0
  106. package/esm/confirm/ConfirmButton.js.map +1 -0
  107. package/esm/confirm/ConfirmDialog.d.ts +16 -0
  108. package/esm/confirm/ConfirmDialog.js +35 -0
  109. package/esm/confirm/ConfirmDialog.js.map +1 -0
  110. package/esm/confirm/ConfirmIconButton.d.ts +14 -0
  111. package/esm/confirm/ConfirmIconButton.js +29 -0
  112. package/esm/confirm/ConfirmIconButton.js.map +1 -0
  113. package/esm/confirm/ConfirmMenuItem.d.ts +15 -0
  114. package/esm/confirm/ConfirmMenuItem.js +31 -0
  115. package/esm/confirm/ConfirmMenuItem.js.map +1 -0
  116. package/esm/confirm/index.d.ts +4 -0
  117. package/esm/confirm/index.js +5 -0
  118. package/esm/confirm/index.js.map +1 -0
  119. package/esm/container/ContainerLayout.d.ts +8 -0
  120. package/esm/container/ContainerLayout.js +20 -0
  121. package/esm/container/ContainerLayout.js.map +1 -0
  122. package/esm/container/ContainerSettingsContext.d.ts +12 -0
  123. package/esm/container/ContainerSettingsContext.js +46 -0
  124. package/esm/container/ContainerSettingsContext.js.map +1 -0
  125. package/esm/container/ContainerWidthControl.d.ts +6 -0
  126. package/esm/container/ContainerWidthControl.js +12 -0
  127. package/esm/container/ContainerWidthControl.js.map +1 -0
  128. package/esm/container/index.d.ts +3 -0
  129. package/esm/container/index.js +4 -0
  130. package/esm/container/index.js.map +1 -0
  131. package/esm/content-table/ContentTable.d.ts +25 -0
  132. package/esm/content-table/ContentTable.js +87 -0
  133. package/esm/content-table/ContentTable.js.map +1 -0
  134. package/esm/content-table/UndrawEmpty.d.ts +2 -0
  135. package/esm/content-table/UndrawEmpty.js +71 -0
  136. package/esm/content-table/UndrawEmpty.js.map +1 -0
  137. package/esm/content-table/index.d.ts +1 -0
  138. package/esm/content-table/index.js +2 -0
  139. package/esm/content-table/index.js.map +1 -0
  140. package/esm/country/countries.d.ts +34 -0
  141. package/esm/country/countries.js +266 -0
  142. package/esm/country/countries.js.map +1 -0
  143. package/esm/country/country-select.d.ts +8 -0
  144. package/esm/country/country-select.js +18 -0
  145. package/esm/country/country-select.js.map +1 -0
  146. package/esm/country/index.d.ts +5 -0
  147. package/esm/country/index.js +6 -0
  148. package/esm/country/index.js.map +1 -0
  149. package/esm/country/locale-select.d.ts +9 -0
  150. package/esm/country/locale-select.js +15 -0
  151. package/esm/country/locale-select.js.map +1 -0
  152. package/esm/country/locales.d.ts +10 -0
  153. package/esm/country/locales.js +190 -0
  154. package/esm/country/locales.js.map +1 -0
  155. package/esm/country/phone-prefix-select.d.ts +9 -0
  156. package/esm/country/phone-prefix-select.js +18 -0
  157. package/esm/country/phone-prefix-select.js.map +1 -0
  158. package/esm/cube/BoxFeatures.d.ts +11 -0
  159. package/esm/cube/BoxFeatures.js +40 -0
  160. package/esm/cube/BoxFeatures.js.map +1 -0
  161. package/esm/cube/BoxMaintenanceChip.d.ts +9 -0
  162. package/esm/cube/BoxMaintenanceChip.js +15 -0
  163. package/esm/cube/BoxMaintenanceChip.js.map +1 -0
  164. package/esm/cube/BoxNumber.d.ts +6 -0
  165. package/esm/cube/BoxNumber.js +6 -0
  166. package/esm/cube/BoxNumber.js.map +1 -0
  167. package/esm/cube/BoxType.d.ts +7 -0
  168. package/esm/cube/BoxType.js +21 -0
  169. package/esm/cube/BoxType.js.map +1 -0
  170. package/esm/cube/CubeConnectedChip.d.ts +9 -0
  171. package/esm/cube/CubeConnectedChip.js +22 -0
  172. package/esm/cube/CubeConnectedChip.js.map +1 -0
  173. package/esm/cube/LockStatusChip.d.ts +11 -0
  174. package/esm/cube/LockStatusChip.js +40 -0
  175. package/esm/cube/LockStatusChip.js.map +1 -0
  176. package/esm/cube/UtilizationBar.d.ts +11 -0
  177. package/esm/cube/UtilizationBar.js +38 -0
  178. package/esm/cube/UtilizationBar.js.map +1 -0
  179. package/esm/cube/accessibility.d.ts +48 -0
  180. package/esm/cube/accessibility.js +242 -0
  181. package/esm/cube/accessibility.js.map +1 -0
  182. package/esm/cube/index.d.ts +8 -0
  183. package/esm/cube/index.js +9 -0
  184. package/esm/cube/index.js.map +1 -0
  185. package/esm/data-table/DataTable.d.ts +63 -0
  186. package/esm/data-table/DataTable.js +124 -0
  187. package/esm/data-table/DataTable.js.map +1 -0
  188. package/esm/data-table/DataTableColumnSettings.d.ts +10 -0
  189. package/esm/data-table/DataTableColumnSettings.js +98 -0
  190. package/esm/data-table/DataTableColumnSettings.js.map +1 -0
  191. package/esm/data-table/DataTableHeader.d.ts +2 -0
  192. package/esm/data-table/DataTableHeader.js +6 -0
  193. package/esm/data-table/DataTableHeader.js.map +1 -0
  194. package/esm/data-table/DataTableToolbar.d.ts +2 -0
  195. package/esm/data-table/DataTableToolbar.js +6 -0
  196. package/esm/data-table/DataTableToolbar.js.map +1 -0
  197. package/esm/data-table/index.d.ts +8 -0
  198. package/esm/data-table/index.js +9 -0
  199. package/esm/data-table/index.js.map +1 -0
  200. package/esm/data-table/useDataTableColumnStorage.d.ts +5 -0
  201. package/esm/data-table/useDataTableColumnStorage.js +20 -0
  202. package/esm/data-table/useDataTableColumnStorage.js.map +1 -0
  203. package/esm/data-table/useDataTableStorage.d.ts +16 -0
  204. package/esm/data-table/useDataTableStorage.js +19 -0
  205. package/esm/data-table/useDataTableStorage.js.map +1 -0
  206. package/esm/data-table/useSpringPage.d.ts +6 -0
  207. package/esm/data-table/useSpringPage.js +18 -0
  208. package/esm/data-table/useSpringPage.js.map +1 -0
  209. package/esm/data-table/useSpringPageable.d.ts +9 -0
  210. package/esm/data-table/useSpringPageable.js +10 -0
  211. package/esm/data-table/useSpringPageable.js.map +1 -0
  212. package/esm/date-pickers/PlainAdapterCommon.d.ts +31 -0
  213. package/esm/date-pickers/PlainAdapterCommon.js +97 -0
  214. package/esm/date-pickers/PlainAdapterCommon.js.map +1 -0
  215. package/esm/date-pickers/PlainDateAdapter.d.ts +30 -0
  216. package/esm/date-pickers/PlainDateAdapter.js +114 -0
  217. package/esm/date-pickers/PlainDateAdapter.js.map +1 -0
  218. package/esm/date-pickers/PlainDatePicker.d.ts +21 -0
  219. package/esm/date-pickers/PlainDatePicker.js +26 -0
  220. package/esm/date-pickers/PlainDatePicker.js.map +1 -0
  221. package/esm/date-pickers/PlainDatePicker.spec.d.ts +1 -0
  222. package/esm/date-pickers/PlainDatePicker.spec.js +15 -0
  223. package/esm/date-pickers/PlainDatePicker.spec.js.map +1 -0
  224. package/esm/date-pickers/PlainDateTimeAdapter.d.ts +30 -0
  225. package/esm/date-pickers/PlainDateTimeAdapter.js +114 -0
  226. package/esm/date-pickers/PlainDateTimeAdapter.js.map +1 -0
  227. package/esm/date-pickers/PlainDateTimePicker.d.ts +20 -0
  228. package/esm/date-pickers/PlainDateTimePicker.js +26 -0
  229. package/esm/date-pickers/PlainDateTimePicker.js.map +1 -0
  230. package/esm/date-pickers/PlainDateTimePicker.spec.d.ts +1 -0
  231. package/esm/date-pickers/PlainDateTimePicker.spec.js +15 -0
  232. package/esm/date-pickers/PlainDateTimePicker.spec.js.map +1 -0
  233. package/esm/date-pickers/PlainTimeAdapter.d.ts +58 -0
  234. package/esm/date-pickers/PlainTimeAdapter.js +194 -0
  235. package/esm/date-pickers/PlainTimeAdapter.js.map +1 -0
  236. package/esm/date-pickers/PlainTimePicker.d.ts +16 -0
  237. package/esm/date-pickers/PlainTimePicker.js +24 -0
  238. package/esm/date-pickers/PlainTimePicker.js.map +1 -0
  239. package/esm/date-pickers/PlainTimePicker.spec.d.ts +1 -0
  240. package/esm/date-pickers/PlainTimePicker.spec.js +15 -0
  241. package/esm/date-pickers/PlainTimePicker.spec.js.map +1 -0
  242. package/esm/date-pickers/TemporalAdapter.d.ts +18 -0
  243. package/esm/date-pickers/TemporalAdapter.js +109 -0
  244. package/esm/date-pickers/TemporalAdapter.js.map +1 -0
  245. package/esm/date-pickers/TimezoneSelect.d.ts +9 -0
  246. package/esm/date-pickers/TimezoneSelect.js +357 -0
  247. package/esm/date-pickers/TimezoneSelect.js.map +1 -0
  248. package/esm/date-pickers/getFormatString.d.ts +11 -0
  249. package/esm/date-pickers/getFormatString.js +26 -0
  250. package/esm/date-pickers/getFormatString.js.map +1 -0
  251. package/esm/date-pickers/index.d.ts +5 -0
  252. package/esm/date-pickers/index.js +6 -0
  253. package/esm/date-pickers/index.js.map +1 -0
  254. package/esm/date-pickers/parse.d.ts +4 -0
  255. package/esm/date-pickers/parse.js +66 -0
  256. package/esm/date-pickers/parse.js.map +1 -0
  257. package/esm/date-pickers/timeframe-picker.d.ts +46 -0
  258. package/esm/date-pickers/timeframe-picker.js +120 -0
  259. package/esm/date-pickers/timeframe-picker.js.map +1 -0
  260. package/esm/date-pickers/useLocale.d.ts +1 -0
  261. package/esm/date-pickers/useLocale.js +6 -0
  262. package/esm/date-pickers/useLocale.js.map +1 -0
  263. package/esm/date-pickers/useRenderInput.d.ts +4 -0
  264. package/esm/date-pickers/useRenderInput.js +8 -0
  265. package/esm/date-pickers/useRenderInput.js.map +1 -0
  266. package/esm/fetch.d.ts +51 -0
  267. package/esm/fetch.js +138 -0
  268. package/esm/fetch.js.map +1 -0
  269. package/esm/filter/Filter.d.ts +38 -0
  270. package/esm/filter/Filter.js +72 -0
  271. package/esm/filter/Filter.js.map +1 -0
  272. package/esm/filter/index.d.ts +1 -0
  273. package/esm/filter/index.js +2 -0
  274. package/esm/filter/index.js.map +1 -0
  275. package/esm/formats/CompactFormat.d.ts +22 -0
  276. package/esm/formats/CompactFormat.js +21 -0
  277. package/esm/formats/CompactFormat.js.map +1 -0
  278. package/esm/formats/CompactFormat.spec.d.ts +1 -0
  279. package/esm/formats/CompactFormat.spec.js +22 -0
  280. package/esm/formats/CompactFormat.spec.js.map +1 -0
  281. package/esm/formats/CurrencyFormat.d.ts +39 -0
  282. package/esm/formats/CurrencyFormat.js +25 -0
  283. package/esm/formats/CurrencyFormat.js.map +1 -0
  284. package/esm/formats/CurrencyFormat.spec.d.ts +1 -0
  285. package/esm/formats/CurrencyFormat.spec.js +22 -0
  286. package/esm/formats/CurrencyFormat.spec.js.map +1 -0
  287. package/esm/formats/DecimalFormat.d.ts +29 -0
  288. package/esm/formats/DecimalFormat.js +22 -0
  289. package/esm/formats/DecimalFormat.js.map +1 -0
  290. package/esm/formats/DecimalFormat.spec.d.ts +1 -0
  291. package/esm/formats/DecimalFormat.spec.js +22 -0
  292. package/esm/formats/DecimalFormat.spec.js.map +1 -0
  293. package/esm/formats/DurationFormat.d.ts +23 -0
  294. package/esm/formats/DurationFormat.js +35 -0
  295. package/esm/formats/DurationFormat.js.map +1 -0
  296. package/esm/formats/DurationFormat.spec.d.ts +1 -0
  297. package/esm/formats/DurationFormat.spec.js +52 -0
  298. package/esm/formats/DurationFormat.spec.js.map +1 -0
  299. package/esm/formats/RelativeTemporalFormat.d.ts +22 -0
  300. package/esm/formats/RelativeTemporalFormat.js +57 -0
  301. package/esm/formats/RelativeTemporalFormat.js.map +1 -0
  302. package/esm/formats/RelativeTemporalFormat.spec.d.ts +1 -0
  303. package/esm/formats/RelativeTemporalFormat.spec.js +77 -0
  304. package/esm/formats/RelativeTemporalFormat.spec.js.map +1 -0
  305. package/esm/formats/SwitchableTemporalFormat.d.ts +5 -0
  306. package/esm/formats/SwitchableTemporalFormat.js +11 -0
  307. package/esm/formats/SwitchableTemporalFormat.js.map +1 -0
  308. package/esm/formats/TemporalFormat.d.ts +27 -0
  309. package/esm/formats/TemporalFormat.js +19 -0
  310. package/esm/formats/TemporalFormat.js.map +1 -0
  311. package/esm/formats/TemporalFormat.spec.d.ts +1 -0
  312. package/esm/formats/TemporalFormat.spec.js +87 -0
  313. package/esm/formats/TemporalFormat.spec.js.map +1 -0
  314. package/esm/formats/TemporalRangeFormat.d.ts +30 -0
  315. package/esm/formats/TemporalRangeFormat.js +17 -0
  316. package/esm/formats/TemporalRangeFormat.js.map +1 -0
  317. package/esm/formats/TemporalRangeFormat.spec.d.ts +1 -0
  318. package/esm/formats/TemporalRangeFormat.spec.js +87 -0
  319. package/esm/formats/TemporalRangeFormat.spec.js.map +1 -0
  320. package/esm/formats/index.d.ts +8 -0
  321. package/esm/formats/index.js +9 -0
  322. package/esm/formats/index.js.map +1 -0
  323. package/esm/formats/types.d.ts +2 -0
  324. package/esm/formats/types.js +2 -0
  325. package/esm/formats/types.js.map +1 -0
  326. package/esm/formats/useDateTimeFormat.d.ts +2 -0
  327. package/esm/formats/useDateTimeFormat.js +7 -0
  328. package/esm/formats/useDateTimeFormat.js.map +1 -0
  329. package/esm/formats/useNumberFormat.d.ts +1 -0
  330. package/esm/formats/useNumberFormat.js +6 -0
  331. package/esm/formats/useNumberFormat.js.map +1 -0
  332. package/esm/formats/useRelativeTimeFormat.d.ts +1 -0
  333. package/esm/formats/useRelativeTimeFormat.js +6 -0
  334. package/esm/formats/useRelativeTimeFormat.js.map +1 -0
  335. package/esm/forms/EditForm.d.ts +13 -0
  336. package/esm/forms/EditForm.js +22 -0
  337. package/esm/forms/EditForm.js.map +1 -0
  338. package/esm/forms/SearchForm.d.ts +7 -0
  339. package/esm/forms/SearchForm.js +36 -0
  340. package/esm/forms/SearchForm.js.map +1 -0
  341. package/esm/forms/SubmitButton.d.ts +9 -0
  342. package/esm/forms/SubmitButton.js +28 -0
  343. package/esm/forms/SubmitButton.js.map +1 -0
  344. package/esm/forms/index.d.ts +4 -0
  345. package/esm/forms/index.js +5 -0
  346. package/esm/forms/index.js.map +1 -0
  347. package/esm/forms/useFormSubmit.d.ts +12 -0
  348. package/esm/forms/useFormSubmit.js +28 -0
  349. package/esm/forms/useFormSubmit.js.map +1 -0
  350. package/esm/getNavigatorLanguages.d.ts +5 -0
  351. package/esm/getNavigatorLanguages.js +11 -0
  352. package/esm/getNavigatorLanguages.js.map +1 -0
  353. package/esm/getSupportedFormatLocale.d.ts +19 -0
  354. package/esm/getSupportedFormatLocale.js +21 -0
  355. package/esm/getSupportedFormatLocale.js.map +1 -0
  356. package/esm/help/HelpButton.d.ts +12 -0
  357. package/esm/help/HelpButton.js +74 -0
  358. package/esm/help/HelpButton.js.map +1 -0
  359. package/esm/help/HelpDrawer.d.ts +3 -0
  360. package/esm/help/HelpDrawer.js +48 -0
  361. package/esm/help/HelpDrawer.js.map +1 -0
  362. package/esm/help/HelpSettingsContext.d.ts +26 -0
  363. package/esm/help/HelpSettingsContext.js +94 -0
  364. package/esm/help/HelpSettingsContext.js.map +1 -0
  365. package/esm/help/index.d.ts +3 -0
  366. package/esm/help/index.js +4 -0
  367. package/esm/help/index.js.map +1 -0
  368. package/esm/icons.d.ts +21 -0
  369. package/esm/icons.js +22 -0
  370. package/esm/icons.js.map +1 -0
  371. package/esm/index.d.ts +34 -0
  372. package/esm/index.js +35 -0
  373. package/esm/index.js.map +1 -0
  374. package/esm/layout/ErrorBoundary.d.ts +46 -0
  375. package/esm/layout/ErrorBoundary.js +186 -0
  376. package/esm/layout/ErrorBoundary.js.map +1 -0
  377. package/esm/layout/NotFound.d.ts +9 -0
  378. package/esm/layout/NotFound.js +26 -0
  379. package/esm/layout/NotFound.js.map +1 -0
  380. package/esm/layout/NotFoundSvg.d.ts +2 -0
  381. package/esm/layout/NotFoundSvg.js +37 -0
  382. package/esm/layout/NotFoundSvg.js.map +1 -0
  383. package/esm/layout/UserNav.d.ts +15 -0
  384. package/esm/layout/UserNav.js +50 -0
  385. package/esm/layout/UserNav.js.map +1 -0
  386. package/esm/layout/index.d.ts +5 -0
  387. package/esm/layout/index.js +6 -0
  388. package/esm/layout/index.js.map +1 -0
  389. package/esm/layout/layout-context.d.ts +9 -0
  390. package/esm/layout/layout-context.js +23 -0
  391. package/esm/layout/layout-context.js.map +1 -0
  392. package/esm/layout/page-title.d.ts +7 -0
  393. package/esm/layout/page-title.js +41 -0
  394. package/esm/layout/page-title.js.map +1 -0
  395. package/esm/list/List.d.ts +14 -0
  396. package/esm/list/List.js +25 -0
  397. package/esm/list/List.js.map +1 -0
  398. package/esm/list/SkeletonListItem.d.ts +14 -0
  399. package/esm/list/SkeletonListItem.js +11 -0
  400. package/esm/list/SkeletonListItem.js.map +1 -0
  401. package/esm/list/index.d.ts +1 -0
  402. package/esm/list/index.js +2 -0
  403. package/esm/list/index.js.map +1 -0
  404. package/esm/localization.d.ts +140 -0
  405. package/esm/localization.js +200 -0
  406. package/esm/localization.js.map +1 -0
  407. package/esm/logo/Logo.d.ts +7 -0
  408. package/esm/logo/Logo.js +29 -0
  409. package/esm/logo/Logo.js.map +1 -0
  410. package/esm/logo/VCAppLogo.d.ts +7 -0
  411. package/esm/logo/VCAppLogo.js +28 -0
  412. package/esm/logo/VCAppLogo.js.map +1 -0
  413. package/esm/logo/VCLogo.d.ts +4 -0
  414. package/esm/logo/VCLogo.js +33 -0
  415. package/esm/logo/VCLogo.js.map +1 -0
  416. package/esm/logo/VCLogoIcon.d.ts +4 -0
  417. package/esm/logo/VCLogoIcon.js +36 -0
  418. package/esm/logo/VCLogoIcon.js.map +1 -0
  419. package/esm/logo/index.d.ts +4 -0
  420. package/esm/logo/index.js +5 -0
  421. package/esm/logo/index.js.map +1 -0
  422. package/esm/splash/index.d.ts +3 -0
  423. package/esm/splash/index.js +37 -0
  424. package/esm/splash/index.js.map +1 -0
  425. package/esm/spring.d.ts +14 -0
  426. package/esm/spring.js +2 -0
  427. package/esm/spring.js.map +1 -0
  428. package/esm/storage/MemoryStorage.d.ts +7 -0
  429. package/esm/storage/MemoryStorage.js +18 -0
  430. package/esm/storage/MemoryStorage.js.map +1 -0
  431. package/esm/storage/index.d.ts +2 -0
  432. package/esm/storage/index.js +3 -0
  433. package/esm/storage/index.js.map +1 -0
  434. package/esm/storage/storage.d.ts +16 -0
  435. package/esm/storage/storage.js +87 -0
  436. package/esm/storage/storage.js.map +1 -0
  437. package/esm/storage/useStorage.d.ts +1 -0
  438. package/esm/storage/useStorage.js +29 -0
  439. package/esm/storage/useStorage.js.map +1 -0
  440. package/esm/tabs/Tabs.d.ts +10 -0
  441. package/esm/tabs/Tabs.js +95 -0
  442. package/esm/tabs/Tabs.js.map +1 -0
  443. package/esm/tabs/index.d.ts +1 -0
  444. package/esm/tabs/index.js +2 -0
  445. package/esm/tabs/index.js.map +1 -0
  446. package/esm/temporal/index.d.ts +2 -0
  447. package/esm/temporal/index.js +3 -0
  448. package/esm/temporal/index.js.map +1 -0
  449. package/esm/temporal/parse.d.ts +4 -0
  450. package/esm/temporal/parse.js +25 -0
  451. package/esm/temporal/parse.js.map +1 -0
  452. package/esm/temporal/polyfill.d.ts +34 -0
  453. package/esm/temporal/polyfill.js +10 -0
  454. package/esm/temporal/polyfill.js.map +1 -0
  455. package/esm/utils/defined.d.ts +1 -0
  456. package/esm/utils/defined.js +4 -0
  457. package/esm/utils/defined.js.map +1 -0
  458. package/esm/utils/index.d.ts +3 -0
  459. package/esm/utils/index.js +4 -0
  460. package/esm/utils/index.js.map +1 -0
  461. package/esm/utils/useFlag.d.ts +1 -0
  462. package/esm/utils/useFlag.js +9 -0
  463. package/esm/utils/useFlag.js.map +1 -0
  464. package/esm/utils/useIsMounted.d.ts +1 -0
  465. package/esm/utils/useIsMounted.js +12 -0
  466. package/esm/utils/useIsMounted.js.map +1 -0
  467. package/esm/view/View.d.ts +9 -0
  468. package/esm/view/View.js +22 -0
  469. package/esm/view/View.js.map +1 -0
  470. package/esm/view/ViewHeader.d.ts +10 -0
  471. package/esm/view/ViewHeader.js +15 -0
  472. package/esm/view/ViewHeader.js.map +1 -0
  473. package/esm/view/index.d.ts +2 -0
  474. package/esm/view/index.js +3 -0
  475. package/esm/view/index.js.map +1 -0
  476. package/package.json +72 -0
  477. package/src/AppShell/AppShell.tsx +165 -0
  478. package/src/AppShell/index.tsx +1 -0
  479. package/src/ErrorAlert.tsx +71 -0
  480. package/src/Input/ActionsMenu.tsx +102 -0
  481. package/src/Input/Checkbox.tsx +33 -0
  482. package/src/Input/EmailSenderField.tsx +64 -0
  483. package/src/Input/NumberField.tsx +127 -0
  484. package/src/Input/RadioGroup.tsx +37 -0
  485. package/src/Input/Select.tsx +33 -0
  486. package/src/Input/Selector.tsx +21 -0
  487. package/src/Input/Switch.tsx +33 -0
  488. package/src/Input/TextField.tsx +69 -0
  489. package/src/Input/UrlUploadField.tsx +84 -0
  490. package/src/Input/index.ts +9 -0
  491. package/src/LanguageSwitcher/LanguageSwitcher.tsx +63 -0
  492. package/src/LanguageSwitcher/index.ts +1 -0
  493. package/src/Paging/Paging.ts +77 -0
  494. package/src/Paging/index.ts +1 -0
  495. package/src/VCThemeProvider/JetbrainsMonoFont.tsx +55 -0
  496. package/src/VCThemeProvider/RobotoFont.tsx +52 -0
  497. package/src/VCThemeProvider/ThemeModeSwitcher.tsx +23 -0
  498. package/src/VCThemeProvider/VCThemeProvider.tsx +232 -0
  499. package/src/VCThemeProvider/code-colors.ts +34 -0
  500. package/src/VCThemeProvider/files.d.ts +2 -0
  501. package/src/VCThemeProvider/index.ts +5 -0
  502. package/src/audit/AuditChanges.tsx +82 -0
  503. package/src/audit/AuditTimeline.tsx +25 -0
  504. package/src/audit/AuditTimelineItem.tsx +75 -0
  505. package/src/audit/index.ts +4 -0
  506. package/src/audit/types.ts +46 -0
  507. package/src/breadcrumbs.tsx +27 -0
  508. package/src/code/Code.tsx +53 -0
  509. package/src/code/CodeBlock.tsx +15 -0
  510. package/src/code/Json.tsx +73 -0
  511. package/src/code/index.ts +3 -0
  512. package/src/confirm/ConfirmButton.tsx +69 -0
  513. package/src/confirm/ConfirmDialog.tsx +68 -0
  514. package/src/confirm/ConfirmIconButton.tsx +62 -0
  515. package/src/confirm/ConfirmMenuItem.tsx +66 -0
  516. package/src/confirm/index.ts +4 -0
  517. package/src/container/ContainerLayout.tsx +40 -0
  518. package/src/container/ContainerSettingsContext.tsx +77 -0
  519. package/src/container/ContainerWidthControl.tsx +20 -0
  520. package/src/container/index.ts +3 -0
  521. package/src/content-table/ContentTable.tsx +214 -0
  522. package/src/content-table/UndrawEmpty.tsx +285 -0
  523. package/src/content-table/index.ts +1 -0
  524. package/src/country/countries.ts +268 -0
  525. package/src/country/country-select.tsx +48 -0
  526. package/src/country/index.ts +5 -0
  527. package/src/country/locale-select.tsx +43 -0
  528. package/src/country/locales.ts +192 -0
  529. package/src/country/phone-prefix-select.tsx +50 -0
  530. package/src/cube/BoxFeatures.tsx +91 -0
  531. package/src/cube/BoxMaintenanceChip.tsx +33 -0
  532. package/src/cube/BoxNumber.tsx +10 -0
  533. package/src/cube/BoxType.tsx +22 -0
  534. package/src/cube/CubeConnectedChip.tsx +16 -0
  535. package/src/cube/LockStatusChip.tsx +54 -0
  536. package/src/cube/UtilizationBar.tsx +94 -0
  537. package/src/cube/accessibility.tsx +422 -0
  538. package/src/cube/index.tsx +8 -0
  539. package/src/data-table/DataTable.tsx +338 -0
  540. package/src/data-table/DataTableColumnSettings.tsx +204 -0
  541. package/src/data-table/DataTableHeader.tsx +10 -0
  542. package/src/data-table/DataTableToolbar.tsx +10 -0
  543. package/src/data-table/index.tsx +8 -0
  544. package/src/data-table/useDataTableColumnStorage.ts +26 -0
  545. package/src/data-table/useDataTableStorage.ts +43 -0
  546. package/src/data-table/useSpringPage.ts +21 -0
  547. package/src/data-table/useSpringPageable.ts +25 -0
  548. package/src/date-pickers/PlainAdapterCommon.ts +125 -0
  549. package/src/date-pickers/PlainDateAdapter.spec.ts +50 -0
  550. package/src/date-pickers/PlainDateAdapter.ts +139 -0
  551. package/src/date-pickers/PlainDatePicker.spec.tsx +22 -0
  552. package/src/date-pickers/PlainDatePicker.tsx +73 -0
  553. package/src/date-pickers/PlainDateTimeAdapter.spec.ts +50 -0
  554. package/src/date-pickers/PlainDateTimeAdapter.ts +140 -0
  555. package/src/date-pickers/PlainDateTimePicker.spec.tsx +22 -0
  556. package/src/date-pickers/PlainDateTimePicker.tsx +65 -0
  557. package/src/date-pickers/PlainTimeAdapter.ts +247 -0
  558. package/src/date-pickers/PlainTimePicker.spec.tsx +22 -0
  559. package/src/date-pickers/PlainTimePicker.tsx +45 -0
  560. package/src/date-pickers/TemporalAdapter.ts +150 -0
  561. package/src/date-pickers/TimezoneSelect.tsx +387 -0
  562. package/src/date-pickers/getFormatString.ts +38 -0
  563. package/src/date-pickers/index.ts +5 -0
  564. package/src/date-pickers/parse.spec.ts +43 -0
  565. package/src/date-pickers/parse.ts +72 -0
  566. package/src/date-pickers/timeframe-picker.tsx +202 -0
  567. package/src/date-pickers/useLocale.ts +6 -0
  568. package/src/date-pickers/useRenderInput.tsx +20 -0
  569. package/src/fetch.spec.ts +85 -0
  570. package/src/fetch.ts +165 -0
  571. package/src/filter/Filter.tsx +194 -0
  572. package/src/filter/index.ts +1 -0
  573. package/src/formats/CompactFormat.spec.tsx +25 -0
  574. package/src/formats/CompactFormat.tsx +48 -0
  575. package/src/formats/CurrencyFormat.spec.tsx +25 -0
  576. package/src/formats/CurrencyFormat.tsx +77 -0
  577. package/src/formats/DecimalFormat.spec.tsx +25 -0
  578. package/src/formats/DecimalFormat.tsx +59 -0
  579. package/src/formats/DurationFormat.spec.tsx +57 -0
  580. package/src/formats/DurationFormat.tsx +72 -0
  581. package/src/formats/RelativeTemporalFormat.spec.tsx +84 -0
  582. package/src/formats/RelativeTemporalFormat.tsx +86 -0
  583. package/src/formats/SwitchableTemporalFormat.tsx +17 -0
  584. package/src/formats/TemporalFormat.spec.tsx +110 -0
  585. package/src/formats/TemporalFormat.tsx +58 -0
  586. package/src/formats/TemporalRangeFormat.spec.tsx +159 -0
  587. package/src/formats/TemporalRangeFormat.tsx +62 -0
  588. package/src/formats/index.ts +8 -0
  589. package/src/formats/types.ts +4 -0
  590. package/src/formats/useDateTimeFormat.ts +7 -0
  591. package/src/formats/useNumberFormat.ts +6 -0
  592. package/src/formats/useRelativeTimeFormat.ts +6 -0
  593. package/src/forms/EditForm.tsx +69 -0
  594. package/src/forms/SearchForm.tsx +51 -0
  595. package/src/forms/SubmitButton.tsx +34 -0
  596. package/src/forms/index.ts +4 -0
  597. package/src/forms/useFormSubmit.tsx +28 -0
  598. package/src/getNavigatorLanguages.ts +11 -0
  599. package/src/getSupportedFormatLocale.ts +24 -0
  600. package/src/help/HelpButton.tsx +134 -0
  601. package/src/help/HelpDrawer.tsx +65 -0
  602. package/src/help/HelpSettingsContext.tsx +178 -0
  603. package/src/help/index.ts +3 -0
  604. package/src/icons.ts +23 -0
  605. package/src/index.ts +34 -0
  606. package/src/layout/ErrorBoundary.tsx +232 -0
  607. package/src/layout/NotFound.tsx +51 -0
  608. package/src/layout/NotFoundSvg.tsx +172 -0
  609. package/src/layout/UserNav.tsx +107 -0
  610. package/src/layout/index.ts +5 -0
  611. package/src/layout/layout-context.tsx +40 -0
  612. package/src/layout/page-title.tsx +33 -0
  613. package/src/list/List.tsx +40 -0
  614. package/src/list/SkeletonListItem.tsx +50 -0
  615. package/src/list/index.tsx +1 -0
  616. package/src/localization.tsx +404 -0
  617. package/src/logo/Logo.tsx +35 -0
  618. package/src/logo/VCAppLogo.tsx +28 -0
  619. package/src/logo/VCLogo.tsx +56 -0
  620. package/src/logo/VCLogoIcon.tsx +55 -0
  621. package/src/logo/V_C_LOGO.svg +1 -0
  622. package/src/logo/V_C_LOGO_ICON.svg +1 -0
  623. package/src/logo/V_C_LOGO_ICON_WHITE.svg +1 -0
  624. package/src/logo/V_C_LOGO_WHITE.svg +1 -0
  625. package/src/logo/index.tsx +4 -0
  626. package/src/splash/index.tsx +34 -0
  627. package/src/splash/template.html +86 -0
  628. package/src/spring.ts +15 -0
  629. package/src/storage/MemoryStorage.ts +21 -0
  630. package/src/storage/index.ts +2 -0
  631. package/src/storage/storage.ts +97 -0
  632. package/src/storage/useStorage.ts +35 -0
  633. package/src/tabs/Tabs.tsx +187 -0
  634. package/src/tabs/index.ts +1 -0
  635. package/src/temporal/index.ts +2 -0
  636. package/src/temporal/parse.ts +29 -0
  637. package/src/temporal/polyfill.ts +36 -0
  638. package/src/utils/defined.ts +4 -0
  639. package/src/utils/index.ts +3 -0
  640. package/src/utils/useFlag.ts +9 -0
  641. package/src/utils/useIsMounted.ts +12 -0
  642. package/src/view/View.tsx +22 -0
  643. package/src/view/ViewHeader.tsx +35 -0
  644. package/src/view/index.ts +2 -0
package/src/splash/template.html ADDED
@@ -0,0 +1,86 @@
1
+ <!DOCTYPE html>
2
+ <html style="height: 100%;" lang="en" class="notranslate" translate="no">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="google" content="notranslate" />
6
+ <title><%= htmlWebpackPlugin.options.title %></title>
7
+ <% if (typeof(htmlWebpackPlugin.options.manifest) !== "undefined") { %>
8
+ <link rel="manifest" href="<%= htmlWebpackPlugin.options.manifest %>" />
9
+ <% } %>
10
+ <style>
11
+ #splash {
12
+ position: fixed;
13
+ left: 0;
14
+ top: 0;
15
+ width: 100%;
16
+ height: 100%;
17
+ color: #282b33;
18
+ background: #fffaf7;
19
+ display: flex;
20
+ flex-flow: column;
21
+ justify-content: center;
22
+ align-items: center;
23
+ z-index: 99999;
24
+ }
25
+ #splash.fadeout {
26
+ transition: all 0.5s;
27
+ animation: none;
28
+ opacity: 0;
29
+ }
30
+ @media (prefers-color-scheme: dark) {
31
+ #splash {
32
+ background: #15161a;
33
+ color: #fdfaf7;
34
+ }
35
+ }
36
+ #splash-icon {
37
+ width: 160px;
38
+ opacity: 0.5;
39
+ animation: 1s infinite alternate-reverse pulse-icon ease-in-out;
40
+ }
41
+ @keyframes pulse-icon {
42
+ 0% { opacity: 0.25; }
43
+ 100% { opacity: 0.5; }
44
+ }
45
+ .splash-error {
46
+ padding: 16px;
47
+ margin: 32px auto;
48
+ max-width: 640px;
49
+ background: #ffdddd;
50
+ color: #660000;
51
+ font-family: sans-serif;
52
+ }
53
+ #react-root {
54
+ width: 100%;
55
+ height: 100%;
56
+ }
57
+ noscript {
58
+ position: fixed;
59
+ left: 0;
60
+ top: 0;
61
+ width: 100%;
62
+ height: 100%;
63
+ z-index: 100000;
64
+ }
65
+ </style>
66
+ </head>
67
+ <body style="height: 100%;">
68
+ <div id="react-root"></div>
69
+ <div id="splash">
70
+ <svg viewBox="0 0 74 86" xmlns="http://www.w3.org/2000/svg" id="splash-icon">
71
+ <path d="M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56ZM0 59.74V25.35l29.69 17.17L0 59.74Zm57-33 13.1-7.56L36.78 0l-13.1 7.56L57 26.74ZM16.6 11.65 3.5 19.21l33.28 19.22 13.1-7.56L16.6 11.65Z"
72
+ style="fill: currentColor; fill-rule: nonzero"
73
+ />
74
+ </svg>
75
+ </div>
76
+ <noscript>
77
+ <div class="splash-error">
78
+ <h1>JavaScript required</h1>
79
+ <p>
80
+ This application uses JavaScript. Unfortunately, it doesn't seem to be available.
81
+ Please enable JavaScript or contact your administrator to do so in order to use this application.
82
+ </p>
83
+ </div>
84
+ </noscript>
85
+ </body>
86
+ </html>
package/src/spring.ts ADDED
@@ -0,0 +1,15 @@
1
+ /** Describes a Spring `Page` */
2
+ export interface SpringPage<T> {
3
+ content?: T[] | undefined;
4
+ totalElements?: number | undefined;
5
+ totalPages?: number | undefined;
6
+ size?: number | undefined;
7
+ number?: number | undefined;
8
+ }
9
+
10
+ /** Describes a Spring `Pageable` */
11
+ export interface SpringPageable {
12
+ sort?: string[] | undefined;
13
+ size?: number | undefined;
14
+ page?: number | undefined;
15
+ }
package/src/storage/MemoryStorage.ts ADDED
@@ -0,0 +1,21 @@
1
+
2
+ export class MemoryStorage {
3
+
4
+ private readonly data = new Map<string, string>();
5
+
6
+ getItem(key: string) {
7
+ return this.data.get(key);
8
+ }
9
+
10
+ setItem(key: string, value: string) {
11
+ return this.data.set(key, value);
12
+ }
13
+
14
+ removeItem(key: string) {
15
+ return this.data.delete(key);
16
+ }
17
+
18
+ clear() {
19
+ return this.data.clear();
20
+ }
21
+ }
package/src/storage/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./useStorage";
2
+ export * from "./storage";
package/src/storage/storage.ts ADDED
@@ -0,0 +1,97 @@
1
+ import {MemoryStorage} from "./MemoryStorage";
2
+
3
+ const TEST_KEY = "__check_storage_supported";
4
+
5
+ function isSupported(storage?: Storage) {
6
+ if (!storage) {
7
+ return false;
8
+ }
9
+ try {
10
+ storage.setItem(TEST_KEY, "1");
11
+ storage.removeItem(TEST_KEY);
12
+ return true;
13
+ } catch (e) {
14
+ return false;
15
+ }
16
+ }
17
+
18
+ function findSupportedStorage() {
19
+ return [window.localStorage, window.sessionStorage].find(isSupported)
20
+ || new MemoryStorage();
21
+ }
22
+
23
+ type StorageChangeListener = (oldValue?: string, newValue?: string) => void;
24
+
25
+ class StorageWrapper {
26
+ private readonly listeners = new Map<string, Set<StorageChangeListener>>();
27
+ private readonly storageArea = findSupportedStorage();
28
+
29
+ constructor() {
30
+ window.addEventListener("storage", event => {
31
+ const {storageArea, key, oldValue, newValue} = event;
32
+ if (storageArea == this.storageArea && key && oldValue != newValue) {
33
+ this.notifyChangeListener(key, oldValue || undefined, newValue || undefined);
34
+ }
35
+ });
36
+ }
37
+
38
+ addChangeListener(key: string, listener: StorageChangeListener) {
39
+ this.getOrCreateListeners(key).add(listener);
40
+ }
41
+
42
+ removeChangeListener(key: string, listener: StorageChangeListener) {
43
+ this.getOrCreateListeners(key).delete(listener);
44
+ }
45
+
46
+ write(key: string, value?: string) {
47
+ const oldValue = this.read(key);
48
+ try {
49
+ if (value !== undefined) {
50
+ this.storageArea.setItem(key, value);
51
+ } else {
52
+ this.storageArea.removeItem(key);
53
+ }
54
+ this.notifyChangeListener(key, oldValue, value);
55
+ } catch (error) {
56
+ // ignore error
57
+ }
58
+ }
59
+
60
+ delete(key: string) {
61
+ const oldValue = this.read(key);
62
+ try {
63
+ this.storageArea.removeItem(key);
64
+ this.notifyChangeListener(key, oldValue, undefined);
65
+ } catch (error) {
66
+ // ignore error
67
+ }
68
+ }
69
+
70
+ read(key: string) {
71
+ try {
72
+ return this.storageArea.getItem(key);
73
+ } catch (error) {
74
+ // ignore error
75
+ return null;
76
+ }
77
+ }
78
+
79
+ private notifyChangeListener(key: string, oldValue: any, newValue: any) {
80
+ const listeners = this.listeners.get(key);
81
+ if (listeners) {
82
+ listeners.forEach(listener => listener(oldValue, newValue));
83
+ }
84
+ }
85
+
86
+ private getOrCreateListeners(key: string) {
87
+ return this.listeners.get(key) || this.createListeners(key);
88
+ }
89
+
90
+ private createListeners(key: string) {
91
+ const listeners = new Set<StorageChangeListener>();
92
+ this.listeners.set(key, listeners);
93
+ return listeners;
94
+ }
95
+ }
96
+
97
+ export const storage = new StorageWrapper();
package/src/storage/useStorage.ts ADDED
@@ -0,0 +1,35 @@
1
+ import {useCallback, useLayoutEffect, useMemo, useState} from "react";
2
+ import {storage} from "./storage";
3
+
4
+ export function useStorage<T>(key: string, defaultValue: T): [T, (newValue: T) => void] {
5
+ const defaultValueSerialized = useMemo(() => JSON.stringify(defaultValue), [defaultValue]);
6
+
7
+ const readStateFromStorage = useCallback(() => {
8
+ const storageValue = storage.read(key);
9
+ return storageValue ?? defaultValueSerialized;
10
+ }, [key, defaultValueSerialized]);
11
+
12
+ const [value, setValue] = useState(readStateFromStorage);
13
+
14
+ const updateStateFromStorage = useCallback(() => {
15
+ setValue(readStateFromStorage());
16
+ }, [readStateFromStorage]);
17
+
18
+ useLayoutEffect(() => {
19
+ storage.addChangeListener(key, updateStateFromStorage);
20
+ return () => storage.removeChangeListener(key, updateStateFromStorage);
21
+ }, [key, updateStateFromStorage]);
22
+
23
+ const typedValue = useMemo(() => JSON.parse(value), [value]);
24
+
25
+ const setTypedValue = useCallback((newValue: T) => {
26
+ const value = JSON.stringify(newValue);
27
+ if (value != defaultValueSerialized) {
28
+ storage.write(key, value);
29
+ } else {
30
+ storage.delete(key);
31
+ }
32
+ }, [key, defaultValueSerialized]);
33
+
34
+ return [typedValue, setTypedValue];
35
+ }
package/src/tabs/Tabs.tsx ADDED
@@ -0,0 +1,187 @@
1
+ import React, {Fragment, SyntheticEvent, useEffect, useRef, useState} from "react";
2
+ import {IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Stack} from "@mui/material";
3
+ import MuiTabs, {TabsProps as MuiTabsProps} from "@mui/material/Tabs";
4
+ import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
5
+ import MuiTab, {TabProps as MuiTabProps} from "@mui/material/Tab";
6
+
7
+ interface TabItem {
8
+ index: number;
9
+ width: number;
10
+ }
11
+
12
+ interface TabProps extends MuiTabProps<React.ElementType> {
13
+ }
14
+
15
+ interface TabsProps extends MuiTabsProps {
16
+ items: TabProps [];
17
+ }
18
+
19
+ const hiddenSx = {
20
+ visibility: 'hidden',
21
+ height: 0,
22
+ maxHeight: 'unset',
23
+ minHeight: 'unset',
24
+ padding: 0
25
+ }
26
+
27
+ export function Tabs(props: TabsProps) {
28
+ const {
29
+ orientation = "horizontal",
30
+ scrollButtons = "auto",
31
+ allowScrollButtonsMobile = true,
32
+ sx,
33
+ onChange,
34
+ items: inItems,
35
+ value,
36
+ ...rest
37
+ } = props;
38
+
39
+ const items = inItems.map((item, i) => ({
40
+ ...item,
41
+ value: typeof item.value == "undefined" ? i : item.value
42
+ } as TabProps));
43
+
44
+ const ref = useRef(null);
45
+ const [dropdownEl, setDropdownEl] = useState<null|HTMLElement>(null);
46
+
47
+ const [overflowIndex, setOverflowIndex] = useState<number>(items.length);
48
+
49
+ const selectedIndex = items.findIndex((item) => item.value == value);
50
+
51
+ function handleTabOverflow(root: Element, items: TabItem[]) {
52
+ // clientWidth: what the user can see
53
+ // scrollWidth: actual size of the DOM object
54
+ const {clientWidth} = root;
55
+
56
+ // this basically loop through each item size and adding up the width of all items
57
+ // if the width exceed the clientWidth of the root node, item will be hidden from the horizontal tab display
58
+ // else the item remains visible and its ref from the dropdown list will be hidden otherwise
59
+ let overflowIndex = 0;
60
+ let itemsWidth = 0;
61
+ for (let i = 0; i < items.length; i++) {
62
+ itemsWidth += items[i].width;
63
+ if (itemsWidth < clientWidth) {
64
+ overflowIndex++;
65
+ }
66
+ }
67
+ setOverflowIndex(overflowIndex);
68
+ }
69
+
70
+ useEffect(() => {
71
+ if (ref.current) {
72
+ // fetch the root node of tabs
73
+ const root = Array.from((ref.current as HTMLButtonElement).children).find(e => e.className.includes('tabRoot'));
74
+ if (root) {
75
+ // from the root node, traverse down to list node of tab items
76
+ const list = Array.from(root.children).find(e => e.className.includes('tabList'));
77
+ const items = list ? Array.from(list.children).map((e, index) => ({ index, width: e.clientWidth })) : [];
78
+
79
+ // apply the resize observer to the root node and watch for the size changes
80
+ const resizeObserver = new ResizeObserver(() => handleTabOverflow(root, items));
81
+ resizeObserver.observe(root);
82
+ return () => resizeObserver.disconnect();
83
+ }
84
+ }
85
+ }, [ref])
86
+
87
+ return (
88
+ <Stack
89
+ flex={1}
90
+ direction="row"
91
+ alignItems="center"
92
+ sx={{
93
+ borderBottom: 1,
94
+ borderColor: "divider"
95
+ }}
96
+ >
97
+ <MuiTabs
98
+ ref={ref}
99
+ orientation="horizontal"
100
+ visibleScrollbar={false}
101
+ scrollButtons={false}
102
+ allowScrollButtonsMobile={false}
103
+ sx={{
104
+ ...sx,
105
+ flex: 1,
106
+ }}
107
+ classes={{
108
+ scroller: 'tabRoot',
109
+ flexContainer: 'tabList'
110
+ }}
111
+ value={value}
112
+ onChange={onChange}
113
+ {...rest}
114
+ >
115
+ {items
116
+ .map((tabProps, i) => (
117
+ <MuiTab
118
+ key={'muiTab-' + i}
119
+ iconPosition="start"
120
+ {...tabProps}
121
+ sx={{
122
+ ...tabProps.sx,
123
+ ...(i >= overflowIndex ? {display: "none"} : undefined),
124
+ minHeight: 48,
125
+ }}
126
+ />
127
+ ))}
128
+ </MuiTabs>
129
+ {(overflowIndex < items.length) && (
130
+ <Fragment>
131
+ <IconButton
132
+ sx={{
133
+ ml: 1
134
+ }}
135
+ onClick={ev => setDropdownEl(ev.currentTarget)}
136
+ color={selectedIndex >= overflowIndex ? "primary" : "default"}
137
+ >
138
+ <MoreHorizIcon fontSize="inherit" />
139
+ </IconButton>
140
+ <Menu
141
+ anchorEl={dropdownEl}
142
+ open={!!dropdownEl}
143
+ onClose={() => setDropdownEl(null)}
144
+ >
145
+ {items
146
+ .map((tabProps, i) => {
147
+ const {
148
+ label,
149
+ icon,
150
+ onClick,
151
+ component,
152
+ value: itemValue,
153
+ ...rest
154
+ } = tabProps;
155
+
156
+ const selected = value == itemValue;
157
+
158
+ function handleClick(ev: SyntheticEvent) {
159
+ if (!selected && onChange) {
160
+ onChange(ev, i);
161
+ }
162
+ if (onClick) {
163
+ onClick(ev);
164
+ }
165
+ setDropdownEl(null);
166
+ }
167
+
168
+ return (
169
+ <MenuItem
170
+ key={'dropdownItem-' + i}
171
+ onClick={handleClick}
172
+ component={component ?? "li"}
173
+ sx={i < overflowIndex ? hiddenSx : {}}
174
+ selected={selected}
175
+ {...rest}
176
+ >
177
+ {icon && <ListItemIcon>{icon}</ListItemIcon>}
178
+ <ListItemText>{label}</ListItemText>
179
+ </MenuItem>
180
+ )
181
+ })}
182
+ </Menu>
183
+ </Fragment>
184
+ )}
185
+ </Stack>
186
+ );
187
+ }
package/src/tabs/index.ts ADDED
@@ -0,0 +1 @@
1
+ export {Tabs} from "./Tabs";
package/src/temporal/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./polyfill";
2
+ export * from "./parse";
package/src/temporal/parse.ts ADDED
@@ -0,0 +1,29 @@
1
+ import {Instant, PlainDate, PlainDateTime, PlainTime} from "./polyfill";
2
+
3
+ export function tryParsePlainDate(value: string | undefined | null) {
4
+ return tryParseString(value, v => PlainDate.from(v, {overflow: "reject"}));
5
+ }
6
+
7
+ export function tryParsePlainDateTime(value: string | undefined | null) {
8
+ return tryParseString(value, v => PlainDateTime.from(v, {overflow: "reject"}));
9
+ }
10
+
11
+ export function tryParsePlainTime(value: string | undefined | null) {
12
+ return tryParseString(value, v => PlainTime.from(v, {overflow: "reject"}));
13
+ }
14
+
15
+ export function tryParseInstant(value: string | undefined | null) {
16
+ return tryParseString(value, Instant.from);
17
+ }
18
+
19
+ function tryParseString<T>(value: string | undefined | null, parseFn: (value: string) => T) {
20
+ if (value) {
21
+ try {
22
+ return parseFn(value);
23
+ }
24
+ catch (error) {
25
+ // ignore parse error
26
+ }
27
+ }
28
+ return null;
29
+ }
package/src/temporal/polyfill.ts ADDED
@@ -0,0 +1,36 @@
1
+ /**
2
+ * This module is a compatibility layer for the coming release of the Temporal API
3
+ * in browsers. It exports all relevant objects from the API to allow a smooth
4
+ * switch to a conditional polyfill or using the browser built-ins.
5
+ */
6
+
7
+ import {Temporal, Intl, toTemporalInstant} from '@js-temporal/polyfill';
8
+
9
+ export const {
10
+ Instant,
11
+ ZonedDateTime,
12
+ PlainDateTime,
13
+ PlainDate,
14
+ PlainTime,
15
+ Now,
16
+ Duration,
17
+ TimeZone
18
+ } = Temporal;
19
+
20
+ export type Instant = Temporal.Instant;
21
+ export type ZonedDateTime = Temporal.ZonedDateTime;
22
+ export type PlainDateTime = Temporal.PlainDateTime;
23
+ export type PlainDate = Temporal.PlainDate;
24
+ export type PlainTime = Temporal.PlainTime;
25
+ export type Duration = Temporal.Duration;
26
+ export type TimeZone = Temporal.TimeZone;
27
+
28
+ export const {
29
+ DateTimeFormat
30
+ } = Intl;
31
+
32
+ export type DateTimeFormat = Intl.DateTimeFormat;
33
+ export type DateTimeFormatOptions = Intl.DateTimeFormatOptions;
34
+ export type Formattable = Intl.Formattable;
35
+
36
+ export {toTemporalInstant};
package/src/utils/defined.ts ADDED
@@ -0,0 +1,4 @@
1
+
2
+ export function defined<T>(x: T | undefined): x is T {
3
+ return x !== undefined;
4
+ }
package/src/utils/index.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from "./useFlag";
2
+ export * from "./useIsMounted";
3
+ export * from "./defined";
package/src/utils/useFlag.ts ADDED
@@ -0,0 +1,9 @@
1
+ import {useCallback, useState} from "react";
2
+
3
+ export function useFlag(initialValue: boolean) {
4
+ const [flag, setFlag] = useState(initialValue);
5
+ const set = useCallback(() => setFlag(true), []);
6
+ const clear = useCallback(() => setFlag(false), []);
7
+ const toggle = useCallback(() => setFlag(prev => !prev), []);
8
+ return [flag, set, clear, toggle] as const;
9
+ }
package/src/utils/useIsMounted.ts ADDED
@@ -0,0 +1,12 @@
1
+ import {useEffect, useRef} from "react";
2
+
3
+ export function useIsMounted() {
4
+ const isMounted = useRef(false);
5
+ useEffect(() => {
6
+ isMounted.current = true;
7
+ return () => {
8
+ isMounted.current = false;
9
+ }
10
+ }, []);
11
+ return isMounted.current;
12
+ }
package/src/view/View.tsx ADDED
@@ -0,0 +1,22 @@
1
+ import {Container, ContainerProps, Stack} from "@mui/material";
2
+ import React, {PropsWithChildren} from "react";
3
+ import {ErrorAlert} from "../ErrorAlert";
4
+
5
+ export interface ViewProps extends ContainerProps {
6
+ loading?: boolean;
7
+ error?: any;
8
+ spacing?: number;
9
+ py?: number;
10
+ }
11
+
12
+ export function View(props: PropsWithChildren<ViewProps>) {
13
+ const {maxWidth, loading, error, spacing = 2, py = 4, children, ...containerProps} = props;
14
+ return (
15
+ <Container maxWidth={maxWidth} {...containerProps}>
16
+ <Stack spacing={spacing} py={py} sx={{opacity: loading ? 0.5 : 1}}>
17
+ {error && <ErrorAlert error={error} />}
18
+ {children}
19
+ </Stack>
20
+ </Container>
21
+ );
22
+ }
package/src/view/ViewHeader.tsx ADDED
@@ -0,0 +1,35 @@
1
+ import {Box, Grid, Stack, Typography, TypographyProps} from "@mui/material";
2
+ import React, {PropsWithChildren} from "react";
3
+ import {PageTitle} from "../layout";
4
+
5
+ export interface ViewHeaderProps {
6
+ title?: React.ReactNode;
7
+ titleVariant?: TypographyProps["variant"];
8
+ titleAdornment?: React.ReactNode;
9
+ subTitle?: React.ReactNode;
10
+ actions?: React.ReactNode;
11
+ }
12
+
13
+ export function ViewHeader(props: PropsWithChildren<ViewHeaderProps>) {
14
+ const {title, titleVariant, titleAdornment, subTitle, actions} = props;
15
+ return (
16
+ <Box>
17
+ <Grid container spacing={2} justifyContent="space-between" alignItems="center">
18
+ <Grid item xs>
19
+ <Stack direction="row" spacing={2} alignItems="center">
20
+ <PageTitle title={title} variant={titleVariant} overflow="hidden" textOverflow="ellipsis" />
21
+ {titleAdornment}
22
+ </Stack>
23
+ <Typography variant="subtitle1">
24
+ {subTitle}
25
+ </Typography>
26
+ </Grid>
27
+ {actions && (
28
+ <Grid item>
29
+ {actions}
30
+ </Grid>
31
+ )}
32
+ </Grid>
33
+ </Box>
34
+ );
35
+ }
package/src/view/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./View";
2
+ export * from "./ViewHeader";