@bundle-stats/ui 4.1.5-alpha.0 → 4.1.5

package/lib/components/bundle-packages/bundle-packages.js

@@ -1,316 +1,192 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.BundlePackages = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("@bundle-stats/utils");
-var _config = _interopRequireDefault(require("../../config.json"));
-var _i18n = _interopRequireDefault(require("../../i18n"));
-var _stack = require("../../layout/stack");
-var _flexStack = require("../../layout/flex-stack");
-var _emptySet = require("../../ui/empty-set");
-var _filters = require("../../ui/filters");
-var _hoverCard = require("../../ui/hover-card");
-var _sortDropdown = require("../../ui/sort-dropdown");
-var _tag = require("../../ui/tag");
-var _toolbar = require("../../ui/toolbar");
-var _fileName = require("../../ui/file-name");
-var _componentLink = require("../component-link");
-var _metricsTable = require("../metrics-table");
-var _metricsTableSearch = require("../metrics-table-search");
-var _metricsTableOptions = require("../metrics-table-options");
-var _metricsTableTitle = require("../metrics-table-title");
-var _bundlePackagesModule = _interopRequireDefault(require("./bundle-packages.module.css"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-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; }
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
-var getDropdownFilters = function getDropdownFilters(_ref) {
-  var _ref2;
-  var compareMode = _ref.compareMode,
-    filters = _ref.filters;
-  return _ref2 = {}, _defineProperty(_ref2, _utils.PACKAGE_FILTERS.CHANGED, {
-    label: 'Changed',
-    defaultValue: filters[_utils.PACKAGE_FILTERS.CHANGED],
-    disabled: !compareMode
-  }), _defineProperty(_ref2, _utils.PACKAGE_FILTERS.DUPLICATE, {
-    label: 'Duplicate',
-    defaultValue: filters[_utils.PACKAGE_FILTERS.DUPLICATE]
-  }), _ref2;
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
-var PackagePopoverContent = function PackagePopoverContent(_ref3) {
-  var name = _ref3.name,
-    fullName = _ref3.fullName,
-    path = _ref3.path,
-    duplicate = _ref3.duplicate,
-    CustomComponentLink = _ref3.CustomComponentLink;
-  var fallbackPackagePath = "node_modules/".concat(fullName.split(_utils.PACKAGES_SEPARATOR).join('/node_modules/'));
-  var normalizedPackagePath = "".concat(path || fallbackPackagePath, "/");
-  var _name$split = name.split(_utils.PACKAGE_ID_SEPARATOR),
-    _name$split2 = _slicedToArray(_name$split, 2),
-    normalizedName = _name$split2[0],
-    packageId = _name$split2[1];
-  return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
-    space: "xsmall",
-    className: _bundlePackagesModule["default"].packageHoverCard
-  }, /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
-    space: "xxxsmall"
-  }, /*#__PURE__*/_react["default"].createElement("h3", {
-    className: _bundlePackagesModule["default"].packageHoverCardTitle
-  }, normalizedName, packageId && /*#__PURE__*/_react["default"].createElement("span", {
-    className: _bundlePackagesModule["default"].packageHoverCardTitleIndex
-  }, "".concat(_utils.PACKAGE_ID_SEPARATOR).concat(packageId))), /*#__PURE__*/_react["default"].createElement("p", {
-    className: _bundlePackagesModule["default"].packageHoverCardPath
-  }, /*#__PURE__*/_react["default"].createElement(_fileName.FileName, {
-    className: _bundlePackagesModule["default"].packageHoverCardPathValue,
-    name: normalizedPackagePath
-  }))), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: _bundlePackagesModule["default"].packageHoverCardList
-  }, /*#__PURE__*/_react["default"].createElement("li", {
-    className: _bundlePackagesModule["default"].packageHoverCardItem
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://www.npmjs.com/package/".concat(normalizedName),
-    target: "_blank",
-    rel: "noreferrer"
-  }, "npmjs.com")), /*#__PURE__*/_react["default"].createElement("li", {
-    className: _bundlePackagesModule["default"].packageHoverCardItem
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://bundlephobia.com/result?p=".concat(normalizedName),
-    target: "_blank",
-    rel: "noreferrer"
-  }, "bundlephobia.com"))), /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
-    space: "xxxsmall",
-    className: _bundlePackagesModule["default"].packageHoverCardActions
-  }, duplicate && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(CustomComponentLink, (0, _utils.getBundlePackagesByNameComponentLink)(normalizedName), "View all duplicate instances")), /*#__PURE__*/_react["default"].createElement(CustomComponentLink, (0, _utils.getBundleModulesBySearch)(normalizedPackagePath), "Search modules by package path")));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BundlePackages = void 0;
+const react_1 = __importStar(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@bundle-stats/utils");
+const config_json_1 = __importDefault(require("../../config.json"));
+const i18n_1 = __importDefault(require("../../i18n"));
+const stack_1 = require("../../layout/stack");
+const flex_stack_1 = require("../../layout/flex-stack");
+const empty_set_1 = require("../../ui/empty-set");
+const filters_1 = require("../../ui/filters");
+const hover_card_1 = require("../../ui/hover-card");
+const sort_dropdown_1 = require("../../ui/sort-dropdown");
+const tag_1 = require("../../ui/tag");
+const toolbar_1 = require("../../ui/toolbar");
+const file_name_1 = require("../../ui/file-name");
+const component_link_1 = require("../component-link");
+const metrics_table_1 = require("../metrics-table");
+const metrics_table_search_1 = require("../metrics-table-search");
+const metrics_table_options_1 = require("../metrics-table-options");
+const metrics_table_title_1 = require("../metrics-table-title");
+const bundle_packages_module_css_1 = __importDefault(require("./bundle-packages.module.css"));
+const getDropdownFilters = ({ compareMode, filters }) => ({
+    [utils_1.PACKAGE_FILTERS.CHANGED]: {
+        label: 'Changed',
+        defaultValue: filters[utils_1.PACKAGE_FILTERS.CHANGED],
+        disabled: !compareMode,
+    },
+    [utils_1.PACKAGE_FILTERS.DUPLICATE]: {
+        label: 'Duplicate',
+        defaultValue: filters[utils_1.PACKAGE_FILTERS.DUPLICATE],
+    },
+});
+const PackagePopoverContent = ({ name, fullName, path, duplicate, CustomComponentLink }) => {
+    const fallbackPackagePath = `node_modules/${fullName.split(utils_1.PACKAGES_SEPARATOR).join('/node_modules/')}`;
+    const normalizedPackagePath = `${path || fallbackPackagePath}/`;
+    const [normalizedName, packageId] = name.split(utils_1.PACKAGE_ID_SEPARATOR);
+    return (react_1.default.createElement(stack_1.Stack, { space: "xsmall", className: bundle_packages_module_css_1.default.packageHoverCard },
+        react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+            react_1.default.createElement("h3", { className: bundle_packages_module_css_1.default.packageHoverCardTitle },
+                normalizedName,
+                packageId && (react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageHoverCardTitleIndex }, `${utils_1.PACKAGE_ID_SEPARATOR}${packageId}`))),
+            react_1.default.createElement("p", { className: bundle_packages_module_css_1.default.packageHoverCardPath },
+                react_1.default.createElement(file_name_1.FileName, { className: bundle_packages_module_css_1.default.packageHoverCardPathValue, name: normalizedPackagePath }))),
+        react_1.default.createElement("ul", { className: bundle_packages_module_css_1.default.packageHoverCardList },
+            react_1.default.createElement("li", { className: bundle_packages_module_css_1.default.packageHoverCardItem },
+                react_1.default.createElement("a", { href: `https://www.npmjs.com/package/${normalizedName}`, target: "_blank", rel: "noreferrer" }, "npmjs.com")),
+            react_1.default.createElement("li", { className: bundle_packages_module_css_1.default.packageHoverCardItem },
+                react_1.default.createElement("a", { href: `https://bundlephobia.com/result?p=${normalizedName}`, target: "_blank", rel: "noreferrer" }, "bundlephobia.com"))),
+        react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", className: bundle_packages_module_css_1.default.packageHoverCardActions },
+            duplicate && (react_1.default.createElement("div", null,
+                react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundlePackagesByNameComponentLink)(normalizedName) }, "View all duplicate instances"))),
+            react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundleModulesBySearch)(normalizedPackagePath) }, "Search modules by package path"))));
 };
 PackagePopoverContent.propTypes = {
-  name: _propTypes["default"].string.isRequired,
-  path: _propTypes["default"].string,
-  fullName: _propTypes["default"].string.isRequired,
-  duplicate: _propTypes["default"].bool.isRequired,
-  CustomComponentLink: _propTypes["default"].elementType.isRequired
+    name: prop_types_1.default.string.isRequired,
+    path: prop_types_1.default.string,
+    fullName: prop_types_1.default.string.isRequired,
+    duplicate: prop_types_1.default.bool.isRequired,
+    CustomComponentLink: prop_types_1.default.elementType.isRequired,
 };
 PackagePopoverContent.defaultProps = {
-  path: ''
+    path: '',
 };
