@bundle-stats/ui 4.4.0-beta.0 → 4.4.0-beta.3

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 (557) hide show
  1. package/globals.d.ts +4 -0
  2. package/lib/app/app.js +26 -8
  3. package/lib/app/app.js.map +1 -1
  4. package/lib/app/app.module.css +8 -5
  5. package/lib/assets/icons.svg +17 -1
  6. package/lib/assets/icons.svg.js +12 -0
  7. package/lib/assets/icons.svg.js.map +1 -1
  8. package/lib/components/asset-info/asset-info.js +48 -44
  9. package/lib/components/asset-info/asset-info.js.map +1 -1
  10. package/lib/components/asset-info/asset-info.module.css +28 -6
  11. package/lib/components/asset-info/index.js.map +1 -1
  12. package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
  13. package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  14. package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  15. package/lib/components/{duplicate-packages-insight → asset-not-predictive}/index.js +1 -1
  16. package/lib/components/asset-not-predictive/index.js.map +1 -0
  17. package/lib/components/bundle-assets/bundle-assets.js +31 -44
  18. package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
  19. package/lib/components/bundle-assets/bundle-assets.module.css +11 -22
  20. package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
  21. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  22. package/lib/components/bundle-assets/index.js +4 -1
  23. package/lib/components/bundle-assets/index.js.map +1 -1
  24. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
  25. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  26. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  27. package/lib/components/bundle-modules/bundle-modules.js +30 -39
  28. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  29. package/lib/components/bundle-modules/bundle-modules.module.css +3 -2
  30. package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
  31. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  32. package/lib/components/bundle-modules/index.js +5 -2
  33. package/lib/components/bundle-modules/index.js.map +1 -1
  34. package/lib/components/bundle-packages/bundle-packages.js +36 -61
  35. package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
  36. package/lib/components/bundle-packages/bundle-packages.module.css +4 -0
  37. package/lib/components/bundle-packages/index.js +4 -1
  38. package/lib/components/bundle-packages/index.js.map +1 -1
  39. package/lib/components/delta/delta.module.css +2 -1
  40. package/lib/components/entry-info/entry-info.js +56 -0
  41. package/lib/components/entry-info/entry-info.js.map +1 -0
  42. package/lib/components/entry-info/entry-info.module.css +92 -0
  43. package/lib/components/{summary-item → entry-info}/index.js +1 -1
  44. package/lib/components/entry-info/index.js.map +1 -0
  45. package/lib/components/index.js +9 -7
  46. package/lib/components/index.js.map +1 -1
  47. package/lib/components/insight-icon/index.js +18 -0
  48. package/lib/components/insight-icon/index.js.map +1 -0
  49. package/lib/components/insight-icon/insight-icon.js +25 -0
  50. package/lib/components/insight-icon/insight-icon.js.map +1 -0
  51. package/lib/components/insight-icon/insight-icon.module.css +24 -0
  52. package/lib/components/{job-meta → insights}/index.js +1 -1
  53. package/lib/components/insights/index.js.map +1 -0
  54. package/lib/components/insights/insights.js +25 -0
  55. package/lib/components/insights/insights.js.map +1 -0
  56. package/lib/components/insights/insights.module.css +14 -0
  57. package/lib/components/job-header/job-header.js +12 -11
  58. package/lib/components/job-header/job-header.js.map +1 -1
  59. package/lib/components/jobs-header/index.js.map +1 -1
  60. package/lib/components/jobs-header/jobs-header.js +21 -14
  61. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  62. package/lib/components/jobs-header/jobs-header.module.css +51 -4
  63. package/lib/components/metric/index.js.map +1 -1
  64. package/lib/components/metric/metric.js +7 -64
  65. package/lib/components/metric/metric.js.map +1 -1
  66. package/lib/components/metric/metric.module.css +3 -3
  67. package/lib/components/metric-run-info/index.js +18 -0
  68. package/lib/components/metric-run-info/index.js.map +1 -0
  69. package/lib/components/metric-run-info/metric-run-info.js +64 -0
  70. package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
  71. package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
  72. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  73. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  74. package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
  75. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  76. package/lib/components/module-info/index.js.map +1 -1
  77. package/lib/components/module-info/module-info.js +47 -47
  78. package/lib/components/module-info/module-info.js.map +1 -1
  79. package/lib/components/module-info/module-info.module.css +8 -33
  80. package/lib/components/package-info/index.js +18 -0
  81. package/lib/components/package-info/index.js.map +1 -0
  82. package/lib/components/package-info/package-info.js +77 -0
  83. package/lib/components/package-info/package-info.js.map +1 -0
  84. package/lib/components/package-info/package-info.module.css +13 -0
  85. package/lib/components/run-info/index.js +18 -0
  86. package/lib/components/run-info/index.js.map +1 -0
  87. package/lib/components/run-info/run-info.js +70 -0
  88. package/lib/components/run-info/run-info.js.map +1 -0
  89. package/lib/components/run-info/run-info.module.css +76 -0
  90. package/lib/components/summary/index.js.map +1 -1
  91. package/lib/components/summary/summary.js +10 -31
  92. package/lib/components/summary/summary.js.map +1 -1
  93. package/lib/components/summary/summary.module.css +27 -7
  94. package/lib/constants.js +1 -23
  95. package/lib/constants.js.map +1 -1
  96. package/lib/css/variables.css +18 -13
  97. package/lib/layout/box/box.js +3 -23
  98. package/lib/layout/box/box.js.map +1 -1
  99. package/lib/layout/box/box.module.css +11 -0
  100. package/lib/layout/box/index.js +15 -3
  101. package/lib/layout/box/index.js.map +1 -1
  102. package/lib/layout/flex-stack/flex-stack.js +3 -19
  103. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  104. package/lib/layout/flex-stack/index.js.map +1 -1
  105. package/lib/layout/stack/index.js.map +1 -1
  106. package/lib/layout/stack/stack.js +3 -16
  107. package/lib/layout/stack/stack.js.map +1 -1
  108. package/lib/tokens.js +38 -0
  109. package/lib/tokens.js.map +1 -0
  110. package/lib/ui/alert/alert.js +2 -12
  111. package/lib/ui/alert/alert.js.map +1 -1
  112. package/lib/ui/alert/index.js.map +1 -1
  113. package/lib/ui/container/container.js +1 -10
  114. package/lib/ui/container/container.js.map +1 -1
  115. package/lib/ui/container/index.js +15 -3
  116. package/lib/ui/container/index.js.map +1 -1
  117. package/lib/ui/dropdown/dropdown.module.css +1 -2
  118. package/lib/ui/file-name/file-name.js +1 -1
  119. package/lib/ui/file-name/file-name.js.map +1 -1
  120. package/lib/ui/filters/filters.module.css +1 -5
  121. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  122. package/lib/ui/hover-card/hover-card.js +3 -21
  123. package/lib/ui/hover-card/hover-card.js.map +1 -1
  124. package/lib/ui/hover-card/index.js.map +1 -1
  125. package/lib/ui/icon/icon.js +4 -0
  126. package/lib/ui/icon/icon.js.map +1 -1
  127. package/lib/ui/index.js +1 -3
  128. package/lib/ui/index.js.map +1 -1
  129. package/lib/ui/input/input.module.css +3 -4
  130. package/lib/ui/table/index.js.map +1 -1
  131. package/lib/ui/table/table.js +3 -17
  132. package/lib/ui/table/table.js.map +1 -1
  133. package/lib/ui/tag/index.js.map +1 -1
  134. package/lib/ui/tag/tag.js +5 -29
  135. package/lib/ui/tag/tag.js.map +1 -1
  136. package/lib/ui/tag/tag.module.css +15 -1
  137. package/lib/ui/tooltip/index.js.map +1 -1
  138. package/lib/ui/tooltip/tooltip.js +3 -23
  139. package/lib/ui/tooltip/tooltip.js.map +1 -1
  140. package/lib/ui/tooltip/tooltip.module.css +3 -4
  141. package/lib-esm/app/app.js +27 -9
  142. package/lib-esm/app/app.js.map +1 -1
  143. package/lib-esm/app/app.module.css +8 -5
  144. package/lib-esm/assets/icons.svg +17 -1
  145. package/lib-esm/assets/icons.svg.js +12 -0
  146. package/lib-esm/assets/icons.svg.js.map +1 -1
  147. package/lib-esm/components/asset-info/asset-info.js +27 -45
  148. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  149. package/lib-esm/components/asset-info/asset-info.module.css +28 -6
  150. package/lib-esm/components/asset-info/index.js.map +1 -1
  151. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
  152. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  153. package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  154. package/lib-esm/components/asset-not-predictive/index.js +2 -0
  155. package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
  156. package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
  157. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  158. package/lib-esm/components/bundle-assets/bundle-assets.module.css +11 -22
  159. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  160. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  161. package/lib-esm/components/bundle-assets/index.js +5 -2
  162. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  163. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
  164. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  165. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  166. package/lib-esm/components/bundle-modules/bundle-modules.js +32 -41
  167. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  168. package/lib-esm/components/bundle-modules/bundle-modules.module.css +3 -2
  169. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  170. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  171. package/lib-esm/components/bundle-modules/index.js +7 -4
  172. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  173. package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
  174. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  175. package/lib-esm/components/bundle-packages/bundle-packages.module.css +4 -0
  176. package/lib-esm/components/bundle-packages/index.js +5 -2
  177. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  178. package/lib-esm/components/delta/delta.module.css +2 -1
  179. package/lib-esm/components/entry-info/entry-info.js +50 -0
  180. package/lib-esm/components/entry-info/entry-info.js.map +1 -0
  181. package/lib-esm/components/entry-info/entry-info.module.css +92 -0
  182. package/lib-esm/components/entry-info/index.js +2 -0
  183. package/lib-esm/components/entry-info/index.js.map +1 -0
  184. package/lib-esm/components/index.js +4 -3
  185. package/lib-esm/components/index.js.map +1 -1
  186. package/lib-esm/components/insight-icon/index.js +2 -0
  187. package/lib-esm/components/insight-icon/index.js.map +1 -0
  188. package/lib-esm/components/insight-icon/insight-icon.js +18 -0
  189. package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
  190. package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
  191. package/lib-esm/components/insights/index.js +2 -0
  192. package/lib-esm/components/insights/index.js.map +1 -0
  193. package/lib-esm/components/insights/insights.js +18 -0
  194. package/lib-esm/components/insights/insights.js.map +1 -0
  195. package/lib-esm/components/insights/insights.module.css +14 -0
  196. package/lib-esm/components/job-header/job-header.js +12 -11
  197. package/lib-esm/components/job-header/job-header.js.map +1 -1
  198. package/lib-esm/components/jobs-header/index.js.map +1 -1
  199. package/lib-esm/components/jobs-header/jobs-header.js +20 -13
  200. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  201. package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
  202. package/lib-esm/components/metric/index.js.map +1 -1
  203. package/lib-esm/components/metric/metric.js +7 -41
  204. package/lib-esm/components/metric/metric.js.map +1 -1
  205. package/lib-esm/components/metric/metric.module.css +3 -3
  206. package/lib-esm/components/metric-run-info/index.js +2 -0
  207. package/lib-esm/components/metric-run-info/index.js.map +1 -0
  208. package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
  209. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
  210. package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
  211. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  212. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  213. package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
  214. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  215. package/lib-esm/components/module-info/index.js.map +1 -1
  216. package/lib-esm/components/module-info/module-info.js +26 -48
  217. package/lib-esm/components/module-info/module-info.js.map +1 -1
  218. package/lib-esm/components/module-info/module-info.module.css +8 -33
  219. package/lib-esm/components/package-info/index.js +2 -0
  220. package/lib-esm/components/package-info/index.js.map +1 -0
  221. package/lib-esm/components/package-info/package-info.js +48 -0
  222. package/lib-esm/components/package-info/package-info.js.map +1 -0
  223. package/lib-esm/components/package-info/package-info.module.css +13 -0
  224. package/lib-esm/components/run-info/index.js +2 -0
  225. package/lib-esm/components/run-info/index.js.map +1 -0
  226. package/lib-esm/components/run-info/run-info.js +40 -0
  227. package/lib-esm/components/run-info/run-info.js.map +1 -0
  228. package/lib-esm/components/run-info/run-info.module.css +76 -0
  229. package/lib-esm/components/summary/index.js.map +1 -1
  230. package/lib-esm/components/summary/summary.js +9 -30
  231. package/lib-esm/components/summary/summary.js.map +1 -1
  232. package/lib-esm/components/summary/summary.module.css +27 -7
  233. package/lib-esm/constants.js +0 -22
  234. package/lib-esm/constants.js.map +1 -1
  235. package/lib-esm/css/variables.css +18 -13
  236. package/lib-esm/layout/box/box.js +3 -23
  237. package/lib-esm/layout/box/box.js.map +1 -1
  238. package/lib-esm/layout/box/box.module.css +11 -0
  239. package/lib-esm/layout/box/index.js +1 -1
  240. package/lib-esm/layout/box/index.js.map +1 -1
  241. package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
  242. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  243. package/lib-esm/layout/flex-stack/index.js.map +1 -1
  244. package/lib-esm/layout/stack/index.js.map +1 -1
  245. package/lib-esm/layout/stack/stack.js +3 -16
  246. package/lib-esm/layout/stack/stack.js.map +1 -1
  247. package/lib-esm/tokens.js +35 -0
  248. package/lib-esm/tokens.js.map +1 -0
  249. package/lib-esm/ui/alert/alert.js +2 -12
  250. package/lib-esm/ui/alert/alert.js.map +1 -1
  251. package/lib-esm/ui/alert/index.js.map +1 -1
  252. package/lib-esm/ui/container/container.js +1 -10
  253. package/lib-esm/ui/container/container.js.map +1 -1
  254. package/lib-esm/ui/container/index.js +1 -1
  255. package/lib-esm/ui/container/index.js.map +1 -1
  256. package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
  257. package/lib-esm/ui/file-name/file-name.js +1 -1
  258. package/lib-esm/ui/file-name/file-name.js.map +1 -1
  259. package/lib-esm/ui/filters/filters.module.css +1 -5
  260. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  261. package/lib-esm/ui/hover-card/hover-card.js +3 -21
  262. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  263. package/lib-esm/ui/hover-card/index.js.map +1 -1
  264. package/lib-esm/ui/icon/icon.js +4 -0
  265. package/lib-esm/ui/icon/icon.js.map +1 -1
  266. package/lib-esm/ui/index.js +0 -1
  267. package/lib-esm/ui/index.js.map +1 -1
  268. package/lib-esm/ui/input/input.module.css +3 -4
  269. package/lib-esm/ui/table/index.js.map +1 -1
  270. package/lib-esm/ui/table/table.js +3 -17
  271. package/lib-esm/ui/table/table.js.map +1 -1
  272. package/lib-esm/ui/tag/index.js.map +1 -1
  273. package/lib-esm/ui/tag/tag.js +4 -28
  274. package/lib-esm/ui/tag/tag.js.map +1 -1
  275. package/lib-esm/ui/tag/tag.module.css +15 -1
  276. package/lib-esm/ui/tooltip/index.js.map +1 -1
  277. package/lib-esm/ui/tooltip/tooltip.js +4 -23
  278. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  279. package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
  280. package/package.json +23 -29
  281. package/src/app/app.jsx +34 -9
  282. package/src/app/app.module.css +8 -5
  283. package/src/assets/icons/error.svg +6 -0
  284. package/src/assets/icons/external-link.svg +1 -0
  285. package/src/assets/icons/info.svg +6 -0
  286. package/src/assets/icons/more-vertical.svg +5 -0
  287. package/src/assets/icons.svg +17 -1
  288. package/src/assets/icons.svg.jsx +53 -0
  289. package/src/components/asset-info/asset-info.module.css +28 -6
  290. package/src/components/asset-info/asset-info.stories.tsx +74 -0
  291. package/src/components/asset-info/asset-info.tsx +159 -0
  292. package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  293. package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
  294. package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
  295. package/src/components/asset-not-predictive/index.ts +1 -0
  296. package/src/components/bundle-assets/bundle-assets.jsx +94 -107
  297. package/src/components/bundle-assets/bundle-assets.module.css +11 -22
  298. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  299. package/src/components/bundle-assets/index.jsx +7 -1
  300. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
  301. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  302. package/src/components/bundle-modules/bundle-modules.jsx +91 -100
  303. package/src/components/bundle-modules/bundle-modules.module.css +3 -2
  304. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  305. package/src/components/bundle-modules/index.jsx +9 -3
  306. package/src/components/bundle-packages/bundle-packages.jsx +116 -179
  307. package/src/components/bundle-packages/bundle-packages.module.css +4 -0
  308. package/src/components/bundle-packages/index.jsx +7 -1
  309. package/src/components/delta/delta.module.css +2 -1
  310. package/src/components/entry-info/entry-info.module.css +92 -0
  311. package/src/components/entry-info/entry-info.stories.tsx +75 -0
  312. package/src/components/entry-info/entry-info.tsx +134 -0
  313. package/src/components/entry-info/index.ts +1 -0
  314. package/src/components/index.js +4 -3
  315. package/src/components/insight-icon/index.ts +1 -0
  316. package/src/components/insight-icon/insight-icon.module.css +24 -0
  317. package/src/components/insight-icon/insight-icon.tsx +25 -0
  318. package/src/components/insights/index.ts +1 -0
  319. package/src/components/insights/insights.module.css +14 -0
  320. package/src/components/insights/insights.stories.tsx +54 -0
  321. package/src/components/insights/insights.tsx +44 -0
  322. package/src/components/job-header/job-header.jsx +16 -13
  323. package/src/components/jobs-header/jobs-header.module.css +51 -4
  324. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  325. package/src/components/jobs-header/jobs-header.tsx +90 -0
  326. package/src/components/metric/metric.module.css +3 -3
  327. package/src/components/metric/metric.stories.tsx +41 -0
  328. package/src/components/metric/metric.tsx +42 -0
  329. package/src/components/metric-run-info/index.ts +1 -0
  330. package/src/components/metric-run-info/metric-run-info.module.css +18 -0
  331. package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
  332. package/src/components/metric-run-info/metric-run-info.tsx +85 -0
  333. package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
  334. package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
  335. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  336. package/src/components/module-info/module-info.module.css +8 -33
  337. package/src/components/module-info/module-info.stories.tsx +44 -0
  338. package/src/components/module-info/module-info.tsx +116 -0
  339. package/src/components/package-info/index.ts +1 -0
  340. package/src/components/package-info/package-info.module.css +13 -0
  341. package/src/components/package-info/package-info.stories.tsx +36 -0
  342. package/src/components/package-info/package-info.tsx +135 -0
  343. package/src/components/run-info/index.ts +1 -0
  344. package/src/components/run-info/run-info.module.css +76 -0
  345. package/src/components/run-info/run-info.stories.tsx +58 -0
  346. package/src/components/run-info/run-info.tsx +111 -0
  347. package/src/components/summary/summary.module.css +27 -7
  348. package/src/components/summary/summary.stories.tsx +57 -0
  349. package/src/components/summary/summary.tsx +103 -0
  350. package/src/constants.js +0 -24
  351. package/src/css/variables.css +18 -13
  352. package/src/layout/box/box.module.css +11 -0
  353. package/src/layout/box/box.stories.tsx +49 -0
  354. package/src/layout/box/box.tsx +49 -0
  355. package/src/layout/box/index.ts +1 -0
  356. package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
  357. package/src/layout/flex-stack/flex-stack.tsx +43 -0
  358. package/src/layout/stack/stack.stories.tsx +53 -0
  359. package/src/layout/stack/stack.tsx +22 -0
  360. package/src/tokens.ts +37 -0
  361. package/src/ui/alert/alert.stories.tsx +39 -0
  362. package/src/ui/alert/alert.tsx +23 -0
  363. package/src/ui/container/container.stories.tsx +29 -0
  364. package/src/ui/container/container.tsx +18 -0
  365. package/src/ui/container/index.ts +1 -0
  366. package/src/ui/dropdown/dropdown.module.css +1 -2
  367. package/src/ui/file-name/file-name.jsx +1 -1
  368. package/src/ui/filters/filters.module.css +1 -5
  369. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  370. package/src/ui/hover-card/hover-card.stories.tsx +41 -0
  371. package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
  372. package/src/ui/icon/icon.jsx +4 -0
  373. package/src/ui/index.js +0 -1
  374. package/src/ui/input/input.module.css +3 -4
  375. package/src/ui/table/table.stories.tsx +238 -0
  376. package/src/ui/table/table.tsx +38 -0
  377. package/src/ui/tag/tag.module.css +15 -1
  378. package/src/ui/tag/tag.stories.tsx +32 -0
  379. package/src/ui/tag/tag.tsx +28 -0
  380. package/src/ui/tooltip/tooltip.module.css +3 -4
  381. package/src/ui/tooltip/tooltip.stories.tsx +30 -0
  382. package/src/ui/tooltip/tooltip.tsx +57 -0
  383. package/types/app/header/header.d.ts +5 -5
  384. package/types/components/asset-info/asset-info.d.ts +20 -23
  385. package/types/components/asset-info/index.d.ts +1 -1
  386. package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
  387. package/types/components/asset-not-predictive/index.d.ts +1 -0
  388. package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
  389. package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
  390. package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
  391. package/types/components/bundle-assets/index.d.ts +11 -11
  392. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
  393. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
  394. package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
  395. package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
  396. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  397. package/types/components/bundle-modules/index.d.ts +11 -11
  398. package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
  399. package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
  400. package/types/components/bundle-packages/index.d.ts +11 -11
  401. package/types/components/component-link.d.ts +6 -6
  402. package/types/components/delta/delta.d.ts +7 -7
  403. package/types/components/entry-info/entry-info.d.ts +25 -0
  404. package/types/components/entry-info/index.d.ts +1 -0
  405. package/types/components/index.d.ts +4 -3
  406. package/types/components/insight-icon/index.d.ts +1 -0
  407. package/types/components/insight-icon/insight-icon.d.ts +7 -0
  408. package/types/components/insights/index.d.ts +1 -0
  409. package/types/components/insights/insights.d.ts +8 -0
  410. package/types/components/job-header/job-header.d.ts +9 -9
  411. package/types/components/job-name/job-name.d.ts +9 -9
  412. package/types/components/jobs-header/index.d.ts +1 -1
  413. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  414. package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
  415. package/types/components/metric/index.d.ts +1 -1
  416. package/types/components/metric/metric.d.ts +6 -32
  417. package/types/components/metric-run-info/index.d.ts +1 -0
  418. package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
  419. package/types/components/metrics-table/metrics-table.d.ts +14 -14
  420. package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
  421. package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
  422. package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
  423. package/types/components/module-info/index.d.ts +1 -1
  424. package/types/components/module-info/module-info.d.ts +19 -34
  425. package/types/components/package-info/index.d.ts +1 -0
  426. package/types/components/package-info/package-info.d.ts +15 -0
  427. package/types/components/run-info/index.d.ts +1 -0
  428. package/types/components/run-info/run-info.d.ts +16 -0
  429. package/types/components/summary/index.d.ts +1 -1
  430. package/types/components/summary/summary.d.ts +25 -36
  431. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
  432. package/types/constants.d.ts +4 -15
  433. package/types/i18n.d.ts +15 -15
  434. package/types/layout/box/box.d.ts +12 -25
  435. package/types/layout/box/index.d.ts +1 -1
  436. package/types/layout/flex-stack/flex-stack.d.ts +10 -33
  437. package/types/layout/flex-stack/index.d.ts +1 -1
  438. package/types/layout/footer/footer.d.ts +5 -5
  439. package/types/layout/separator.d.ts +4 -4
  440. package/types/layout/stack/index.d.ts +1 -1
  441. package/types/layout/stack/stack.d.ts +7 -20
  442. package/types/tokens.d.ts +23 -0
  443. package/types/ui/alert/alert.d.ts +7 -14
  444. package/types/ui/alert/index.d.ts +1 -1
  445. package/types/ui/container/container.d.ts +5 -17
  446. package/types/ui/container/index.d.ts +1 -1
  447. package/types/ui/dropdown/dropdown.d.ts +16 -16
  448. package/types/ui/empty-set/empty-set.d.ts +7 -7
  449. package/types/ui/file-name/file-name.d.ts +7 -7
  450. package/types/ui/filters/filters.d.ts +6 -6
  451. package/types/ui/filters/filters.utils.d.ts +2 -2
  452. package/types/ui/filters/index.d.ts +4 -4
  453. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
  454. package/types/ui/hover-card/hover-card.d.ts +12 -26
  455. package/types/ui/hover-card/index.d.ts +1 -1
  456. package/types/ui/icon/icon.d.ts +26 -22
  457. package/types/ui/index.d.ts +0 -1
  458. package/types/ui/input/input.d.ts +5 -5
  459. package/types/ui/loader/loader.d.ts +8 -8
  460. package/types/ui/skeleton/skeleton.d.ts +7 -7
  461. package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
  462. package/types/ui/table/index.d.ts +1 -1
  463. package/types/ui/table/table.d.ts +14 -33
  464. package/types/ui/tabs/tabs.d.ts +10 -10
  465. package/types/ui/tag/index.d.ts +1 -1
  466. package/types/ui/tag/tag.d.ts +22 -33
  467. package/types/ui/toolbar/toolbar.d.ts +6 -6
  468. package/types/ui/tooltip/index.d.ts +1 -1
  469. package/types/ui/tooltip/tooltip.d.ts +10 -28
  470. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -31
  471. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  472. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  473. package/lib/components/duplicate-packages-insight/index.js.map +0 -1
  474. package/lib/components/job-meta/index.js.map +0 -1
  475. package/lib/components/job-meta/job-meta.js +0 -34
  476. package/lib/components/job-meta/job-meta.js.map +0 -1
  477. package/lib/components/job-meta/job-meta.module.css +0 -19
  478. package/lib/components/summary-item/index.js.map +0 -1
  479. package/lib/components/summary-item/summary-item.js +0 -97
  480. package/lib/components/summary-item/summary-item.js.map +0 -1
  481. package/lib/components/summary-item/summary-item.module.css +0 -58
  482. package/lib/ui/panels/index.js +0 -6
  483. package/lib/ui/panels/index.js.map +0 -1
  484. package/lib/ui/panels/panels.js +0 -28
  485. package/lib/ui/panels/panels.js.map +0 -1
  486. package/lib/ui/panels/panels.module.css +0 -23
  487. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -24
  488. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  489. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  490. package/lib-esm/components/duplicate-packages-insight/index.js +0 -2
  491. package/lib-esm/components/duplicate-packages-insight/index.js.map +0 -1
  492. package/lib-esm/components/job-meta/index.js +0 -2
  493. package/lib-esm/components/job-meta/index.js.map +0 -1
  494. package/lib-esm/components/job-meta/job-meta.js +0 -27
  495. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  496. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  497. package/lib-esm/components/summary-item/index.js +0 -2
  498. package/lib-esm/components/summary-item/index.js.map +0 -1
  499. package/lib-esm/components/summary-item/summary-item.js +0 -67
  500. package/lib-esm/components/summary-item/summary-item.js.map +0 -1
  501. package/lib-esm/components/summary-item/summary-item.module.css +0 -58
  502. package/lib-esm/ui/panels/index.js +0 -2
  503. package/lib-esm/ui/panels/index.js.map +0 -1
  504. package/lib-esm/ui/panels/panels.js +0 -21
  505. package/lib-esm/ui/panels/panels.js.map +0 -1
  506. package/lib-esm/ui/panels/panels.module.css +0 -23
  507. package/src/components/asset-info/asset-info.jsx +0 -96
  508. package/src/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  509. package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx +0 -66
  510. package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx +0 -81
  511. package/src/components/duplicate-packages-insight/index.ts +0 -1
  512. package/src/components/job-meta/index.js +0 -1
  513. package/src/components/job-meta/job-meta.jsx +0 -47
  514. package/src/components/job-meta/job-meta.module.css +0 -19
  515. package/src/components/jobs-header/jobs-header.jsx +0 -43
  516. package/src/components/metric/metric.jsx +0 -63
  517. package/src/components/module-info/module-info.jsx +0 -123
  518. package/src/components/summary/summary.jsx +0 -73
  519. package/src/components/summary-item/index.js +0 -1
  520. package/src/components/summary-item/summary-item.jsx +0 -142
  521. package/src/components/summary-item/summary-item.module.css +0 -58
  522. package/src/layout/box/box.jsx +0 -67
  523. package/src/layout/box/index.js +0 -1
  524. package/src/layout/flex-stack/flex-stack.jsx +0 -49
  525. package/src/layout/stack/stack.jsx +0 -32
  526. package/src/ui/alert/alert.jsx +0 -27
  527. package/src/ui/container/container.jsx +0 -24
  528. package/src/ui/container/index.js +0 -1
  529. package/src/ui/panels/index.js +0 -1
  530. package/src/ui/panels/panels.jsx +0 -39
  531. package/src/ui/panels/panels.module.css +0 -23
  532. package/src/ui/table/table.jsx +0 -37
  533. package/src/ui/tag/tag.jsx +0 -49
  534. package/src/ui/tooltip/tooltip.jsx +0 -67
  535. package/tsconfig.esm.json +0 -13
  536. package/tsconfig.json +0 -7
  537. package/tsconfig.lib.json +0 -9
  538. package/types/components/duplicate-packages-insight/duplicate-packages-insight.d.ts +0 -11
  539. package/types/components/duplicate-packages-insight/index.d.ts +0 -1
  540. package/types/components/job-meta/index.d.ts +0 -1
  541. package/types/components/job-meta/job-meta.d.ts +0 -18
  542. package/types/components/summary-item/index.d.ts +0 -1
  543. package/types/components/summary-item/summary-item.d.ts +0 -40
  544. package/types/ui/panels/index.d.ts +0 -1
  545. package/types/ui/panels/panels.d.ts +0 -18
  546. /package/src/components/asset-info/{index.js → index.ts} +0 -0
  547. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
  548. /package/src/components/metric/{index.js → index.ts} +0 -0
  549. /package/src/components/module-info/{index.js → index.ts} +0 -0
  550. /package/src/components/summary/{index.js → index.ts} +0 -0
  551. /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
  552. /package/src/layout/stack/{index.js → index.ts} +0 -0
  553. /package/src/ui/alert/{index.js → index.ts} +0 -0
  554. /package/src/ui/hover-card/{index.js → index.ts} +0 -0
  555. /package/src/ui/table/{index.js → index.ts} +0 -0
  556. /package/src/ui/tag/{index.js → index.ts} +0 -0
  557. /package/src/ui/tooltip/{index.js → index.ts} +0 -0
