@bundle-stats/ui 4.4.0-beta.1 → 4.4.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/globals.d.ts +4 -0
- package/lib/app/app.js +21 -9
- package/lib/app/app.js.map +1 -1
- package/lib/app/app.module.css +8 -5
- package/lib/app/header/header.js +9 -12
- package/lib/app/header/header.js.map +1 -1
- package/lib/app/header/header.module.css +27 -20
- package/lib/app/header/index.js.map +1 -1
- package/lib/assets/icons.svg +11 -4
- package/lib/assets/icons.svg.js +8 -3
- package/lib/assets/icons.svg.js.map +1 -1
- package/lib/components/asset-info/asset-info.js +48 -44
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/asset-info/asset-info.module.css +28 -6
- package/lib/components/asset-info/index.js.map +1 -1
- package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
- package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
- package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/lib/components/asset-not-predictive/index.js +18 -0
- package/lib/components/asset-not-predictive/index.js.map +1 -0
- package/lib/components/bundle-assets/bundle-assets.js +31 -44
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.module.css +20 -19
- package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib/components/bundle-assets/index.js +4 -1
- package/lib/components/bundle-assets/index.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +30 -40
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.module.css +11 -3
- package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
- package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib/components/bundle-modules/index.js +5 -2
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.js +36 -61
- package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.module.css +12 -14
- package/lib/components/bundle-packages/index.js +4 -1
- package/lib/components/bundle-packages/index.js.map +1 -1
- package/lib/components/delta/delta.module.css +2 -1
- package/lib/components/entry-info/entry-info.js +56 -0
- package/lib/components/entry-info/entry-info.js.map +1 -0
- package/lib/components/entry-info/entry-info.module.css +93 -0
- package/lib/components/{summary-item → entry-info}/index.js +1 -1
- package/lib/components/entry-info/index.js.map +1 -0
- package/lib/components/index.js +7 -5
- package/lib/components/index.js.map +1 -1
- package/lib/components/insight-icon/index.js +18 -0
- package/lib/components/insight-icon/index.js.map +1 -0
- package/lib/components/insight-icon/insight-icon.js +25 -0
- package/lib/components/insight-icon/insight-icon.js.map +1 -0
- package/lib/components/insight-icon/insight-icon.module.css +24 -0
- package/lib/components/insights/insights.js +6 -39
- package/lib/components/insights/insights.js.map +1 -1
- package/lib/components/insights/insights.module.css +1 -19
- package/lib/components/job-header/job-header.js +12 -11
- package/lib/components/job-header/job-header.js.map +1 -1
- package/lib/components/jobs-header/index.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.js +21 -14
- package/lib/components/jobs-header/jobs-header.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.module.css +51 -4
- package/lib/components/metric/index.js.map +1 -1
- package/lib/components/metric/metric.js +7 -64
- package/lib/components/metric/metric.js.map +1 -1
- package/lib/components/metric/metric.module.css +3 -3
- package/lib/components/metric-run-info/index.js +18 -0
- package/lib/components/metric-run-info/index.js.map +1 -0
- package/lib/components/metric-run-info/metric-run-info.js +64 -0
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
- package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
- package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
- package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib/components/module-info/index.js.map +1 -1
- package/lib/components/module-info/module-info.js +47 -47
- package/lib/components/module-info/module-info.js.map +1 -1
- package/lib/components/module-info/module-info.module.css +8 -33
- package/lib/components/package-info/index.js +18 -0
- package/lib/components/package-info/index.js.map +1 -0
- package/lib/components/package-info/package-info.js +77 -0
- package/lib/components/package-info/package-info.js.map +1 -0
- package/lib/components/package-info/package-info.module.css +13 -0
- package/lib/components/{job-meta → run-info}/index.js +1 -1
- package/lib/components/run-info/index.js.map +1 -0
- package/lib/components/run-info/run-info.js +70 -0
- package/lib/components/run-info/run-info.js.map +1 -0
- package/lib/components/run-info/run-info.module.css +76 -0
- package/lib/components/summary/index.js.map +1 -1
- package/lib/components/summary/summary.js +10 -31
- package/lib/components/summary/summary.js.map +1 -1
- package/lib/components/summary/summary.module.css +27 -7
- package/lib/config.json +1 -1
- package/lib/constants.js +1 -23
- package/lib/constants.js.map +1 -1
- package/lib/css/variables.css +22 -15
- package/lib/layout/box/box.js +3 -23
- package/lib/layout/box/box.js.map +1 -1
- package/lib/layout/box/box.module.css +11 -0
- package/lib/layout/box/index.js +15 -3
- package/lib/layout/box/index.js.map +1 -1
- package/lib/layout/flex-stack/flex-stack.js +3 -19
- package/lib/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib/layout/flex-stack/index.js.map +1 -1
- package/lib/layout/footer/footer.js +2 -4
- package/lib/layout/footer/footer.js.map +1 -1
- package/lib/layout/stack/index.js.map +1 -1
- package/lib/layout/stack/stack.js +3 -16
- package/lib/layout/stack/stack.js.map +1 -1
- package/lib/tokens.js +38 -0
- package/lib/tokens.js.map +1 -0
- package/lib/ui/alert/alert.js +2 -12
- package/lib/ui/alert/alert.js.map +1 -1
- package/lib/ui/alert/index.js.map +1 -1
- package/lib/ui/container/container.js +1 -10
- package/lib/ui/container/container.js.map +1 -1
- package/lib/ui/container/index.js +15 -3
- package/lib/ui/container/index.js.map +1 -1
- package/lib/ui/dropdown/dropdown.module.css +1 -2
- package/lib/ui/file-name/file-name.js +1 -1
- package/lib/ui/file-name/file-name.js.map +1 -1
- package/lib/ui/filters/filters.module.css +1 -5
- package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/lib/ui/hover-card/hover-card.js +3 -21
- package/lib/ui/hover-card/hover-card.js.map +1 -1
- package/lib/ui/hover-card/index.js.map +1 -1
- package/lib/ui/icon/icon.js +14 -18
- package/lib/ui/icon/icon.js.map +1 -1
- package/lib/ui/icon/index.js.map +1 -1
- package/lib/ui/index.js +1 -3
- package/lib/ui/index.js.map +1 -1
- package/lib/ui/input/input.module.css +3 -4
- package/lib/ui/table/index.js.map +1 -1
- package/lib/ui/table/table.js +3 -17
- package/lib/ui/table/table.js.map +1 -1
- package/lib/ui/tag/index.js.map +1 -1
- package/lib/ui/tag/tag.js +5 -29
- package/lib/ui/tag/tag.js.map +1 -1
- package/lib/ui/tag/tag.module.css +15 -1
- package/lib/ui/tooltip/index.js.map +1 -1
- package/lib/ui/tooltip/tooltip.js +3 -23
- package/lib/ui/tooltip/tooltip.js.map +1 -1
- package/lib/ui/tooltip/tooltip.module.css +3 -4
- package/lib-esm/app/app.js +22 -10
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/app/app.module.css +8 -5
- package/lib-esm/app/header/header.js +9 -12
- package/lib-esm/app/header/header.js.map +1 -1
- package/lib-esm/app/header/header.module.css +27 -20
- package/lib-esm/app/header/index.js.map +1 -1
- package/lib-esm/assets/icons.svg +11 -4
- package/lib-esm/assets/icons.svg.js +8 -3
- package/lib-esm/assets/icons.svg.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +27 -45
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.module.css +28 -6
- package/lib-esm/components/asset-info/index.js.map +1 -1
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/lib-esm/components/asset-not-predictive/index.js +2 -0
- package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
- package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.module.css +20 -19
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib-esm/components/bundle-assets/index.js +5 -2
- package/lib-esm/components/bundle-assets/index.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +32 -42
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.module.css +11 -3
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js +7 -4
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
- package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.module.css +12 -14
- package/lib-esm/components/bundle-packages/index.js +5 -2
- package/lib-esm/components/bundle-packages/index.js.map +1 -1
- package/lib-esm/components/delta/delta.module.css +2 -1
- package/lib-esm/components/entry-info/entry-info.js +50 -0
- package/lib-esm/components/entry-info/entry-info.js.map +1 -0
- package/lib-esm/components/entry-info/entry-info.module.css +93 -0
- package/lib-esm/components/entry-info/index.js +2 -0
- package/lib-esm/components/entry-info/index.js.map +1 -0
- package/lib-esm/components/index.js +3 -2
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/insight-icon/index.js +2 -0
- package/lib-esm/components/insight-icon/index.js.map +1 -0
- package/lib-esm/components/insight-icon/insight-icon.js +18 -0
- package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
- package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
- package/lib-esm/components/insights/insights.js +7 -40
- package/lib-esm/components/insights/insights.js.map +1 -1
- package/lib-esm/components/insights/insights.module.css +1 -19
- package/lib-esm/components/job-header/job-header.js +12 -11
- package/lib-esm/components/job-header/job-header.js.map +1 -1
- package/lib-esm/components/jobs-header/index.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.js +20 -13
- package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
- package/lib-esm/components/metric/index.js.map +1 -1
- package/lib-esm/components/metric/metric.js +7 -41
- package/lib-esm/components/metric/metric.js.map +1 -1
- package/lib-esm/components/metric/metric.module.css +3 -3
- package/lib-esm/components/metric-run-info/index.js +2 -0
- package/lib-esm/components/metric-run-info/index.js.map +1 -0
- package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
- package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
- package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib-esm/components/module-info/index.js.map +1 -1
- package/lib-esm/components/module-info/module-info.js +26 -48
- package/lib-esm/components/module-info/module-info.js.map +1 -1
- package/lib-esm/components/module-info/module-info.module.css +8 -33
- package/lib-esm/components/package-info/index.js +2 -0
- package/lib-esm/components/package-info/index.js.map +1 -0
- package/lib-esm/components/package-info/package-info.js +48 -0
- package/lib-esm/components/package-info/package-info.js.map +1 -0
- package/lib-esm/components/package-info/package-info.module.css +13 -0
- package/lib-esm/components/run-info/index.js +2 -0
- package/lib-esm/components/run-info/index.js.map +1 -0
- package/lib-esm/components/run-info/run-info.js +40 -0
- package/lib-esm/components/run-info/run-info.js.map +1 -0
- package/lib-esm/components/run-info/run-info.module.css +76 -0
- package/lib-esm/components/summary/index.js.map +1 -1
- package/lib-esm/components/summary/summary.js +9 -30
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/lib-esm/components/summary/summary.module.css +27 -7
- package/lib-esm/config.json +1 -1
- package/lib-esm/constants.js +0 -22
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/css/variables.css +22 -15
- package/lib-esm/layout/box/box.js +3 -23
- package/lib-esm/layout/box/box.js.map +1 -1
- package/lib-esm/layout/box/box.module.css +11 -0
- package/lib-esm/layout/box/index.js +1 -1
- package/lib-esm/layout/box/index.js.map +1 -1
- package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
- package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib-esm/layout/flex-stack/index.js.map +1 -1
- package/lib-esm/layout/footer/footer.js +2 -4
- package/lib-esm/layout/footer/footer.js.map +1 -1
- package/lib-esm/layout/stack/index.js.map +1 -1
- package/lib-esm/layout/stack/stack.js +3 -16
- package/lib-esm/layout/stack/stack.js.map +1 -1
- package/lib-esm/tokens.js +35 -0
- package/lib-esm/tokens.js.map +1 -0
- package/lib-esm/ui/alert/alert.js +2 -12
- package/lib-esm/ui/alert/alert.js.map +1 -1
- package/lib-esm/ui/alert/index.js.map +1 -1
- package/lib-esm/ui/container/container.js +1 -10
- package/lib-esm/ui/container/container.js.map +1 -1
- package/lib-esm/ui/container/index.js +1 -1
- package/lib-esm/ui/container/index.js.map +1 -1
- package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
- package/lib-esm/ui/file-name/file-name.js +1 -1
- package/lib-esm/ui/file-name/file-name.js.map +1 -1
- package/lib-esm/ui/filters/filters.module.css +1 -5
- package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/lib-esm/ui/hover-card/hover-card.js +3 -21
- package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
- package/lib-esm/ui/hover-card/index.js.map +1 -1
- package/lib-esm/ui/icon/icon.js +14 -18
- package/lib-esm/ui/icon/icon.js.map +1 -1
- package/lib-esm/ui/icon/index.js.map +1 -1
- package/lib-esm/ui/index.js +0 -1
- package/lib-esm/ui/index.js.map +1 -1
- package/lib-esm/ui/input/input.module.css +3 -4
- package/lib-esm/ui/table/index.js.map +1 -1
- package/lib-esm/ui/table/table.js +3 -17
- package/lib-esm/ui/table/table.js.map +1 -1
- package/lib-esm/ui/tag/index.js.map +1 -1
- package/lib-esm/ui/tag/tag.js +4 -28
- package/lib-esm/ui/tag/tag.js.map +1 -1
- package/lib-esm/ui/tag/tag.module.css +15 -1
- package/lib-esm/ui/tooltip/index.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.js +4 -23
- package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
- package/package.json +18 -22
- package/src/app/app.jsx +25 -10
- package/src/app/app.module.css +8 -5
- package/src/app/header/header.module.css +27 -20
- package/src/app/header/header.tsx +26 -0
- package/src/assets/icons/external-link.svg +1 -0
- package/src/assets/icons/github.svg +1 -0
- package/src/assets/icons/more-vertical.svg +5 -0
- package/src/assets/icons.svg +11 -4
- package/src/assets/icons.svg.jsx +35 -14
- package/src/components/asset-info/asset-info.module.css +28 -6
- package/src/components/asset-info/asset-info.stories.tsx +74 -0
- package/src/components/asset-info/asset-info.tsx +159 -0
- package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
- package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
- package/src/components/asset-not-predictive/index.ts +1 -0
- package/src/components/bundle-assets/bundle-assets.jsx +94 -107
- package/src/components/bundle-assets/bundle-assets.module.css +20 -19
- package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
- package/src/components/bundle-assets/index.jsx +7 -1
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/src/components/bundle-modules/bundle-modules.jsx +91 -101
- package/src/components/bundle-modules/bundle-modules.module.css +11 -3
- package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
- package/src/components/bundle-modules/index.jsx +9 -3
- package/src/components/bundle-packages/bundle-packages.jsx +116 -179
- package/src/components/bundle-packages/bundle-packages.module.css +12 -14
- package/src/components/bundle-packages/index.jsx +7 -1
- package/src/components/delta/delta.module.css +2 -1
- package/src/components/entry-info/entry-info.module.css +93 -0
- package/src/components/entry-info/entry-info.stories.tsx +75 -0
- package/src/components/entry-info/entry-info.tsx +134 -0
- package/src/components/entry-info/index.ts +1 -0
- package/src/components/index.js +3 -2
- package/src/components/insight-icon/index.ts +1 -0
- package/src/components/insight-icon/insight-icon.module.css +24 -0
- package/src/components/insight-icon/insight-icon.tsx +25 -0
- package/src/components/insights/insights.module.css +1 -19
- package/src/components/insights/insights.stories.tsx +26 -22
- package/src/components/insights/insights.tsx +8 -65
- package/src/components/job-header/job-header.jsx +16 -13
- package/src/components/jobs-header/jobs-header.module.css +51 -4
- package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
- package/src/components/jobs-header/jobs-header.tsx +89 -0
- package/src/components/metric/metric.module.css +3 -3
- package/src/components/metric/metric.stories.tsx +41 -0
- package/src/components/metric/metric.tsx +42 -0
- package/src/components/metric-run-info/index.ts +1 -0
- package/src/components/metric-run-info/metric-run-info.module.css +18 -0
- package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
- package/src/components/metric-run-info/metric-run-info.tsx +85 -0
- package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
- package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/src/components/module-info/module-info.module.css +8 -33
- package/src/components/module-info/module-info.stories.tsx +44 -0
- package/src/components/module-info/module-info.tsx +116 -0
- package/src/components/package-info/index.ts +1 -0
- package/src/components/package-info/package-info.module.css +13 -0
- package/src/components/package-info/package-info.stories.tsx +36 -0
- package/src/components/package-info/package-info.tsx +135 -0
- package/src/components/run-info/index.ts +1 -0
- package/src/components/run-info/run-info.module.css +76 -0
- package/src/components/run-info/run-info.stories.tsx +58 -0
- package/src/components/run-info/run-info.tsx +111 -0
- package/src/components/summary/summary.module.css +27 -7
- package/src/components/summary/summary.stories.tsx +57 -0
- package/src/components/summary/summary.tsx +102 -0
- package/src/config.json +1 -1
- package/src/constants.js +0 -24
- package/src/css/variables.css +22 -15
- package/src/layout/box/box.module.css +11 -0
- package/src/layout/box/box.stories.tsx +49 -0
- package/src/layout/box/box.tsx +49 -0
- package/src/layout/box/index.ts +1 -0
- package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
- package/src/layout/flex-stack/flex-stack.tsx +43 -0
- package/src/layout/footer/footer.jsx +3 -4
- package/src/layout/stack/stack.stories.tsx +53 -0
- package/src/layout/stack/stack.tsx +22 -0
- package/src/tokens.ts +37 -0
- package/src/ui/alert/alert.stories.tsx +39 -0
- package/src/ui/alert/alert.tsx +23 -0
- package/src/ui/container/container.stories.tsx +29 -0
- package/src/ui/container/container.tsx +18 -0
- package/src/ui/container/index.ts +1 -0
- package/src/ui/dropdown/dropdown.module.css +1 -2
- package/src/ui/file-name/file-name.jsx +1 -1
- package/src/ui/filters/filters.module.css +1 -5
- package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/src/ui/hover-card/hover-card.stories.tsx +41 -0
- package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
- package/src/ui/icon/icon.stories.tsx +54 -0
- package/src/ui/icon/icon.tsx +56 -0
- package/src/ui/index.js +0 -1
- package/src/ui/input/input.module.css +3 -4
- package/src/ui/table/table.stories.tsx +238 -0
- package/src/ui/table/table.tsx +38 -0
- package/src/ui/tag/tag.module.css +15 -1
- package/src/ui/tag/tag.stories.tsx +32 -0
- package/src/ui/tag/tag.tsx +28 -0
- package/src/ui/tooltip/tooltip.module.css +3 -4
- package/src/ui/tooltip/tooltip.stories.tsx +30 -0
- package/src/ui/tooltip/tooltip.tsx +57 -0
- package/types/app/header/header.d.ts +6 -16
- package/types/app/header/index.d.ts +1 -1
- package/types/components/asset-info/asset-info.d.ts +20 -23
- package/types/components/asset-info/index.d.ts +1 -1
- package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
- package/types/components/asset-not-predictive/index.d.ts +1 -0
- package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
- package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
- package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
- package/types/components/bundle-assets/index.d.ts +11 -11
- package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
- package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
- package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
- package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
- package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
- package/types/components/bundle-modules/index.d.ts +11 -11
- package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
- package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
- package/types/components/bundle-packages/index.d.ts +11 -11
- package/types/components/component-link.d.ts +6 -6
- package/types/components/delta/delta.d.ts +7 -7
- package/types/components/entry-info/entry-info.d.ts +25 -0
- package/types/components/entry-info/index.d.ts +1 -0
- package/types/components/index.d.ts +3 -2
- package/types/components/insight-icon/index.d.ts +1 -0
- package/types/components/insight-icon/insight-icon.d.ts +7 -0
- package/types/components/insights/insights.d.ts +2 -2
- package/types/components/job-header/job-header.d.ts +9 -9
- package/types/components/job-name/job-name.d.ts +9 -9
- package/types/components/jobs-header/index.d.ts +1 -1
- package/types/components/jobs-header/jobs-header.d.ts +18 -15
- package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
- package/types/components/metric/index.d.ts +1 -1
- package/types/components/metric/metric.d.ts +6 -32
- package/types/components/metric-run-info/index.d.ts +1 -0
- package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
- package/types/components/metrics-table/metrics-table.d.ts +14 -14
- package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
- package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
- package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
- package/types/components/module-info/index.d.ts +1 -1
- package/types/components/module-info/module-info.d.ts +19 -34
- package/types/components/package-info/index.d.ts +1 -0
- package/types/components/package-info/package-info.d.ts +15 -0
- package/types/components/run-info/index.d.ts +1 -0
- package/types/components/run-info/run-info.d.ts +16 -0
- package/types/components/summary/index.d.ts +1 -1
- package/types/components/summary/summary.d.ts +25 -36
- package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
- package/types/constants.d.ts +4 -15
- package/types/i18n.d.ts +15 -15
- package/types/layout/box/box.d.ts +12 -25
- package/types/layout/box/index.d.ts +1 -1
- package/types/layout/flex-stack/flex-stack.d.ts +10 -33
- package/types/layout/flex-stack/index.d.ts +1 -1
- package/types/layout/footer/footer.d.ts +5 -5
- package/types/layout/separator.d.ts +4 -4
- package/types/layout/stack/index.d.ts +1 -1
- package/types/layout/stack/stack.d.ts +7 -20
- package/types/tokens.d.ts +23 -0
- package/types/ui/alert/alert.d.ts +7 -14
- package/types/ui/alert/index.d.ts +1 -1
- package/types/ui/container/container.d.ts +5 -17
- package/types/ui/container/index.d.ts +1 -1
- package/types/ui/dropdown/dropdown.d.ts +16 -16
- package/types/ui/empty-set/empty-set.d.ts +7 -7
- package/types/ui/file-name/file-name.d.ts +7 -7
- package/types/ui/filters/filters.d.ts +6 -6
- package/types/ui/filters/filters.utils.d.ts +2 -2
- package/types/ui/filters/index.d.ts +4 -4
- package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
- package/types/ui/hover-card/hover-card.d.ts +12 -26
- package/types/ui/hover-card/index.d.ts +1 -1
- package/types/ui/icon/icon.d.ts +54 -38
- package/types/ui/icon/index.d.ts +1 -1
- package/types/ui/index.d.ts +0 -1
- package/types/ui/input/input.d.ts +5 -5
- package/types/ui/loader/loader.d.ts +8 -8
- package/types/ui/skeleton/skeleton.d.ts +7 -7
- package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
- package/types/ui/table/index.d.ts +1 -1
- package/types/ui/table/table.d.ts +14 -33
- package/types/ui/tabs/tabs.d.ts +10 -10
- package/types/ui/tag/index.d.ts +1 -1
- package/types/ui/tag/tag.d.ts +22 -33
- package/types/ui/toolbar/toolbar.d.ts +6 -6
- package/types/ui/tooltip/index.d.ts +1 -1
- package/types/ui/tooltip/tooltip.d.ts +10 -28
- package/lib/components/job-meta/index.js.map +0 -1
- package/lib/components/job-meta/job-meta.js +0 -34
- package/lib/components/job-meta/job-meta.js.map +0 -1
- package/lib/components/job-meta/job-meta.module.css +0 -19
- package/lib/components/summary-item/index.js.map +0 -1
- package/lib/components/summary-item/summary-item.js +0 -97
- package/lib/components/summary-item/summary-item.js.map +0 -1
- package/lib/components/summary-item/summary-item.module.css +0 -58
- package/lib/ui/panels/index.js +0 -6
- package/lib/ui/panels/index.js.map +0 -1
- package/lib/ui/panels/panels.js +0 -28
- package/lib/ui/panels/panels.js.map +0 -1
- package/lib/ui/panels/panels.module.css +0 -23
- package/lib-esm/components/job-meta/index.js +0 -2
- package/lib-esm/components/job-meta/index.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.js +0 -27
- package/lib-esm/components/job-meta/job-meta.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.module.css +0 -19
- package/lib-esm/components/summary-item/index.js +0 -2
- package/lib-esm/components/summary-item/index.js.map +0 -1
- package/lib-esm/components/summary-item/summary-item.js +0 -67
- package/lib-esm/components/summary-item/summary-item.js.map +0 -1
- package/lib-esm/components/summary-item/summary-item.module.css +0 -58
- package/lib-esm/ui/panels/index.js +0 -2
- package/lib-esm/ui/panels/index.js.map +0 -1
- package/lib-esm/ui/panels/panels.js +0 -21
- package/lib-esm/ui/panels/panels.js.map +0 -1
- package/lib-esm/ui/panels/panels.module.css +0 -23
- package/src/app/header/header.jsx +0 -25
- package/src/assets/icons/cancel.svg +0 -1
- package/src/components/asset-info/asset-info.jsx +0 -96
- package/src/components/job-meta/index.js +0 -1
- package/src/components/job-meta/job-meta.jsx +0 -47
- package/src/components/job-meta/job-meta.module.css +0 -19
- package/src/components/jobs-header/jobs-header.jsx +0 -43
- package/src/components/metric/metric.jsx +0 -63
- package/src/components/module-info/module-info.jsx +0 -123
- package/src/components/summary/summary.jsx +0 -73
- package/src/components/summary-item/index.js +0 -1
- package/src/components/summary-item/summary-item.jsx +0 -142
- package/src/components/summary-item/summary-item.module.css +0 -58
- package/src/layout/box/box.jsx +0 -67
- package/src/layout/box/index.js +0 -1
- package/src/layout/flex-stack/flex-stack.jsx +0 -49
- package/src/layout/stack/stack.jsx +0 -32
- package/src/ui/alert/alert.jsx +0 -27
- package/src/ui/container/container.jsx +0 -24
- package/src/ui/container/index.js +0 -1
- package/src/ui/icon/icon.jsx +0 -53
- package/src/ui/panels/index.js +0 -1
- package/src/ui/panels/panels.jsx +0 -39
- package/src/ui/panels/panels.module.css +0 -23
- package/src/ui/table/table.jsx +0 -37
- package/src/ui/tag/tag.jsx +0 -49
- package/src/ui/tooltip/tooltip.jsx +0 -67
- package/tsconfig.esm.json +0 -13
- package/tsconfig.json +0 -7
- package/tsconfig.lib.json +0 -9
- package/types/components/job-meta/index.d.ts +0 -1
- package/types/components/job-meta/job-meta.d.ts +0 -18
- package/types/components/summary-item/index.d.ts +0 -1
- package/types/components/summary-item/summary-item.d.ts +0 -40
- package/types/ui/panels/index.d.ts +0 -1
- package/types/ui/panels/panels.d.ts +0 -18
- /package/src/app/header/{index.js → index.ts} +0 -0
- /package/src/components/asset-info/{index.js → index.ts} +0 -0
- /package/src/components/jobs-header/{index.js → index.ts} +0 -0
- /package/src/components/metric/{index.js → index.ts} +0 -0
- /package/src/components/module-info/{index.js → index.ts} +0 -0
- /package/src/components/summary/{index.js → index.ts} +0 -0
- /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
- /package/src/layout/stack/{index.js → index.ts} +0 -0
- /package/src/ui/alert/{index.js → index.ts} +0 -0
- /package/src/ui/hover-card/{index.js → index.ts} +0 -0
- /package/src/ui/icon/{index.js → index.ts} +0 -0
- /package/src/ui/table/{index.js → index.ts} +0 -0
- /package/src/ui/tag/{index.js → index.ts} +0 -0
- /package/src/ui/tooltip/{index.js → index.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hover-card/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hover-card/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
package/lib/ui/icon/icon.js
CHANGED
|
@@ -5,45 +5,41 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Icon = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
9
|
const icon_module_css_1 = __importDefault(require("./icon.module.css"));
|
|
11
10
|
const ICONS = {
|
|
12
11
|
ARROW: 'arrow',
|
|
13
12
|
ARROW_RIGHT_CIRLCE: 'arrow-right-circle',
|
|
14
|
-
CANCEL: '
|
|
13
|
+
CANCEL: 'close',
|
|
15
14
|
CLOSE: 'close',
|
|
16
15
|
CLOCK: 'clock',
|
|
17
16
|
COMMIT: 'commit',
|
|
18
17
|
ERROR: 'error',
|
|
18
|
+
EXTERNAL_LINK: 'external-link',
|
|
19
19
|
FILTER: 'filter',
|
|
20
|
+
GITHUB: 'github',
|
|
20
21
|
INFO: 'info',
|
|
21
22
|
HELP: 'help',
|
|
22
23
|
MENU: 'menu',
|
|
24
|
+
MORE_VERTICAL: 'more-vertical',
|
|
23
25
|
SORT: 'sort',
|
|
24
26
|
WARNING: 'warning',
|
|
25
27
|
};
|
|
28
|
+
const SIZE = {
|
|
29
|
+
SMALL: 'small',
|
|
30
|
+
MEDIUM: 'medium',
|
|
31
|
+
LARGE: 'large',
|
|
32
|
+
};
|
|
26
33
|
const Icon = (props) => {
|
|
27
|
-
const { className, glyph, as: Component, size, ...restProps } = props;
|
|
34
|
+
const { className = '', glyph, as: Component = 'span', size = SIZE.MEDIUM, ...restProps } = props;
|
|
28
35
|
return (react_1.default.createElement(Component, { className: (0, classnames_1.default)(icon_module_css_1.default.root, className, icon_module_css_1.default[size]), ...restProps },
|
|
29
36
|
react_1.default.createElement("svg", { className: icon_module_css_1.default.icon },
|
|
30
37
|
react_1.default.createElement("use", { xlinkHref: `#${glyph}` }))));
|
|
31
38
|
};
|
|
32
39
|
exports.Icon = Icon;
|
|
33
40
|
exports.Icon.ICONS = ICONS;
|
|
34
|
-
exports.Icon.SIZE_SMALL =
|
|
35
|
-
exports.Icon.SIZE_MEDIUM =
|
|
36
|
-
exports.Icon.SIZE_LARGE =
|
|
37
|
-
exports.Icon.SIZES =
|
|
38
|
-
exports.Icon.defaultProps = {
|
|
39
|
-
className: '',
|
|
40
|
-
as: 'span',
|
|
41
|
-
size: exports.Icon.SIZE_MEDIUM,
|
|
42
|
-
};
|
|
43
|
-
exports.Icon.propTypes = {
|
|
44
|
-
className: prop_types_1.default.string,
|
|
45
|
-
glyph: prop_types_1.default.oneOfType([prop_types_1.default.oneOf(Object.values(ICONS)), prop_types_1.default.node]).isRequired,
|
|
46
|
-
as: prop_types_1.default.node,
|
|
47
|
-
size: prop_types_1.default.oneOf(exports.Icon.SIZES),
|
|
48
|
-
};
|
|
41
|
+
exports.Icon.SIZE_SMALL = SIZE.SMALL;
|
|
42
|
+
exports.Icon.SIZE_MEDIUM = SIZE.MEDIUM;
|
|
43
|
+
exports.Icon.SIZE_LARGE = SIZE.LARGE;
|
|
44
|
+
exports.Icon.SIZES = Object.values(SIZE);
|
|
49
45
|
//# sourceMappingURL=icon.js.map
|
package/lib/ui/icon/icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAUJ,MAAM,IAAI,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElG,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC"}
|
package/lib/ui/icon/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icon/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
|
package/lib/ui/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Tooltip = exports.Tag = exports.Tabs = exports.Table = exports.SortDropdown = exports.Skeleton = exports.
|
|
3
|
+
exports.Tooltip = exports.Tag = exports.Tabs = exports.Table = exports.SortDropdown = exports.Skeleton = exports.Loader = exports.Input = exports.Icon = exports.HoverCard = exports.HorizontalBarChart = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.Container = exports.Alert = void 0;
|
|
4
4
|
var alert_1 = require("./alert");
|
|
5
5
|
Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
|
|
6
6
|
var container_1 = require("./container");
|
|
@@ -23,8 +23,6 @@ var input_1 = require("./input");
|
|
|
23
23
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
|
|
24
24
|
var loader_1 = require("./loader");
|
|
25
25
|
Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return loader_1.Loader; } });
|
|
26
|
-
var panels_1 = require("./panels");
|
|
27
|
-
Object.defineProperty(exports, "Panels", { enumerable: true, get: function () { return panels_1.Panels; } });
|
|
28
26
|
var skeleton_1 = require("./skeleton");
|
|
29
27
|
Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
|
|
30
28
|
var sort_dropdown_1 = require("./sort-dropdown");
|
package/lib/ui/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
border: 1px solid var(--color-outline)
|
|
3
|
-
border-radius:
|
|
2
|
+
border: 1px solid var(--color-outline);
|
|
3
|
+
border-radius: var(--radius-small);
|
|
4
4
|
color: var(--color-text-light);
|
|
5
5
|
width: 100%;
|
|
6
6
|
transition: var(--transition-in);
|
|
@@ -25,8 +25,7 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.root:focus {
|
|
28
|
-
|
|
29
|
-
box-shadow: var(--shadow-layer);
|
|
28
|
+
box-shadow: var(--outline-hover);
|
|
30
29
|
color: inherit;
|
|
31
30
|
transition: var(--transition-out);
|
|
32
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/table/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/table/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
|
package/lib/ui/table/table.js
CHANGED
|
@@ -5,15 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Table = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
9
|
const table_module_css_1 = __importDefault(require("./table.module.css"));
|
|
11
|
-
const Table = (
|
|
10
|
+
const Table = (props) => {
|
|
11
|
+
const { className = '', emptyMessage = null, compact = false, outline = false, children, ...restProps } = props;
|
|
12
12
|
const rootClassName = (0, classnames_1.default)(table_module_css_1.default.root, className, compact && table_module_css_1.default.compact, outline && table_module_css_1.default.outline);
|
|
13
13
|
if (!children) {
|
|
14
14
|
return react_1.default.createElement("div", { className: (0, classnames_1.default)(rootClassName, table_module_css_1.default.empty) }, emptyMessage);
|
|
15
15
|
}
|
|
16
|
-
return react_1.default.createElement("table", { className: rootClassName }, children);
|
|
16
|
+
return (react_1.default.createElement("table", { className: rootClassName, ...restProps }, children));
|
|
17
17
|
};
|
|
18
18
|
exports.Table = Table;
|
|
19
19
|
exports.Table.THead = 'thead';
|
|
@@ -21,18 +21,4 @@ exports.Table.TBody = 'tbody';
|
|
|
21
21
|
exports.Table.Tr = 'tr';
|
|
22
22
|
exports.Table.Th = 'th';
|
|
23
23
|
exports.Table.Td = 'td';
|
|
24
|
-
exports.Table.defaultProps = {
|
|
25
|
-
className: '',
|
|
26
|
-
emptyMessage: 'No entries found.',
|
|
27
|
-
children: null,
|
|
28
|
-
compact: false,
|
|
29
|
-
outline: false,
|
|
30
|
-
};
|
|
31
|
-
exports.Table.propTypes = {
|
|
32
|
-
className: prop_types_1.default.string,
|
|
33
|
-
emptyMessage: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
|
|
34
|
-
compact: prop_types_1.default.bool,
|
|
35
|
-
outline: prop_types_1.default.bool,
|
|
36
|
-
children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.arrayOf(prop_types_1.default.node)]),
|
|
37
|
-
};
|
|
38
24
|
//# sourceMappingURL=table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,0EAAqC;AAQ9B,MAAM,KAAK,GAAG,CAAC,KAAiD,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,0BAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;KAC3E;IAED,OAAO,CACL,yCAAO,SAAS,EAAE,aAAa,KAAM,SAAS,IAC3C,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,KAAK,SAoBhB;AAEF,aAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,aAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC"}
|
package/lib/ui/tag/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tag/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tag/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB"}
|
package/lib/ui/tag/tag.js
CHANGED
|
@@ -3,41 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Tag =
|
|
6
|
+
exports.Tag = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const tokens_1 = require("../../tokens");
|
|
10
10
|
const tag_module_css_1 = __importDefault(require("./tag.module.css"));
|
|
11
|
-
exports.KINDS = {
|
|
12
|
-
DEFAULT: 'default',
|
|
13
|
-
SUCCESS: 'success',
|
|
14
|
-
INFO: 'info',
|
|
15
|
-
WARNING: 'warning',
|
|
16
|
-
DANGER: 'danger',
|
|
17
|
-
};
|
|
18
|
-
exports.SIZES = {
|
|
19
|
-
SMALL: 'small',
|
|
20
|
-
MEDIUM: 'medium',
|
|
21
|
-
LARGE: 'large',
|
|
22
|
-
};
|
|
23
11
|
const Tag = (props) => {
|
|
24
|
-
const { className = '', as: Component = 'span', kind =
|
|
12
|
+
const { className = '', as: Component = 'span', kind = tokens_1.KIND.DEFAULT, size = tokens_1.SIZE.MEDIUM, ...restProps } = props;
|
|
25
13
|
const rootClassName = (0, classnames_1.default)(tag_module_css_1.default.root, className, tag_module_css_1.default[kind], tag_module_css_1.default[size]);
|
|
26
14
|
return react_1.default.createElement(Component, { className: rootClassName, ...restProps });
|
|
27
15
|
};
|
|
28
16
|
exports.Tag = Tag;
|
|
29
|
-
exports.Tag.
|
|
30
|
-
|
|
31
|
-
as: prop_types_1.default.elementType,
|
|
32
|
-
kind: prop_types_1.default.oneOf(Object.values(exports.KINDS)),
|
|
33
|
-
size: prop_types_1.default.oneOf(Object.values(exports.SIZES)),
|
|
34
|
-
};
|
|
35
|
-
exports.Tag.defaultProps = {
|
|
36
|
-
className: '',
|
|
37
|
-
as: 'span',
|
|
38
|
-
kind: exports.KINDS.DEFAULT,
|
|
39
|
-
size: exports.SIZES.MEDIUM,
|
|
40
|
-
};
|
|
41
|
-
exports.Tag.KINDS = exports.KINDS;
|
|
42
|
-
exports.Tag.SIZES = exports.SIZES;
|
|
17
|
+
exports.Tag.KINDS = tokens_1.KIND;
|
|
18
|
+
exports.Tag.SIZES = tokens_1.SIZE;
|
|
43
19
|
//# sourceMappingURL=tag.js.map
|
package/lib/ui/tag/tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.
|
|
1
|
+
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAA0C;AAC1C,sEAAmC;AAQ5B,MAAM,GAAG,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,aAAI,CAAC,OAAO,EACnB,IAAI,GAAG,aAAI,CAAC,MAAM,EAClB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAG,CAAC,IAAI,CAAC,EAAE,wBAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAZW,QAAA,GAAG,OAYd;AAEF,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC;AACjB,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC"}
|
|
@@ -2,12 +2,26 @@
|
|
|
2
2
|
display: inline-block;
|
|
3
3
|
font-family: var(--font-family);
|
|
4
4
|
font-weight: bold;
|
|
5
|
-
background: var(--color-text-light);
|
|
5
|
+
background: var(--color-text-ultra-light);
|
|
6
6
|
color: var(--color-light);
|
|
7
7
|
text-align: center;
|
|
8
8
|
text-transform: uppercase;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
a.root {
|
|
12
|
+
text-decoration: none;
|
|
13
|
+
transition: var(--transition-out);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
a.root:hover,
|
|
17
|
+
a.root:focus,
|
|
18
|
+
a.root:active {
|
|
19
|
+
opacity: 0.8;
|
|
20
|
+
color: var(--color-light);
|
|
21
|
+
text-decoration: none;
|
|
22
|
+
transition: var(--transition-in);
|
|
23
|
+
}
|
|
24
|
+
|
|
11
25
|
/** Kind variation */
|
|
12
26
|
.success {
|
|
13
27
|
background: var(--color-success);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
|
|
@@ -5,37 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Tooltip = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
9
|
const tooltip_1 = require("ariakit/tooltip");
|
|
11
10
|
const tooltip_module_css_1 = __importDefault(require("./tooltip.module.css"));
|
|
12
11
|
const Tooltip = (props) => {
|
|
13
|
-
const { className, tooltipClassName, title
|
|
14
|
-
const tooltip = (0, tooltip_1.useTooltipState)({ placement: 'top' });
|
|
12
|
+
const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, darkMode = true, ...restProps } = props;
|
|
13
|
+
const tooltip = (0, tooltip_1.useTooltipState)({ placement: 'top', timeout: 300 });
|
|
15
14
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
16
|
-
react_1.default.createElement(tooltip_1.TooltipAnchor, { as: Component, className: (0, classnames_1.default)(tooltip_module_css_1.default.root, className), state: tooltip, ...(ref ? { ref } : {}), ...restProps }
|
|
15
|
+
react_1.default.createElement(tooltip_1.TooltipAnchor, { as: Component, className: (0, classnames_1.default)(tooltip_module_css_1.default.root, className), state: tooltip, "aria-controls": tooltip.open ? tooltip.contentElement?.id : '', ...(ref ? { ref } : {}), ...restProps }),
|
|
17
16
|
title && (react_1.default.createElement(tooltip_1.Tooltip, { state: tooltip, className: (0, classnames_1.default)(tooltip_module_css_1.default.tooltip, tooltipClassName, darkMode && tooltip_module_css_1.default.tooltipDarkMode) },
|
|
18
17
|
react_1.default.createElement(tooltip_1.TooltipArrow, { state: tooltip, className: tooltip_module_css_1.default.arrow, size: 12 }),
|
|
19
18
|
title))));
|
|
20
19
|
};
|
|
21
20
|
exports.Tooltip = Tooltip;
|
|
22
|
-
exports.Tooltip.defaultProps = {
|
|
23
|
-
className: '',
|
|
24
|
-
tooltipClassName: '',
|
|
25
|
-
title: '',
|
|
26
|
-
as: 'span',
|
|
27
|
-
containerRef: null,
|
|
28
|
-
darkMode: true,
|
|
29
|
-
};
|
|
30
|
-
exports.Tooltip.propTypes = {
|
|
31
|
-
className: prop_types_1.default.string,
|
|
32
|
-
tooltipClassName: prop_types_1.default.string,
|
|
33
|
-
title: prop_types_1.default.node,
|
|
34
|
-
children: prop_types_1.default.node.isRequired,
|
|
35
|
-
as: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element, prop_types_1.default.func]),
|
|
36
|
-
containerRef: prop_types_1.default.shape({
|
|
37
|
-
current: prop_types_1.default.object,
|
|
38
|
-
}),
|
|
39
|
-
darkMode: prop_types_1.default.bool,
|
|
40
|
-
};
|
|
41
21
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,6CAKyB;AAEzB,8EAAuC;AAWhC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL;QACE,8BAAC,uBAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KACzD,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,8BAAC,iBAAS,IACR,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,4BAAG,CAAC,eAAe,CAAC;YAE7E,8BAAC,sBAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,4BAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,OAAO,WAoClB"}
|
|
@@ -12,14 +12,13 @@
|
|
|
12
12
|
|
|
13
13
|
.tooltip {
|
|
14
14
|
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
15
|
-
border-radius: var(--radius-
|
|
15
|
+
border-radius: var(--radius-small);
|
|
16
16
|
background: var(--color-light);
|
|
17
17
|
max-width: 24em;
|
|
18
18
|
color: var(--color-text);
|
|
19
19
|
filter: drop-shadow(var(--shadow-layer));
|
|
20
20
|
will-change: filter;
|
|
21
21
|
font-size: var(--size-xsmall);
|
|
22
|
-
line-height: var(--space-small);
|
|
23
22
|
}
|
|
24
23
|
|
|
25
24
|
.arrow svg {
|
|
@@ -28,10 +27,10 @@
|
|
|
28
27
|
}
|
|
29
28
|
|
|
30
29
|
.tooltipDarkMode {
|
|
31
|
-
background: var(--color-text);
|
|
30
|
+
background: var(--color-text-dark);
|
|
32
31
|
color: var(--color-light);
|
|
33
32
|
}
|
|
34
33
|
|
|
35
34
|
.tooltipDarkMode .arrow svg {
|
|
36
|
-
fill: var(--color-text);
|
|
35
|
+
fill: var(--color-text-dark);
|
|
37
36
|
}
|
package/lib-esm/app/app.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useContext, useEffect, useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
+
import isEmpty from 'lodash/isEmpty';
|
|
3
4
|
import { HashRouter, NavLink, Route, Switch, useLocation } from 'react-router-dom';
|
|
4
5
|
import { COMPONENT } from '@bundle-stats/utils';
|
|
5
6
|
import { METRICS_WEBPACK_ASSETS, METRICS_WEBPACK_GENERAL, METRICS_WEBPACK_MODULES, METRICS_WEBPACK_PACKAGES, URLS, } from '../constants';
|
|
@@ -49,17 +50,28 @@ JobsProvider.propTypes = {
|
|
|
49
50
|
jobs: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
50
51
|
};
|
|
51
52
|
const OverviewContent = () => {
|
|
52
|
-
var _a, _b, _c, _d, _e;
|
|
53
53
|
const { jobs } = useContext(JobsContext);
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
const insightsByName = useMemo(() => {
|
|
55
|
+
var _a, _b;
|
|
56
|
+
const webpackInsights = (_b = (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.insights) === null || _b === void 0 ? void 0 : _b.webpack;
|
|
57
|
+
if (!webpackInsights) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
const res = {
|
|
61
|
+
...(webpackInsights.duplicatePackagesV3 && { duplicatePackages: webpackInsights.duplicatePackagesV3 }),
|
|
62
|
+
...(webpackInsights.newPackages && { newPackages: webpackInsights.newPackages }),
|
|
63
|
+
};
|
|
64
|
+
if (isEmpty(res)) {
|
|
65
|
+
return null;
|
|
66
|
+
}
|
|
67
|
+
return res;
|
|
68
|
+
}, [jobs]);
|
|
57
69
|
return (React.createElement(Stack, { space: "medium" },
|
|
58
|
-
|
|
70
|
+
insightsByName && (React.createElement(Container, null,
|
|
59
71
|
React.createElement(Stack, { space: "xsmall" },
|
|
60
72
|
React.createElement(MetricsTableTitle, { title: "Insights" }),
|
|
61
73
|
React.createElement(Box, { padding: "small", outline: true },
|
|
62
|
-
React.createElement(Insights, {
|
|
74
|
+
React.createElement(Insights, { insights: insightsByName }))))),
|
|
63
75
|
React.createElement(Container, null,
|
|
64
76
|
React.createElement(Stack, { space: "small" },
|
|
65
77
|
React.createElement(TotalSizeTypeTitle, null),
|
|
@@ -72,7 +84,7 @@ const AssetsContent = () => {
|
|
|
72
84
|
const { jobs } = useContext(JobsContext);
|
|
73
85
|
return (React.createElement(Container, null,
|
|
74
86
|
React.createElement(Stack, { space: "medium" },
|
|
75
|
-
React.createElement(Summary, { keys: METRICS_WEBPACK_ASSETS, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
87
|
+
React.createElement(Summary, { keys: METRICS_WEBPACK_ASSETS, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
76
88
|
React.createElement(Box, { outline: true },
|
|
77
89
|
React.createElement(BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState })))));
|
|
78
90
|
};
|
|
@@ -82,7 +94,7 @@ const ModulesContent = () => {
|
|
|
82
94
|
const { jobs } = useContext(JobsContext);
|
|
83
95
|
return (React.createElement(Container, null,
|
|
84
96
|
React.createElement(Stack, { space: "medium" },
|
|
85
|
-
React.createElement(Summary, { keys: METRICS_WEBPACK_MODULES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
97
|
+
React.createElement(Summary, { keys: METRICS_WEBPACK_MODULES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
86
98
|
React.createElement(Box, { outline: true },
|
|
87
99
|
React.createElement(BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState })))));
|
|
88
100
|
};
|
|
@@ -92,7 +104,7 @@ const PackagesContent = () => {
|
|
|
92
104
|
const { jobs } = useContext(JobsContext);
|
|
93
105
|
return (React.createElement(Container, null,
|
|
94
106
|
React.createElement(Stack, { space: "medium" },
|
|
95
|
-
React.createElement(Summary, { keys: METRICS_WEBPACK_PACKAGES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
107
|
+
React.createElement(Summary, { keys: METRICS_WEBPACK_PACKAGES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
96
108
|
React.createElement(Box, { outline: true },
|
|
97
109
|
React.createElement(BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState })))));
|
|
98
110
|
};
|
|
@@ -105,7 +117,7 @@ const AppComponent = ({ version, jobs }) => {
|
|
|
105
117
|
return (React.createElement(JobsProvider, { jobs: jobs },
|
|
106
118
|
React.createElement(Layout, { jobs: jobs, version: version },
|
|
107
119
|
React.createElement(Container, { className: css.summaryContainer },
|
|
108
|
-
React.createElement(Summary, { size: "large", keys: METRICS_WEBPACK_GENERAL, data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1 })),
|
|
120
|
+
React.createElement(Summary, { size: "large", keys: METRICS_WEBPACK_GENERAL, data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 })),
|
|
109
121
|
React.createElement(Container, { className: css.tabsContainer },
|
|
110
122
|
React.createElement(Tabs, { className: css.tabs },
|
|
111
123
|
React.createElement(Tabs.Item, { as: NavLink, exact: true, to: URLS.OVERVIEW, activeClassName: css.tabActive }, I18N.OVERVIEW),
|
package/lib-esm/app/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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"}
|
|
@@ -12,9 +12,14 @@
|
|
|
12
12
|
text-align: center;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
.header {
|
|
16
|
+
background-color: var(--color-background);
|
|
17
|
+
border-bottom: 1px solid var(--color-outline);
|
|
18
|
+
}
|
|
19
|
+
|
|
15
20
|
.summaryContainer {
|
|
16
21
|
padding-top: var(--space-medium);
|
|
17
|
-
padding-bottom: var(--space-
|
|
22
|
+
padding-bottom: var(--space-xsmall);
|
|
18
23
|
}
|
|
19
24
|
|
|
20
25
|
.tabsContainer {
|
|
@@ -42,7 +47,7 @@
|
|
|
42
47
|
|
|
43
48
|
@media (min-width: 600px) {
|
|
44
49
|
:root {
|
|
45
|
-
--header-height:
|
|
50
|
+
--header-height: 52px;
|
|
46
51
|
}
|
|
47
52
|
|
|
48
53
|
.header {
|
|
@@ -52,13 +57,11 @@
|
|
|
52
57
|
top: 0;
|
|
53
58
|
right: 0;
|
|
54
59
|
height: var(--header-height);
|
|
55
|
-
background-color: var(--color-background);
|
|
56
|
-
border-bottom: 1px solid var(--color-outline);
|
|
57
60
|
}
|
|
58
61
|
|
|
59
62
|
.tabsContainer {
|
|
60
63
|
position: sticky;
|
|
61
64
|
top: var(--header-height);
|
|
62
|
-
z-index:
|
|
65
|
+
z-index: calc(var(--layer-high) - 1);
|
|
63
66
|
}
|
|
64
67
|
}
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import cx from 'classnames';
|
|
3
|
+
import config from '../../config.json';
|
|
4
4
|
import { Container } from '../../ui/container';
|
|
5
|
+
import { FlexStack } from '../../layout/flex-stack';
|
|
5
6
|
import { JobsHeader } from '../../components/jobs-header';
|
|
6
7
|
import css from './header.module.css';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
Header.defaultProps = {
|
|
15
|
-
className: '',
|
|
16
|
-
jobs: null,
|
|
17
|
-
};
|
|
8
|
+
import { Icon } from '../../ui';
|
|
9
|
+
export const Header = ({ className = '', jobs }) => (React.createElement(Container, { as: "header", className: cx(css.root, className) },
|
|
10
|
+
React.createElement(FlexStack, { space: "small", alignItems: "center" },
|
|
11
|
+
React.createElement(JobsHeader, { className: css.jobs, jobs: jobs }),
|
|
12
|
+
React.createElement("div", { className: css.tools },
|
|
13
|
+
React.createElement("a", { href: config.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: css.toolsGitHub },
|
|
14
|
+
React.createElement(Icon, { glyph: Icon.ICONS.GITHUB, size: "large", className: css.toolsGitHubIcon }))))));
|
|
18
15
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,GAAG,MAAM,qBAAqB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAMhC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAgD,EAAE,EAAE,CAAC,CAChG,oBAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ;QAC1C,oBAAC,UAAU,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/C,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK;YACvB,2BAAG,IAAI,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,GAAG,CAAC,WAAW;gBAC7F,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,CAAC,eAAe,GAAI,CAC7E,CACA,CACI,CACF,CACb,CAAC"}
|
|
@@ -1,30 +1,37 @@
|
|
|
1
|
-
.
|
|
2
|
-
|
|
3
|
-
align-items: center;
|
|
1
|
+
.jobs {
|
|
2
|
+
flex: 1 1 auto;
|
|
4
3
|
}
|
|
5
4
|
|
|
6
|
-
.
|
|
7
|
-
padding: var(--space-small);
|
|
5
|
+
.tools {
|
|
8
6
|
flex: 0 0 auto;
|
|
9
|
-
color: var(--color-text);
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
7
|
}
|
|
13
8
|
|
|
14
|
-
.
|
|
15
|
-
|
|
9
|
+
.toolsGitHub {
|
|
10
|
+
display: block;
|
|
11
|
+
border-radius: 50%;
|
|
12
|
+
opacity: 0.8;
|
|
13
|
+
transition: var(--transition-out);
|
|
16
14
|
}
|
|
17
15
|
|
|
18
|
-
.
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
.toolsGitHub:hover,
|
|
17
|
+
.toolsGitHub:focus,
|
|
18
|
+
.toolsGitHub:active {
|
|
19
|
+
opacity: 1;
|
|
20
|
+
transition: var(--transition-in);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.toolsGitHubIcon {
|
|
24
|
+
display: block;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
@media (min-width: 1140px) {
|
|
28
|
+
.tools {
|
|
29
|
+
position: absolute;
|
|
30
|
+
right: 0;
|
|
31
|
+
top: 0;
|
|
32
|
+
height: var(--header-height);
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
padding: 0 var(--space-small);
|
|
36
|
+
}
|
|
30
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app/header/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|