@bundle-stats/ui 4.4.0-beta.1 → 4.4.0-beta.4

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 (563) hide show
  1. package/globals.d.ts +4 -0
  2. package/lib/app/app.js +21 -9
  3. package/lib/app/app.js.map +1 -1
  4. package/lib/app/app.module.css +8 -5
  5. package/lib/app/header/header.js +9 -12
  6. package/lib/app/header/header.js.map +1 -1
  7. package/lib/app/header/header.module.css +27 -20
  8. package/lib/app/header/index.js.map +1 -1
  9. package/lib/assets/icons.svg +11 -4
  10. package/lib/assets/icons.svg.js +8 -3
  11. package/lib/assets/icons.svg.js.map +1 -1
  12. package/lib/components/asset-info/asset-info.js +48 -44
  13. package/lib/components/asset-info/asset-info.js.map +1 -1
  14. package/lib/components/asset-info/asset-info.module.css +28 -6
  15. package/lib/components/asset-info/index.js.map +1 -1
  16. package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
  17. package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  18. package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  19. package/lib/components/asset-not-predictive/index.js +18 -0
  20. package/lib/components/asset-not-predictive/index.js.map +1 -0
  21. package/lib/components/bundle-assets/bundle-assets.js +31 -44
  22. package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
  23. package/lib/components/bundle-assets/bundle-assets.module.css +20 -19
  24. package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
  25. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  26. package/lib/components/bundle-assets/index.js +4 -1
  27. package/lib/components/bundle-assets/index.js.map +1 -1
  28. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
  29. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  30. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  31. package/lib/components/bundle-modules/bundle-modules.js +30 -40
  32. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  33. package/lib/components/bundle-modules/bundle-modules.module.css +11 -3
  34. package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
  35. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  36. package/lib/components/bundle-modules/index.js +5 -2
  37. package/lib/components/bundle-modules/index.js.map +1 -1
  38. package/lib/components/bundle-packages/bundle-packages.js +36 -61
  39. package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
  40. package/lib/components/bundle-packages/bundle-packages.module.css +12 -14
  41. package/lib/components/bundle-packages/index.js +4 -1
  42. package/lib/components/bundle-packages/index.js.map +1 -1
  43. package/lib/components/delta/delta.module.css +2 -1
  44. package/lib/components/entry-info/entry-info.js +56 -0
  45. package/lib/components/entry-info/entry-info.js.map +1 -0
  46. package/lib/components/entry-info/entry-info.module.css +93 -0
  47. package/lib/components/{summary-item → entry-info}/index.js +1 -1
  48. package/lib/components/entry-info/index.js.map +1 -0
  49. package/lib/components/index.js +7 -5
  50. package/lib/components/index.js.map +1 -1
  51. package/lib/components/insight-icon/index.js +18 -0
  52. package/lib/components/insight-icon/index.js.map +1 -0
  53. package/lib/components/insight-icon/insight-icon.js +25 -0
  54. package/lib/components/insight-icon/insight-icon.js.map +1 -0
  55. package/lib/components/insight-icon/insight-icon.module.css +24 -0
  56. package/lib/components/insights/insights.js +6 -39
  57. package/lib/components/insights/insights.js.map +1 -1
  58. package/lib/components/insights/insights.module.css +1 -19
  59. package/lib/components/job-header/job-header.js +12 -11
  60. package/lib/components/job-header/job-header.js.map +1 -1
  61. package/lib/components/jobs-header/index.js.map +1 -1
  62. package/lib/components/jobs-header/jobs-header.js +21 -14
  63. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  64. package/lib/components/jobs-header/jobs-header.module.css +51 -4
  65. package/lib/components/metric/index.js.map +1 -1
  66. package/lib/components/metric/metric.js +7 -64
  67. package/lib/components/metric/metric.js.map +1 -1
  68. package/lib/components/metric/metric.module.css +3 -3
  69. package/lib/components/metric-run-info/index.js +18 -0
  70. package/lib/components/metric-run-info/index.js.map +1 -0
  71. package/lib/components/metric-run-info/metric-run-info.js +64 -0
  72. package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
  73. package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
  74. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  75. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  76. package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
  77. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  78. package/lib/components/module-info/index.js.map +1 -1
  79. package/lib/components/module-info/module-info.js +47 -47
  80. package/lib/components/module-info/module-info.js.map +1 -1
  81. package/lib/components/module-info/module-info.module.css +8 -33
  82. package/lib/components/package-info/index.js +18 -0
  83. package/lib/components/package-info/index.js.map +1 -0
  84. package/lib/components/package-info/package-info.js +77 -0
  85. package/lib/components/package-info/package-info.js.map +1 -0
  86. package/lib/components/package-info/package-info.module.css +13 -0
  87. package/lib/components/{job-meta → run-info}/index.js +1 -1
  88. package/lib/components/run-info/index.js.map +1 -0
  89. package/lib/components/run-info/run-info.js +70 -0
  90. package/lib/components/run-info/run-info.js.map +1 -0
  91. package/lib/components/run-info/run-info.module.css +76 -0
  92. package/lib/components/summary/index.js.map +1 -1
  93. package/lib/components/summary/summary.js +10 -31
  94. package/lib/components/summary/summary.js.map +1 -1
  95. package/lib/components/summary/summary.module.css +27 -7
  96. package/lib/config.json +1 -1
  97. package/lib/constants.js +1 -23
  98. package/lib/constants.js.map +1 -1
  99. package/lib/css/variables.css +22 -15
  100. package/lib/layout/box/box.js +3 -23
  101. package/lib/layout/box/box.js.map +1 -1
  102. package/lib/layout/box/box.module.css +11 -0
  103. package/lib/layout/box/index.js +15 -3
  104. package/lib/layout/box/index.js.map +1 -1
  105. package/lib/layout/flex-stack/flex-stack.js +3 -19
  106. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  107. package/lib/layout/flex-stack/index.js.map +1 -1
  108. package/lib/layout/footer/footer.js +2 -4
  109. package/lib/layout/footer/footer.js.map +1 -1
  110. package/lib/layout/stack/index.js.map +1 -1
  111. package/lib/layout/stack/stack.js +3 -16
  112. package/lib/layout/stack/stack.js.map +1 -1
  113. package/lib/tokens.js +38 -0
  114. package/lib/tokens.js.map +1 -0
  115. package/lib/ui/alert/alert.js +2 -12
  116. package/lib/ui/alert/alert.js.map +1 -1
  117. package/lib/ui/alert/index.js.map +1 -1
  118. package/lib/ui/container/container.js +1 -10
  119. package/lib/ui/container/container.js.map +1 -1
  120. package/lib/ui/container/index.js +15 -3
  121. package/lib/ui/container/index.js.map +1 -1
  122. package/lib/ui/dropdown/dropdown.module.css +1 -2
  123. package/lib/ui/file-name/file-name.js +1 -1
  124. package/lib/ui/file-name/file-name.js.map +1 -1
  125. package/lib/ui/filters/filters.module.css +1 -5
  126. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  127. package/lib/ui/hover-card/hover-card.js +3 -21
  128. package/lib/ui/hover-card/hover-card.js.map +1 -1
  129. package/lib/ui/hover-card/index.js.map +1 -1
  130. package/lib/ui/icon/icon.js +14 -18
  131. package/lib/ui/icon/icon.js.map +1 -1
  132. package/lib/ui/icon/index.js.map +1 -1
  133. package/lib/ui/index.js +1 -3
  134. package/lib/ui/index.js.map +1 -1
  135. package/lib/ui/input/input.module.css +3 -4
  136. package/lib/ui/table/index.js.map +1 -1
  137. package/lib/ui/table/table.js +3 -17
  138. package/lib/ui/table/table.js.map +1 -1
  139. package/lib/ui/tag/index.js.map +1 -1
  140. package/lib/ui/tag/tag.js +5 -29
  141. package/lib/ui/tag/tag.js.map +1 -1
  142. package/lib/ui/tag/tag.module.css +15 -1
  143. package/lib/ui/tooltip/index.js.map +1 -1
  144. package/lib/ui/tooltip/tooltip.js +3 -23
  145. package/lib/ui/tooltip/tooltip.js.map +1 -1
  146. package/lib/ui/tooltip/tooltip.module.css +3 -4
  147. package/lib-esm/app/app.js +22 -10
  148. package/lib-esm/app/app.js.map +1 -1
  149. package/lib-esm/app/app.module.css +8 -5
  150. package/lib-esm/app/header/header.js +9 -12
  151. package/lib-esm/app/header/header.js.map +1 -1
  152. package/lib-esm/app/header/header.module.css +27 -20
  153. package/lib-esm/app/header/index.js.map +1 -1
  154. package/lib-esm/assets/icons.svg +11 -4
  155. package/lib-esm/assets/icons.svg.js +8 -3
  156. package/lib-esm/assets/icons.svg.js.map +1 -1
  157. package/lib-esm/components/asset-info/asset-info.js +27 -45
  158. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  159. package/lib-esm/components/asset-info/asset-info.module.css +28 -6
  160. package/lib-esm/components/asset-info/index.js.map +1 -1
  161. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
  162. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  163. package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  164. package/lib-esm/components/asset-not-predictive/index.js +2 -0
  165. package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
  166. package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
  167. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  168. package/lib-esm/components/bundle-assets/bundle-assets.module.css +20 -19
  169. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  170. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  171. package/lib-esm/components/bundle-assets/index.js +5 -2
  172. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  173. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
  174. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  175. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  176. package/lib-esm/components/bundle-modules/bundle-modules.js +32 -42
  177. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  178. package/lib-esm/components/bundle-modules/bundle-modules.module.css +11 -3
  179. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  180. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  181. package/lib-esm/components/bundle-modules/index.js +7 -4
  182. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  183. package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
  184. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  185. package/lib-esm/components/bundle-packages/bundle-packages.module.css +12 -14
  186. package/lib-esm/components/bundle-packages/index.js +5 -2
  187. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  188. package/lib-esm/components/delta/delta.module.css +2 -1
  189. package/lib-esm/components/entry-info/entry-info.js +50 -0
  190. package/lib-esm/components/entry-info/entry-info.js.map +1 -0
  191. package/lib-esm/components/entry-info/entry-info.module.css +93 -0
  192. package/lib-esm/components/entry-info/index.js +2 -0
  193. package/lib-esm/components/entry-info/index.js.map +1 -0
  194. package/lib-esm/components/index.js +3 -2
  195. package/lib-esm/components/index.js.map +1 -1
  196. package/lib-esm/components/insight-icon/index.js +2 -0
  197. package/lib-esm/components/insight-icon/index.js.map +1 -0
  198. package/lib-esm/components/insight-icon/insight-icon.js +18 -0
  199. package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
  200. package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
  201. package/lib-esm/components/insights/insights.js +7 -40
  202. package/lib-esm/components/insights/insights.js.map +1 -1
  203. package/lib-esm/components/insights/insights.module.css +1 -19
  204. package/lib-esm/components/job-header/job-header.js +12 -11
  205. package/lib-esm/components/job-header/job-header.js.map +1 -1
  206. package/lib-esm/components/jobs-header/index.js.map +1 -1
  207. package/lib-esm/components/jobs-header/jobs-header.js +20 -13
  208. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  209. package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
  210. package/lib-esm/components/metric/index.js.map +1 -1
  211. package/lib-esm/components/metric/metric.js +7 -41
  212. package/lib-esm/components/metric/metric.js.map +1 -1
  213. package/lib-esm/components/metric/metric.module.css +3 -3
  214. package/lib-esm/components/metric-run-info/index.js +2 -0
  215. package/lib-esm/components/metric-run-info/index.js.map +1 -0
  216. package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
  217. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
  218. package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
  219. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  220. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  221. package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
  222. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  223. package/lib-esm/components/module-info/index.js.map +1 -1
  224. package/lib-esm/components/module-info/module-info.js +26 -48
  225. package/lib-esm/components/module-info/module-info.js.map +1 -1
  226. package/lib-esm/components/module-info/module-info.module.css +8 -33
  227. package/lib-esm/components/package-info/index.js +2 -0
  228. package/lib-esm/components/package-info/index.js.map +1 -0
  229. package/lib-esm/components/package-info/package-info.js +48 -0
  230. package/lib-esm/components/package-info/package-info.js.map +1 -0
  231. package/lib-esm/components/package-info/package-info.module.css +13 -0
  232. package/lib-esm/components/run-info/index.js +2 -0
  233. package/lib-esm/components/run-info/index.js.map +1 -0
  234. package/lib-esm/components/run-info/run-info.js +40 -0
  235. package/lib-esm/components/run-info/run-info.js.map +1 -0
  236. package/lib-esm/components/run-info/run-info.module.css +76 -0
  237. package/lib-esm/components/summary/index.js.map +1 -1
  238. package/lib-esm/components/summary/summary.js +9 -30
  239. package/lib-esm/components/summary/summary.js.map +1 -1
  240. package/lib-esm/components/summary/summary.module.css +27 -7
  241. package/lib-esm/config.json +1 -1
  242. package/lib-esm/constants.js +0 -22
  243. package/lib-esm/constants.js.map +1 -1
  244. package/lib-esm/css/variables.css +22 -15
  245. package/lib-esm/layout/box/box.js +3 -23
  246. package/lib-esm/layout/box/box.js.map +1 -1
  247. package/lib-esm/layout/box/box.module.css +11 -0
  248. package/lib-esm/layout/box/index.js +1 -1
  249. package/lib-esm/layout/box/index.js.map +1 -1
  250. package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
  251. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  252. package/lib-esm/layout/flex-stack/index.js.map +1 -1
  253. package/lib-esm/layout/footer/footer.js +2 -4
  254. package/lib-esm/layout/footer/footer.js.map +1 -1
  255. package/lib-esm/layout/stack/index.js.map +1 -1
  256. package/lib-esm/layout/stack/stack.js +3 -16
  257. package/lib-esm/layout/stack/stack.js.map +1 -1
  258. package/lib-esm/tokens.js +35 -0
  259. package/lib-esm/tokens.js.map +1 -0
  260. package/lib-esm/ui/alert/alert.js +2 -12
  261. package/lib-esm/ui/alert/alert.js.map +1 -1
  262. package/lib-esm/ui/alert/index.js.map +1 -1
  263. package/lib-esm/ui/container/container.js +1 -10
  264. package/lib-esm/ui/container/container.js.map +1 -1
  265. package/lib-esm/ui/container/index.js +1 -1
  266. package/lib-esm/ui/container/index.js.map +1 -1
  267. package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
  268. package/lib-esm/ui/file-name/file-name.js +1 -1
  269. package/lib-esm/ui/file-name/file-name.js.map +1 -1
  270. package/lib-esm/ui/filters/filters.module.css +1 -5
  271. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  272. package/lib-esm/ui/hover-card/hover-card.js +3 -21
  273. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  274. package/lib-esm/ui/hover-card/index.js.map +1 -1
  275. package/lib-esm/ui/icon/icon.js +14 -18
  276. package/lib-esm/ui/icon/icon.js.map +1 -1
  277. package/lib-esm/ui/icon/index.js.map +1 -1
  278. package/lib-esm/ui/index.js +0 -1
  279. package/lib-esm/ui/index.js.map +1 -1
  280. package/lib-esm/ui/input/input.module.css +3 -4
  281. package/lib-esm/ui/table/index.js.map +1 -1
  282. package/lib-esm/ui/table/table.js +3 -17
  283. package/lib-esm/ui/table/table.js.map +1 -1
  284. package/lib-esm/ui/tag/index.js.map +1 -1
  285. package/lib-esm/ui/tag/tag.js +4 -28
  286. package/lib-esm/ui/tag/tag.js.map +1 -1
  287. package/lib-esm/ui/tag/tag.module.css +15 -1
  288. package/lib-esm/ui/tooltip/index.js.map +1 -1
  289. package/lib-esm/ui/tooltip/tooltip.js +4 -23
  290. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  291. package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
  292. package/package.json +18 -22
  293. package/src/app/app.jsx +25 -10
  294. package/src/app/app.module.css +8 -5
  295. package/src/app/header/header.module.css +27 -20
  296. package/src/app/header/header.tsx +26 -0
  297. package/src/assets/icons/external-link.svg +1 -0
  298. package/src/assets/icons/github.svg +1 -0
  299. package/src/assets/icons/more-vertical.svg +5 -0
  300. package/src/assets/icons.svg +11 -4
  301. package/src/assets/icons.svg.jsx +35 -14
  302. package/src/components/asset-info/asset-info.module.css +28 -6
  303. package/src/components/asset-info/asset-info.stories.tsx +74 -0
  304. package/src/components/asset-info/asset-info.tsx +159 -0
  305. package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  306. package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
  307. package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
  308. package/src/components/asset-not-predictive/index.ts +1 -0
  309. package/src/components/bundle-assets/bundle-assets.jsx +94 -107
  310. package/src/components/bundle-assets/bundle-assets.module.css +20 -19
  311. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  312. package/src/components/bundle-assets/index.jsx +7 -1
  313. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
  314. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  315. package/src/components/bundle-modules/bundle-modules.jsx +91 -101
  316. package/src/components/bundle-modules/bundle-modules.module.css +11 -3
  317. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  318. package/src/components/bundle-modules/index.jsx +9 -3
  319. package/src/components/bundle-packages/bundle-packages.jsx +116 -179
  320. package/src/components/bundle-packages/bundle-packages.module.css +12 -14
  321. package/src/components/bundle-packages/index.jsx +7 -1
  322. package/src/components/delta/delta.module.css +2 -1
  323. package/src/components/entry-info/entry-info.module.css +93 -0
  324. package/src/components/entry-info/entry-info.stories.tsx +75 -0
  325. package/src/components/entry-info/entry-info.tsx +134 -0
  326. package/src/components/entry-info/index.ts +1 -0
  327. package/src/components/index.js +3 -2
  328. package/src/components/insight-icon/index.ts +1 -0
  329. package/src/components/insight-icon/insight-icon.module.css +24 -0
  330. package/src/components/insight-icon/insight-icon.tsx +25 -0
  331. package/src/components/insights/insights.module.css +1 -19
  332. package/src/components/insights/insights.stories.tsx +26 -22
  333. package/src/components/insights/insights.tsx +8 -65
  334. package/src/components/job-header/job-header.jsx +16 -13
  335. package/src/components/jobs-header/jobs-header.module.css +51 -4
  336. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  337. package/src/components/jobs-header/jobs-header.tsx +89 -0
  338. package/src/components/metric/metric.module.css +3 -3
  339. package/src/components/metric/metric.stories.tsx +41 -0
  340. package/src/components/metric/metric.tsx +42 -0
  341. package/src/components/metric-run-info/index.ts +1 -0
  342. package/src/components/metric-run-info/metric-run-info.module.css +18 -0
  343. package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
  344. package/src/components/metric-run-info/metric-run-info.tsx +85 -0
  345. package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
  346. package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
  347. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  348. package/src/components/module-info/module-info.module.css +8 -33
  349. package/src/components/module-info/module-info.stories.tsx +44 -0
  350. package/src/components/module-info/module-info.tsx +116 -0
  351. package/src/components/package-info/index.ts +1 -0
  352. package/src/components/package-info/package-info.module.css +13 -0
  353. package/src/components/package-info/package-info.stories.tsx +36 -0
  354. package/src/components/package-info/package-info.tsx +135 -0
  355. package/src/components/run-info/index.ts +1 -0
  356. package/src/components/run-info/run-info.module.css +76 -0
  357. package/src/components/run-info/run-info.stories.tsx +58 -0
  358. package/src/components/run-info/run-info.tsx +111 -0
  359. package/src/components/summary/summary.module.css +27 -7
  360. package/src/components/summary/summary.stories.tsx +57 -0
  361. package/src/components/summary/summary.tsx +102 -0
  362. package/src/config.json +1 -1
  363. package/src/constants.js +0 -24
  364. package/src/css/variables.css +22 -15
  365. package/src/layout/box/box.module.css +11 -0
  366. package/src/layout/box/box.stories.tsx +49 -0
  367. package/src/layout/box/box.tsx +49 -0
  368. package/src/layout/box/index.ts +1 -0
  369. package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
  370. package/src/layout/flex-stack/flex-stack.tsx +43 -0
  371. package/src/layout/footer/footer.jsx +3 -4
  372. package/src/layout/stack/stack.stories.tsx +53 -0
  373. package/src/layout/stack/stack.tsx +22 -0
  374. package/src/tokens.ts +37 -0
  375. package/src/ui/alert/alert.stories.tsx +39 -0
  376. package/src/ui/alert/alert.tsx +23 -0
  377. package/src/ui/container/container.stories.tsx +29 -0
  378. package/src/ui/container/container.tsx +18 -0
  379. package/src/ui/container/index.ts +1 -0
  380. package/src/ui/dropdown/dropdown.module.css +1 -2
  381. package/src/ui/file-name/file-name.jsx +1 -1
  382. package/src/ui/filters/filters.module.css +1 -5
  383. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  384. package/src/ui/hover-card/hover-card.stories.tsx +41 -0
  385. package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
  386. package/src/ui/icon/icon.stories.tsx +54 -0
  387. package/src/ui/icon/icon.tsx +56 -0
  388. package/src/ui/index.js +0 -1
  389. package/src/ui/input/input.module.css +3 -4
  390. package/src/ui/table/table.stories.tsx +238 -0
  391. package/src/ui/table/table.tsx +38 -0
  392. package/src/ui/tag/tag.module.css +15 -1
  393. package/src/ui/tag/tag.stories.tsx +32 -0
  394. package/src/ui/tag/tag.tsx +28 -0
  395. package/src/ui/tooltip/tooltip.module.css +3 -4
  396. package/src/ui/tooltip/tooltip.stories.tsx +30 -0
  397. package/src/ui/tooltip/tooltip.tsx +57 -0
  398. package/types/app/header/header.d.ts +6 -16
  399. package/types/app/header/index.d.ts +1 -1
  400. package/types/components/asset-info/asset-info.d.ts +20 -23
  401. package/types/components/asset-info/index.d.ts +1 -1
  402. package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
  403. package/types/components/asset-not-predictive/index.d.ts +1 -0
  404. package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
  405. package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
  406. package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
  407. package/types/components/bundle-assets/index.d.ts +11 -11
  408. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
  409. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
  410. package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
  411. package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
  412. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  413. package/types/components/bundle-modules/index.d.ts +11 -11
  414. package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
  415. package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
  416. package/types/components/bundle-packages/index.d.ts +11 -11
  417. package/types/components/component-link.d.ts +6 -6
  418. package/types/components/delta/delta.d.ts +7 -7
  419. package/types/components/entry-info/entry-info.d.ts +25 -0
  420. package/types/components/entry-info/index.d.ts +1 -0
  421. package/types/components/index.d.ts +3 -2
  422. package/types/components/insight-icon/index.d.ts +1 -0
  423. package/types/components/insight-icon/insight-icon.d.ts +7 -0
  424. package/types/components/insights/insights.d.ts +2 -2
  425. package/types/components/job-header/job-header.d.ts +9 -9
  426. package/types/components/job-name/job-name.d.ts +9 -9
  427. package/types/components/jobs-header/index.d.ts +1 -1
  428. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  429. package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
  430. package/types/components/metric/index.d.ts +1 -1
  431. package/types/components/metric/metric.d.ts +6 -32
  432. package/types/components/metric-run-info/index.d.ts +1 -0
  433. package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
  434. package/types/components/metrics-table/metrics-table.d.ts +14 -14
  435. package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
  436. package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
  437. package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
  438. package/types/components/module-info/index.d.ts +1 -1
  439. package/types/components/module-info/module-info.d.ts +19 -34
  440. package/types/components/package-info/index.d.ts +1 -0
  441. package/types/components/package-info/package-info.d.ts +15 -0
  442. package/types/components/run-info/index.d.ts +1 -0
  443. package/types/components/run-info/run-info.d.ts +16 -0
  444. package/types/components/summary/index.d.ts +1 -1
  445. package/types/components/summary/summary.d.ts +25 -36
  446. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
  447. package/types/constants.d.ts +4 -15
  448. package/types/i18n.d.ts +15 -15
  449. package/types/layout/box/box.d.ts +12 -25
  450. package/types/layout/box/index.d.ts +1 -1
  451. package/types/layout/flex-stack/flex-stack.d.ts +10 -33
  452. package/types/layout/flex-stack/index.d.ts +1 -1
  453. package/types/layout/footer/footer.d.ts +5 -5
  454. package/types/layout/separator.d.ts +4 -4
  455. package/types/layout/stack/index.d.ts +1 -1
  456. package/types/layout/stack/stack.d.ts +7 -20
  457. package/types/tokens.d.ts +23 -0
  458. package/types/ui/alert/alert.d.ts +7 -14
  459. package/types/ui/alert/index.d.ts +1 -1
  460. package/types/ui/container/container.d.ts +5 -17
  461. package/types/ui/container/index.d.ts +1 -1
  462. package/types/ui/dropdown/dropdown.d.ts +16 -16
  463. package/types/ui/empty-set/empty-set.d.ts +7 -7
  464. package/types/ui/file-name/file-name.d.ts +7 -7
  465. package/types/ui/filters/filters.d.ts +6 -6
  466. package/types/ui/filters/filters.utils.d.ts +2 -2
  467. package/types/ui/filters/index.d.ts +4 -4
  468. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
  469. package/types/ui/hover-card/hover-card.d.ts +12 -26
  470. package/types/ui/hover-card/index.d.ts +1 -1
  471. package/types/ui/icon/icon.d.ts +54 -38
  472. package/types/ui/icon/index.d.ts +1 -1
  473. package/types/ui/index.d.ts +0 -1
  474. package/types/ui/input/input.d.ts +5 -5
  475. package/types/ui/loader/loader.d.ts +8 -8
  476. package/types/ui/skeleton/skeleton.d.ts +7 -7
  477. package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
  478. package/types/ui/table/index.d.ts +1 -1
  479. package/types/ui/table/table.d.ts +14 -33
  480. package/types/ui/tabs/tabs.d.ts +10 -10
  481. package/types/ui/tag/index.d.ts +1 -1
  482. package/types/ui/tag/tag.d.ts +22 -33
  483. package/types/ui/toolbar/toolbar.d.ts +6 -6
  484. package/types/ui/tooltip/index.d.ts +1 -1
  485. package/types/ui/tooltip/tooltip.d.ts +10 -28
  486. package/lib/components/job-meta/index.js.map +0 -1
  487. package/lib/components/job-meta/job-meta.js +0 -34
  488. package/lib/components/job-meta/job-meta.js.map +0 -1
  489. package/lib/components/job-meta/job-meta.module.css +0 -19
  490. package/lib/components/summary-item/index.js.map +0 -1
  491. package/lib/components/summary-item/summary-item.js +0 -97
  492. package/lib/components/summary-item/summary-item.js.map +0 -1
  493. package/lib/components/summary-item/summary-item.module.css +0 -58
  494. package/lib/ui/panels/index.js +0 -6
  495. package/lib/ui/panels/index.js.map +0 -1
  496. package/lib/ui/panels/panels.js +0 -28
  497. package/lib/ui/panels/panels.js.map +0 -1
  498. package/lib/ui/panels/panels.module.css +0 -23
  499. package/lib-esm/components/job-meta/index.js +0 -2
  500. package/lib-esm/components/job-meta/index.js.map +0 -1
  501. package/lib-esm/components/job-meta/job-meta.js +0 -27
  502. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  503. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  504. package/lib-esm/components/summary-item/index.js +0 -2
  505. package/lib-esm/components/summary-item/index.js.map +0 -1
  506. package/lib-esm/components/summary-item/summary-item.js +0 -67
  507. package/lib-esm/components/summary-item/summary-item.js.map +0 -1
  508. package/lib-esm/components/summary-item/summary-item.module.css +0 -58
  509. package/lib-esm/ui/panels/index.js +0 -2
  510. package/lib-esm/ui/panels/index.js.map +0 -1
  511. package/lib-esm/ui/panels/panels.js +0 -21
  512. package/lib-esm/ui/panels/panels.js.map +0 -1
  513. package/lib-esm/ui/panels/panels.module.css +0 -23
  514. package/src/app/header/header.jsx +0 -25
  515. package/src/assets/icons/cancel.svg +0 -1
  516. package/src/components/asset-info/asset-info.jsx +0 -96
  517. package/src/components/job-meta/index.js +0 -1
  518. package/src/components/job-meta/job-meta.jsx +0 -47
  519. package/src/components/job-meta/job-meta.module.css +0 -19
  520. package/src/components/jobs-header/jobs-header.jsx +0 -43
  521. package/src/components/metric/metric.jsx +0 -63
  522. package/src/components/module-info/module-info.jsx +0 -123
  523. package/src/components/summary/summary.jsx +0 -73
  524. package/src/components/summary-item/index.js +0 -1
  525. package/src/components/summary-item/summary-item.jsx +0 -142
  526. package/src/components/summary-item/summary-item.module.css +0 -58
  527. package/src/layout/box/box.jsx +0 -67
  528. package/src/layout/box/index.js +0 -1
  529. package/src/layout/flex-stack/flex-stack.jsx +0 -49
  530. package/src/layout/stack/stack.jsx +0 -32
  531. package/src/ui/alert/alert.jsx +0 -27
  532. package/src/ui/container/container.jsx +0 -24
  533. package/src/ui/container/index.js +0 -1
  534. package/src/ui/icon/icon.jsx +0 -53
  535. package/src/ui/panels/index.js +0 -1
  536. package/src/ui/panels/panels.jsx +0 -39
  537. package/src/ui/panels/panels.module.css +0 -23
  538. package/src/ui/table/table.jsx +0 -37
  539. package/src/ui/tag/tag.jsx +0 -49
  540. package/src/ui/tooltip/tooltip.jsx +0 -67
  541. package/tsconfig.esm.json +0 -13
  542. package/tsconfig.json +0 -7
  543. package/tsconfig.lib.json +0 -9
  544. package/types/components/job-meta/index.d.ts +0 -1
  545. package/types/components/job-meta/job-meta.d.ts +0 -18
  546. package/types/components/summary-item/index.d.ts +0 -1
  547. package/types/components/summary-item/summary-item.d.ts +0 -40
  548. package/types/ui/panels/index.d.ts +0 -1
  549. package/types/ui/panels/panels.d.ts +0 -18
  550. /package/src/app/header/{index.js → index.ts} +0 -0
  551. /package/src/components/asset-info/{index.js → index.ts} +0 -0
  552. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
  553. /package/src/components/metric/{index.js → index.ts} +0 -0
  554. /package/src/components/module-info/{index.js → index.ts} +0 -0
  555. /package/src/components/summary/{index.js → index.ts} +0 -0
  556. /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
  557. /package/src/layout/stack/{index.js → index.ts} +0 -0
  558. /package/src/ui/alert/{index.js → index.ts} +0 -0
  559. /package/src/ui/hover-card/{index.js → index.ts} +0 -0
  560. /package/src/ui/icon/{index.js → index.ts} +0 -0
  561. /package/src/ui/table/{index.js → index.ts} +0 -0
  562. /package/src/ui/tag/{index.js → index.ts} +0 -0
  563. /package/src/ui/tooltip/{index.js → index.ts} +0 -0