@@ -1,17 +1,17 @@
1
1
  export function MetricsTableOptions(props: any): JSX.Element;
2
2
  export namespace MetricsTableOptions {
3
3
  namespace propTypes {
4
- const className: PropTypes.Requireable<string>;
5
- const handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
6
- const handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
4
+ let className: PropTypes.Requireable<string>;
5
+ let handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
6
+ let handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
7
7
  }
8
8
  namespace defaultProps {
9
- const className_1: string;
9
+ let className_1: string;
10
10
  export { className_1 as className };
11
- const handleViewAll_1: null;
11
+ let handleViewAll_1: null;
12
12
  export { handleViewAll_1 as handleViewAll };
13
- const handleResetFilters_1: null;
13
+ let handleResetFilters_1: null;
14
14
  export { handleResetFilters_1 as handleResetFilters };
15
15
  }
16
16
  }
17
- import PropTypes from "prop-types";
17
+ import PropTypes from 'prop-types';
@@ -1,16 +1,16 @@
1
1
  export function MetricsTableSearch(props: any): JSX.Element;
2
2
  export namespace MetricsTableSearch {
3
3
  namespace propTypes {
4
- const className: PropTypes.Requireable<string>;
5
- const placeholder: PropTypes.Requireable<string>;
6
- const search: PropTypes.Validator<string>;
7
- const updateSearch: PropTypes.Validator<(...args: any[]) => any>;
4
+ let className: PropTypes.Requireable<string>;
5
+ let placeholder: PropTypes.Requireable<string>;
6
+ let search: PropTypes.Validator<string>;
7
+ let updateSearch: PropTypes.Validator<(...args: any[]) => any>;
8
8
  }
9
9
  namespace defaultProps {
10
- const className_1: string;
10
+ let className_1: string;
11
11
  export { className_1 as className };
12
- const placeholder_1: string;
12
+ let placeholder_1: string;
13
13
  export { placeholder_1 as placeholder };
14
14
  }
15
15
  }
