@bundle-stats/ui 4.3.0-beta.3 → 4.3.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/globals.d.ts +4 -0
- package/lib/app/app.js +21 -9
- package/lib/app/app.js.map +1 -1
- package/lib/assets/icons.svg +5 -0
- package/lib/assets/icons.svg.js +4 -0
- package/lib/assets/icons.svg.js.map +1 -1
- package/lib/components/asset-info/asset-info.js +43 -44
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/asset-info/asset-info.module.css +18 -6
- package/lib/components/asset-info/index.js.map +1 -1
- package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
- package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
- package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/lib/components/asset-not-predictive/index.js +18 -0
- package/lib/components/asset-not-predictive/index.js.map +1 -0
- package/lib/components/bundle-assets/bundle-assets.js +17 -25
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.module.css +13 -20
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +7 -5
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +1 -2
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.module.css +5 -0
- package/lib/components/bundle-packages/bundle-packages.js +14 -45
- package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.module.css +4 -0
- package/lib/components/delta/delta.module.css +2 -1
- package/lib/components/entry-info/entry-info.js +46 -0
- package/lib/components/entry-info/entry-info.js.map +1 -0
- package/lib/components/entry-info/entry-info.module.css +33 -0
- package/lib/components/{summary-item → entry-info}/index.js +1 -1
- package/lib/components/entry-info/index.js.map +1 -0
- package/lib/components/index.js +7 -3
- package/lib/components/index.js.map +1 -1
- package/lib/components/insight-icon/index.js +18 -0
- package/lib/components/insight-icon/index.js.map +1 -0
- package/lib/components/insight-icon/insight-icon.js +25 -0
- package/lib/components/insight-icon/insight-icon.js.map +1 -0
- package/lib/components/insight-icon/insight-icon.module.css +24 -0
- package/lib/components/insights/insights.js +6 -39
- package/lib/components/insights/insights.js.map +1 -1
- package/lib/components/insights/insights.module.css +1 -19
- package/lib/components/metric/index.js.map +1 -1
- package/lib/components/metric/metric.js +7 -64
- package/lib/components/metric/metric.js.map +1 -1
- package/lib/components/metric/metric.module.css +3 -3
- package/lib/components/metric-run-info/index.js +18 -0
- package/lib/components/metric-run-info/index.js.map +1 -0
- package/lib/components/metric-run-info/metric-run-info.js +64 -0
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
- package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
- package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
- package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib/components/module-info/index.js.map +1 -1
- package/lib/components/module-info/module-info.js +46 -47
- package/lib/components/module-info/module-info.js.map +1 -1
- package/lib/components/module-info/module-info.module.css +4 -6
- package/lib/components/package-info/index.js +18 -0
- package/lib/components/package-info/index.js.map +1 -0
- package/lib/components/package-info/package-info.js +71 -0
- package/lib/components/package-info/package-info.js.map +1 -0
- package/lib/components/package-info/package-info.module.css +13 -0
- package/lib/components/run-info/index.js +18 -0
- package/lib/components/run-info/index.js.map +1 -0
- package/lib/components/run-info/run-info.js +70 -0
- package/lib/components/run-info/run-info.js.map +1 -0
- package/{src/components/summary-item/summary-item.module.css → lib/components/run-info/run-info.module.css} +14 -19
- package/lib/components/summary/index.js.map +1 -1
- package/lib/components/summary/summary.js +10 -30
- package/lib/components/summary/summary.js.map +1 -1
- package/lib/components/summary/summary.module.css +17 -6
- package/lib/constants.js +1 -23
- package/lib/constants.js.map +1 -1
- package/lib/css/variables.css +17 -13
- package/lib/layout/box/box.js +3 -23
- package/lib/layout/box/box.js.map +1 -1
- package/lib/layout/box/box.module.css +11 -0
- package/lib/layout/box/index.js +15 -3
- package/lib/layout/box/index.js.map +1 -1
- package/lib/layout/flex-stack/flex-stack.js +3 -19
- package/lib/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib/layout/flex-stack/index.js.map +1 -1
- package/lib/layout/stack/index.js.map +1 -1
- package/lib/layout/stack/stack.js +3 -16
- package/lib/layout/stack/stack.js.map +1 -1
- package/lib/tokens.js +38 -0
- package/lib/tokens.js.map +1 -0
- package/lib/ui/alert/alert.js +2 -12
- package/lib/ui/alert/alert.js.map +1 -1
- package/lib/ui/alert/index.js.map +1 -1
- package/lib/ui/container/container.js +1 -10
- package/lib/ui/container/container.js.map +1 -1
- package/lib/ui/container/index.js +15 -3
- package/lib/ui/container/index.js.map +1 -1
- package/lib/ui/dropdown/dropdown.module.css +1 -2
- package/lib/ui/file-name/file-name.js +1 -1
- package/lib/ui/file-name/file-name.js.map +1 -1
- package/lib/ui/filters/filters.module.css +1 -5
- package/lib/ui/hover-card/hover-card.js +1 -1
- package/lib/ui/icon/icon.js +1 -0
- package/lib/ui/icon/icon.js.map +1 -1
- package/lib/ui/index.js +1 -3
- package/lib/ui/index.js.map +1 -1
- package/lib/ui/input/input.module.css +3 -4
- package/lib/ui/table/index.js.map +1 -1
- package/lib/ui/table/table.js +3 -17
- package/lib/ui/table/table.js.map +1 -1
- package/lib/ui/tag/index.js.map +1 -1
- package/lib/ui/tag/tag.js +5 -29
- package/lib/ui/tag/tag.js.map +1 -1
- package/lib/ui/tag/tag.module.css +15 -1
- package/lib/ui/tooltip/index.js.map +1 -1
- package/lib/ui/tooltip/tooltip.js +3 -23
- package/lib/ui/tooltip/tooltip.js.map +1 -1
- package/lib/ui/tooltip/tooltip.module.css +4 -4
- package/lib-esm/app/app.js +22 -10
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/assets/icons.svg +5 -0
- package/lib-esm/assets/icons.svg.js +4 -0
- package/lib-esm/assets/icons.svg.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +22 -45
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.module.css +18 -6
- package/lib-esm/components/asset-info/index.js.map +1 -1
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/lib-esm/components/asset-not-predictive/index.js +2 -0
- package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
- package/lib-esm/components/bundle-assets/bundle-assets.js +17 -25
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.module.css +13 -20
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +6 -6
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +1 -2
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.module.css +5 -0
- package/lib-esm/components/bundle-packages/bundle-packages.js +15 -46
- package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.module.css +4 -0
- package/lib-esm/components/delta/delta.module.css +2 -1
- package/lib-esm/components/entry-info/entry-info.js +40 -0
- package/lib-esm/components/entry-info/entry-info.js.map +1 -0
- package/lib-esm/components/entry-info/entry-info.module.css +33 -0
- package/lib-esm/components/entry-info/index.js +2 -0
- package/lib-esm/components/entry-info/index.js.map +1 -0
- package/lib-esm/components/index.js +3 -1
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/insight-icon/index.js +2 -0
- package/lib-esm/components/insight-icon/index.js.map +1 -0
- package/lib-esm/components/insight-icon/insight-icon.js +18 -0
- package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
- package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
- package/lib-esm/components/insights/insights.js +7 -40
- package/lib-esm/components/insights/insights.js.map +1 -1
- package/lib-esm/components/insights/insights.module.css +1 -19
- package/lib-esm/components/metric/index.js.map +1 -1
- package/lib-esm/components/metric/metric.js +7 -41
- package/lib-esm/components/metric/metric.js.map +1 -1
- package/lib-esm/components/metric/metric.module.css +3 -3
- package/lib-esm/components/metric-run-info/index.js +2 -0
- package/lib-esm/components/metric-run-info/index.js.map +1 -0
- package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
- package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
- package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib-esm/components/module-info/index.js.map +1 -1
- package/lib-esm/components/module-info/module-info.js +25 -48
- package/lib-esm/components/module-info/module-info.js.map +1 -1
- package/lib-esm/components/module-info/module-info.module.css +4 -6
- package/lib-esm/components/package-info/index.js +2 -0
- package/lib-esm/components/package-info/index.js.map +1 -0
- package/lib-esm/components/package-info/package-info.js +42 -0
- package/lib-esm/components/package-info/package-info.js.map +1 -0
- package/lib-esm/components/package-info/package-info.module.css +13 -0
- package/lib-esm/components/run-info/index.js +2 -0
- package/lib-esm/components/run-info/index.js.map +1 -0
- package/lib-esm/components/run-info/run-info.js +40 -0
- package/lib-esm/components/run-info/run-info.js.map +1 -0
- package/lib-esm/components/{summary-item/summary-item.module.css → run-info/run-info.module.css} +14 -19
- package/lib-esm/components/summary/index.js.map +1 -1
- package/lib-esm/components/summary/summary.js +9 -29
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/lib-esm/components/summary/summary.module.css +17 -6
- package/lib-esm/constants.js +0 -22
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/css/variables.css +17 -13
- package/lib-esm/layout/box/box.js +3 -23
- package/lib-esm/layout/box/box.js.map +1 -1
- package/lib-esm/layout/box/box.module.css +11 -0
- package/lib-esm/layout/box/index.js +1 -1
- package/lib-esm/layout/box/index.js.map +1 -1
- package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
- package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib-esm/layout/flex-stack/index.js.map +1 -1
- package/lib-esm/layout/stack/index.js.map +1 -1
- package/lib-esm/layout/stack/stack.js +3 -16
- package/lib-esm/layout/stack/stack.js.map +1 -1
- package/lib-esm/tokens.js +35 -0
- package/lib-esm/tokens.js.map +1 -0
- package/lib-esm/ui/alert/alert.js +2 -12
- package/lib-esm/ui/alert/alert.js.map +1 -1
- package/lib-esm/ui/alert/index.js.map +1 -1
- package/lib-esm/ui/container/container.js +1 -10
- package/lib-esm/ui/container/container.js.map +1 -1
- package/lib-esm/ui/container/index.js +1 -1
- package/lib-esm/ui/container/index.js.map +1 -1
- package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
- package/lib-esm/ui/file-name/file-name.js +1 -1
- package/lib-esm/ui/file-name/file-name.js.map +1 -1
- package/lib-esm/ui/filters/filters.module.css +1 -5
- package/lib-esm/ui/hover-card/hover-card.js +1 -1
- package/lib-esm/ui/icon/icon.js +1 -0
- package/lib-esm/ui/icon/icon.js.map +1 -1
- package/lib-esm/ui/index.js +0 -1
- package/lib-esm/ui/index.js.map +1 -1
- package/lib-esm/ui/input/input.module.css +3 -4
- package/lib-esm/ui/table/index.js.map +1 -1
- package/lib-esm/ui/table/table.js +3 -17
- package/lib-esm/ui/table/table.js.map +1 -1
- package/lib-esm/ui/tag/index.js.map +1 -1
- package/lib-esm/ui/tag/tag.js +4 -28
- package/lib-esm/ui/tag/tag.js.map +1 -1
- package/lib-esm/ui/tag/tag.module.css +15 -1
- package/lib-esm/ui/tooltip/index.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.js +3 -23
- package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.module.css +4 -4
- package/package.json +14 -18
- package/src/app/app.jsx +25 -10
- package/src/assets/icons/more-vertical.svg +5 -0
- package/src/assets/icons.svg +5 -0
- package/src/assets/icons.svg.jsx +14 -0
- package/src/components/asset-info/asset-info.module.css +18 -6
- package/src/components/asset-info/asset-info.stories.tsx +64 -0
- package/src/components/asset-info/asset-info.tsx +133 -0
- package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
- package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
- package/src/components/asset-not-predictive/index.ts +1 -0
- package/src/components/bundle-assets/bundle-assets.jsx +43 -53
- package/src/components/bundle-assets/bundle-assets.module.css +13 -20
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +18 -15
- package/src/components/bundle-modules/bundle-modules.jsx +11 -9
- package/src/components/bundle-modules/bundle-modules.module.css +5 -0
- package/src/components/bundle-packages/bundle-packages.jsx +55 -118
- package/src/components/bundle-packages/bundle-packages.module.css +4 -0
- package/src/components/delta/delta.module.css +2 -1
- package/src/components/entry-info/entry-info.module.css +33 -0
- package/src/components/entry-info/entry-info.stories.tsx +67 -0
- package/src/components/entry-info/entry-info.tsx +107 -0
- package/src/components/entry-info/index.ts +1 -0
- package/src/components/index.js +3 -1
- package/src/components/insight-icon/index.ts +1 -0
- package/src/components/insight-icon/insight-icon.module.css +24 -0
- package/src/components/insight-icon/insight-icon.tsx +25 -0
- package/src/components/insights/insights.module.css +1 -19
- package/src/components/insights/insights.stories.tsx +26 -22
- package/src/components/insights/insights.tsx +8 -65
- package/src/components/metric/metric.module.css +3 -3
- package/src/components/metric/metric.stories.tsx +41 -0
- package/src/components/metric/metric.tsx +42 -0
- package/src/components/metric-run-info/index.ts +1 -0
- package/src/components/metric-run-info/metric-run-info.module.css +18 -0
- package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
- package/src/components/metric-run-info/metric-run-info.tsx +85 -0
- package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
- package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/src/components/module-info/module-info.module.css +4 -6
- package/src/components/module-info/module-info.stories.tsx +44 -0
- package/src/components/module-info/module-info.tsx +79 -0
- package/src/components/package-info/index.ts +1 -0
- package/src/components/package-info/package-info.module.css +13 -0
- package/src/components/package-info/package-info.stories.tsx +36 -0
- package/src/components/package-info/package-info.tsx +112 -0
- package/src/components/run-info/index.ts +1 -0
- package/{lib/components/summary-item/summary-item.module.css → src/components/run-info/run-info.module.css} +14 -19
- package/src/components/run-info/run-info.stories.tsx +49 -0
- package/src/components/run-info/run-info.tsx +108 -0
- package/src/components/summary/summary.module.css +17 -6
- package/src/components/summary/summary.stories.tsx +57 -0
- package/src/components/summary/summary.tsx +103 -0
- package/src/constants.js +0 -24
- package/src/css/variables.css +17 -13
- package/src/layout/box/box.module.css +11 -0
- package/src/layout/box/box.stories.tsx +49 -0
- package/src/layout/box/box.tsx +49 -0
- package/src/layout/box/index.ts +1 -0
- package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
- package/src/layout/flex-stack/flex-stack.tsx +43 -0
- package/src/layout/stack/stack.stories.tsx +53 -0
- package/src/layout/stack/stack.tsx +22 -0
- package/src/tokens.ts +37 -0
- package/src/ui/alert/alert.stories.tsx +39 -0
- package/src/ui/alert/alert.tsx +23 -0
- package/src/ui/container/container.stories.tsx +29 -0
- package/src/ui/container/container.tsx +18 -0
- package/src/ui/container/index.ts +1 -0
- package/src/ui/dropdown/dropdown.module.css +1 -2
- package/src/ui/file-name/file-name.jsx +1 -1
- package/src/ui/filters/filters.module.css +1 -5
- package/src/ui/hover-card/hover-card.jsx +1 -1
- package/src/ui/icon/icon.jsx +1 -0
- package/src/ui/index.js +0 -1
- package/src/ui/input/input.module.css +3 -4
- package/src/ui/table/table.stories.tsx +238 -0
- package/src/ui/table/table.tsx +38 -0
- package/src/ui/tag/tag.module.css +15 -1
- package/src/ui/tag/tag.stories.tsx +32 -0
- package/src/ui/tag/tag.tsx +28 -0
- package/src/ui/tooltip/tooltip.module.css +4 -4
- package/src/ui/tooltip/tooltip.stories.tsx +30 -0
- package/src/ui/tooltip/tooltip.tsx +56 -0
- package/types/app/header/header.d.ts +1 -1
- package/types/components/asset-info/asset-info.d.ts +18 -23
- package/types/components/asset-info/index.d.ts +1 -1
- package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
- package/types/components/asset-not-predictive/index.d.ts +1 -0
- package/types/components/browsertime-table/browsertime-table.d.ts +1 -1
- package/types/components/bundle-assets/bundle-assets.d.ts +2 -2
- package/types/components/bundle-assets/index.d.ts +1 -1
- package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +2 -2
- package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +2 -2
- package/types/components/bundle-modules/bundle-modules.d.ts +2 -2
- package/types/components/bundle-modules/index.d.ts +1 -1
- package/types/components/bundle-packages/bundle-packages.d.ts +2 -2
- package/types/components/bundle-packages/index.d.ts +1 -1
- package/types/components/component-link.d.ts +1 -1
- package/types/components/delta/delta.d.ts +1 -1
- package/types/components/entry-info/entry-info.d.ts +18 -0
- package/types/components/entry-info/index.d.ts +1 -0
- package/types/components/index.d.ts +3 -1
- package/types/components/insight-icon/index.d.ts +1 -0
- package/types/components/insight-icon/insight-icon.d.ts +7 -0
- package/types/components/insights/insights.d.ts +2 -2
- package/types/components/job-header/job-header.d.ts +1 -1
- package/types/components/job-meta/job-meta.d.ts +1 -1
- package/types/components/job-name/job-name.d.ts +1 -1
- package/types/components/jobs-header/jobs-header.d.ts +1 -1
- package/types/components/lighthouse-table/lighthouse-table.d.ts +1 -1
- package/types/components/metric/index.d.ts +1 -1
- package/types/components/metric/metric.d.ts +6 -32
- package/types/components/metric-run-info/index.d.ts +1 -0
- package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
- package/types/components/metrics-table/metrics-table.d.ts +1 -1
- package/types/components/metrics-table-options/metrics-table-options.d.ts +1 -1
- package/types/components/metrics-table-search/metrics-table-search.d.ts +1 -1
- package/types/components/metrics-table-title/metrics-table-title.d.ts +1 -1
- package/types/components/module-info/index.d.ts +1 -1
- package/types/components/module-info/module-info.d.ts +16 -34
- package/types/components/package-info/index.d.ts +1 -0
- package/types/components/package-info/package-info.d.ts +15 -0
- package/types/components/run-info/index.d.ts +1 -0
- package/types/components/run-info/run-info.d.ts +16 -0
- package/types/components/summary/index.d.ts +1 -1
- package/types/components/summary/summary.d.ts +25 -36
- package/types/components/total-size-type-title/total-size-type-title.d.ts +1 -1
- package/types/constants.d.ts +0 -11
- package/types/layout/box/box.d.ts +12 -25
- package/types/layout/box/index.d.ts +1 -1
- package/types/layout/flex-stack/flex-stack.d.ts +10 -33
- package/types/layout/flex-stack/index.d.ts +1 -1
- package/types/layout/footer/footer.d.ts +1 -1
- package/types/layout/separator.d.ts +2 -2
- package/types/layout/stack/index.d.ts +1 -1
- package/types/layout/stack/stack.d.ts +7 -20
- package/types/tokens.d.ts +23 -0
- package/types/ui/alert/alert.d.ts +7 -14
- package/types/ui/alert/index.d.ts +1 -1
- package/types/ui/container/container.d.ts +5 -17
- package/types/ui/container/index.d.ts +1 -1
- package/types/ui/dropdown/dropdown.d.ts +1 -1
- package/types/ui/empty-set/empty-set.d.ts +1 -1
- package/types/ui/file-name/file-name.d.ts +2 -2
- package/types/ui/filters/filters.d.ts +1 -1
- package/types/ui/filters/index.d.ts +1 -1
- package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +1 -1
- package/types/ui/hover-card/hover-card.d.ts +1 -1
- package/types/ui/icon/icon.d.ts +2 -1
- package/types/ui/index.d.ts +0 -1
- package/types/ui/input/input.d.ts +1 -1
- package/types/ui/loader/loader.d.ts +1 -1
- package/types/ui/skeleton/skeleton.d.ts +1 -1
- package/types/ui/sort-dropdown/sort-dropdown.d.ts +1 -1
- package/types/ui/table/index.d.ts +1 -1
- package/types/ui/table/table.d.ts +14 -33
- package/types/ui/tabs/tabs.d.ts +1 -1
- package/types/ui/tag/index.d.ts +1 -1
- package/types/ui/tag/tag.d.ts +22 -33
- package/types/ui/toolbar/toolbar.d.ts +1 -1
- package/types/ui/tooltip/index.d.ts +1 -1
- package/types/ui/tooltip/tooltip.d.ts +10 -28
- package/lib/components/summary-item/index.js.map +0 -1
- package/lib/components/summary-item/summary-item.js +0 -97
- package/lib/components/summary-item/summary-item.js.map +0 -1
- package/lib/ui/panels/index.js +0 -6
- package/lib/ui/panels/index.js.map +0 -1
- package/lib/ui/panels/panels.js +0 -28
- package/lib/ui/panels/panels.js.map +0 -1
- package/lib/ui/panels/panels.module.css +0 -23
- package/lib-esm/components/summary-item/index.js +0 -2
- package/lib-esm/components/summary-item/index.js.map +0 -1
- package/lib-esm/components/summary-item/summary-item.js +0 -67
- package/lib-esm/components/summary-item/summary-item.js.map +0 -1
- package/lib-esm/ui/panels/index.js +0 -2
- package/lib-esm/ui/panels/index.js.map +0 -1
- package/lib-esm/ui/panels/panels.js +0 -21
- package/lib-esm/ui/panels/panels.js.map +0 -1
- package/lib-esm/ui/panels/panels.module.css +0 -23
- package/src/components/asset-info/asset-info.jsx +0 -96
- package/src/components/metric/metric.jsx +0 -63
- package/src/components/module-info/module-info.jsx +0 -93
- package/src/components/summary/summary.jsx +0 -73
- package/src/components/summary-item/index.js +0 -1
- package/src/components/summary-item/summary-item.jsx +0 -142
- package/src/layout/box/box.jsx +0 -67
- package/src/layout/box/index.js +0 -1
- package/src/layout/flex-stack/flex-stack.jsx +0 -49
- package/src/layout/stack/stack.jsx +0 -32
- package/src/ui/alert/alert.jsx +0 -27
- package/src/ui/container/container.jsx +0 -24
- package/src/ui/container/index.js +0 -1
- package/src/ui/panels/index.js +0 -1
- package/src/ui/panels/panels.jsx +0 -39
- package/src/ui/panels/panels.module.css +0 -23
- package/src/ui/table/table.jsx +0 -37
- package/src/ui/tag/tag.jsx +0 -49
- package/src/ui/tooltip/tooltip.jsx +0 -67
- package/tsconfig.esm.json +0 -13
- package/tsconfig.json +0 -7
- package/tsconfig.lib.json +0 -9
- package/types/components/summary-item/index.d.ts +0 -1
- package/types/components/summary-item/summary-item.d.ts +0 -40
- package/types/ui/panels/index.d.ts +0 -1
- package/types/ui/panels/panels.d.ts +0 -18
- /package/src/components/asset-info/{index.js → index.ts} +0 -0
- /package/src/components/metric/{index.js → index.ts} +0 -0
- /package/src/components/module-info/{index.js → index.ts} +0 -0
- /package/src/components/summary/{index.js → index.ts} +0 -0
- /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
- /package/src/layout/stack/{index.js → index.ts} +0 -0
- /package/src/ui/alert/{index.js → index.ts} +0 -0
- /package/src/ui/table/{index.js → index.ts} +0 -0
- /package/src/ui/tag/{index.js → index.ts} +0 -0
- /package/src/ui/tooltip/{index.js → index.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-packages.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,
|
|
1
|
+
{"version":3,"file":"bundle-packages.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import { METRIC_TYPES, getMetricRunInfo } from '@bundle-stats/utils';
|
|
4
|
+
import { Stack } from '../../layout/stack';
|
|
5
|
+
import { Separator } from '../../layout/separator';
|
|
6
|
+
import { FileName } from '../../ui/file-name';
|
|
7
|
+
import { Table } from '../../ui/table';
|
|
8
|
+
import { RunInfo } from '../run-info';
|
|
9
|
+
import css from './entry-info.module.css';
|
|
10
|
+
export const EntryInfo = (props) => {
|
|
11
|
+
var _a, _b, _c;
|
|
12
|
+
const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = 'Path', children, tags = null, } = props;
|
|
13
|
+
const baselineRun = item.runs.length > 1 ? (_a = item.runs) === null || _a === void 0 ? void 0 : _a[item.runs.length - 1] : null;
|
|
14
|
+
const metricRunInfo = getMetricRunInfo(METRIC_TYPES.METRIC_TYPE_FILE_SIZE, (_c = (_b = item.runs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value, (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.value) || 0);
|
|
15
|
+
return (React.createElement(Stack, { space: "small", className: cx(css.root, className) },
|
|
16
|
+
React.createElement(Stack, { space: "xxxsmall" },
|
|
17
|
+
tags,
|
|
18
|
+
React.createElement("h3", { className: css.label },
|
|
19
|
+
React.createElement(FileName, { as: "code", name: itemTitle || item.label, className: css.fileName }))),
|
|
20
|
+
React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" }),
|
|
21
|
+
children && (React.createElement(Stack, { space: "small" },
|
|
22
|
+
React.createElement(Separator, null),
|
|
23
|
+
React.createElement(Stack, { space: "xxxsmall" }, children))),
|
|
24
|
+
React.createElement(Table, { outline: true, className: css.runs },
|
|
25
|
+
React.createElement(Table.THead, null,
|
|
26
|
+
React.createElement(Table.Tr, null,
|
|
27
|
+
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColJob) }, "\u00A0"),
|
|
28
|
+
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColName) }, runNameLabel),
|
|
29
|
+
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColSize) }, "Size"))),
|
|
30
|
+
React.createElement(Table.TBody, null, item.runs.map((run, index) => {
|
|
31
|
+
const key = `info-${(run === null || run === void 0 ? void 0 : run.name) || index}-${index}`;
|
|
32
|
+
return (React.createElement(Table.Tr, { key: key },
|
|
33
|
+
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColJob) }, labels[index]),
|
|
34
|
+
React.createElement(Table.Td, { className: cx(css.runsCell, css.runsColName) },
|
|
35
|
+
React.createElement(FileName, { className: css.fileName, as: "code", name: (run === null || run === void 0 ? void 0 : run[runNameSelector]) || '-' })),
|
|
36
|
+
React.createElement(Table.Td, { className: cx(css.runsCell, css.runsColSize) },
|
|
37
|
+
React.createElement("span", { className: css.size }, typeof (run === null || run === void 0 ? void 0 : run.value) !== 'undefined' ? run.value : '-'))));
|
|
38
|
+
})))));
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=entry-info.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.fileName {
|
|
2
|
+
max-width: 100%;
|
|
3
|
+
padding: 0 2px;
|
|
4
|
+
background: var(--color-highlight-warning);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.label {
|
|
8
|
+
font-size: var(--size-medium);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.runs {
|
|
12
|
+
font-size: var(--size-small);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.runs .runsCell {
|
|
16
|
+
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.runs .runsColJob {
|
|
20
|
+
white-space: nowrap;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.runs .runsColName {
|
|
24
|
+
width: 100%;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.runs .runsColSize {
|
|
28
|
+
text-align: right;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.size {
|
|
32
|
+
font-family: var(--font-family-fixed);
|
|
33
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/entry-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -6,18 +6,20 @@ export { BundlePackages } from './bundle-packages';
|
|
|
6
6
|
export { BundleModules } from './bundle-modules';
|
|
7
7
|
export { ComponentLink } from './component-link';
|
|
8
8
|
export { Delta } from './delta';
|
|
9
|
+
export { InsightIcon } from './insight-icon';
|
|
9
10
|
export { Insights } from './insights';
|
|
10
11
|
export { JobName } from './job-name';
|
|
11
12
|
export { JobHeader } from './job-header';
|
|
12
13
|
export { JobsHeader } from './jobs-header';
|
|
13
14
|
export { LighthouseTable } from './lighthouse-table';
|
|
14
15
|
export { Metric } from './metric';
|
|
16
|
+
export { MetricRunInfo } from './metric-run-info';
|
|
15
17
|
export { MetricsTable } from './metrics-table';
|
|
16
18
|
export { MetricsTableOptions } from './metrics-table-options';
|
|
17
19
|
export { MetricsTableSearch } from './metrics-table-search';
|
|
18
20
|
export { MetricsTableTitle } from './metrics-table-title';
|
|
19
21
|
export { ModuleInfo } from './module-info';
|
|
20
|
-
export {
|
|
22
|
+
export { RunInfo } from './run-info';
|
|
21
23
|
export { Summary } from './summary';
|
|
22
24
|
export { TotalSizeTypeTitle } from './total-size-type-title';
|
|
23
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAsB,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/insight-icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import { InsightType } from '@bundle-stats/utils';
|
|
4
|
+
import { Icon } from '../../ui/icon';
|
|
5
|
+
import css from './insight-icon.module.css';
|
|
6
|
+
const InsightTypeIconMap = new Map([
|
|
7
|
+
[InsightType.ERROR, Icon.ICONS.ERROR],
|
|
8
|
+
[InsightType.WARNING, Icon.ICONS.WARNING],
|
|
9
|
+
[InsightType.INFO, Icon.ICONS.INFO],
|
|
10
|
+
]);
|
|
11
|
+
export const InsightIcon = (props) => {
|
|
12
|
+
const { className, type } = props;
|
|
13
|
+
const resolvedType = Object.values(InsightType).includes(type) ? type : InsightType.WARNING;
|
|
14
|
+
const rootClassName = cx(css.root, css[resolvedType], className);
|
|
15
|
+
const glyph = InsightTypeIconMap.get(resolvedType);
|
|
16
|
+
return React.createElement(Icon, { glyph: glyph, className: rootClassName });
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=insight-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"insight-icon.js","sourceRoot":"","sources":["../../../src/components/insight-icon/insight-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAE5C,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACzC,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;CACpC,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC;IAC5F,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAW,CAAC;IAE7D,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAC1D,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
width: calc(var(--space-small) + 6px);
|
|
3
|
+
height: calc(var(--space-small) + 6px);
|
|
4
|
+
padding: 3px;
|
|
5
|
+
border-radius: 50%;
|
|
6
|
+
background: var(--color-highlight);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.error {
|
|
10
|
+
background: var(--color-red-50);
|
|
11
|
+
color: var(--color-danger);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.warning {
|
|
15
|
+
padding-top: 1px;
|
|
16
|
+
background: var(--color-yellow-100);
|
|
17
|
+
color: var(--color-yellow-900);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.info {
|
|
21
|
+
background: var(--color-highlight-info);
|
|
22
|
+
color: var(--color-info);
|
|
23
|
+
}
|
|
24
|
+
|
|
@@ -1,50 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { BUNDLE_PACKAGES_DUPLICATE, BUNDLE_PACKAGES_COUNT, InsightType, } from '@bundle-stats/utils';
|
|
2
|
+
import { getInsightList } from '@bundle-stats/utils';
|
|
4
3
|
import { FlexStack } from '../../layout/flex-stack';
|
|
5
4
|
import { Stack } from '../../layout/stack';
|
|
6
|
-
import { Icon } from '../../ui/icon';
|
|
7
5
|
import { ComponentLink } from '../component-link';
|
|
6
|
+
import { InsightIcon } from '../insight-icon';
|
|
8
7
|
import css from './insights.module.css';
|
|
9
|
-
const normalizedInsights = ({ duplicatePackages, newPackages, }) => {
|
|
10
|
-
const insightsByLevel = {
|
|
11
|
-
[InsightType.ERROR]: [],
|
|
12
|
-
[InsightType.WARNING]: [],
|
|
13
|
-
[InsightType.INFO]: [],
|
|
14
|
-
};
|
|
15
|
-
if (duplicatePackages) {
|
|
16
|
-
insightsByLevel[duplicatePackages.type].push({
|
|
17
|
-
name: 'duplicatePackages',
|
|
18
|
-
insight: duplicatePackages,
|
|
19
|
-
link: BUNDLE_PACKAGES_DUPLICATE,
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
if (newPackages) {
|
|
23
|
-
insightsByLevel[newPackages.type].push({
|
|
24
|
-
name: 'newPackages',
|
|
25
|
-
insight: newPackages,
|
|
26
|
-
link: BUNDLE_PACKAGES_COUNT,
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
return [
|
|
30
|
-
...(insightsByLevel[InsightType.ERROR] || []),
|
|
31
|
-
...(insightsByLevel[InsightType.WARNING] || []),
|
|
32
|
-
...(insightsByLevel[InsightType.INFO] || []),
|
|
33
|
-
];
|
|
34
|
-
};
|
|
35
|
-
const InsightTypeIconMap = new Map([
|
|
36
|
-
[InsightType.ERROR, Icon.ICONS.ERROR],
|
|
37
|
-
[InsightType.WARNING, Icon.ICONS.WARNING],
|
|
38
|
-
[InsightType.INFO, Icon.ICONS.INFO],
|
|
39
|
-
]);
|
|
40
8
|
export const Insights = (props) => {
|
|
41
|
-
const {
|
|
42
|
-
const
|
|
43
|
-
return (React.createElement(Stack, { space: "xxsmall", ...restProps },
|
|
44
|
-
const glyph = InsightTypeIconMap.get(insight.type);
|
|
9
|
+
const { insights, customComponentLink: CustomComponentLink = ComponentLink, ...restProps } = props;
|
|
10
|
+
const insightList = getInsightList(insights);
|
|
11
|
+
return (React.createElement(Stack, { space: "xxsmall", ...restProps }, insightList.map(({ name, insight, link }) => {
|
|
45
12
|
const { text } = insight.data;
|
|
46
|
-
return (React.createElement(FlexStack, { key: name, space: "xxsmall", alignItems: "center", as: CustomComponentLink, ...link, className:
|
|
47
|
-
|
|
13
|
+
return (React.createElement(FlexStack, { key: name, space: "xxsmall", alignItems: "center", as: CustomComponentLink, ...link, className: css.entry },
|
|
14
|
+
React.createElement(InsightIcon, { type: insight.type, className: css.icon }),
|
|
48
15
|
React.createElement("span", null, text)));
|
|
49
16
|
})));
|
|
50
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAOxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,QAAQ,EACR,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,KAAK,SAAS,IACjC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;QAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAwB,CAAC;QAClD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,mBAAmB,KACnB,IAAI,EACR,SAAS,EAAE,GAAG,CAAC,KAAK;YAEpB,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,GAAI;YACxD,kCAAO,IAAI,CAAQ,CACT,CACb,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,23 +1,5 @@
|
|
|
1
1
|
.icon {
|
|
2
|
-
|
|
3
|
-
box-sizing: content-box;
|
|
4
|
-
border-radius: 50%;
|
|
5
|
-
background: var(--color-highlight);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.error .icon {
|
|
9
|
-
background: var(--color-red-50);
|
|
10
|
-
color: var(--color-danger);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.warning .icon {
|
|
14
|
-
background: var(--color-yellow-100);
|
|
15
|
-
color: var(--color-warning-dark);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.info .icon {
|
|
19
|
-
background: var(--color-highlight-info);
|
|
20
|
-
color: var(--color-info);
|
|
2
|
+
flex: 0 0 auto;
|
|
21
3
|
}
|
|
22
4
|
|
|
23
5
|
.entry {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metric/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metric/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1,47 +1,13 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
1
|
+
import React from 'react';
|
|
3
2
|
import cx from 'classnames';
|
|
4
3
|
import css from './metric.module.css';
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
const { displayValue, displayUnit } = useMemo(() => {
|
|
8
|
-
const formattedValue = formatter === null || formatter === void 0 ? void 0 : formatter(value);
|
|
9
|
-
if (!formattedValue) {
|
|
10
|
-
return { displayValue: value };
|
|
11
|
-
}
|
|
12
|
-
if (!enhanced) {
|
|
13
|
-
return { displayValue: formattedValue };
|
|
14
|
-
}
|
|
15
|
-
const matches = formattedValue.match(EXTRACT_VALUE_UNIT_PATTERN);
|
|
16
|
-
if (!matches) {
|
|
17
|
-
return { displayValue: value };
|
|
18
|
-
}
|
|
19
|
-
return {
|
|
20
|
-
displayUnit: matches[2],
|
|
21
|
-
displayValue: matches[1],
|
|
22
|
-
};
|
|
23
|
-
}, [formatter, value]);
|
|
4
|
+
export const Metric = (props) => {
|
|
5
|
+
const { className = '', value = '0', unit = '', inline = false, children = null, ...restProps } = props;
|
|
24
6
|
const rootClassName = cx(className, css.root, inline && css.inline);
|
|
25
|
-
return (React.createElement("div", { className: rootClassName },
|
|
7
|
+
return (React.createElement("div", { className: rootClassName, ...restProps },
|
|
26
8
|
React.createElement("div", { className: css.display },
|
|
27
|
-
React.createElement("span", { className: css.displayValue },
|
|
28
|
-
|
|
29
|
-
React.createElement("div", { className: css.
|
|
30
|
-
};
|
|
31
|
-
Metric.defaultProps = {
|
|
32
|
-
className: '',
|
|
33
|
-
enhanced: false,
|
|
34
|
-
inline: false,
|
|
35
|
-
value: 0,
|
|
36
|
-
children: [],
|
|
37
|
-
formatter: (val) => val,
|
|
38
|
-
};
|
|
39
|
-
Metric.propTypes = {
|
|
40
|
-
className: PropTypes.string,
|
|
41
|
-
enhanced: PropTypes.bool,
|
|
42
|
-
inline: PropTypes.bool,
|
|
43
|
-
value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
44
|
-
formatter: PropTypes.func,
|
|
45
|
-
children: PropTypes.node,
|
|
9
|
+
React.createElement("span", { className: css.displayValue }, value),
|
|
10
|
+
unit && React.createElement("span", { className: css.displayUnit }, unit)),
|
|
11
|
+
children && React.createElement("div", { className: css.content }, children)));
|
|
46
12
|
};
|
|
47
13
|
//# sourceMappingURL=metric.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metric.js","sourceRoot":"","sources":["../../../src/components/metric/metric.
|
|
1
|
+
{"version":3,"file":"metric.js","sourceRoot":"","sources":["../../../src/components/metric/metric.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAiBtC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAgD,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,GAAG,EACX,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;IAEpE,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QAC1C,6BAAK,SAAS,EAAE,GAAG,CAAC,OAAO;YACzB,8BAAM,SAAS,EAAE,GAAG,CAAC,YAAY,IAAG,KAAK,CAAQ;YAChD,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,WAAW,IAAG,IAAI,CAAQ,CACpD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,OAAO,IAAG,QAAQ,CAAO,CACtD,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
|
|
2
|
+
font-family: var(--font-family-fixed);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.displayUnit {
|
|
6
6
|
font-size: var(--size-small);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
.content {
|
|
10
10
|
font-size: var(--size-small);
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
display: inline-block;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.inline .
|
|
17
|
+
.inline .content {
|
|
18
18
|
display: inline-block;
|
|
19
19
|
margin: 0 0 0 var(--space-xxxsmall);
|
|
20
20
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
|
+
import { getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
|
|
3
|
+
import { Stack } from '../../layout/stack';
|
|
4
|
+
import { RunInfo } from '../run-info';
|
|
5
|
+
import css from './metric-run-info.module.css';
|
|
6
|
+
const MetricHoverCard = ({ description, url }) => {
|
|
7
|
+
const onClick = useCallback(() => {
|
|
8
|
+
if (url) {
|
|
9
|
+
window.open(url);
|
|
10
|
+
}
|
|
11
|
+
}, [url]);
|
|
12
|
+
return (React.createElement(Stack, { space: "xxxsmall" },
|
|
13
|
+
React.createElement("p", null, description),
|
|
14
|
+
url && (React.createElement("p", null,
|
|
15
|
+
React.createElement("button", { type: "button", onClick: onClick, className: css.readMoreLink }, "Read more")))));
|
|
16
|
+
};
|
|
17
|
+
export const MetricRunInfo = (props) => {
|
|
18
|
+
const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, ...restProps } = props;
|
|
19
|
+
const metric = getGlobalMetricType(metricId);
|
|
20
|
+
const metricRunInfo = getMetricRunInfo(metric, current, baseline || 0);
|
|
21
|
+
const titleHoverCard = useMemo(() => {
|
|
22
|
+
if (showMetricDescription) {
|
|
23
|
+
return React.createElement(MetricHoverCard, { description: metric.description, url: metric.url });
|
|
24
|
+
}
|
|
25
|
+
return null;
|
|
26
|
+
}, [showMetricDescription, metric]);
|
|
27
|
+
return (React.createElement(RunInfo, { title: metric.label, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue, showBaseline: showBaseline, ...(showBaseline && {
|
|
28
|
+
baseline: metric.formatter(baseline),
|
|
29
|
+
}), ...(showDelta && showBaseline && {
|
|
30
|
+
delta: metricRunInfo.displayDeltaPercentage,
|
|
31
|
+
deltaType: metricRunInfo.deltaType,
|
|
32
|
+
}), ...restProps }));
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=metric-run-info.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAC;AACpD,OAAO,GAAG,MAAM,8BAA8B,CAAC;AAO/C,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEhE,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;AAaF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,oBAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAAC;SAC9E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI,YAAY,IAAI;YAChC,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,KACE,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
.readMoreLink {
|
|
2
|
+
appearance: none;
|
|
3
|
+
background: none;
|
|
4
|
+
margin: 0;
|
|
5
|
+
border: 0;
|
|
6
|
+
padding: 0;
|
|
7
|
+
color: var(--color-primary);
|
|
8
|
+
text-decoration: underline;
|
|
9
|
+
cursor: pointer;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.readMoreLink:hover,
|
|
13
|
+
.readMoreLink:active,
|
|
14
|
+
.readMoreLink:focus {
|
|
15
|
+
color: var(--color-primary-dark);
|
|
16
|
+
text-decoration: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
@@ -4,7 +4,7 @@ import I18N from '../../i18n';
|
|
|
4
4
|
import { Dropdown } from '../../ui/dropdown';
|
|
5
5
|
export const MetricsTableOptions = (props) => {
|
|
6
6
|
const { className, handleViewAll, handleResetFilters, ...restProps } = props;
|
|
7
|
-
return (React.createElement(Dropdown, { className: className, glyph: "
|
|
7
|
+
return (React.createElement(Dropdown, { className: className, glyph: "more-vertical", ...restProps },
|
|
8
8
|
handleResetFilters && (React.createElement(Dropdown.Item, { onClick: handleResetFilters }, I18N.RESET_FILTERS)),
|
|
9
9
|
handleViewAll && (React.createElement(Dropdown.Item, { onClick: handleViewAll }, I18N.VIEW_ALL))));
|
|
10
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAG,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAG,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,eAAe,KAAK,SAAS;QAChE,kBAAkB,IAAI,CACrB,oBAAC,QAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,kBAAkB,IACvC,IAAI,CAAC,aAAa,CACL,CACjB;QACA,aAAa,IAAI,CAChB,oBAAC,QAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,aAAa,IAClC,IAAI,CAAC,QAAQ,CACA,CACjB,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,SAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,SAAS,CAAC,IAAI;CACnC,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/module-info/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/module-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|