@bundle-stats/ui 4.1.1-alpha.3 → 4.1.2-alpha.0
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 +26 -49
- package/lib/components/summary-item/summary-item.module.css +10 -4
- 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 +4 -1
- package/lib/css/variables.css +5 -4
- 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 +12 -14
- package/lib-esm/components/summary-item/summary-item.module.css +10 -4
- package/lib-esm/constants.js +2 -1
- package/lib-esm/css/default.css +4 -1
- package/lib-esm/css/variables.css +5 -4
- 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/components/summary-item/summary-item.jsx +11 -7
- package/src/components/summary-item/summary-item.module.css +10 -4
- package/src/css/default.css +4 -1
- package/src/css/variables.css +5 -4
- package/src/ui/tabs/tabs.module.css +6 -2
|
@@ -1,68 +1,45 @@
|
|
|
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.BundlePackages = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _utils = require("@bundle-stats/utils");
|
|
15
|
-
|
|
16
11
|
var webpack = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/webpack/compare"));
|
|
17
|
-
|
|
18
12
|
var _rowsFilter = require("../../hooks/rows-filter");
|
|
19
|
-
|
|
20
13
|
var _rowsSort = require("../../hooks/rows-sort");
|
|
21
|
-
|
|
22
14
|
var _searchParams = require("../../hooks/search-params");
|
|
23
|
-
|
|
24
15
|
var _bundlePackages = require("./bundle-packages.constants");
|
|
25
|
-
|
|
26
16
|
var _bundlePackages2 = require("./bundle-packages");
|
|
27
|
-
|
|
28
17
|
var _bundlePackages3 = require("./bundle-packages.utils");
|
|
29
|
-
|
|
30
18
|
var _excluded = ["jobs", "search", "filters", "setState", "sortBy", "direction"];
|
|
31
|
-
|
|
32
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
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); }
|
|
39
|
-
|
|
40
23
|
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; }
|
|
41
|
-
|
|
42
24
|
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; }
|
|
43
|
-
|
|
44
25
|
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; }
|
|
45
|
-
|
|
46
26
|
var BundlePackages = function BundlePackages(props) {
|
|
47
27
|
var jobs = props.jobs,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
28
|
+
search = props.search,
|
|
29
|
+
filters = props.filters,
|
|
30
|
+
setState = props.setState,
|
|
31
|
+
sortBy = props.sortBy,
|
|
32
|
+
direction = props.direction,
|
|
33
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
55
34
|
var _useMemo = (0, _react.useMemo)(function () {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
allEntriesFilters = _useMemo.allEntriesFilters;
|
|
65
|
-
|
|
35
|
+
var _defaultFilters, _allEntriesFilters;
|
|
36
|
+
return {
|
|
37
|
+
defaultFilters: (_defaultFilters = {}, _defineProperty(_defaultFilters, _utils.PACKAGE_FILTERS.CHANGED, (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1), _defineProperty(_defaultFilters, _utils.PACKAGE_FILTERS.DUPLICATE, false), _defaultFilters),
|
|
38
|
+
allEntriesFilters: (_allEntriesFilters = {}, _defineProperty(_allEntriesFilters, _utils.PACKAGE_FILTERS.CHANGED, false), _defineProperty(_allEntriesFilters, _utils.PACKAGE_FILTERS.DUPLICATE, false), _allEntriesFilters)
|
|
39
|
+
};
|
|
40
|
+
}, [jobs]),
|
|
41
|
+
defaultFilters = _useMemo.defaultFilters,
|
|
42
|
+
allEntriesFilters = _useMemo.allEntriesFilters;
|
|
66
43
|
var searchParams = (0, _searchParams.useSearchParams)({
|
|
67
44
|
search: search,
|
|
68
45
|
filters: filters,
|
|
@@ -70,18 +47,16 @@ var BundlePackages = function BundlePackages(props) {
|
|
|
70
47
|
allEntriesFilters: allEntriesFilters,
|
|
71
48
|
setState: setState
|
|
72
49
|
});
|
|
73
|
-
|
|
74
50
|
var _useMemo2 = (0, _react.useMemo)(function () {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
51
|
+
var duplicateJobs = (0, _bundlePackages3.getDuplicatePackages)(jobs);
|
|
52
|
+
var result = webpack.compareBySection.packages(jobs, [(0, _bundlePackages3.getAddRowDuplicateFlag)(duplicateJobs)]);
|
|
53
|
+
return {
|
|
54
|
+
rows: result,
|
|
55
|
+
totalRowCount: result.length
|
|
56
|
+
};
|
|
57
|
+
}, [jobs]),
|
|
58
|
+
rows = _useMemo2.rows,
|
|
59
|
+
totalRowCount = _useMemo2.totalRowCount;
|
|
85
60
|
var filteredRows = (0, _rowsFilter.useRowsFilter)({
|
|
86
61
|
rows: rows,
|
|
87
62
|
searchPattern: searchParams.searchPattern,
|
|
@@ -101,7 +76,6 @@ var BundlePackages = function BundlePackages(props) {
|
|
|
101
76
|
totalRowCount: totalRowCount
|
|
102
77
|
}));
|
|
103
78
|
};
|
|
104
|
-
|
|
105
79
|
exports.BundlePackages = BundlePackages;
|
|
106
80
|
BundlePackages.propTypes = {
|
|
107
81
|
jobs: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
|
|
@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ComponentLink = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _reactRouterDom = require("react-router-dom");
|
|
13
|
-
|
|
14
10
|
var _utils = require("@bundle-stats/utils");
|
|
15
|
-
|
|
16
11
|
var _constants = require("../constants");
|
|
17
|
-
|
|
18
12
|
var _excluded = ["section", "title", "params"];
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
14
|
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); }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
var ComponentLink = function ComponentLink(_ref) {
|
|
29
18
|
var section = _ref.section,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
19
|
+
title = _ref.title,
|
|
20
|
+
params = _ref.params,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
34
22
|
var search = (0, _utils.getComponentStateQueryString)(params);
|
|
35
23
|
var location = {
|
|
36
24
|
pathname: _constants.SECTION_URLS[section],
|
|
@@ -41,14 +29,13 @@ var ComponentLink = function ComponentLink(_ref) {
|
|
|
41
29
|
title: title
|
|
42
30
|
}, props));
|
|
43
31
|
};
|
|
44
|
-
|
|
45
32
|
exports.ComponentLink = ComponentLink;
|
|
46
33
|
ComponentLink.propTypes = {
|
|
47
34
|
section: _propTypes["default"].string.isRequired,
|
|
48
35
|
title: _propTypes["default"].string,
|
|
49
36
|
params: _propTypes["default"].object // eslint-disable-line react/forbid-prop-types
|
|
50
|
-
|
|
51
37
|
};
|
|
38
|
+
|
|
52
39
|
ComponentLink.defaultProps = {
|
|
53
40
|
title: '',
|
|
54
41
|
params: {}
|
|
@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Delta = 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 _deltaModule = _interopRequireDefault(require("./delta.module.css"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
12
|
var Delta = function Delta(_ref) {
|
|
19
13
|
var className = _ref.className,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
displayValue = _ref.displayValue,
|
|
15
|
+
deltaType = _ref.deltaType,
|
|
16
|
+
inverted = _ref.inverted;
|
|
23
17
|
var rootClassName = (0, _classnames["default"])(_deltaModule["default"].root, className, inverted && _deltaModule["default"].inverted, _deltaModule["default"][deltaType]);
|
|
24
18
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
25
19
|
className: rootClassName
|
|
26
20
|
}, displayValue);
|
|
27
21
|
};
|
|
28
|
-
|
|
29
22
|
exports.Delta = Delta;
|
|
30
23
|
Delta.defaultProps = {
|
|
31
24
|
className: '',
|
|
@@ -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/Delta', 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 _delta = require("./delta");
|
|
8
|
-
|
|
9
7
|
Object.keys(_delta).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _delta[key]) return;
|
|
@@ -4,32 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.DuplicatePackagesWarning = 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 _utils = require("@bundle-stats/utils");
|
|
15
|
-
|
|
16
11
|
var _alert = require("../../ui/alert");
|
|
17
|
-
|
|
18
12
|
var _componentLink = require("../component-link");
|
|
19
|
-
|
|
20
13
|
var _delta = require("../delta");
|
|
21
|
-
|
|
22
14
|
var _duplicatePackagesWarningModule = _interopRequireDefault(require("./duplicate-packages-warning.module.css"));
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
16
|
var numberMetric = _utils.METRIC_TYPES[_utils.METRIC_TYPE_NUMERIC];
|
|
27
|
-
|
|
28
17
|
var DuplicatePackagesWarning = function DuplicatePackagesWarning(props) {
|
|
29
18
|
var className = props.className,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
19
|
+
duplicatePackagesCount = props.duplicatePackagesCount,
|
|
20
|
+
CustomComponentLink = props.customComponentLink,
|
|
21
|
+
showDelta = props.showDelta;
|
|
33
22
|
var metricRunInfo = (0, _utils.getMetricRunInfo)(numberMetric, duplicatePackagesCount.current, duplicatePackagesCount.baseline);
|
|
34
23
|
return /*#__PURE__*/_react["default"].createElement(_alert.Alert, {
|
|
35
24
|
kind: "warning",
|
|
@@ -41,7 +30,6 @@ var DuplicatePackagesWarning = function DuplicatePackagesWarning(props) {
|
|
|
41
30
|
deltaType: metricRunInfo.deltaType
|
|
42
31
|
}), " duplicate ".concat(metricRunInfo.value === 1 ? 'package' : 'packages', ".")));
|
|
43
32
|
};
|
|
44
|
-
|
|
45
33
|
exports.DuplicatePackagesWarning = DuplicatePackagesWarning;
|
|
46
34
|
DuplicatePackagesWarning.propTypes = {
|
|
47
35
|
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/DuplicatePackagesWarning', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('single job', function () {
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _duplicatePackagesWarning = require("./duplicate-packages-warning");
|
|
8
|
-
|
|
9
7
|
Object.keys(_duplicatePackagesWarning).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _duplicatePackagesWarning[key]) return;
|
package/lib/components/index.js
CHANGED
|
@@ -135,47 +135,25 @@ Object.defineProperty(exports, "TotalSizeTypeTitle", {
|
|
|
135
135
|
return _totalSizeTypeTitle.TotalSizeTypeTitle;
|
|
136
136
|
}
|
|
137
137
|
});
|
|
138
|
-
|
|
139
138
|
var _browsertimeTable = require("./browsertime-table");
|
|
140
|
-
|
|
141
139
|
var _bundleAssets = require("./bundle-assets");
|
|
142
|
-
|
|
143
140
|
var _bundleAssetsTotalsTable = require("./bundle-assets-totals-table");
|
|
144
|
-
|
|
145
141
|
var _bundleAssetsTotalsChartBars = require("./bundle-assets-totals-chart-bars");
|
|
146
|
-
|
|
147
142
|
var _bundlePackages = require("./bundle-packages");
|
|
148
|
-
|
|
149
143
|
var _bundleModules = require("./bundle-modules");
|
|
150
|
-
|
|
151
144
|
var _componentLink = require("./component-link");
|
|
152
|
-
|
|
153
145
|
var _duplicatePackagesWarning = require("./duplicate-packages-warning");
|
|
154
|
-
|
|
155
146
|
var _delta = require("./delta");
|
|
156
|
-
|
|
157
147
|
var _jobName = require("./job-name");
|
|
158
|
-
|
|
159
148
|
var _jobHeader = require("./job-header");
|
|
160
|
-
|
|
161
149
|
var _jobsHeader = require("./jobs-header");
|
|
162
|
-
|
|
163
150
|
var _lighthouseTable = require("./lighthouse-table");
|
|
164
|
-
|
|
165
151
|
var _metric = require("./metric");
|
|
166
|
-
|
|
167
152
|
var _metricsTable = require("./metrics-table");
|
|
168
|
-
|
|
169
153
|
var _metricsTableOptions = require("./metrics-table-options");
|
|
170
|
-
|
|
171
154
|
var _metricsTableSearch = require("./metrics-table-search");
|
|
172
|
-
|
|
173
155
|
var _metricsTableTitle = require("./metrics-table-title");
|
|
174
|
-
|
|
175
156
|
var _moduleInfo = require("./module-info");
|
|
176
|
-
|
|
177
157
|
var _summaryItem = require("./summary-item");
|
|
178
|
-
|
|
179
158
|
var _summary = require("./summary");
|
|
180
|
-
|
|
181
159
|
var _totalSizeTypeTitle = require("./total-size-type-title");
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _jobHeader = require("./job-header");
|
|
8
|
-
|
|
9
7
|
Object.keys(_jobHeader).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _jobHeader[key]) return;
|
|
@@ -4,41 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.JobHeader = void 0;
|
|
7
|
-
|
|
8
7
|
var _get3 = _interopRequireDefault(require("lodash/get"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _dateFns = require("date-fns");
|
|
17
|
-
|
|
18
12
|
var _utils = require("@bundle-stats/utils");
|
|
19
|
-
|
|
20
13
|
var _flexStack = require("../../layout/flex-stack");
|
|
21
|
-
|
|
22
14
|
var _stack = require("../../layout/stack");
|
|
23
|
-
|
|
24
15
|
var _icon = require("../../ui/icon");
|
|
25
|
-
|
|
26
16
|
var _tag = require("../../ui/tag");
|
|
27
|
-
|
|
28
17
|
var _jobHeaderModule = _interopRequireDefault(require("./job-header.module.css"));
|
|
29
|
-
|
|
30
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
-
|
|
32
19
|
var JobHeader = function JobHeader(props) {
|
|
33
20
|
var className = props.className,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
21
|
+
tag = props.tag,
|
|
22
|
+
job = props.job,
|
|
23
|
+
children = props.children;
|
|
38
24
|
var _get2 = (0, _get3["default"])(job, "meta.".concat(_utils.SOURCE_PATH_WEBPACK_STATS), {}),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
25
|
+
builtAt = _get2.builtAt,
|
|
26
|
+
hash = _get2.hash;
|
|
42
27
|
var rootClassName = (0, _classnames["default"])(_jobHeaderModule["default"].root, className);
|
|
43
28
|
return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
|
|
44
29
|
className: rootClassName,
|
|
@@ -72,7 +57,6 @@ var JobHeader = function JobHeader(props) {
|
|
|
72
57
|
className: _jobHeaderModule["default"].content
|
|
73
58
|
}, children)));
|
|
74
59
|
};
|
|
75
|
-
|
|
76
60
|
exports.JobHeader = JobHeader;
|
|
77
61
|
JobHeader.propTypes = {
|
|
78
62
|
className: _propTypes["default"].string,
|
|
@@ -83,8 +67,8 @@ JobHeader.propTypes = {
|
|
|
83
67
|
builtAt: _propTypes["default"].string
|
|
84
68
|
}),
|
|
85
69
|
summary: _propTypes["default"].object // eslint-disable-line react/forbid-prop-types
|
|
86
|
-
|
|
87
70
|
}),
|
|
71
|
+
|
|
88
72
|
children: _propTypes["default"].element
|
|
89
73
|
};
|
|
90
74
|
JobHeader.defaultProps = {
|
|
@@ -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/JobHeader', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
var JOB = {
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _jobMeta = require("./job-meta");
|
|
8
|
-
|
|
9
7
|
Object.keys(_jobMeta).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _jobMeta[key]) return;
|
|
@@ -4,37 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.JobMeta = 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 _jobMetaModule = _interopRequireDefault(require("./job-meta.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["as", "className", "meta"];
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
var JobMeta = function JobMeta(props) {
|
|
27
17
|
var Component = props.as,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
className = props.className,
|
|
19
|
+
meta = props.meta,
|
|
20
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
32
21
|
var rootClassName = (0, _classnames["default"])(_jobMetaModule["default"].root, className);
|
|
33
22
|
return /*#__PURE__*/_react["default"].createElement(Component, _extends({
|
|
34
23
|
className: rootClassName
|
|
35
24
|
}, restProps), meta.map(function (_ref, index) {
|
|
36
25
|
var title = _ref.title,
|
|
37
|
-
|
|
26
|
+
content = _ref.content;
|
|
38
27
|
var key = index;
|
|
39
28
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
40
29
|
className: _jobMetaModule["default"].item,
|
|
@@ -46,18 +35,15 @@ var JobMeta = function JobMeta(props) {
|
|
|
46
35
|
}));
|
|
47
36
|
}));
|
|
48
37
|
};
|
|
49
|
-
|
|
50
38
|
exports.JobMeta = JobMeta;
|
|
51
39
|
JobMeta.propTypes = {
|
|
52
40
|
/** Adopted child class name */
|
|
53
41
|
className: _propTypes["default"].string,
|
|
54
|
-
|
|
55
42
|
/** Contrnt */
|
|
56
43
|
meta: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
57
44
|
title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
|
|
58
45
|
content: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]))
|
|
59
46
|
})).isRequired,
|
|
60
|
-
|
|
61
47
|
/** Render component */
|
|
62
48
|
as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element])
|
|
63
49
|
};
|
|
@@ -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/JobMeta', 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 _jobName = require("./job-name");
|
|
8
|
-
|
|
9
7
|
Object.keys(_jobName).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _jobName[key]) return;
|
|
@@ -4,39 +4,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.JobName = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _tooltip = require("../../ui/tooltip");
|
|
13
|
-
|
|
14
10
|
var _jobNameModule = _interopRequireDefault(require("./job-name.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["as", "title", "internalBuildNumber", "children"];
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
var JobName = function JobName(_ref) {
|
|
27
17
|
var Component = _ref.as,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
title = _ref.title,
|
|
19
|
+
internalBuildNumber = _ref.internalBuildNumber,
|
|
20
|
+
children = _ref.children,
|
|
21
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
33
22
|
return /*#__PURE__*/_react["default"].createElement(_tooltip.Tooltip, _extends({
|
|
34
23
|
className: _jobNameModule["default"].root,
|
|
35
24
|
as: Component,
|
|
36
25
|
title: title
|
|
37
26
|
}, restProps), children || "Job #".concat(internalBuildNumber));
|
|
38
27
|
};
|
|
39
|
-
|
|
40
28
|
exports.JobName = JobName;
|
|
41
29
|
JobName.defaultProps = {
|
|
42
30
|
as: 'span',
|
|
@@ -47,13 +35,10 @@ JobName.defaultProps = {
|
|
|
47
35
|
JobName.propTypes = {
|
|
48
36
|
/** Rendered component */
|
|
49
37
|
as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].func]),
|
|
50
|
-
|
|
51
38
|
/** Tooltip title */
|
|
52
39
|
title: _propTypes["default"].string,
|
|
53
|
-
|
|
54
40
|
/** Job internal build number */
|
|
55
41
|
internalBuildNumber: _propTypes["default"].number,
|
|
56
|
-
|
|
57
42
|
/** Render function */
|
|
58
43
|
children: _propTypes["default"].node
|
|
59
44
|
};
|
|
@@ -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/JobName', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)({
|
|
15
10
|
padding: '64px'
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _jobsHeader = require("./jobs-header");
|
|
8
|
-
|
|
9
7
|
Object.keys(_jobsHeader).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _jobsHeader[key]) return;
|