16
- import PropTypes from "prop-types";
16
+ import PropTypes from 'prop-types';
@@ -1,21 +1,21 @@
1
1
  export function MetricsTableTitle(props: any): JSX.Element;
2
2
  export namespace MetricsTableTitle {
3
3
  namespace propTypes {
4
- const className: PropTypes.Requireable<string>;
5
- const title: PropTypes.Validator<string>;
6
- const info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
7
- const popoverHref: PropTypes.Requireable<string>;
8
- const popoverInfo: PropTypes.Requireable<string>;
4
+ let className: PropTypes.Requireable<string>;
5
+ let title: PropTypes.Validator<string>;
6
+ let info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
7
+ let popoverHref: PropTypes.Requireable<string>;
8
+ let popoverInfo: PropTypes.Requireable<string>;
9
9
  }
10
10
  namespace defaultProps {
11
- const className_1: string;
11
+ let className_1: string;
12
12
  export { className_1 as className };
13
- const info_1: null;
13
+ let info_1: null;
14
14
  export { info_1 as info };
15
- const popoverHref_1: string;
15
+ let popoverHref_1: string;
16
16
  export { popoverHref_1 as popoverHref };
17
- const popoverInfo_1: string;
17
+ let popoverInfo_1: string;
18
18
  export { popoverInfo_1 as popoverInfo };
19
19
  }
20
20
  }
