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

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

@@ -1,277 +1,180 @@
 "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.BundleModules = void 0;
-var _map2 = _interopRequireDefault(require("lodash/map"));
-var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-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 _componentLink = require("../component-link");
-var _flexStack = require("../../layout/flex-stack");
-var _emptySet = require("../../ui/empty-set");
-var _fileName = require("../../ui/file-name");
-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 _metricsTable = require("../metrics-table");
-var _metricsTableSearch = require("../metrics-table-search");
-var _metricsTableOptions = require("../metrics-table-options");
-var _metricsTableTitle = require("../metrics-table-title");
-var _moduleInfo = require("../module-info");
-var _bundleModulesModule = _interopRequireDefault(require("./bundle-modules.module.css"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 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; }
-var getFilters = function getFilters(_ref) {
-  var _MODULE_SOURCE_TYPE, _objectSpread2;
-  var filters = _ref.filters,
-    compareMode = _ref.compareMode,
-    chunks = _ref.chunks;
-  return _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, _utils.MODULE_FILTERS.CHANGED, {
-    label: 'Changed',
-    defaultValue: filters.changed,
-    disabled: !compareMode
-  }), _defineProperty(_objectSpread2, _utils.MODULE_FILTERS.DUPLICATED, {
-    label: 'Duplicate',
-    defaultValue: filters[_utils.MODULE_FILTERS.DUPLICATED]
-  }), _defineProperty(_objectSpread2, _utils.MODULE_SOURCE_TYPE, (_MODULE_SOURCE_TYPE = {
-    label: 'Source'
-  }, _defineProperty(_MODULE_SOURCE_TYPE, _utils.MODULE_FILTERS.FIRST_PARTY, {
-    label: 'First party',
-    defaultValue: (0, _get2["default"])(filters, "".concat(_utils.MODULE_SOURCE_TYPE, ".").concat(_utils.MODULE_FILTERS.FIRST_PARTY), true)
-  }), _defineProperty(_MODULE_SOURCE_TYPE, _utils.MODULE_FILTERS.THIRD_PARTY, {
-    label: 'Third party',
-    defaultValue: (0, _get2["default"])(filters, "".concat(_utils.MODULE_SOURCE_TYPE, ".").concat(_utils.MODULE_FILTERS.THIRD_PARTY), true)
-  }), _MODULE_SOURCE_TYPE)), _objectSpread2), !(0, _isEmpty2["default"])(chunks) && _defineProperty({}, _utils.MODULE_CHUNK, _objectSpread({
-    label: 'Chunk'
-  }, chunks.reduce(function (chunkFilters, _ref2) {
-    var id = _ref2.id,
-      name = _ref2.name;
-    return _objectSpread(_objectSpread({}, chunkFilters), {}, _defineProperty({}, id, {
-      label: name,
-      defaultValue: (0, _get2["default"])(filters, "".concat(_utils.MODULE_CHUNK, ".").concat(id), true)
-    }));
-  }, {})))), {}, _defineProperty({}, _utils.MODULE_FILE_TYPE, _objectSpread({
-    label: 'File type'
-  }, _utils.MODULE_SOURCE_FILE_TYPES.reduce(function (agg, fileType) {
-    return _objectSpread(_objectSpread({}, agg), {}, _defineProperty({}, fileType, {
-      label: _utils.FILE_TYPE_LABELS[fileType],
-      defaultValue: (0, _get2["default"])(filters, "".concat(_utils.MODULE_FILE_TYPE, ".").concat(fileType), true)
-    }));
-  }, {}))));
+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 RowHeader = function RowHeader(_ref4) {
-  var row = _ref4.row,
-    chunks = _ref4.chunks,
-    labels = _ref4.labels,
-    CustomComponentLink = _ref4.CustomComponentLink;
-  var chunkIds = (0, _map2["default"])(chunks, 'id');
-  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 content = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
-      className: _bundleModulesModule["default"].name
-    }, row.duplicated && /*#__PURE__*/_react["default"].createElement(_tag.Tag, {
-      className: _bundleModulesModule["default"].nameTagDuplicated,
-      size: "small",
-      kind: _tag.Tag.KINDS.DANGER
-    }), /*#__PURE__*/_react["default"].createElement(_fileName.FileName, {
-      className: _bundleModulesModule["default"].nameText,
-      name: row.label
-    }));
-  }, [row]);
-  if (!showHoverCard) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      onMouseEnter: handleOnMouseEnter
-    }, content);
-  }
-  return /*#__PURE__*/_react["default"].createElement(_hoverCard.HoverCard, {
-    label: content
-  }, /*#__PURE__*/_react["default"].createElement(_moduleInfo.ModuleInfo, {
-    className: _bundleModulesModule["default"].namePopover,
-    item: row,
-    chunks: chunks,
-    chunkIds: chunkIds,
-    labels: labels,
-    customComponentLink: CustomComponentLink
-  }));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BundleModules = void 0;
+const react_1 = __importStar(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const classnames_1 = __importDefault(require("classnames"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const get_1 = __importDefault(require("lodash/get"));
+const utils_1 = require("@bundle-stats/utils");
+const config_json_1 = __importDefault(require("../../config.json"));
+const i18n_1 = __importDefault(require("../../i18n"));
+const component_link_1 = require("../component-link");
+const flex_stack_1 = require("../../layout/flex-stack");
+const empty_set_1 = require("../../ui/empty-set");
+const file_name_1 = require("../../ui/file-name");
+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 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 module_info_1 = require("../module-info");
+const bundle_modules_module_css_1 = __importDefault(require("./bundle-modules.module.css"));
+const getFilters = ({ filters, compareMode, chunks }) => ({
+    [utils_1.MODULE_FILTERS.CHANGED]: {
+        label: 'Changed',
+        defaultValue: filters.changed,
+        disabled: !compareMode,
+    },
+    [utils_1.MODULE_FILTERS.DUPLICATED]: {
+        label: 'Duplicate',
+        defaultValue: filters[utils_1.MODULE_FILTERS.DUPLICATED],
+    },
+    [utils_1.MODULE_SOURCE_TYPE]: {
+        label: 'Source',
+        [utils_1.MODULE_FILTERS.FIRST_PARTY]: {
+            label: 'First party',
+            defaultValue: (0, get_1.default)(filters, `${utils_1.MODULE_SOURCE_TYPE}.${utils_1.MODULE_FILTERS.FIRST_PARTY}`, true),
+        },
+        [utils_1.MODULE_FILTERS.THIRD_PARTY]: {
+            label: 'Third party',
+            defaultValue: (0, get_1.default)(filters, `${utils_1.MODULE_SOURCE_TYPE}.${utils_1.MODULE_FILTERS.THIRD_PARTY}`, true),
+        },
+    },
+    ...(!(0, isEmpty_1.default)(chunks) && {
+        [utils_1.MODULE_CHUNK]: {
+            label: 'Chunk',
+            ...chunks.reduce((chunkFilters, { id, name }) => ({
+                ...chunkFilters,
+                [id]: {
+                    label: name,
+                    defaultValue: (0, get_1.default)(filters, `${utils_1.MODULE_CHUNK}.${id}`, true),
+                },
+            }), {}),
+        },
+    }),
+    [utils_1.MODULE_FILE_TYPE]: {
+        label: 'File type',
+        ...utils_1.MODULE_SOURCE_FILE_TYPES.reduce((agg, fileType) => ({
+            ...agg,
+            [fileType]: {
+                label: utils_1.FILE_TYPE_LABELS[fileType],
+                defaultValue: (0, get_1.default)(filters, `${utils_1.MODULE_FILE_TYPE}.${fileType}`, true),
+            },
+        }), {}),
+    },
+});
+const RowHeader = ({ row, chunks, labels, CustomComponentLink }) => {
+    const chunkIds = chunks?.map(({ id }) => id);
+    const [showHoverCard, setHoverCard] = (0, react_1.useState)(false);
+    const handleOnMouseEnter = (0, react_1.useCallback)(() => setHoverCard(true), [showHoverCard]);
+    const content = (0, react_1.useMemo)(() => (react_1.default.createElement("span", { className: bundle_modules_module_css_1.default.name },
+        row.duplicated && (react_1.default.createElement(tag_1.Tag, { className: bundle_modules_module_css_1.default.nameTagDuplicated, size: "small", kind: tag_1.Tag.KINDS.DANGER })),
+        react_1.default.createElement(file_name_1.FileName, { className: bundle_modules_module_css_1.default.nameText, name: row.label }))), [row]);
+    if (!showHoverCard) {
+        return react_1.default.createElement("div", { onMouseEnter: handleOnMouseEnter }, content);
+    }
+    return (react_1.default.createElement(hover_card_1.HoverCard, { label: content },
+        react_1.default.createElement(module_info_1.ModuleInfo, { className: bundle_modules_module_css_1.default.namePopover, item: row, chunks: chunks, chunkIds: chunkIds, labels: labels, customComponentLink: CustomComponentLink })));
 };
 RowHeader.propTypes = {
-  row: _propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    duplicated: _propTypes["default"].bool
-  }).isRequired,
-  chunks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    name: _propTypes["default"].string
-  })),
-  labels: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
-  CustomComponentLink: _propTypes["default"].elementType.isRequired
+    row: prop_types_1.default.shape({
+        label: prop_types_1.default.string,
+        duplicated: prop_types_1.default.bool,
+    }).isRequired,
+    chunks: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        id: prop_types_1.default.string,
+        name: prop_types_1.default.string,
+    })),
+    labels: prop_types_1.default.arrayOf(prop_types_1.default.string).isRequired,
+    CustomComponentLink: prop_types_1.default.elementType.isRequired,
 };
 RowHeader.defaultProps = {
-  chunks: []
+    chunks: [],
 };
