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

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 (796) 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/summary-item/summary-item.module.css +0 -12
  117. package/lib/components/total-size-type-title/index.js +16 -14
  118. package/lib/components/total-size-type-title/index.js.map +1 -0
  119. package/lib/components/total-size-type-title/total-size-type-title.js +27 -43
  120. package/lib/components/total-size-type-title/total-size-type-title.js.map +1 -0
  121. package/lib/constants.js +54 -52
  122. package/lib/constants.js.map +1 -0
  123. package/lib/hooks/rows-filter.js +15 -21
  124. package/lib/hooks/rows-filter.js.map +1 -0
  125. package/lib/hooks/rows-sort.js +17 -38
  126. package/lib/hooks/rows-sort.js.map +1 -0
  127. package/lib/hooks/search-params.js +108 -161
  128. package/lib/hooks/search-params.js.map +1 -0
  129. package/lib/i18n.js +18 -22
  130. package/lib/i18n.js.map +1 -0
  131. package/lib/index.js +20 -58
  132. package/lib/index.js.map +1 -0
  133. package/lib/layout/box/box.js +35 -62
  134. package/lib/layout/box/box.js.map +1 -0
  135. package/lib/layout/box/index.js +5 -11
  136. package/lib/layout/box/index.js.map +1 -0
  137. package/lib/layout/flex-stack/flex-stack.js +29 -48
  138. package/lib/layout/flex-stack/flex-stack.js.map +1 -0
  139. package/lib/layout/flex-stack/index.js +16 -14
  140. package/lib/layout/flex-stack/index.js.map +1 -0
  141. package/lib/layout/footer/footer.js +35 -65
  142. package/lib/layout/footer/footer.js.map +1 -0
  143. package/lib/layout/footer/index.js +5 -11
  144. package/lib/layout/footer/index.js.map +1 -0
  145. package/lib/layout/index.js +13 -53
  146. package/lib/layout/index.js.map +1 -0
  147. package/lib/layout/separator.js +18 -30
  148. package/lib/layout/separator.js.map +1 -0
  149. package/lib/layout/stack/index.js +16 -14
  150. package/lib/layout/stack/index.js.map +1 -0
  151. package/lib/layout/stack/stack.js +26 -36
  152. package/lib/layout/stack/stack.js.map +1 -0
  153. package/lib/query-state.js +51 -47
  154. package/lib/query-state.js.map +1 -0
  155. package/lib/stories/index.js +16 -14
  156. package/lib/stories/index.js.map +1 -0
  157. package/lib/stories/wrapper.js +17 -28
  158. package/lib/stories/wrapper.js.map +1 -0
  159. package/lib/ui/alert/alert.js +21 -27
  160. package/lib/ui/alert/alert.js.map +1 -0
  161. package/lib/ui/alert/index.js +16 -14
  162. package/lib/ui/alert/index.js.map +1 -0
  163. package/lib/ui/container/container.js +18 -32
  164. package/lib/ui/container/container.js.map +1 -0
  165. package/lib/ui/container/index.js +5 -11
  166. package/lib/ui/container/index.js.map +1 -0
  167. package/lib/ui/dropdown/dropdown.js +48 -84
  168. package/lib/ui/dropdown/dropdown.js.map +1 -0
  169. package/lib/ui/dropdown/index.js +16 -14
  170. package/lib/ui/dropdown/index.js.map +1 -0
  171. package/lib/ui/empty-set/empty-set.js +40 -46
  172. package/lib/ui/empty-set/empty-set.js.map +1 -0
  173. package/lib/ui/empty-set/index.js +16 -14
  174. package/lib/ui/empty-set/index.js.map +1 -0
  175. package/lib/ui/file-name/file-name.js +19 -29
  176. package/lib/ui/file-name/file-name.js.map +1 -0
  177. package/lib/ui/file-name/index.js +5 -11
  178. package/lib/ui/file-name/index.js.map +1 -0
  179. package/lib/ui/filters/filters.js +116 -219
  180. package/lib/ui/filters/filters.js.map +1 -0
  181. package/lib/ui/filters/filters.utils.js +56 -94
  182. package/lib/ui/filters/filters.utils.js.map +1 -0
  183. package/lib/ui/filters/index.js +64 -73
  184. package/lib/ui/filters/index.js.map +1 -0
  185. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.js +89 -158
  186. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.js.map +1 -0
  187. package/lib/ui/horizontal-bar-chart/index.js +16 -14
  188. package/lib/ui/horizontal-bar-chart/index.js.map +1 -0
  189. package/lib/ui/hover-card/hover-card.js +66 -82
  190. package/lib/ui/hover-card/hover-card.js.map +1 -0
  191. package/lib/ui/hover-card/index.js +16 -14
  192. package/lib/ui/hover-card/index.js.map +1 -0
  193. package/lib/ui/icon/icon.js +41 -53
  194. package/lib/ui/icon/icon.js.map +1 -0
  195. package/lib/ui/icon/index.js +16 -14
  196. package/lib/ui/icon/index.js.map +1 -0
  197. package/lib/ui/index.js +39 -137
  198. package/lib/ui/index.js.map +1 -0
  199. package/lib/ui/input/index.js +16 -14
  200. package/lib/ui/input/index.js.map +1 -0
  201. package/lib/ui/input/input.js +19 -28
  202. package/lib/ui/input/input.js.map +1 -0
  203. package/lib/ui/loader/index.js +16 -14
  204. package/lib/ui/loader/index.js.map +1 -0
  205. package/lib/ui/loader/loader.js +21 -34
  206. package/lib/ui/loader/loader.js.map +1 -0
  207. package/lib/ui/panels/index.js +5 -11
  208. package/lib/ui/panels/index.js.map +1 -0
  209. package/lib/ui/panels/panels.js +23 -41
  210. package/lib/ui/panels/panels.js.map +1 -0
  211. package/lib/ui/skeleton/index.js +16 -14
  212. package/lib/ui/skeleton/index.js.map +1 -0
  213. package/lib/ui/skeleton/skeleton.js +22 -31
  214. package/lib/ui/skeleton/skeleton.js.map +1 -0
  215. package/lib/ui/skeleton/skeleton.module.css +1 -12
  216. package/lib/ui/sort-dropdown/index.js +16 -14
  217. package/lib/ui/sort-dropdown/index.js.map +1 -0
  218. package/lib/ui/sort-dropdown/sort-dropdown.js +89 -127
  219. package/lib/ui/sort-dropdown/sort-dropdown.js.map +1 -0
  220. package/lib/ui/table/index.js +16 -14
  221. package/lib/ui/table/index.js.map +1 -0
  222. package/lib/ui/table/table.js +33 -42
  223. package/lib/ui/table/table.js.map +1 -0
  224. package/lib/ui/tabs/index.js +5 -11
  225. package/lib/ui/tabs/index.js.map +1 -0
  226. package/lib/ui/tabs/tabs.js +23 -44
  227. package/lib/ui/tabs/tabs.js.map +1 -0
  228. package/lib/ui/tag/index.js +16 -14
  229. package/lib/ui/tag/index.js.map +1 -0
  230. package/lib/ui/tag/tag.js +35 -51
  231. package/lib/ui/tag/tag.js.map +1 -0
  232. package/lib/ui/toolbar/index.js +16 -14
  233. package/lib/ui/toolbar/index.js.map +1 -0
  234. package/lib/ui/toolbar/toolbar.js +23 -31
  235. package/lib/ui/toolbar/toolbar.js.map +1 -0
  236. package/lib/ui/tooltip/index.js +16 -14
  237. package/lib/ui/tooltip/index.js.map +1 -0
  238. package/lib/ui/tooltip/tooltip.js +36 -59
  239. package/lib/ui/tooltip/tooltip.js.map +1 -0
  240. package/lib/utils.js +29 -36
  241. package/lib/utils.js.map +1 -0
  242. package/lib-esm/app/app.js +89 -197
  243. package/lib-esm/app/app.js.map +1 -0
  244. package/lib-esm/app/header/header.js +9 -21
  245. package/lib-esm/app/header/header.js.map +1 -0
  246. package/lib-esm/app/header/index.js +2 -1
  247. package/lib-esm/app/header/index.js.map +1 -0
  248. package/lib-esm/app/index.js +2 -1
  249. package/lib-esm/app/index.js.map +1 -0
  250. package/lib-esm/assets/icons.svg.js +32 -0
  251. package/lib-esm/assets/icons.svg.js.map +1 -0
  252. package/lib-esm/components/asset-info/asset-info.js +40 -72
  253. package/lib-esm/components/asset-info/asset-info.js.map +1 -0
  254. package/lib-esm/components/asset-info/index.js +2 -1
  255. package/lib-esm/components/asset-info/index.js.map +1 -0
  256. package/lib-esm/components/browsertime-table/browsertime-table.js +10 -16
  257. package/lib-esm/components/browsertime-table/browsertime-table.js.map +1 -0
  258. package/lib-esm/components/browsertime-table/index.js +2 -1
  259. package/lib-esm/components/browsertime-table/index.js.map +1 -0
  260. package/lib-esm/components/bundle-assets/bundle-assets.constants.js +14 -13
  261. package/lib-esm/components/bundle-assets/bundle-assets.constants.js.map +1 -0
  262. package/lib-esm/components/bundle-assets/bundle-assets.js +144 -274
  263. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -0
  264. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +64 -51
  265. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -0
  266. package/lib-esm/components/bundle-assets/index.js +52 -75
  267. package/lib-esm/components/bundle-assets/index.js.map +1 -0
  268. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +47 -81
  269. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -0
  270. package/lib-esm/components/bundle-assets-totals-chart-bars/index.js +2 -1
  271. package/lib-esm/components/bundle-assets-totals-chart-bars/index.js.map +1 -0
  272. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js +16 -40
  273. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js.map +1 -0
  274. package/lib-esm/components/bundle-assets-totals-table/index.js +2 -1
  275. package/lib-esm/components/bundle-assets-totals-table/index.js.map +1 -0
  276. package/lib-esm/components/bundle-modules/bundle-modules.constants.js +14 -13
  277. package/lib-esm/components/bundle-modules/bundle-modules.constants.js.map +1 -0
  278. package/lib-esm/components/bundle-modules/bundle-modules.js +112 -233
  279. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -0
  280. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +70 -92
  281. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -0
  282. package/lib-esm/components/bundle-modules/index.js +65 -98
  283. package/lib-esm/components/bundle-modules/index.js.map +1 -0
  284. package/lib-esm/components/bundle-packages/bundle-packages.constants.js +14 -13
  285. package/lib-esm/components/bundle-packages/bundle-packages.constants.js.map +1 -0
  286. package/lib-esm/components/bundle-packages/bundle-packages.js +124 -257
  287. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -0
  288. package/lib-esm/components/bundle-packages/bundle-packages.utils.js +33 -35
  289. package/lib-esm/components/bundle-packages/bundle-packages.utils.js.map +1 -0
  290. package/lib-esm/components/bundle-packages/index.js +50 -73
  291. package/lib-esm/components/bundle-packages/index.js.map +1 -0
  292. package/lib-esm/components/component-link.js +14 -24
  293. package/lib-esm/components/component-link.js.map +1 -0
  294. package/lib-esm/components/delta/delta.js +11 -18
  295. package/lib-esm/components/delta/delta.js.map +1 -0
  296. package/lib-esm/components/delta/index.js +2 -1
  297. package/lib-esm/components/delta/index.js.map +1 -0
  298. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js +21 -28
  299. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js.map +1 -0
  300. package/lib-esm/components/duplicate-packages-warning/index.js +2 -1
  301. package/lib-esm/components/duplicate-packages-warning/index.js.map +1 -0
  302. package/lib-esm/components/index.js +2 -1
  303. package/lib-esm/components/index.js.map +1 -0
  304. package/lib-esm/components/job-header/index.js +2 -1
  305. package/lib-esm/components/job-header/index.js.map +1 -0
  306. package/lib-esm/components/job-header/job-header.js +33 -60
  307. package/lib-esm/components/job-header/job-header.js.map +1 -0
  308. package/lib-esm/components/job-meta/index.js +2 -1
  309. package/lib-esm/components/job-meta/index.js.map +1 -0
  310. package/lib-esm/components/job-meta/job-meta.js +19 -36
  311. package/lib-esm/components/job-meta/job-meta.js.map +1 -0
  312. package/lib-esm/components/job-name/index.js +2 -1
  313. package/lib-esm/components/job-name/index.js.map +1 -0
  314. package/lib-esm/components/job-name/job-name.js +11 -28
  315. package/lib-esm/components/job-name/job-name.js.map +1 -0
  316. package/lib-esm/components/jobs-header/index.js +2 -1
  317. package/lib-esm/components/jobs-header/index.js.map +1 -0
  318. package/lib-esm/components/jobs-header/jobs-header.js +12 -24
  319. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -0
  320. package/lib-esm/components/lighthouse-table/index.js +2 -1
  321. package/lib-esm/components/lighthouse-table/index.js.map +1 -0
  322. package/lib-esm/components/lighthouse-table/lighthouse-table.js +10 -16
  323. package/lib-esm/components/lighthouse-table/lighthouse-table.js.map +1 -0
  324. package/lib-esm/components/metric/index.js +2 -1
  325. package/lib-esm/components/metric/index.js.map +1 -0
  326. package/lib-esm/components/metric/metric.js +38 -62
  327. package/lib-esm/components/metric/metric.js.map +1 -0
  328. package/lib-esm/components/metrics-table/index.js +2 -1
  329. package/lib-esm/components/metrics-table/index.js.map +1 -0
  330. package/lib-esm/components/metrics-table/metrics-table.js +133 -194
  331. package/lib-esm/components/metrics-table/metrics-table.js.map +1 -0
  332. package/lib-esm/components/metrics-table-options/index.js +2 -1
  333. package/lib-esm/components/metrics-table-options/index.js.map +1 -0
  334. package/lib-esm/components/metrics-table-options/metrics-table-options.js +13 -23
  335. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -0
  336. package/lib-esm/components/metrics-table-search/index.js +2 -1
  337. package/lib-esm/components/metrics-table-search/index.js.map +1 -0
  338. package/lib-esm/components/metrics-table-search/metrics-table-search.js +33 -54
  339. package/lib-esm/components/metrics-table-search/metrics-table-search.js.map +1 -0
  340. package/lib-esm/components/metrics-table-title/index.js +2 -1
  341. package/lib-esm/components/metrics-table-title/index.js.map +1 -0
  342. package/lib-esm/components/metrics-table-title/metrics-table-title.js +23 -41
  343. package/lib-esm/components/metrics-table-title/metrics-table-title.js.map +1 -0
  344. package/lib-esm/components/module-info/index.js +2 -1
  345. package/lib-esm/components/module-info/index.js.map +1 -0
  346. package/lib-esm/components/module-info/module-info.js +44 -67
  347. package/lib-esm/components/module-info/module-info.js.map +1 -0
  348. package/lib-esm/components/summary/index.js +2 -1
  349. package/lib-esm/components/summary/index.js.map +1 -0
  350. package/lib-esm/components/summary/summary.js +27 -59
  351. package/lib-esm/components/summary/summary.js.map +1 -0
  352. package/lib-esm/components/summary-item/index.js +2 -1
  353. package/lib-esm/components/summary-item/index.js.map +1 -0
  354. package/lib-esm/components/summary-item/summary-item.js +46 -107
  355. package/lib-esm/components/summary-item/summary-item.js.map +1 -0
  356. package/lib-esm/components/summary-item/summary-item.module.css +0 -12
  357. package/lib-esm/components/total-size-type-title/index.js +2 -1
  358. package/lib-esm/components/total-size-type-title/index.js.map +1 -0
  359. package/lib-esm/components/total-size-type-title/total-size-type-title.js +11 -26
  360. package/lib-esm/components/total-size-type-title/total-size-type-title.js.map +1 -0
  361. package/lib-esm/constants.js +35 -14
  362. package/lib-esm/constants.js.map +1 -0
  363. package/lib-esm/hooks/rows-filter.js +13 -18
  364. package/lib-esm/hooks/rows-filter.js.map +1 -0
  365. package/lib-esm/hooks/rows-sort.js +12 -21
  366. package/lib-esm/hooks/rows-sort.js.map +1 -0
  367. package/lib-esm/hooks/search-params.js +94 -141
  368. package/lib-esm/hooks/search-params.js.map +1 -0
  369. package/lib-esm/i18n.js +17 -16
  370. package/lib-esm/i18n.js.map +1 -0
  371. package/lib-esm/index.js +2 -1
  372. package/lib-esm/index.js.map +1 -0
  373. package/lib-esm/layout/box/box.js +24 -35
  374. package/lib-esm/layout/box/box.js.map +1 -0
  375. package/lib-esm/layout/box/index.js +2 -1
  376. package/lib-esm/layout/box/index.js.map +1 -0
  377. package/lib-esm/layout/flex-stack/flex-stack.js +17 -28
  378. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -0
  379. package/lib-esm/layout/flex-stack/index.js +2 -1
  380. package/lib-esm/layout/flex-stack/index.js.map +1 -0
  381. package/lib-esm/layout/footer/footer.js +21 -51
  382. package/lib-esm/layout/footer/footer.js.map +1 -0
  383. package/lib-esm/layout/footer/index.js +2 -1
  384. package/lib-esm/layout/footer/index.js.map +1 -0
  385. package/lib-esm/layout/index.js +2 -3
  386. package/lib-esm/layout/index.js.map +1 -0
  387. package/lib-esm/layout/separator.js +7 -17
  388. package/lib-esm/layout/separator.js.map +1 -0
  389. package/lib-esm/layout/stack/index.js +2 -1
  390. package/lib-esm/layout/stack/index.js.map +1 -0
  391. package/lib-esm/layout/stack/stack.js +14 -22
  392. package/lib-esm/layout/stack/stack.js.map +1 -0
  393. package/lib-esm/query-state.js +20 -27
  394. package/lib-esm/query-state.js.map +1 -0
  395. package/lib-esm/stories/index.js +2 -1
  396. package/lib-esm/stories/index.js.map +1 -0
  397. package/lib-esm/stories/wrapper.js +9 -19
  398. package/lib-esm/stories/wrapper.js.map +1 -0
  399. package/lib-esm/ui/alert/alert.js +10 -17
  400. package/lib-esm/ui/alert/alert.js.map +1 -0
  401. package/lib-esm/ui/alert/index.js +2 -1
  402. package/lib-esm/ui/alert/index.js.map +1 -0
  403. package/lib-esm/ui/container/container.js +8 -20
  404. package/lib-esm/ui/container/container.js.map +1 -0
  405. package/lib-esm/ui/container/index.js +2 -1
  406. package/lib-esm/ui/container/index.js.map +1 -0
  407. package/lib-esm/ui/dropdown/dropdown.js +35 -69
  408. package/lib-esm/ui/dropdown/dropdown.js.map +1 -0
  409. package/lib-esm/ui/dropdown/index.js +2 -1
  410. package/lib-esm/ui/dropdown/index.js.map +1 -0
  411. package/lib-esm/ui/empty-set/empty-set.js +29 -28
  412. package/lib-esm/ui/empty-set/empty-set.js.map +1 -0
  413. package/lib-esm/ui/empty-set/index.js +2 -1
  414. package/lib-esm/ui/empty-set/index.js.map +1 -0
  415. package/lib-esm/ui/file-name/file-name.js +9 -20
  416. package/lib-esm/ui/file-name/file-name.js.map +1 -0
  417. package/lib-esm/ui/file-name/index.js +2 -1
  418. package/lib-esm/ui/file-name/index.js.map +1 -0
  419. package/lib-esm/ui/filters/filters.js +81 -199
  420. package/lib-esm/ui/filters/filters.js.map +1 -0
  421. package/lib-esm/ui/filters/filters.utils.js +50 -71
  422. package/lib-esm/ui/filters/filters.utils.js.map +1 -0
  423. package/lib-esm/ui/filters/index.js +32 -51
  424. package/lib-esm/ui/filters/index.js.map +1 -0
  425. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js +78 -121
  426. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js.map +1 -0
  427. package/lib-esm/ui/horizontal-bar-chart/index.js +2 -1
  428. package/lib-esm/ui/horizontal-bar-chart/index.js.map +1 -0
  429. package/lib-esm/ui/hover-card/hover-card.js +35 -72
  430. package/lib-esm/ui/hover-card/hover-card.js.map +1 -0
  431. package/lib-esm/ui/hover-card/index.js +2 -1
  432. package/lib-esm/ui/hover-card/index.js.map +1 -0
  433. package/lib-esm/ui/icon/icon.js +25 -35
  434. package/lib-esm/ui/icon/icon.js.map +1 -0
  435. package/lib-esm/ui/icon/index.js +2 -1
  436. package/lib-esm/ui/icon/index.js.map +1 -0
  437. package/lib-esm/ui/index.js +2 -2
  438. package/lib-esm/ui/index.js.map +1 -0
  439. package/lib-esm/ui/input/index.js +2 -1
  440. package/lib-esm/ui/input/index.js.map +1 -0
  441. package/lib-esm/ui/input/input.js +9 -16
  442. package/lib-esm/ui/input/input.js.map +1 -0
  443. package/lib-esm/ui/loader/index.js +2 -1
  444. package/lib-esm/ui/loader/index.js.map +1 -0
  445. package/lib-esm/ui/loader/loader.js +7 -18
  446. package/lib-esm/ui/loader/loader.js.map +1 -0
  447. package/lib-esm/ui/panels/index.js +2 -1
  448. package/lib-esm/ui/panels/index.js.map +1 -0
  449. package/lib-esm/ui/panels/panels.js +13 -27
  450. package/lib-esm/ui/panels/panels.js.map +1 -0
  451. package/lib-esm/ui/skeleton/index.js +2 -1
  452. package/lib-esm/ui/skeleton/index.js.map +1 -0
  453. package/lib-esm/ui/skeleton/skeleton.js +12 -19
  454. package/lib-esm/ui/skeleton/skeleton.js.map +1 -0
  455. package/lib-esm/ui/skeleton/skeleton.module.css +1 -12
  456. package/lib-esm/ui/sort-dropdown/index.js +2 -1
  457. package/lib-esm/ui/sort-dropdown/index.js.map +1 -0
  458. package/lib-esm/ui/sort-dropdown/sort-dropdown.js +55 -106
  459. package/lib-esm/ui/sort-dropdown/sort-dropdown.js.map +1 -0
  460. package/lib-esm/ui/table/index.js +2 -1
  461. package/lib-esm/ui/table/index.js.map +1 -0
  462. package/lib-esm/ui/table/table.js +18 -28
  463. package/lib-esm/ui/table/table.js.map +1 -0
  464. package/lib-esm/ui/tabs/index.js +2 -1
  465. package/lib-esm/ui/tabs/index.js.map +1 -0
  466. package/lib-esm/ui/tabs/tabs.js +13 -33
  467. package/lib-esm/ui/tabs/tabs.js.map +1 -0
  468. package/lib-esm/ui/tag/index.js +2 -1
  469. package/lib-esm/ui/tag/index.js.map +1 -0
  470. package/lib-esm/ui/tag/tag.js +22 -30
  471. package/lib-esm/ui/tag/tag.js.map +1 -0
  472. package/lib-esm/ui/toolbar/index.js +2 -1
  473. package/lib-esm/ui/toolbar/index.js.map +1 -0
  474. package/lib-esm/ui/toolbar/toolbar.js +13 -22
  475. package/lib-esm/ui/toolbar/toolbar.js.map +1 -0
  476. package/lib-esm/ui/tooltip/index.js +2 -1
  477. package/lib-esm/ui/tooltip/index.js.map +1 -0
  478. package/lib-esm/ui/tooltip/tooltip.js +26 -47
  479. package/lib-esm/ui/tooltip/tooltip.js.map +1 -0
  480. package/lib-esm/utils.js +24 -30
  481. package/lib-esm/utils.js.map +1 -0
  482. package/package.json +20 -26
  483. package/src/assets/icons.svg.jsx +146 -0
  484. package/src/components/asset-info/asset-info.jsx +2 -3
  485. package/src/components/bundle-assets/bundle-assets.jsx +2 -2
  486. package/src/components/bundle-assets/bundle-assets.utils.js +2 -3
  487. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +7 -5
  488. package/src/components/bundle-modules/bundle-modules.jsx +4 -3
  489. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  490. package/src/components/bundle-modules/index.jsx +2 -2
  491. package/src/components/bundle-packages/bundle-packages.utils.js +4 -4
  492. package/src/components/job-header/job-header.jsx +4 -5
  493. package/src/components/metrics-table/metrics-table.jsx +3 -3
  494. package/src/components/metrics-table-search/metrics-table-search.jsx +1 -1
  495. package/src/components/module-info/module-info.jsx +3 -2
  496. package/src/components/summary/summary.jsx +1 -1
  497. package/src/components/summary-item/summary-item.jsx +1 -2
  498. package/src/components/summary-item/summary-item.module.css +0 -12
  499. package/src/hooks/rows-sort.js +1 -1
  500. package/src/hooks/search-params.js +2 -1
  501. package/src/layout/index.js +0 -2
  502. package/src/query-state.jsx +2 -1
  503. package/src/ui/filters/index.jsx +2 -1
  504. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.jsx +4 -3
  505. package/src/ui/hover-card/hover-card.jsx +15 -16
  506. package/src/ui/index.js +0 -1
  507. package/src/ui/skeleton/skeleton.module.css +1 -12
  508. package/src/utils.jsx +1 -1
  509. package/tsconfig.esm.json +13 -0
  510. package/tsconfig.json +4 -0
  511. package/tsconfig.lib.json +9 -0
  512. package/types/app/app.d.ts +1 -0
  513. package/types/app/header/header.d.ts +16 -0
  514. package/types/app/header/index.d.ts +1 -0
  515. package/types/app/index.d.ts +1 -0
  516. package/types/assets/icons.svg.d.ts +1 -0
  517. package/types/components/asset-info/asset-info.d.ts +18 -0
  518. package/types/components/asset-info/index.d.ts +1 -0
  519. package/types/components/browsertime-table/browsertime-table.d.ts +13 -0
  520. package/types/components/browsertime-table/index.d.ts +1 -0
  521. package/types/components/bundle-assets/bundle-assets.constants.d.ts +21 -0
  522. package/types/components/bundle-assets/bundle-assets.d.ts +30 -0
  523. package/types/components/bundle-assets/bundle-assets.utils.d.ts +5 -0
  524. package/types/components/bundle-assets/index.d.ts +21 -0
  525. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +18 -0
  526. package/types/components/bundle-assets-totals-chart-bars/index.d.ts +1 -0
  527. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +21 -0
  528. package/types/components/bundle-assets-totals-table/index.d.ts +1 -0
  529. package/types/components/bundle-modules/bundle-modules.constants.d.ts +21 -0
  530. package/types/components/bundle-modules/bundle-modules.d.ts +52 -0
  531. package/types/components/bundle-modules/bundle-modules.utils.d.ts +8 -0
  532. package/types/components/bundle-modules/index.d.ts +21 -0
  533. package/types/components/bundle-packages/bundle-packages.constants.d.ts +21 -0
  534. package/types/components/bundle-packages/bundle-packages.d.ts +30 -0
  535. package/types/components/bundle-packages/bundle-packages.utils.d.ts +4 -0
  536. package/types/components/bundle-packages/index.d.ts +21 -0
  537. package/types/components/component-link.d.ts +19 -0
  538. package/types/components/delta/delta.d.ts +20 -0
  539. package/types/components/delta/index.d.ts +1 -0
  540. package/types/components/duplicate-packages-warning/duplicate-packages-warning.d.ts +17 -0
  541. package/types/components/duplicate-packages-warning/index.d.ts +1 -0
  542. package/types/components/index.d.ts +22 -0
  543. package/types/components/job-header/index.d.ts +1 -0
  544. package/types/components/job-header/job-header.d.ts +19 -0
  545. package/types/components/job-meta/index.d.ts +1 -0
  546. package/types/components/job-meta/job-meta.d.ts +14 -0
  547. package/types/components/job-name/index.d.ts +1 -0
  548. package/types/components/job-name/job-name.d.ts +25 -0
  549. package/types/components/jobs-header/index.d.ts +1 -0
  550. package/types/components/jobs-header/jobs-header.d.ts +13 -0
  551. package/types/components/lighthouse-table/index.d.ts +1 -0
  552. package/types/components/lighthouse-table/lighthouse-table.d.ts +13 -0
  553. package/types/components/metric/index.d.ts +1 -0
  554. package/types/components/metric/metric.d.ts +32 -0
  555. package/types/components/metrics-table/index.d.ts +1 -0
  556. package/types/components/metrics-table/metrics-table.d.ts +37 -0
  557. package/types/components/metrics-table-options/index.d.ts +1 -0
  558. package/types/components/metrics-table-options/metrics-table-options.d.ts +16 -0
  559. package/types/components/metrics-table-search/index.d.ts +1 -0
  560. package/types/components/metrics-table-search/metrics-table-search.d.ts +15 -0
  561. package/types/components/metrics-table-title/index.d.ts +1 -0
  562. package/types/components/metrics-table-title/metrics-table-title.d.ts +20 -0
  563. package/types/components/module-info/index.d.ts +1 -0
  564. package/types/components/module-info/module-info.d.ts +24 -0
  565. package/types/components/summary/index.d.ts +1 -0
  566. package/types/components/summary/summary.d.ts +36 -0
  567. package/types/components/summary-item/index.d.ts +1 -0
  568. package/types/components/summary-item/summary-item.d.ts +39 -0
  569. package/types/components/total-size-type-title/index.d.ts +1 -0
  570. package/types/components/total-size-type-title/total-size-type-title.d.ts +12 -0
  571. package/types/constants.d.ts +25 -0
  572. package/types/hooks/rows-filter.d.ts +6 -0
  573. package/types/hooks/rows-sort.d.ts +12 -0
  574. package/types/hooks/search-params.d.ts +21 -0
  575. package/types/i18n.d.ts +18 -0
  576. package/types/index.d.ts +5 -0
  577. package/types/layout/box/box.d.ts +25 -0
  578. package/types/layout/box/index.d.ts +1 -0
  579. package/types/layout/flex-stack/flex-stack.d.ts +33 -0
  580. package/types/layout/flex-stack/index.d.ts +1 -0
  581. package/types/layout/footer/footer.d.ts +16 -0
  582. package/types/layout/footer/index.d.ts +1 -0
  583. package/types/layout/index.d.ts +5 -0
  584. package/types/layout/separator.d.ts +15 -0
  585. package/types/layout/stack/index.d.ts +1 -0
  586. package/types/layout/stack/stack.d.ts +19 -0
  587. package/types/query-state.d.ts +2 -0
  588. package/types/stories/index.d.ts +1 -0
  589. package/types/stories/wrapper.d.ts +1 -0
  590. package/types/ui/alert/alert.d.ts +14 -0
  591. package/types/ui/alert/index.d.ts +1 -0
  592. package/types/ui/container/container.d.ts +17 -0
  593. package/types/ui/container/index.d.ts +1 -0
  594. package/types/ui/dropdown/dropdown.d.ts +45 -0
  595. package/types/ui/dropdown/index.d.ts +1 -0
  596. package/types/ui/empty-set/empty-set.d.ts +15 -0
  597. package/types/ui/empty-set/index.d.ts +1 -0
  598. package/types/ui/file-name/file-name.d.ts +20 -0
  599. package/types/ui/file-name/index.d.ts +1 -0
  600. package/types/ui/filters/filters.d.ts +13 -0
  601. package/types/ui/filters/filters.utils.d.ts +6 -0
  602. package/types/ui/filters/index.d.ts +11 -0
  603. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +14 -0
  604. package/types/ui/horizontal-bar-chart/index.d.ts +1 -0
  605. package/types/ui/hover-card/hover-card.d.ts +26 -0
  606. package/types/ui/hover-card/index.d.ts +1 -0
  607. package/types/ui/icon/icon.d.ts +37 -0
  608. package/types/ui/icon/index.d.ts +1 -0
  609. package/types/ui/index.d.ts +18 -0
  610. package/types/ui/input/index.d.ts +1 -0
  611. package/types/ui/input/input.d.ts +17 -0
  612. package/types/ui/loader/index.d.ts +1 -0
  613. package/types/ui/loader/loader.d.ts +22 -0
  614. package/types/ui/panels/index.d.ts +1 -0
  615. package/types/ui/panels/panels.d.ts +17 -0
  616. package/types/ui/skeleton/index.d.ts +1 -0
  617. package/types/ui/skeleton/skeleton.d.ts +16 -0
  618. package/types/ui/sort-dropdown/index.d.ts +1 -0
  619. package/types/ui/sort-dropdown/sort-dropdown.d.ts +23 -0
  620. package/types/ui/table/index.d.ts +1 -0
  621. package/types/ui/table/table.d.ts +33 -0
  622. package/types/ui/tabs/index.d.ts +1 -0
  623. package/types/ui/tabs/tabs.d.ts +40 -0
  624. package/types/ui/tag/index.d.ts +1 -0
  625. package/types/ui/tag/tag.d.ts +33 -0
  626. package/types/ui/toolbar/index.d.ts +1 -0
  627. package/types/ui/toolbar/toolbar.d.ts +14 -0
  628. package/types/ui/tooltip/index.d.ts +1 -0
  629. package/types/ui/tooltip/tooltip.d.ts +26 -0
  630. package/types/utils.d.ts +2 -0
  631. package/lib/app/app.stories.js +0 -102
  632. package/lib/assets/icons/arrow-right-circle.svg +0 -1
  633. package/lib/assets/icons/arrow.svg +0 -1
  634. package/lib/assets/icons/cancel.svg +0 -1
  635. package/lib/assets/icons/clock.svg +0 -1
  636. package/lib/assets/icons/close.svg +0 -1
  637. package/lib/assets/icons/commit.svg +0 -1
  638. package/lib/assets/icons/filter.svg +0 -1
  639. package/lib/assets/icons/help.svg +0 -1
  640. package/lib/assets/icons/menu.svg +0 -1
  641. package/lib/assets/icons/sort.svg +0 -4
  642. package/lib/assets/icons/warning.svg +0 -1
  643. package/lib/components/asset-info/asset-info.stories.js +0 -42
  644. package/lib/components/browsertime-table/browsertime-table.stories.js +0 -33
  645. package/lib/components/bundle-assets/bundle-assets.stories.js +0 -100
  646. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +0 -32
  647. package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -45
  648. package/lib/components/bundle-modules/bundle-modules.stories.js +0 -164
  649. package/lib/components/bundle-packages/bundle-packages.stories.js +0 -74
  650. package/lib/components/delta/delta.stories.js +0 -46
  651. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +0 -34
  652. package/lib/components/job-header/job-header.stories.js +0 -42
  653. package/lib/components/job-meta/job-meta.stories.js +0 -20
  654. package/lib/components/job-name/job-name.stories.js +0 -33
  655. package/lib/components/jobs-header/jobs-header.stories.js +0 -104
  656. package/lib/components/lighthouse-table/lighthouse-table.stories.js +0 -26
  657. package/lib/components/metric/metric.stories.js +0 -69
  658. package/lib/components/metrics-table/metrics-table.stories.js +0 -195
  659. package/lib/components/metrics-table-options/metrics-table-options.stories.js +0 -20
  660. package/lib/components/metrics-table-search/metrics-table-search.stories.js +0 -31
  661. package/lib/components/module-info/module-info.stories.js +0 -30
  662. package/lib/components/summary/summary.stories.js +0 -63
  663. package/lib/components/summary-item/summary-item.stories.js +0 -68
  664. package/lib/layout/box/box.stories.js +0 -54
  665. package/lib/layout/flex-stack/flex-stack.stories.js +0 -66
  666. package/lib/layout/footer/footer.stories.js +0 -19
  667. package/lib/layout/header/header.js +0 -49
  668. package/lib/layout/header/header.module.css +0 -49
  669. package/lib/layout/header/header.stories.js +0 -54
  670. package/lib/layout/header/index.js +0 -12
  671. package/lib/layout/stack/stack.stories.js +0 -58
  672. package/lib/layout/sub-header/index.js +0 -16
  673. package/lib/layout/sub-header/sub-header.js +0 -60
  674. package/lib/layout/sub-header/sub-header.module.css +0 -70
  675. package/lib/layout/sub-header/sub-header.stories.js +0 -78
  676. package/lib/prototypes/typography.md +0 -30
  677. package/lib/prototypes/typography.stories.js +0 -103
  678. package/lib/ui/alert/alert.stories.js +0 -32
  679. package/lib/ui/container/container.stories.js +0 -23
  680. package/lib/ui/dropdown/dropdown.stories.js +0 -44
  681. package/lib/ui/empty-set/empty-set.stories.js +0 -27
  682. package/lib/ui/file-name/file-name.stories.js +0 -22
  683. package/lib/ui/filters/__tests__/filters-dropdown.utils.js +0 -74
  684. package/lib/ui/filters/filters.stories.js +0 -126
  685. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +0 -87
  686. package/lib/ui/hover-card/hover-card.stories.js +0 -46
  687. package/lib/ui/icon/icon.stories.js +0 -47
  688. package/lib/ui/input/input.stories.js +0 -20
  689. package/lib/ui/loader/loader.stories.js +0 -17
  690. package/lib/ui/logo/assets/github.inline.svg +0 -4
  691. package/lib/ui/logo/assets/logo.inline.svg +0 -6
  692. package/lib/ui/logo/assets/logotype.inline.svg +0 -3
  693. package/lib/ui/logo/assets/webpack.inline.svg +0 -5
  694. package/lib/ui/logo/index.js +0 -12
  695. package/lib/ui/logo/logo.constants.js +0 -18
  696. package/lib/ui/logo/logo.js +0 -105
  697. package/lib/ui/logo/logo.module.css +0 -17
  698. package/lib/ui/logo/logo.stories.js +0 -40
  699. package/lib/ui/panels/panels.stories.js +0 -24
  700. package/lib/ui/skeleton/skeleton.stories.js +0 -48
  701. package/lib/ui/sort-dropdown/sort-dropdown.stories.js +0 -28
  702. package/lib/ui/table/table.stories.js +0 -112
  703. package/lib/ui/tabs/tabs.stories.js +0 -14
  704. package/lib/ui/tag/tag.stories.js +0 -32
  705. package/lib/ui/toolbar/toolbar.stories.js +0 -24
  706. package/lib/ui/tooltip/tooltip.stories.js +0 -37
  707. package/lib-esm/app/app.stories.js +0 -78
  708. package/lib-esm/assets/icons/arrow-right-circle.svg +0 -1
  709. package/lib-esm/assets/icons/arrow.svg +0 -1
  710. package/lib-esm/assets/icons/cancel.svg +0 -1
  711. package/lib-esm/assets/icons/clock.svg +0 -1
  712. package/lib-esm/assets/icons/close.svg +0 -1
  713. package/lib-esm/assets/icons/commit.svg +0 -1
  714. package/lib-esm/assets/icons/filter.svg +0 -1
  715. package/lib-esm/assets/icons/help.svg +0 -1
  716. package/lib-esm/assets/icons/menu.svg +0 -1
  717. package/lib-esm/assets/icons/sort.svg +0 -4
  718. package/lib-esm/assets/icons/warning.svg +0 -1
  719. package/lib-esm/components/asset-info/asset-info.stories.js +0 -35
  720. package/lib-esm/components/browsertime-table/browsertime-table.stories.js +0 -23
  721. package/lib-esm/components/bundle-assets/bundle-assets.stories.js +0 -72
  722. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +0 -25
  723. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -32
  724. package/lib-esm/components/bundle-modules/bundle-modules.stories.js +0 -145
  725. package/lib-esm/components/bundle-packages/bundle-packages.stories.js +0 -52
  726. package/lib-esm/components/delta/delta.stories.js +0 -31
  727. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +0 -25
  728. package/lib-esm/components/job-header/job-header.stories.js +0 -33
  729. package/lib-esm/components/job-meta/job-meta.stories.js +0 -15
  730. package/lib-esm/components/job-name/job-name.stories.js +0 -22
  731. package/lib-esm/components/jobs-header/jobs-header.stories.js +0 -95
  732. package/lib-esm/components/lighthouse-table/lighthouse-table.stories.js +0 -19
  733. package/lib-esm/components/metric/metric.stories.js +0 -44
  734. package/lib-esm/components/metrics-table/metrics-table.stories.js +0 -184
  735. package/lib-esm/components/metrics-table-options/metrics-table-options.stories.js +0 -11
  736. package/lib-esm/components/metrics-table-search/metrics-table-search.stories.js +0 -15
  737. package/lib-esm/components/module-info/module-info.stories.js +0 -25
  738. package/lib-esm/components/summary/summary.stories.js +0 -47
  739. package/lib-esm/components/summary-item/summary-item.stories.js +0 -45
  740. package/lib-esm/layout/box/box.stories.js +0 -39
  741. package/lib-esm/layout/flex-stack/flex-stack.stories.js +0 -51
  742. package/lib-esm/layout/footer/footer.stories.js +0 -12
  743. package/lib-esm/layout/header/header.js +0 -37
  744. package/lib-esm/layout/header/header.module.css +0 -49
  745. package/lib-esm/layout/header/header.stories.js +0 -57
  746. package/lib-esm/layout/header/index.js +0 -1
  747. package/lib-esm/layout/stack/stack.stories.js +0 -45
  748. package/lib-esm/layout/sub-header/index.js +0 -1
  749. package/lib-esm/layout/sub-header/sub-header.js +0 -54
  750. package/lib-esm/layout/sub-header/sub-header.module.css +0 -70
  751. package/lib-esm/layout/sub-header/sub-header.stories.js +0 -63
  752. package/lib-esm/prototypes/typography.md +0 -30
  753. package/lib-esm/prototypes/typography.stories.js +0 -91
  754. package/lib-esm/ui/alert/alert.stories.js +0 -19
  755. package/lib-esm/ui/container/container.stories.js +0 -18
  756. package/lib-esm/ui/dropdown/dropdown.stories.js +0 -32
  757. package/lib-esm/ui/empty-set/empty-set.stories.js +0 -16
  758. package/lib-esm/ui/file-name/file-name.stories.js +0 -15
  759. package/lib-esm/ui/filters/__tests__/filters-dropdown.utils.js +0 -74
  760. package/lib-esm/ui/filters/filters.stories.js +0 -105
  761. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +0 -74
  762. package/lib-esm/ui/hover-card/hover-card.stories.js +0 -32
  763. package/lib-esm/ui/icon/icon.stories.js +0 -30
  764. package/lib-esm/ui/input/input.stories.js +0 -13
  765. package/lib-esm/ui/loader/loader.stories.js +0 -10
  766. package/lib-esm/ui/logo/assets/github.inline.svg +0 -4
  767. package/lib-esm/ui/logo/assets/logo.inline.svg +0 -6
  768. package/lib-esm/ui/logo/assets/logotype.inline.svg +0 -3
  769. package/lib-esm/ui/logo/assets/webpack.inline.svg +0 -5
  770. package/lib-esm/ui/logo/index.js +0 -1
  771. package/lib-esm/ui/logo/logo.constants.js +0 -6
  772. package/lib-esm/ui/logo/logo.js +0 -99
  773. package/lib-esm/ui/logo/logo.module.css +0 -17
  774. package/lib-esm/ui/logo/logo.stories.js +0 -31
  775. package/lib-esm/ui/panels/panels.stories.js +0 -19
  776. package/lib-esm/ui/skeleton/skeleton.stories.js +0 -34
  777. package/lib-esm/ui/sort-dropdown/sort-dropdown.stories.js +0 -23
  778. package/lib-esm/ui/table/table.stories.js +0 -91
  779. package/lib-esm/ui/tabs/tabs.stories.js +0 -9
  780. package/lib-esm/ui/tag/tag.stories.js +0 -23
  781. package/lib-esm/ui/toolbar/toolbar.stories.js +0 -19
  782. package/lib-esm/ui/tooltip/tooltip.stories.js +0 -24
  783. package/src/layout/header/header.jsx +0 -36
  784. package/src/layout/header/header.module.css +0 -49
  785. package/src/layout/header/index.js +0 -1
  786. package/src/layout/sub-header/index.js +0 -1
  787. package/src/layout/sub-header/sub-header.jsx +0 -52
  788. package/src/layout/sub-header/sub-header.module.css +0 -70
  789. package/src/ui/logo/assets/github.inline.svg +0 -4
  790. package/src/ui/logo/assets/logo.inline.svg +0 -6
  791. package/src/ui/logo/assets/logotype.inline.svg +0 -3
  792. package/src/ui/logo/assets/webpack.inline.svg +0 -5
  793. package/src/ui/logo/index.js +0 -1
  794. package/src/ui/logo/logo.constants.js +0 -13
  795. package/src/ui/logo/logo.jsx +0 -55
  796. package/src/ui/logo/logo.module.css +0 -17
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = exports.OneLetter = exports.Default = void 0;
7
- var _ = require(".");
8
- var _default = {
9
- title: 'UI/Tag',
10
- component: _.Tag,
11
- argTypes: {
12
- kind: {
13
- control: 'select',
14
- options: Object.values(_.Tag.KINDS)
15
- },
16
- size: {
17
- control: 'select',
18
- options: Object.values(_.Tag.SIZES)
19
- }
20
- },
21
- args: {
22
- children: 'tag'
23
- }
24
- };
25
- exports["default"] = _default;
26
- var Default = _.Tag.bind();
27
- exports.Default = Default;
28
- var OneLetter = _.Tag.bind();
29
- exports.OneLetter = OneLetter;
30
- OneLetter.args = {
31
- children: 'd'
32
- };
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
- var _react2 = require("@storybook/react");
5
- var _stories = require("../../stories");
6
- var _ = require(".");
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
- var stories = (0, _react2.storiesOf)('UI/Toolbar', module);
9
- stories.addDecorator((0, _stories.getWrapperDecorator)());
10
- stories.add('default', function () {
11
- return /*#__PURE__*/_react["default"].createElement(_.Toolbar, null, /*#__PURE__*/_react["default"].createElement("div", null, "Content"));
12
- });
13
- stories.add('with actions', function () {
14
- return /*#__PURE__*/_react["default"].createElement(_.Toolbar, {
15
- renderActions: function renderActions(_ref) {
16
- var actionClassName = _ref.actionClassName;
17
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
18
- className: actionClassName
19
- }, "Action 1"), /*#__PURE__*/_react["default"].createElement("div", {
20
- className: actionClassName
21
- }, "Action 2"));
22
- }
23
- }, "Content");
24
- });
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = exports.LongTooltip = exports.Default = exports.DarkModeFalse = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _stories = require("../../stories");
9
- var _ = require(".");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var _default = {
12
- title: 'UI/Tooltip',
13
- component: _.Tooltip,
14
- decorators: [(0, _stories.getWrapperDecorator)({
15
- padding: '100px',
16
- textAlign: 'center'
17
- })],
18
- args: {
19
- title: 'View job #123'
20
- }
21
- };
22
- exports["default"] = _default;
23
- var Template = function Template(props) {
24
- return /*#__PURE__*/_react["default"].createElement(_.Tooltip, props, "Job #123");
25
- };
26
- var Default = Template.bind();
27
- exports.Default = Default;
28
- var LongTooltip = Template.bind();
29
- exports.LongTooltip = LongTooltip;
30
- LongTooltip.args = {
31
- title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie neque id lectus mollis, et imperdiet libero porta.'
32
- };
33
- var DarkModeFalse = Template.bind();
34
- exports.DarkModeFalse = DarkModeFalse;
35
- DarkModeFalse.args = {
36
- darkMode: false
37
- };
@@ -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
- }));