-var PackageName = function PackageName(_ref4) {
-  var packageName = _ref4.packageName,
-    path = _ref4.path,
-    showDuplicateFlag = _ref4.showDuplicateFlag,
-    row = _ref4.row,
-    CustomComponentLink = _ref4.CustomComponentLink;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showHoverCard = _useState2[0],
-    setHoverCard = _useState2[1];
-  var handleOnMouseEnter = (0, _react.useCallback)(function () {
-    return setHoverCard(true);
-  }, [showHoverCard]);
-  var label = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, showDuplicateFlag && row.duplicate && /*#__PURE__*/_react["default"].createElement(_tag.Tag, {
-      className: _bundlePackagesModule["default"].packageNameTagDuplicate,
-      title: "Duplicate package",
-      kind: _tag.Tag.KINDS.DANGER,
-      size: _tag.Tag.SIZES.SMALL
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      className: _bundlePackagesModule["default"].packageNameLabel
-    }, packageName));
-  }, [packageName, showDuplicateFlag, row]);
-  if (!showHoverCard) {
-    return /*#__PURE__*/_react["default"].createElement("span", {
-      className: _bundlePackagesModule["default"].packageName,
-      onMouseEnter: handleOnMouseEnter
-    }, label);
-  }
-  return /*#__PURE__*/_react["default"].createElement(_hoverCard.HoverCard, {
-    className: _bundlePackagesModule["default"].packageName,
-    label: /*#__PURE__*/_react["default"].createElement("span", {
-      className: _bundlePackagesModule["default"].packageName
-    }, label)
-  }, /*#__PURE__*/_react["default"].createElement(PackagePopoverContent, {
-    name: packageName,
-    path: path,
-    fullName: row.label,
-    duplicate: row.duplicate,
-    CustomComponentLink: CustomComponentLink
-  }));
+const PackageName = ({ packageName, path, showDuplicateFlag, row, CustomComponentLink }) => {
+    const [showHoverCard, setHoverCard] = (0, react_1.useState)(false);
+    const handleOnMouseEnter = (0, react_1.useCallback)(() => setHoverCard(true), [showHoverCard]);
+    const label = (0, react_1.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null,
+        showDuplicateFlag && row.duplicate && (react_1.default.createElement(tag_1.Tag, { className: bundle_packages_module_css_1.default.packageNameTagDuplicate, title: "Duplicate package", kind: tag_1.Tag.KINDS.DANGER, size: tag_1.Tag.SIZES.SMALL })),
+        react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageNameLabel }, packageName))), [packageName, showDuplicateFlag, row]);
+    if (!showHoverCard) {
+        return (react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageName, onMouseEnter: handleOnMouseEnter }, label));
+    }
+    return (react_1.default.createElement(hover_card_1.HoverCard, { className: bundle_packages_module_css_1.default.packageName, label: react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageName }, label) },
+        react_1.default.createElement(PackagePopoverContent, { name: packageName, path: path, fullName: row.label, duplicate: row.duplicate, CustomComponentLink: CustomComponentLink })));
 };
 PackageName.propTypes = {
-  packageName: _propTypes["default"].string.isRequired,
-  path: _propTypes["default"].string.isRequired,
-  showDuplicateFlag: _propTypes["default"].bool.isRequired,
-  row: _propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    duplicate: _propTypes["default"].bool,
-    runs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-      path: _propTypes["default"].string
-    })).isRequired
-  }).isRequired,
-  CustomComponentLink: _propTypes["default"].elementType.isRequired
+    packageName: prop_types_1.default.string.isRequired,
+    path: prop_types_1.default.string.isRequired,
+    showDuplicateFlag: prop_types_1.default.bool.isRequired,
+    row: prop_types_1.default.shape({
+        label: prop_types_1.default.string,
+        duplicate: prop_types_1.default.bool,
+        runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+            path: prop_types_1.default.string,
+        })).isRequired,
+    }).isRequired,
+    CustomComponentLink: prop_types_1.default.elementType.isRequired,
 };