@@ -1,23 +1,21 @@
1
1
  import React, { useCallback, useMemo, useState } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import cx from 'classnames';
4
- import { PACKAGE_FILTERS, PACKAGES_SEPARATOR, PACKAGE_ID_SEPARATOR, getBundleModulesBySearch, getBundlePackagesByNameComponentLink, } from '@bundle-stats/utils';
4
+ import { COMPONENT, PACKAGE_FILTERS, PACKAGES_SEPARATOR, SECTIONS } from '@bundle-stats/utils';
5
5
  import config from '../../config.json';
6
6
  import I18N from '../../i18n';
7
- import { Stack } from '../../layout/stack';
8
7
  import { FlexStack } from '../../layout/flex-stack';
9
8
  import { EmptySet } from '../../ui/empty-set';
10
9
  import { Filters } from '../../ui/filters';
11
- import { HoverCard } from '../../ui/hover-card';
12
10
  import { SortDropdown } from '../../ui/sort-dropdown';
13
11
  import { Tag } from '../../ui/tag';
14
12
  import { Toolbar } from '../../ui/toolbar';
15
- import { FileName } from '../../ui/file-name';
16
13
  import { ComponentLink } from '../component-link';
17
14
  import { MetricsTable } from '../metrics-table';
18
15
  import { MetricsTableSearch } from '../metrics-table-search';