21
- import PropTypes from "prop-types";
21
+ import PropTypes from 'prop-types';
@@ -1 +1 @@
1
- export * from "./module-info";
1
+ export * from './module-info';
@@ -1,35 +1,20 @@
1
- export function ModuleInfo(props: any): JSX.Element;
2
- export namespace ModuleInfo {
3
- namespace propTypes {
4
- const className: PropTypes.Requireable<string>;
5
- const item: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
6
- key: PropTypes.Requireable<string>;
7
- runs: PropTypes.Requireable<(PropTypes.InferProps<{
8
- key: PropTypes.Requireable<string>;
9
- name: PropTypes.Requireable<string>;
10
- chunkIds: PropTypes.Requireable<(string | null | undefined)[]>;
11
- }> | null | undefined)[]>;
12
- }>>>;
13
- const labels: PropTypes.Validator<(string | null | undefined)[]>;
14
- const chunks: PropTypes.Requireable<(PropTypes.InferProps<{
15
- id: PropTypes.Requireable<string>;
16
- name: PropTypes.Requireable<string>;
17
- }> | null | undefined)[]>;
18
- const chunkIds: PropTypes.Requireable<(string | null | undefined)[]>;
19
- const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
20
- const onClick: PropTypes.Requireable<(...args: any[]) => any>;
21
- }
22
- namespace defaultProps {
23
- const className_1: string;
24
- export { className_1 as className };
25
- const chunks_1: never[];
26
- export { chunks_1 as chunks };
27
- const chunkIds_1: never[];
28
- export { chunkIds_1 as chunkIds };
29
- export { ComponentLink as customComponentLink };
30
- export { noop as onClick };
31
- }
1
+ import React from 'react';
2
+ import { MetricRunInfo } from '@bundle-stats/utils';
3
+ import { Module, MetaChunk } from '@bundle-stats/utils/types/webpack';
4
+ interface ModuleInfoProps {
5
+ item: {
6
+ label: string;
7
+ changed?: boolean;
8
+ duplicated?: boolean;
9
+ thirdParty?: boolean;
10
+ fileType?: string;
11
+ runs: Array<Module & MetricRunInfo>;
12
+ };
13
+ chunks?: Array<MetaChunk>;
14
+ chunkIds?: Array<string>;
15
+ labels: Array<string>;
16
+ customComponentLink?: React.ElementType;
17
+ onClose: () => void;
32
18
  }
