@bundle-stats/ui 4.1.5-alpha.0 → 4.1.5-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (791) hide show
  1. package/.babelrc.js +0 -4
  2. package/lib/app/app.js +139 -241
  3. package/lib/app/app.js.map +1 -0
  4. package/lib/app/header/header.js +21 -32
  5. package/lib/app/header/header.js.map +1 -0
  6. package/lib/app/header/index.js +16 -14
  7. package/lib/app/header/index.js.map +1 -0
  8. package/lib/app/index.js +16 -14
  9. package/lib/app/index.js.map +1 -0
  10. package/lib/assets/icons.svg.js +59 -0
  11. package/lib/assets/icons.svg.js.map +1 -0
  12. package/lib/components/asset-info/asset-info.js +54 -83
  13. package/lib/components/asset-info/asset-info.js.map +1 -0
  14. package/lib/components/asset-info/index.js +16 -14
  15. package/lib/components/asset-info/index.js.map +1 -0
  16. package/lib/components/browsertime-table/browsertime-table.js +42 -27
  17. package/lib/components/browsertime-table/browsertime-table.js.map +1 -0
  18. package/lib/components/browsertime-table/index.js +16 -14
  19. package/lib/components/browsertime-table/index.js.map +1 -0
  20. package/lib/components/bundle-assets/bundle-assets.constants.js +20 -24
  21. package/lib/components/bundle-assets/bundle-assets.constants.js.map +1 -0
  22. package/lib/components/bundle-assets/bundle-assets.js +200 -313
  23. package/lib/components/bundle-assets/bundle-assets.js.map +1 -0
  24. package/lib/components/bundle-assets/bundle-assets.utils.js +58 -63
  25. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -0
  26. package/lib/components/bundle-assets/index.js +90 -90
  27. package/lib/components/bundle-assets/index.js.map +1 -0
  28. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +83 -109
  29. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -0
  30. package/lib/components/bundle-assets-totals-chart-bars/index.js +16 -14
  31. package/lib/components/bundle-assets-totals-chart-bars/index.js.map +1 -0
  32. package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.js +51 -56
  33. package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.js.map +1 -0
  34. package/lib/components/bundle-assets-totals-table/index.js +16 -14
  35. package/lib/components/bundle-assets-totals-table/index.js.map +1 -0
  36. package/lib/components/bundle-modules/bundle-modules.constants.js +20 -24
  37. package/lib/components/bundle-modules/bundle-modules.constants.js.map +1 -0
  38. package/lib/components/bundle-modules/bundle-modules.js +169 -266
  39. package/lib/components/bundle-modules/bundle-modules.js.map +1 -0
  40. package/lib/components/bundle-modules/bundle-modules.utils.js +66 -105
  41. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -0
  42. package/lib/components/bundle-modules/index.js +101 -109
  43. package/lib/components/bundle-modules/index.js.map +1 -0
  44. package/lib/components/bundle-packages/bundle-packages.constants.js +20 -24
  45. package/lib/components/bundle-packages/bundle-packages.constants.js.map +1 -0
  46. package/lib/components/bundle-packages/bundle-packages.js +175 -299
  47. package/lib/components/bundle-packages/bundle-packages.js.map +1 -0
  48. package/lib/components/bundle-packages/bundle-packages.utils.js +32 -46
  49. package/lib/components/bundle-packages/bundle-packages.utils.js.map +1 -0
  50. package/lib/components/bundle-packages/index.js +88 -89
  51. package/lib/components/bundle-packages/index.js.map +1 -0
  52. package/lib/components/component-link.js +25 -37
  53. package/lib/components/component-link.js.map +1 -0
  54. package/lib/components/delta/delta.js +21 -27
  55. package/lib/components/delta/delta.js.map +1 -0
  56. package/lib/components/delta/index.js +16 -14
  57. package/lib/components/delta/index.js.map +1 -0
  58. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js +36 -42
  59. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js.map +1 -0
  60. package/lib/components/duplicate-packages-warning/index.js +16 -14
  61. package/lib/components/duplicate-packages-warning/index.js.map +1 -0
  62. package/lib/components/index.js +47 -158
  63. package/lib/components/index.js.map +1 -0
  64. package/lib/components/job-header/index.js +16 -14
  65. package/lib/components/job-header/index.js.map +1 -0
  66. package/lib/components/job-header/job-header.js +47 -72
  67. package/lib/components/job-header/job-header.js.map +1 -0
  68. package/lib/components/job-meta/index.js +16 -14
  69. package/lib/components/job-meta/index.js.map +1 -0
  70. package/lib/components/job-meta/job-meta.js +29 -48
  71. package/lib/components/job-meta/job-meta.js.map +1 -0
  72. package/lib/components/job-name/index.js +16 -14
  73. package/lib/components/job-name/index.js.map +1 -0
  74. package/lib/components/job-name/job-name.js +21 -40
  75. package/lib/components/job-name/job-name.js.map +1 -0
  76. package/lib/components/jobs-header/index.js +16 -14
  77. package/lib/components/jobs-header/index.js.map +1 -0
  78. package/lib/components/jobs-header/jobs-header.js +25 -38
  79. package/lib/components/jobs-header/jobs-header.js.map +1 -0
  80. package/lib/components/lighthouse-table/index.js +16 -14
  81. package/lib/components/lighthouse-table/index.js.map +1 -0
  82. package/lib/components/lighthouse-table/lighthouse-table.js +42 -27
  83. package/lib/components/lighthouse-table/lighthouse-table.js.map +1 -0
  84. package/lib/components/metric/index.js +16 -14
  85. package/lib/components/metric/index.js.map +1 -0
  86. package/lib/components/metric/metric.js +69 -72
  87. package/lib/components/metric/metric.js.map +1 -0
  88. package/lib/components/metrics-table/index.js +16 -14
  89. package/lib/components/metrics-table/index.js.map +1 -0
  90. package/lib/components/metrics-table/metrics-table.js +167 -220
  91. package/lib/components/metrics-table/metrics-table.js.map +1 -0
  92. package/lib/components/metrics-table-options/index.js +16 -14
  93. package/lib/components/metrics-table-options/index.js.map +1 -0
  94. package/lib/components/metrics-table-options/metrics-table-options.js +23 -35
  95. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -0
  96. package/lib/components/metrics-table-search/index.js +16 -14
  97. package/lib/components/metrics-table-search/index.js.map +1 -0
  98. package/lib/components/metrics-table-search/metrics-table-search.js +67 -76
  99. package/lib/components/metrics-table-search/metrics-table-search.js.map +1 -0
  100. package/lib/components/metrics-table-title/index.js +16 -14
  101. package/lib/components/metrics-table-title/index.js.map +1 -0
  102. package/lib/components/metrics-table-title/metrics-table-title.js +38 -57
  103. package/lib/components/metrics-table-title/metrics-table-title.js.map +1 -0
  104. package/lib/components/module-info/index.js +16 -14
  105. package/lib/components/module-info/index.js.map +1 -0
  106. package/lib/components/module-info/module-info.js +57 -79
  107. package/lib/components/module-info/module-info.js.map +1 -0
  108. package/lib/components/summary/index.js +16 -14
  109. package/lib/components/summary/index.js.map +1 -0
  110. package/lib/components/summary/summary.js +43 -82
  111. package/lib/components/summary/summary.js.map +1 -0
  112. package/lib/components/summary-item/index.js +16 -14
  113. package/lib/components/summary-item/index.js.map +1 -0
  114. package/lib/components/summary-item/summary-item.js +86 -126
  115. package/lib/components/summary-item/summary-item.js.map +1 -0
  116. package/lib/components/total-size-type-title/index.js +16 -14
  117. package/lib/components/total-size-type-title/index.js.map +1 -0
  118. package/lib/components/total-size-type-title/total-size-type-title.js +27 -43
  119. package/lib/components/total-size-type-title/total-size-type-title.js.map +1 -0
  120. package/lib/constants.js +54 -52
  121. package/lib/constants.js.map +1 -0
  122. package/lib/hooks/rows-filter.js +15 -21
  123. package/lib/hooks/rows-filter.js.map +1 -0
  124. package/lib/hooks/rows-sort.js +17 -38
  125. package/lib/hooks/rows-sort.js.map +1 -0
  126. package/lib/hooks/search-params.js +108 -161
  127. package/lib/hooks/search-params.js.map +1 -0
  128. package/lib/i18n.js +18 -22
  129. package/lib/i18n.js.map +1 -0
  130. package/lib/index.js +20 -58
  131. package/lib/index.js.map +1 -0
  132. package/lib/layout/box/box.js +35 -62
  133. package/lib/layout/box/box.js.map +1 -0
  134. package/lib/layout/box/index.js +5 -11
  135. package/lib/layout/box/index.js.map +1 -0
  136. package/lib/layout/flex-stack/flex-stack.js +29 -48
  137. package/lib/layout/flex-stack/flex-stack.js.map +1 -0
  138. package/lib/layout/flex-stack/index.js +16 -14
  139. package/lib/layout/flex-stack/index.js.map +1 -0
  140. package/lib/layout/footer/footer.js +35 -65
  141. package/lib/layout/footer/footer.js.map +1 -0
  142. package/lib/layout/footer/index.js +5 -11
  143. package/lib/layout/footer/index.js.map +1 -0
  144. package/lib/layout/index.js +13 -53
  145. package/lib/layout/index.js.map +1 -0
  146. package/lib/layout/separator.js +18 -30
  147. package/lib/layout/separator.js.map +1 -0
  148. package/lib/layout/stack/index.js +16 -14
  149. package/lib/layout/stack/index.js.map +1 -0
  150. package/lib/layout/stack/stack.js +26 -36
  151. package/lib/layout/stack/stack.js.map +1 -0
  152. package/lib/query-state.js +51 -47
  153. package/lib/query-state.js.map +1 -0
  154. package/lib/stories/index.js +16 -14
  155. package/lib/stories/index.js.map +1 -0
  156. package/lib/stories/wrapper.js +17 -28
  157. package/lib/stories/wrapper.js.map +1 -0
  158. package/lib/ui/alert/alert.js +21 -27
  159. package/lib/ui/alert/alert.js.map +1 -0
  160. package/lib/ui/alert/index.js +16 -14
  161. package/lib/ui/alert/index.js.map +1 -0
  162. package/lib/ui/container/container.js +18 -32
  163. package/lib/ui/container/container.js.map +1 -0
  164. package/lib/ui/container/index.js +5 -11
  165. package/lib/ui/container/index.js.map +1 -0
  166. package/lib/ui/dropdown/dropdown.js +48 -84
  167. package/lib/ui/dropdown/dropdown.js.map +1 -0
  168. package/lib/ui/dropdown/index.js +16 -14
  169. package/lib/ui/dropdown/index.js.map +1 -0
  170. package/lib/ui/empty-set/empty-set.js +40 -46
  171. package/lib/ui/empty-set/empty-set.js.map +1 -0
  172. package/lib/ui/empty-set/index.js +16 -14
  173. package/lib/ui/empty-set/index.js.map +1 -0
  174. package/lib/ui/file-name/file-name.js +19 -29
  175. package/lib/ui/file-name/file-name.js.map +1 -0
  176. package/lib/ui/file-name/index.js +5 -11
  177. package/lib/ui/file-name/index.js.map +1 -0
  178. package/lib/ui/filters/filters.js +116 -219
  179. package/lib/ui/filters/filters.js.map +1 -0
  180. package/lib/ui/filters/filters.utils.js +56 -94
  181. package/lib/ui/filters/filters.utils.js.map +1 -0
  182. package/lib/ui/filters/index.js +64 -73
  183. package/lib/ui/filters/index.js.map +1 -0
  184. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.js +89 -158
  185. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.js.map +1 -0
  186. package/lib/ui/horizontal-bar-chart/index.js +16 -14
  187. package/lib/ui/horizontal-bar-chart/index.js.map +1 -0
  188. package/lib/ui/hover-card/hover-card.js +66 -81
  189. package/lib/ui/hover-card/hover-card.js.map +1 -0
  190. package/lib/ui/hover-card/index.js +16 -14
  191. package/lib/ui/hover-card/index.js.map +1 -0
  192. package/lib/ui/icon/icon.js +41 -53
  193. package/lib/ui/icon/icon.js.map +1 -0
  194. package/lib/ui/icon/index.js +16 -14
  195. package/lib/ui/icon/index.js.map +1 -0
  196. package/lib/ui/index.js +39 -137
  197. package/lib/ui/index.js.map +1 -0
  198. package/lib/ui/input/index.js +16 -14
  199. package/lib/ui/input/index.js.map +1 -0
  200. package/lib/ui/input/input.js +19 -28
  201. package/lib/ui/input/input.js.map +1 -0
  202. package/lib/ui/loader/index.js +16 -14
  203. package/lib/ui/loader/index.js.map +1 -0
  204. package/lib/ui/loader/loader.js +21 -34
  205. package/lib/ui/loader/loader.js.map +1 -0
  206. package/lib/ui/panels/index.js +5 -11
  207. package/lib/ui/panels/index.js.map +1 -0
  208. package/lib/ui/panels/panels.js +23 -41
  209. package/lib/ui/panels/panels.js.map +1 -0
  210. package/lib/ui/skeleton/index.js +16 -14
  211. package/lib/ui/skeleton/index.js.map +1 -0
  212. package/lib/ui/skeleton/skeleton.js +22 -31
  213. package/lib/ui/skeleton/skeleton.js.map +1 -0
  214. package/lib/ui/skeleton/skeleton.module.css +1 -12
  215. package/lib/ui/sort-dropdown/index.js +16 -14
  216. package/lib/ui/sort-dropdown/index.js.map +1 -0
  217. package/lib/ui/sort-dropdown/sort-dropdown.js +89 -127
  218. package/lib/ui/sort-dropdown/sort-dropdown.js.map +1 -0
  219. package/lib/ui/table/index.js +16 -14
  220. package/lib/ui/table/index.js.map +1 -0
  221. package/lib/ui/table/table.js +33 -42
  222. package/lib/ui/table/table.js.map +1 -0
  223. package/lib/ui/tabs/index.js +5 -11
  224. package/lib/ui/tabs/index.js.map +1 -0
  225. package/lib/ui/tabs/tabs.js +23 -44
  226. package/lib/ui/tabs/tabs.js.map +1 -0
  227. package/lib/ui/tag/index.js +16 -14
  228. package/lib/ui/tag/index.js.map +1 -0
  229. package/lib/ui/tag/tag.js +35 -51
  230. package/lib/ui/tag/tag.js.map +1 -0
  231. package/lib/ui/toolbar/index.js +16 -14
  232. package/lib/ui/toolbar/index.js.map +1 -0
  233. package/lib/ui/toolbar/toolbar.js +23 -31
  234. package/lib/ui/toolbar/toolbar.js.map +1 -0
  235. package/lib/ui/tooltip/index.js +16 -14
  236. package/lib/ui/tooltip/index.js.map +1 -0
  237. package/lib/ui/tooltip/tooltip.js +36 -59
  238. package/lib/ui/tooltip/tooltip.js.map +1 -0
  239. package/lib/utils.js +29 -36
  240. package/lib/utils.js.map +1 -0
  241. package/lib-esm/app/app.js +89 -197
  242. package/lib-esm/app/app.js.map +1 -0
  243. package/lib-esm/app/header/header.js +9 -21
  244. package/lib-esm/app/header/header.js.map +1 -0
  245. package/lib-esm/app/header/index.js +2 -1
  246. package/lib-esm/app/header/index.js.map +1 -0
  247. package/lib-esm/app/index.js +2 -1
  248. package/lib-esm/app/index.js.map +1 -0
  249. package/lib-esm/assets/icons.svg.js +32 -0
  250. package/lib-esm/assets/icons.svg.js.map +1 -0
  251. package/lib-esm/components/asset-info/asset-info.js +40 -72
  252. package/lib-esm/components/asset-info/asset-info.js.map +1 -0
  253. package/lib-esm/components/asset-info/index.js +2 -1
  254. package/lib-esm/components/asset-info/index.js.map +1 -0
  255. package/lib-esm/components/browsertime-table/browsertime-table.js +10 -16
  256. package/lib-esm/components/browsertime-table/browsertime-table.js.map +1 -0
  257. package/lib-esm/components/browsertime-table/index.js +2 -1
  258. package/lib-esm/components/browsertime-table/index.js.map +1 -0
  259. package/lib-esm/components/bundle-assets/bundle-assets.constants.js +14 -13
  260. package/lib-esm/components/bundle-assets/bundle-assets.constants.js.map +1 -0
  261. package/lib-esm/components/bundle-assets/bundle-assets.js +144 -274
  262. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -0
  263. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +64 -51
  264. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -0
  265. package/lib-esm/components/bundle-assets/index.js +52 -75
  266. package/lib-esm/components/bundle-assets/index.js.map +1 -0
  267. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +47 -81
  268. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -0
  269. package/lib-esm/components/bundle-assets-totals-chart-bars/index.js +2 -1
  270. package/lib-esm/components/bundle-assets-totals-chart-bars/index.js.map +1 -0
  271. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js +16 -40
  272. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js.map +1 -0
  273. package/lib-esm/components/bundle-assets-totals-table/index.js +2 -1
  274. package/lib-esm/components/bundle-assets-totals-table/index.js.map +1 -0
  275. package/lib-esm/components/bundle-modules/bundle-modules.constants.js +14 -13
  276. package/lib-esm/components/bundle-modules/bundle-modules.constants.js.map +1 -0
  277. package/lib-esm/components/bundle-modules/bundle-modules.js +112 -233
  278. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -0
  279. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +70 -92
  280. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -0
  281. package/lib-esm/components/bundle-modules/index.js +65 -98
  282. package/lib-esm/components/bundle-modules/index.js.map +1 -0
  283. package/lib-esm/components/bundle-packages/bundle-packages.constants.js +14 -13
  284. package/lib-esm/components/bundle-packages/bundle-packages.constants.js.map +1 -0
  285. package/lib-esm/components/bundle-packages/bundle-packages.js +124 -257
  286. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -0
  287. package/lib-esm/components/bundle-packages/bundle-packages.utils.js +33 -35
  288. package/lib-esm/components/bundle-packages/bundle-packages.utils.js.map +1 -0
  289. package/lib-esm/components/bundle-packages/index.js +50 -73
  290. package/lib-esm/components/bundle-packages/index.js.map +1 -0
  291. package/lib-esm/components/component-link.js +14 -24
  292. package/lib-esm/components/component-link.js.map +1 -0
  293. package/lib-esm/components/delta/delta.js +11 -18
  294. package/lib-esm/components/delta/delta.js.map +1 -0
  295. package/lib-esm/components/delta/index.js +2 -1
  296. package/lib-esm/components/delta/index.js.map +1 -0
  297. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js +21 -28
  298. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js.map +1 -0
  299. package/lib-esm/components/duplicate-packages-warning/index.js +2 -1
  300. package/lib-esm/components/duplicate-packages-warning/index.js.map +1 -0
  301. package/lib-esm/components/index.js +2 -1
  302. package/lib-esm/components/index.js.map +1 -0
  303. package/lib-esm/components/job-header/index.js +2 -1
  304. package/lib-esm/components/job-header/index.js.map +1 -0
  305. package/lib-esm/components/job-header/job-header.js +33 -60
  306. package/lib-esm/components/job-header/job-header.js.map +1 -0
  307. package/lib-esm/components/job-meta/index.js +2 -1
  308. package/lib-esm/components/job-meta/index.js.map +1 -0
  309. package/lib-esm/components/job-meta/job-meta.js +19 -36
  310. package/lib-esm/components/job-meta/job-meta.js.map +1 -0
  311. package/lib-esm/components/job-name/index.js +2 -1
  312. package/lib-esm/components/job-name/index.js.map +1 -0
  313. package/lib-esm/components/job-name/job-name.js +11 -28
  314. package/lib-esm/components/job-name/job-name.js.map +1 -0
  315. package/lib-esm/components/jobs-header/index.js +2 -1
  316. package/lib-esm/components/jobs-header/index.js.map +1 -0
  317. package/lib-esm/components/jobs-header/jobs-header.js +12 -24
  318. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -0
  319. package/lib-esm/components/lighthouse-table/index.js +2 -1
  320. package/lib-esm/components/lighthouse-table/index.js.map +1 -0
  321. package/lib-esm/components/lighthouse-table/lighthouse-table.js +10 -16
  322. package/lib-esm/components/lighthouse-table/lighthouse-table.js.map +1 -0
  323. package/lib-esm/components/metric/index.js +2 -1
  324. package/lib-esm/components/metric/index.js.map +1 -0
  325. package/lib-esm/components/metric/metric.js +38 -62
  326. package/lib-esm/components/metric/metric.js.map +1 -0
  327. package/lib-esm/components/metrics-table/index.js +2 -1
  328. package/lib-esm/components/metrics-table/index.js.map +1 -0
  329. package/lib-esm/components/metrics-table/metrics-table.js +133 -194
  330. package/lib-esm/components/metrics-table/metrics-table.js.map +1 -0
  331. package/lib-esm/components/metrics-table-options/index.js +2 -1
  332. package/lib-esm/components/metrics-table-options/index.js.map +1 -0
  333. package/lib-esm/components/metrics-table-options/metrics-table-options.js +13 -23
  334. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -0
  335. package/lib-esm/components/metrics-table-search/index.js +2 -1
  336. package/lib-esm/components/metrics-table-search/index.js.map +1 -0
  337. package/lib-esm/components/metrics-table-search/metrics-table-search.js +33 -54
  338. package/lib-esm/components/metrics-table-search/metrics-table-search.js.map +1 -0
  339. package/lib-esm/components/metrics-table-title/index.js +2 -1
  340. package/lib-esm/components/metrics-table-title/index.js.map +1 -0
  341. package/lib-esm/components/metrics-table-title/metrics-table-title.js +23 -41
  342. package/lib-esm/components/metrics-table-title/metrics-table-title.js.map +1 -0
  343. package/lib-esm/components/module-info/index.js +2 -1
  344. package/lib-esm/components/module-info/index.js.map +1 -0
  345. package/lib-esm/components/module-info/module-info.js +44 -67
  346. package/lib-esm/components/module-info/module-info.js.map +1 -0
  347. package/lib-esm/components/summary/index.js +2 -1
  348. package/lib-esm/components/summary/index.js.map +1 -0
  349. package/lib-esm/components/summary/summary.js +27 -59
  350. package/lib-esm/components/summary/summary.js.map +1 -0
  351. package/lib-esm/components/summary-item/index.js +2 -1
  352. package/lib-esm/components/summary-item/index.js.map +1 -0
  353. package/lib-esm/components/summary-item/summary-item.js +46 -107
  354. package/lib-esm/components/summary-item/summary-item.js.map +1 -0
  355. package/lib-esm/components/total-size-type-title/index.js +2 -1
  356. package/lib-esm/components/total-size-type-title/index.js.map +1 -0
  357. package/lib-esm/components/total-size-type-title/total-size-type-title.js +11 -26
  358. package/lib-esm/components/total-size-type-title/total-size-type-title.js.map +1 -0
  359. package/lib-esm/constants.js +35 -14
  360. package/lib-esm/constants.js.map +1 -0
  361. package/lib-esm/hooks/rows-filter.js +13 -18
  362. package/lib-esm/hooks/rows-filter.js.map +1 -0
  363. package/lib-esm/hooks/rows-sort.js +12 -21
  364. package/lib-esm/hooks/rows-sort.js.map +1 -0
  365. package/lib-esm/hooks/search-params.js +94 -141
  366. package/lib-esm/hooks/search-params.js.map +1 -0
  367. package/lib-esm/i18n.js +17 -16
  368. package/lib-esm/i18n.js.map +1 -0
  369. package/lib-esm/index.js +2 -1
  370. package/lib-esm/index.js.map +1 -0
  371. package/lib-esm/layout/box/box.js +24 -35
  372. package/lib-esm/layout/box/box.js.map +1 -0
  373. package/lib-esm/layout/box/index.js +2 -1
  374. package/lib-esm/layout/box/index.js.map +1 -0
  375. package/lib-esm/layout/flex-stack/flex-stack.js +17 -28
  376. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -0
  377. package/lib-esm/layout/flex-stack/index.js +2 -1
  378. package/lib-esm/layout/flex-stack/index.js.map +1 -0
  379. package/lib-esm/layout/footer/footer.js +21 -51
  380. package/lib-esm/layout/footer/footer.js.map +1 -0
  381. package/lib-esm/layout/footer/index.js +2 -1
  382. package/lib-esm/layout/footer/index.js.map +1 -0
  383. package/lib-esm/layout/index.js +2 -3
  384. package/lib-esm/layout/index.js.map +1 -0
  385. package/lib-esm/layout/separator.js +7 -17
  386. package/lib-esm/layout/separator.js.map +1 -0
  387. package/lib-esm/layout/stack/index.js +2 -1
  388. package/lib-esm/layout/stack/index.js.map +1 -0
  389. package/lib-esm/layout/stack/stack.js +14 -22
  390. package/lib-esm/layout/stack/stack.js.map +1 -0
  391. package/lib-esm/query-state.js +20 -27
  392. package/lib-esm/query-state.js.map +1 -0
  393. package/lib-esm/stories/index.js +2 -1
  394. package/lib-esm/stories/index.js.map +1 -0
  395. package/lib-esm/stories/wrapper.js +9 -19
  396. package/lib-esm/stories/wrapper.js.map +1 -0
  397. package/lib-esm/ui/alert/alert.js +10 -17
  398. package/lib-esm/ui/alert/alert.js.map +1 -0
  399. package/lib-esm/ui/alert/index.js +2 -1
  400. package/lib-esm/ui/alert/index.js.map +1 -0
  401. package/lib-esm/ui/container/container.js +8 -20
  402. package/lib-esm/ui/container/container.js.map +1 -0
  403. package/lib-esm/ui/container/index.js +2 -1
  404. package/lib-esm/ui/container/index.js.map +1 -0
  405. package/lib-esm/ui/dropdown/dropdown.js +35 -69
  406. package/lib-esm/ui/dropdown/dropdown.js.map +1 -0
  407. package/lib-esm/ui/dropdown/index.js +2 -1
  408. package/lib-esm/ui/dropdown/index.js.map +1 -0
  409. package/lib-esm/ui/empty-set/empty-set.js +29 -28
  410. package/lib-esm/ui/empty-set/empty-set.js.map +1 -0
  411. package/lib-esm/ui/empty-set/index.js +2 -1
  412. package/lib-esm/ui/empty-set/index.js.map +1 -0
  413. package/lib-esm/ui/file-name/file-name.js +9 -20
  414. package/lib-esm/ui/file-name/file-name.js.map +1 -0
  415. package/lib-esm/ui/file-name/index.js +2 -1
  416. package/lib-esm/ui/file-name/index.js.map +1 -0
  417. package/lib-esm/ui/filters/filters.js +81 -199
  418. package/lib-esm/ui/filters/filters.js.map +1 -0
  419. package/lib-esm/ui/filters/filters.utils.js +50 -71
  420. package/lib-esm/ui/filters/filters.utils.js.map +1 -0
  421. package/lib-esm/ui/filters/index.js +32 -51
  422. package/lib-esm/ui/filters/index.js.map +1 -0
  423. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js +78 -121
  424. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js.map +1 -0
  425. package/lib-esm/ui/horizontal-bar-chart/index.js +2 -1
  426. package/lib-esm/ui/horizontal-bar-chart/index.js.map +1 -0
  427. package/lib-esm/ui/hover-card/hover-card.js +33 -69
  428. package/lib-esm/ui/hover-card/hover-card.js.map +1 -0
  429. package/lib-esm/ui/hover-card/index.js +2 -1
  430. package/lib-esm/ui/hover-card/index.js.map +1 -0
  431. package/lib-esm/ui/icon/icon.js +25 -35
  432. package/lib-esm/ui/icon/icon.js.map +1 -0
  433. package/lib-esm/ui/icon/index.js +2 -1
  434. package/lib-esm/ui/icon/index.js.map +1 -0
  435. package/lib-esm/ui/index.js +2 -2
  436. package/lib-esm/ui/index.js.map +1 -0
  437. package/lib-esm/ui/input/index.js +2 -1
  438. package/lib-esm/ui/input/index.js.map +1 -0
  439. package/lib-esm/ui/input/input.js +9 -16
  440. package/lib-esm/ui/input/input.js.map +1 -0
  441. package/lib-esm/ui/loader/index.js +2 -1
  442. package/lib-esm/ui/loader/index.js.map +1 -0
  443. package/lib-esm/ui/loader/loader.js +7 -18
  444. package/lib-esm/ui/loader/loader.js.map +1 -0
  445. package/lib-esm/ui/panels/index.js +2 -1
  446. package/lib-esm/ui/panels/index.js.map +1 -0
  447. package/lib-esm/ui/panels/panels.js +13 -27
  448. package/lib-esm/ui/panels/panels.js.map +1 -0
  449. package/lib-esm/ui/skeleton/index.js +2 -1
  450. package/lib-esm/ui/skeleton/index.js.map +1 -0
  451. package/lib-esm/ui/skeleton/skeleton.js +12 -19
  452. package/lib-esm/ui/skeleton/skeleton.js.map +1 -0
  453. package/lib-esm/ui/skeleton/skeleton.module.css +1 -12
  454. package/lib-esm/ui/sort-dropdown/index.js +2 -1
  455. package/lib-esm/ui/sort-dropdown/index.js.map +1 -0
  456. package/lib-esm/ui/sort-dropdown/sort-dropdown.js +55 -106
  457. package/lib-esm/ui/sort-dropdown/sort-dropdown.js.map +1 -0
  458. package/lib-esm/ui/table/index.js +2 -1
  459. package/lib-esm/ui/table/index.js.map +1 -0
  460. package/lib-esm/ui/table/table.js +18 -28
  461. package/lib-esm/ui/table/table.js.map +1 -0
  462. package/lib-esm/ui/tabs/index.js +2 -1
  463. package/lib-esm/ui/tabs/index.js.map +1 -0
  464. package/lib-esm/ui/tabs/tabs.js +13 -33
  465. package/lib-esm/ui/tabs/tabs.js.map +1 -0
  466. package/lib-esm/ui/tag/index.js +2 -1
  467. package/lib-esm/ui/tag/index.js.map +1 -0
  468. package/lib-esm/ui/tag/tag.js +22 -30
  469. package/lib-esm/ui/tag/tag.js.map +1 -0
  470. package/lib-esm/ui/toolbar/index.js +2 -1
  471. package/lib-esm/ui/toolbar/index.js.map +1 -0
  472. package/lib-esm/ui/toolbar/toolbar.js +13 -22
  473. package/lib-esm/ui/toolbar/toolbar.js.map +1 -0
  474. package/lib-esm/ui/tooltip/index.js +2 -1
  475. package/lib-esm/ui/tooltip/index.js.map +1 -0
  476. package/lib-esm/ui/tooltip/tooltip.js +26 -47
  477. package/lib-esm/ui/tooltip/tooltip.js.map +1 -0
  478. package/lib-esm/utils.js +24 -30
  479. package/lib-esm/utils.js.map +1 -0
  480. package/package.json +14 -20
  481. package/src/assets/icons.svg.jsx +146 -0
  482. package/src/components/asset-info/asset-info.jsx +2 -3
  483. package/src/components/bundle-assets/bundle-assets.jsx +2 -2
  484. package/src/components/bundle-assets/bundle-assets.utils.js +2 -3
  485. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +7 -5
  486. package/src/components/bundle-modules/bundle-modules.jsx +4 -3
  487. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  488. package/src/components/bundle-modules/index.jsx +2 -2
  489. package/src/components/bundle-packages/bundle-packages.utils.js +4 -4
  490. package/src/components/job-header/job-header.jsx +4 -5
  491. package/src/components/metrics-table/metrics-table.jsx +3 -3
  492. package/src/components/metrics-table-search/metrics-table-search.jsx +1 -1
  493. package/src/components/module-info/module-info.jsx +3 -2
  494. package/src/components/summary/summary.jsx +1 -1
  495. package/src/hooks/rows-sort.js +1 -1
  496. package/src/hooks/search-params.js +2 -1
  497. package/src/layout/index.js +0 -2
  498. package/src/query-state.jsx +2 -1
  499. package/src/ui/filters/index.jsx +2 -1
  500. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.jsx +4 -3
  501. package/src/ui/index.js +0 -1
  502. package/src/ui/skeleton/skeleton.module.css +1 -12
  503. package/src/utils.jsx +1 -1
  504. package/tsconfig.esm.json +13 -0
  505. package/tsconfig.json +4 -0
  506. package/tsconfig.lib.json +9 -0
  507. package/types/app/app.d.ts +1 -0
  508. package/types/app/header/header.d.ts +16 -0
  509. package/types/app/header/index.d.ts +1 -0
  510. package/types/app/index.d.ts +1 -0
  511. package/types/assets/icons.svg.d.ts +1 -0
  512. package/types/components/asset-info/asset-info.d.ts +18 -0
  513. package/types/components/asset-info/index.d.ts +1 -0
  514. package/types/components/browsertime-table/browsertime-table.d.ts +13 -0
  515. package/types/components/browsertime-table/index.d.ts +1 -0
  516. package/types/components/bundle-assets/bundle-assets.constants.d.ts +21 -0
  517. package/types/components/bundle-assets/bundle-assets.d.ts +30 -0
  518. package/types/components/bundle-assets/bundle-assets.utils.d.ts +5 -0
  519. package/types/components/bundle-assets/index.d.ts +21 -0
  520. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +18 -0
  521. package/types/components/bundle-assets-totals-chart-bars/index.d.ts +1 -0
  522. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +21 -0
  523. package/types/components/bundle-assets-totals-table/index.d.ts +1 -0
  524. package/types/components/bundle-modules/bundle-modules.constants.d.ts +21 -0
  525. package/types/components/bundle-modules/bundle-modules.d.ts +52 -0
  526. package/types/components/bundle-modules/bundle-modules.utils.d.ts +8 -0
  527. package/types/components/bundle-modules/index.d.ts +21 -0
  528. package/types/components/bundle-packages/bundle-packages.constants.d.ts +21 -0
  529. package/types/components/bundle-packages/bundle-packages.d.ts +30 -0
  530. package/types/components/bundle-packages/bundle-packages.utils.d.ts +4 -0
  531. package/types/components/bundle-packages/index.d.ts +21 -0
  532. package/types/components/component-link.d.ts +19 -0
  533. package/types/components/delta/delta.d.ts +20 -0
  534. package/types/components/delta/index.d.ts +1 -0
  535. package/types/components/duplicate-packages-warning/duplicate-packages-warning.d.ts +17 -0
  536. package/types/components/duplicate-packages-warning/index.d.ts +1 -0
  537. package/types/components/index.d.ts +22 -0
  538. package/types/components/job-header/index.d.ts +1 -0
  539. package/types/components/job-header/job-header.d.ts +19 -0
  540. package/types/components/job-meta/index.d.ts +1 -0
  541. package/types/components/job-meta/job-meta.d.ts +14 -0
  542. package/types/components/job-name/index.d.ts +1 -0
  543. package/types/components/job-name/job-name.d.ts +25 -0
  544. package/types/components/jobs-header/index.d.ts +1 -0
  545. package/types/components/jobs-header/jobs-header.d.ts +13 -0
  546. package/types/components/lighthouse-table/index.d.ts +1 -0
  547. package/types/components/lighthouse-table/lighthouse-table.d.ts +13 -0
  548. package/types/components/metric/index.d.ts +1 -0
  549. package/types/components/metric/metric.d.ts +32 -0
  550. package/types/components/metrics-table/index.d.ts +1 -0
  551. package/types/components/metrics-table/metrics-table.d.ts +37 -0
  552. package/types/components/metrics-table-options/index.d.ts +1 -0
  553. package/types/components/metrics-table-options/metrics-table-options.d.ts +16 -0
  554. package/types/components/metrics-table-search/index.d.ts +1 -0
  555. package/types/components/metrics-table-search/metrics-table-search.d.ts +15 -0
  556. package/types/components/metrics-table-title/index.d.ts +1 -0
  557. package/types/components/metrics-table-title/metrics-table-title.d.ts +20 -0
  558. package/types/components/module-info/index.d.ts +1 -0
  559. package/types/components/module-info/module-info.d.ts +24 -0
  560. package/types/components/summary/index.d.ts +1 -0
  561. package/types/components/summary/summary.d.ts +36 -0
  562. package/types/components/summary-item/index.d.ts +1 -0
  563. package/types/components/summary-item/summary-item.d.ts +39 -0
  564. package/types/components/total-size-type-title/index.d.ts +1 -0
  565. package/types/components/total-size-type-title/total-size-type-title.d.ts +12 -0
  566. package/types/constants.d.ts +25 -0
  567. package/types/hooks/rows-filter.d.ts +6 -0
  568. package/types/hooks/rows-sort.d.ts +12 -0
  569. package/types/hooks/search-params.d.ts +21 -0
  570. package/types/i18n.d.ts +18 -0
  571. package/types/index.d.ts +5 -0
  572. package/types/layout/box/box.d.ts +25 -0
  573. package/types/layout/box/index.d.ts +1 -0
  574. package/types/layout/flex-stack/flex-stack.d.ts +33 -0
  575. package/types/layout/flex-stack/index.d.ts +1 -0
  576. package/types/layout/footer/footer.d.ts +16 -0
  577. package/types/layout/footer/index.d.ts +1 -0
  578. package/types/layout/index.d.ts +5 -0
  579. package/types/layout/separator.d.ts +15 -0
  580. package/types/layout/stack/index.d.ts +1 -0
  581. package/types/layout/stack/stack.d.ts +19 -0
  582. package/types/query-state.d.ts +2 -0
  583. package/types/stories/index.d.ts +1 -0
  584. package/types/stories/wrapper.d.ts +1 -0
  585. package/types/ui/alert/alert.d.ts +14 -0
  586. package/types/ui/alert/index.d.ts +1 -0
  587. package/types/ui/container/container.d.ts +17 -0
  588. package/types/ui/container/index.d.ts +1 -0
  589. package/types/ui/dropdown/dropdown.d.ts +45 -0
  590. package/types/ui/dropdown/index.d.ts +1 -0
  591. package/types/ui/empty-set/empty-set.d.ts +15 -0
  592. package/types/ui/empty-set/index.d.ts +1 -0
  593. package/types/ui/file-name/file-name.d.ts +20 -0
  594. package/types/ui/file-name/index.d.ts +1 -0
  595. package/types/ui/filters/filters.d.ts +13 -0
  596. package/types/ui/filters/filters.utils.d.ts +6 -0
  597. package/types/ui/filters/index.d.ts +11 -0
  598. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +14 -0
  599. package/types/ui/horizontal-bar-chart/index.d.ts +1 -0
  600. package/types/ui/hover-card/hover-card.d.ts +26 -0
  601. package/types/ui/hover-card/index.d.ts +1 -0
  602. package/types/ui/icon/icon.d.ts +37 -0
  603. package/types/ui/icon/index.d.ts +1 -0
  604. package/types/ui/index.d.ts +18 -0
  605. package/types/ui/input/index.d.ts +1 -0
  606. package/types/ui/input/input.d.ts +17 -0
  607. package/types/ui/loader/index.d.ts +1 -0
  608. package/types/ui/loader/loader.d.ts +22 -0
  609. package/types/ui/panels/index.d.ts +1 -0
  610. package/types/ui/panels/panels.d.ts +17 -0
  611. package/types/ui/skeleton/index.d.ts +1 -0
  612. package/types/ui/skeleton/skeleton.d.ts +16 -0
  613. package/types/ui/sort-dropdown/index.d.ts +1 -0
  614. package/types/ui/sort-dropdown/sort-dropdown.d.ts +23 -0
  615. package/types/ui/table/index.d.ts +1 -0
  616. package/types/ui/table/table.d.ts +33 -0
  617. package/types/ui/tabs/index.d.ts +1 -0
  618. package/types/ui/tabs/tabs.d.ts +40 -0
  619. package/types/ui/tag/index.d.ts +1 -0
  620. package/types/ui/tag/tag.d.ts +33 -0
  621. package/types/ui/toolbar/index.d.ts +1 -0
  622. package/types/ui/toolbar/toolbar.d.ts +14 -0
  623. package/types/ui/tooltip/index.d.ts +1 -0
  624. package/types/ui/tooltip/tooltip.d.ts +26 -0
  625. package/types/utils.d.ts +2 -0
  626. package/lib/app/app.stories.js +0 -102
  627. package/lib/assets/icons/arrow-right-circle.svg +0 -1
  628. package/lib/assets/icons/arrow.svg +0 -1
  629. package/lib/assets/icons/cancel.svg +0 -1
  630. package/lib/assets/icons/clock.svg +0 -1
  631. package/lib/assets/icons/close.svg +0 -1
  632. package/lib/assets/icons/commit.svg +0 -1
  633. package/lib/assets/icons/filter.svg +0 -1
  634. package/lib/assets/icons/help.svg +0 -1
  635. package/lib/assets/icons/menu.svg +0 -1
  636. package/lib/assets/icons/sort.svg +0 -4
  637. package/lib/assets/icons/warning.svg +0 -1
  638. package/lib/components/asset-info/asset-info.stories.js +0 -42
  639. package/lib/components/browsertime-table/browsertime-table.stories.js +0 -33
  640. package/lib/components/bundle-assets/bundle-assets.stories.js +0 -100
  641. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +0 -32
  642. package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -45
  643. package/lib/components/bundle-modules/bundle-modules.stories.js +0 -164
  644. package/lib/components/bundle-packages/bundle-packages.stories.js +0 -74
  645. package/lib/components/delta/delta.stories.js +0 -46
  646. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +0 -34
  647. package/lib/components/job-header/job-header.stories.js +0 -42
  648. package/lib/components/job-meta/job-meta.stories.js +0 -20
  649. package/lib/components/job-name/job-name.stories.js +0 -33
  650. package/lib/components/jobs-header/jobs-header.stories.js +0 -104
  651. package/lib/components/lighthouse-table/lighthouse-table.stories.js +0 -26
  652. package/lib/components/metric/metric.stories.js +0 -69
  653. package/lib/components/metrics-table/metrics-table.stories.js +0 -195
  654. package/lib/components/metrics-table-options/metrics-table-options.stories.js +0 -20
  655. package/lib/components/metrics-table-search/metrics-table-search.stories.js +0 -31
  656. package/lib/components/module-info/module-info.stories.js +0 -30
  657. package/lib/components/summary/summary.stories.js +0 -63
  658. package/lib/components/summary-item/summary-item.stories.js +0 -68
  659. package/lib/layout/box/box.stories.js +0 -54
  660. package/lib/layout/flex-stack/flex-stack.stories.js +0 -66
  661. package/lib/layout/footer/footer.stories.js +0 -19
  662. package/lib/layout/header/header.js +0 -49
  663. package/lib/layout/header/header.module.css +0 -49
  664. package/lib/layout/header/header.stories.js +0 -54
  665. package/lib/layout/header/index.js +0 -12
  666. package/lib/layout/stack/stack.stories.js +0 -58
  667. package/lib/layout/sub-header/index.js +0 -16
  668. package/lib/layout/sub-header/sub-header.js +0 -60
  669. package/lib/layout/sub-header/sub-header.module.css +0 -70
  670. package/lib/layout/sub-header/sub-header.stories.js +0 -78
  671. package/lib/prototypes/typography.md +0 -30
  672. package/lib/prototypes/typography.stories.js +0 -103
  673. package/lib/ui/alert/alert.stories.js +0 -32
  674. package/lib/ui/container/container.stories.js +0 -23
  675. package/lib/ui/dropdown/dropdown.stories.js +0 -44
  676. package/lib/ui/empty-set/empty-set.stories.js +0 -27
  677. package/lib/ui/file-name/file-name.stories.js +0 -22
  678. package/lib/ui/filters/__tests__/filters-dropdown.utils.js +0 -74
  679. package/lib/ui/filters/filters.stories.js +0 -126
  680. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +0 -87
  681. package/lib/ui/hover-card/hover-card.stories.js +0 -46
  682. package/lib/ui/icon/icon.stories.js +0 -47
  683. package/lib/ui/input/input.stories.js +0 -20
  684. package/lib/ui/loader/loader.stories.js +0 -17
  685. package/lib/ui/logo/assets/github.inline.svg +0 -4
  686. package/lib/ui/logo/assets/logo.inline.svg +0 -6
  687. package/lib/ui/logo/assets/logotype.inline.svg +0 -3
  688. package/lib/ui/logo/assets/webpack.inline.svg +0 -5
  689. package/lib/ui/logo/index.js +0 -12
  690. package/lib/ui/logo/logo.constants.js +0 -18
  691. package/lib/ui/logo/logo.js +0 -105
  692. package/lib/ui/logo/logo.module.css +0 -17
  693. package/lib/ui/logo/logo.stories.js +0 -40
  694. package/lib/ui/panels/panels.stories.js +0 -24
  695. package/lib/ui/skeleton/skeleton.stories.js +0 -48
  696. package/lib/ui/sort-dropdown/sort-dropdown.stories.js +0 -28
  697. package/lib/ui/table/table.stories.js +0 -112
  698. package/lib/ui/tabs/tabs.stories.js +0 -14
  699. package/lib/ui/tag/tag.stories.js +0 -32
  700. package/lib/ui/toolbar/toolbar.stories.js +0 -24
  701. package/lib/ui/tooltip/tooltip.stories.js +0 -37
  702. package/lib-esm/app/app.stories.js +0 -78
  703. package/lib-esm/assets/icons/arrow-right-circle.svg +0 -1
  704. package/lib-esm/assets/icons/arrow.svg +0 -1
  705. package/lib-esm/assets/icons/cancel.svg +0 -1
  706. package/lib-esm/assets/icons/clock.svg +0 -1
  707. package/lib-esm/assets/icons/close.svg +0 -1
  708. package/lib-esm/assets/icons/commit.svg +0 -1
  709. package/lib-esm/assets/icons/filter.svg +0 -1
  710. package/lib-esm/assets/icons/help.svg +0 -1
  711. package/lib-esm/assets/icons/menu.svg +0 -1
  712. package/lib-esm/assets/icons/sort.svg +0 -4
  713. package/lib-esm/assets/icons/warning.svg +0 -1
  714. package/lib-esm/components/asset-info/asset-info.stories.js +0 -35
  715. package/lib-esm/components/browsertime-table/browsertime-table.stories.js +0 -23
  716. package/lib-esm/components/bundle-assets/bundle-assets.stories.js +0 -72
  717. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +0 -25
  718. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -32
  719. package/lib-esm/components/bundle-modules/bundle-modules.stories.js +0 -145
  720. package/lib-esm/components/bundle-packages/bundle-packages.stories.js +0 -52
  721. package/lib-esm/components/delta/delta.stories.js +0 -31
  722. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +0 -25
  723. package/lib-esm/components/job-header/job-header.stories.js +0 -33
  724. package/lib-esm/components/job-meta/job-meta.stories.js +0 -15
  725. package/lib-esm/components/job-name/job-name.stories.js +0 -22
  726. package/lib-esm/components/jobs-header/jobs-header.stories.js +0 -95
  727. package/lib-esm/components/lighthouse-table/lighthouse-table.stories.js +0 -19
  728. package/lib-esm/components/metric/metric.stories.js +0 -44
  729. package/lib-esm/components/metrics-table/metrics-table.stories.js +0 -184
  730. package/lib-esm/components/metrics-table-options/metrics-table-options.stories.js +0 -11
  731. package/lib-esm/components/metrics-table-search/metrics-table-search.stories.js +0 -15
  732. package/lib-esm/components/module-info/module-info.stories.js +0 -25
  733. package/lib-esm/components/summary/summary.stories.js +0 -47
  734. package/lib-esm/components/summary-item/summary-item.stories.js +0 -45
  735. package/lib-esm/layout/box/box.stories.js +0 -39
  736. package/lib-esm/layout/flex-stack/flex-stack.stories.js +0 -51
  737. package/lib-esm/layout/footer/footer.stories.js +0 -12
  738. package/lib-esm/layout/header/header.js +0 -37
  739. package/lib-esm/layout/header/header.module.css +0 -49
  740. package/lib-esm/layout/header/header.stories.js +0 -57
  741. package/lib-esm/layout/header/index.js +0 -1
  742. package/lib-esm/layout/stack/stack.stories.js +0 -45
  743. package/lib-esm/layout/sub-header/index.js +0 -1
  744. package/lib-esm/layout/sub-header/sub-header.js +0 -54
  745. package/lib-esm/layout/sub-header/sub-header.module.css +0 -70
  746. package/lib-esm/layout/sub-header/sub-header.stories.js +0 -63
  747. package/lib-esm/prototypes/typography.md +0 -30
  748. package/lib-esm/prototypes/typography.stories.js +0 -91
  749. package/lib-esm/ui/alert/alert.stories.js +0 -19
  750. package/lib-esm/ui/container/container.stories.js +0 -18
  751. package/lib-esm/ui/dropdown/dropdown.stories.js +0 -32
  752. package/lib-esm/ui/empty-set/empty-set.stories.js +0 -16
  753. package/lib-esm/ui/file-name/file-name.stories.js +0 -15
  754. package/lib-esm/ui/filters/__tests__/filters-dropdown.utils.js +0 -74
  755. package/lib-esm/ui/filters/filters.stories.js +0 -105
  756. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +0 -74
  757. package/lib-esm/ui/hover-card/hover-card.stories.js +0 -32
  758. package/lib-esm/ui/icon/icon.stories.js +0 -30
  759. package/lib-esm/ui/input/input.stories.js +0 -13
  760. package/lib-esm/ui/loader/loader.stories.js +0 -10
  761. package/lib-esm/ui/logo/assets/github.inline.svg +0 -4
  762. package/lib-esm/ui/logo/assets/logo.inline.svg +0 -6
  763. package/lib-esm/ui/logo/assets/logotype.inline.svg +0 -3
  764. package/lib-esm/ui/logo/assets/webpack.inline.svg +0 -5
  765. package/lib-esm/ui/logo/index.js +0 -1
  766. package/lib-esm/ui/logo/logo.constants.js +0 -6
  767. package/lib-esm/ui/logo/logo.js +0 -99
  768. package/lib-esm/ui/logo/logo.module.css +0 -17
  769. package/lib-esm/ui/logo/logo.stories.js +0 -31
  770. package/lib-esm/ui/panels/panels.stories.js +0 -19
  771. package/lib-esm/ui/skeleton/skeleton.stories.js +0 -34
  772. package/lib-esm/ui/sort-dropdown/sort-dropdown.stories.js +0 -23
  773. package/lib-esm/ui/table/table.stories.js +0 -91
  774. package/lib-esm/ui/tabs/tabs.stories.js +0 -9
  775. package/lib-esm/ui/tag/tag.stories.js +0 -23
  776. package/lib-esm/ui/toolbar/toolbar.stories.js +0 -19
  777. package/lib-esm/ui/tooltip/tooltip.stories.js +0 -24
  778. package/src/layout/header/header.jsx +0 -36
  779. package/src/layout/header/header.module.css +0 -49
  780. package/src/layout/header/index.js +0 -1
  781. package/src/layout/sub-header/index.js +0 -1
  782. package/src/layout/sub-header/sub-header.jsx +0 -52
  783. package/src/layout/sub-header/sub-header.module.css +0 -70
  784. package/src/ui/logo/assets/github.inline.svg +0 -4
  785. package/src/ui/logo/assets/logo.inline.svg +0 -6
  786. package/src/ui/logo/assets/logotype.inline.svg +0 -3
  787. package/src/ui/logo/assets/webpack.inline.svg +0 -5
  788. package/src/ui/logo/index.js +0 -1
  789. package/src/ui/logo/logo.constants.js +0 -13
  790. package/src/ui/logo/logo.jsx +0 -55
  791. package/src/ui/logo/logo.module.css +0 -17