19
16
  import { MetricsTableOptions } from '../metrics-table-options';
20
17
  import { MetricsTableTitle } from '../metrics-table-title';
18
+ import { PackageInfo } from '../package-info';
21
19
  import css from './bundle-packages.module.css';
22
20
  const getDropdownFilters = ({ compareMode, filters }) => ({
23
21
  [PACKAGE_FILTERS.CHANGED]: {
@@ -30,53 +28,21 @@ const getDropdownFilters = ({ compareMode, filters }) => ({
30
28
  defaultValue: filters[PACKAGE_FILTERS.DUPLICATE],
31
29
  },
32
30
  });
33
- const PackagePopoverContent = ({ name, fullName, path, duplicate, CustomComponentLink }) => {
34
- const fallbackPackagePath = `node_modules/${fullName.split(PACKAGES_SEPARATOR).join('/node_modules/')}`;
35
- const normalizedPackagePath = `${path || fallbackPackagePath}/`;
36
- const [normalizedName, packageId] = name.split(PACKAGE_ID_SEPARATOR);
37
- return (React.createElement(Stack, { space: "xsmall", className: css.packageHoverCard },
38
- React.createElement(Stack, { space: "xxxsmall" },
39
- React.createElement("h3", { className: css.packageHoverCardTitle },
40
- normalizedName,
41
- packageId && (React.createElement("span", { className: css.packageHoverCardTitleIndex }, `${PACKAGE_ID_SEPARATOR}${packageId}`))),
42
- React.createElement("p", { className: css.packageHoverCardPath },
43
- React.createElement(FileName, { className: css.packageHoverCardPathValue, name: normalizedPackagePath }))),
44
- React.createElement("ul", { className: css.packageHoverCardList },
45
- React.createElement("li", { className: css.packageHoverCardItem },
46
- React.createElement("a", { href: `https://www.npmjs.com/package/${normalizedName}`, target: "_blank", rel: "noreferrer" }, "npmjs.com")),
47
- React.createElement("li", { className: css.packageHoverCardItem },
48
- React.createElement("a", { href: `https://bundlephobia.com/result?p=${normalizedName}`, target: "_blank", rel: "noreferrer" }, "bundlephobia.com"))),
49
- React.createElement(Stack, { space: "xxxsmall", className: css.packageHoverCardActions },
50
- duplicate && (React.createElement("div", null,
51
- React.createElement(CustomComponentLink, { ...getBundlePackagesByNameComponentLink(normalizedName) }, "View all duplicate instances"))),
52
- React.createElement(CustomComponentLink, { ...getBundleModulesBySearch(normalizedPackagePath) }, "Search modules by package path"))));
53
- };
54
- PackagePopoverContent.propTypes = {
55
- name: PropTypes.string.isRequired,
56
- path: PropTypes.string,
57
- fullName: PropTypes.string.isRequired,
58
- duplicate: PropTypes.bool.isRequired,
59
- CustomComponentLink: PropTypes.elementType.isRequired,
60
- };
61
- PackagePopoverContent.defaultProps = {
62
- path: '',
63
- };
64
- const PackageName = ({ packageName, path, showDuplicateFlag, row, CustomComponentLink }) => {
65
- const [showHoverCard, setHoverCard] = useState(false);
66
- const handleOnMouseEnter = useCallback(() => setHoverCard(true), [showHoverCard]);
67
- const label = useMemo(() => (React.createElement(React.Fragment, null,
68
- showDuplicateFlag && row.duplicate && (React.createElement(Tag, { className: css.packageNameTagDuplicate, title: "Duplicate package", kind: Tag.KINDS.DANGER, size: Tag.SIZES.SMALL })),
69
- React.createElement("span", { className: css.packageNameLabel }, packageName))), [packageName, showDuplicateFlag, row]);
70
- if (!showHoverCard) {
71
- return (React.createElement("span", { className: css.packageName, onMouseEnter: handleOnMouseEnter }, label));
72
- }
73
- return (React.createElement(HoverCard, { className: css.packageName, label: React.createElement("span", { className: css.packageName }, label) },
74
- React.createElement(PackagePopoverContent, { name: packageName, path: path, fullName: row.label, duplicate: row.duplicate, CustomComponentLink: CustomComponentLink })));
31
+ const PackageName = ({ packageName, showDetails, row, filters, search, CustomComponentLink }) => {
32
+ const params = useMemo(() => ({
33
+ [COMPONENT.BUNDLE_PACKAGES]: {
34
+ filters,
35
+ search,
36
+ entryId: showDetails ? row.key : packageName
37
+ }
38
+ }), [filters, search, row, packageName]);
39
+ return (React.createElement(CustomComponentLink, { section: SECTIONS.PACKAGES, params: params, className: css.packageName },
40
+ showDetails && row.duplicate && (React.createElement(Tag, { className: css.packageNameTagDuplicate, title: "Duplicate package", kind: Tag.KINDS.DANGER, size: Tag.SIZES.SMALL })),
41
+ React.createElement("span", { className: css.packageNameLabel }, packageName)));
75
42
  };
76
43
  PackageName.propTypes = {
77
44
  packageName: PropTypes.string.isRequired,
78
- path: PropTypes.string.isRequired,
79
- showDuplicateFlag: PropTypes.bool.isRequired,
45
+ showDetails: PropTypes.bool.isRequired,
80
46
  row: PropTypes.shape({
81
47
  label: PropTypes.string,
82
48
  duplicate: PropTypes.bool,
@@ -85,11 +51,12 @@ PackageName.propTypes = {
85
51
  })).isRequired,
86
52
  }).isRequired,
87
53
  CustomComponentLink: PropTypes.elementType.isRequired,
54
+ filters: PropTypes.object,
55
+ search: PropTypes.string,
88
56
  };
89
- const RowHeader = ({ row, CustomComponentLink }) => {
57
+ const RowHeader = ({ row, labels, CustomComponentLink, filters, search }) => {
90
58
  const packageNames = row.label.split(PACKAGES_SEPARATOR);
91
- const { path } = row.runs[0] || {};
92
- return (React.createElement("span", { className: css.packageNames }, packageNames.map((packageName, index) => (React.createElement(PackageName, { packageName: packageName, path: path, showDuplicateFlag: index === packageNames.length - 1, row: row, CustomComponentLink: CustomComponentLink })))));
59
+ return (React.createElement("span", { className: css.packageNames }, packageNames.map((packageName, index) => (React.createElement(PackageName, { packageName: packageName, row: row, labels: labels, showDetails: index === packageNames.length - 1, CustomComponentLink: CustomComponentLink, filters: filters, search: search })))));
93
60
  };
94
61
  RowHeader.propTypes = {
95
62
  row: PropTypes.shape({
@@ -100,22 +67,26 @@ RowHeader.propTypes = {
100
67
  })).isRequired,
101
68
  }).isRequired,
102
69
  CustomComponentLink: PropTypes.elementType.isRequired,
70
+ filters: PropTypes.object,
71
+ search: PropTypes.string,
103
72
  };
