@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,57 +1,34 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
3
2
|
import cx from 'classnames';
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
3
|
+
import noop from 'lodash/noop';
|
|
4
|
+
import { getBundleModulesByChunk, getBundleAssetsByEntryType, getModuleFileType, } from '@bundle-stats/utils';
|
|
5
|
+
import { FlexStack } from '../../layout/flex-stack';
|
|
6
|
+
import { Tag } from '../../ui/tag';
|
|
7
7
|
import { ComponentLink } from '../component-link';
|
|
8
|
+
import { EntryInfo } from '../entry-info';
|
|
8
9
|
import css from './asset-info.module.css';
|
|
9
|
-
const ChunkModulesLink = ({ as: Component, chunks, chunkId, name }) => {
|
|
10
|
+
const ChunkModulesLink = ({ as: Component, chunks, chunkId, name, onClick, }) => {
|
|
10
11
|
const chunk = chunks === null || chunks === void 0 ? void 0 : chunks.find(({ id }) => id === chunkId);
|
|
11
12
|
if (!chunk) {
|
|
12
13
|
return null;
|
|
13
14
|
}
|
|
14
|
-
const chunkIds = chunks
|
|
15
|
+
const chunkIds = chunks.map(({ id }) => id);
|
|
15
16
|
const fileType = getModuleFileType(name);
|
|
16
|
-
return (React.createElement(Component, { className: css.viewModules, ...getBundleModulesByChunk(chunkIds, chunkId, fileType) }, "View chunk modules"));
|
|
17
|
-
};
|
|
18
|
-
ChunkModulesLink.propTypes = {
|
|
19
|
-
as: PropTypes.elementType.isRequired,
|
|
20
|
-
chunks: PropTypes.array,
|
|
21
|
-
chunkId: PropTypes.string,
|
|
22
|
-
name: PropTypes.string,
|
|
23
|
-
};
|
|
24
|
-
ChunkModulesLink.defaultProps = {
|
|
25
|
-
chunks: [],
|
|
26
|
-
chunkId: '',
|
|
27
|
-
name: '',
|
|
17
|
+
return (React.createElement(Component, { className: css.viewModules, ...getBundleModulesByChunk(chunkIds, chunkId, fileType), onClick: onClick }, "View chunk modules"));
|
|
28
18
|
};
|
|
29
19
|
export const AssetInfo = (props) => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
item:
|
|
43
|
-
runs: PropTypes.arrayOf(PropTypes.shape({
|
|
44
|
-
name: PropTypes.string,
|
|
45
|
-
chunkId: PropTypes.string,
|
|
46
|
-
})),
|
|
47
|
-
}).isRequired,
|
|
48
|
-
labels: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
49
|
-
chunks: PropTypes.array,
|
|
50
|
-
CustomComponentLink: PropTypes.elementType,
|
|
51
|
-
};
|
|
52
|
-
AssetInfo.defaultProps = {
|
|
53
|
-
className: '',
|
|
54
|
-
chunks: [],
|
|
55
|
-
CustomComponentLink: ComponentLink,
|
|
20
|
+
var _a;
|
|
21
|
+
const { className = '', chunks = null, customComponentLink: CustomComponentLink = ComponentLink, item, labels, onClick = noop, } = props;
|
|
22
|
+
const currentRun = (_a = item.runs) === null || _a === void 0 ? void 0 : _a[0];
|
|
23
|
+
const tags = useMemo(() => {
|
|
24
|
+
if (!item.isEntry && !item.isInitial && !item.isChunk) {
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
27
|
+
return (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", className: css.tags },
|
|
28
|
+
item.isEntry && (React.createElement(Tag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('entry'), onClick: onClick, className: cx(css.assetNameTag, css.assetNameTagEntry) }, "Entrypoint")),
|
|
29
|
+
item.isInitial && (React.createElement(Tag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('initial'), onClick: onClick, className: cx(css.assetNameTag, css.assetNameTagInitial) }, "Initial")),
|
|
30
|
+
item.isChunk && (React.createElement(Tag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('chunk'), onClick: onClick, className: cx(css.assetNameTag, css.assetNameTagChunk) }, "Chunk"))));
|
|
31
|
+
}, [item]);
|
|
32
|
+
return (React.createElement(EntryInfo, { item: item, labels: labels, tags: tags, className: cx(css.root, className) }, (currentRun === null || currentRun === void 0 ? void 0 : currentRun.chunkId) && chunks && (React.createElement(ChunkModulesLink, { as: CustomComponentLink, chunks: chunks, chunkId: currentRun === null || currentRun === void 0 ? void 0 : currentRun.chunkId, name: currentRun === null || currentRun === void 0 ? void 0 : currentRun.name, onClick: onClick }))));
|
|
56
33
|
};
|
|
57
34
|
//# sourceMappingURL=asset-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.
|
|
1
|
+
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,21 @@
|
|
|
1
|
-
.
|
|
2
|
-
|
|
3
|
-
padding: 2px;
|
|
4
|
-
background: var(--color-highlight-warning);
|
|
1
|
+
.assetNameTag {
|
|
2
|
+
color: var(--color-background);
|
|
5
3
|
}
|
|
6
4
|
|
|
7
|
-
.
|
|
8
|
-
|
|
5
|
+
.assetNameTag:hover,
|
|
6
|
+
.assetNameTag:active,
|
|
7
|
+
.assetNameTag:focus {
|
|
8
|
+
color: var(--color-background);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.assetNameTagEntry {
|
|
12
|
+
background: var(--color-info-dark);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.assetNameTagInitial {
|
|
16
|
+
background: var(--color-info);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.assetNameTagChunk {
|
|
20
|
+
background: var(--color-info-light);
|
|
9
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-info/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import { Stack } from '../../layout/stack';
|
|
4
|
+
import { Table } from '../../ui/table';
|
|
5
|
+
import css from './asset-not-predictive.module.css';
|
|
6
|
+
export const AssetNotPredictive = (props) => {
|
|
7
|
+
const { className = '', runs = null, labels = null, ...restProps } = props;
|
|
8
|
+
return (React.createElement(Stack, { space: "xsmall", ...restProps, className: cx(css.root, className) },
|
|
9
|
+
React.createElement("p", { className: css.text }, "Asset file name is the same, but the size has changed."),
|
|
10
|
+
runs && (React.createElement(Table, { outline: true, compact: true },
|
|
11
|
+
React.createElement(Table.THead, null,
|
|
12
|
+
React.createElement(Table.Tr, null,
|
|
13
|
+
React.createElement(Table.Th, null, "\u00A0"),
|
|
14
|
+
React.createElement(Table.Th, null, "File name"),
|
|
15
|
+
React.createElement(Table.Th, { className: css.tableValue }, "Size"))),
|
|
16
|
+
React.createElement(Table.TBody, null, runs.map(({ name, value }, index) => (React.createElement(Table.Tr, { key: name },
|
|
17
|
+
React.createElement(Table.Th, null, labels === null || labels === void 0 ? void 0 : labels[index]),
|
|
18
|
+
React.createElement(Table.Td, null, name),
|
|
19
|
+
React.createElement(Table.Td, { className: css.tableValue }, value)))))))));
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=asset-not-predictive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asset-not-predictive.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/asset-not-predictive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,GAAG,MAAM,mCAAmC,CAAC;AAOpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA4D,EAAE,EAAE;IACjG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3E,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,KAAK,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrE,2BAAG,SAAS,EAAE,GAAG,CAAC,IAAI,6DAElB;QACH,IAAI,IAAI,CACP,oBAAC,KAAK,IAAC,OAAO,QAAC,OAAO;YACpB,oBAAC,KAAK,CAAC,KAAK;gBACV,oBAAC,KAAK,CAAC,EAAE;oBACP,oBAAC,KAAK,CAAC,EAAE,iBAAkB;oBAC3B,oBAAC,KAAK,CAAC,EAAE,oBAAqB;oBAC9B,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,UAAU,WAAiB,CAC3C,CACC;YACd,oBAAC,KAAK,CAAC,KAAK,QACT,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,oBAAC,KAAK,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI;gBACjB,oBAAC,KAAK,CAAC,EAAE,QAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAY;gBACtC,oBAAC,KAAK,CAAC,EAAE,QAAE,IAAI,CAAY;gBAC3B,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,UAAU,IAAG,KAAK,CAAY,CAC9C,CACZ,CAAC,CACU,CACR,CACT,CACK,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -9,13 +9,13 @@ import { FlexStack } from '../../layout/flex-stack';
|
|
|
9
9
|
import { Icon } from '../../ui/icon';
|
|
10
10
|
import { FileName } from '../../ui/file-name';
|
|
11
11
|
import { HoverCard } from '../../ui/hover-card';
|
|
12
|
-
import { Tooltip } from '../../ui/tooltip';
|
|
13
12
|
import { Tag } from '../../ui/tag';
|
|
14
13
|
import { Filters } from '../../ui/filters';
|
|
15
14
|
import { SortDropdown } from '../../ui/sort-dropdown';
|
|
16
15
|
import { EmptySet } from '../../ui/empty-set';
|
|
17
16
|
import { Toolbar } from '../../ui/toolbar';
|
|
18
17
|
import { AssetInfo } from '../asset-info';
|
|
18
|
+
import { AssetNotPredictive } from '../asset-not-predictive';
|
|
19
19
|
import { ComponentLink } from '../component-link';
|
|
20
20
|
import { MetricsTable } from '../metrics-table';
|
|
21
21
|
import { MetricsTableSearch } from '../metrics-table-search';
|
|
@@ -66,39 +66,31 @@ const getFilters = ({ compareMode, filters }) => ({
|
|
|
66
66
|
...getFileTypeFilters(filters),
|
|
67
67
|
},
|
|
68
68
|
});
|
|
69
|
-
const TooltipNotPredictive = ({ runs }) => (React.createElement("div", { className: css.tooltipNotPredictive },
|
|
70
|
-
React.createElement("p", { className: css.tooltipNotPredictiveText }, "File name is the same, but the size has changed:"),
|
|
71
|
-
React.createElement("table", { className: css.tooltipTable },
|
|
72
|
-
React.createElement("tr", null, runs.map(({ name, value }, index) => {
|
|
73
|
-
const key = index;
|
|
74
|
-
return (React.createElement("tr", { key: key },
|
|
75
|
-
React.createElement("th", null, RUNS_LABELS[index]),
|
|
76
|
-
React.createElement("td", null, name),
|
|
77
|
-
React.createElement("td", null, value)));
|
|
78
|
-
})))));
|
|
79
|
-
TooltipNotPredictive.defaultProps = {
|
|
80
|
-
runs: [],
|
|
81
|
-
};
|
|
82
|
-
TooltipNotPredictive.propTypes = {
|
|
83
|
-
runs: PropTypes.array,
|
|
84
|
-
};
|
|
85
69
|
const RowHeader = ({ row, labels, chunks, CustomComponentLink }) => {
|
|
86
70
|
const { label, isNotPredictive, runs, isChunk, isEntry, isInitial } = row;
|
|
87
71
|
const [showHoverCard, setHoverCard] = useState(false);
|
|
88
72
|
const handleOnMouseEnter = useCallback(() => setHoverCard(true), [showHoverCard]);
|
|
73
|
+
const contentIsNotPredictive = useMemo(() => {
|
|
74
|
+
if (!isNotPredictive) {
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
return (React.createElement(HoverCard, { label: React.createElement(Icon, { className: css.notPredictiveIcon, glyph: "warning" }), className: css.notPredictive, anchorClassName: css.notPredictiveAnchor },
|
|
78
|
+
React.createElement(AssetNotPredictive, { runs: runs, labels: RUNS_LABELS })));
|
|
79
|
+
}, [isNotPredictive, runs]);
|
|
89
80
|
const content = useMemo(() => (React.createElement("span", { className: css.assetName },
|
|
90
81
|
React.createElement("span", { className: css.assetNameTags },
|
|
91
|
-
isNotPredictive && (React.createElement(Tooltip, { className: css.notPredictive, title: React.createElement(TooltipNotPredictive, { runs: runs }) },
|
|
92
|
-
React.createElement(Icon, { className: css.notPredictiveIcon, glyph: "warning" }))),
|
|
93
|
-
isChunk && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagChunk), title: "Chunk", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO })),
|
|
94
82
|
isEntry && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagEntry), title: "Entrypoint", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO })),
|
|
95
|
-
isInitial && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagInitial), title: "Initial", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO }))
|
|
96
|
-
|
|
83
|
+
isInitial && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagInitial), title: "Initial", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO })),
|
|
84
|
+
isChunk && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagChunk), title: "Chunk", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO }))),
|
|
85
|
+
React.createElement(FileName, { className: css.assetNameText, name: label }))), [isChunk, isEntry, isInitial, runs]);
|
|
97
86
|
if (!showHoverCard) {
|
|
98
|
-
return React.createElement("span", {
|
|
87
|
+
return (React.createElement("span", { className: css.assetNameWrapper },
|
|
88
|
+
contentIsNotPredictive,
|
|
89
|
+
React.createElement("span", { onMouseEnter: handleOnMouseEnter }, content)));
|
|
99
90
|
}
|
|
100
|
-
return (React.createElement(
|
|
101
|
-
|
|
91
|
+
return (React.createElement("span", { className: css.assetNameWrapper },
|
|
92
|
+
contentIsNotPredictive,
|
|
93
|
+
React.createElement(HoverCard, { label: content, hoverCardClassName: css.hoverCard }, ({ close }) => (React.createElement(AssetInfo, { className: css.assetInfo, item: row, labels: labels, chunks: chunks, CustomComponentLink: CustomComponentLink, onClick: close })))));
|
|
102
94
|
};
|
|
103
95
|
RowHeader.propTypes = {
|
|
104
96
|
row: PropTypes.shape({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.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,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"bundle-assets.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.jsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,9 @@
|
|
|
8
8
|
margin-right: -1px; /** collapse border */
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
.assetNameWrapper {
|
|
12
|
+
}
|
|
13
|
+
|
|
11
14
|
.assetName {}
|
|
12
15
|
|
|
13
16
|
.notPredictive {
|
|
@@ -15,12 +18,12 @@
|
|
|
15
18
|
display: inline-block;
|
|
16
19
|
width: var(--space-small);
|
|
17
20
|
height: var(--space-small);
|
|
18
|
-
vertical-align: middle;
|
|
19
21
|
}
|
|
20
22
|
|
|
23
|
+
.notPredictiveAnchor {}
|
|
24
|
+
|
|
21
25
|
.notPredictiveIcon {
|
|
22
26
|
color: var(--color-warning-dark);
|
|
23
|
-
vertical-align: top;
|
|
24
27
|
}
|
|
25
28
|
|
|
26
29
|
.assetNameTags {
|
|
@@ -41,7 +44,7 @@
|
|
|
41
44
|
}
|
|
42
45
|
|
|
43
46
|
.assetNameTagEntry {
|
|
44
|
-
background: var(--color-info-
|
|
47
|
+
background: var(--color-info-dark);
|
|
45
48
|
}
|
|
46
49
|
|
|
47
50
|
.assetNameTagEntry::before {
|
|
@@ -49,13 +52,17 @@
|
|
|
49
52
|
}
|
|
50
53
|
|
|
51
54
|
.assetNameTagInitial {
|
|
52
|
-
background: var(--color-info
|
|
55
|
+
background: var(--color-info);
|
|
53
56
|
}
|
|
54
57
|
|
|
55
58
|
.assetNameTagInitial::before {
|
|
56
59
|
content: 'i';
|
|
57
60
|
}
|
|
58
61
|
|
|
62
|
+
.assetNameTagChunk {
|
|
63
|
+
background: var(--color-info-light);
|
|
64
|
+
}
|
|
65
|
+
|
|
59
66
|
.assetNameTagChunk::before {
|
|
60
67
|
content: 'c';
|
|
61
68
|
}
|
|
@@ -65,25 +72,11 @@
|
|
|
65
72
|
vertical-align: middle;
|
|
66
73
|
}
|
|
67
74
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
text-align: left;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.tooltipNotPredictiveText {
|
|
74
|
-
margin-bottom: var(--space-xxxsmall);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.tooltipNotPredictiveName {
|
|
78
|
-
display: block;
|
|
79
|
-
line-height: var(--line-height-heading);
|
|
75
|
+
.hoverCard {
|
|
76
|
+
max-width: var(--entry-info-hovercard-width);
|
|
80
77
|
}
|
|
81
78
|
|
|
82
79
|
.search {
|
|
83
80
|
margin: 0;
|
|
84
81
|
width: 100%;
|
|
85
82
|
}
|
|
86
|
-
|
|
87
|
-
.assetInfo {
|
|
88
|
-
min-width: 280px;
|
|
89
|
-
}
|
package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js
CHANGED
|
@@ -5,20 +5,20 @@ import map from 'lodash/map';
|
|
|
5
5
|
import max from 'lodash/max';
|
|
6
6
|
import sum from 'lodash/sum';
|
|
7
7
|
import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
|
|
8
|
-
import { getBundleAssetsFileTypeComponentLink } from '@bundle-stats/utils';
|
|
8
|
+
import { getBundleAssetsFileTypeComponentLink, getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
|
|
9
9
|
import { ASSETS_SIZES_FILE_TYPE_MAP } from '../../constants';
|
|
10
10
|
import { HorizontalBarChart } from '../../ui/horizontal-bar-chart';
|
|
11
11
|
import { ComponentLink } from '../component-link';
|
|
12
12
|
import { getColors } from '../../utils';
|
|
13
13
|
import { Stack } from '../../layout/stack';
|
|
14
|
-
import {
|
|
14
|
+
import { MetricRunInfo } from '../metric-run-info';
|
|
15
15
|
import css from './bundle-assets-totals-chart-bars.module.css';
|
|
16
16
|
const getTooltip = (items, jobs, itemIndex, runIndex) => () => {
|
|
17
17
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
const metricId = (_a = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _a === void 0 ? void 0 : _a.key;
|
|
19
|
+
const current = ((_d = (_c = (_b = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _b === void 0 ? void 0 : _b.runs) === null || _c === void 0 ? void 0 : _c[runIndex]) === null || _d === void 0 ? void 0 : _d.value) || 0;
|
|
20
|
+
const baseline = (_g = (_f = (_e = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _e === void 0 ? void 0 : _e.runs) === null || _f === void 0 ? void 0 : _f[runIndex + 1]) === null || _g === void 0 ? void 0 : _g.value;
|
|
21
|
+
return (React.createElement(MetricRunInfo, { className: css.itemTooltip, metricId: metricId, current: current, baseline: baseline, showMetridDescription: false, size: "large" }));
|
|
22
22
|
};
|
|
23
23
|
export const BundleAssetsTotalsChartBars = ({ className, jobs, customComponentLink: CustomComponentLink, }) => {
|
|
24
24
|
const rootClassName = cx(css.root, className);
|
package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets-totals-chart-bars.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,oCAAoC,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"bundle-assets-totals-chart-bars.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,oCAAoC,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAElH,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,GAAG,MAAM,8CAA8C,CAAC;AAE/D,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,GAAG,EAAE;;IAC5D,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,SAAS,CAAC,0CAAE,GAAG,CAAC;IACzC,MAAM,OAAO,GAAG,CAAA,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,SAAS,CAAC,0CAAE,IAAI,0CAAG,QAAQ,CAAC,0CAAE,KAAK,KAAI,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,SAAS,CAAC,0CAAE,IAAI,0CAAG,QAAQ,GAAG,CAAC,CAAC,0CAAE,KAAK,CAAC;IAEjE,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,GAAG,CAAC,WAAW,EAC1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,KAAK,EAC5B,IAAI,EAAC,OAAO,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,SAAS,EACT,IAAI,EACJ,mBAAmB,EAAE,mBAAmB,GACzC,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,EAAE,CAAC;IAEtB,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QACzB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YAC7B,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,KAAI,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC;IAEhC,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE;QAC1C,MAAM,QAAQ,GAAG,0BAA0B,CAAC,GAAG,CAAC,CAAC;QACjD,MAAM,aAAa,GAAG,oCAAoC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC5E,OAAO,CACL,oBAAC,mBAAmB,IAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,KAAM,aAAa,IAC5D,KAAK,CACc,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAC,QAAQ,IAC5C,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QACjC,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE/C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;YAC9C,KAAK;YACL,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC;YACzB,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC;YACzB,cAAc,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC;SAC9D,CAAC,CAAC,CAAC;QAEJ,OAAO,CACL,6BAAK,GAAG,EAAE,mBAAmB,IAAI,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI;YAC5D,4BAAI,SAAS,EAAE,GAAG,CAAC,SAAS,IAAG,QAAQ,mBAAmB,EAAE,CAAM;YAClE,oBAAC,kBAAkB,IACjB,SAAS,EAAE,GAAG,CAAC,SAAS,EACxB,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG;IACzC,SAAS,EAAE,EAAE;IACb,mBAAmB,EAAE,aAAa;CACnC,CAAC;AAEF,2BAA2B,CAAC,SAAS,GAAG;IACtC,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,OAAO,CACrB,SAAS,CAAC,KAAK,CAAC;QACd,mBAAmB,EAAE,SAAS,CAAC,MAAM;KACtC,CAAC,CACH,CAAC,UAAU;IACZ,mBAAmB,EAAE,SAAS,CAAC,WAAW;CAC3C,CAAC"}
|
|
@@ -75,8 +75,7 @@ const RowHeader = ({ row, chunks, labels, CustomComponentLink }) => {
|
|
|
75
75
|
if (!showHoverCard) {
|
|
76
76
|
return React.createElement("div", { onMouseEnter: handleOnMouseEnter }, content);
|
|
77
77
|
}
|
|
78
|
-
return (React.createElement(HoverCard, { label: content },
|
|
79
|
-
React.createElement(ModuleInfo, { className: css.namePopover, item: row, chunks: chunks, chunkIds: chunkIds, labels: labels, customComponentLink: CustomComponentLink })));
|
|
78
|
+
return (React.createElement(HoverCard, { label: content, hoverCardClassName: css.hoverCard }, ({ close }) => (React.createElement(ModuleInfo, { item: row, chunks: chunks, chunkIds: chunkIds, labels: labels, customComponentLink: CustomComponentLink, onClick: close }))));
|
|
80
79
|
};
|
|
81
80
|
RowHeader.propTypes = {
|
|
82
81
|
row: PropTypes.shape({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.jsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React, { useCallback, useMemo, useState } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import cx from 'classnames';
|
|
4
|
-
import { PACKAGE_FILTERS, PACKAGES_SEPARATOR
|
|
4
|
+
import { PACKAGE_FILTERS, PACKAGES_SEPARATOR } from '@bundle-stats/utils';
|
|
5
5
|
import config from '../../config.json';
|
|
6
6
|
import I18N from '../../i18n';
|
|
7
|
-
import { Stack } from '../../layout/stack';
|
|
8
7
|
import { FlexStack } from '../../layout/flex-stack';
|
|
9
8
|
import { EmptySet } from '../../ui/empty-set';
|
|
10
9
|
import { Filters } from '../../ui/filters';
|
|
@@ -12,12 +11,12 @@ import { HoverCard } from '../../ui/hover-card';
|
|
|
12
11
|
import { SortDropdown } from '../../ui/sort-dropdown';
|
|
13
12
|
import { Tag } from '../../ui/tag';
|
|
14
13
|
import { Toolbar } from '../../ui/toolbar';
|
|
15
|
-
import { FileName } from '../../ui/file-name';
|
|
16
14
|
import { ComponentLink } from '../component-link';
|
|
17
15
|
import { MetricsTable } from '../metrics-table';
|
|
18
16
|
import { MetricsTableSearch } from '../metrics-table-search';
|
|
19
17
|
import { MetricsTableOptions } from '../metrics-table-options';
|
|
20
18
|
import { MetricsTableTitle } from '../metrics-table-title';
|
|
19
|
+
import { PackageInfo } from '../package-info';
|
|
21
20
|
import css from './bundle-packages.module.css';
|
|
22
21
|
const getDropdownFilters = ({ compareMode, filters }) => ({
|
|
23
22
|
[PACKAGE_FILTERS.CHANGED]: {
|
|
@@ -30,53 +29,24 @@ const getDropdownFilters = ({ compareMode, filters }) => ({
|
|
|
30
29
|
defaultValue: filters[PACKAGE_FILTERS.DUPLICATE],
|
|
31
30
|
},
|
|
32
31
|
});
|
|
33
|
-
const
|
|
34
|
-
const fallbackPackagePath = `node_modules/${fullName.split(PACKAGES_SEPARATOR).join('/node_modules/')}`;
|
|
35
|
-
const normalizedPackagePath = `${path || fallbackPackagePath}/`;
|
|
36
|
-
const [normalizedName, packageId] = name.split(PACKAGE_ID_SEPARATOR);
|
|
37
|
-
return (React.createElement(Stack, { space: "xsmall", className: css.packageHoverCard },
|
|
38
|
-
React.createElement(Stack, { space: "xxxsmall" },
|
|
39
|
-
React.createElement("h3", { className: css.packageHoverCardTitle },
|
|
40
|
-
normalizedName,
|
|
41
|
-
packageId && (React.createElement("span", { className: css.packageHoverCardTitleIndex }, `${PACKAGE_ID_SEPARATOR}${packageId}`))),
|
|
42
|
-
React.createElement("p", { className: css.packageHoverCardPath },
|
|
43
|
-
React.createElement(FileName, { className: css.packageHoverCardPathValue, name: normalizedPackagePath }))),
|
|
44
|
-
React.createElement("ul", { className: css.packageHoverCardList },
|
|
45
|
-
React.createElement("li", { className: css.packageHoverCardItem },
|
|
46
|
-
React.createElement("a", { href: `https://www.npmjs.com/package/${normalizedName}`, target: "_blank", rel: "noreferrer" }, "npmjs.com")),
|
|
47
|
-
React.createElement("li", { className: css.packageHoverCardItem },
|
|
48
|
-
React.createElement("a", { href: `https://bundlephobia.com/result?p=${normalizedName}`, target: "_blank", rel: "noreferrer" }, "bundlephobia.com"))),
|
|
49
|
-
React.createElement(Stack, { space: "xxxsmall", className: css.packageHoverCardActions },
|
|
50
|
-
duplicate && (React.createElement("div", null,
|
|
51
|
-
React.createElement(CustomComponentLink, { ...getBundlePackagesByNameComponentLink(normalizedName) }, "View all duplicate instances"))),
|
|
52
|
-
React.createElement(CustomComponentLink, { ...getBundleModulesBySearch(normalizedPackagePath) }, "Search modules by package path"))));
|
|
53
|
-
};
|
|
54
|
-
PackagePopoverContent.propTypes = {
|
|
55
|
-
name: PropTypes.string.isRequired,
|
|
56
|
-
path: PropTypes.string,
|
|
57
|
-
fullName: PropTypes.string.isRequired,
|
|
58
|
-
duplicate: PropTypes.bool.isRequired,
|
|
59
|
-
CustomComponentLink: PropTypes.elementType.isRequired,
|
|
60
|
-
};
|
|
61
|
-
PackagePopoverContent.defaultProps = {
|
|
62
|
-
path: '',
|
|
63
|
-
};
|
|
64
|
-
const PackageName = ({ packageName, path, showDuplicateFlag, row, CustomComponentLink }) => {
|
|
32
|
+
const PackageName = ({ packageName, showDetails, row, labels, CustomComponentLink }) => {
|
|
65
33
|
const [showHoverCard, setHoverCard] = useState(false);
|
|
66
|
-
const handleOnMouseEnter = useCallback(() =>
|
|
34
|
+
const handleOnMouseEnter = useCallback(() => {
|
|
35
|
+
if (showDetails) {
|
|
36
|
+
setHoverCard(true);
|
|
37
|
+
}
|
|
38
|
+
}, [setHoverCard, showDetails]);
|
|
67
39
|
const label = useMemo(() => (React.createElement(React.Fragment, null,
|
|
68
|
-
|
|
69
|
-
React.createElement("span", { className: css.packageNameLabel }, packageName))), [packageName,
|
|
40
|
+
showDetails && row.duplicate && (React.createElement(Tag, { className: css.packageNameTagDuplicate, title: "Duplicate package", kind: Tag.KINDS.DANGER, size: Tag.SIZES.SMALL })),
|
|
41
|
+
React.createElement("span", { className: css.packageNameLabel }, packageName))), [packageName, showDetails, row]);
|
|
70
42
|
if (!showHoverCard) {
|
|
71
43
|
return (React.createElement("span", { className: css.packageName, onMouseEnter: handleOnMouseEnter }, label));
|
|
72
44
|
}
|
|
73
|
-
return (React.createElement(HoverCard, { className: css.packageName,
|
|
74
|
-
React.createElement(PackagePopoverContent, { name: packageName, path: path, fullName: row.label, duplicate: row.duplicate, CustomComponentLink: CustomComponentLink })));
|
|
45
|
+
return (React.createElement(HoverCard, { label: label, className: css.packageName, hoverCardClassName: css.hoverCard }, ({ close }) => (React.createElement(PackageInfo, { name: packageName, item: row, labels: labels, CustomComponentLink: CustomComponentLink, onClick: close }))));
|
|
75
46
|
};
|
|
76
47
|
PackageName.propTypes = {
|
|
77
48
|
packageName: PropTypes.string.isRequired,
|
|
78
|
-
|
|
79
|
-
showDuplicateFlag: PropTypes.bool.isRequired,
|
|
49
|
+
showDetails: PropTypes.bool.isRequired,
|
|
80
50
|
row: PropTypes.shape({
|
|
81
51
|
label: PropTypes.string,
|
|
82
52
|
duplicate: PropTypes.bool,
|
|
@@ -86,10 +56,9 @@ PackageName.propTypes = {
|
|
|
86
56
|
}).isRequired,
|
|
87
57
|
CustomComponentLink: PropTypes.elementType.isRequired,
|
|
88
58
|
};
|
|
89
|
-
const RowHeader = ({ row, CustomComponentLink }) => {
|
|
59
|
+
const RowHeader = ({ row, labels, CustomComponentLink }) => {
|
|
90
60
|
const packageNames = row.label.split(PACKAGES_SEPARATOR);
|
|
91
|
-
|
|
92
|
-
return (React.createElement("span", { className: css.packageNames }, packageNames.map((packageName, index) => (React.createElement(PackageName, { packageName: packageName, path: path, showDuplicateFlag: index === packageNames.length - 1, row: row, CustomComponentLink: CustomComponentLink })))));
|
|
61
|
+
return (React.createElement("span", { className: css.packageNames }, packageNames.map((packageName, index) => (React.createElement(PackageName, { packageName: packageName, row: row, labels: labels, showDetails: index === packageNames.length - 1, CustomComponentLink: CustomComponentLink })))));
|
|
93
62
|
};
|
|
94
63
|
RowHeader.propTypes = {
|
|
95
64
|
row: PropTypes.shape({
|
|
@@ -105,7 +74,7 @@ export const BundlePackages = (props) => {
|
|
|
105
74
|
const { className, jobs, items, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, } = props;
|
|
106
75
|
const dropdownFilters = useMemo(() => getDropdownFilters({ compareMode: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1, filters }), [jobs, filters]);
|
|
107
76
|
const metricsTableTitle = useMemo(() => (React.createElement(MetricsTableTitle, { title: I18N.PACKAGES, info: `${items.length}/${totalRowCount}`, popoverInfo: I18N.PACKAGES_INFO, popoverHref: config.documentation.packages })), [items, totalRowCount]);
|
|
108
|
-
const renderRowHeader = useCallback((row) => React.createElement(RowHeader, { row: row, CustomComponentLink: CustomComponentLink }), [CustomComponentLink]);
|
|
77
|
+
const renderRowHeader = useCallback((row) => (React.createElement(RowHeader, { row: row, labels: jobs.map((job) => job === null || job === void 0 ? void 0 : job.label), CustomComponentLink: CustomComponentLink })), [CustomComponentLink, jobs]);
|
|
109
78
|
const emptyMessage = useMemo(() => (React.createElement(EmptySet, { resources: "packages", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
|
|
110
79
|
return (React.createElement("section", { className: cx(css.root, className) },
|
|
111
80
|
React.createElement(Toolbar, { className: css.toolbar, renderActions: ({ actionClassName }) => (React.createElement(FlexStack, { space: "xxsmall", className: cx(css.dropdown, actionClassName) },
|