-var RowHeader = function RowHeader(_ref5) {
-  var row = _ref5.row,
-    CustomComponentLink = _ref5.CustomComponentLink;
-  var packageNames = row.label.split(_utils.PACKAGES_SEPARATOR);
-  var _ref6 = row.runs[0] || {},
-    path = _ref6.path;
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: _bundlePackagesModule["default"].packageNames
-  }, packageNames.map(function (packageName, index) {
-    return /*#__PURE__*/_react["default"].createElement(PackageName, {
-      packageName: packageName,
-      path: path
-      // Render duplicate flag only for the last entry
-      ,
-      showDuplicateFlag: index === packageNames.length - 1,
-      row: row,
-      CustomComponentLink: CustomComponentLink
-    });
-  }));
+const RowHeader = ({ row, CustomComponentLink }) => {
+    const packageNames = row.label.split(utils_1.PACKAGES_SEPARATOR);
+    const { path } = row.runs[0] || {};
+    return (react_1.default.createElement("span", { className: bundle_packages_module_css_1.default.packageNames }, packageNames.map((packageName, index) => (react_1.default.createElement(PackageName, { packageName: packageName, path: path, showDuplicateFlag: index === packageNames.length - 1, row: row, CustomComponentLink: CustomComponentLink })))));
 };
 RowHeader.propTypes = {
-  row: _propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    duplicate: _propTypes["default"].bool,
-    runs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-      path: _propTypes["default"].string
-    })).isRequired
-  }).isRequired,
-  CustomComponentLink: _propTypes["default"].elementType.isRequired
+    row: prop_types_1.default.shape({
+        label: prop_types_1.default.string,
+        duplicate: prop_types_1.default.bool,
+        runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+            path: prop_types_1.default.string,
+        })).isRequired,
+    }).isRequired,
+    CustomComponentLink: prop_types_1.default.elementType.isRequired,
 };