104
73
  export const BundlePackages = (props) => {
105
- const { className, jobs, items, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, } = props;
74
+ const { className, jobs, items, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, entryId, allItems, hideEntryInfo, } = props;
106
75
  const dropdownFilters = useMemo(() => getDropdownFilters({ compareMode: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1, filters }), [jobs, filters]);
107
76
  const metricsTableTitle = useMemo(() => (React.createElement(MetricsTableTitle, { title: I18N.PACKAGES, info: `${items.length}/${totalRowCount}`, popoverInfo: I18N.PACKAGES_INFO, popoverHref: config.documentation.packages })), [items, totalRowCount]);
108
- const renderRowHeader = useCallback((row) => React.createElement(RowHeader, { row: row, CustomComponentLink: CustomComponentLink }), [CustomComponentLink]);
77
+ const renderRowHeader = useCallback((row) => (React.createElement(RowHeader, { row: row, labels: jobs.map((job) => job === null || job === void 0 ? void 0 : job.label), CustomComponentLink: CustomComponentLink, filters: filters, search: search })), [CustomComponentLink, jobs, filters, search]);
109
78
  const emptyMessage = useMemo(() => (React.createElement(EmptySet, { resources: "packages", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
110
- return (React.createElement("section", { className: cx(css.root, className) },
111
- React.createElement(Toolbar, { className: css.toolbar, renderActions: ({ actionClassName }) => (React.createElement(FlexStack, { space: "xxsmall", className: cx(css.dropdown, actionClassName) },
112
- React.createElement(SortDropdown, { fields: sortFields, ...sort, onChange: updateSort }),
113
- React.createElement(MetricsTableOptions, { handleViewAll: resetAllFilters, handleResetFilters: resetFilters }))) },
114
- React.createElement(FlexStack, { space: "xxsmall" },
115
- React.createElement(MetricsTableSearch, { className: css.toolbarSearch, placeholder: "Search by name", search: search, updateSearch: updateSearch }),
116
- React.createElement(Filters, { filters: dropdownFilters, label: `Filters (${items.length}/${totalRowCount})`, onChange: updateFilters, hasActiveFilters: hasActiveFilters }))),
117
- React.createElement("main", null,
118
- React.createElement(MetricsTable, { runs: jobs, items: items, emptyMessage: emptyMessage, renderRowHeader: renderRowHeader, showHeaderSum: true, title: metricsTableTitle }))));
79
+ return (React.createElement(React.Fragment, null,
80
+ React.createElement("section", { className: cx(css.root, className) },
81
+ React.createElement(Toolbar, { className: css.toolbar, renderActions: ({ actionClassName }) => (React.createElement(FlexStack, { space: "xxsmall", className: cx(css.dropdown, actionClassName) },
82
+ React.createElement(SortDropdown, { fields: sortFields, ...sort, onChange: updateSort }),
83
+ React.createElement(MetricsTableOptions, { handleViewAll: resetAllFilters, handleResetFilters: resetFilters }))) },
84
+ React.createElement(FlexStack, { space: "xxsmall" },
85
+ React.createElement(MetricsTableSearch, { className: css.toolbarSearch, placeholder: "Search by name", search: search, updateSearch: updateSearch }),
86
+ React.createElement(Filters, { filters: dropdownFilters, label: `Filters (${items.length}/${totalRowCount})`, onChange: updateFilters, hasActiveFilters: hasActiveFilters }))),
87
+ React.createElement("main", null,
88
+ React.createElement(MetricsTable, { runs: jobs, items: items, emptyMessage: emptyMessage, renderRowHeader: renderRowHeader, showHeaderSum: true, title: metricsTableTitle }))),
89
+ entryId && (React.createElement(PackageInfo, { className: css.packageInfo, item: allItems.find(({ key }) => key === entryId), labels: jobs === null || jobs === void 0 ? void 0 : jobs.map(({ label }) => label), customComponentLink: CustomComponentLink, onClose: hideEntryInfo }))));
119
90
  };
120
91
  BundlePackages.defaultProps = {
121
92
  className: '',
@@ -157,6 +128,10 @@ BundlePackages.propTypes = {
157
128
  updateSort: PropTypes.func.isRequired,
158
129
  search: PropTypes.string.isRequired,
159
130
  updateSearch: PropTypes.func.isRequired,
131
+ allItems: PropTypes.arrayOf(PropTypes.shape({
132
+ key: PropTypes.string,
133
+ })),
160
134
  customComponentLink: PropTypes.elementType,
135
+ hideEntryInfo: PropTypes.func.isRequired,
161
136
  };
162
137
  //# sourceMappingURL=bundle-packages.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"bundle-packages.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.jsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"bundle-packages.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.jsx"],"names":[],"mappings":"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"}
@@ -12,6 +12,10 @@
12
12
  margin-right: -1px; /** collapse border */
13
13
  }
14
14
 
15
+ .hoverCard {
16
+ max-width: var(--entry-info-hovercard-width);
17
+ }
18
+
15
19
  .packageName {
16
20
  display: inline-block;
17
21
  color: var(--color-text-light);
@@ -41,20 +45,14 @@
41
45
  content: 'd';
42
46
  }
43
47
 
44
-
45
- .packageHoverCardTitleIndex {
46
- color: var(--color-text-light);
47
- font-weight: normal;
48
- }
49
-
50
- .packageHoverCardPathValue {
51
- width: 100%;
52
- padding: var(--space-xxxsmall);
53
- background: var(--color-highlight-warning);
54
- font-family: var(--font-family-monospace);
48
+ .root .packageName:hover,
49
+ .root .packageName:active,
50
+ .root .packageName:focus {
51
+ text-decoration: none;
55
52
  }
56
53
 
57
- .packageHoverCardList {
58
- padding: 0;
59
- list-style: inside;
54
+ .root .packageName:hover .packageNameLabel,
55
+ .root .packageName:active .packageNameLabel,
56
+ .root .packageName:focus .packageNameLabel {
57
+ text-decoration: underline;
60
58
  }
@@ -1,4 +1,4 @@
1
- import React, { useMemo } from 'react';
1
+ import React, { useCallback, useMemo } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { PACKAGE_FILTERS } from '@bundle-stats/utils';
4
4
  import * as webpack from '@bundle-stats/utils/lib-esm/webpack/compare';
@@ -45,7 +45,10 @@ export const BundlePackages = (props) => {
45
45
  sortDirection: direction,
46
46
  getCustomSort,
47
47
  });
48
- return (React.createElement(BundlePackagesComponent, { jobs: jobs, ...restProps, ...searchParams, ...sortParams, totalRowCount: totalRowCount }));
48
+ const hideEntryInfo = useCallback(() => {
49
+ setState({ entryId: '' });
50
+ }, [setState]);
51
+ return (React.createElement(BundlePackagesComponent, { jobs: jobs, ...restProps, ...searchParams, ...sortParams, allItems: rows, totalRowCount: totalRowCount, hideEntryInfo: hideEntryInfo }));
49
52
  };
50
53
  BundlePackages.propTypes = {
51
54
  jobs: PropTypes.arrayOf(PropTypes.object).isRequired,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,7 @@
1
1
  .root {
2
- white-space: nowrap;
3
2
  color: var(--color-gray-ultra-light);
3
+ font-family: var(--font-family-fixed);
4
+ white-space: nowrap;
4
5
  }
5
6
 
6
7
  .HIGH_NEGATIVE {
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+ import cx from 'classnames';
3
+ import { Portal } from 'ariakit/portal';
4
+ import { METRIC_TYPES, getMetricRunInfo } from '@bundle-stats/utils';
5
+ import { Box } from '../../layout/box';
6
+ import { Stack } from '../../layout/stack';
7
+ import { FileName } from '../../ui/file-name';
8
+ import { Icon } from '../../ui/icon';
9
+ import { Table } from '../../ui/table';
10
+ import { RunInfo } from '../run-info';
11
+ import css from './entry-info.module.css';
12
+ const EntryInfoMeta = ({ className = '', label, children, }) => (React.createElement("p", { className: cx(css.meta, className) },
13
+ React.createElement("span", { className: css.metaLabel }, label),
14
+ React.createElement("span", { className: css.metaContent }, children)));
15
+ export const EntryInfo = (props) => {
16
+ var _a, _b, _c;
17
+ const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = 'Path', children, tags = null, onClose, } = props;
18
+ const baselineRun = item.runs.length > 1 ? (_a = item.runs) === null || _a === void 0 ? void 0 : _a[item.runs.length - 1] : null;
19
+ const metricRunInfo = getMetricRunInfo(METRIC_TYPES.METRIC_TYPE_FILE_SIZE, (_c = (_b = item.runs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value, (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.value) || 0);
20
+ return (React.createElement(Portal, { className: cx(css.root, className) },
21
+ React.createElement(Box, { padding: "small", as: "header", className: css.header },
22
+ React.createElement(Stack, { space: "small" },
23
+ tags && React.createElement("div", null, tags),
24
+ React.createElement(Stack, { space: "xxxsmall" },
25
+ React.createElement("h3", { className: css.label },
26
+ React.createElement(FileName, { as: "code", name: itemTitle || item.label, className: css.fileName })),
27
+ React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" }))),
28
+ React.createElement("button", { type: "button", onClick: onClose, className: css.headerClose },
29
+ React.createElement(Icon, { glyph: Icon.ICONS.CLOSE }))),
30
+ React.createElement(Box, { padding: "small", as: "main", className: css.contentWrapper },
31
+ React.createElement(Stack, { space: "small", className: css.content },
32
+ children,
33
+ React.createElement(Table, { outline: true, className: css.runs },
34
+ React.createElement(Table.THead, null,
35
+ React.createElement(Table.Tr, null,
36
+ React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColJob) }, "\u00A0"),
37
+ React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColName) }, runNameLabel),
38
+ React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColSize) }, "Size"))),
39
+ React.createElement(Table.TBody, null, item.runs.map((run, index) => {
40
+ const key = `info-${(run === null || run === void 0 ? void 0 : run.name) || index}-${index}`;
41
+ return (React.createElement(Table.Tr, { key: key },
42
+ React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColJob) }, labels[index]),
43
+ React.createElement(Table.Td, { className: cx(css.runsCell, css.runsColName) },
44
+ React.createElement(FileName, { className: css.fileName, as: "code", name: (run === null || run === void 0 ? void 0 : run[runNameSelector]) || '-' })),
45
+ React.createElement(Table.Td, { className: cx(css.runsCell, css.runsColSize) },
46
+ React.createElement("span", { className: css.size }, typeof (run === null || run === void 0 ? void 0 : run.value) !== 'undefined' ? run.value : '-'))));
47
+ })))))));
48
+ };
49
+ EntryInfo.Meta = EntryInfoMeta;
50
+ //# sourceMappingURL=entry-info.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,93 @@
1
+ .root {
2
+ position: fixed;
3
+ right: 0;
4
+ top: var(--entry-info-top);
5
+ bottom: 0;
6
+ width: 100vw;
7
+ max-width: var(--entry-info-width);
8
+ z-index: calc(var(--layer-high) - 1);
9
+ background: #fff;
10
+ box-shadow: var(--shadow-layer-high);
11
+ }
12
+
13
+ /** layout - full height content */
14
+ .root {
15
+ display: flex;
16
+ flex-flow: column;
17
+ }
18
+
19
+ .header {
20
+ flex: 0 0 auto;
21
+ }
22
+
23
+ .contentWrapper {
24
+ flex: 1 1 auto;
25
+ overflow: auto;
26
+ }
27
+
28
+ /** header */
29
+ .header {
30
+ /** space for close icon */
31
+ padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
32
+ border-bottom: 1px solid var(--color-outline);
33
+ }
34
+
35
+ .headerClose {
36
+ appearance: none;
37
+ background: none;
38
+ border: 0;
39
+ display: block;
40
+ padding: var(--space-xxxsmall);
41
+ position: absolute;
42
+ right: calc(var(--space-small) - var(--space-xxxsmall));
43
+ top: calc(var(--space-small) - var(--space-xxxsmall));
44
+ color: var(--color-text-ultra-light);
45
+ cursor: pointer;
46
+ }
47
+
48
+ .headerClose:hover,
49
+ .headerClose:active,
50
+ .headerClose:focus {
51
+ color: var(--color-text-light);
52
+ }
53
+
54
+ /** comon components */
55
+ .fileName {
56
+ max-width: 100%;
57
+ padding: 0 2px;
58
+ background: var(--color-highlight-warning);
59
+ line-height: var(--line-height);
60
+ }
61
+
62
+ .label {
63
+ font-size: var(--size-medium);
64
+ }
65
+
66
+ .runs {
67
+ font-size: var(--size-small);
68
+ }
69
+
70
+ .runs .runsCell {
71
+ padding: var(--space-xxxsmall) var(--space-xxsmall);
72
+ }
73
+
74
+ .runs .runsColJob {
75
+ white-space: nowrap;
76
+ }
77
+
78
+ .runs .runsColName {
79
+ width: 100%;
80
+ }
81
+
82
+ .runs .runsColSize {
83
+ text-align: right;
84
+ }
85
+
86
+ .size {
87
+ font-family: var(--font-family-fixed);
88
+ }
89
+
90
+ .metaLabel {
91
+ margin-right: .6em;
92
+ color: var(--color-text-light);
93
+ }
@@ -0,0 +1,2 @@
1
+ export * from './entry-info';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/entry-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -6,18 +6,19 @@ export { BundlePackages } from './bundle-packages';
6
6
  export { BundleModules } from './bundle-modules';