33
- import PropTypes from "prop-types";
34
- import { ComponentLink } from "../component-link";
35
- import noop from "lodash/noop";
19
+ export declare const ModuleInfo: (props: ModuleInfoProps & React.ComponentProps<'div'>) => JSX.Element;
20
+ export {};
@@ -0,0 +1 @@
1
+ export * from './package-info';
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { MetricRunInfo } from '@bundle-stats/utils';
3
+ import { Package } from '@bundle-stats/utils/types/webpack';
4
+ interface PackageInfoProps {
5
+ item: {
6
+ label: string;
7
+ duplicate?: boolean;
8
+ runs: Array<Package & MetricRunInfo>;
9
+ };
10
+ labels: Array<string>;
11
+ customComponentLink?: React.ElementType;
12
+ onClose: () => void;
13
+ }
14
+ export declare const PackageInfo: (props: PackageInfoProps & React.ComponentProps<'div'>) => JSX.Element;
15
+ export {};
@@ -0,0 +1 @@
1
+ export * from './run-info';
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ export interface RunInfoProps {
3
+ title?: string;
4
+ titleHoverCard?: React.ReactNode;
5
+ titleTooltip?: React.ReactNode;
6
+ current?: React.ReactNode;
7
+ baseline?: string;
8
+ delta?: string;
9
+ deltaType?: string;
10
+ as?: React.ElementType;
11
+ size?: 'small' | 'medium' | 'large';
12
+ showBaseline?: boolean;
13
+ loading?: boolean;
14
+ enhance?: boolean;
15
+ }
16
+ export declare const RunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaType, as: Component, size, showBaseline, loading, enhance, ...restProps }: RunInfoProps & React.ComponentProps<'div'>) => JSX.Element;
@@ -1 +1 @@
1
- export * from "./summary";
1
+ export * from './summary';
@@ -1,37 +1,26 @@
1
- export function Summary({ className, size, keys, data, loading, showSummaryItemDelta, summaryItemLink: SummaryItemCustomLink, }: {
2
- className: any;
3
- size: any;
4
- keys: any;
5
- data: any;
6
- loading: any;
7
- showSummaryItemDelta: any;
8
- summaryItemLink: any;
9
- }): JSX.Element;
10
- export namespace Summary {
11
- namespace defaultProps {
12
- export const className: string;
13
- export const data: null;
14
- export const loading: boolean;
15
- export const size: string;
16
- export { METRICS_WEBPACK_GENERAL as keys };
17
- export const showSummaryItemDelta: boolean;
18
- export { ComponentLink as summaryItemLink };
19
- }
20
- namespace propTypes {
21
- const className_1: PropTypes.Requireable<string>;
22
- export { className_1 as className };
23
- const size_1: PropTypes.Requireable<string>;
24
- export { size_1 as size };
25
- export const keys: PropTypes.Requireable<(string | null | undefined)[]>;
26
- const data_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
27
- export { data_1 as data };
28
- const loading_1: PropTypes.Requireable<boolean>;
29
- export { loading_1 as loading };
30
- const showSummaryItemDelta_1: PropTypes.Requireable<boolean>;
31
- export { showSummaryItemDelta_1 as showSummaryItemDelta };
32
- export const summaryItemLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
33
- }
1
+ import React from 'react';
2
+ import { MetricRunInfoProps } from '../metric-run-info';
3
+ interface SummaryItemProps {
4
+ metricId: string;
5
+ data?: Record<string, SummaryItemData> | null;
6
+ customLink: React.ElementType;
7
+ size?: MetricRunInfoProps['size'];
8
+ loading: boolean;
9
+ showDelta: boolean;
10
+ showBaseline: boolean;
34
11
  }
35
- import { METRICS_WEBPACK_GENERAL } from "../../constants";
36
- import { ComponentLink } from "../component-link";
37
- import PropTypes from "prop-types";
12
+ interface SummaryItemData {
13
+ current: number;
14
+ baseline: number;
15
+ }
16
+ interface SummaryProps {
17
+ size?: MetricRunInfoProps['size'];
18
+ keys?: Array<string>;
19
+ data?: SummaryItemProps['data'];
20
+ loading?: boolean;
21
+ showSummaryItemDelta?: SummaryItemProps['showDelta'];
22
+ showSummaryItemBaseline?: SummaryItemProps['showBaseline'];
23
+ summaryItemLink?: SummaryItemProps['customLink'];
24
+ }
25
+ export declare const Summary: ({ className, size, keys, data, loading, showSummaryItemDelta, showSummaryItemBaseline, summaryItemLink, }: SummaryProps & React.ComponentProps<'div'>) => JSX.Element;
26
+ export {};
@@ -3,11 +3,11 @@ export function TotalSizeTypeTitle({ className }: {
3
3
  }): JSX.Element;
4
4
  export namespace TotalSizeTypeTitle {
5
5
  namespace propTypes {
6
- const className: PropTypes.Requireable<string>;
6
+ let className: PropTypes.Requireable<string>;
7
7
  }
8
8
  namespace defaultProps {
9
- const className_1: string;
9
+ let className_1: string;
10
10
  export { className_1 as className };
11
11
  }
12
12
  }
13
- import PropTypes from "prop-types";
13
+ import PropTypes from 'prop-types';
@@ -1,19 +1,8 @@
1
- export const NO_SPACE: "no-space";
2
- export const SPACE_XXXSMALL: "xxxsmall";
3
- export const SPACE_XXSMALL: "xxsmall";
4
- export const SPACE_XSMALL: "xsmall";
5
- export const SPACE_SMALL: "small";
6
- export const SPACE_MEDIUM: "medium";
7
- export const SPACE_LARGE: "large";
8
- export const SPACE_XLARGE: "xlarge";
9
- export const SPACE_XXLARGE: "xxlarge";
10
- export const SPACE_XXXLARGE: "xxxlarge";
11
- export const SPACES: string[];
12
1
  export namespace URLS {
13
- const OVERVIEW: string;
14
- const ASSETS: string;
15
- const MODULES: string;
16
- const PACKAGES: string;
2
+ let OVERVIEW: string;
3
+ let ASSETS: string;
4
+ let MODULES: string;
5
+ let PACKAGES: string;
17
6
  }
18
7
  export const SECTION_URLS: {
19
8
  [x: string]: string;
package/types/i18n.d.ts CHANGED
@@ -1,18 +1,18 @@
1
1
  declare namespace _default {
2
- const OVERVIEW: string;
3
- const ASSETS: string;
4
- const ASSET_TOTALS: string;
5
- const MODULES: string;
6
- const PACKAGES: string;
7
- const NO_DATA: string;
8
- const CURRENT: string;
9
- const BASELINE: string;
10
- const READ_MORE: string;
11
- const ASSETS_INFO: string;
12
- const ASSET_TOTALS_INFO: string;
13
- const MODULES_INFO: string;
14
- const PACKAGES_INFO: string;
15
- const RESET_FILTERS: string;
16
- const VIEW_ALL: string;
2
+ let OVERVIEW: string;
3
+ let ASSETS: string;
4
+ let ASSET_TOTALS: string;
5
+ let MODULES: string;
6
+ let PACKAGES: string;
7
+ let NO_DATA: string;
8
+ let CURRENT: string;
9
+ let BASELINE: string;
10
+ let READ_MORE: string;
11
+ let ASSETS_INFO: string;
12
+ let ASSET_TOTALS_INFO: string;
13
+ let MODULES_INFO: string;
14
+ let PACKAGES_INFO: string;
15
+ let RESET_FILTERS: string;
16
+ let VIEW_ALL: string;
17
17
  }
18
18
  export default _default;
@@ -1,26 +1,13 @@
1
- export function Box(props: any): JSX.Element;
2
- export namespace Box {
3
- namespace defaultProps {
4
- export const className: string;
5
- export const as: string;
6
- export { NO_SPACE as padding };
7
- export const horizontalPadding: string;
8
- export const verticalPadding: string;
9
- export const outline: boolean;
10
- }
11
- namespace propTypes {
12
- const className_1: PropTypes.Requireable<string>;
13
- export { className_1 as className };
14
- const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
15
- export { as_1 as as };
16
- export const padding: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
17
- const horizontalPadding_1: PropTypes.Requireable<string>;
18
- export { horizontalPadding_1 as horizontalPadding };
19
- const verticalPadding_1: PropTypes.Requireable<string>;
20
- export { verticalPadding_1 as verticalPadding };
21
- const outline_1: PropTypes.Requireable<boolean>;
22
- export { outline_1 as outline };
23
- }
1
+ import React from 'react';
2
+ import { SPACES } from '../../tokens';
3
+ type SpaceValue = (typeof SPACES)[number];
4
+ interface BoxProps<T extends React.ElementType> {
5
+ as?: T;
6
+ padding?: SpaceValue | [SpaceValue, SpaceValue];
7
+ horizontalPadding?: SpaceValue;
8
+ verticalPadding?: SpaceValue;
9
+ outline?: boolean;
10
+ outlineHover?: boolean;
24
11
  }
25
- import { NO_SPACE } from "../../constants";
26
- import PropTypes from "prop-types";
12
+ export declare const Box: <T extends React.ElementType<any> = "div">(props: BoxProps<T> & Omit<React.ComponentProps<T>, keyof BoxProps<T>>) => JSX.Element;
13
+ export {};
@@ -1 +1 @@
1
- export { Box } from "./box";
1
+ export * from './box';
@@ -1,34 +1,11 @@
1
- export function FlexStack({ as: Component, className, space, inline, children, alignItems, ...restProps }: {
2
- [x: string]: any;
3
- as?: string | undefined;
4
- className?: string | undefined;
5
- space?: string | undefined;
6
- inline?: boolean | undefined;
7
- children?: null | undefined;
8
- alignItems?: string | undefined;
9
- }): JSX.Element;
10
- export namespace FlexStack {
11
- namespace defaultProps {
12
- export const as: string;
13
- export const className: string;
14
- export const children: null;
15
- export { NO_SPACE as space };
16
- export const alignItems: undefined;
17
- export const inline: boolean;
18
- }
19
- namespace propTypes {
20
- const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
21
- export { as_1 as as };
22
- const className_1: PropTypes.Requireable<string>;
23
- export { className_1 as className };
24
- const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
25
- export { children_1 as children };
26
- export const space: PropTypes.Requireable<string>;
27
- const alignItems_1: PropTypes.Requireable<string>;
28
- export { alignItems_1 as alignItems };
29
- const inline_1: PropTypes.Requireable<boolean>;
30
- export { inline_1 as inline };
31
- }
1
+ import React from 'react';
2
+ import { SPACES } from '../../tokens';
3
+ type SpaceValue = (typeof SPACES)[number];
4
+ interface FlexStackProps<T extends React.ElementType> {
5
+ as?: T;
6
+ space?: SpaceValue;
7
+ inline?: boolean;
8
+ alignItems?: 'top' | 'center' | 'bottom';
32
9
  }
33
- import { NO_SPACE } from "../../constants";
34
- import PropTypes from "prop-types";
10
+ export declare const FlexStack: <T extends React.ElementType<any> = "div">(props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>) => JSX.Element;
11
+ export {};
@@ -1 +1 @@
1
- export * from "./flex-stack";
1
+ export * from './flex-stack';
@@ -4,14 +4,14 @@ export function Footer({ className, version }: {
4
4
  }): JSX.Element;
5
5
  export namespace Footer {
6
6
  namespace defaultProps {
7
- const className: string;
8
- const version: null;
7
+ let className: string;
8
+ let version: null;
9
9
  }
10
10
  namespace propTypes {
11
- const className_1: PropTypes.Requireable<string>;
11
+ let className_1: PropTypes.Requireable<string>;
12
12
  export { className_1 as className };
13
- const version_1: PropTypes.Requireable<string>;
13
+ let version_1: PropTypes.Requireable<string>;
14
14
  export { version_1 as version };
15
15
  }
16
16
  }
17
- import PropTypes from "prop-types";
17
+ import PropTypes from 'prop-types';
@@ -3,13 +3,13 @@ export namespace Separator {
3
3
  export { propTypes };
4
4
  export { defaultProps };
5
5
  }
6
- import PropTypes from "prop-types";
6
+ import PropTypes from 'prop-types';
7
7
  declare namespace propTypes {
8
- const className: PropTypes.Requireable<string>;
8
+ let className: PropTypes.Requireable<string>;
9
9
  }
10
- import React from "react";
10
+ import React from 'react';
11
11
  declare namespace defaultProps {
12
- const className_1: string;
12
+ let className_1: string;
13
13
  export { className_1 as className };
14
14
  }
15
15
  export {};
@@ -1 +1 @@
1
- export * from "./stack";
1
+ export * from './stack';
@@ -1,20 +1,7 @@
1
- export function Stack(props: any): JSX.Element;
2
- export namespace Stack {
3
- namespace defaultProps {
4
- export const as: string;
5
- export const className: string;
6
- export const children: null;
7
- export { NO_SPACE as space };
8
- }
9
- namespace propTypes {
10
- const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
11
- export { as_1 as as };
12
- const className_1: PropTypes.Requireable<string>;
13
- export { className_1 as className };
14
- const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
15
- export { children_1 as children };
16
- export const space: PropTypes.Requireable<string>;
17
- }
18
- }
19
- import { NO_SPACE } from "../../constants";
20
- import PropTypes from "prop-types";
1
+ import React from 'react';
2
+ import { SPACES } from '../../tokens';
3
+ export type StackProps = {
4
+ as?: React.ElementType;
5
+ space?: (typeof SPACES)[number];
6
+ };
7
+ export declare const Stack: (props: StackProps & React.ComponentProps<'div'>) => JSX.Element;
@@ -0,0 +1,23 @@
1
+ export declare const NO_SPACE = "no-space";
2
+ export declare const SPACE_XXXSMALL = "xxxsmall";
3
+ export declare const SPACE_XXSMALL = "xxsmall";
4
+ export declare const SPACE_XSMALL = "xsmall";
5
+ export declare const SPACE_SMALL = "small";
6
+ export declare const SPACE_MEDIUM = "medium";
7
+ export declare const SPACE_LARGE = "large";
8
+ export declare const SPACE_XLARGE = "xlarge";
9
+ export declare const SPACE_XXLARGE = "xxlarge";
10
+ export declare const SPACE_XXXLARGE = "xxxlarge";
11
+ export declare const SPACES: readonly ["no-space", "xxxsmall", "xxsmall", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"];
12
+ export declare const KIND: {
13
+ readonly DEFAULT: "default";
14
+ readonly SUCCESS: "success";
15
+ readonly INFO: "info";
16
+ readonly WARNING: "warning";
17
+ readonly DANGER: "danger";
18
+ };
19
+ export declare const SIZE: {
20
+ readonly SMALL: "small";
21
+ readonly MEDIUM: "medium";
22
+ readonly LARGE: "large";
23
+ };
@@ -1,15 +1,8 @@
1
- export function Alert(props: any): JSX.Element;
2
- export namespace Alert {
3
- namespace propTypes {
4
- const className: PropTypes.Requireable<string>;
5
- const kind: PropTypes.Requireable<string>;
6
- const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
7
- }
8
- namespace defaultProps {
9
- const className_1: string;
10
- export { className_1 as className };
11
- const kind_1: string;
12
- export { kind_1 as kind };
13
- }
1
+ import React from 'react';
2
+ import { KIND } from '../../tokens';
3
+ import { Box } from '../../layout/box';
4
+ interface AlertProps {
5
+ kind?: (typeof KIND)[keyof typeof KIND];
14
6
  }
15
- import PropTypes from "prop-types";
7
+ export declare const Alert: (props: AlertProps & React.ComponentProps<typeof Box>) => JSX.Element;
8
+ export {};
@@ -1 +1 @@
1
- export * from "./alert";
1
+ export * from './alert';
@@ -1,18 +1,6 @@
1
- export function Container({ className, as: Component, ...restProps }: {
2
- [x: string]: any;
3
- className: any;
4
- as: any;
5
- }): JSX.Element;
6
- export namespace Container {
7
- namespace defaultProps {
8
- const className: string;
9
- const as: string;
10
- }
11
- namespace propTypes {
12
- const className_1: PropTypes.Requireable<string>;
13
- export { className_1 as className };
14
- const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
15
- export { as_1 as as };
16
- }
1
+ import React from 'react';
2
+ interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ as?: React.ElementType;
17
4
  }
18
- import PropTypes from "prop-types";
5
+ export declare const Container: ({ as: Component, className, ...restProps }: ContainerProps) => JSX.Element;
6
+ export {};
@@ -1 +1 @@
1
- export { Container } from "./container";
1
+ export * from './container';
@@ -1,28 +1,28 @@
1
1
  export function Dropdown(props: any): JSX.Element;
2
2
  export namespace Dropdown {
3
3
  export namespace defaultProps {
4
- const className: string;
5
- const buttonClassName: string;
6
- const label: null;
7
- const ariaLabel: string;
8
- const glyph: null;
4
+ let className: string;
5
+ let buttonClassName: string;
6
+ let label: null;
7
+ let ariaLabel: string;
8
+ let glyph: null;
9
9
  }
10
10
  export namespace propTypes {
11
- const className_1: PropTypes.Requireable<string>;
11
+ let className_1: PropTypes.Requireable<string>;
12
12
  export { className_1 as className };
13
- const buttonClassName_1: PropTypes.Requireable<string>;
13
+ let buttonClassName_1: PropTypes.Requireable<string>;
14
14
  export { buttonClassName_1 as buttonClassName };
15
- const label_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
15
+ let label_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
16
16
  export { label_1 as label };
17
- const ariaLabel_1: PropTypes.Requireable<string>;
17
+ let ariaLabel_1: PropTypes.Requireable<string>;
18
18
  export { ariaLabel_1 as ariaLabel };
19
- const glyph_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
19
+ let glyph_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
20
20
  export { glyph_1 as glyph };
21
- export const children: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
21
+ export let children: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
22
22
  }
23
23
  export { Item };
24
24
  }
25
- import PropTypes from "prop-types";
25
+ import PropTypes from 'prop-types';
26
26
  declare function Item({ className, isActive, ...restProps }: {
27
27
  [x: string]: any;
28
28
  className?: string | undefined;
@@ -30,15 +30,15 @@ declare function Item({ className, isActive, ...restProps }: {
30
30
  }): JSX.Element;
31
31
  declare namespace Item {
32
32
  export namespace propTypes_1 {
33
- const className_2: PropTypes.Requireable<string>;
33
+ let className_2: PropTypes.Requireable<string>;
34
34
  export { className_2 as className };
35
- export const isActive: PropTypes.Requireable<boolean>;
35
+ export let isActive: PropTypes.Requireable<boolean>;
36
36
  }
37
37
  export { propTypes_1 as propTypes };
38
38
  export namespace defaultProps_1 {
39
- const className_3: string;
39
+ let className_3: string;
40
40
  export { className_3 as className };
41
- const isActive_1: boolean;
41
+ let isActive_1: boolean;
42
42
  export { isActive_1 as isActive };
43
43
  }
44
44
  export { defaultProps_1 as defaultProps };