-var BundlePackages = function BundlePackages(props) {
-  var className = props.className,
-    jobs = props.jobs,
-    items = props.items,
-    updateFilters = props.updateFilters,
-    resetFilters = props.resetFilters,
-    resetAllFilters = props.resetAllFilters,
-    totalRowCount = props.totalRowCount,
-    filters = props.filters,
-    sortFields = props.sortFields,
-    sort = props.sort,
-    updateSort = props.updateSort,
-    search = props.search,
-    updateSearch = props.updateSearch,
-    hasActiveFilters = props.hasActiveFilters,
-    CustomComponentLink = props.customComponentLink;
-  var dropdownFilters = (0, _react.useMemo)(function () {
-    return getDropdownFilters({
-      compareMode: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1,
-      filters: filters
-    });
-  }, [jobs, filters]);
-  var metricsTableTitle = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_metricsTableTitle.MetricsTableTitle, {
-      title: _i18n["default"].PACKAGES,
-      info: "".concat(items.length, "/").concat(totalRowCount),
-      popoverInfo: _i18n["default"].PACKAGES_INFO,
-      popoverHref: _config["default"].documentation.packages
-    });
-  }, [items, totalRowCount]);
-  var renderRowHeader = (0, _react.useCallback)(function (row) {
-    return /*#__PURE__*/_react["default"].createElement(RowHeader, {
-      row: row,
-      CustomComponentLink: CustomComponentLink
-    });
-  }, [CustomComponentLink]);
-  var emptyMessage = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_emptySet.EmptySet, {
-      resources: "packages",
-      filtered: totalRowCount !== 0,
-      handleResetFilters: resetFilters,
-      handleViewAll: resetAllFilters
-    });
-  }, [totalRowCount, resetFilters, resetAllFilters]);
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: (0, _classnames["default"])(_bundlePackagesModule["default"].root, className)
-  }, /*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
-    className: _bundlePackagesModule["default"].toolbar,
-    renderActions: function renderActions(_ref7) {
-      var actionClassName = _ref7.actionClassName;
-      return /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
-        space: "xxsmall",
-        className: (0, _classnames["default"])(_bundlePackagesModule["default"].dropdown, actionClassName)
-      }, /*#__PURE__*/_react["default"].createElement(_sortDropdown.SortDropdown, _extends({
-        fields: sortFields
-      }, sort, {
-        onChange: updateSort
-      })), /*#__PURE__*/_react["default"].createElement(_metricsTableOptions.MetricsTableOptions, {
-        handleViewAll: resetAllFilters,
-        handleResetFilters: resetFilters
-      }));
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
-    space: "xxsmall"
-  }, /*#__PURE__*/_react["default"].createElement(_metricsTableSearch.MetricsTableSearch, {
-    className: _bundlePackagesModule["default"].toolbarSearch,
-    placeholder: "Search by name",
-    search: search,
-    updateSearch: updateSearch
-  }), /*#__PURE__*/_react["default"].createElement(_filters.Filters, {
-    filters: dropdownFilters,
-    label: "Filters (".concat(items.length, "/").concat(totalRowCount, ")"),
-    onChange: updateFilters,
-    hasActiveFilters: hasActiveFilters
-  }))), /*#__PURE__*/_react["default"].createElement("main", null, /*#__PURE__*/_react["default"].createElement(_metricsTable.MetricsTable, {
-    runs: jobs,
-    items: items,
-    emptyMessage: emptyMessage,
-    renderRowHeader: renderRowHeader,
-    showHeaderSum: true,
-    title: metricsTableTitle
-  })));
+const BundlePackages = (props) => {
+    const { className, jobs, items, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, } = props;
+    const dropdownFilters = (0, react_1.useMemo)(() => getDropdownFilters({ compareMode: jobs?.length > 1, filters }), [jobs, filters]);
+    const metricsTableTitle = (0, react_1.useMemo)(() => (react_1.default.createElement(metrics_table_title_1.MetricsTableTitle, { title: i18n_1.default.PACKAGES, info: `${items.length}/${totalRowCount}`, popoverInfo: i18n_1.default.PACKAGES_INFO, popoverHref: config_json_1.default.documentation.packages })), [items, totalRowCount]);
+    const renderRowHeader = (0, react_1.useCallback)((row) => react_1.default.createElement(RowHeader, { row: row, CustomComponentLink: CustomComponentLink }), [CustomComponentLink]);
+    const emptyMessage = (0, react_1.useMemo)(() => (react_1.default.createElement(empty_set_1.EmptySet, { resources: "packages", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
+    return (react_1.default.createElement("section", { className: (0, classnames_1.default)(bundle_packages_module_css_1.default.root, className) },
+        react_1.default.createElement(toolbar_1.Toolbar, { className: bundle_packages_module_css_1.default.toolbar, renderActions: ({ actionClassName }) => (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", className: (0, classnames_1.default)(bundle_packages_module_css_1.default.dropdown, actionClassName) },
+                react_1.default.createElement(sort_dropdown_1.SortDropdown, { fields: sortFields, ...sort, onChange: updateSort }),
+                react_1.default.createElement(metrics_table_options_1.MetricsTableOptions, { handleViewAll: resetAllFilters, handleResetFilters: resetFilters }))) },
+            react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall" },
+                react_1.default.createElement(metrics_table_search_1.MetricsTableSearch, { className: bundle_packages_module_css_1.default.toolbarSearch, placeholder: "Search by name", search: search, updateSearch: updateSearch }),
+                react_1.default.createElement(filters_1.Filters, { filters: dropdownFilters, label: `Filters (${items.length}/${totalRowCount})`, onChange: updateFilters, hasActiveFilters: hasActiveFilters }))),
+        react_1.default.createElement("main", null,
+            react_1.default.createElement(metrics_table_1.MetricsTable, { runs: jobs, items: items, emptyMessage: emptyMessage, renderRowHeader: renderRowHeader, showHeaderSum: true, title: metricsTableTitle }))));
 };
 exports.BundlePackages = BundlePackages;
-BundlePackages.defaultProps = {
-  className: '',
-  totalRowCount: 0,
-  hasActiveFilters: false,
-  customComponentLink: _componentLink.ComponentLink
+exports.BundlePackages.defaultProps = {
+    className: '',
+    totalRowCount: 0,
+    hasActiveFilters: false,
+    customComponentLink: component_link_1.ComponentLink,
+};
+exports.BundlePackages.propTypes = {
+    className: prop_types_1.default.string,
+    jobs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        internalBuildNumber: prop_types_1.default.number,
+    })).isRequired,
+    items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        key: prop_types_1.default.string,
+        label: prop_types_1.default.string,
+        runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+            displayValue: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
+            displayDelta: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
+        })),
+    })).isRequired,
+    updateFilters: prop_types_1.default.func.isRequired,
+    resetFilters: prop_types_1.default.func.isRequired,
+    resetAllFilters: prop_types_1.default.func.isRequired,
+    totalRowCount: prop_types_1.default.number,
+    filters: prop_types_1.default.shape({
+        changed: prop_types_1.default.bool,
+    }).isRequired,
+    hasActiveFilters: prop_types_1.default.bool,
+    sortFields: prop_types_1.default.shape({
+        [prop_types_1.default.string]: prop_types_1.default.shape({
+            label: prop_types_1.default.string,
+            defaultDirection: prop_types_1.default.bool,
+        }),
+    }).isRequired,
+    sort: prop_types_1.default.shape({
+        sortBy: prop_types_1.default.string,
+        direction: prop_types_1.default.string,
+    }).isRequired,
+    updateSort: prop_types_1.default.func.isRequired,
+    search: prop_types_1.default.string.isRequired,
+    updateSearch: prop_types_1.default.func.isRequired,
+    customComponentLink: prop_types_1.default.elementType,
 };
