@bundle-stats/ui 4.4.0-beta.0 → 4.4.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/globals.d.ts +4 -0
- package/lib/app/app.js +26 -8
- package/lib/app/app.js.map +1 -1
- package/lib/app/app.module.css +8 -5
- package/lib/assets/icons.svg +17 -1
- package/lib/assets/icons.svg.js +12 -0
- 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/{duplicate-packages-insight → asset-not-predictive}/index.js +1 -1
- 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 +11 -22
- 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 -39
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.module.css +3 -2
- 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 +4 -0
- 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 +92 -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 +9 -7
- 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/{job-meta → insights}/index.js +1 -1
- package/lib/components/insights/index.js.map +1 -0
- package/lib/components/insights/insights.js +25 -0
- package/lib/components/insights/insights.js.map +1 -0
- package/lib/components/insights/insights.module.css +14 -0
- 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/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/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/constants.js +1 -23
- package/lib/constants.js.map +1 -1
- package/lib/css/variables.css +18 -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/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 +4 -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 +3 -4
- package/lib-esm/app/app.js +27 -9
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/app/app.module.css +8 -5
- package/lib-esm/assets/icons.svg +17 -1
- package/lib-esm/assets/icons.svg.js +12 -0
- 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 +11 -22
- 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 -41
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.module.css +3 -2
- 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 +4 -0
- 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 +92 -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 +4 -3
- 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/index.js +2 -0
- package/lib-esm/components/insights/index.js.map +1 -0
- package/lib-esm/components/insights/insights.js +18 -0
- package/lib-esm/components/insights/insights.js.map +1 -0
- package/lib-esm/components/insights/insights.module.css +14 -0
- 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/constants.js +0 -22
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/css/variables.css +18 -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/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 +4 -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 +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 +23 -29
- package/src/app/app.jsx +34 -9
- package/src/app/app.module.css +8 -5
- package/src/assets/icons/error.svg +6 -0
- package/src/assets/icons/external-link.svg +1 -0
- package/src/assets/icons/info.svg +6 -0
- package/src/assets/icons/more-vertical.svg +5 -0
- package/src/assets/icons.svg +17 -1
- package/src/assets/icons.svg.jsx +53 -0
- 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 +11 -22
- 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 -100
- package/src/components/bundle-modules/bundle-modules.module.css +3 -2
- 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 +4 -0
- 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 +92 -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 +4 -3
- 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/index.ts +1 -0
- package/src/components/insights/insights.module.css +14 -0
- package/src/components/insights/insights.stories.tsx +54 -0
- package/src/components/insights/insights.tsx +44 -0
- 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 +90 -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 +103 -0
- package/src/constants.js +0 -24
- package/src/css/variables.css +18 -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/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.jsx +4 -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 +5 -5
- 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 +4 -3
- 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/index.d.ts +1 -0
- package/types/components/insights/insights.d.ts +8 -0
- 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 +26 -22
- 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/duplicate-packages-insight/duplicate-packages-insight.js +0 -31
- package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
- package/lib/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
- package/lib/components/duplicate-packages-insight/index.js.map +0 -1
- 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/duplicate-packages-insight/duplicate-packages-insight.js +0 -24
- package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
- package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
- package/lib-esm/components/duplicate-packages-insight/index.js +0 -2
- package/lib-esm/components/duplicate-packages-insight/index.js.map +0 -1
- 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/components/asset-info/asset-info.jsx +0 -96
- package/src/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
- package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx +0 -66
- package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx +0 -81
- package/src/components/duplicate-packages-insight/index.ts +0 -1
- 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/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/duplicate-packages-insight/duplicate-packages-insight.d.ts +0 -11
- package/types/components/duplicate-packages-insight/index.d.ts +0 -1
- 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/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/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,9 +1,31 @@
|
|
|
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
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);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.label {
|
|
24
|
+
display: inline-block;
|
|
25
|
+
min-width: 6em;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.label::after {
|
|
29
|
+
content: ' ';
|
|
30
|
+
}
|
|
31
|
+
|
|
@@ -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"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import React, { useCallback, useMemo
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import cx from 'classnames';
|
|
4
4
|
import get from 'lodash/get';
|
|
5
|
-
import { ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, FILE_TYPE_LABELS, } from '@bundle-stats/utils';
|
|
5
|
+
import { ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, COMPONENT, FILE_TYPE_LABELS, SECTIONS, } from '@bundle-stats/utils';
|
|
6
6
|
import config from '../../config.json';
|
|
7
7
|
import I18N from '../../i18n';
|
|
8
8
|
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,17 @@ const getFilters = ({ compareMode, filters }) => ({
|
|
|
66
66
|
...getFileTypeFilters(filters),
|
|
67
67
|
},
|
|
68
68
|
});
|
|
69
|
-
const
|
|
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
|
-
const RowHeader = ({ row, labels, chunks, CustomComponentLink }) => {
|
|
69
|
+
const RowHeader = ({ row, customComponentLink: CustomComponentLink, filters, search }) => {
|
|
86
70
|
const { label, isNotPredictive, runs, isChunk, isEntry, isInitial } = row;
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
React.createElement(
|
|
91
|
-
|
|
92
|
-
React.createElement(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
React.createElement(FileName, { className: css.assetNameText, name: label }))), [isChunk, isEntry, isInitial, isNotPredictive, runs]);
|
|
97
|
-
if (!showHoverCard) {
|
|
98
|
-
return React.createElement("span", { onMouseEnter: handleOnMouseEnter }, content);
|
|
99
|
-
}
|
|
100
|
-
return (React.createElement(HoverCard, { label: content },
|
|
101
|
-
React.createElement(AssetInfo, { className: css.assetInfo, item: row, labels: labels, chunks: chunks, CustomComponentLink: CustomComponentLink })));
|
|
71
|
+
return (React.createElement("span", { className: css.assetNameWrapper },
|
|
72
|
+
isNotPredictive && (React.createElement(HoverCard, { label: React.createElement(Icon, { className: css.notPredictiveIcon, glyph: "warning" }), className: css.notPredictive, anchorClassName: css.notPredictiveAnchor },
|
|
73
|
+
React.createElement(AssetNotPredictive, { runs: runs, labels: RUNS_LABELS }))),
|
|
74
|
+
React.createElement(CustomComponentLink, { section: SECTIONS.ASSETS, params: { [COMPONENT.BUNDLE_ASSETS]: { filters, search, entryId: row.key } }, className: css.assetName },
|
|
75
|
+
React.createElement("span", { className: css.assetNameTags },
|
|
76
|
+
isEntry && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagEntry), title: "Entrypoint", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO })),
|
|
77
|
+
isInitial && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagInitial), title: "Initial", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO })),
|
|
78
|
+
isChunk && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagChunk), title: "Chunk", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO }))),
|
|
79
|
+
React.createElement(FileName, { className: css.assetNameText, name: label }))));
|
|
102
80
|
};
|
|
103
81
|
RowHeader.propTypes = {
|
|
104
82
|
row: PropTypes.shape({
|
|
@@ -120,29 +98,30 @@ RowHeader.defaultProps = {
|
|
|
120
98
|
chunks: [],
|
|
121
99
|
};
|
|
122
100
|
export const BundleAssets = (props) => {
|
|
123
|
-
|
|
101
|
+
var _a, _b, _c;
|
|
102
|
+
const { className, jobs, items, allItems, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, entryId, hasActiveFilters, sortFields, sort, updateSort, search, updateSearch, customComponentLink: CustomComponentLink, hideEntryInfo, } = props;
|
|
124
103
|
const dropdownFilters = useMemo(() => getFilters({ compareMode: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1, filters }), [jobs, filters]);
|
|
125
104
|
const metricsTableTitle = useMemo(() => (React.createElement(MetricsTableTitle, { title: I18N.ASSETS, info: `${items.length}/${totalRowCount}`, popoverInfo: I18N.ASSETS_INFO, popoverHref: config.documentation.assets })), [items, totalRowCount]);
|
|
126
|
-
const renderRowHeader = useCallback((row) => {
|
|
127
|
-
var _a, _b, _c;
|
|
128
|
-
return (React.createElement(RowHeader, { row: row, labels: jobs === null || jobs === void 0 ? void 0 : jobs.map(({ label }) => label), chunks: ((_c = (_b = (_a = jobs[0]) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.webpack) === null || _c === void 0 ? void 0 : _c.chunks) || [], CustomComponentLink: CustomComponentLink }));
|
|
129
|
-
}, [jobs, CustomComponentLink]);
|
|
105
|
+
const renderRowHeader = useCallback((row) => (React.createElement(RowHeader, { row: row, customComponentLink: CustomComponentLink, filters: filters, search: search })), [CustomComponentLink, filters, search]);
|
|
130
106
|
const emptyMessage = useMemo(() => (React.createElement(EmptySet, { resources: "assets", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
|
|
131
|
-
return (React.createElement(
|
|
132
|
-
React.createElement(
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
React.createElement(
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
React.createElement(
|
|
107
|
+
return (React.createElement(React.Fragment, null,
|
|
108
|
+
React.createElement("section", { className: cx(css.root, className) },
|
|
109
|
+
React.createElement(Toolbar, { className: css.toolbar, renderActions: ({ actionClassName }) => (React.createElement(FlexStack, { space: "xxsmall", className: cx(css.dropdown, actionClassName) },
|
|
110
|
+
React.createElement(SortDropdown, { fields: sortFields, ...sort, onChange: updateSort }),
|
|
111
|
+
React.createElement(MetricsTableOptions, { handleViewAll: resetAllFilters, handleResetFilters: resetFilters }))) },
|
|
112
|
+
React.createElement(FlexStack, { space: "xxsmall" },
|
|
113
|
+
React.createElement(MetricsTableSearch, { className: css.toolbarSearch, placeholder: "Search by name", search: search, updateSearch: updateSearch }),
|
|
114
|
+
React.createElement(Filters, { className: css.toolbarFilters, filters: dropdownFilters, hasActiveFilters: hasActiveFilters, onChange: updateFilters }))),
|
|
115
|
+
React.createElement("main", null,
|
|
116
|
+
React.createElement(MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, emptyMessage: emptyMessage, showHeaderSum: true, title: metricsTableTitle }))),
|
|
117
|
+
entryId && (React.createElement(AssetInfo, { className: css.assetInfo, item: allItems.find(({ key }) => key === entryId), labels: jobs === null || jobs === void 0 ? void 0 : jobs.map(({ label }) => label), chunks: ((_c = (_b = (_a = jobs[0]) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.webpack) === null || _c === void 0 ? void 0 : _c.chunks) || [], customComponentLink: CustomComponentLink, onClose: hideEntryInfo }))));
|
|
140
118
|
};
|
|
141
119
|
BundleAssets.defaultProps = {
|
|
142
120
|
className: '',
|
|
143
121
|
totalRowCount: 0,
|
|
144
122
|
hasActiveFilters: false,
|
|
145
123
|
customComponentLink: ComponentLink,
|
|
124
|
+
entryId: '',
|
|
146
125
|
};
|
|
147
126
|
BundleAssets.propTypes = {
|
|
148
127
|
className: PropTypes.string,
|
|
@@ -169,7 +148,9 @@ BundleAssets.propTypes = {
|
|
|
169
148
|
totalRowCount: PropTypes.number,
|
|
170
149
|
filters: PropTypes.shape({
|
|
171
150
|
changed: PropTypes.bool,
|
|
151
|
+
id: PropTypes.string,
|
|
172
152
|
}).isRequired,
|
|
153
|
+
entryId: PropTypes.string,
|
|
173
154
|
hasActiveFilters: PropTypes.bool,
|
|
174
155
|
sortFields: PropTypes.shape({
|
|
175
156
|
[PropTypes.string]: PropTypes.shape({
|
|
@@ -184,6 +165,10 @@ BundleAssets.propTypes = {
|
|
|
184
165
|
direction: PropTypes.string,
|
|
185
166
|
}).isRequired,
|
|
186
167
|
updateSort: PropTypes.func.isRequired,
|
|
168
|
+
allItems: PropTypes.arrayOf(PropTypes.shape({
|
|
169
|
+
key: PropTypes.string,
|
|
170
|
+
})),
|
|
187
171
|
customComponentLink: PropTypes.elementType,
|
|
172
|
+
hideEntryInfo: PropTypes.func.isRequired,
|
|
188
173
|
};
|
|
189
174
|
//# sourceMappingURL=bundle-assets.js.map
|
|
@@ -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,
|
|
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,7 @@
|
|
|
65
72
|
vertical-align: middle;
|
|
66
73
|
}
|
|
67
74
|
|
|
68
|
-
/* Tooltip not predictive */
|
|
69
|
-
.tooltipNotPredictive {
|
|
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);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
75
|
.search {
|
|
83
76
|
margin: 0;
|
|
84
77
|
width: 100%;
|
|
85
78
|
}
|
|
86
|
-
|
|
87
|
-
.assetInfo {
|
|
88
|
-
min-width: 280px;
|
|
89
|
-
}
|
|
@@ -6,12 +6,14 @@ export const addRowAssetFlags = (row) => {
|
|
|
6
6
|
const isInitial = runs.map((run) => run === null || run === void 0 ? void 0 : run.isInitial).includes(true);
|
|
7
7
|
const isChunk = runs.map((run) => run === null || run === void 0 ? void 0 : run.isChunk).includes(true);
|
|
8
8
|
const isAsset = !(isEntry || isInitial || isChunk);
|
|
9
|
+
const fileType = getFileType(row.key);
|
|
9
10
|
return {
|
|
10
11
|
...row,
|
|
11
12
|
isEntry,
|
|
12
13
|
isInitial,
|
|
13
14
|
isChunk,
|
|
14
15
|
isAsset,
|
|
16
|
+
fileType,
|
|
15
17
|
};
|
|
16
18
|
};
|
|
17
19
|
export const getIsNotPredictive = (key, runs) => runs.reduce((agg, current, index) => {
|
|
@@ -44,7 +46,7 @@ export const getRowFilter = (filters) => (item) => {
|
|
|
44
46
|
(filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.OTHER}`] && item.isAsset))) {
|
|
45
47
|
return false;
|
|
46
48
|
}
|
|
47
|
-
if (!filters[`${ASSET_FILE_TYPE}.${
|
|
49
|
+
if (!filters[`${ASSET_FILE_TYPE}.${item.fileType}`]) {
|
|
48
50
|
return false;
|
|
49
51
|
}
|
|
50
52
|
return true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.utils.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEtF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,EAAE;IACtC,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IAErB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"bundle-assets.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.utils.js"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
|
|
4
4
|
import { ASSET_FILTERS } from '@bundle-stats/utils';
|
|
@@ -47,7 +47,10 @@ export const BundleAssets = (props) => {
|
|
|
47
47
|
sortDirection: direction,
|
|
48
48
|
getCustomSort,
|
|
49
49
|
});
|
|
50
|
-
|
|
50
|
+
const hideEntryInfo = useCallback(() => {
|
|
51
|
+
setState({ entryId: '' });
|
|
52
|
+
}, [setState]);
|
|
53
|
+
return (React.createElement(BundleAssetsComponent, { jobs: jobs, ...restProps, ...searchParams, ...sortParams, allItems: rows, totalRowCount: totalRowCount, hideEntryInfo: hideEntryInfo }));
|
|
51
54
|
};
|
|
52
55
|
BundleAssets.propTypes = {
|
|
53
56
|
jobs: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnF,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,OAAO,CACnD,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE;YACd,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC;YACzC,GAAG,wBAAwB,CAAC,IAAI,CAAC;YACjC,GAAG,uBAAuB,CAAC,IAAI,CAAC;SACjC;QACD,iBAAiB,EAAE;YACjB,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK;YAC9B,GAAG,wBAAwB,CAAC,IAAI,CAAC;YACjC,GAAG,uBAAuB,CAAC,IAAI,CAAC;SACjC;KACF,CAAC,EACF,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,MAAM;QACN,OAAO;QACP,cAAc;QACd,iBAAiB;QACjB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,CAAC;QAChG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,aAAa,CAAC;QACjC,IAAI;QACJ,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,WAAW,CAAC;QAC7B,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,OAAO;QACnB,MAAM;QACN,aAAa,EAAE,SAAS;QACxB,aAAa;KACd,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,KACN,SAAS,KACT,YAAY,KACZ,UAAU,EACd,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACpD,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}
|
package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js
CHANGED
|
@@ -5,20 +5,21 @@ 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 { JobName } from '../job-name';
|
|
15
|
+
import { MetricRunInfo } from '../metric-run-info';
|
|
15
16
|
import css from './bundle-assets-totals-chart-bars.module.css';
|
|
16
17
|
const getTooltip = (items, jobs, itemIndex, runIndex) => () => {
|
|
17
18
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const metricId = (_a = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _a === void 0 ? void 0 : _a.key;
|
|
20
|
+
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;
|
|
21
|
+
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;
|
|
22
|
+
return (React.createElement(MetricRunInfo, { className: css.itemTooltip, metricId: metricId, current: current, baseline: baseline, showMetridDescription: false, size: "large" }));
|
|
22
23
|
};
|
|
23
24
|
export const BundleAssetsTotalsChartBars = ({ className, jobs, customComponentLink: CustomComponentLink, }) => {
|
|
24
25
|
const rootClassName = cx(css.root, className);
|
|
@@ -37,7 +38,7 @@ export const BundleAssetsTotalsChartBars = ({ className, jobs, customComponentLi
|
|
|
37
38
|
return (React.createElement(CustomComponentLink, { className: css.itemLink, ...componentData }, label));
|
|
38
39
|
});
|
|
39
40
|
const colors = getColors(max(map(dataGraphs, (values) => values.length)));
|
|
40
|
-
return (React.createElement(Stack, { className: rootClassName, space: "
|
|
41
|
+
return (React.createElement(Stack, { className: rootClassName, space: "small" }, dataGraphs.map((data, runIndex) => {
|
|
41
42
|
const { internalBuildNumber } = jobs[runIndex];
|
|
42
43
|
const values = data.map((value, valueIndex) => ({
|
|
43
44
|
value,
|
|
@@ -46,7 +47,8 @@ export const BundleAssetsTotalsChartBars = ({ className, jobs, customComponentLi
|
|
|
46
47
|
getItemTooltip: getTooltip(items, jobs, valueIndex, runIndex),
|
|
47
48
|
}));
|
|
48
49
|
return (React.createElement("div", { key: internalBuildNumber || runIndex, className: css.item },
|
|
49
|
-
React.createElement("h3", { className: css.itemTitle },
|
|
50
|
+
React.createElement("h3", { className: css.itemTitle },
|
|
51
|
+
React.createElement(JobName, { internalBuildNumber: internalBuildNumber })),
|
|
50
52
|
React.createElement(HorizontalBarChart, { className: css.itemChart, data: { labels, values }, maxValue: maxValue })));
|
|
51
53
|
})));
|
|
52
54
|
};
|
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":"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"}
|