@bundle-stats/ui 3.2.0-beta.1 → 3.2.1-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc.js +3 -3
- package/CHANGELOG.md +20 -4
- package/lib/assets/icons/arrow.svg +1 -0
- package/lib/assets/icons/cancel.svg +1 -0
- package/lib/assets/icons/clock.svg +1 -0
- package/lib/assets/icons/close.svg +1 -0
- package/lib/assets/icons/commit.svg +1 -0
- package/lib/assets/icons/filter.svg +1 -0
- package/lib/assets/icons/help.svg +1 -0
- package/lib/assets/icons/menu.svg +1 -0
- package/lib/{ui/icon/assets → assets/icons}/sort.svg +0 -0
- package/lib/assets/icons/warning.svg +1 -0
- package/lib/assets/icons.svg +1 -0
- package/lib/components/bundle-assets/bundle-assets.js +3 -3
- package/lib/components/bundle-assets/bundle-assets.stories.js +19 -7
- package/lib/components/bundle-assets/bundle-assets.utils.js +95 -28
- package/lib/components/bundle-assets/index.js +115 -4
- package/lib/components/bundle-modules/bundle-modules.js +3 -3
- package/lib/components/bundle-modules/bundle-modules.utils.js +152 -0
- package/lib/components/bundle-modules/index.js +135 -4
- package/lib/components/bundle-packages/bundle-packages.js +3 -3
- package/lib/components/bundle-packages/{bundle-packages.container.js → bundle-packages.utils.js} +8 -42
- package/lib/components/bundle-packages/index.js +111 -3
- package/lib/components/metrics-table/metrics-table.js +3 -7
- package/lib/components/metrics-table-search/metrics-table-search.js +2 -1
- package/lib/components/metrics-table-search/metrics-table-search.module.css +2 -1
- package/lib/hooks/rows-filter.js +28 -0
- package/lib/hooks/rows-sort.js +54 -0
- package/lib/{hocs/with-search.js → hooks/search-params.js} +15 -64
- package/lib/ui/icon/icon.js +4 -191
- package/lib/ui/sort-dropdown/sort-dropdown.js +12 -13
- package/lib/ui/sort-dropdown/sort-dropdown.stories.js +2 -2
- package/lib/utils.js +6 -3
- package/lib-esm/app/app.js +60 -70
- package/lib-esm/app/app.stories.js +50 -71
- package/lib-esm/app/header/header.js +5 -3
- package/lib-esm/assets/icons/arrow.svg +1 -0
- package/lib-esm/assets/icons/cancel.svg +1 -0
- package/lib-esm/assets/icons/clock.svg +1 -0
- package/lib-esm/assets/icons/close.svg +1 -0
- package/lib-esm/assets/icons/commit.svg +1 -0
- package/lib-esm/assets/icons/filter.svg +1 -0
- package/lib-esm/assets/icons/help.svg +1 -0
- package/lib-esm/assets/icons/menu.svg +1 -0
- package/lib-esm/{ui/icon/assets → assets/icons}/sort.svg +0 -0
- package/lib-esm/assets/icons/warning.svg +1 -0
- package/lib-esm/assets/icons.svg +1 -0
- package/lib-esm/components/asset-info/asset-info.js +21 -17
- package/lib-esm/components/asset-info/asset-info.stories.js +29 -33
- package/lib-esm/components/browsertime-table/browsertime-table.js +6 -4
- package/lib-esm/components/browsertime-table/browsertime-table.stories.js +9 -13
- package/lib-esm/components/bundle-assets/bundle-assets.constants.js +17 -15
- package/lib-esm/components/bundle-assets/bundle-assets.js +107 -97
- package/lib-esm/components/bundle-assets/bundle-assets.stories.js +58 -63
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +65 -21
- package/lib-esm/components/bundle-assets/index.js +89 -2
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +49 -51
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +9 -13
- package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js +14 -13
- package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +13 -19
- package/lib-esm/components/bundle-modules/bundle-modules.constants.js +17 -15
- package/lib-esm/components/bundle-modules/bundle-modules.js +112 -110
- package/lib-esm/components/bundle-modules/bundle-modules.stories.js +46 -58
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +98 -0
- package/lib-esm/components/bundle-modules/index.js +114 -3
- package/lib-esm/components/bundle-packages/bundle-packages.constants.js +17 -15
- package/lib-esm/components/bundle-packages/bundle-packages.js +71 -69
- package/lib-esm/components/bundle-packages/bundle-packages.stories.js +34 -46
- package/lib-esm/components/bundle-packages/bundle-packages.utils.js +44 -0
- package/lib-esm/components/bundle-packages/index.js +87 -2
- package/lib-esm/components/component-link.js +10 -13
- package/lib-esm/components/delta/delta.js +8 -6
- package/lib-esm/components/delta/delta.stories.js +26 -38
- package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js +11 -9
- package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +20 -26
- package/lib-esm/components/job-header/job-header.js +14 -11
- package/lib-esm/components/job-header/job-header.stories.js +12 -18
- package/lib-esm/components/job-meta/job-meta.js +15 -18
- package/lib-esm/components/job-meta/job-meta.stories.js +10 -12
- package/lib-esm/components/job-name/job-name.js +9 -12
- package/lib-esm/components/job-name/job-name.stories.js +15 -23
- package/lib-esm/components/jobs-header/jobs-header.js +12 -12
- package/lib-esm/components/jobs-header/jobs-header.stories.js +80 -86
- package/lib-esm/components/lighthouse-table/lighthouse-table.js +6 -4
- package/lib-esm/components/lighthouse-table/lighthouse-table.stories.js +10 -14
- package/lib-esm/components/metric/metric.js +15 -19
- package/lib-esm/components/metric/metric.stories.js +36 -58
- package/lib-esm/components/metrics-table/metrics-table.js +128 -139
- package/lib-esm/components/metrics-table/metrics-table.stories.js +27 -35
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +16 -19
- package/lib-esm/components/metrics-table-options/metrics-table-options.stories.js +6 -12
- package/lib-esm/components/metrics-table-search/metrics-table-search.js +17 -18
- package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +2 -1
- package/lib-esm/components/metrics-table-search/metrics-table-search.stories.js +4 -9
- package/lib-esm/components/metrics-table-title/metrics-table-title.js +9 -7
- package/lib-esm/components/module-info/module-info.js +15 -13
- package/lib-esm/components/module-info/module-info.stories.js +20 -22
- package/lib-esm/components/summary/summary.js +25 -27
- package/lib-esm/components/summary/summary.stories.js +31 -46
- package/lib-esm/components/summary-item/summary-item.js +27 -28
- package/lib-esm/components/summary-item/summary-item.stories.js +40 -50
- package/lib-esm/components/total-size-type-title/total-size-type-title.js +4 -2
- package/lib-esm/constants.js +25 -30
- package/lib-esm/hooks/rows-filter.js +20 -0
- package/lib-esm/hooks/rows-sort.js +22 -0
- package/lib-esm/hooks/search-params.js +170 -0
- package/lib-esm/layout/box/box.js +12 -19
- package/lib-esm/layout/box/box.stories.js +34 -46
- package/lib-esm/layout/flex-stack/flex-stack.js +9 -12
- package/lib-esm/layout/flex-stack/flex-stack.stories.js +39 -49
- package/lib-esm/layout/footer/footer.js +11 -11
- package/lib-esm/layout/footer/footer.stories.js +7 -11
- package/lib-esm/layout/header/header.js +10 -14
- package/lib-esm/layout/header/header.stories.js +50 -44
- package/lib-esm/layout/stack/stack.js +8 -6
- package/lib-esm/layout/stack/stack.stories.js +39 -49
- package/lib-esm/layout/sub-header/sub-header.js +14 -12
- package/lib-esm/layout/sub-header/sub-header.stories.js +57 -69
- package/lib-esm/prototypes/typography.stories.js +49 -58
- package/lib-esm/query-state.js +13 -16
- package/lib-esm/stories/wrapper.js +6 -12
- package/lib-esm/ui/alert/alert.js +6 -4
- package/lib-esm/ui/alert/alert.stories.js +14 -24
- package/lib-esm/ui/container/container.js +6 -9
- package/lib-esm/ui/container/container.stories.js +15 -17
- package/lib-esm/ui/dropdown/dropdown.js +13 -11
- package/lib-esm/ui/dropdown/dropdown.stories.js +22 -26
- package/lib-esm/ui/empty-set/empty-set.js +12 -12
- package/lib-esm/ui/empty-set/empty-set.stories.js +11 -19
- package/lib-esm/ui/file-name/file-name.js +6 -4
- package/lib-esm/ui/file-name/file-name.stories.js +12 -16
- package/lib-esm/ui/filters/filters.container.js +57 -76
- package/lib-esm/ui/filters/filters.js +71 -77
- package/lib-esm/ui/filters/filters.stories.js +82 -100
- package/lib-esm/ui/filters/filters.utils.js +26 -24
- package/lib-esm/ui/filters/index.js +1 -1
- package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js +68 -78
- package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +67 -77
- package/lib-esm/ui/icon/icon.js +13 -202
- package/lib-esm/ui/icon/icon.stories.js +16 -24
- package/lib-esm/ui/input/input.js +7 -10
- package/lib-esm/ui/input/input.stories.js +8 -12
- package/lib-esm/ui/loader/loader.js +6 -9
- package/lib-esm/ui/loader/loader.stories.js +5 -9
- package/lib-esm/ui/logo/logo.constants.js +6 -6
- package/lib-esm/ui/logo/logo.js +15 -15
- package/lib-esm/ui/logo/logo.stories.js +14 -22
- package/lib-esm/ui/panels/panels.js +13 -23
- package/lib-esm/ui/panels/panels.stories.js +14 -16
- package/lib-esm/ui/popover/popover.js +11 -9
- package/lib-esm/ui/popover/popover.stories.js +7 -11
- package/lib-esm/ui/skeleton/skeleton.js +6 -9
- package/lib-esm/ui/skeleton/skeleton.stories.js +2 -4
- package/lib-esm/ui/sort-dropdown/sort-dropdown.js +38 -38
- package/lib-esm/ui/sort-dropdown/sort-dropdown.stories.js +14 -16
- package/lib-esm/ui/table/table.js +26 -31
- package/lib-esm/ui/table/table.stories.js +84 -102
- package/lib-esm/ui/tabs/tabs.js +13 -21
- package/lib-esm/ui/tabs/tabs.stories.js +4 -6
- package/lib-esm/ui/toolbar/toolbar.js +7 -5
- package/lib-esm/ui/toolbar/toolbar.stories.js +14 -16
- package/lib-esm/ui/tooltip/tooltip.js +13 -16
- package/lib-esm/ui/tooltip/tooltip.stories.js +8 -12
- package/lib-esm/utils.js +20 -24
- package/package.json +25 -33
- package/src/assets/icons/arrow.svg +1 -0
- package/src/assets/icons/cancel.svg +1 -0
- package/src/assets/icons/clock.svg +1 -0
- package/src/assets/icons/close.svg +1 -0
- package/src/assets/icons/commit.svg +1 -0
- package/src/assets/icons/filter.svg +1 -0
- package/src/assets/icons/help.svg +1 -0
- package/src/assets/icons/menu.svg +1 -0
- package/src/{ui/icon/assets → assets/icons}/sort.svg +0 -0
- package/src/assets/icons/warning.svg +1 -0
- package/src/assets/icons.svg +1 -0
- package/src/components/bundle-assets/bundle-assets.jsx +3 -3
- package/src/components/bundle-assets/bundle-assets.utils.js +96 -17
- package/src/components/bundle-assets/index.jsx +89 -0
- package/src/components/bundle-modules/bundle-modules.jsx +3 -3
- package/src/components/bundle-modules/bundle-modules.utils.js +101 -0
- package/src/components/bundle-modules/index.jsx +107 -0
- package/src/components/bundle-packages/bundle-packages.jsx +3 -3
- package/src/components/bundle-packages/bundle-packages.utils.js +47 -0
- package/src/components/bundle-packages/index.jsx +84 -0
- package/src/components/metrics-table/metrics-table.jsx +2 -7
- package/src/components/metrics-table-search/metrics-table-search.jsx +1 -0
- package/src/components/metrics-table-search/metrics-table-search.module.css +2 -1
- package/src/hooks/rows-filter.js +16 -0
- package/src/hooks/rows-sort.js +24 -0
- package/src/hooks/search-params.js +153 -0
- package/src/ui/icon/icon.jsx +7 -42
- package/src/ui/sort-dropdown/sort-dropdown.jsx +11 -11
- package/src/utils.jsx +5 -3
- package/lib/components/bundle-assets/bundle-assets.container.js +0 -140
- package/lib/components/bundle-modules/bundle-modules.container.js +0 -222
- package/lib/hocs/with-custom-sort.js +0 -75
- package/lib/hocs/with-filtered-items.js +0 -54
- package/lib/ui/icon/assets/arrow.svg +0 -4
- package/lib/ui/icon/assets/branch.svg +0 -3
- package/lib/ui/icon/assets/cancel.svg +0 -4
- package/lib/ui/icon/assets/clock.svg +0 -3
- package/lib/ui/icon/assets/close.svg +0 -4
- package/lib/ui/icon/assets/commit.svg +0 -3
- package/lib/ui/icon/assets/filter.svg +0 -4
- package/lib/ui/icon/assets/help.svg +0 -4
- package/lib/ui/icon/assets/job.svg +0 -3
- package/lib/ui/icon/assets/menu.svg +0 -4
- package/lib/ui/icon/assets/package.svg +0 -3
- package/lib/ui/icon/assets/pull-request.svg +0 -3
- package/lib/ui/icon/assets/repository.svg +0 -3
- package/lib/ui/icon/assets/warning.svg +0 -4
- package/lib-esm/components/bundle-assets/bundle-assets.container.js +0 -119
- package/lib-esm/components/bundle-modules/bundle-modules.container.js +0 -175
- package/lib-esm/components/bundle-packages/bundle-packages.container.js +0 -91
- package/lib-esm/hocs/with-custom-sort.js +0 -43
- package/lib-esm/hocs/with-filtered-items.js +0 -35
- package/lib-esm/hocs/with-search.js +0 -214
- package/lib-esm/ui/icon/assets/arrow.svg +0 -4
- package/lib-esm/ui/icon/assets/branch.svg +0 -3
- package/lib-esm/ui/icon/assets/cancel.svg +0 -4
- package/lib-esm/ui/icon/assets/clock.svg +0 -3
- package/lib-esm/ui/icon/assets/close.svg +0 -4
- package/lib-esm/ui/icon/assets/commit.svg +0 -3
- package/lib-esm/ui/icon/assets/filter.svg +0 -4
- package/lib-esm/ui/icon/assets/help.svg +0 -4
- package/lib-esm/ui/icon/assets/job.svg +0 -3
- package/lib-esm/ui/icon/assets/menu.svg +0 -4
- package/lib-esm/ui/icon/assets/package.svg +0 -3
- package/lib-esm/ui/icon/assets/pull-request.svg +0 -3
- package/lib-esm/ui/icon/assets/repository.svg +0 -3
- package/lib-esm/ui/icon/assets/warning.svg +0 -4
- package/src/components/bundle-assets/bundle-assets.container.js +0 -146
- package/src/components/bundle-assets/index.js +0 -4
- package/src/components/bundle-modules/bundle-modules.container.js +0 -158
- package/src/components/bundle-modules/index.js +0 -4
- package/src/components/bundle-packages/bundle-packages.container.js +0 -93
- package/src/components/bundle-packages/index.js +0 -4
- package/src/hocs/with-custom-sort.jsx +0 -35
- package/src/hocs/with-filtered-items.jsx +0 -34
- package/src/hocs/with-search.jsx +0 -184
- package/src/ui/icon/assets/arrow.svg +0 -4
- package/src/ui/icon/assets/branch.svg +0 -3
- package/src/ui/icon/assets/cancel.svg +0 -4
- package/src/ui/icon/assets/clock.svg +0 -3
- package/src/ui/icon/assets/close.svg +0 -4
- package/src/ui/icon/assets/commit.svg +0 -3
- package/src/ui/icon/assets/filter.svg +0 -4
- package/src/ui/icon/assets/help.svg +0 -4
- package/src/ui/icon/assets/job.svg +0 -3
- package/src/ui/icon/assets/menu.svg +0 -4
- package/src/ui/icon/assets/package.svg +0 -3
- package/src/ui/icon/assets/pull-request.svg +0 -3
- package/src/ui/icon/assets/repository.svg +0 -3
- package/src/ui/icon/assets/warning.svg +0 -4
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.enhance = void 0;
|
|
9
|
-
|
|
10
|
-
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
11
|
-
|
|
12
|
-
var _react = require("react");
|
|
13
|
-
|
|
14
|
-
var _recompose = require("recompose");
|
|
15
|
-
|
|
16
|
-
var webpack = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/webpack"));
|
|
17
|
-
|
|
18
|
-
var _utils = require("@bundle-stats/utils");
|
|
19
|
-
|
|
20
|
-
var _withCustomSort = require("../../hocs/with-custom-sort");
|
|
21
|
-
|
|
22
|
-
var _withFilteredItems = require("../../hocs/with-filtered-items");
|
|
23
|
-
|
|
24
|
-
var _withSearch = require("../../hocs/with-search");
|
|
25
|
-
|
|
26
|
-
var _bundleAssets = require("./bundle-assets.constants");
|
|
27
|
-
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
33
|
-
|
|
34
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
35
|
-
|
|
36
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
40
|
-
var addRowAssetFlags = function addRowAssetFlags(row) {
|
|
41
|
-
var runs = row.runs;
|
|
42
|
-
var isEntry = runs.map(function (run) {
|
|
43
|
-
return run === null || run === void 0 ? void 0 : run.isEntry;
|
|
44
|
-
}).includes(true);
|
|
45
|
-
var isInitial = runs.map(function (run) {
|
|
46
|
-
return run === null || run === void 0 ? void 0 : run.isInitial;
|
|
47
|
-
}).includes(true);
|
|
48
|
-
var isChunk = runs.map(function (run) {
|
|
49
|
-
return run === null || run === void 0 ? void 0 : run.isChunk;
|
|
50
|
-
}).includes(true);
|
|
51
|
-
var isAsset = !(isEntry || isInitial || isChunk);
|
|
52
|
-
return _objectSpread(_objectSpread({}, row), {}, {
|
|
53
|
-
isEntry: isEntry,
|
|
54
|
-
isInitial: isInitial,
|
|
55
|
-
isChunk: isChunk,
|
|
56
|
-
isAsset: isAsset
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
var getIsNotPredictive = function getIsNotPredictive(key, runs) {
|
|
61
|
-
return runs.reduce(function (agg, current, index) {
|
|
62
|
-
if (agg) {
|
|
63
|
-
return agg;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
if (index + 1 === runs.length) {
|
|
67
|
-
return agg;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
if (current && runs[index + 1] && current.delta !== 0 && key !== current.name && current.name === runs[index + 1].name) {
|
|
71
|
-
return true;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
return agg;
|
|
75
|
-
}, false);
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
var addRowIsNotPredictive = function addRowIsNotPredictive(row) {
|
|
79
|
-
return _objectSpread(_objectSpread({}, row), {}, {
|
|
80
|
-
isNotPredictive: getIsNotPredictive(row.key, row.runs)
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
var getRowFilter = function getRowFilter(filters) {
|
|
85
|
-
return function (item) {
|
|
86
|
-
if (filters[_utils.ASSET_FILTERS.CHANGED] && !item.changed) {
|
|
87
|
-
return false;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
if (!(filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.ENTRY)] && item.isEntry || filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.INITIAL)] && item.isInitial || filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.CHUNK)] && item.isChunk || filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.ASSET)] && item.isAsset)) {
|
|
91
|
-
return false;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
if (!filters["".concat(_utils.ASSET_FILE_TYPE, ".").concat((0, _utils.getFileType)(item.key))]) {
|
|
95
|
-
return false;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
return true;
|
|
99
|
-
};
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
var getCustomSort = function getCustomSort(sortId) {
|
|
103
|
-
return function (item) {
|
|
104
|
-
if (sortId === _bundleAssets.SORT_BY_NAME) {
|
|
105
|
-
return item.key;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
if (sortId === _bundleAssets.SORT_BY_DELTA) {
|
|
109
|
-
return (0, _get2["default"])(item, 'runs[0].deltaPercentage', 0);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
if (sortId === _bundleAssets.SORT_BY_SIZE) {
|
|
113
|
-
return (0, _get2["default"])(item, 'runs[0].value', 0);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
return [!item.isNotPredictive, !item.changed, !item.isInitial, !item.isEntry, !item.isChunk, item.key];
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
var enhance = (0, _recompose.compose)((0, _recompose.withProps)(function (_ref) {
|
|
121
|
-
var jobs = _ref.jobs;
|
|
122
|
-
var items = (0, _react.useMemo)(function () {
|
|
123
|
-
return webpack.compareBySection.assets(jobs, [addRowAssetFlags, addRowIsNotPredictive]);
|
|
124
|
-
}, [jobs]);
|
|
125
|
-
|
|
126
|
-
var defaultFilters = _objectSpread(_objectSpread(_defineProperty({}, _utils.ASSET_FILTERS.CHANGED, (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1), (0, _utils.getAssetEntryTypeFilters)(true)), (0, _utils.getAssetFileTypeFilters)(true));
|
|
127
|
-
|
|
128
|
-
var allEntriesFilters = _objectSpread(_objectSpread(_defineProperty({}, _utils.ASSET_FILTERS.CHANGED, false), (0, _utils.getAssetEntryTypeFilters)(true)), (0, _utils.getAssetFileTypeFilters)(true));
|
|
129
|
-
|
|
130
|
-
return {
|
|
131
|
-
items: items,
|
|
132
|
-
totalRowCount: items.length,
|
|
133
|
-
defaultFilters: defaultFilters,
|
|
134
|
-
allEntriesFilters: allEntriesFilters
|
|
135
|
-
};
|
|
136
|
-
}), (0, _withSearch.withSearch)(), (0, _withFilteredItems.withFilteredItems)(getRowFilter), (0, _withCustomSort.withCustomSort)({
|
|
137
|
-
sortItems: _bundleAssets.SORT_BY,
|
|
138
|
-
getCustomSort: getCustomSort
|
|
139
|
-
}));
|
|
140
|
-
exports.enhance = enhance;
|
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _uniqBy2 = _interopRequireDefault(require("lodash/uniqBy"));
|
|
11
|
-
|
|
12
|
-
var _intersection2 = _interopRequireDefault(require("lodash/intersection"));
|
|
13
|
-
|
|
14
|
-
var _merge2 = _interopRequireDefault(require("lodash/merge"));
|
|
15
|
-
|
|
16
|
-
var _max2 = _interopRequireDefault(require("lodash/max"));
|
|
17
|
-
|
|
18
|
-
var _map2 = _interopRequireDefault(require("lodash/map"));
|
|
19
|
-
|
|
20
|
-
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
21
|
-
|
|
22
|
-
var _react = require("react");
|
|
23
|
-
|
|
24
|
-
var _recompose = require("recompose");
|
|
25
|
-
|
|
26
|
-
var webpack = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/webpack"));
|
|
27
|
-
|
|
28
|
-
var _utils = require("@bundle-stats/utils");
|
|
29
|
-
|
|
30
|
-
var _withCustomSort = require("../../hocs/with-custom-sort");
|
|
31
|
-
|
|
32
|
-
var _withFilteredItems = require("../../hocs/with-filtered-items");
|
|
33
|
-
|
|
34
|
-
var _withSearch = require("../../hocs/with-search");
|
|
35
|
-
|
|
36
|
-
var _bundleModules = require("./bundle-modules.constants");
|
|
37
|
-
|
|
38
|
-
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); }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
43
|
-
|
|
44
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
45
|
-
|
|
46
|
-
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."); }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
50
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
|
-
|
|
52
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
53
|
-
|
|
54
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
55
|
-
|
|
56
|
-
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); }
|
|
57
|
-
|
|
58
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
59
|
-
|
|
60
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
61
|
-
|
|
62
|
-
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; }
|
|
63
|
-
|
|
64
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
65
|
-
|
|
66
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
67
|
-
|
|
68
|
-
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; }
|
|
69
|
-
|
|
70
|
-
var addRowSourceFlag = function addRowSourceFlag(row) {
|
|
71
|
-
var key = row.key;
|
|
72
|
-
var thirdParty = Boolean(key.match(webpack.MODULE_PATH_PACKAGES));
|
|
73
|
-
return _objectSpread(_objectSpread({}, row), {}, {
|
|
74
|
-
thirdParty: thirdParty
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
var getCustomSort = function getCustomSort(sortBy) {
|
|
79
|
-
return function (item) {
|
|
80
|
-
if (sortBy === _bundleModules.SORT_BY_NAME) {
|
|
81
|
-
return item.key;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
if (sortBy === _bundleModules.SORT_BY_SIZE) {
|
|
85
|
-
return (0, _get2["default"])(item, 'runs[0].value', 0);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
if (sortBy === _bundleModules.SORT_BY_DELTA) {
|
|
89
|
-
return (0, _get2["default"])(item, 'runs[0].deltaPercentage', 0);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
return [!item.changed, item.key];
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
var getRowFilter = function getRowFilter(filters) {
|
|
97
|
-
return function (row) {
|
|
98
|
-
// Skip not changed rows
|
|
99
|
-
if (filters[_utils.MODULE_FILTERS.CHANGED] && !row.changed) {
|
|
100
|
-
return false;
|
|
101
|
-
} // Skip not matching source type
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
if (!(filters["".concat(_utils.MODULE_SOURCE_TYPE, ".").concat(_utils.MODULE_FILTERS.FIRST_PARTY)] && row.thirdParty === false || filters["".concat(_utils.MODULE_SOURCE_TYPE, ".").concat(_utils.MODULE_FILTERS.THIRD_PARTY)] && row.thirdParty === true)) {
|
|
105
|
-
return false;
|
|
106
|
-
} // Skip not matching source file types
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
var fileType = (0, _utils.getModuleSourceFileType)(row.key);
|
|
110
|
-
|
|
111
|
-
if (!filters["".concat(_utils.MODULE_FILE_TYPE, ".").concat(fileType)]) {
|
|
112
|
-
return false;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
return true;
|
|
116
|
-
};
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
var _default = (0, _recompose.compose)((0, _recompose.withProps)(function (props) {
|
|
120
|
-
var jobs = props.jobs;
|
|
121
|
-
var chunks = (0, _uniqBy2["default"])(jobs.map(function (job) {
|
|
122
|
-
var _job$meta, _job$meta$webpack;
|
|
123
|
-
|
|
124
|
-
return (job === null || job === void 0 ? void 0 : (_job$meta = job.meta) === null || _job$meta === void 0 ? void 0 : (_job$meta$webpack = _job$meta.webpack) === null || _job$meta$webpack === void 0 ? void 0 : _job$meta$webpack.chunks) || [];
|
|
125
|
-
}).flat(), function (_ref) {
|
|
126
|
-
var id = _ref.id;
|
|
127
|
-
return id;
|
|
128
|
-
});
|
|
129
|
-
var chunkIds = (0, _map2["default"])(chunks, 'id');
|
|
130
|
-
|
|
131
|
-
var defaultFilters = _objectSpread(_objectSpread(_objectSpread({
|
|
132
|
-
changed: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1
|
|
133
|
-
}, (0, _utils.getModuleSourceTypeFilters)(true)), (0, _utils.getModuleChunkFilters)(chunkIds, true)), (0, _utils.getModuleFileTypeFilters)(true));
|
|
134
|
-
|
|
135
|
-
var allEntriesFilters = _objectSpread(_objectSpread(_objectSpread({
|
|
136
|
-
changed: false
|
|
137
|
-
}, (0, _utils.getModuleSourceTypeFilters)(true)), (0, _utils.getModuleChunkFilters)(chunkIds, true)), (0, _utils.getModuleFileTypeFilters)(true));
|
|
138
|
-
|
|
139
|
-
return {
|
|
140
|
-
defaultFilters: defaultFilters,
|
|
141
|
-
allEntriesFilters: allEntriesFilters,
|
|
142
|
-
chunks: chunks,
|
|
143
|
-
chunkIds: chunkIds
|
|
144
|
-
};
|
|
145
|
-
}), (0, _withSearch.withSearch)(), (0, _recompose.withProps)(function (props) {
|
|
146
|
-
var jobs = props.jobs,
|
|
147
|
-
chunkIds = props.chunkIds,
|
|
148
|
-
filters = props.filters; // List of chunkIds with filter value set to `true`
|
|
149
|
-
|
|
150
|
-
var includedChunkIds = chunkIds.reduce(function (agg, chunkId) {
|
|
151
|
-
if ((0, _get2["default"])(filters, "".concat(_utils.MODULE_CHUNK, ".").concat(chunkId))) {
|
|
152
|
-
return [].concat(_toConsumableArray(agg), [chunkId]);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
return agg;
|
|
156
|
-
}, []); // If all the filters are included, return jobs as they are
|
|
157
|
-
|
|
158
|
-
if (includedChunkIds.length === chunkIds.length) {
|
|
159
|
-
return {
|
|
160
|
-
jobs: jobs
|
|
161
|
-
};
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
var jobsWithFilteredData = jobs.map(function (job) {
|
|
165
|
-
var _job$metrics;
|
|
166
|
-
|
|
167
|
-
var _ref2 = (job === null || job === void 0 ? void 0 : (_job$metrics = job.metrics) === null || _job$metrics === void 0 ? void 0 : _job$metrics.webpack) || {},
|
|
168
|
-
modules = _ref2.modules;
|
|
169
|
-
|
|
170
|
-
var filteredModules = Object.entries(modules).reduce(function (agg, _ref3) {
|
|
171
|
-
var _ref4 = _slicedToArray(_ref3, 2),
|
|
172
|
-
moduleId = _ref4[0],
|
|
173
|
-
moduleEntry = _ref4[1];
|
|
174
|
-
|
|
175
|
-
var match = (0, _intersection2["default"])(moduleEntry.chunkIds, includedChunkIds);
|
|
176
|
-
|
|
177
|
-
if (match.length > 0) {
|
|
178
|
-
agg[moduleId] = moduleEntry; // eslint-disable-line no-param-reassign
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
return agg;
|
|
182
|
-
}, {}); // Copy job data into a new object to prevent mutations of the original data
|
|
183
|
-
|
|
184
|
-
var newJob = (0, _merge2["default"])({}, job);
|
|
185
|
-
newJob.metrics.webpack.modules = filteredModules;
|
|
186
|
-
return newJob;
|
|
187
|
-
});
|
|
188
|
-
return {
|
|
189
|
-
jobs: jobsWithFilteredData
|
|
190
|
-
};
|
|
191
|
-
}), (0, _recompose.withProps)(function (_ref5) {
|
|
192
|
-
var jobs = _ref5.jobs;
|
|
193
|
-
|
|
194
|
-
var _useMemo = (0, _react.useMemo)(function () {
|
|
195
|
-
return {
|
|
196
|
-
items: webpack.compareBySection.modules(jobs, [addRowSourceFlag]),
|
|
197
|
-
|
|
198
|
-
/*
|
|
199
|
-
* total amount of rows depends on the way the modules are merged before any filtering.
|
|
200
|
-
* to avoid running an expensive operation before filtering, we just show the total amount of
|
|
201
|
-
* rows to be the max count between different runs
|
|
202
|
-
*/
|
|
203
|
-
totalRowCount: (0, _max2["default"])(jobs.map(function (job) {
|
|
204
|
-
var _job$metrics2, _job$metrics2$webpack;
|
|
205
|
-
|
|
206
|
-
return Object.values((job === null || job === void 0 ? void 0 : (_job$metrics2 = job.metrics) === null || _job$metrics2 === void 0 ? void 0 : (_job$metrics2$webpack = _job$metrics2.webpack) === null || _job$metrics2$webpack === void 0 ? void 0 : _job$metrics2$webpack.modules) || {}).length;
|
|
207
|
-
}))
|
|
208
|
-
};
|
|
209
|
-
}, [jobs]),
|
|
210
|
-
items = _useMemo.items,
|
|
211
|
-
totalRowCount = _useMemo.totalRowCount;
|
|
212
|
-
|
|
213
|
-
return {
|
|
214
|
-
totalRowCount: totalRowCount,
|
|
215
|
-
items: items
|
|
216
|
-
};
|
|
217
|
-
}), (0, _withFilteredItems.withFilteredItems)(getRowFilter), (0, _withCustomSort.withCustomSort)({
|
|
218
|
-
sortItems: _bundleModules.SORT_BY,
|
|
219
|
-
getCustomSort: getCustomSort
|
|
220
|
-
}));
|
|
221
|
-
|
|
222
|
-
exports["default"] = _default;
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.withCustomSort = void 0;
|
|
9
|
-
|
|
10
|
-
var _orderBy2 = _interopRequireDefault(require("lodash/orderBy"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
|
-
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); }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
|
-
function _extends() { _extends = Object.assign || 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
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
|
|
26
|
-
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."); }
|
|
27
|
-
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
34
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
-
|
|
36
|
-
var withCustomSort = function withCustomSort(_ref) {
|
|
37
|
-
var sortItems = _ref.sortItems,
|
|
38
|
-
getCustomSort = _ref.getCustomSort,
|
|
39
|
-
_ref$sortBy = _ref.sortBy,
|
|
40
|
-
sortBy = _ref$sortBy === void 0 ? 'size' : _ref$sortBy,
|
|
41
|
-
_ref$direction = _ref.direction,
|
|
42
|
-
direction = _ref$direction === void 0 ? 'desc' : _ref$direction;
|
|
43
|
-
return function (BaseComponent) {
|
|
44
|
-
var WithCustomSort = function WithCustomSort(props) {
|
|
45
|
-
var items = props.items;
|
|
46
|
-
|
|
47
|
-
var _useState = (0, _react.useState)({
|
|
48
|
-
sortBy: sortBy,
|
|
49
|
-
direction: direction
|
|
50
|
-
}),
|
|
51
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
52
|
-
sort = _useState2[0],
|
|
53
|
-
updateSort = _useState2[1];
|
|
54
|
-
|
|
55
|
-
var orderedItems = (0, _react.useMemo)(function () {
|
|
56
|
-
return (0, _orderBy2["default"])(items, getCustomSort(sort.sortBy), sort.direction);
|
|
57
|
-
}, [items, sort.sortBy, sort.direction]);
|
|
58
|
-
var otherProps = {
|
|
59
|
-
sort: sort,
|
|
60
|
-
updateSort: updateSort,
|
|
61
|
-
sortItems: sortItems,
|
|
62
|
-
items: orderedItems
|
|
63
|
-
};
|
|
64
|
-
return /*#__PURE__*/_react["default"].createElement(BaseComponent, _extends({}, props, otherProps));
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
WithCustomSort.propTypes = {
|
|
68
|
-
items: _propTypes["default"].array.isRequired // eslint-disable-line react/forbid-prop-types
|
|
69
|
-
|
|
70
|
-
};
|
|
71
|
-
return WithCustomSort;
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
exports.withCustomSort = withCustomSort;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.withFilteredItems = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
|
-
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); }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
function _extends() { _extends = Object.assign || 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
|
-
var withFilteredItems = function withFilteredItems(getFilter) {
|
|
23
|
-
return function (BaseComponent) {
|
|
24
|
-
var WithFilteredItems = function WithFilteredItems(props) {
|
|
25
|
-
var items = props.items,
|
|
26
|
-
filters = props.filters,
|
|
27
|
-
searchPattern = props.searchPattern;
|
|
28
|
-
var filteredItems = (0, _react.useMemo)(function () {
|
|
29
|
-
return items.filter(function (item) {
|
|
30
|
-
if (searchPattern && !searchPattern.test(item === null || item === void 0 ? void 0 : item.key)) {
|
|
31
|
-
return false;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
return getFilter(filters)(item);
|
|
35
|
-
});
|
|
36
|
-
}, [items, searchPattern, filters]);
|
|
37
|
-
var baseProps = {
|
|
38
|
-
items: filteredItems
|
|
39
|
-
};
|
|
40
|
-
return /*#__PURE__*/_react["default"].createElement(BaseComponent, _extends({}, props, baseProps));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
WithFilteredItems.propTypes = {
|
|
44
|
-
filters: _propTypes["default"].object.isRequired,
|
|
45
|
-
// eslint-disable-line react/forbid-prop-types
|
|
46
|
-
items: _propTypes["default"].array.isRequired,
|
|
47
|
-
// eslint-disable-line react/forbid-prop-types
|
|
48
|
-
searchPattern: _propTypes["default"].instanceOf(RegExp).isRequired
|
|
49
|
-
};
|
|
50
|
-
return WithFilteredItems;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
exports.withFilteredItems = withFilteredItems;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 640 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
2
|
-
<path d="M512 192c-70.625 0-128 57.344-128 128 0 47.219 25.875 88.062 64 110.281V448s0 128-128 128c-53.062 0-94.656 11.375-128 28.812V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128S0 121.344 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-33.5-13.188-63.75-34.25-86.625C240.375 722.5 270.656 704 320 704c254 0 256-256 256-256v-17.719c38.125-22.219 64-63.062 64-110.281 0-70.656-57.375-128-128-128zm-384-64c35.406 0 64 28.594 64 64s-28.594 64-64 64-64-28.594-64-64 28.594-64 64-64zm0 768c-35.406 0-64-28.625-64-64 0-35.312 28.594-64 64-64s64 28.688 64 64c0 35.375-28.594 64-64 64zm384-512c-35.375 0-64-28.594-64-64s28.625-64 64-64 64 28.594 64 64-28.625 64-64 64z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor">
|
|
2
|
-
<path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
|
|
3
|
-
<path d="M0 0h24v24H0z" fill="none"/>
|
|
4
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
2
|
-
<path d="M694.875 448C666.375 337.781 567.125 256 448 256c-119.094 0-218.375 81.781-246.906 192H0v128h201.094C229.625 686.25 328.906 768 448 768c119.125 0 218.375-81.75 246.875-192H896V448H694.875zM448 640c-70.656 0-128-57.375-128-128 0-70.656 57.344-128 128-128 70.625 0 128 57.344 128 128 0 70.625-57.375 128-128 128z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 24 24" fill="currentColor">
|
|
2
|
-
<path d="M0 0h24v24H0z" fill="none"/>
|
|
3
|
-
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
|
|
4
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
|
|
2
|
-
<path d="M73.1 54.9c10.1 0 18.3 8.2 18.3 18.3s-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3S63 54.9 73.1 54.9zM256 201.1c0 30.3-24.6 54.9-54.9 54.9h-128l54.9-54.9h23.2c6.3 10.9 18.1 18.3 31.7 18.3 20.2 0 36.6-16.4 36.6-36.6s-16.4-36.6-36.6-36.6c-13.5 0-25.4 7.4-31.7 18.3h-41.5L26.3 248C10.5 238.4 0 221 0 201.1V54.9C0 24.6 24.6 0 54.9 0v41.5C44 47.8 36.6 59.6 36.6 73.2c0 20.2 16.4 36.6 36.6 36.6 13.5 0 25.3-7.3 31.6-18.2l46.4-.1c6.3 10.9 18.1 18.3 31.7 18.3 20.2 0 36.6-16.4 36.6-36.6s-16.4-36.6-36.6-36.6c-13.5 0-25.4 7.4-31.7 18.3l-46.3.1c-3.2-5.6-7.9-10.2-13.4-13.5V0h109.7C231.4 0 256 24.6 256 54.9v146.2zm-91.4-18.2c0-10.1 8.2-18.3 18.3-18.3s18.3 8.2 18.3 18.3-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3zm0-109.8c0-10.1 8.2-18.3 18.3-18.3s18.3 8.2 18.3 18.3-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
2
|
-
<path d="M0 0h24v24H0z" fill="none"/>
|
|
3
|
-
<path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
|
|
4
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
2
|
-
<path d="M480 64L0 192v576l480 128 480-128V192L480 64zM63.875 720.934L63.5 288l384.498 102.533.001 432.833L63.875 720.934zM63.5 224l160.254-42.734L640 292.265v.135l-160 42.667L63.5 224zm832.625 496.934L512.001 823.366l.001-432.833L640 356.4v156l128-34.135V322.267L896.5 288l-.375 432.934zM768 258.267v-.125L351.734 147.138 480 112.934 896.5 224 768 258.267z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 768 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
2
|
-
<path d="M128 64C57.344 64 0 121.344 0 192c0 47.219 25.906 88.062 64 110.281V721.75C25.906 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128zm0 832c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64 0 35.375-28.594 64-64 64zm0-640c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64s-28.594 64-64 64zm576 465.75V320c0-192.5-192-192-192-192h-64V0L256 192l192 192V256h64c56.438 0 64 64 64 64v401.75c-38.125 22.188-64 62.938-64 110.25 0 70.625 57.375 128 128 128s128-57.375 128-128c0-47.25-25.875-88.062-64-110.25zM640 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.375 0 64 28.688 64 64 0 35.375-28.625 64-64 64z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
|
|
2
|
-
<path d="M112 64H96v16h16V64zm0-32H96v16h16V32zm96-32H48S32 0 32 16v192c0 16 16 16 16 16h32v32l24-24 24 24v-32h80s16-.3 16-16V16c0-16-16-16-16-16zm0 192c0 15.4-16 16-16 16h-64v-16H80v16H64c-16 0-16-16-16-16v-16h160v16zm0-32H80V16h128.2l-.2 144zm-96-32H96v16h16v-16zm0-32H96v16h16V96z"/>
|
|
3
|
-
</svg>
|