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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (557) hide show
  1. package/globals.d.ts +4 -0
  2. package/lib/app/app.js +26 -8
  3. package/lib/app/app.js.map +1 -1
  4. package/lib/app/app.module.css +8 -5
  5. package/lib/assets/icons.svg +17 -1
  6. package/lib/assets/icons.svg.js +12 -0
  7. package/lib/assets/icons.svg.js.map +1 -1
  8. package/lib/components/asset-info/asset-info.js +48 -44
  9. package/lib/components/asset-info/asset-info.js.map +1 -1
  10. package/lib/components/asset-info/asset-info.module.css +28 -6
  11. package/lib/components/asset-info/index.js.map +1 -1
  12. package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
  13. package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  14. package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  15. package/lib/components/{duplicate-packages-insight → asset-not-predictive}/index.js +1 -1
  16. package/lib/components/asset-not-predictive/index.js.map +1 -0
  17. package/lib/components/bundle-assets/bundle-assets.js +31 -44
  18. package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
  19. package/lib/components/bundle-assets/bundle-assets.module.css +11 -22
  20. package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
  21. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  22. package/lib/components/bundle-assets/index.js +4 -1
  23. package/lib/components/bundle-assets/index.js.map +1 -1
  24. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
  25. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  26. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  27. package/lib/components/bundle-modules/bundle-modules.js +30 -39
  28. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  29. package/lib/components/bundle-modules/bundle-modules.module.css +3 -2
  30. package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
  31. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  32. package/lib/components/bundle-modules/index.js +5 -2
  33. package/lib/components/bundle-modules/index.js.map +1 -1
  34. package/lib/components/bundle-packages/bundle-packages.js +36 -61
  35. package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
  36. package/lib/components/bundle-packages/bundle-packages.module.css +4 -0
  37. package/lib/components/bundle-packages/index.js +4 -1
  38. package/lib/components/bundle-packages/index.js.map +1 -1
  39. package/lib/components/delta/delta.module.css +2 -1
  40. package/lib/components/entry-info/entry-info.js +56 -0
  41. package/lib/components/entry-info/entry-info.js.map +1 -0
  42. package/lib/components/entry-info/entry-info.module.css +92 -0
  43. package/lib/components/{summary-item → entry-info}/index.js +1 -1
  44. package/lib/components/entry-info/index.js.map +1 -0
  45. package/lib/components/index.js +9 -7
  46. package/lib/components/index.js.map +1 -1
  47. package/lib/components/insight-icon/index.js +18 -0
  48. package/lib/components/insight-icon/index.js.map +1 -0
  49. package/lib/components/insight-icon/insight-icon.js +25 -0
  50. package/lib/components/insight-icon/insight-icon.js.map +1 -0
  51. package/lib/components/insight-icon/insight-icon.module.css +24 -0
  52. package/lib/components/{job-meta → insights}/index.js +1 -1
  53. package/lib/components/insights/index.js.map +1 -0
  54. package/lib/components/insights/insights.js +25 -0
  55. package/lib/components/insights/insights.js.map +1 -0
  56. package/lib/components/insights/insights.module.css +14 -0
  57. package/lib/components/job-header/job-header.js +12 -11
  58. package/lib/components/job-header/job-header.js.map +1 -1
  59. package/lib/components/jobs-header/index.js.map +1 -1
  60. package/lib/components/jobs-header/jobs-header.js +21 -14
  61. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  62. package/lib/components/jobs-header/jobs-header.module.css +51 -4
  63. package/lib/components/metric/index.js.map +1 -1
  64. package/lib/components/metric/metric.js +7 -64
  65. package/lib/components/metric/metric.js.map +1 -1
  66. package/lib/components/metric/metric.module.css +3 -3
  67. package/lib/components/metric-run-info/index.js +18 -0
  68. package/lib/components/metric-run-info/index.js.map +1 -0
  69. package/lib/components/metric-run-info/metric-run-info.js +64 -0
  70. package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
  71. package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
  72. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  73. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  74. package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
  75. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  76. package/lib/components/module-info/index.js.map +1 -1
  77. package/lib/components/module-info/module-info.js +47 -47
  78. package/lib/components/module-info/module-info.js.map +1 -1
  79. package/lib/components/module-info/module-info.module.css +8 -33
  80. package/lib/components/package-info/index.js +18 -0
  81. package/lib/components/package-info/index.js.map +1 -0
  82. package/lib/components/package-info/package-info.js +77 -0
  83. package/lib/components/package-info/package-info.js.map +1 -0
  84. package/lib/components/package-info/package-info.module.css +13 -0
  85. package/lib/components/run-info/index.js +18 -0
  86. package/lib/components/run-info/index.js.map +1 -0
  87. package/lib/components/run-info/run-info.js +70 -0
  88. package/lib/components/run-info/run-info.js.map +1 -0
  89. package/lib/components/run-info/run-info.module.css +76 -0
  90. package/lib/components/summary/index.js.map +1 -1
  91. package/lib/components/summary/summary.js +10 -31
  92. package/lib/components/summary/summary.js.map +1 -1
  93. package/lib/components/summary/summary.module.css +27 -7
  94. package/lib/constants.js +1 -23
  95. package/lib/constants.js.map +1 -1
  96. package/lib/css/variables.css +18 -13
  97. package/lib/layout/box/box.js +3 -23
  98. package/lib/layout/box/box.js.map +1 -1
  99. package/lib/layout/box/box.module.css +11 -0
  100. package/lib/layout/box/index.js +15 -3
  101. package/lib/layout/box/index.js.map +1 -1
  102. package/lib/layout/flex-stack/flex-stack.js +3 -19
  103. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  104. package/lib/layout/flex-stack/index.js.map +1 -1
  105. package/lib/layout/stack/index.js.map +1 -1
  106. package/lib/layout/stack/stack.js +3 -16
  107. package/lib/layout/stack/stack.js.map +1 -1
  108. package/lib/tokens.js +38 -0
  109. package/lib/tokens.js.map +1 -0
  110. package/lib/ui/alert/alert.js +2 -12
  111. package/lib/ui/alert/alert.js.map +1 -1
  112. package/lib/ui/alert/index.js.map +1 -1
  113. package/lib/ui/container/container.js +1 -10
  114. package/lib/ui/container/container.js.map +1 -1
  115. package/lib/ui/container/index.js +15 -3
  116. package/lib/ui/container/index.js.map +1 -1
  117. package/lib/ui/dropdown/dropdown.module.css +1 -2
  118. package/lib/ui/file-name/file-name.js +1 -1
  119. package/lib/ui/file-name/file-name.js.map +1 -1
  120. package/lib/ui/filters/filters.module.css +1 -5
  121. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  122. package/lib/ui/hover-card/hover-card.js +3 -21
  123. package/lib/ui/hover-card/hover-card.js.map +1 -1
  124. package/lib/ui/hover-card/index.js.map +1 -1
  125. package/lib/ui/icon/icon.js +4 -0
  126. package/lib/ui/icon/icon.js.map +1 -1
  127. package/lib/ui/index.js +1 -3
  128. package/lib/ui/index.js.map +1 -1
  129. package/lib/ui/input/input.module.css +3 -4
  130. package/lib/ui/table/index.js.map +1 -1
  131. package/lib/ui/table/table.js +3 -17
  132. package/lib/ui/table/table.js.map +1 -1
  133. package/lib/ui/tag/index.js.map +1 -1
  134. package/lib/ui/tag/tag.js +5 -29
  135. package/lib/ui/tag/tag.js.map +1 -1
  136. package/lib/ui/tag/tag.module.css +15 -1
  137. package/lib/ui/tooltip/index.js.map +1 -1
  138. package/lib/ui/tooltip/tooltip.js +3 -23
  139. package/lib/ui/tooltip/tooltip.js.map +1 -1
  140. package/lib/ui/tooltip/tooltip.module.css +3 -4
  141. package/lib-esm/app/app.js +27 -9
  142. package/lib-esm/app/app.js.map +1 -1
  143. package/lib-esm/app/app.module.css +8 -5
  144. package/lib-esm/assets/icons.svg +17 -1
  145. package/lib-esm/assets/icons.svg.js +12 -0
  146. package/lib-esm/assets/icons.svg.js.map +1 -1
  147. package/lib-esm/components/asset-info/asset-info.js +27 -45
  148. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  149. package/lib-esm/components/asset-info/asset-info.module.css +28 -6
  150. package/lib-esm/components/asset-info/index.js.map +1 -1
  151. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
  152. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  153. package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  154. package/lib-esm/components/asset-not-predictive/index.js +2 -0
  155. package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
  156. package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
  157. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  158. package/lib-esm/components/bundle-assets/bundle-assets.module.css +11 -22
  159. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  160. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  161. package/lib-esm/components/bundle-assets/index.js +5 -2
  162. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  163. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
  164. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  165. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  166. package/lib-esm/components/bundle-modules/bundle-modules.js +32 -41
  167. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  168. package/lib-esm/components/bundle-modules/bundle-modules.module.css +3 -2
  169. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  170. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  171. package/lib-esm/components/bundle-modules/index.js +7 -4
  172. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  173. package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
  174. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  175. package/lib-esm/components/bundle-packages/bundle-packages.module.css +4 -0
  176. package/lib-esm/components/bundle-packages/index.js +5 -2
  177. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  178. package/lib-esm/components/delta/delta.module.css +2 -1
  179. package/lib-esm/components/entry-info/entry-info.js +50 -0
  180. package/lib-esm/components/entry-info/entry-info.js.map +1 -0
  181. package/lib-esm/components/entry-info/entry-info.module.css +92 -0
  182. package/lib-esm/components/entry-info/index.js +2 -0
  183. package/lib-esm/components/entry-info/index.js.map +1 -0
  184. package/lib-esm/components/index.js +4 -3
  185. package/lib-esm/components/index.js.map +1 -1
  186. package/lib-esm/components/insight-icon/index.js +2 -0
  187. package/lib-esm/components/insight-icon/index.js.map +1 -0
  188. package/lib-esm/components/insight-icon/insight-icon.js +18 -0
  189. package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
  190. package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
  191. package/lib-esm/components/insights/index.js +2 -0
  192. package/lib-esm/components/insights/index.js.map +1 -0
  193. package/lib-esm/components/insights/insights.js +18 -0
  194. package/lib-esm/components/insights/insights.js.map +1 -0
  195. package/lib-esm/components/insights/insights.module.css +14 -0
  196. package/lib-esm/components/job-header/job-header.js +12 -11
  197. package/lib-esm/components/job-header/job-header.js.map +1 -1
  198. package/lib-esm/components/jobs-header/index.js.map +1 -1
  199. package/lib-esm/components/jobs-header/jobs-header.js +20 -13
  200. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  201. package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
  202. package/lib-esm/components/metric/index.js.map +1 -1
  203. package/lib-esm/components/metric/metric.js +7 -41
  204. package/lib-esm/components/metric/metric.js.map +1 -1
  205. package/lib-esm/components/metric/metric.module.css +3 -3
  206. package/lib-esm/components/metric-run-info/index.js +2 -0
  207. package/lib-esm/components/metric-run-info/index.js.map +1 -0
  208. package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
  209. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
  210. package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
  211. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  212. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  213. package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
  214. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  215. package/lib-esm/components/module-info/index.js.map +1 -1
  216. package/lib-esm/components/module-info/module-info.js +26 -48
  217. package/lib-esm/components/module-info/module-info.js.map +1 -1
  218. package/lib-esm/components/module-info/module-info.module.css +8 -33
  219. package/lib-esm/components/package-info/index.js +2 -0
  220. package/lib-esm/components/package-info/index.js.map +1 -0
  221. package/lib-esm/components/package-info/package-info.js +48 -0
  222. package/lib-esm/components/package-info/package-info.js.map +1 -0
  223. package/lib-esm/components/package-info/package-info.module.css +13 -0
  224. package/lib-esm/components/run-info/index.js +2 -0
  225. package/lib-esm/components/run-info/index.js.map +1 -0
  226. package/lib-esm/components/run-info/run-info.js +40 -0
  227. package/lib-esm/components/run-info/run-info.js.map +1 -0
  228. package/lib-esm/components/run-info/run-info.module.css +76 -0
  229. package/lib-esm/components/summary/index.js.map +1 -1
  230. package/lib-esm/components/summary/summary.js +9 -30
  231. package/lib-esm/components/summary/summary.js.map +1 -1
  232. package/lib-esm/components/summary/summary.module.css +27 -7
  233. package/lib-esm/constants.js +0 -22
  234. package/lib-esm/constants.js.map +1 -1
  235. package/lib-esm/css/variables.css +18 -13
  236. package/lib-esm/layout/box/box.js +3 -23
  237. package/lib-esm/layout/box/box.js.map +1 -1
  238. package/lib-esm/layout/box/box.module.css +11 -0
  239. package/lib-esm/layout/box/index.js +1 -1
  240. package/lib-esm/layout/box/index.js.map +1 -1
  241. package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
  242. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  243. package/lib-esm/layout/flex-stack/index.js.map +1 -1
  244. package/lib-esm/layout/stack/index.js.map +1 -1
  245. package/lib-esm/layout/stack/stack.js +3 -16
  246. package/lib-esm/layout/stack/stack.js.map +1 -1
  247. package/lib-esm/tokens.js +35 -0
  248. package/lib-esm/tokens.js.map +1 -0
  249. package/lib-esm/ui/alert/alert.js +2 -12
  250. package/lib-esm/ui/alert/alert.js.map +1 -1
  251. package/lib-esm/ui/alert/index.js.map +1 -1
  252. package/lib-esm/ui/container/container.js +1 -10
  253. package/lib-esm/ui/container/container.js.map +1 -1
  254. package/lib-esm/ui/container/index.js +1 -1
  255. package/lib-esm/ui/container/index.js.map +1 -1
  256. package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
  257. package/lib-esm/ui/file-name/file-name.js +1 -1
  258. package/lib-esm/ui/file-name/file-name.js.map +1 -1
  259. package/lib-esm/ui/filters/filters.module.css +1 -5
  260. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  261. package/lib-esm/ui/hover-card/hover-card.js +3 -21
  262. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  263. package/lib-esm/ui/hover-card/index.js.map +1 -1
  264. package/lib-esm/ui/icon/icon.js +4 -0
  265. package/lib-esm/ui/icon/icon.js.map +1 -1
  266. package/lib-esm/ui/index.js +0 -1
  267. package/lib-esm/ui/index.js.map +1 -1
  268. package/lib-esm/ui/input/input.module.css +3 -4
  269. package/lib-esm/ui/table/index.js.map +1 -1
  270. package/lib-esm/ui/table/table.js +3 -17
  271. package/lib-esm/ui/table/table.js.map +1 -1
  272. package/lib-esm/ui/tag/index.js.map +1 -1
  273. package/lib-esm/ui/tag/tag.js +4 -28
  274. package/lib-esm/ui/tag/tag.js.map +1 -1
  275. package/lib-esm/ui/tag/tag.module.css +15 -1
  276. package/lib-esm/ui/tooltip/index.js.map +1 -1
  277. package/lib-esm/ui/tooltip/tooltip.js +4 -23
  278. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  279. package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
  280. package/package.json +23 -29
  281. package/src/app/app.jsx +34 -9
  282. package/src/app/app.module.css +8 -5
  283. package/src/assets/icons/error.svg +6 -0
  284. package/src/assets/icons/external-link.svg +1 -0
  285. package/src/assets/icons/info.svg +6 -0
  286. package/src/assets/icons/more-vertical.svg +5 -0
  287. package/src/assets/icons.svg +17 -1
  288. package/src/assets/icons.svg.jsx +53 -0
  289. package/src/components/asset-info/asset-info.module.css +28 -6
  290. package/src/components/asset-info/asset-info.stories.tsx +74 -0
  291. package/src/components/asset-info/asset-info.tsx +159 -0
  292. package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  293. package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
  294. package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
  295. package/src/components/asset-not-predictive/index.ts +1 -0
  296. package/src/components/bundle-assets/bundle-assets.jsx +94 -107
  297. package/src/components/bundle-assets/bundle-assets.module.css +11 -22
  298. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  299. package/src/components/bundle-assets/index.jsx +7 -1
  300. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
  301. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  302. package/src/components/bundle-modules/bundle-modules.jsx +91 -100
  303. package/src/components/bundle-modules/bundle-modules.module.css +3 -2
  304. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  305. package/src/components/bundle-modules/index.jsx +9 -3
  306. package/src/components/bundle-packages/bundle-packages.jsx +116 -179
  307. package/src/components/bundle-packages/bundle-packages.module.css +4 -0
  308. package/src/components/bundle-packages/index.jsx +7 -1
  309. package/src/components/delta/delta.module.css +2 -1
  310. package/src/components/entry-info/entry-info.module.css +92 -0
  311. package/src/components/entry-info/entry-info.stories.tsx +75 -0
  312. package/src/components/entry-info/entry-info.tsx +134 -0
  313. package/src/components/entry-info/index.ts +1 -0
  314. package/src/components/index.js +4 -3
  315. package/src/components/insight-icon/index.ts +1 -0
  316. package/src/components/insight-icon/insight-icon.module.css +24 -0
  317. package/src/components/insight-icon/insight-icon.tsx +25 -0
  318. package/src/components/insights/index.ts +1 -0
  319. package/src/components/insights/insights.module.css +14 -0
  320. package/src/components/insights/insights.stories.tsx +54 -0
  321. package/src/components/insights/insights.tsx +44 -0
  322. package/src/components/job-header/job-header.jsx +16 -13
  323. package/src/components/jobs-header/jobs-header.module.css +51 -4
  324. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  325. package/src/components/jobs-header/jobs-header.tsx +90 -0
  326. package/src/components/metric/metric.module.css +3 -3
  327. package/src/components/metric/metric.stories.tsx +41 -0
  328. package/src/components/metric/metric.tsx +42 -0
  329. package/src/components/metric-run-info/index.ts +1 -0
  330. package/src/components/metric-run-info/metric-run-info.module.css +18 -0
  331. package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
  332. package/src/components/metric-run-info/metric-run-info.tsx +85 -0
  333. package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
  334. package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
  335. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  336. package/src/components/module-info/module-info.module.css +8 -33
  337. package/src/components/module-info/module-info.stories.tsx +44 -0
  338. package/src/components/module-info/module-info.tsx +116 -0
  339. package/src/components/package-info/index.ts +1 -0
  340. package/src/components/package-info/package-info.module.css +13 -0
  341. package/src/components/package-info/package-info.stories.tsx +36 -0
  342. package/src/components/package-info/package-info.tsx +135 -0
  343. package/src/components/run-info/index.ts +1 -0
  344. package/src/components/run-info/run-info.module.css +76 -0
  345. package/src/components/run-info/run-info.stories.tsx +58 -0
  346. package/src/components/run-info/run-info.tsx +111 -0
  347. package/src/components/summary/summary.module.css +27 -7
  348. package/src/components/summary/summary.stories.tsx +57 -0
  349. package/src/components/summary/summary.tsx +103 -0
  350. package/src/constants.js +0 -24
  351. package/src/css/variables.css +18 -13
  352. package/src/layout/box/box.module.css +11 -0
  353. package/src/layout/box/box.stories.tsx +49 -0
  354. package/src/layout/box/box.tsx +49 -0
  355. package/src/layout/box/index.ts +1 -0
  356. package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
  357. package/src/layout/flex-stack/flex-stack.tsx +43 -0
  358. package/src/layout/stack/stack.stories.tsx +53 -0
  359. package/src/layout/stack/stack.tsx +22 -0
  360. package/src/tokens.ts +37 -0
  361. package/src/ui/alert/alert.stories.tsx +39 -0
  362. package/src/ui/alert/alert.tsx +23 -0
  363. package/src/ui/container/container.stories.tsx +29 -0
  364. package/src/ui/container/container.tsx +18 -0
  365. package/src/ui/container/index.ts +1 -0
  366. package/src/ui/dropdown/dropdown.module.css +1 -2
  367. package/src/ui/file-name/file-name.jsx +1 -1
  368. package/src/ui/filters/filters.module.css +1 -5
  369. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  370. package/src/ui/hover-card/hover-card.stories.tsx +41 -0
  371. package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
  372. package/src/ui/icon/icon.jsx +4 -0
  373. package/src/ui/index.js +0 -1
  374. package/src/ui/input/input.module.css +3 -4
  375. package/src/ui/table/table.stories.tsx +238 -0
  376. package/src/ui/table/table.tsx +38 -0
  377. package/src/ui/tag/tag.module.css +15 -1
  378. package/src/ui/tag/tag.stories.tsx +32 -0
  379. package/src/ui/tag/tag.tsx +28 -0
  380. package/src/ui/tooltip/tooltip.module.css +3 -4
  381. package/src/ui/tooltip/tooltip.stories.tsx +30 -0
  382. package/src/ui/tooltip/tooltip.tsx +57 -0
  383. package/types/app/header/header.d.ts +5 -5
  384. package/types/components/asset-info/asset-info.d.ts +20 -23
  385. package/types/components/asset-info/index.d.ts +1 -1
  386. package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
  387. package/types/components/asset-not-predictive/index.d.ts +1 -0
  388. package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
  389. package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
  390. package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
  391. package/types/components/bundle-assets/index.d.ts +11 -11
  392. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
  393. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
  394. package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
  395. package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
  396. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  397. package/types/components/bundle-modules/index.d.ts +11 -11
  398. package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
  399. package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
  400. package/types/components/bundle-packages/index.d.ts +11 -11
  401. package/types/components/component-link.d.ts +6 -6
  402. package/types/components/delta/delta.d.ts +7 -7
  403. package/types/components/entry-info/entry-info.d.ts +25 -0
  404. package/types/components/entry-info/index.d.ts +1 -0
  405. package/types/components/index.d.ts +4 -3
  406. package/types/components/insight-icon/index.d.ts +1 -0
  407. package/types/components/insight-icon/insight-icon.d.ts +7 -0
  408. package/types/components/insights/index.d.ts +1 -0
  409. package/types/components/insights/insights.d.ts +8 -0
  410. package/types/components/job-header/job-header.d.ts +9 -9
  411. package/types/components/job-name/job-name.d.ts +9 -9
  412. package/types/components/jobs-header/index.d.ts +1 -1
  413. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  414. package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
  415. package/types/components/metric/index.d.ts +1 -1
  416. package/types/components/metric/metric.d.ts +6 -32
  417. package/types/components/metric-run-info/index.d.ts +1 -0
  418. package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
  419. package/types/components/metrics-table/metrics-table.d.ts +14 -14
  420. package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
  421. package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
  422. package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
  423. package/types/components/module-info/index.d.ts +1 -1
  424. package/types/components/module-info/module-info.d.ts +19 -34
  425. package/types/components/package-info/index.d.ts +1 -0
  426. package/types/components/package-info/package-info.d.ts +15 -0
  427. package/types/components/run-info/index.d.ts +1 -0
  428. package/types/components/run-info/run-info.d.ts +16 -0
  429. package/types/components/summary/index.d.ts +1 -1
  430. package/types/components/summary/summary.d.ts +25 -36
  431. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
  432. package/types/constants.d.ts +4 -15
  433. package/types/i18n.d.ts +15 -15
  434. package/types/layout/box/box.d.ts +12 -25
  435. package/types/layout/box/index.d.ts +1 -1
  436. package/types/layout/flex-stack/flex-stack.d.ts +10 -33
  437. package/types/layout/flex-stack/index.d.ts +1 -1
  438. package/types/layout/footer/footer.d.ts +5 -5
  439. package/types/layout/separator.d.ts +4 -4
  440. package/types/layout/stack/index.d.ts +1 -1
  441. package/types/layout/stack/stack.d.ts +7 -20
  442. package/types/tokens.d.ts +23 -0
  443. package/types/ui/alert/alert.d.ts +7 -14
  444. package/types/ui/alert/index.d.ts +1 -1
  445. package/types/ui/container/container.d.ts +5 -17
  446. package/types/ui/container/index.d.ts +1 -1
  447. package/types/ui/dropdown/dropdown.d.ts +16 -16
  448. package/types/ui/empty-set/empty-set.d.ts +7 -7
  449. package/types/ui/file-name/file-name.d.ts +7 -7
  450. package/types/ui/filters/filters.d.ts +6 -6
  451. package/types/ui/filters/filters.utils.d.ts +2 -2
  452. package/types/ui/filters/index.d.ts +4 -4
  453. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
  454. package/types/ui/hover-card/hover-card.d.ts +12 -26
  455. package/types/ui/hover-card/index.d.ts +1 -1
  456. package/types/ui/icon/icon.d.ts +26 -22
  457. package/types/ui/index.d.ts +0 -1
  458. package/types/ui/input/input.d.ts +5 -5
  459. package/types/ui/loader/loader.d.ts +8 -8
  460. package/types/ui/skeleton/skeleton.d.ts +7 -7
  461. package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
  462. package/types/ui/table/index.d.ts +1 -1
  463. package/types/ui/table/table.d.ts +14 -33
  464. package/types/ui/tabs/tabs.d.ts +10 -10
  465. package/types/ui/tag/index.d.ts +1 -1
  466. package/types/ui/tag/tag.d.ts +22 -33
  467. package/types/ui/toolbar/toolbar.d.ts +6 -6
  468. package/types/ui/tooltip/index.d.ts +1 -1
  469. package/types/ui/tooltip/tooltip.d.ts +10 -28
  470. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -31
  471. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  472. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  473. package/lib/components/duplicate-packages-insight/index.js.map +0 -1
  474. package/lib/components/job-meta/index.js.map +0 -1
  475. package/lib/components/job-meta/job-meta.js +0 -34
  476. package/lib/components/job-meta/job-meta.js.map +0 -1
  477. package/lib/components/job-meta/job-meta.module.css +0 -19
  478. package/lib/components/summary-item/index.js.map +0 -1
  479. package/lib/components/summary-item/summary-item.js +0 -97
  480. package/lib/components/summary-item/summary-item.js.map +0 -1
  481. package/lib/components/summary-item/summary-item.module.css +0 -58
  482. package/lib/ui/panels/index.js +0 -6
  483. package/lib/ui/panels/index.js.map +0 -1
  484. package/lib/ui/panels/panels.js +0 -28
  485. package/lib/ui/panels/panels.js.map +0 -1
  486. package/lib/ui/panels/panels.module.css +0 -23
  487. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -24
  488. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  489. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  490. package/lib-esm/components/duplicate-packages-insight/index.js +0 -2
  491. package/lib-esm/components/duplicate-packages-insight/index.js.map +0 -1
  492. package/lib-esm/components/job-meta/index.js +0 -2
  493. package/lib-esm/components/job-meta/index.js.map +0 -1
  494. package/lib-esm/components/job-meta/job-meta.js +0 -27
  495. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  496. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  497. package/lib-esm/components/summary-item/index.js +0 -2
  498. package/lib-esm/components/summary-item/index.js.map +0 -1
  499. package/lib-esm/components/summary-item/summary-item.js +0 -67
  500. package/lib-esm/components/summary-item/summary-item.js.map +0 -1
  501. package/lib-esm/components/summary-item/summary-item.module.css +0 -58
  502. package/lib-esm/ui/panels/index.js +0 -2
  503. package/lib-esm/ui/panels/index.js.map +0 -1
  504. package/lib-esm/ui/panels/panels.js +0 -21
  505. package/lib-esm/ui/panels/panels.js.map +0 -1
  506. package/lib-esm/ui/panels/panels.module.css +0 -23
  507. package/src/components/asset-info/asset-info.jsx +0 -96
  508. package/src/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  509. package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx +0 -66
  510. package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx +0 -81
  511. package/src/components/duplicate-packages-insight/index.ts +0 -1
  512. package/src/components/job-meta/index.js +0 -1
  513. package/src/components/job-meta/job-meta.jsx +0 -47
  514. package/src/components/job-meta/job-meta.module.css +0 -19
  515. package/src/components/jobs-header/jobs-header.jsx +0 -43
  516. package/src/components/metric/metric.jsx +0 -63
  517. package/src/components/module-info/module-info.jsx +0 -123
  518. package/src/components/summary/summary.jsx +0 -73
  519. package/src/components/summary-item/index.js +0 -1
  520. package/src/components/summary-item/summary-item.jsx +0 -142
  521. package/src/components/summary-item/summary-item.module.css +0 -58
  522. package/src/layout/box/box.jsx +0 -67
  523. package/src/layout/box/index.js +0 -1
  524. package/src/layout/flex-stack/flex-stack.jsx +0 -49
  525. package/src/layout/stack/stack.jsx +0 -32
  526. package/src/ui/alert/alert.jsx +0 -27
  527. package/src/ui/container/container.jsx +0 -24
  528. package/src/ui/container/index.js +0 -1
  529. package/src/ui/panels/index.js +0 -1
  530. package/src/ui/panels/panels.jsx +0 -39
  531. package/src/ui/panels/panels.module.css +0 -23
  532. package/src/ui/table/table.jsx +0 -37
  533. package/src/ui/tag/tag.jsx +0 -49
  534. package/src/ui/tooltip/tooltip.jsx +0 -67
  535. package/tsconfig.esm.json +0 -13
  536. package/tsconfig.json +0 -7
  537. package/tsconfig.lib.json +0 -9
  538. package/types/components/duplicate-packages-insight/duplicate-packages-insight.d.ts +0 -11
  539. package/types/components/duplicate-packages-insight/index.d.ts +0 -1
  540. package/types/components/job-meta/index.d.ts +0 -1
  541. package/types/components/job-meta/job-meta.d.ts +0 -18
  542. package/types/components/summary-item/index.d.ts +0 -1
  543. package/types/components/summary-item/summary-item.d.ts +0 -40
  544. package/types/ui/panels/index.d.ts +0 -1
  545. package/types/ui/panels/panels.d.ts +0 -18
  546. /package/src/components/asset-info/{index.js → index.ts} +0 -0
  547. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
  548. /package/src/components/metric/{index.js → index.ts} +0 -0
  549. /package/src/components/module-info/{index.js → index.ts} +0 -0
  550. /package/src/components/summary/{index.js → index.ts} +0 -0
  551. /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
  552. /package/src/layout/stack/{index.js → index.ts} +0 -0
  553. /package/src/ui/alert/{index.js → index.ts} +0 -0
  554. /package/src/ui/hover-card/{index.js → index.ts} +0 -0
  555. /package/src/ui/table/{index.js → index.ts} +0 -0
  556. /package/src/ui/tag/{index.js → index.ts} +0 -0
  557. /package/src/ui/tooltip/{index.js → index.ts} +0 -0