7
7
  export { ComponentLink } from './component-link';
8
8
  export { Delta } from './delta';
9
+ export { InsightIcon } from './insight-icon';
9
10
  export { Insights } from './insights';
10
11
  export { JobName } from './job-name';
11
- export { JobHeader } from './job-header';
12
12
  export { JobsHeader } from './jobs-header';
13
13
  export { LighthouseTable } from './lighthouse-table';
14
14
  export { Metric } from './metric';
15
+ export { MetricRunInfo } from './metric-run-info';
15
16
  export { MetricsTable } from './metrics-table';
16
17
  export { MetricsTableOptions } from './metrics-table-options';
17
18
  export { MetricsTableSearch } from './metrics-table-search';
18
19
  export { MetricsTableTitle } from './metrics-table-title';
19
20
  export { ModuleInfo } from './module-info';
20
- export { SummaryItem } from './summary-item';
21
+ export { RunInfo } from './run-info';
21
22
  export { Summary } from './summary';
22
23
  export { TotalSizeTypeTitle } from './total-size-type-title';
23
24
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAsB,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './insight-icon';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/insight-icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import cx from 'classnames';
3
+ import { InsightType } from '@bundle-stats/utils';
4
+ import { Icon } from '../../ui/icon';
5
+ import css from './insight-icon.module.css';
6
+ const InsightTypeIconMap = new Map([
7
+ [InsightType.ERROR, Icon.ICONS.ERROR],
8
+ [InsightType.WARNING, Icon.ICONS.WARNING],
9
+ [InsightType.INFO, Icon.ICONS.INFO],
10
+ ]);
11
+ export const InsightIcon = (props) => {
12
+ const { className, type } = props;
13
+ const resolvedType = Object.values(InsightType).includes(type) ? type : InsightType.WARNING;
14
+ const rootClassName = cx(css.root, css[resolvedType], className);
15
+ const glyph = InsightTypeIconMap.get(resolvedType);
16
+ return React.createElement(Icon, { glyph: glyph, className: rootClassName });
17
+ };
18
+ //# sourceMappingURL=insight-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"insight-icon.js","sourceRoot":"","sources":["../../../src/components/insight-icon/insight-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAC;AAChD,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAE5C,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACzC,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;CACpC,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC;IAC5F,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAc,CAAC;IAEhE,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAC1D,CAAC,CAAC"}
@@ -0,0 +1,24 @@
1
+ .root {
2
+ width: calc(var(--space-small) + 6px);
3
+ height: calc(var(--space-small) + 6px);
4
+ padding: 3px;
5
+ border-radius: 50%;
6
+ background: var(--color-highlight);
7
+ }
8
+
9
+ .error {
10
+ background: var(--color-red-50);
11
+ color: var(--color-danger);
12
+ }
13
+
14
+ .warning {
15
+ padding-top: 1px;
16
+ background: var(--color-yellow-100);
17
+ color: var(--color-yellow-900);
18
+ }
19
+
20
+ .info {
21
+ background: var(--color-highlight-info);
22
+ color: var(--color-info);
23
+ }
24
+
@@ -1,50 +1,17 @@
1
1
  import React from 'react';