@@ -1,78 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { createJobs } from '@bundle-stats/utils';
4
-
5
- /* eslint-disable */
6
- import currentData from '../../../../fixtures/job.current.json'; // eslint-disable-line
7
- import baselineData from '../../../../fixtures/job.baseline.json'; // eslint-disable-line
8
- /* eslint-enable */
9
- import { App } from '.';
10
- const CURRENT_SOURCE = {
11
- webpack: {
12
- builtAt: currentData.builtAt,
13
- hash: currentData.hash,
14
- ...currentData.rawData.webpack
15
- }
16
- };
17
- const BASELINE_SOURCE = {
18
- webpack: {
19
- builtAt: baselineData.builtAt,
20
- hash: baselineData.hash,
21
- ...baselineData.rawData.webpack
22
- }
23
- };
24
- const JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE], {
25
- webpack: {
26
- budgets: [{
27
- metric: 'totalSizeByTypeALL',
28
- value: 1024 * 1024
29
- }]
30
- }
31
- });
32
- const NO_BASELINE_JOBS = createJobs([CURRENT_SOURCE]);
33
- const MULTIPLE_JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE, {
34
- webpack: {
35
- builtAt: baselineData.builtAt,
36
- hash: 'aaaa1111',
37
- ...baselineData.rawData.webpack,
38
- assets: baselineData.rawData.webpack.assets.filter(asset => asset.name.match(/.(css|js)$/)),
39
- modules: baselineData.rawData.webpack.modules.slice(0, 100)
40
- }
41
- }]);
42
- const [CURRENT_JOB, BASELINE_JOB] = JOBS;
43
- const EMPTY_BASELINE = createJobs([{
44
- webpack: currentData.rawData.webpack
45
- }, {
46
- webpack: null
47
- }]);
48
- const stories = storiesOf('App', module);
49
- stories.addDecorator(storyFn => /*#__PURE__*/React.createElement("div", {
50
- style: {
51
- margin: '-1rem'
52
- }
53
- }, storyFn()));
54
- stories.add('default', () => /*#__PURE__*/React.createElement(App, {
55
- jobs: [CURRENT_JOB, BASELINE_JOB],
56
- version: "1.0"
57
- }));
58
- stories.add('no insights', () => /*#__PURE__*/React.createElement(App, {
59
- jobs: [{
60
- ...CURRENT_JOB,
61
- insights: undefined
62
- }, BASELINE_JOB]
63
- }));
64
- stories.add('no baseline', () => /*#__PURE__*/React.createElement(App, {
65
- jobs: NO_BASELINE_JOBS,
66
- version: "1.0"
67
- }));
68
- stories.add('empty baseline', () => /*#__PURE__*/React.createElement(App, {
69
- jobs: EMPTY_BASELINE,
70
- version: "1.0"
71
- }));
72
- stories.add('multiple baselines', () => /*#__PURE__*/React.createElement(App, {
73
- jobs: MULTIPLE_JOBS,
74
- version: "1.0"
75
- }));
76
- stories.add('empty', () => /*#__PURE__*/React.createElement(App, {
77
- verison: "1.0"
78
- }));
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart" transform="rotate(-90deg)"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
@@ -1,4 +0,0 @@
1
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
2
- <path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/>
3
- <path d="M0 0h24v24H0z" fill="none"/>
4
- </svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
@@ -1,35 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { getWrapperDecorator } from '../../stories';
4
- import { AssetInfo } from '.';
5
- const stories = storiesOf('Components/AssetInfo', module);
6
- stories.addDecorator(getWrapperDecorator());
7
- stories.add('default', () => /*#__PURE__*/React.createElement(AssetInfo, {
8
- item: {
9
- runs: [{
10
- name: 'static/vendor.abcd1234.js'
11
- }, {
12
- name: 'static/vendor.defg5678.js'
13
- }]
14
- },
15
- labels: ['Job #2', 'Job #1']
16
- }));
17
- stories.add('with chunks', () => /*#__PURE__*/React.createElement(AssetInfo, {
18
- item: {
19
- runs: [{
20
- name: 'static/vendor.abcd1234.js',
21
- chunkId: '1'
22
- }, {
23
- name: 'static/vendor.defg5678.js',
24
- chunkId: '2'
25
- }]
26
- },
27
- chunks: [{
28
- id: '1',
29
- name: 'vendor'
30
- }, {
31
- id: '2',
32
- name: 'app~common~utils~shared'
33
- }],
34
- labels: ['Job #2', 'Job #1']
35
- }));
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { createJobs } from '@bundle-stats/utils';
4
- import * as browsertime from '@bundle-stats/utils/lib-esm/browsertime';
5
-
6
- // eslint-disable-next-line import/no-relative-packages
7
- import browsertimeSourceFixtures from '../../../../../fixtures/browsertime.json';
8
- import { getWrapperDecorator } from '../../stories';
9
- import { BrowsertimeTable } from '.';
10
- const browsertimeFixtures = browsertime.filter(browsertimeSourceFixtures);
11
- const JOBS = createJobs([{
12
- browsertime: browsertimeFixtures
13
- }, {
14
- browsertime: browsertimeFixtures
15
- }]);
16
- const stories = storiesOf('Components/BrowsertimeTable', module);
17
- stories.addDecorator(getWrapperDecorator());
18
- stories.add('default', () => /*#__PURE__*/React.createElement(BrowsertimeTable, {
19
- jobs: JOBS
20
- }));
21
- stories.add('no baseline', () => /*#__PURE__*/React.createElement(BrowsertimeTable, {
22
- jobs: [JOBS[1]]
23
- }));
@@ -1,72 +0,0 @@
1
- import _set from "lodash/set";
2
- import _merge from "lodash/merge";
3
- import React from 'react';
4
- import { storiesOf } from '@storybook/react';
5
- import { ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, FILE_TYPE_JS, createJobs } from '@bundle-stats/utils';
6
- import baselineStats from '../../../__mocks__/webpack-stats.baseline.json';
7
- import currentStats from '../../../__mocks__/webpack-stats.current.json';
8
- import { getWrapperDecorator } from '../../stories';
9
- import { BundleAssets } from '.';
10
- const JOBS = createJobs([{
11
- webpack: currentStats
12
- }, {
13
- webpack: baselineStats
14
- }]);
15
- const [currentJob, baselineJob] = JOBS;
16
- const setState = params => console.info(params);
17
- const stories = storiesOf('Components/BundleAssets', module);
18
- stories.addDecorator(getWrapperDecorator());
19
- stories.add('default', () => /*#__PURE__*/React.createElement(BundleAssets, {
20
- jobs: [baselineJob],
21
- setState: setState
22
- }));
23
- stories.add('multiple jobs', () => /*#__PURE__*/React.createElement(BundleAssets, {
24
- jobs: JOBS,
25
- setState: setState
26
- }));
27
- stories.add('custom filters', () => /*#__PURE__*/React.createElement(BundleAssets, {
28
- jobs: JOBS,
29
- filters: {
30
- [`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`]: true,
31
- [`${ASSET_FILE_TYPE}.${FILE_TYPE_JS}`]: true
32
- },
33
- setState: setState
34
- }));
35
- const JOBS_EMPTY_BASELINE = createJobs([{
36
- webpack: currentStats
37
- }, null]);
38
- stories.add('empty baseline', () => /*#__PURE__*/React.createElement(BundleAssets, {
39
- jobs: JOBS_EMPTY_BASELINE,
40
- setState: setState
41
- }));
42
- stories.add('no assets', () => /*#__PURE__*/React.createElement(BundleAssets, {
43
- jobs: JOBS.map(job => _set(_merge({}, job), 'metrics.webpack.assets', {})),
44
- setState: setState
45
- }));
46
- stories.add('empty filtered data', () => /*#__PURE__*/React.createElement(BundleAssets, {
47
- jobs: [_set(_merge({}, currentJob), 'metrics.webpack.assets', {
48
- 'main.js': {
49
- value: 100
50
- }
51
- }), _set(_merge({}, baselineJob), 'metrics.webpack.assets', {
52
- 'main.js': {
53
- value: 100
54
- }
55
- })],
56
- search: "vendors",
57
- setState: setState
58
- }));
59
- stories.add('not predictive', () => /*#__PURE__*/React.createElement(BundleAssets, {
60
- jobs: [_set(_merge({}, currentJob), 'metrics.webpack.assets', {
61
- 'static/js/not-predictive.js': {
62
- name: 'static/js/not-predictive.93191a1.js',
63
- value: 2989
64
- }
65
- }), _set(_merge({}, baselineJob), 'metrics.webpack.assets', {
66
- 'static/js/not-predictive.js': {
67
- name: 'static/js/not-predictive.93191a1.js',
68
- value: 2988
69
- }
70
- })],
71
- setState: setState
72
- }));
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { createJobs } from '@bundle-stats/utils';
4
- import currentData from '../../../__mocks__/webpack-stats.current.json';
5
- import baselineData from '../../../__mocks__/webpack-stats.baseline.json';
6
- import { getWrapperDecorator } from '../../stories';
7
- import { BundleAssetsTotalsChartBars } from './bundle-assets-totals-chart-bars';
8
- const JOBS = createJobs([{
9
- webpack: currentData
10
- }, {
11
- webpack: baselineData
12
- }]);
13
- const EMPTY_BASELINE = createJobs([{
14
- webpack: currentData
15
- }, {
16
- webpack: null
17
- }]);
18
- const stories = storiesOf('Components/BundleAssetsTotalsChartBars', module);
19
- stories.addDecorator(getWrapperDecorator());
20
- stories.add('component', () => /*#__PURE__*/React.createElement(BundleAssetsTotalsChartBars, {
21
- jobs: JOBS
22
- }));
23
- stories.add('empty baseline', () => /*#__PURE__*/React.createElement(BundleAssetsTotalsChartBars, {
24
- jobs: EMPTY_BASELINE
25
- }));
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- import { createJobs } from '@bundle-stats/utils';
3
- import baselineStats from '../../../__mocks__/webpack-stats.baseline.json';
4
- import currentStats from '../../../__mocks__/webpack-stats.current.json';
5
- import { getWrapperDecorator } from '../../stories';
6
- import { BundleAssetsTotalsTable } from '.';
7
- export default {
8
- title: 'Components/BundleAssetsTotalsTable',
9
- component: BundleAssetsTotalsTable,
10
- decorators: [getWrapperDecorator()]
11
- };
12
- const Template = args => /*#__PURE__*/React.createElement(BundleAssetsTotalsTable, args);
13
- export const SingleJob = Template.bind();
14
- SingleJob.args = {
15
- jobs: createJobs([{
16
- webpack: currentStats
17
- }])
18
- };
19
- export const MultipleJobs = Template.bind();
20
- MultipleJobs.args = {
21
- jobs: createJobs([{
22
- webpack: currentStats
23
- }, {
24
- webpack: baselineStats
25
- }])
26
- };
27
- export const EmptyBaseline = Template.bind();
28
- EmptyBaseline.args = {
29
- jobs: createJobs([{
30
- webpack: currentStats
31
- }, null])
32
- };
@@ -1,145 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { createJobs } from '@bundle-stats/utils';
4
- import baselineStatsFixtures from '../../../__mocks__/webpack-stats.baseline.json';
5
- import currentStatsFixtures from '../../../__mocks__/webpack-stats.current.json';
6
- import { getWrapperDecorator } from '../../stories';
7
- import { BundleModules } from '.';
8
-
9
- // Limit the side of the modules when not in dev mode (chromatic limit, snapshot too large)
10
- const {
11
- baselineStats,
12
- currentStats
13
- } = process.env.NODE_ENV !== 'development' ? {
14
- // eslint-disable-next-line prefer-object-spread
15
- baselineStats: Object.assign({}, baselineStatsFixtures, {
16
- modules: baselineStatsFixtures.modules.slice(0, 100)
17
- }),
18
- // eslint-disable-next-line prefer-object-spread
19
- currentStats: Object.assign({}, currentStatsFixtures, {
20
- modules: currentStatsFixtures.modules.slice(0, 100)
21
- })
22
- } : {
23
- baselineStats: baselineStatsFixtures,
24
- currentStats: currentStatsFixtures
25
- };
26
- const JOBS = createJobs([{
27
- webpack: currentStats
28
- }, {
29
- webpack: baselineStats
30
- }]);
31
- const stories = storiesOf('Components/BundleModules', module);
32
- stories.addDecorator(getWrapperDecorator());
33
- stories.add('default', () => /*#__PURE__*/React.createElement(BundleModules, {
34
- jobs: [JOBS[1]]
35
- }));
36
- stories.add('multiple jobs', () => /*#__PURE__*/React.createElement(BundleModules, {
37
- jobs: JOBS
38
- }));
39
- const JOBS_EMPTY_BASELINE = createJobs([{
40
- webpack: currentStats
41
- }, null]);
42
- stories.add('empty baseline', () => /*#__PURE__*/React.createElement(BundleModules, {
43
- jobs: JOBS_EMPTY_BASELINE
44
- }));
45
-
46
- // Module moved between chunks
47
- const JOBS_MOVED_MODULE = createJobs([{
48
- webpack: {
49
- chunks: [{
50
- id: 1,
51
- names: ['chunk-1']
52
- }, {
53
- id: 2,
54
- names: ['chunk-2']
55
- }],
56
- modules: [{
57
- name: 'module-1a.js',
58
- size: 1100,
59
- chunks: [1]
60
- }, {
61
- name: 'module-1b.js',
62
- size: 1200,
63
- chunks: [1]
64
- }, {
65
- name: 'module-moved-from-chunk-2-to-1.js',
66
- size: 2300,
67
- chunks: [1]
68
- }, {
69
- name: 'module-2b.js',
70
- size: 2200,
71
- chunks: [2]
72
- }, {
73
- name: 'module-moved-from-chunk-3-to-1.js',
74
- size: 3300,
75
- chunks: [1]
76
- }]
77
- }
78
- }, {
79
- webpack: {
80
- chunks: [{
81
- id: 1,
82
- names: ['chunk-1']
83
- }, {
84
- id: 2,
85
- names: ['chunk-2']
86
- }, {
87
- id: 3,
88
- names: ['chunk-3']
89
- }],
90
- modules: [{
91
- name: 'module-1a.js',
92
- size: 1000,
93
- chunks: [1]
94
- }, {
95
- name: 'module-1b.js',
96
- size: 1100,
97
- chunks: [1]
98
- }, {
99
- name: 'module-moved-from-chunk-2-to-1.js',
100
- size: 2000,
101
- chunks: [2]
102
- }, {
103
- name: 'module-2b.js',
104
- size: 2200,
105
- chunks: [2]
106
- }, {
107
- name: 'module-moved-from-chunk-3-to-1.js',
108
- size: 3300,
109
- chunks: [3]
110
- }, {
111
- name: 'module-removed-from-all-chunks.js',
112
- size: 3300,
113
- chunks: [3]
114
- }]
115
- }
116
- }]);
117
- const chunkFiltersStories = storiesOf('Components/BundleModules/chunk filters', module);
118
- chunkFiltersStories.addDecorator(getWrapperDecorator());
119
- chunkFiltersStories.add('chunk with module moved in', () => /*#__PURE__*/React.createElement(BundleModules, {
120
- filters: {
121
- changed: false,
122
- 'c.1': true,
123
- 'c.2': false,
124
- 'c.3': false
125
- },
126
- jobs: [...JOBS_MOVED_MODULE]
127
- }));
128
- chunkFiltersStories.add('chunk with module moved out', () => /*#__PURE__*/React.createElement(BundleModules, {
129
- filters: {
130
- changed: false,
131
- 'c.1': false,
132
- 'c.2': true,
133
- 'c.3': false
134
- },
135
- jobs: [...JOBS_MOVED_MODULE]
136
- }));
137
- chunkFiltersStories.add('removed chunk', () => /*#__PURE__*/React.createElement(BundleModules, {
138
- filters: {
139
- changed: false,
140
- 'c.1': false,
141
- 'c.2': false,
142
- 'c.3': true
143
- },
144
- jobs: [...JOBS_MOVED_MODULE]
145
- }));
@@ -1,52 +0,0 @@
1
- import _set from "lodash/set";
2
- import _merge from "lodash/merge";
3
- import React from 'react';
4
- import { storiesOf } from '@storybook/react';
5
- import { PACKAGE_FILTERS, createJobs } from '@bundle-stats/utils';
6
- import baselineStats from '../../../__mocks__/webpack-stats.baseline.json';
7
- import currentStats from '../../../__mocks__/webpack-stats.current.json';
8
- import { getWrapperDecorator } from '../../stories';
9
- import { BundlePackages } from '.';
10
- const JOBS = createJobs([{
11
- webpack: currentStats
12
- }, {
13
- webpack: baselineStats
14
- }]);
15
- const [currentJob, baselineJob] = JOBS;
16
- const stories = storiesOf('Components/BundlePackages', module);
17
- stories.addDecorator(getWrapperDecorator());
18
- stories.add('default', () => /*#__PURE__*/React.createElement(BundlePackages, {
19
- jobs: [baselineJob]
20
- }));
21
- stories.add('multiple jobs', () => /*#__PURE__*/React.createElement(BundlePackages, {
22
- jobs: JOBS
23
- }));
24
- stories.add('custom filters', () => /*#__PURE__*/React.createElement(BundlePackages, {
25
- jobs: JOBS,
26
- filters: {
27
- [PACKAGE_FILTERS.CHANGED]: false,
28
- [PACKAGE_FILTERS.DUPLICATE]: true
29
- }
30
- }));
31
- stories.add('empty packages', () => /*#__PURE__*/React.createElement(BundlePackages, {
32
- jobs: [_set(_merge({}, currentJob), 'metrics.webpack.packages', {}), _set(_merge({}, baselineJob), 'metrics.webpack.packages', {})]
33
- }));
34
- stories.add('empty filtered packages', () => /*#__PURE__*/React.createElement(BundlePackages, {
35
- jobs: [_set(_merge({}, currentJob), 'metrics.webpack.packages', {
36
- 'package-a': {
37
- value: 100
38
- }
39
- }), _set(_merge({}, baselineJob), 'metrics.webpack.packages', {
40
- 'package-a': {
41
- value: 100
42
- }
43
- })]
44
- }));
45
- const JOBS_EMPTY_BASELINE = createJobs([{
46
- webpack: currentStats
47
- }, {
48
- webpack: null
49
- }]);
50
- stories.add('empty baseline', () => /*#__PURE__*/React.createElement(BundlePackages, {
51
- jobs: JOBS_EMPTY_BASELINE
52
- }));
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { getWrapperDecorator } from '../../stories';
4
- import { Delta } from '.';
5
- const stories = storiesOf('Components/Delta', module);
6
- stories.addDecorator(getWrapperDecorator());
7
- stories.add('default', () => /*#__PURE__*/React.createElement(Delta, {
8
- displayValue: "20%",
9
- deltaType: "POSITIVE"
10
- }));
11
- stories.add('negative', () => /*#__PURE__*/React.createElement(Delta, {
12
- displayValue: "20%",
13
- deltaType: "NEGATIVE"
14
- }));
15
- stories.add('slightlyNegative', () => /*#__PURE__*/React.createElement(Delta, {
16
- displayValue: "1%",
17
- deltaType: "LOW_NEGATIVE"
18
- }));
19
- stories.add('slightlyPositive', () => /*#__PURE__*/React.createElement(Delta, {
20
- displayValue: "1%",
21
- deltaType: "LOW_POSITIVE"
22
- }));
23
- stories.add('empty', () => /*#__PURE__*/React.createElement(Delta, {
24
- displayValue: "0%",
25
- deltaType: "NO_CHANGE"
26
- }));
27
- stories.add('inverted', () => /*#__PURE__*/React.createElement(Delta, {
28
- displayValue: "1%",
29
- deltaType: "LOW_NEGATIVE",
30
- inverted: true
31
- }));
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { getWrapperDecorator } from '../../stories';
4
- import { DuplicatePackagesWarning } from '.';
5
- const stories = storiesOf('Components/DuplicatePackagesWarning', module);
6
- stories.addDecorator(getWrapperDecorator());
7
- stories.add('single job', () => /*#__PURE__*/React.createElement(DuplicatePackagesWarning, {
8
- duplicatePackagesCount: {
9
- current: 1,
10
- baseline: 0
11
- },
12
- showDelta: false
13
- }));
14
- stories.add('multiple jobs', () => /*#__PURE__*/React.createElement(DuplicatePackagesWarning, {
15
- duplicatePackagesCount: {
16
- current: 2,
17
- baseline: 3
18
- }
19
- }));
20
- stories.add('no changes', () => /*#__PURE__*/React.createElement(DuplicatePackagesWarning, {
21
- duplicatePackagesCount: {
22
- current: 2,
23
- baseline: 2
24
- }
25
- }));
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { getWrapperDecorator } from '../../stories';
4
- import { JobHeader } from '.';
5
- const stories = storiesOf('Components/JobHeader', module);
6
- stories.addDecorator(getWrapperDecorator());
7
- const JOB = {
8
- internalBuildNumber: 1,
9
- meta: {
10
- webpack: {
11
- builtAt: '2019-01-01T00:00:00.000Z',
12
- hash: 'abcd1234'
13
- }
14
- },
15
- summary: {
16
- webpack: {
17
- totalSizeByTypeALL: {
18
- current: 1000000,
19
- baseline: 900000
20
- }
21
- }
22
- }
23
- };
24
- stories.add('default', () => /*#__PURE__*/React.createElement(JobHeader, {
25
- job: JOB
26
- }));
27
- stories.add('with tag', () => /*#__PURE__*/React.createElement(JobHeader, {
28
- job: JOB,
29
- tag: "current"
30
- }));
31
- stories.add('with custom content', () => /*#__PURE__*/React.createElement(JobHeader, {
32
- job: JOB
33
- }, /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amed")));
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { getWrapperDecorator } from '../../stories';
4
- import { JobMeta } from '.';
5
- const stories = storiesOf('Components/JobMeta', module);
6
- stories.addDecorator(getWrapperDecorator());
7
- stories.add('default', () => /*#__PURE__*/React.createElement(JobMeta, {
8
- meta: [{
9
- title: '#123',
10
- content: [/*#__PURE__*/React.createElement("p", null, "July 3th ")]
11
- }, {
12
- title: '#122',
13
- content: [/*#__PURE__*/React.createElement("p", null, "July 4th")]
14
- }]
15
- }));
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { getWrapperDecorator } from '../../stories';
4
- import { JobName } from '.';
5
- const stories = storiesOf('Components/JobName', module);
6
- stories.addDecorator(getWrapperDecorator({
7
- padding: '64px'
8
- }));
9
- stories.add('default', () => /*#__PURE__*/React.createElement(JobName, {
10
- title: "View job details",
11
- internalBuildNumber: 10
12
- }));
13
- stories.add('custom component', () => /*#__PURE__*/React.createElement(JobName, {
14
- title: "View job details",
15
- internalBuildNumber: 10,
16
- as: props => /*#__PURE__*/React.createElement("strong", props)
17
- }));
18
- stories.add('render', () => /*#__PURE__*/React.createElement(JobName, {
19
- title: "View job details"
20
- }, /*#__PURE__*/React.createElement("a", {
21
- href: "https://relative-ci.com/test"
22
- }, "#10")));