-var BundleModules = function BundleModules(_ref5) {
-  var className = _ref5.className,
-    jobs = _ref5.jobs,
-    items = _ref5.items,
-    chunks = _ref5.chunks,
-    totalRowCount = _ref5.totalRowCount,
-    updateFilters = _ref5.updateFilters,
-    resetFilters = _ref5.resetFilters,
-    resetAllFilters = _ref5.resetAllFilters,
-    filters = _ref5.filters,
-    sortFields = _ref5.sortFields,
-    sort = _ref5.sort,
-    updateSort = _ref5.updateSort,
-    search = _ref5.search,
-    updateSearch = _ref5.updateSearch,
-    hasActiveFilters = _ref5.hasActiveFilters,
-    CustomComponentLink = _ref5.customComponentLink;
-  var rootClassName = (0, _classnames["default"])(_bundleModulesModule["default"].root, className);
-  var dropdownFilters = (0, _react.useMemo)(function () {
-    return getFilters({
-      filters: filters,
-      chunks: chunks,
-      compareMode: jobs.length > 1
-    });
-  }, [jobs, filters, chunks]);
-  var metricsTableTitle = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_metricsTableTitle.MetricsTableTitle, {
-      title: _i18n["default"].MODULES,
-      info: "".concat(items.length, "/").concat(totalRowCount),
-      popoverInfo: _i18n["default"].MODULES_INFO,
-      popoverHref: _config["default"].documentation.modules
-    });
-  }, [items, totalRowCount]);
-  var renderRowHeader = (0, _react.useCallback)(function (row) {
-    return /*#__PURE__*/_react["default"].createElement(RowHeader, {
-      row: row,
-      chunks: chunks,
-      labels: (0, _map2["default"])(jobs, 'label'),
-      CustomComponentLink: CustomComponentLink
-    });
-  }, [jobs, chunks, CustomComponentLink]);
-  var emptyMessage = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_emptySet.EmptySet, {
-      resources: "modules",
-      filtered: totalRowCount !== 0,
-      handleResetFilters: resetFilters,
-      handleViewAll: resetAllFilters
-    });
-  }, [totalRowCount, resetFilters, resetAllFilters]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: rootClassName
-  }, /*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
-    className: _bundleModulesModule["default"].toolbar,
-    renderActions: function renderActions(_ref6) {
-      var actionClassName = _ref6.actionClassName;
-      return /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
-        space: "xxsmall",
-        className: (0, _classnames["default"])(_bundleModulesModule["default"].dropdown, actionClassName)
-      }, /*#__PURE__*/_react["default"].createElement(_sortDropdown.SortDropdown, _extends({
-        className: _bundleModulesModule["default"].tableDropdown,
-        fields: sortFields,
-        onChange: updateSort
-      }, sort)), /*#__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: _bundleModulesModule["default"].toolbarSearch,
-    search: search,
-    updateSearch: updateSearch,
-    placeholder: "Search by name"
-  }), /*#__PURE__*/_react["default"].createElement(_filters.Filters, {
-    className: _bundleModulesModule["default"].tableDropdown,
-    filters: dropdownFilters,
-    onChange: updateFilters,
-    hasActiveFilters: hasActiveFilters
-  }))), /*#__PURE__*/_react["default"].createElement(_metricsTable.MetricsTable, {
-    className: _bundleModulesModule["default"].table,
-    items: items,
-    runs: jobs,
-    renderRowHeader: renderRowHeader,
-    emptyMessage: emptyMessage,
-    showHeaderSum: true,
-    title: metricsTableTitle
-  }));
+const BundleModules = ({ className, jobs, items, chunks, totalRowCount, updateFilters, resetFilters, resetAllFilters, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, }) => {
+    const rootClassName = (0, classnames_1.default)(bundle_modules_module_css_1.default.root, className);
+    const dropdownFilters = (0, react_1.useMemo)(() => getFilters({ filters, chunks, compareMode: jobs.length > 1 }), [jobs, filters, chunks]);
+    const metricsTableTitle = (0, react_1.useMemo)(() => (react_1.default.createElement(metrics_table_title_1.MetricsTableTitle, { title: i18n_1.default.MODULES, info: `${items.length}/${totalRowCount}`, popoverInfo: i18n_1.default.MODULES_INFO, popoverHref: config_json_1.default.documentation.modules })), [items, totalRowCount]);
+    const renderRowHeader = (0, react_1.useCallback)((row) => (react_1.default.createElement(RowHeader, { row: row, chunks: chunks, labels: jobs?.map(({ label }) => label), CustomComponentLink: CustomComponentLink })), [jobs, chunks, CustomComponentLink]);
+    const emptyMessage = (0, react_1.useMemo)(() => (react_1.default.createElement(empty_set_1.EmptySet, { resources: "modules", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
+    return (react_1.default.createElement("div", { className: rootClassName },
+        react_1.default.createElement(toolbar_1.Toolbar, { className: bundle_modules_module_css_1.default.toolbar, renderActions: ({ actionClassName }) => (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", className: (0, classnames_1.default)(bundle_modules_module_css_1.default.dropdown, actionClassName) },
+                react_1.default.createElement(sort_dropdown_1.SortDropdown, { className: bundle_modules_module_css_1.default.tableDropdown, fields: sortFields, onChange: updateSort, ...sort }),
+                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_modules_module_css_1.default.toolbarSearch, search: search, updateSearch: updateSearch, placeholder: "Search by name" }),
+                react_1.default.createElement(filters_1.Filters, { className: bundle_modules_module_css_1.default.tableDropdown, filters: dropdownFilters, onChange: updateFilters, hasActiveFilters: hasActiveFilters }))),
+        react_1.default.createElement(metrics_table_1.MetricsTable, { className: bundle_modules_module_css_1.default.table, items: items, runs: jobs, renderRowHeader: renderRowHeader, emptyMessage: emptyMessage, showHeaderSum: true, title: metricsTableTitle })));
 };
 exports.BundleModules = BundleModules;
-BundleModules.defaultProps = {
-  className: '',
-  items: [],
-  jobs: [],
-  totalRowCount: 0,
-  hasActiveFilters: false,
-  customComponentLink: _componentLink.ComponentLink
+exports.BundleModules.defaultProps = {
+    className: '',
+    items: [],
+    jobs: [],
+    totalRowCount: 0,
+    hasActiveFilters: false,
+    customComponentLink: component_link_1.ComponentLink,
+};
+exports.BundleModules.propTypes = {
+    className: prop_types_1.default.string,
+    items: prop_types_1.default.array,
+    jobs: prop_types_1.default.array,
+    chunks: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        id: prop_types_1.default.string,
+        name: prop_types_1.default.string,
+    })).isRequired,
+    totalRowCount: prop_types_1.default.number,
+    updateFilters: prop_types_1.default.func.isRequired,
+    resetFilters: prop_types_1.default.func.isRequired,
+    resetAllFilters: prop_types_1.default.func.isRequired,
+    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,
 };
-BundleModules.propTypes = {
-  /** Adopted child class name */
-  className: _propTypes["default"].string,
-  /** Rows data */
-  items: _propTypes["default"].array,
-  // eslint-disable-line react/forbid-prop-types
-
-  /** Jobs data */
-  jobs: _propTypes["default"].array,
-  // eslint-disable-line react/forbid-prop-types
-
-  /** Chunks data */
-  chunks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    name: _propTypes["default"].string
-  })).isRequired,
-  /** total row count */
-  totalRowCount: _propTypes["default"].number,
-  /** Update filters handler */
-  updateFilters: _propTypes["default"].func.isRequired,
-  /** Reset filters handler */
-  resetFilters: _propTypes["default"].func.isRequired,
-  resetAllFilters: _propTypes["default"].func.isRequired,
-  /** Filters data */
-  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-modules.js.map

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

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