-BundlePackages.propTypes = {
-  className: _propTypes["default"].string,
-  jobs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    internalBuildNumber: _propTypes["default"].number
-  })).isRequired,
-  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    key: _propTypes["default"].string,
-    label: _propTypes["default"].string,
-    runs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-      displayValue: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-      displayDelta: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])
-    }))
-  })).isRequired,
-  updateFilters: _propTypes["default"].func.isRequired,
-  resetFilters: _propTypes["default"].func.isRequired,
-  resetAllFilters: _propTypes["default"].func.isRequired,
-  totalRowCount: _propTypes["default"].number,
-  filters: _propTypes["default"].shape({
-    changed: _propTypes["default"].bool
-  }).isRequired,
-  hasActiveFilters: _propTypes["default"].bool,
-  sortFields: _propTypes["default"].shape(_defineProperty({}, _propTypes["default"].string, _propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    defaultDirection: _propTypes["default"].bool
-  }))).isRequired,
-  sort: _propTypes["default"].shape({
-    sortBy: _propTypes["default"].string,
-    direction: _propTypes["default"].string
-  }).isRequired,
-  updateSort: _propTypes["default"].func.isRequired,
-  search: _propTypes["default"].string.isRequired,
-  updateSearch: _propTypes["default"].func.isRequired,
-  customComponentLink: _propTypes["default"].elementType
-};
+//# sourceMappingURL=bundle-packages.js.map

