@bundle-stats/ui 4.1.1-alpha.3 → 4.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app/app.js +20 -85
- package/lib/app/app.stories.js +2 -20
- package/lib/app/header/header.js +2 -11
- package/lib/app/header/index.js +0 -2
- package/lib/app/index.js +0 -2
- package/lib/components/asset-info/asset-info.js +7 -25
- package/lib/components/asset-info/asset-info.stories.js +0 -5
- package/lib/components/asset-info/index.js +0 -2
- package/lib/components/browsertime-table/browsertime-table.js +1 -12
- package/lib/components/browsertime-table/browsertime-table.stories.js +1 -11
- package/lib/components/browsertime-table/index.js +0 -2
- package/lib/components/bundle-assets/bundle-assets.constants.js +0 -3
- package/lib/components/bundle-assets/bundle-assets.js +29 -86
- package/lib/components/bundle-assets/bundle-assets.stories.js +2 -23
- package/lib/components/bundle-assets/bundle-assets.utils.js +0 -26
- package/lib/components/bundle-assets/index.js +21 -49
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +3 -33
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +0 -8
- package/lib/components/bundle-assets-totals-chart-bars/index.js +0 -2
- package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.js +7 -29
- package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -10
- package/lib/components/bundle-assets-totals-table/index.js +0 -2
- package/lib/components/bundle-modules/bundle-modules.constants.js +0 -3
- package/lib/components/bundle-modules/bundle-modules.js +24 -77
- package/lib/components/bundle-modules/bundle-modules.stories.js +16 -30
- package/lib/components/bundle-modules/bundle-modules.utils.js +19 -54
- package/lib/components/bundle-modules/index.js +25 -56
- package/lib/components/bundle-packages/bundle-packages.constants.js +0 -3
- package/lib/components/bundle-packages/bundle-packages.js +33 -83
- package/lib/components/bundle-packages/bundle-packages.stories.js +2 -22
- package/lib/components/bundle-packages/bundle-packages.utils.js +0 -23
- package/lib/components/bundle-packages/index.js +23 -49
- package/lib/components/component-link.js +4 -17
- package/lib/components/delta/delta.js +3 -10
- package/lib/components/delta/delta.stories.js +0 -5
- package/lib/components/delta/index.js +0 -2
- package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js +3 -15
- package/lib/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
- package/lib/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +0 -5
- package/lib/components/duplicate-packages-warning/index.js +0 -2
- package/lib/components/index.js +0 -22
- package/lib/components/job-header/index.js +0 -2
- package/lib/components/job-header/job-header.js +6 -22
- package/lib/components/job-header/job-header.stories.js +0 -5
- package/lib/components/job-meta/index.js +0 -2
- package/lib/components/job-meta/job-meta.js +4 -18
- package/lib/components/job-meta/job-meta.stories.js +0 -5
- package/lib/components/job-name/index.js +0 -2
- package/lib/components/job-name/job-name.js +4 -19
- package/lib/components/job-name/job-name.stories.js +0 -5
- package/lib/components/jobs-header/index.js +0 -2
- package/lib/components/jobs-header/jobs-header.js +1 -12
- package/lib/components/jobs-header/jobs-header.stories.js +0 -5
- package/lib/components/lighthouse-table/index.js +0 -2
- package/lib/components/lighthouse-table/lighthouse-table.js +1 -12
- package/lib/components/lighthouse-table/lighthouse-table.stories.js +0 -7
- package/lib/components/metric/index.js +0 -2
- package/lib/components/metric/metric.js +27 -45
- package/lib/components/metric/metric.stories.js +0 -6
- package/lib/components/metrics-table/index.js +0 -2
- package/lib/components/metrics-table/metrics-table.js +36 -75
- package/lib/components/metrics-table/metrics-table.stories.js +0 -5
- package/lib/components/metrics-table-options/index.js +0 -2
- package/lib/components/metrics-table-options/metrics-table-options.js +5 -19
- package/lib/components/metrics-table-options/metrics-table-options.stories.js +0 -5
- package/lib/components/metrics-table-search/index.js +0 -2
- package/lib/components/metrics-table-search/metrics-table-search.js +9 -28
- package/lib/components/metrics-table-search/metrics-table-search.stories.js +3 -19
- package/lib/components/metrics-table-title/index.js +0 -2
- package/lib/components/metrics-table-title/metrics-table-title.js +4 -16
- package/lib/components/module-info/index.js +0 -2
- package/lib/components/module-info/module-info.js +6 -22
- package/lib/components/module-info/module-info.stories.js +0 -5
- package/lib/components/summary/index.js +0 -2
- package/lib/components/summary/summary.js +9 -33
- package/lib/components/summary/summary.module.css +4 -1
- package/lib/components/summary/summary.stories.js +1 -15
- package/lib/components/summary-item/index.js +0 -2
- package/lib/components/summary-item/summary-item.js +14 -44
- package/lib/components/summary-item/summary-item.stories.js +0 -14
- package/lib/components/total-size-type-title/index.js +0 -2
- package/lib/components/total-size-type-title/total-size-type-title.js +0 -13
- package/lib/constants.js +0 -8
- package/lib/css/default.css +3 -1
- package/lib/css/variables.css +1 -1
- package/lib/hooks/rows-filter.js +3 -7
- package/lib/hooks/rows-sort.js +12 -25
- package/lib/hooks/search-params.js +21 -51
- package/lib/index.js +0 -10
- package/lib/layout/box/box.js +10 -39
- package/lib/layout/box/box.stories.js +0 -5
- package/lib/layout/box/index.js +0 -1
- package/lib/layout/flex-stack/flex-stack.js +4 -18
- package/lib/layout/flex-stack/flex-stack.stories.js +0 -6
- package/lib/layout/flex-stack/index.js +0 -2
- package/lib/layout/footer/footer.js +1 -16
- package/lib/layout/footer/footer.stories.js +0 -5
- package/lib/layout/footer/index.js +0 -1
- package/lib/layout/header/header.js +3 -13
- package/lib/layout/header/header.stories.js +0 -7
- package/lib/layout/header/index.js +0 -1
- package/lib/layout/index.js +0 -7
- package/lib/layout/separator.js +2 -14
- package/lib/layout/stack/index.js +0 -2
- package/lib/layout/stack/stack.js +4 -18
- package/lib/layout/stack/stack.stories.js +0 -6
- package/lib/layout/sub-header/index.js +0 -2
- package/lib/layout/sub-header/sub-header.js +6 -16
- package/lib/layout/sub-header/sub-header.stories.js +0 -6
- package/lib/prototypes/typography.stories.js +6 -15
- package/lib/query-state.js +5 -28
- package/lib/stories/index.js +0 -2
- package/lib/stories/wrapper.js +0 -9
- package/lib/ui/alert/alert.js +2 -10
- package/lib/ui/alert/alert.stories.js +0 -5
- package/lib/ui/alert/index.js +0 -2
- package/lib/ui/container/container.js +2 -15
- package/lib/ui/container/container.stories.js +0 -4
- package/lib/ui/container/index.js +0 -1
- package/lib/ui/dropdown/dropdown.js +5 -20
- package/lib/ui/dropdown/dropdown.stories.js +0 -5
- package/lib/ui/dropdown/index.js +0 -2
- package/lib/ui/empty-set/empty-set.js +3 -17
- package/lib/ui/empty-set/empty-set.stories.js +0 -5
- package/lib/ui/empty-set/index.js +0 -2
- package/lib/ui/file-name/file-name.js +2 -11
- package/lib/ui/file-name/file-name.stories.js +0 -4
- package/lib/ui/file-name/index.js +0 -1
- package/lib/ui/filters/filters.js +29 -73
- package/lib/ui/filters/filters.stories.js +7 -28
- package/lib/ui/filters/filters.utils.js +13 -42
- package/lib/ui/filters/index.js +8 -35
- package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.js +18 -61
- package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +0 -5
- package/lib/ui/horizontal-bar-chart/index.js +0 -2
- package/lib/ui/hover-card/hover-card.js +8 -28
- package/lib/ui/hover-card/hover-card.stories.js +0 -10
- package/lib/ui/hover-card/index.js +0 -2
- package/lib/ui/icon/icon.js +4 -17
- package/lib/ui/icon/icon.stories.js +0 -8
- package/lib/ui/icon/index.js +0 -2
- package/lib/ui/index.js +0 -19
- package/lib/ui/input/index.js +0 -2
- package/lib/ui/input/input.js +2 -14
- package/lib/ui/input/input.stories.js +0 -5
- package/lib/ui/loader/index.js +0 -2
- package/lib/ui/loader/loader.js +2 -15
- package/lib/ui/loader/loader.stories.js +0 -5
- package/lib/ui/logo/index.js +0 -1
- package/lib/ui/logo/logo.js +3 -28
- package/lib/ui/logo/logo.stories.js +1 -10
- package/lib/ui/panels/index.js +0 -1
- package/lib/ui/panels/panels.js +5 -23
- package/lib/ui/panels/panels.stories.js +0 -5
- package/lib/ui/skeleton/index.js +0 -2
- package/lib/ui/skeleton/skeleton.js +3 -15
- package/lib/ui/skeleton/skeleton.stories.js +0 -8
- package/lib/ui/sort-dropdown/index.js +0 -2
- package/lib/ui/sort-dropdown/sort-dropdown.js +18 -50
- package/lib/ui/sort-dropdown/sort-dropdown.stories.js +1 -5
- package/lib/ui/table/index.js +0 -2
- package/lib/ui/table/table.js +4 -13
- package/lib/ui/table/table.stories.js +4 -9
- package/lib/ui/tabs/index.js +0 -1
- package/lib/ui/tabs/tabs.js +5 -21
- package/lib/ui/tabs/tabs.module.css +6 -2
- package/lib/ui/tabs/tabs.stories.js +0 -5
- package/lib/ui/tag/index.js +0 -2
- package/lib/ui/tag/tag.js +8 -21
- package/lib/ui/tag/tag.stories.js +0 -6
- package/lib/ui/toolbar/index.js +0 -2
- package/lib/ui/toolbar/toolbar.js +2 -9
- package/lib/ui/toolbar/toolbar.stories.js +0 -5
- package/lib/ui/tooltip/index.js +0 -2
- package/lib/ui/tooltip/tooltip.js +8 -21
- package/lib/ui/tooltip/tooltip.stories.js +0 -7
- package/lib/utils.js +0 -18
- package/lib-esm/app/app.js +1 -18
- package/lib-esm/app/app.stories.js +3 -5
- package/lib-esm/app/header/header.js +1 -1
- package/lib-esm/components/asset-info/asset-info.js +0 -8
- package/lib-esm/components/browsertime-table/browsertime-table.js +0 -1
- package/lib-esm/components/browsertime-table/browsertime-table.stories.js +2 -1
- package/lib-esm/components/bundle-assets/bundle-assets.js +2 -14
- package/lib-esm/components/bundle-assets/bundle-assets.stories.js +0 -2
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +4 -11
- package/lib-esm/components/bundle-assets/index.js +0 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +0 -7
- package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js +1 -4
- package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -2
- package/lib-esm/components/bundle-modules/bundle-modules.js +4 -16
- package/lib-esm/components/bundle-modules/bundle-modules.stories.js +4 -2
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +15 -25
- package/lib-esm/components/bundle-modules/index.js +0 -6
- package/lib-esm/components/bundle-packages/bundle-packages.js +2 -11
- package/lib-esm/components/bundle-packages/bundle-packages.utils.js +4 -8
- package/lib-esm/components/bundle-packages/index.js +0 -1
- package/lib-esm/components/component-link.js +1 -2
- package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
- package/lib-esm/components/job-header/job-header.js +1 -3
- package/lib-esm/components/job-meta/job-meta.js +0 -3
- package/lib-esm/components/job-name/job-name.js +0 -4
- package/lib-esm/components/jobs-header/jobs-header.js +0 -1
- package/lib-esm/components/lighthouse-table/lighthouse-table.js +0 -1
- package/lib-esm/components/metric/metric.js +2 -6
- package/lib-esm/components/metrics-table/metrics-table.js +14 -18
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +0 -3
- package/lib-esm/components/metrics-table-search/metrics-table-search.js +4 -2
- package/lib-esm/components/metrics-table-search/metrics-table-search.stories.js +0 -2
- package/lib-esm/components/module-info/module-info.js +0 -4
- package/lib-esm/components/summary/summary.js +0 -2
- package/lib-esm/components/summary/summary.module.css +4 -1
- package/lib-esm/components/summary/summary.stories.js +0 -1
- package/lib-esm/components/summary-item/summary-item.js +0 -9
- package/lib-esm/constants.js +2 -1
- package/lib-esm/css/default.css +3 -1
- package/lib-esm/css/variables.css +1 -1
- package/lib-esm/hooks/rows-filter.js +0 -1
- package/lib-esm/hooks/search-params.js +9 -17
- package/lib-esm/layout/box/box.js +0 -6
- package/lib-esm/layout/flex-stack/flex-stack.js +0 -1
- package/lib-esm/layout/footer/footer.js +1 -4
- package/lib-esm/layout/header/header.js +0 -3
- package/lib-esm/layout/separator.js +1 -2
- package/lib-esm/layout/stack/stack.js +0 -1
- package/lib-esm/prototypes/typography.stories.js +4 -4
- package/lib-esm/query-state.js +2 -5
- package/lib-esm/stories/wrapper.js +0 -1
- package/lib-esm/ui/container/container.js +0 -2
- package/lib-esm/ui/dropdown/dropdown.js +0 -5
- package/lib-esm/ui/file-name/file-name.js +0 -2
- package/lib-esm/ui/filters/filters.js +4 -14
- package/lib-esm/ui/filters/filters.stories.js +5 -4
- package/lib-esm/ui/filters/filters.utils.js +9 -15
- package/lib-esm/ui/filters/index.js +4 -10
- package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js +0 -12
- package/lib-esm/ui/hover-card/hover-card.js +2 -12
- package/lib-esm/ui/hover-card/hover-card.stories.js +0 -3
- package/lib-esm/ui/icon/icon.js +0 -1
- package/lib-esm/ui/icon/icon.stories.js +0 -2
- package/lib-esm/ui/input/input.js +0 -1
- package/lib-esm/ui/loader/loader.js +0 -2
- package/lib-esm/ui/logo/logo.js +0 -11
- package/lib-esm/ui/logo/logo.stories.js +1 -5
- package/lib-esm/ui/panels/panels.js +2 -5
- package/lib-esm/ui/skeleton/skeleton.js +0 -1
- package/lib-esm/ui/sort-dropdown/sort-dropdown.js +0 -8
- package/lib-esm/ui/sort-dropdown/sort-dropdown.stories.js +1 -0
- package/lib-esm/ui/table/table.js +0 -2
- package/lib-esm/ui/tabs/tabs.js +0 -4
- package/lib-esm/ui/tabs/tabs.module.css +6 -2
- package/lib-esm/ui/tag/tag.js +0 -1
- package/lib-esm/ui/tooltip/tooltip.js +1 -2
- package/lib-esm/ui/tooltip/tooltip.stories.js +0 -2
- package/lib-esm/utils.js +2 -9
- package/package.json +15 -15
- package/src/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
- package/src/components/summary/summary.module.css +4 -1
- package/src/css/default.css +3 -1
- package/src/css/variables.css +1 -1
- package/src/ui/tabs/tabs.module.css +6 -2
package/lib/app/app.js
CHANGED
|
@@ -1,98 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.App = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _reactRouterDom = require("react-router-dom");
|
|
15
|
-
|
|
16
11
|
var _utils = require("@bundle-stats/utils");
|
|
17
|
-
|
|
18
12
|
var _constants = require("../constants");
|
|
19
|
-
|
|
20
13
|
var _box = require("../layout/box");
|
|
21
|
-
|
|
22
14
|
var _container = require("../ui/container");
|
|
23
|
-
|
|
24
15
|
var _duplicatePackagesWarning = require("../components/duplicate-packages-warning");
|
|
25
|
-
|
|
26
16
|
var _summary = require("../components/summary");
|
|
27
|
-
|
|
28
17
|
var _bundleAssets = require("../components/bundle-assets");
|
|
29
|
-
|
|
30
18
|
var _bundleAssetsTotalsChartBars = require("../components/bundle-assets-totals-chart-bars");
|
|
31
|
-
|
|
32
19
|
var _tabs = require("../ui/tabs");
|
|
33
|
-
|
|
34
20
|
var _footer = require("../layout/footer");
|
|
35
|
-
|
|
36
21
|
var _stack = require("../layout/stack");
|
|
37
|
-
|
|
38
22
|
var _bundleAssetsTotalsTable = require("../components/bundle-assets-totals-table");
|
|
39
|
-
|
|
40
23
|
var _bundleModules = require("../components/bundle-modules");
|
|
41
|
-
|
|
42
24
|
var _bundlePackages = require("../components/bundle-packages");
|
|
43
|
-
|
|
44
25
|
var _totalSizeTypeTitle = require("../components/total-size-type-title");
|
|
45
|
-
|
|
46
26
|
var _queryState = require("../query-state");
|
|
47
|
-
|
|
48
27
|
var _i18n = _interopRequireDefault(require("../i18n"));
|
|
49
|
-
|
|
50
28
|
var _header = require("./header");
|
|
51
|
-
|
|
52
29
|
var _appModule = _interopRequireDefault(require("./app.module.css"));
|
|
53
|
-
|
|
54
30
|
var _excluded = ["jobs", "version"],
|
|
55
|
-
|
|
56
|
-
|
|
31
|
+
_excluded2 = ["jobs"];
|
|
57
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
58
|
-
|
|
59
33
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
60
|
-
|
|
61
34
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
62
|
-
|
|
63
35
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
64
|
-
|
|
65
36
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
66
|
-
|
|
67
37
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
68
|
-
|
|
69
38
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
70
|
-
|
|
71
39
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
72
|
-
|
|
73
40
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
74
|
-
|
|
75
41
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
76
|
-
|
|
77
42
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
78
|
-
|
|
79
43
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
80
|
-
|
|
81
44
|
var ScrollToTop = function ScrollToTop() {
|
|
82
45
|
var _useLocation = (0, _reactRouterDom.useLocation)(),
|
|
83
|
-
|
|
84
|
-
|
|
46
|
+
pathname = _useLocation.pathname;
|
|
85
47
|
(0, _react.useEffect)(function () {
|
|
86
48
|
window.scrollTo(0, 0);
|
|
87
49
|
}, [pathname]);
|
|
88
50
|
return null;
|
|
89
51
|
};
|
|
90
|
-
|
|
91
52
|
var Layout = function Layout(_ref) {
|
|
92
53
|
var jobs = _ref.jobs,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
54
|
+
version = _ref.version,
|
|
55
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
96
56
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
97
57
|
className: _appModule["default"].root
|
|
98
58
|
}, /*#__PURE__*/_react["default"].createElement(_header.Header, {
|
|
@@ -104,7 +64,6 @@ var Layout = function Layout(_ref) {
|
|
|
104
64
|
version: version
|
|
105
65
|
}));
|
|
106
66
|
};
|
|
107
|
-
|
|
108
67
|
Layout.propTypes = {
|
|
109
68
|
jobs: _propTypes["default"].arrayOf(_propTypes["default"].object),
|
|
110
69
|
// eslint-disable-line react/forbid-prop-types
|
|
@@ -114,15 +73,12 @@ Layout.defaultProps = {
|
|
|
114
73
|
jobs: null,
|
|
115
74
|
version: null
|
|
116
75
|
};
|
|
117
|
-
|
|
118
76
|
var JobsContext = /*#__PURE__*/_react["default"].createContext({
|
|
119
77
|
jobs: []
|
|
120
78
|
});
|
|
121
|
-
|
|
122
79
|
var JobsProvider = function JobsProvider(_ref2) {
|
|
123
80
|
var jobs = _ref2.jobs,
|
|
124
|
-
|
|
125
|
-
|
|
81
|
+
restProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
126
82
|
var value = (0, _react.useMemo)(function () {
|
|
127
83
|
return {
|
|
128
84
|
jobs: jobs
|
|
@@ -132,16 +88,13 @@ var JobsProvider = function JobsProvider(_ref2) {
|
|
|
132
88
|
value: value
|
|
133
89
|
}, restProps));
|
|
134
90
|
};
|
|
135
|
-
|
|
136
91
|
JobsProvider.propTypes = {
|
|
137
92
|
jobs: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired // eslint-disable-line react/forbid-prop-types
|
|
138
|
-
|
|
139
93
|
};
|
|
140
94
|
|
|
141
95
|
var OverviewContent = function OverviewContent() {
|
|
142
96
|
var _useContext = (0, _react.useContext)(JobsContext),
|
|
143
|
-
|
|
144
|
-
|
|
97
|
+
jobs = _useContext.jobs;
|
|
145
98
|
var duplicatePackagesCount = jobs[0].summary.webpack.duplicatePackagesCount;
|
|
146
99
|
var duplicatePackagesInsights = Boolean(duplicatePackagesCount.current || duplicatePackagesCount.baseline);
|
|
147
100
|
return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
|
|
@@ -158,18 +111,14 @@ var OverviewContent = function OverviewContent() {
|
|
|
158
111
|
outline: true
|
|
159
112
|
}))));
|
|
160
113
|
};
|
|
161
|
-
|
|
162
114
|
var AssetsContent = function AssetsContent() {
|
|
163
115
|
var _jobs$;
|
|
164
|
-
|
|
165
116
|
var _useComponentQuerySta = (0, _queryState.useComponentQueryState)(_utils.COMPONENT.BUNDLE_ASSETS),
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
117
|
+
_useComponentQuerySta2 = _slicedToArray(_useComponentQuerySta, 2),
|
|
118
|
+
bundleStatsState = _useComponentQuerySta2[0],
|
|
119
|
+
bundleStatsSetState = _useComponentQuerySta2[1];
|
|
170
120
|
var _useContext2 = (0, _react.useContext)(JobsContext),
|
|
171
|
-
|
|
172
|
-
|
|
121
|
+
jobs = _useContext2.jobs;
|
|
173
122
|
return /*#__PURE__*/_react["default"].createElement(_container.Container, null, /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
|
|
174
123
|
space: "medium"
|
|
175
124
|
}, /*#__PURE__*/_react["default"].createElement(_summary.Summary, {
|
|
@@ -183,18 +132,14 @@ var AssetsContent = function AssetsContent() {
|
|
|
183
132
|
setState: bundleStatsSetState
|
|
184
133
|
}, bundleStatsState)))));
|
|
185
134
|
};
|
|
186
|
-
|
|
187
135
|
var ModulesContent = function ModulesContent() {
|
|
188
136
|
var _jobs$2;
|
|
189
|
-
|
|
190
137
|
var _useComponentQuerySta3 = (0, _queryState.useComponentQueryState)(_utils.COMPONENT.BUNDLE_MODULES),
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
138
|
+
_useComponentQuerySta4 = _slicedToArray(_useComponentQuerySta3, 2),
|
|
139
|
+
bundleModulesState = _useComponentQuerySta4[0],
|
|
140
|
+
bundleModulesSetState = _useComponentQuerySta4[1];
|
|
195
141
|
var _useContext3 = (0, _react.useContext)(JobsContext),
|
|
196
|
-
|
|
197
|
-
|
|
142
|
+
jobs = _useContext3.jobs;
|
|
198
143
|
return /*#__PURE__*/_react["default"].createElement(_container.Container, null, /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
|
|
199
144
|
space: "medium"
|
|
200
145
|
}, /*#__PURE__*/_react["default"].createElement(_summary.Summary, {
|
|
@@ -208,18 +153,14 @@ var ModulesContent = function ModulesContent() {
|
|
|
208
153
|
setState: bundleModulesSetState
|
|
209
154
|
}, bundleModulesState)))));
|
|
210
155
|
};
|
|
211
|
-
|
|
212
156
|
var PackagesContent = function PackagesContent() {
|
|
213
157
|
var _jobs$3;
|
|
214
|
-
|
|
215
158
|
var _useComponentQuerySta5 = (0, _queryState.useComponentQueryState)(_utils.COMPONENT.BUNDLE_PACKAGES),
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
159
|
+
_useComponentQuerySta6 = _slicedToArray(_useComponentQuerySta5, 2),
|
|
160
|
+
bundlePackagesState = _useComponentQuerySta6[0],
|
|
161
|
+
bundlePackagesSetState = _useComponentQuerySta6[1];
|
|
220
162
|
var _useContext4 = (0, _react.useContext)(JobsContext),
|
|
221
|
-
|
|
222
|
-
|
|
163
|
+
jobs = _useContext4.jobs;
|
|
223
164
|
return /*#__PURE__*/_react["default"].createElement(_container.Container, null, /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
|
|
224
165
|
space: "medium"
|
|
225
166
|
}, /*#__PURE__*/_react["default"].createElement(_summary.Summary, {
|
|
@@ -234,11 +175,9 @@ var PackagesContent = function PackagesContent() {
|
|
|
234
175
|
setState: bundlePackagesSetState
|
|
235
176
|
})))));
|
|
236
177
|
};
|
|
237
|
-
|
|
238
178
|
var AppComponent = function AppComponent(_ref3) {
|
|
239
179
|
var version = _ref3.version,
|
|
240
|
-
|
|
241
|
-
|
|
180
|
+
jobs = _ref3.jobs;
|
|
242
181
|
if ((jobs === null || jobs === void 0 ? void 0 : jobs.length) === 0) {
|
|
243
182
|
return /*#__PURE__*/_react["default"].createElement(Layout, {
|
|
244
183
|
version: version
|
|
@@ -246,7 +185,6 @@ var AppComponent = function AppComponent(_ref3) {
|
|
|
246
185
|
className: _appModule["default"].empty
|
|
247
186
|
}, _i18n["default"].NO_DATA)));
|
|
248
187
|
}
|
|
249
|
-
|
|
250
188
|
return /*#__PURE__*/_react["default"].createElement(JobsProvider, {
|
|
251
189
|
jobs: jobs
|
|
252
190
|
}, /*#__PURE__*/_react["default"].createElement(Layout, {
|
|
@@ -303,7 +241,6 @@ var AppComponent = function AppComponent(_ref3) {
|
|
|
303
241
|
component: OverviewContent
|
|
304
242
|
})))));
|
|
305
243
|
};
|
|
306
|
-
|
|
307
244
|
AppComponent.defaultProps = {
|
|
308
245
|
jobs: [],
|
|
309
246
|
version: null
|
|
@@ -314,13 +251,11 @@ AppComponent.propTypes = {
|
|
|
314
251
|
insights: _propTypes["default"].object,
|
|
315
252
|
// eslint-disable-line react/forbid-prop-types
|
|
316
253
|
summary: _propTypes["default"].object // eslint-disable-line react/forbid-prop-types
|
|
317
|
-
|
|
318
254
|
})),
|
|
255
|
+
|
|
319
256
|
version: _propTypes["default"].string
|
|
320
257
|
};
|
|
321
|
-
|
|
322
258
|
var App = function App(props) {
|
|
323
259
|
return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.HashRouter, null, /*#__PURE__*/_react["default"].createElement(ScrollToTop, null), /*#__PURE__*/_react["default"].createElement(_queryState.QueryStateProvider, null, /*#__PURE__*/_react["default"].createElement(AppComponent, props)));
|
|
324
260
|
};
|
|
325
|
-
|
|
326
261
|
exports.App = App;
|
package/lib/app/app.stories.js
CHANGED
|
@@ -1,37 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _react2 = require("@storybook/react");
|
|
6
|
-
|
|
7
5
|
var _utils = require("@bundle-stats/utils");
|
|
8
|
-
|
|
9
6
|
var _jobCurrent = _interopRequireDefault(require("../../../../fixtures/job.current.json"));
|
|
10
|
-
|
|
11
7
|
var _jobBaseline = _interopRequireDefault(require("../../../../fixtures/job.baseline.json"));
|
|
12
|
-
|
|
13
8
|
var _ = require(".");
|
|
14
|
-
|
|
15
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
-
|
|
17
10
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
-
|
|
19
11
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
|
-
|
|
21
12
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
22
|
-
|
|
23
13
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
24
|
-
|
|
25
14
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
26
|
-
|
|
27
15
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
28
|
-
|
|
29
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
30
|
-
|
|
31
17
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
|
-
|
|
33
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
34
|
-
|
|
35
19
|
var CURRENT_SOURCE = {
|
|
36
20
|
webpack: _objectSpread({
|
|
37
21
|
builtAt: _jobCurrent["default"].builtAt,
|
|
@@ -64,11 +48,9 @@ var MULTIPLE_JOBS = (0, _utils.createJobs)([CURRENT_SOURCE, BASELINE_SOURCE, {
|
|
|
64
48
|
modules: _jobBaseline["default"].rawData.webpack.modules.slice(0, 100)
|
|
65
49
|
})
|
|
66
50
|
}]);
|
|
67
|
-
|
|
68
51
|
var _JOBS = _slicedToArray(JOBS, 2),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
52
|
+
CURRENT_JOB = _JOBS[0],
|
|
53
|
+
BASELINE_JOB = _JOBS[1];
|
|
72
54
|
var EMPTY_BASELINE = (0, _utils.createJobs)([{
|
|
73
55
|
webpack: _jobCurrent["default"].rawData.webpack
|
|
74
56
|
}, {
|
package/lib/app/header/header.js
CHANGED
|
@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Header = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _container = require("../../ui/container");
|
|
15
|
-
|
|
16
11
|
var _jobsHeader = require("../../components/jobs-header");
|
|
17
|
-
|
|
18
12
|
var _headerModule = _interopRequireDefault(require("./header.module.css"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
14
|
var Header = function Header(_ref) {
|
|
23
15
|
var className = _ref.className,
|
|
24
|
-
|
|
16
|
+
jobs = _ref.jobs;
|
|
25
17
|
return /*#__PURE__*/_react["default"].createElement(_container.Container, {
|
|
26
18
|
as: "header",
|
|
27
19
|
className: (0, _classnames["default"])(_headerModule["default"].root, className)
|
|
@@ -32,13 +24,12 @@ var Header = function Header(_ref) {
|
|
|
32
24
|
jobs: jobs
|
|
33
25
|
})));
|
|
34
26
|
};
|
|
35
|
-
|
|
36
27
|
exports.Header = Header;
|
|
37
28
|
Header.propTypes = {
|
|
38
29
|
className: _propTypes["default"].string,
|
|
39
30
|
jobs: _propTypes["default"].arrayOf(_propTypes["default"].object) // eslint-disable-line react/forbid-prop-types
|
|
40
|
-
|
|
41
31
|
};
|
|
32
|
+
|
|
42
33
|
Header.defaultProps = {
|
|
43
34
|
className: '',
|
|
44
35
|
jobs: null
|
package/lib/app/header/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _header = require("./header");
|
|
8
|
-
|
|
9
7
|
Object.keys(_header).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _header[key]) return;
|
package/lib/app/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _app = require("./app");
|
|
8
|
-
|
|
9
7
|
Object.keys(_app).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _app[key]) return;
|
|
@@ -4,51 +4,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.AssetInfo = void 0;
|
|
7
|
-
|
|
8
7
|
var _map2 = _interopRequireDefault(require("lodash/map"));
|
|
9
|
-
|
|
10
8
|
var _find2 = _interopRequireDefault(require("lodash/find"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _utils = require("@bundle-stats/utils");
|
|
19
|
-
|
|
20
13
|
var _stack = require("../../layout/stack");
|
|
21
|
-
|
|
22
14
|
var _fileName = require("../../ui/file-name");
|
|
23
|
-
|
|
24
15
|
var _componentLink = require("../component-link");
|
|
25
|
-
|
|
26
16
|
var _assetInfoModule = _interopRequireDefault(require("./asset-info.module.css"));
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
-
|
|
32
19
|
var ChunkModulesLink = function ChunkModulesLink(_ref) {
|
|
33
20
|
var Component = _ref.as,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
21
|
+
chunks = _ref.chunks,
|
|
22
|
+
chunkId = _ref.chunkId,
|
|
23
|
+
name = _ref.name;
|
|
37
24
|
var chunk = (0, _find2["default"])(chunks, {
|
|
38
25
|
id: chunkId
|
|
39
26
|
});
|
|
40
|
-
|
|
41
27
|
if (!chunk) {
|
|
42
28
|
return null;
|
|
43
29
|
}
|
|
44
|
-
|
|
45
30
|
var chunkIds = (0, _map2["default"])(chunks, 'id');
|
|
46
31
|
var fileType = (0, _utils.getModuleFileType)(name);
|
|
47
32
|
return /*#__PURE__*/_react["default"].createElement(Component, _extends({
|
|
48
33
|
className: _assetInfoModule["default"].viewModules
|
|
49
34
|
}, (0, _utils.getBundleModulesByChunk)(chunkIds, chunkId, fileType)), "View chunk modules");
|
|
50
35
|
};
|
|
51
|
-
|
|
52
36
|
ChunkModulesLink.propTypes = {
|
|
53
37
|
as: _propTypes["default"].elementType.isRequired,
|
|
54
38
|
chunks: _propTypes["default"].array,
|
|
@@ -61,13 +45,12 @@ ChunkModulesLink.defaultProps = {
|
|
|
61
45
|
chunkId: '',
|
|
62
46
|
name: ''
|
|
63
47
|
};
|
|
64
|
-
|
|
65
48
|
var AssetInfo = function AssetInfo(props) {
|
|
66
49
|
var className = props.className,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
50
|
+
chunks = props.chunks,
|
|
51
|
+
item = props.item,
|
|
52
|
+
labels = props.labels,
|
|
53
|
+
CustomComponentLink = props.CustomComponentLink;
|
|
71
54
|
return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
|
|
72
55
|
space: "xsmall",
|
|
73
56
|
className: (0, _classnames["default"])(_assetInfoModule["default"].root, className)
|
|
@@ -89,7 +72,6 @@ var AssetInfo = function AssetInfo(props) {
|
|
|
89
72
|
}));
|
|
90
73
|
}));
|
|
91
74
|
};
|
|
92
|
-
|
|
93
75
|
exports.AssetInfo = AssetInfo;
|
|
94
76
|
AssetInfo.propTypes = {
|
|
95
77
|
className: _propTypes["default"].string,
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _react2 = require("@storybook/react");
|
|
6
|
-
|
|
7
5
|
var _stories = require("../../stories");
|
|
8
|
-
|
|
9
6
|
var _ = require(".");
|
|
10
|
-
|
|
11
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
8
|
var stories = (0, _react2.storiesOf)('Components/AssetInfo', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('default', function () {
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _assetInfo = require("./asset-info");
|
|
8
|
-
|
|
9
7
|
Object.keys(_assetInfo).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _assetInfo[key]) return;
|
|
@@ -1,29 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.BrowsertimeTable = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var browsertime = _interopRequireWildcard(require("@bundle-stats/utils"));
|
|
15
|
-
|
|
16
11
|
var _metricsTable = require("../metrics-table");
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
15
|
var BrowsertimeTable = function BrowsertimeTable(props) {
|
|
25
16
|
var className = props.className,
|
|
26
|
-
|
|
17
|
+
jobs = props.jobs;
|
|
27
18
|
var items = browsertime.compare(jobs);
|
|
28
19
|
return /*#__PURE__*/_react["default"].createElement(_metricsTable.MetricsTable, {
|
|
29
20
|
className: className,
|
|
@@ -31,7 +22,6 @@ var BrowsertimeTable = function BrowsertimeTable(props) {
|
|
|
31
22
|
runs: jobs
|
|
32
23
|
});
|
|
33
24
|
};
|
|
34
|
-
|
|
35
25
|
exports.BrowsertimeTable = BrowsertimeTable;
|
|
36
26
|
BrowsertimeTable.defaultProps = {
|
|
37
27
|
className: '',
|
|
@@ -40,5 +30,4 @@ BrowsertimeTable.defaultProps = {
|
|
|
40
30
|
BrowsertimeTable.propTypes = {
|
|
41
31
|
className: _propTypes["default"].string,
|
|
42
32
|
jobs: _propTypes["default"].array // eslint-disable-line react/forbid-prop-types
|
|
43
|
-
|
|
44
33
|
};
|
|
@@ -1,28 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
var _react2 = require("@storybook/react");
|
|
8
|
-
|
|
9
6
|
var _utils = require("@bundle-stats/utils");
|
|
10
|
-
|
|
11
7
|
var browsertime = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/browsertime"));
|
|
12
|
-
|
|
13
8
|
var _browsertime2 = _interopRequireDefault(require("../../../../../fixtures/browsertime.json"));
|
|
14
|
-
|
|
15
9
|
var _stories = require("../../stories");
|
|
16
|
-
|
|
17
10
|
var _ = require(".");
|
|
18
|
-
|
|
19
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
-
|
|
21
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
|
-
|
|
23
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
24
|
-
|
|
25
14
|
// eslint-disable-next-line import/no-relative-packages
|
|
15
|
+
|
|
26
16
|
var browsertimeFixtures = browsertime.filter(_browsertime2["default"]);
|
|
27
17
|
var JOBS = (0, _utils.createJobs)([{
|
|
28
18
|
browsertime: browsertimeFixtures
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _browsertimeTable = require("./browsertime-table");
|
|
8
|
-
|
|
9
7
|
Object.keys(_browsertimeTable).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _browsertimeTable[key]) return;
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SORT_BY_SIZE = exports.SORT_BY_NAME = exports.SORT_BY_DELTA = exports.SORT_BY = void 0;
|
|
7
|
-
|
|
8
7
|
var _SORT_BY;
|
|
9
|
-
|
|
10
8
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
-
|
|
12
9
|
var SORT_BY_NAME = 'name';
|
|
13
10
|
exports.SORT_BY_NAME = SORT_BY_NAME;
|
|
14
11
|
var SORT_BY_SIZE = 'size';
|