2
- import cx from 'classnames';
3
- import { BUNDLE_PACKAGES_DUPLICATE, BUNDLE_PACKAGES_COUNT, InsightType, } from '@bundle-stats/utils';
2
+ import { getInsightList } from '@bundle-stats/utils';
4
3
  import { FlexStack } from '../../layout/flex-stack';
5
4
  import { Stack } from '../../layout/stack';
6
- import { Icon } from '../../ui/icon';
7
5
  import { ComponentLink } from '../component-link';
6
+ import { InsightIcon } from '../insight-icon';
8
7
  import css from './insights.module.css';
9
- const normalizedInsights = ({ duplicatePackages, newPackages, }) => {
10
- const insightsByLevel = {
11
- [InsightType.ERROR]: [],
12
- [InsightType.WARNING]: [],
13
- [InsightType.INFO]: [],
14
- };
15
- if (duplicatePackages) {
16
- insightsByLevel[duplicatePackages.type].push({
17
- name: 'duplicatePackages',
18
- insight: duplicatePackages,
19
- link: BUNDLE_PACKAGES_DUPLICATE,
20
- });
21
- }
22
- if (newPackages) {
23
- insightsByLevel[newPackages.type].push({
24
- name: 'newPackages',
25
- insight: newPackages,
26
- link: BUNDLE_PACKAGES_COUNT,
27
- });
28
- }
29
- return [
30
- ...(insightsByLevel[InsightType.ERROR] || []),
31
- ...(insightsByLevel[InsightType.WARNING] || []),
32
- ...(insightsByLevel[InsightType.INFO] || []),
33
- ];
34
- };
35
- const InsightTypeIconMap = new Map([
36
- [InsightType.ERROR, Icon.ICONS.ERROR],
37
- [InsightType.WARNING, Icon.ICONS.WARNING],
38
- [InsightType.INFO, Icon.ICONS.INFO],
39
- ]);
40
8
  export const Insights = (props) => {
41
- const { duplicatePackages, newPackages, customComponentLink: CustomComponentLink = ComponentLink, ...restProps } = props;
42
- const insights = normalizedInsights({ duplicatePackages, newPackages });
43
- return (React.createElement(Stack, { space: "xxsmall", ...restProps }, insights.map(({ name, insight, link }) => {
44
- const glyph = InsightTypeIconMap.get(insight.type);
9
+ const { insights, customComponentLink: CustomComponentLink = ComponentLink, ...restProps } = props;
10
+ const insightList = getInsightList(insights);
11
+ return (React.createElement(Stack, { space: "xxsmall", ...restProps }, insightList.map(({ name, insight, link }) => {
45
12
  const { text } = insight.data;
46
- return (React.createElement(FlexStack, { key: name, space: "xxsmall", alignItems: "center", as: CustomComponentLink, ...link, className: cx(css.entry, css[insight.type]) },
47
- glyph && React.createElement(Icon, { glyph: glyph, className: css.icon }),
13
+ return (React.createElement(FlexStack, { key: name, space: "xxsmall", alignItems: "center", as: CustomComponentLink, ...link, className: css.entry },
14
+ React.createElement(InsightIcon, { type: insight.type, className: css.icon }),
48
15
  React.createElement("span", null, text)));
49
16
  })));
50
17
  };
@@ -1 +1 @@
1
- {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAOxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,QAAQ,EACR,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,KAAK,SAAS,IACjC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;QAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAwB,CAAC;QAClD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,mBAAmB,KACnB,IAAI,EACR,SAAS,EAAE,GAAG,CAAC,KAAK;YAEpB,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,GAAI;YACxD,kCAAO,IAAI,CAAQ,CACT,CACb,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC"}