@bundle-stats/ui 4.4.0-beta.1 → 4.4.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/globals.d.ts +4 -0
- package/lib/app/app.js +21 -9
- package/lib/app/app.js.map +1 -1
- package/lib/app/app.module.css +8 -5
- package/lib/app/header/header.js +9 -12
- package/lib/app/header/header.js.map +1 -1
- package/lib/app/header/header.module.css +27 -20
- package/lib/app/header/index.js.map +1 -1
- package/lib/assets/icons.svg +11 -4
- package/lib/assets/icons.svg.js +8 -3
- package/lib/assets/icons.svg.js.map +1 -1
- package/lib/components/asset-info/asset-info.js +48 -44
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/asset-info/asset-info.module.css +28 -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 +31 -44
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.module.css +20 -19
- package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib/components/bundle-assets/index.js +4 -1
- package/lib/components/bundle-assets/index.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +30 -40
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.module.css +11 -3
- package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
- package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib/components/bundle-modules/index.js +5 -2
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.js +36 -61
- package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.module.css +12 -14
- package/lib/components/bundle-packages/index.js +4 -1
- package/lib/components/bundle-packages/index.js.map +1 -1
- package/lib/components/delta/delta.module.css +2 -1
- package/lib/components/entry-info/entry-info.js +56 -0
- package/lib/components/entry-info/entry-info.js.map +1 -0
- package/lib/components/entry-info/entry-info.module.css +93 -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 -5
- 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/job-header/job-header.js +12 -11
- package/lib/components/job-header/job-header.js.map +1 -1
- package/lib/components/jobs-header/index.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.js +21 -14
- package/lib/components/jobs-header/jobs-header.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.module.css +51 -4
- 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 +47 -47
- package/lib/components/module-info/module-info.js.map +1 -1
- package/lib/components/module-info/module-info.module.css +8 -33
- 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 +77 -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/{job-meta → run-info}/index.js +1 -1
- 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/lib/components/run-info/run-info.module.css +76 -0
- package/lib/components/summary/index.js.map +1 -1
- package/lib/components/summary/summary.js +10 -31
- package/lib/components/summary/summary.js.map +1 -1
- package/lib/components/summary/summary.module.css +27 -7
- package/lib/config.json +1 -1
- package/lib/constants.js +1 -23
- package/lib/constants.js.map +1 -1
- package/lib/css/variables.css +22 -15
- 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/footer/footer.js +2 -4
- package/lib/layout/footer/footer.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/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/lib/ui/hover-card/hover-card.js +3 -21
- package/lib/ui/hover-card/hover-card.js.map +1 -1
- package/lib/ui/hover-card/index.js.map +1 -1
- package/lib/ui/icon/icon.js +14 -18
- package/lib/ui/icon/icon.js.map +1 -1
- package/lib/ui/icon/index.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 +3 -4
- package/lib-esm/app/app.js +22 -10
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/app/app.module.css +8 -5
- package/lib-esm/app/header/header.js +9 -12
- package/lib-esm/app/header/header.js.map +1 -1
- package/lib-esm/app/header/header.module.css +27 -20
- package/lib-esm/app/header/index.js.map +1 -1
- package/lib-esm/assets/icons.svg +11 -4
- package/lib-esm/assets/icons.svg.js +8 -3
- package/lib-esm/assets/icons.svg.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +27 -45
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.module.css +28 -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 +34 -49
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.module.css +20 -19
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib-esm/components/bundle-assets/index.js +5 -2
- package/lib-esm/components/bundle-assets/index.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +32 -42
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.module.css +11 -3
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js +7 -4
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
- package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.module.css +12 -14
- package/lib-esm/components/bundle-packages/index.js +5 -2
- package/lib-esm/components/bundle-packages/index.js.map +1 -1
- package/lib-esm/components/delta/delta.module.css +2 -1
- package/lib-esm/components/entry-info/entry-info.js +50 -0
- package/lib-esm/components/entry-info/entry-info.js.map +1 -0
- package/lib-esm/components/entry-info/entry-info.module.css +93 -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 -2
- 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/job-header/job-header.js +12 -11
- package/lib-esm/components/job-header/job-header.js.map +1 -1
- package/lib-esm/components/jobs-header/index.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.js +20 -13
- package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
- 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 +26 -48
- package/lib-esm/components/module-info/module-info.js.map +1 -1
- package/lib-esm/components/module-info/module-info.module.css +8 -33
- 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 +48 -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/run-info/run-info.module.css +76 -0
- package/lib-esm/components/summary/index.js.map +1 -1
- package/lib-esm/components/summary/summary.js +9 -30
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/lib-esm/components/summary/summary.module.css +27 -7
- package/lib-esm/config.json +1 -1
- package/lib-esm/constants.js +0 -22
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/css/variables.css +22 -15
- 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/footer/footer.js +2 -4
- package/lib-esm/layout/footer/footer.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/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/lib-esm/ui/hover-card/hover-card.js +3 -21
- package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
- package/lib-esm/ui/hover-card/index.js.map +1 -1
- package/lib-esm/ui/icon/icon.js +14 -18
- package/lib-esm/ui/icon/icon.js.map +1 -1
- package/lib-esm/ui/icon/index.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 +4 -23
- package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
- package/package.json +18 -22
- package/src/app/app.jsx +25 -10
- package/src/app/app.module.css +8 -5
- package/src/app/header/header.module.css +27 -20
- package/src/app/header/header.tsx +26 -0
- package/src/assets/icons/external-link.svg +1 -0
- package/src/assets/icons/github.svg +1 -0
- package/src/assets/icons/more-vertical.svg +5 -0
- package/src/assets/icons.svg +11 -4
- package/src/assets/icons.svg.jsx +35 -14
- package/src/components/asset-info/asset-info.module.css +28 -6
- package/src/components/asset-info/asset-info.stories.tsx +74 -0
- package/src/components/asset-info/asset-info.tsx +159 -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 +94 -107
- package/src/components/bundle-assets/bundle-assets.module.css +20 -19
- package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
- package/src/components/bundle-assets/index.jsx +7 -1
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/src/components/bundle-modules/bundle-modules.jsx +91 -101
- package/src/components/bundle-modules/bundle-modules.module.css +11 -3
- package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
- package/src/components/bundle-modules/index.jsx +9 -3
- package/src/components/bundle-packages/bundle-packages.jsx +116 -179
- package/src/components/bundle-packages/bundle-packages.module.css +12 -14
- package/src/components/bundle-packages/index.jsx +7 -1
- package/src/components/delta/delta.module.css +2 -1
- package/src/components/entry-info/entry-info.module.css +93 -0
- package/src/components/entry-info/entry-info.stories.tsx +75 -0
- package/src/components/entry-info/entry-info.tsx +134 -0
- package/src/components/entry-info/index.ts +1 -0
- package/src/components/index.js +3 -2
- 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/job-header/job-header.jsx +16 -13
- package/src/components/jobs-header/jobs-header.module.css +51 -4
- package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
- package/src/components/jobs-header/jobs-header.tsx +89 -0
- 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 +8 -33
- package/src/components/module-info/module-info.stories.tsx +44 -0
- package/src/components/module-info/module-info.tsx +116 -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 +135 -0
- package/src/components/run-info/index.ts +1 -0
- package/src/components/run-info/run-info.module.css +76 -0
- package/src/components/run-info/run-info.stories.tsx +58 -0
- package/src/components/run-info/run-info.tsx +111 -0
- package/src/components/summary/summary.module.css +27 -7
- package/src/components/summary/summary.stories.tsx +57 -0
- package/src/components/summary/summary.tsx +102 -0
- package/src/config.json +1 -1
- package/src/constants.js +0 -24
- package/src/css/variables.css +22 -15
- 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/footer/footer.jsx +3 -4
- 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/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/src/ui/hover-card/hover-card.stories.tsx +41 -0
- package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
- package/src/ui/icon/icon.stories.tsx +54 -0
- package/src/ui/icon/icon.tsx +56 -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 +3 -4
- package/src/ui/tooltip/tooltip.stories.tsx +30 -0
- package/src/ui/tooltip/tooltip.tsx +57 -0
- package/types/app/header/header.d.ts +6 -16
- package/types/app/header/index.d.ts +1 -1
- package/types/components/asset-info/asset-info.d.ts +20 -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 +5 -5
- package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
- package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
- package/types/components/bundle-assets/index.d.ts +11 -11
- package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
- package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
- package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
- package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
- package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
- package/types/components/bundle-modules/index.d.ts +11 -11
- package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
- package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
- package/types/components/bundle-packages/index.d.ts +11 -11
- package/types/components/component-link.d.ts +6 -6
- package/types/components/delta/delta.d.ts +7 -7
- package/types/components/entry-info/entry-info.d.ts +25 -0
- package/types/components/entry-info/index.d.ts +1 -0
- package/types/components/index.d.ts +3 -2
- 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 +9 -9
- package/types/components/job-name/job-name.d.ts +9 -9
- package/types/components/jobs-header/index.d.ts +1 -1
- package/types/components/jobs-header/jobs-header.d.ts +18 -15
- package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
- 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 +14 -14
- package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
- package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
- package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
- package/types/components/module-info/index.d.ts +1 -1
- package/types/components/module-info/module-info.d.ts +19 -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 +3 -3
- package/types/constants.d.ts +4 -15
- package/types/i18n.d.ts +15 -15
- 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 +5 -5
- package/types/layout/separator.d.ts +4 -4
- 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 +16 -16
- package/types/ui/empty-set/empty-set.d.ts +7 -7
- package/types/ui/file-name/file-name.d.ts +7 -7
- package/types/ui/filters/filters.d.ts +6 -6
- package/types/ui/filters/filters.utils.d.ts +2 -2
- package/types/ui/filters/index.d.ts +4 -4
- package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
- package/types/ui/hover-card/hover-card.d.ts +12 -26
- package/types/ui/hover-card/index.d.ts +1 -1
- package/types/ui/icon/icon.d.ts +54 -38
- package/types/ui/icon/index.d.ts +1 -1
- package/types/ui/index.d.ts +0 -1
- package/types/ui/input/input.d.ts +5 -5
- package/types/ui/loader/loader.d.ts +8 -8
- package/types/ui/skeleton/skeleton.d.ts +7 -7
- package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
- 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 +10 -10
- 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 +6 -6
- package/types/ui/tooltip/index.d.ts +1 -1
- package/types/ui/tooltip/tooltip.d.ts +10 -28
- package/lib/components/job-meta/index.js.map +0 -1
- package/lib/components/job-meta/job-meta.js +0 -34
- package/lib/components/job-meta/job-meta.js.map +0 -1
- package/lib/components/job-meta/job-meta.module.css +0 -19
- 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/components/summary-item/summary-item.module.css +0 -58
- 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/job-meta/index.js +0 -2
- package/lib-esm/components/job-meta/index.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.js +0 -27
- package/lib-esm/components/job-meta/job-meta.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.module.css +0 -19
- 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/components/summary-item/summary-item.module.css +0 -58
- 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/app/header/header.jsx +0 -25
- package/src/assets/icons/cancel.svg +0 -1
- package/src/components/asset-info/asset-info.jsx +0 -96
- package/src/components/job-meta/index.js +0 -1
- package/src/components/job-meta/job-meta.jsx +0 -47
- package/src/components/job-meta/job-meta.module.css +0 -19
- package/src/components/jobs-header/jobs-header.jsx +0 -43
- package/src/components/metric/metric.jsx +0 -63
- package/src/components/module-info/module-info.jsx +0 -123
- 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/components/summary-item/summary-item.module.css +0 -58
- 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/icon/icon.jsx +0 -53
- 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/job-meta/index.d.ts +0 -1
- package/types/components/job-meta/job-meta.d.ts +0 -18
- 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/app/header/{index.js → index.ts} +0 -0
- /package/src/components/asset-info/{index.js → index.ts} +0 -0
- /package/src/components/jobs-header/{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/hover-card/{index.js → index.ts} +0 -0
- /package/src/ui/icon/{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
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.useModuleFilterByChunk = exports.getRowFilter = exports.getCustomSort = exports.
|
|
6
|
+
exports.useModuleFilterByChunk = exports.getRowFilter = exports.getCustomSort = exports.addRowFlags = void 0;
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const intersection_1 = __importDefault(require("lodash/intersection"));
|
|
9
9
|
const merge_1 = __importDefault(require("lodash/merge"));
|
|
@@ -11,13 +11,14 @@ const get_1 = __importDefault(require("lodash/get"));
|
|
|
11
11
|
const webpack_1 = require("@bundle-stats/utils/lib-esm/webpack");
|
|
12
12
|
const utils_1 = require("@bundle-stats/utils");
|
|
13
13
|
const bundle_modules_constants_1 = require("./bundle-modules.constants");
|
|
14
|
-
const
|
|
14
|
+
const addRowFlags = (row) => {
|
|
15
15
|
const { key, runs } = row;
|
|
16
16
|
row.thirdParty = Boolean(key.match(webpack_1.MODULE_PATH_PACKAGES));
|
|
17
17
|
row.duplicated = Boolean(runs.find((run) => run?.duplicated === true));
|
|
18
|
+
row.fileType = (0, utils_1.getModuleSourceFileType)(row.key);
|
|
18
19
|
return row;
|
|
19
20
|
};
|
|
20
|
-
exports.
|
|
21
|
+
exports.addRowFlags = addRowFlags;
|
|
21
22
|
const getCustomSort = (sortBy) => (item) => {
|
|
22
23
|
if (sortBy === bundle_modules_constants_1.SORT_BY_NAME) {
|
|
23
24
|
return item.key;
|
|
@@ -43,8 +44,7 @@ const getRowFilter = (filters) => (row) => {
|
|
|
43
44
|
(filters[`${utils_1.MODULE_SOURCE_TYPE}.${utils_1.MODULE_FILTERS.THIRD_PARTY}`] && row.thirdParty === true))) {
|
|
44
45
|
return false;
|
|
45
46
|
}
|
|
46
|
-
|
|
47
|
-
if (!filters[`${utils_1.MODULE_FILE_TYPE}.${fileType}`]) {
|
|
47
|
+
if (!filters[`${utils_1.MODULE_FILE_TYPE}.${row.fileType}`]) {
|
|
48
48
|
return false;
|
|
49
49
|
}
|
|
50
50
|
return true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-modules.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.utils.js"],"names":[],"mappings":";;;;;;AAAA,iCAAgC;AAChC,uEAA+C;AAC/C,yDAAiC;AACjC,qDAA6B;AAC7B,iEAA2E;AAC3E,+CAM6B;AAE7B,yEAAuF;AAEhF,MAAM,
|
|
1
|
+
{"version":3,"file":"bundle-modules.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.utils.js"],"names":[],"mappings":"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"}
|
|
@@ -77,7 +77,7 @@ const BundleModules = (props) => {
|
|
|
77
77
|
chunkIds,
|
|
78
78
|
});
|
|
79
79
|
const { rows, totalRowCount } = (0, react_1.useMemo)(() => {
|
|
80
|
-
const result = webpack.compareBySection.modules(filteredJobsByChunkIds, [bundle_modules_utils_1.
|
|
80
|
+
const result = webpack.compareBySection.modules(filteredJobsByChunkIds, [bundle_modules_utils_1.addRowFlags]);
|
|
81
81
|
return { rows: result, totalRowCount: result.length };
|
|
82
82
|
}, [filteredJobsByChunkIds]);
|
|
83
83
|
const filteredRows = (0, rows_filter_1.useRowsFilter)({
|
|
@@ -93,7 +93,10 @@ const BundleModules = (props) => {
|
|
|
93
93
|
sortDirection: direction,
|
|
94
94
|
getCustomSort: bundle_modules_utils_1.getCustomSort,
|
|
95
95
|
});
|
|
96
|
-
|
|
96
|
+
const hideEntryInfo = (0, react_1.useCallback)(() => {
|
|
97
|
+
setState({ entryId: '' });
|
|
98
|
+
}, [setState]);
|
|
99
|
+
return (react_1.default.createElement(bundle_modules_1.BundleModules, { jobs: jobs, chunks: chunks, ...restProps, ...searchParams, ...sortParams, allItems: rows, totalRowCount: totalRowCount, hideEntryInfo: hideEntryInfo }));
|
|
97
100
|
};
|
|
98
101
|
exports.BundleModules = BundleModules;
|
|
99
102
|
exports.BundleModules.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -33,20 +33,18 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
33
33
|
const utils_1 = require("@bundle-stats/utils");
|
|
34
34
|
const config_json_1 = __importDefault(require("../../config.json"));
|
|
35
35
|
const i18n_1 = __importDefault(require("../../i18n"));
|
|
36
|
-
const stack_1 = require("../../layout/stack");
|
|
37
36
|
const flex_stack_1 = require("../../layout/flex-stack");
|
|
38
37
|
const empty_set_1 = require("../../ui/empty-set");
|
|
39
38
|
const filters_1 = require("../../ui/filters");
|
|
40
|
-
const hover_card_1 = require("../../ui/hover-card");
|
|
41
39
|
const sort_dropdown_1 = require("../../ui/sort-dropdown");
|
|
42
40
|
const tag_1 = require("../../ui/tag");
|
|
43
41
|
const toolbar_1 = require("../../ui/toolbar");
|
|
44
|
-
const file_name_1 = require("../../ui/file-name");
|
|
45
42
|
const component_link_1 = require("../component-link");
|
|
46
43
|
const metrics_table_1 = require("../metrics-table");
|
|
47
44
|
const metrics_table_search_1 = require("../metrics-table-search");
|
|
48
45
|
const metrics_table_options_1 = require("../metrics-table-options");
|
|
49
46
|
const metrics_table_title_1 = require("../metrics-table-title");
|
|
47
|
+
const package_info_1 = require("../package-info");
|
|
50
48
|
const bundle_packages_module_css_1 = __importDefault(require("./bundle-packages.module.css"));
|
|
51
49
|
const getDropdownFilters = ({ compareMode, filters }) => ({
|
|
52
50
|
[utils_1.PACKAGE_FILTERS.CHANGED]: {
|
|
@@ -59,53 +57,21 @@ const getDropdownFilters = ({ compareMode, filters }) => ({
|
|
|
59
57
|
defaultValue: filters[utils_1.PACKAGE_FILTERS.DUPLICATE],
|
|
60
58
|
},
|
|
61
59
|
});
|
|
62
|
-
const
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
react_1.default.createElement("ul", { className: bundle_packages_module_css_1.default.packageHoverCardList },
|
|
74
|
-
react_1.default.createElement("li", { className: bundle_packages_module_css_1.default.packageHoverCardItem },
|
|
75
|
-
react_1.default.createElement("a", { href: `https://www.npmjs.com/package/${normalizedName}`, target: "_blank", rel: "noreferrer" }, "npmjs.com")),
|
|
76
|
-
react_1.default.createElement("li", { className: bundle_packages_module_css_1.default.packageHoverCardItem },
|
|
77
|
-
react_1.default.createElement("a", { href: `https://bundlephobia.com/result?p=${normalizedName}`, target: "_blank", rel: "noreferrer" }, "bundlephobia.com"))),
|
|
78
|
-
react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", className: bundle_packages_module_css_1.default.packageHoverCardActions },
|
|
79
|
-
duplicate && (react_1.default.createElement("div", null,
|
|
80
|
-
react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundlePackagesByNameComponentLink)(normalizedName) }, "View all duplicate instances"))),
|
|
81
|
-
react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundleModulesBySearch)(normalizedPackagePath) }, "Search modules by package path"))));
|
|
82
|
-
};
|
|
83
|
-
PackagePopoverContent.propTypes = {
|
|
84
|
-
name: prop_types_1.default.string.isRequired,
|
|
85
|
-
path: prop_types_1.default.string,
|
|
86
|
-
fullName: prop_types_1.default.string.isRequired,
|
|
87
|
-
duplicate: prop_types_1.default.bool.isRequired,
|
|
88
|
-
CustomComponentLink: prop_types_1.default.elementType.isRequired,
|
|
89
|
-
};
|
|
90
|
-
PackagePopoverContent.defaultProps = {
|
|
91
|
-
path: '',
|
|
92
|
-
};
|
|
93
|
-
const PackageName = ({ packageName, path, showDuplicateFlag, row, CustomComponentLink }) => {
|
|
94
|
-
const [showHoverCard, setHoverCard] = (0, react_1.useState)(false);
|
|
95
|
-
const handleOnMouseEnter = (0, react_1.useCallback)(() => setHoverCard(true), [showHoverCard]);
|
|
96
|
-
const label = (0, react_1.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
97
|
-
showDuplicateFlag && row.duplicate && (react_1.default.createElement(tag_1.Tag, { className: bundle_packages_module_css_1.default.packageNameTagDuplicate, title: "Duplicate package", kind: tag_1.Tag.KINDS.DANGER, size: tag_1.Tag.SIZES.SMALL })),
|
|
98
|
-
react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageNameLabel }, packageName))), [packageName, showDuplicateFlag, row]);
|
|
99
|
-
if (!showHoverCard) {
|
|
100
|
-
return (react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageName, onMouseEnter: handleOnMouseEnter }, label));
|
|
101
|
-
}
|
|
102
|
-
return (react_1.default.createElement(hover_card_1.HoverCard, { className: bundle_packages_module_css_1.default.packageName, label: react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageName }, label) },
|
|
103
|
-
react_1.default.createElement(PackagePopoverContent, { name: packageName, path: path, fullName: row.label, duplicate: row.duplicate, CustomComponentLink: CustomComponentLink })));
|
|
60
|
+
const PackageName = ({ packageName, showDetails, row, filters, search, CustomComponentLink }) => {
|
|
61
|
+
const params = (0, react_1.useMemo)(() => ({
|
|
62
|
+
[utils_1.COMPONENT.BUNDLE_PACKAGES]: {
|
|
63
|
+
filters,
|
|
64
|
+
search,
|
|
65
|
+
entryId: showDetails ? row.key : packageName
|
|
66
|
+
}
|
|
67
|
+
}), [filters, search, row, packageName]);
|
|
68
|
+
return (react_1.default.createElement(CustomComponentLink, { section: utils_1.SECTIONS.PACKAGES, params: params, className: bundle_packages_module_css_1.default.packageName },
|
|
69
|
+
showDetails && row.duplicate && (react_1.default.createElement(tag_1.Tag, { className: bundle_packages_module_css_1.default.packageNameTagDuplicate, title: "Duplicate package", kind: tag_1.Tag.KINDS.DANGER, size: tag_1.Tag.SIZES.SMALL })),
|
|
70
|
+
react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageNameLabel }, packageName)));
|
|
104
71
|
};
|
|
105
72
|
PackageName.propTypes = {
|
|
106
73
|
packageName: prop_types_1.default.string.isRequired,
|
|
107
|
-
|
|
108
|
-
showDuplicateFlag: prop_types_1.default.bool.isRequired,
|
|
74
|
+
showDetails: prop_types_1.default.bool.isRequired,
|
|
109
75
|
row: prop_types_1.default.shape({
|
|
110
76
|
label: prop_types_1.default.string,
|
|
111
77
|
duplicate: prop_types_1.default.bool,
|
|
@@ -114,11 +80,12 @@ PackageName.propTypes = {
|
|
|
114
80
|
})).isRequired,
|
|
115
81
|
}).isRequired,
|
|
116
82
|
CustomComponentLink: prop_types_1.default.elementType.isRequired,
|
|
83
|
+
filters: prop_types_1.default.object,
|
|
84
|
+
search: prop_types_1.default.string,
|
|
117
85
|
};
|
|
118
|
-
const RowHeader = ({ row, CustomComponentLink }) => {
|
|
86
|
+
const RowHeader = ({ row, labels, CustomComponentLink, filters, search }) => {
|
|
119
87
|
const packageNames = row.label.split(utils_1.PACKAGES_SEPARATOR);
|
|
120
|
-
|
|
121
|
-
return (react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageNames }, packageNames.map((packageName, index) => (react_1.default.createElement(PackageName, { packageName: packageName, path: path, showDuplicateFlag: index === packageNames.length - 1, row: row, CustomComponentLink: CustomComponentLink })))));
|
|
88
|
+
return (react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageNames }, packageNames.map((packageName, index) => (react_1.default.createElement(PackageName, { packageName: packageName, row: row, labels: labels, showDetails: index === packageNames.length - 1, CustomComponentLink: CustomComponentLink, filters: filters, search: search })))));
|
|
122
89
|
};
|
|
123
90
|
RowHeader.propTypes = {
|
|
124
91
|
row: prop_types_1.default.shape({
|
|
@@ -129,22 +96,26 @@ RowHeader.propTypes = {
|
|
|
129
96
|
})).isRequired,
|
|
130
97
|
}).isRequired,
|
|
131
98
|
CustomComponentLink: prop_types_1.default.elementType.isRequired,
|
|
99
|
+
filters: prop_types_1.default.object,
|
|
100
|
+
search: prop_types_1.default.string,
|
|
132
101
|
};
|
|
133
102
|
const BundlePackages = (props) => {
|
|
134
|
-
const { className, jobs, items, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, } = props;
|
|
103
|
+
const { className, jobs, items, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, entryId, allItems, hideEntryInfo, } = props;
|
|
135
104
|
const dropdownFilters = (0, react_1.useMemo)(() => getDropdownFilters({ compareMode: jobs?.length > 1, filters }), [jobs, filters]);
|
|
136
105
|
const metricsTableTitle = (0, react_1.useMemo)(() => (react_1.default.createElement(metrics_table_title_1.MetricsTableTitle, { title: i18n_1.default.PACKAGES, info: `${items.length}/${totalRowCount}`, popoverInfo: i18n_1.default.PACKAGES_INFO, popoverHref: config_json_1.default.documentation.packages })), [items, totalRowCount]);
|
|
137
|
-
const renderRowHeader = (0, react_1.useCallback)((row) => react_1.default.createElement(RowHeader, { row: row, CustomComponentLink: CustomComponentLink }), [CustomComponentLink]);
|
|
106
|
+
const renderRowHeader = (0, react_1.useCallback)((row) => (react_1.default.createElement(RowHeader, { row: row, labels: jobs.map((job) => job?.label), CustomComponentLink: CustomComponentLink, filters: filters, search: search })), [CustomComponentLink, jobs, filters, search]);
|
|
138
107
|
const emptyMessage = (0, react_1.useMemo)(() => (react_1.default.createElement(empty_set_1.EmptySet, { resources: "packages", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
|
|
139
|
-
return (react_1.default.createElement(
|
|
140
|
-
react_1.default.createElement(
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
react_1.default.createElement(
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
react_1.default.createElement(
|
|
108
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
109
|
+
react_1.default.createElement("section", { className: (0, classnames_1.default)(bundle_packages_module_css_1.default.root, className) },
|
|
110
|
+
react_1.default.createElement(toolbar_1.Toolbar, { className: bundle_packages_module_css_1.default.toolbar, renderActions: ({ actionClassName }) => (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", className: (0, classnames_1.default)(bundle_packages_module_css_1.default.dropdown, actionClassName) },
|
|
111
|
+
react_1.default.createElement(sort_dropdown_1.SortDropdown, { fields: sortFields, ...sort, onChange: updateSort }),
|
|
112
|
+
react_1.default.createElement(metrics_table_options_1.MetricsTableOptions, { handleViewAll: resetAllFilters, handleResetFilters: resetFilters }))) },
|
|
113
|
+
react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall" },
|
|
114
|
+
react_1.default.createElement(metrics_table_search_1.MetricsTableSearch, { className: bundle_packages_module_css_1.default.toolbarSearch, placeholder: "Search by name", search: search, updateSearch: updateSearch }),
|
|
115
|
+
react_1.default.createElement(filters_1.Filters, { filters: dropdownFilters, label: `Filters (${items.length}/${totalRowCount})`, onChange: updateFilters, hasActiveFilters: hasActiveFilters }))),
|
|
116
|
+
react_1.default.createElement("main", null,
|
|
117
|
+
react_1.default.createElement(metrics_table_1.MetricsTable, { runs: jobs, items: items, emptyMessage: emptyMessage, renderRowHeader: renderRowHeader, showHeaderSum: true, title: metricsTableTitle }))),
|
|
118
|
+
entryId && (react_1.default.createElement(package_info_1.PackageInfo, { className: bundle_packages_module_css_1.default.packageInfo, item: allItems.find(({ key }) => key === entryId), labels: jobs?.map(({ label }) => label), customComponentLink: CustomComponentLink, onClose: hideEntryInfo }))));
|
|
148
119
|
};
|
|
149
120
|
exports.BundlePackages = BundlePackages;
|
|
150
121
|
exports.BundlePackages.defaultProps = {
|
|
@@ -187,6 +158,10 @@ exports.BundlePackages.propTypes = {
|
|
|
187
158
|
updateSort: prop_types_1.default.func.isRequired,
|
|
188
159
|
search: prop_types_1.default.string.isRequired,
|
|
189
160
|
updateSearch: prop_types_1.default.func.isRequired,
|
|
161
|
+
allItems: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
162
|
+
key: prop_types_1.default.string,
|
|
163
|
+
})),
|
|
190
164
|
customComponentLink: prop_types_1.default.elementType,
|
|
165
|
+
hideEntryInfo: prop_types_1.default.func.isRequired,
|
|
191
166
|
};
|
|
192
167
|
//# sourceMappingURL=bundle-packages.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-packages.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,4DAAmC;AACnC,4DAA4B;AAC5B,+
|
|
1
|
+
{"version":3,"file":"bundle-packages.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.jsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,10 @@
|
|
|
12
12
|
margin-right: -1px; /** collapse border */
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
.hoverCard {
|
|
16
|
+
max-width: var(--entry-info-hovercard-width);
|
|
17
|
+
}
|
|
18
|
+
|
|
15
19
|
.packageName {
|
|
16
20
|
display: inline-block;
|
|
17
21
|
color: var(--color-text-light);
|
|
@@ -41,20 +45,14 @@
|
|
|
41
45
|
content: 'd';
|
|
42
46
|
}
|
|
43
47
|
|
|
44
|
-
|
|
45
|
-
.
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.packageHoverCardPathValue {
|
|
51
|
-
width: 100%;
|
|
52
|
-
padding: var(--space-xxxsmall);
|
|
53
|
-
background: var(--color-highlight-warning);
|
|
54
|
-
font-family: var(--font-family-monospace);
|
|
48
|
+
.root .packageName:hover,
|
|
49
|
+
.root .packageName:active,
|
|
50
|
+
.root .packageName:focus {
|
|
51
|
+
text-decoration: none;
|
|
55
52
|
}
|
|
56
53
|
|
|
57
|
-
.
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
.root .packageName:hover .packageNameLabel,
|
|
55
|
+
.root .packageName:active .packageNameLabel,
|
|
56
|
+
.root .packageName:focus .packageNameLabel {
|
|
57
|
+
text-decoration: underline;
|
|
60
58
|
}
|
|
@@ -74,7 +74,10 @@ const BundlePackages = (props) => {
|
|
|
74
74
|
sortDirection: direction,
|
|
75
75
|
getCustomSort: bundle_packages_utils_1.getCustomSort,
|
|
76
76
|
});
|
|
77
|
-
|
|
77
|
+
const hideEntryInfo = (0, react_1.useCallback)(() => {
|
|
78
|
+
setState({ entryId: '' });
|
|
79
|
+
}, [setState]);
|
|
80
|
+
return (react_1.default.createElement(bundle_packages_1.BundlePackages, { jobs: jobs, ...restProps, ...searchParams, ...sortParams, allItems: rows, totalRowCount: totalRowCount, hideEntryInfo: hideEntryInfo }));
|
|
78
81
|
};
|
|
79
82
|
exports.BundlePackages = BundlePackages;
|
|
80
83
|
exports.BundlePackages.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,56 @@
|
|
|
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.EntryInfo = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const portal_1 = require("ariakit/portal");
|
|
10
|
+
const utils_1 = require("@bundle-stats/utils");
|
|
11
|
+
const box_1 = require("../../layout/box");
|
|
12
|
+
const stack_1 = require("../../layout/stack");
|
|
13
|
+
const file_name_1 = require("../../ui/file-name");
|
|
14
|
+
const icon_1 = require("../../ui/icon");
|
|
15
|
+
const table_1 = require("../../ui/table");
|
|
16
|
+
const run_info_1 = require("../run-info");
|
|
17
|
+
const entry_info_module_css_1 = __importDefault(require("./entry-info.module.css"));
|
|
18
|
+
const EntryInfoMeta = ({ className = '', label, children, }) => (react_1.default.createElement("p", { className: (0, classnames_1.default)(entry_info_module_css_1.default.meta, className) },
|
|
19
|
+
react_1.default.createElement("span", { className: entry_info_module_css_1.default.metaLabel }, label),
|
|
20
|
+
react_1.default.createElement("span", { className: entry_info_module_css_1.default.metaContent }, children)));
|
|
21
|
+
const EntryInfo = (props) => {
|
|
22
|
+
const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = 'Path', children, tags = null, onClose, } = props;
|
|
23
|
+
const baselineRun = item.runs.length > 1 ? item.runs?.[item.runs.length - 1] : null;
|
|
24
|
+
const metricRunInfo = (0, utils_1.getMetricRunInfo)(utils_1.METRIC_TYPES.METRIC_TYPE_FILE_SIZE, item.runs?.[0]?.value, baselineRun?.value || 0);
|
|
25
|
+
return (react_1.default.createElement(portal_1.Portal, { className: (0, classnames_1.default)(entry_info_module_css_1.default.root, className) },
|
|
26
|
+
react_1.default.createElement(box_1.Box, { padding: "small", as: "header", className: entry_info_module_css_1.default.header },
|
|
27
|
+
react_1.default.createElement(stack_1.Stack, { space: "small" },
|
|
28
|
+
tags && react_1.default.createElement("div", null, tags),
|
|
29
|
+
react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
|
|
30
|
+
react_1.default.createElement("h3", { className: entry_info_module_css_1.default.label },
|
|
31
|
+
react_1.default.createElement(file_name_1.FileName, { as: "code", name: itemTitle || item.label, className: entry_info_module_css_1.default.fileName })),
|
|
32
|
+
react_1.default.createElement(run_info_1.RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaType: metricRunInfo.deltaType, baseline: baselineRun?.displayValue || '0B', size: "large" }))),
|
|
33
|
+
react_1.default.createElement("button", { type: "button", onClick: onClose, className: entry_info_module_css_1.default.headerClose },
|
|
34
|
+
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.CLOSE }))),
|
|
35
|
+
react_1.default.createElement(box_1.Box, { padding: "small", as: "main", className: entry_info_module_css_1.default.contentWrapper },
|
|
36
|
+
react_1.default.createElement(stack_1.Stack, { space: "small", className: entry_info_module_css_1.default.content },
|
|
37
|
+
children,
|
|
38
|
+
react_1.default.createElement(table_1.Table, { outline: true, className: entry_info_module_css_1.default.runs },
|
|
39
|
+
react_1.default.createElement(table_1.Table.THead, null,
|
|
40
|
+
react_1.default.createElement(table_1.Table.Tr, null,
|
|
41
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColJob) }, "\u00A0"),
|
|
42
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColName) }, runNameLabel),
|
|
43
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColSize) }, "Size"))),
|
|
44
|
+
react_1.default.createElement(table_1.Table.TBody, null, item.runs.map((run, index) => {
|
|
45
|
+
const key = `info-${run?.name || index}-${index}`;
|
|
46
|
+
return (react_1.default.createElement(table_1.Table.Tr, { key: key },
|
|
47
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColJob) }, labels[index]),
|
|
48
|
+
react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColName) },
|
|
49
|
+
react_1.default.createElement(file_name_1.FileName, { className: entry_info_module_css_1.default.fileName, as: "code", name: run?.[runNameSelector] || '-' })),
|
|
50
|
+
react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColSize) },
|
|
51
|
+
react_1.default.createElement("span", { className: entry_info_module_css_1.default.size }, typeof run?.value !== 'undefined' ? run.value : '-'))));
|
|
52
|
+
})))))));
|
|
53
|
+
};
|
|
54
|
+
exports.EntryInfo = EntryInfo;
|
|
55
|
+
exports.EntryInfo.Meta = EntryInfoMeta;
|
|
56
|
+
//# sourceMappingURL=entry-info.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
position: fixed;
|
|
3
|
+
right: 0;
|
|
4
|
+
top: var(--entry-info-top);
|
|
5
|
+
bottom: 0;
|
|
6
|
+
width: 100vw;
|
|
7
|
+
max-width: var(--entry-info-width);
|
|
8
|
+
z-index: calc(var(--layer-high) - 1);
|
|
9
|
+
background: #fff;
|
|
10
|
+
box-shadow: var(--shadow-layer-high);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/** layout - full height content */
|
|
14
|
+
.root {
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-flow: column;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.header {
|
|
20
|
+
flex: 0 0 auto;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.contentWrapper {
|
|
24
|
+
flex: 1 1 auto;
|
|
25
|
+
overflow: auto;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/** header */
|
|
29
|
+
.header {
|
|
30
|
+
/** space for close icon */
|
|
31
|
+
padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
|
|
32
|
+
border-bottom: 1px solid var(--color-outline);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.headerClose {
|
|
36
|
+
appearance: none;
|
|
37
|
+
background: none;
|
|
38
|
+
border: 0;
|
|
39
|
+
display: block;
|
|
40
|
+
padding: var(--space-xxxsmall);
|
|
41
|
+
position: absolute;
|
|
42
|
+
right: calc(var(--space-small) - var(--space-xxxsmall));
|
|
43
|
+
top: calc(var(--space-small) - var(--space-xxxsmall));
|
|
44
|
+
color: var(--color-text-ultra-light);
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.headerClose:hover,
|
|
49
|
+
.headerClose:active,
|
|
50
|
+
.headerClose:focus {
|
|
51
|
+
color: var(--color-text-light);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/** comon components */
|
|
55
|
+
.fileName {
|
|
56
|
+
max-width: 100%;
|
|
57
|
+
padding: 0 2px;
|
|
58
|
+
background: var(--color-highlight-warning);
|
|
59
|
+
line-height: var(--line-height);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.label {
|
|
63
|
+
font-size: var(--size-medium);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.runs {
|
|
67
|
+
font-size: var(--size-small);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.runs .runsCell {
|
|
71
|
+
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.runs .runsColJob {
|
|
75
|
+
white-space: nowrap;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.runs .runsColName {
|
|
79
|
+
width: 100%;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.runs .runsColSize {
|
|
83
|
+
text-align: right;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.size {
|
|
87
|
+
font-family: var(--font-family-fixed);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.metaLabel {
|
|
91
|
+
margin-right: .6em;
|
|
92
|
+
color: var(--color-text-light);
|
|
93
|
+
}
|
|
@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./
|
|
17
|
+
__exportStar(require("./entry-info"), exports);
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/entry-info/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
package/lib/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TotalSizeTypeTitle = exports.Summary = exports.
|
|
3
|
+
exports.TotalSizeTypeTitle = exports.Summary = exports.RunInfo = exports.ModuleInfo = exports.MetricsTableTitle = exports.MetricsTableSearch = exports.MetricsTableOptions = exports.MetricsTable = exports.MetricRunInfo = exports.Metric = exports.LighthouseTable = exports.JobsHeader = exports.JobName = exports.Insights = exports.InsightIcon = exports.Delta = exports.ComponentLink = exports.BundleModules = exports.BundlePackages = exports.BundleAssetsTotalsChartBars = exports.BundleAssetsTotalsTable = exports.BundleAssets = exports.BrowsertimeTable = void 0;
|
|
4
4
|
var browsertime_table_1 = require("./browsertime-table");
|
|
5
5
|
Object.defineProperty(exports, "BrowsertimeTable", { enumerable: true, get: function () { return browsertime_table_1.BrowsertimeTable; } });
|
|
6
6
|
var bundle_assets_1 = require("./bundle-assets");
|
|
@@ -17,18 +17,20 @@ var component_link_1 = require("./component-link");
|
|
|
17
17
|
Object.defineProperty(exports, "ComponentLink", { enumerable: true, get: function () { return component_link_1.ComponentLink; } });
|
|
18
18
|
var delta_1 = require("./delta");
|
|
19
19
|
Object.defineProperty(exports, "Delta", { enumerable: true, get: function () { return delta_1.Delta; } });
|
|
20
|
+
var insight_icon_1 = require("./insight-icon");
|
|
21
|
+
Object.defineProperty(exports, "InsightIcon", { enumerable: true, get: function () { return insight_icon_1.InsightIcon; } });
|
|
20
22
|
var insights_1 = require("./insights");
|
|
21
23
|
Object.defineProperty(exports, "Insights", { enumerable: true, get: function () { return insights_1.Insights; } });
|
|
22
24
|
var job_name_1 = require("./job-name");
|
|
23
25
|
Object.defineProperty(exports, "JobName", { enumerable: true, get: function () { return job_name_1.JobName; } });
|
|
24
|
-
var job_header_1 = require("./job-header");
|
|
25
|
-
Object.defineProperty(exports, "JobHeader", { enumerable: true, get: function () { return job_header_1.JobHeader; } });
|
|
26
26
|
var jobs_header_1 = require("./jobs-header");
|
|
27
27
|
Object.defineProperty(exports, "JobsHeader", { enumerable: true, get: function () { return jobs_header_1.JobsHeader; } });
|
|
28
28
|
var lighthouse_table_1 = require("./lighthouse-table");
|
|
29
29
|
Object.defineProperty(exports, "LighthouseTable", { enumerable: true, get: function () { return lighthouse_table_1.LighthouseTable; } });
|
|
30
30
|
var metric_1 = require("./metric");
|
|
31
31
|
Object.defineProperty(exports, "Metric", { enumerable: true, get: function () { return metric_1.Metric; } });
|
|
32
|
+
var metric_run_info_1 = require("./metric-run-info");
|
|
33
|
+
Object.defineProperty(exports, "MetricRunInfo", { enumerable: true, get: function () { return metric_run_info_1.MetricRunInfo; } });
|
|
32
34
|
var metrics_table_1 = require("./metrics-table");
|
|
33
35
|
Object.defineProperty(exports, "MetricsTable", { enumerable: true, get: function () { return metrics_table_1.MetricsTable; } });
|
|
34
36
|
var metrics_table_options_1 = require("./metrics-table-options");
|
|
@@ -39,8 +41,8 @@ var metrics_table_title_1 = require("./metrics-table-title");
|
|
|
39
41
|
Object.defineProperty(exports, "MetricsTableTitle", { enumerable: true, get: function () { return metrics_table_title_1.MetricsTableTitle; } });
|
|
40
42
|
var module_info_1 = require("./module-info");
|
|
41
43
|
Object.defineProperty(exports, "ModuleInfo", { enumerable: true, get: function () { return module_info_1.ModuleInfo; } });
|
|
42
|
-
var
|
|
43
|
-
Object.defineProperty(exports, "
|
|
44
|
+
var run_info_1 = require("./run-info");
|
|
45
|
+
Object.defineProperty(exports, "RunInfo", { enumerable: true, get: function () { return run_info_1.RunInfo; } });
|
|
44
46
|
var summary_1 = require("./summary");
|
|
45
47
|
Object.defineProperty(exports, "Summary", { enumerable: true, get: function () { return summary_1.Summary; } });
|
|
46
48
|
var total_size_type_title_1 = require("./total-size-type-title");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA;AACzB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,2EAAuE;AAA9D,qIAAA,uBAAuB,OAAA;AAChC,qFAAgF;AAAvE,8IAAA,2BAA2B,OAAA;AACpC,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA;AACzB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,2EAAuE;AAA9D,qIAAA,uBAAuB,OAAA;AAChC,qFAAgF;AAAvE,8IAAA,2BAA2B,OAAA;AACpC,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,qDAAsE;AAA7D,gHAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uCAAmD;AAA1C,mGAAA,OAAO,OAAA;AAChB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA"}
|