package/lib/components/bundle-packages/bundle-packages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-packages.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.jsx"],"names":[],"mappings":"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"}

package/lib/components/bundle-packages/bundle-packages.utils.js

@@ -1,60 +1,46 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRowFilter = exports.getDuplicatePackages = exports.getCustomSort = exports.getAddRowDuplicateFlag = void 0;
-var _uniq2 = _interopRequireDefault(require("lodash/uniq"));
-var _flatten2 = _interopRequireDefault(require("lodash/flatten"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _utils = require("@bundle-stats/utils");
-var _bundlePackages = require("./bundle-packages.constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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; }
-// Get a list of duplicate packages across jobs
-var getDuplicatePackages = function getDuplicatePackages(jobs) {
-  var jobsDuplicatePackages = jobs.map(function (job) {
-    var _job$insights, _job$insights$webpack, _job$insights$webpack2;
-    var insightsData = (job === null || job === void 0 ? void 0 : (_job$insights = job.insights) === null || _job$insights === void 0 ? void 0 : (_job$insights$webpack = _job$insights.webpack) === null || _job$insights$webpack === void 0 ? void 0 : (_job$insights$webpack2 = _job$insights$webpack.duplicatePackages) === null || _job$insights$webpack2 === void 0 ? void 0 : _job$insights$webpack2.data) || {};
-    return Object.values(insightsData).flat();
-  });
-  return (0, _uniq2["default"])((0, _flatten2["default"])(jobsDuplicatePackages));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAddRowDuplicateFlag = exports.getCustomSort = exports.getRowFilter = exports.getDuplicatePackages = void 0;
+const uniq_1 = __importDefault(require("lodash/uniq"));
+const utils_1 = require("@bundle-stats/utils");
+const bundle_packages_constants_1 = require("./bundle-packages.constants");
+const getDuplicatePackages = (jobs) => {
+    const jobsDuplicatePackages = jobs.map((job) => {
+        const insightsData = job?.insights?.webpack?.duplicatePackages?.data || {};
+        return Object.values(insightsData).flat();
+    });
+    return (0, uniq_1.default)(jobsDuplicatePackages?.flat());
 };
 exports.getDuplicatePackages = getDuplicatePackages;
-var getRowFilter = function getRowFilter(filters) {
-  return function (item) {
-    if (filters[_utils.PACKAGE_FILTERS.CHANGED] && !item.changed) {
-      return false;
+const getRowFilter = (filters) => (item) => {
+    if (filters[utils_1.PACKAGE_FILTERS.CHANGED] && !item.changed) {
+        return false;
     }
-    if (filters[_utils.PACKAGE_FILTERS.DUPLICATE] && !item.duplicate) {
-      return false;
+    if (filters[utils_1.PACKAGE_FILTERS.DUPLICATE] && !item.duplicate) {
+        return false;
     }
     return true;
-  };
 };
 exports.getRowFilter = getRowFilter;
-var getCustomSort = function getCustomSort(sortId) {
-  return function (item) {
-    if (sortId === _bundlePackages.SORT_BY_NAME) {
-      return item.key;
+const getCustomSort = (sortId) => (item) => {
+    if (sortId === bundle_packages_constants_1.SORT_BY_NAME) {
+        return item.key;
     }
-    if (sortId === _bundlePackages.SORT_BY_DELTA) {
-      return (0, _get2["default"])(item, 'runs[0].deltaPercentage', 0);
+    if (sortId === bundle_packages_constants_1.SORT_BY_DELTA) {
+        return item?.runs?.[0]?.deltaPercentage || 0;
     }
-    if (sortId === _bundlePackages.SORT_BY_SIZE) {
-      return (0, _get2["default"])(item, 'runs[0].value', 0);
+    if (sortId === bundle_packages_constants_1.SORT_BY_SIZE) {
+        return item?.runs?.[0]?.value || 0;
     }
     return [!item.changed, item.key];
-  };
 };
 exports.getCustomSort = getCustomSort;
-var getAddRowDuplicateFlag = function getAddRowDuplicateFlag(duplicateJobs) {
-  return function (row) {
-    return _objectSpread(_objectSpread({}, row), {}, {
-      duplicate: duplicateJobs.includes(row.key)
-    });
-  };
-};
-exports.getAddRowDuplicateFlag = getAddRowDuplicateFlag;
+const getAddRowDuplicateFlag = (duplicateJobs) => (row) => ({
+    ...row,
+    duplicate: duplicateJobs.includes(row.key),
+});
+exports.getAddRowDuplicateFlag = getAddRowDuplicateFlag;
+//# sourceMappingURL=bundle-packages.utils.js.map