@@ -1,18 +0,0 @@
1
- .metric {
2
- font-weight: bold;
3
- }
4
-
5
- .metric::before,
6
- .link::before {
7
- content: '\00A0\2014\00A0';
8
- font-weight: normal;
9
- color: var(--color-text-ultra-light);
10
- }
11
-
12
- .delta {
13
- margin-left: var(--space-xxxsmall);
14
- padding: 1px 2px;
15
- vertical-align: super;
16
- font-size: 9px;
17
- line-height: 1;
18
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-insight/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+DAA6C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/job-meta/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.JobMeta = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
- const classnames_1 = __importDefault(require("classnames"));
10
- const job_meta_module_css_1 = __importDefault(require("./job-meta.module.css"));
11
- const JobMeta = (props) => {
12
- const { as: Component, className, meta, ...restProps } = props;
13
- const rootClassName = (0, classnames_1.default)(job_meta_module_css_1.default.root, className);
14
- return (react_1.default.createElement(Component, { className: rootClassName, ...restProps }, meta.map(({ title, content }, index) => {
15
- const key = index;
16
- return (react_1.default.createElement("div", { className: job_meta_module_css_1.default.item, key: key },
17
- title && (react_1.default.createElement("h2", { className: job_meta_module_css_1.default.itemTitle }, title)),
18
- content.map((item) => item)));
19
- })));
20
- };
21
- exports.JobMeta = JobMeta;
22
- exports.JobMeta.propTypes = {
23
- className: prop_types_1.default.string,
24
- meta: prop_types_1.default.arrayOf(prop_types_1.default.shape({
25
- title: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
26
- content: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element])),
27
- })).isRequired,
28
- as: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
29
- };
30
- exports.JobMeta.defaultProps = {
31
- className: '',
32
- as: 'div',
33
- };
34
- //# sourceMappingURL=job-meta.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"job-meta.js","sourceRoot":"","sources":["../../../src/components/job-meta/job-meta.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,gFAAwC;AAEjC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EACJ,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAC7C,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,IAC/C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC;QAElB,OAAO,CACL,uCAAK,SAAS,EAAE,6BAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;YAC/B,KAAK,IAAI,CAAC,sCAAI,SAAS,EAAE,6BAAG,CAAC,SAAS,IAAG,KAAK,CAAM,CAAC;YACrD,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CACxB,CACP,CAAC;IACJ,CAAC,CAAC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,OAAO,WAqBlB;AAEF,eAAO,CAAC,SAAS,GAAG;IAElB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,KAAK,CAAC;QACtC,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;QACjE,OAAO,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC,CAAC;KACvF,CAAC,CAAC,CAAC,UAAU;IAGd,EAAE,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;CACV,CAAC"}
@@ -1,19 +0,0 @@
1
- .root {
2
- padding: var(--space-xsmall) var(--space-small);
3
- display: flex;
4
- }
5
-
6
- .item {
7
- flex: 1 1 100%;
8
- }
9
-
10
- .itemTitle {
11
- margin: 0;
12
- font-size: 1em;
13
- font-weight: bold;
14
- color: var(--color-text-light);
15
- }
16
-
17
- .item + .item {
18
- margin-left: var(--space-xsmall);
19
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary-item/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}
@@ -1,97 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.SummaryItem = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const prop_types_1 = __importDefault(require("prop-types"));
32
- const classnames_1 = __importDefault(require("classnames"));
33
- const utils_1 = require("@bundle-stats/utils");
34
- const icon_1 = require("../../ui/icon");
35
- const hover_card_1 = require("../../ui/hover-card");
36
- const skeleton_1 = require("../../ui/skeleton");
37
- const flex_stack_1 = require("../../layout/flex-stack");
38
- const stack_1 = require("../../layout/stack");
39
- const metric_1 = require("../metric");
40
- const delta_1 = require("../delta");
41
- const summary_item_module_css_1 = __importDefault(require("./summary-item.module.css"));
42
- const MetricInfo = ({ description, url }) => {
43
- const onClick = (0, react_1.useCallback)(() => {
44
- if (url) {
45
- window.open(url);
46
- }
47
- }, [url]);
48
- return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
49
- react_1.default.createElement("p", null, description),
50
- url && (react_1.default.createElement("p", null,
51
- react_1.default.createElement("button", { type: "button", onClick: onClick, className: summary_item_module_css_1.default.readMoreLink }, "Read more")))));
52
- };
53
- MetricInfo.propTypes = {
54
- description: prop_types_1.default.string.isRequired,
55
- url: prop_types_1.default.string,
56
- };
57
- MetricInfo.defaultProps = {
58
- url: '',
59
- };
60
- const SummaryItem = ({ className, as: Component, size, id, data, loading, showDelta, showMetricDescription, ...props }) => {
61
- const { baseline, current } = data || { baseline: 0, current: 0 };
62
- const metric = (0, utils_1.getGlobalMetricType)(id);
63
- const runInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline);
64
- const showMetricDescriptionTooltip = showMetricDescription && metric?.description;
65
- const rootClassName = (0, classnames_1.default)(summary_item_module_css_1.default.root, className, summary_item_module_css_1.default[size], showDelta && summary_item_module_css_1.default.showDelta);
66
- return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", as: Component, className: rootClassName, ...props },
67
- react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: summary_item_module_css_1.default.title },
68
- react_1.default.createElement("span", null, metric.label),
69
- showMetricDescriptionTooltip && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: summary_item_module_css_1.default.titleIcon },
70
- react_1.default.createElement(MetricInfo, { ...metric })))),
71
- !loading ? (react_1.default.createElement(stack_1.Stack, null,
72
- react_1.default.createElement(metric_1.Metric, { className: summary_item_module_css_1.default.currentMetric, value: current, formatter: metric.formatter, enhanced: true, inline: true }, showDelta && (react_1.default.createElement(delta_1.Delta, { className: summary_item_module_css_1.default.delta, displayValue: runInfo.displayDeltaPercentage, deltaType: runInfo.deltaType }))),
73
- react_1.default.createElement(metric_1.Metric, { className: summary_item_module_css_1.default.baselineMetric, value: baseline, formatter: metric.formatter }))) : (react_1.default.createElement(stack_1.Stack, null,
74
- react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(summary_item_module_css_1.default.currentMetric, summary_item_module_css_1.default.loading) }),
75
- react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(summary_item_module_css_1.default.baselineMetric, summary_item_module_css_1.default.loading) })))));
76
- };
77
- exports.SummaryItem = SummaryItem;
78
- exports.SummaryItem.defaultProps = {
79
- className: '',
80
- as: 'div',
81
- data: null,
82
- size: 'medium',
83
- loading: false,
84
- showMetricDescription: false,
85
- showDelta: true,
86
- };
87
- exports.SummaryItem.propTypes = {
88
- className: prop_types_1.default.string,
89
- as: prop_types_1.default.elementType,
90
- size: prop_types_1.default.oneOf(['medium', 'large']),
91
- id: prop_types_1.default.string.isRequired,
92
- loading: prop_types_1.default.bool,
93
- data: prop_types_1.default.object,
94
- showMetricDescription: prop_types_1.default.bool,
95
- showDelta: prop_types_1.default.bool,
96
- };
97
- //# sourceMappingURL=summary-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":"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"}
@@ -1,58 +0,0 @@
1
- .title {
2
- color: var(--color-text-ultra-light);
3
- font-weight: bold;
4
- font-size: var(--size-xsmall);
5
- text-transform: uppercase;
6
- white-space: nowrap;
7
- }
8
-
9
- .titleIcon {
10
- margin-top: -4px !important;
11
- margin-bottom: -4px !important;
12
- }
13
-
14
- .currentMetric {
15
- color: var(--color-heading);
16
- font-size: var(--size-large);
17
- line-height: var(--line-height-heading);
18
- white-space: nowrap;
19
- font-weight: bold;
20
- }
21
-
22
- .baselineMetric {
23
- color: var(--color-text-light);
24
- font-size: var(--size-small);
25
- line-height: var(--line-height-heading);
26
- }
27
-
28
- .readMoreLink {
29
- appearance: none;
30
- background: none;
31
- margin: 0;
32
- border: 0;
33
- padding: 0;
34
- color: var(--color-primary);
35
- text-decoration: underline;
36
- cursor: pointer;
37
- }
38
-
39
- .readMoreLink:hover,
40
- .readMoreLink:active,
41
- .readMoreLink:focus {
42
- color: var(--color-primary-dark);
43
- text-decoration: none;
44
- }
45
-
46
- /* Loading state */
47
- .loading.currentMetric {
48
- width: 8em;
49
- }
50
-
51
- .loading.baselineMetric {
52
- width: 5em;
53
- }
54
-
55
- /* Size large */
56
- .large .currentMetric {
57
- font-size: var(--size-xxxlarge);
58
- }
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Panels = void 0;
4
- var panels_1 = require("./panels");
5
- Object.defineProperty(exports, "Panels", { enumerable: true, get: function () { return panels_1.Panels; } });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/panels/index.js"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Panels = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
- const classnames_1 = __importDefault(require("classnames"));
10
- const panels_module_css_1 = __importDefault(require("./panels.module.css"));
11
- const cloneElement = (element) => {
12
- const { className, ...restProps } = element.props;
13
- return react_1.default.cloneElement(element, {
14
- ...restProps,
15
- className: (0, classnames_1.default)(panels_module_css_1.default.panel, className),
16
- });
17
- };
18
- const Panels = ({ className, children, ...restProps }) => (react_1.default.createElement("div", { className: (0, classnames_1.default)(panels_module_css_1.default.root, className), ...restProps }, react_1.default.Children.map(children, cloneElement)));
19
- exports.Panels = Panels;
20
- exports.Panels.defaultProps = {
21
- className: '',
22
- children: null,
23
- };
24
- exports.Panels.propTypes = {
25
- className: prop_types_1.default.string,
26
- children: prop_types_1.default.node,
27
- };
28
- //# sourceMappingURL=panels.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"panels.js","sourceRoot":"","sources":["../../../src/ui/panels/panels.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,4EAAsC;AAEtC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IAElD,OAAO,eAAK,CAAC,YAAY,CACvB,OAAO,EACP;QACE,GAAG,SAAS;QACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,KAAK,EAAE,SAAS,CAAC;KACpC,CACF,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAC/D,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,IAEZ,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CACvC,CACP,CAAC;AAPW,QAAA,MAAM,UAOjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}
@@ -1,23 +0,0 @@
1
- .root {
2
- display: flex;
3
- flex-wrap: wrap;
4
- }
5
-
6
- .panel {
7
- flex: 1 1 100%;
8
- }
9
-
10
- .panel + .panel {
11
- margin-top: var(--space-medium);
12
- }
13
-
14
- @media (min-width: 768px) {
15
- .root {
16
- flex-wrap: nowrap;
17
- }
18
-
19
- .panel + .panel {
20
- margin-top: 0;
21
- margin-left: var(--space-medium);
22
- }
23
- }
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import { BUNDLE_PACKAGES_DUPLICATE, BUNDLE_PACKAGES_COUNT, InsightType, getMetricRunInfo, getGlobalMetricType, } from '@bundle-stats/utils';
3
- import { Alert } from '../../ui/alert';
4
- import { ComponentLink } from '../component-link';
5
- import { Delta } from '../delta';
6
- import css from './duplicate-packages-insight.module.css';
7
- const AlertKindMap = new Map([
8
- [InsightType.INFO, 'info'],
9
- [InsightType.ERROR, 'danger'],
10
- [InsightType.WARNING, 'warning'],
11
- ]);
12
- export const DuplicatePackagesInsight = (props) => {
13
- const { type, data, summary, showDelta = true, customComponentLink: CustomComponentLink = ComponentLink, ...restProps } = props;
14
- const metric = getGlobalMetricType('webpack.duplicatePackageCount');
15
- const metricRunInfo = getMetricRunInfo(metric, summary.current, summary.baseline);
16
- const hasDuplicatePackages = metricRunInfo.value > 0 || (metricRunInfo && (metricRunInfo.delta !== 0));
17
- return (React.createElement(Alert, { kind: AlertKindMap.get(type), ...restProps },
18
- React.createElement("span", { className: css.message }, data.text),
19
- hasDuplicatePackages && (React.createElement("span", { className: css.metric },
20
- metricRunInfo.value,
21
- showDelta && typeof metricRunInfo.delta !== 'undefined' && (React.createElement(Delta, { className: css.delta, inverted: true, displayValue: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType })))),
22
- React.createElement("span", { className: css.link }, hasDuplicatePackages ? (React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_DUPLICATE }, "View duplicate packages")) : (React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_COUNT }, "View packages")))));
23
- };
24
- //# sourceMappingURL=duplicate-packages-insight.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"duplicate-packages-insight.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-insight/duplicate-packages-insight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EAEX,gBAAgB,EAEhB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,GAAG,MAAM,yCAAyC,CAAC;AAU1D,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC;IAC3B,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;IAC1B,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC;IAC7B,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC/E,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,mBAAmB,CAAC,+BAA+B,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,gBAAgB,CACpC,MAAM,EACN,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,QAAQ,CACjB,CAAC;IAEF,MAAM,oBAAoB,GAAG,aAAa,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC;IAEvG,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAM,SAAS;QAChD,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO,IAAG,IAAI,CAAC,IAAI,CAAQ;QAC/C,oBAAoB,IAAI,CACvB,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM;YACxB,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,OAAO,aAAa,CAAC,KAAK,KAAK,WAAW,IAAI,CAC1D,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAsB,EAClD,SAAS,EAAE,aAAa,CAAC,SAAmB,GAC5C,CACH,CACI,CACR;QACD,8BAAM,SAAS,EAAE,GAAG,CAAC,IAAI,IACtB,oBAAoB,CAAC,CAAC,CAAC,CACtB,oBAAC,mBAAmB,OAAK,yBAAgC,8BAEnC,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,OAAK,qBAA4B,oBAE/B,CACvB,CACI,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}
@@ -1,18 +0,0 @@
1
- .metric {
2
- font-weight: bold;
3
- }
4
-
5
- .metric::before,
6
- .link::before {
7
- content: '\00A0\2014\00A0';
8
- font-weight: normal;
9
- color: var(--color-text-ultra-light);
10
- }
11
-
12
- .delta {
13
- margin-left: var(--space-xxxsmall);
14
- padding: 1px 2px;
15
- vertical-align: super;
16
- font-size: 9px;
17
- line-height: 1;
18
- }
@@ -1,2 +0,0 @@
1
- export * from './duplicate-packages-insight';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-insight/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './job-meta';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/job-meta/index.js"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import css from './job-meta.module.css';
5
- export const JobMeta = (props) => {
6
- const { as: Component, className, meta, ...restProps } = props;
7
- const rootClassName = cx(css.root, className);
8
- return (React.createElement(Component, { className: rootClassName, ...restProps }, meta.map(({ title, content }, index) => {
9
- const key = index;
10
- return (React.createElement("div", { className: css.item, key: key },
11
- title && (React.createElement("h2", { className: css.itemTitle }, title)),
12
- content.map((item) => item)));
13
- })));
14
- };
15
- JobMeta.propTypes = {
16
- className: PropTypes.string,
17
- meta: PropTypes.arrayOf(PropTypes.shape({
18
- title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
19
- content: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.element])),
20
- })).isRequired,
21
- as: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
22
- };
23
- JobMeta.defaultProps = {
24
- className: '',
25
- as: 'div',
26
- };
27
- //# sourceMappingURL=job-meta.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"job-meta.js","sourceRoot":"","sources":["../../../src/components/job-meta/job-meta.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EACJ,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAC7C,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,IAC/C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC;QAElB,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;YAC/B,KAAK,IAAI,CAAC,4BAAI,SAAS,EAAE,GAAG,CAAC,SAAS,IAAG,KAAK,CAAM,CAAC;YACrD,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CACxB,CACP,CAAC;IACJ,CAAC,CAAC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,SAAS,GAAG;IAElB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC;QACtC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;QACjE,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;KACvF,CAAC,CAAC,CAAC,UAAU;IAGd,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;CACV,CAAC"}
@@ -1,19 +0,0 @@
1
- .root {
2
- padding: var(--space-xsmall) var(--space-small);
3
- display: flex;
4
- }
5
-
6
- .item {
7
- flex: 1 1 100%;
8
- }
9
-
10
- .itemTitle {
11
- margin: 0;
12
- font-size: 1em;
13
- font-weight: bold;
14
- color: var(--color-text-light);
15
- }
16
-
17
- .item + .item {
18
- margin-left: var(--space-xsmall);
19
- }
@@ -1,2 +0,0 @@
1
- export * from './summary-item';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary-item/index.js"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -1,67 +0,0 @@
1
- import React, { useCallback } from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import { getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
5
- import { Icon } from '../../ui/icon';
6
- import { HoverCard } from '../../ui/hover-card';
7
- import { Skeleton } from '../../ui/skeleton';
8
- import { FlexStack } from '../../layout/flex-stack';
9
- import { Stack } from '../../layout/stack';
10
- import { Metric } from '../metric';
11
- import { Delta } from '../delta';
12
- import css from './summary-item.module.css';
13
- const MetricInfo = ({ description, url }) => {
14
- const onClick = useCallback(() => {
15
- if (url) {
16
- window.open(url);
17
- }
18
- }, [url]);
19
- return (React.createElement(Stack, { space: "xxxsmall" },
20
- React.createElement("p", null, description),
21
- url && (React.createElement("p", null,
22
- React.createElement("button", { type: "button", onClick: onClick, className: css.readMoreLink }, "Read more")))));
23
- };
24
- MetricInfo.propTypes = {
25
- description: PropTypes.string.isRequired,
26
- url: PropTypes.string,
27
- };
28
- MetricInfo.defaultProps = {
29
- url: '',
30
- };
31
- export const SummaryItem = ({ className, as: Component, size, id, data, loading, showDelta, showMetricDescription, ...props }) => {
32
- const { baseline, current } = data || { baseline: 0, current: 0 };
33
- const metric = getGlobalMetricType(id);
34
- const runInfo = getMetricRunInfo(metric, current, baseline);
35
- const showMetricDescriptionTooltip = showMetricDescription && (metric === null || metric === void 0 ? void 0 : metric.description);
36
- const rootClassName = cx(css.root, className, css[size], showDelta && css.showDelta);
37
- return (React.createElement(Stack, { space: "xxsmall", as: Component, className: rootClassName, ...props },
38
- React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: css.title },
39
- React.createElement("span", null, metric.label),
40
- showMetricDescriptionTooltip && (React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP }), className: css.titleIcon },
41
- React.createElement(MetricInfo, { ...metric })))),
42
- !loading ? (React.createElement(Stack, null,
43
- React.createElement(Metric, { className: css.currentMetric, value: current, formatter: metric.formatter, enhanced: true, inline: true }, showDelta && (React.createElement(Delta, { className: css.delta, displayValue: runInfo.displayDeltaPercentage, deltaType: runInfo.deltaType }))),
44
- React.createElement(Metric, { className: css.baselineMetric, value: baseline, formatter: metric.formatter }))) : (React.createElement(Stack, null,
45
- React.createElement(Skeleton, { as: "p", className: cx(css.currentMetric, css.loading) }),
46
- React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
47
- };
48
- SummaryItem.defaultProps = {
49
- className: '',
50
- as: 'div',
51
- data: null,
52
- size: 'medium',
53
- loading: false,
54
- showMetricDescription: false,
55
- showDelta: true,
56
- };
57
- SummaryItem.propTypes = {
58
- className: PropTypes.string,
59
- as: PropTypes.elementType,
60
- size: PropTypes.oneOf(['medium', 'large']),
61
- id: PropTypes.string.isRequired,
62
- loading: PropTypes.bool,
63
- data: PropTypes.object,
64
- showMetricDescription: PropTypes.bool,
65
- showDelta: PropTypes.bool,
66
- };
67
- //# sourceMappingURL=summary-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAE5C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,EAAE;IAE1C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU;QACrB,+BAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,gCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACrB,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACxC,GAAG,EAAE,SAAS,CAAC,MAAM;CACtB,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,EAAE,EAAE,SAAS,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;IAElE,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC5D,MAAM,4BAA4B,GAAG,qBAAqB,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAA,CAAC;IAElF,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IAErF,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,KAAM,KAAK;QACvE,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,CAAC,KAAK;YAC1E,kCACG,MAAM,CAAC,KAAK,CACR;YAEN,4BAA4B,IAAI,CAC/B,oBAAC,SAAS,IAAC,KAAK,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS;gBAC1E,oBAAC,UAAU,OAAK,MAAM,GAAI,CAChB,CACb,CACS;QAEX,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,KAAK;YACJ,oBAAC,MAAM,IACL,SAAS,EAAE,GAAG,CAAC,aAAa,EAC5B,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,QAAQ,QACR,MAAM,UAEL,SAAS,IAAI,CACZ,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,YAAY,EAAE,OAAO,CAAC,sBAAsB,EAC5C,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACH,CACM;YACT,oBAAC,MAAM,IAAC,SAAS,EAAE,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI,CACjF,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK;YACJ,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,GAAI;YAClE,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,GAAI,CAC7D,CACT,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,KAAK;IACd,qBAAqB,EAAE,KAAK;IAC5B,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG;IAEtB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,SAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAG1C,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAG/B,OAAO,EAAE,SAAS,CAAC,IAAI;IAGvB,IAAI,EAAE,SAAS,CAAC,MAAM;IAGtB,qBAAqB,EAAE,SAAS,CAAC,IAAI;IAGrC,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC"}
@@ -1,58 +0,0 @@
1
- .title {
2
- color: var(--color-text-ultra-light);
3
- font-weight: bold;
4
- font-size: var(--size-xsmall);
5
- text-transform: uppercase;
6
- white-space: nowrap;
7
- }
8
-
9
- .titleIcon {
10
- margin-top: -4px !important;
11
- margin-bottom: -4px !important;
12
- }
13
-
14
- .currentMetric {
15
- color: var(--color-heading);
16
- font-size: var(--size-large);
17
- line-height: var(--line-height-heading);
18
- white-space: nowrap;
19
- font-weight: bold;
20
- }
21
-
22
- .baselineMetric {
23
- color: var(--color-text-light);
24
- font-size: var(--size-small);
25
- line-height: var(--line-height-heading);
26
- }
27
-
28
- .readMoreLink {
29
- appearance: none;
30
- background: none;
31
- margin: 0;
32
- border: 0;
33
- padding: 0;
34
- color: var(--color-primary);
35
- text-decoration: underline;
36
- cursor: pointer;
37
- }
38
-
39
- .readMoreLink:hover,
40
- .readMoreLink:active,
41
- .readMoreLink:focus {
42
- color: var(--color-primary-dark);
43
- text-decoration: none;
44
- }
45
-
46
- /* Loading state */
47
- .loading.currentMetric {
48
- width: 8em;
49
- }
50
-
51
- .loading.baselineMetric {
52
- width: 5em;
53
- }
54
-
55
- /* Size large */
56
- .large .currentMetric {
57
- font-size: var(--size-xxxlarge);
58
- }
@@ -1,2 +0,0 @@
1
- export { Panels } from './panels';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/panels/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import css from './panels.module.css';
5
- const cloneElement = (element) => {
6
- const { className, ...restProps } = element.props;
7
- return React.cloneElement(element, {
8
- ...restProps,
9
- className: cx(css.panel, className),
10
- });
11
- };
12
- export const Panels = ({ className, children, ...restProps }) => (React.createElement("div", { className: cx(css.root, className), ...restProps }, React.Children.map(children, cloneElement)));
13
- Panels.defaultProps = {
14
- className: '',
15
- children: null,
16
- };
17
- Panels.propTypes = {
18
- className: PropTypes.string,
19
- children: PropTypes.node,
20
- };
21
- //# sourceMappingURL=panels.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"panels.js","sourceRoot":"","sources":["../../../src/ui/panels/panels.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IAElD,OAAO,KAAK,CAAC,YAAY,CACvB,OAAO,EACP;QACE,GAAG,SAAS;QACZ,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC;KACpC,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAC/D,6BACE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,IAEZ,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CACvC,CACP,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC"}