@bundle-stats/ui 4.1.1-alpha.1 → 4.1.1

package/lib/ui/tooltip/tooltip.stories.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LongTooltip = exports.Default = exports.DarkModeFalse = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'UI/Tooltip',
   component: _.Tooltip,
@@ -25,11 +20,9 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
 var Template = function Template(props) {
   return /*#__PURE__*/_react["default"].createElement(_.Tooltip, props, "Job #123");
 };
-
 var Default = Template.bind();
 exports.Default = Default;
 var LongTooltip = Template.bind();

package/lib/utils.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRenderChildWithClassName = exports.getColors = void 0;
-
 var _chunk2 = _interopRequireDefault(require("lodash/chunk"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _chartColors = _interopRequireDefault(require("./chart-colors.json"));
-
 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; }
-
 var getColors = function getColors() {
   var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 2;
   var chunks = (0, _chunk2["default"])(_chartColors["default"], Math.round(_chartColors["default"].length / count));
@@ -28,36 +19,27 @@ var getColors = function getColors() {
     if (index === 0) {
       return chunkColors[0];
     }
-
     if (index === chunks.length - 1) {
       return chunkColors[chunkColors.length - 1];
     }
-
     return chunkColors[Math.floor(chunkColors.length / 2)];
   });
 };
-
 exports.getColors = getColors;
-
 var getRenderChildWithClassName = function getRenderChildWithClassName(className) {
   return function (child) {
     if (child === null || child === '') {
       return null;
     }
-
     var props = child.props;
-
     if (!props) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: className
       }, child);
     }
-
     return /*#__PURE__*/_react["default"].cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
       className: (0, _classnames["default"])(className, props.className) // eslint-disable-line react/prop-types
-
     }));
   };
 };
-
 exports.getRenderChildWithClassName = getRenderChildWithClassName;

package/lib-esm/app/app.js

@@ -1,5 +1,4 @@
 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); }
-
 import React, { useContext, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { HashRouter, NavLink, Route, Switch, useLocation } from 'react-router-dom';
@@ -22,7 +21,6 @@ import { QueryStateProvider, useComponentQueryState } from '../query-state';
 import I18N from '../i18n';
 import { Header } from './header';
 import css from './app.module.css';
-
 const ScrollToTop = () => {
   const {
     pathname
@@ -32,7 +30,6 @@ const ScrollToTop = () => {
   }, [pathname]);
   return null;
 };
-
 const Layout = _ref => {
   let {
     jobs,
@@ -50,7 +47,6 @@ const Layout = _ref => {
     version: version
   }));
 };
-
 Layout.propTypes = {
   jobs: PropTypes.arrayOf(PropTypes.object),
   // eslint-disable-line react/forbid-prop-types
@@ -63,7 +59,6 @@ Layout.defaultProps = {
 const JobsContext = /*#__PURE__*/React.createContext({
   jobs: []
 });
-
 const JobsProvider = _ref2 => {
   let {
     jobs,
@@ -76,10 +71,8 @@ const JobsProvider = _ref2 => {
     value: value
   }, restProps));
 };
-
 JobsProvider.propTypes = {
   jobs: PropTypes.arrayOf(PropTypes.object).isRequired // eslint-disable-line react/forbid-prop-types
-
 };
 
 const OverviewContent = () => {
@@ -104,10 +97,8 @@ const OverviewContent = () => {
     outline: true
   }))));
 };
-
 const AssetsContent = () => {
   var _jobs$;
-
   const [bundleStatsState, bundleStatsSetState] = useComponentQueryState(COMPONENT.BUNDLE_ASSETS);
   const {
     jobs
@@ -125,10 +116,8 @@ const AssetsContent = () => {
     setState: bundleStatsSetState
   }, bundleStatsState)))));
 };
-
 const ModulesContent = () => {
   var _jobs$2;
-
   const [bundleModulesState, bundleModulesSetState] = useComponentQueryState(COMPONENT.BUNDLE_MODULES);
   const {
     jobs
@@ -146,10 +135,8 @@ const ModulesContent = () => {
     setState: bundleModulesSetState
   }, bundleModulesState)))));
 };
-
 const PackagesContent = () => {
   var _jobs$3;
-
   const [bundlePackagesState, bundlePackagesSetState] = useComponentQueryState(COMPONENT.BUNDLE_PACKAGES);
   const {
     jobs
@@ -168,13 +155,11 @@ const PackagesContent = () => {
     setState: bundlePackagesSetState
   })))));
 };
-
 const AppComponent = _ref3 => {
   let {
     version,
     jobs
   } = _ref3;
-
   if ((jobs == null ? void 0 : jobs.length) === 0) {
     return /*#__PURE__*/React.createElement(Layout, {
       version: version
@@ -182,7 +167,6 @@ const AppComponent = _ref3 => {
       className: css.empty
     }, I18N.NO_DATA)));
   }
-
   return /*#__PURE__*/React.createElement(JobsProvider, {
     jobs: jobs
   }, /*#__PURE__*/React.createElement(Layout, {
@@ -239,7 +223,6 @@ const AppComponent = _ref3 => {
     component: OverviewContent
   })))));
 };
-
 AppComponent.defaultProps = {
   jobs: [],
   version: null
@@ -250,8 +233,8 @@ AppComponent.propTypes = {
     insights: PropTypes.object,
     // eslint-disable-line react/forbid-prop-types
     summary: PropTypes.object // eslint-disable-line react/forbid-prop-types
-
   })),
+
   version: PropTypes.string
 };
 export const App = props => /*#__PURE__*/React.createElement(HashRouter, null, /*#__PURE__*/React.createElement(ScrollToTop, null), /*#__PURE__*/React.createElement(QueryStateProvider, null, /*#__PURE__*/React.createElement(AppComponent, props)));

package/lib-esm/app/app.stories.js

@@ -1,14 +1,11 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { createJobs } from '@bundle-stats/utils';
-/* eslint-disable */
 
+/* eslint-disable */
 import currentData from '../../../../fixtures/job.current.json'; // eslint-disable-line
-
 import baselineData from '../../../../fixtures/job.baseline.json'; // eslint-disable-line
-
 /* eslint-enable */
-
 import { App } from '.';
 const CURRENT_SOURCE = {
   webpack: {
@@ -59,7 +56,8 @@ stories.add('default', () => /*#__PURE__*/React.createElement(App, {
   version: "1.0"
 }));
 stories.add('no insights', () => /*#__PURE__*/React.createElement(App, {
-  jobs: [{ ...CURRENT_JOB,
+  jobs: [{
+    ...CURRENT_JOB,
     insights: undefined
   }, BASELINE_JOB]
 }));

package/lib-esm/app/header/header.js

@@ -22,8 +22,8 @@ export const Header = _ref => {
 Header.propTypes = {
   className: PropTypes.string,
   jobs: PropTypes.arrayOf(PropTypes.object) // eslint-disable-line react/forbid-prop-types
-
 };
+
 Header.defaultProps = {
   className: '',
   jobs: null

package/lib-esm/components/asset-info/asset-info.js

@@ -1,8 +1,6 @@
 import _map from "lodash/map";
 import _find from "lodash/find";
-
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -11,7 +9,6 @@ import { Stack } from '../../layout/stack';
 import { FileName } from '../../ui/file-name';
 import { ComponentLink } from '../component-link';
 import css from './asset-info.module.css';
-
 const ChunkModulesLink = _ref => {
   let {
     as: Component,
@@ -19,23 +16,18 @@ const ChunkModulesLink = _ref => {
     chunkId,
     name
   } = _ref;
-
   const chunk = _find(chunks, {
     id: chunkId
   });
-
   if (!chunk) {
     return null;
   }
-
   const chunkIds = _map(chunks, 'id');
-
   const fileType = getModuleFileType(name);
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: css.viewModules
   }, getBundleModulesByChunk(chunkIds, chunkId, fileType)), "View chunk modules");
 };
-
 ChunkModulesLink.propTypes = {
   as: PropTypes.elementType.isRequired,
   chunks: PropTypes.array,

package/lib-esm/components/browsertime-table/browsertime-table.js

@@ -21,5 +21,4 @@ BrowsertimeTable.defaultProps = {
 BrowsertimeTable.propTypes = {
   className: PropTypes.string,
   jobs: PropTypes.array // eslint-disable-line react/forbid-prop-types
-
 };

package/lib-esm/components/browsertime-table/browsertime-table.stories.js

@@ -1,8 +1,9 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { createJobs } from '@bundle-stats/utils';
-import * as browsertime from '@bundle-stats/utils/lib-esm/browsertime'; // eslint-disable-next-line import/no-relative-packages
+import * as browsertime from '@bundle-stats/utils/lib-esm/browsertime';
 
+// eslint-disable-next-line import/no-relative-packages
 import browsertimeSourceFixtures from '../../../../../fixtures/browsertime.json';
 import { getWrapperDecorator } from '../../stories';
 import { BrowsertimeTable } from '.';

package/lib-esm/components/bundle-assets/bundle-assets.js

@@ -1,8 +1,6 @@
 import _map from "lodash/map";
 import _get from "lodash/get";
-
 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); }
-
 import React, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -29,7 +27,6 @@ import css from './bundle-assets.module.css';
 const RUN_TITLE_CURRENT = 'Current';
 const RUN_TITLE_BASELINE = 'Baseline';
 const RUNS_LABELS = [RUN_TITLE_CURRENT, RUN_TITLE_BASELINE];
-
 const getFileTypeFilters = filters => Object.entries(FILE_TYPE_LABELS).map(_ref => {
   let [id, label] = _ref;
   return {
@@ -38,10 +35,10 @@ const getFileTypeFilters = filters => Object.entries(FILE_TYPE_LABELS).map(_ref
       defaultValue: _get(filters, `${ASSET_FILE_TYPE}.${id}`, true)
     }
   };
-}).reduce((agg, current) => ({ ...agg,
+}).reduce((agg, current) => ({
+  ...agg,
   ...current
 }), {});
-
 const getFilters = _ref2 => {
   let {
     compareMode,
@@ -78,7 +75,6 @@ const getFilters = _ref2 => {
     }
   };
 };
-
 const TooltipNotPredictive = _ref3 => {
   let {
     runs
@@ -100,13 +96,11 @@ const TooltipNotPredictive = _ref3 => {
     }, /*#__PURE__*/React.createElement("th", null, RUNS_LABELS[index]), /*#__PURE__*/React.createElement("td", null, name), /*#__PURE__*/React.createElement("td", null, value));
   }))));
 };
-
 TooltipNotPredictive.defaultProps = {
   runs: []
 };
 TooltipNotPredictive.propTypes = {
   runs: PropTypes.array // eslint-disable-line react/forbid-prop-types
-
 };
 
 const RowHeader = _ref5 => {
@@ -157,13 +151,11 @@ const RowHeader = _ref5 => {
     className: css.assetNameText,
     name: label
   })), [isChunk, isEntry, isInitial, isNotPredictive, runs]);
-
   if (!showHoverCard) {
     return /*#__PURE__*/React.createElement("span", {
       onMouseEnter: handleOnMouseEnter
     }, content);
   }
-
   return /*#__PURE__*/React.createElement(HoverCard, {
     label: content
   }, /*#__PURE__*/React.createElement(AssetInfo, {
@@ -174,7 +166,6 @@ const RowHeader = _ref5 => {
     CustomComponentLink: CustomComponentLink
   }));
 };
-
 RowHeader.propTypes = {
   row: PropTypes.shape({
     label: PropTypes.string,
@@ -183,7 +174,6 @@ RowHeader.propTypes = {
     isInitial: PropTypes.bool,
     isEntry: PropTypes.bool,
     runs: PropTypes.arrayOf(PropTypes.object) // eslint-disable-line react/forbid-prop-types
-
   }).isRequired,
   chunks: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string,
@@ -225,7 +215,6 @@ export const BundleAssets = props => {
   }), [items, totalRowCount]);
   const renderRowHeader = useCallback(row => {
     var _jobs$, _jobs$$meta, _jobs$$meta$webpack;
-
     return /*#__PURE__*/React.createElement(RowHeader, {
       row: row,
       labels: _map(jobs, 'label'),
@@ -294,7 +283,6 @@ BundleAssets.propTypes = {
     meta: PropTypes.shape({
       webpack: PropTypes.shape({
         chunks: PropTypes.array // eslint-disable-line react/forbid-prop-types
-
       })
     })
   })).isRequired,

package/lib-esm/components/bundle-assets/bundle-assets.stories.js

@@ -13,9 +13,7 @@ const JOBS = createJobs([{
   webpack: baselineStats
 }]);
 const [currentJob, baselineJob] = JOBS;
-
 const setState = params => console.info(params);
-
 const stories = storiesOf('Components/BundleAssets', module);
 stories.addDecorator(getWrapperDecorator());
 stories.add('default', () => /*#__PURE__*/React.createElement(BundleAssets, {

package/lib-esm/components/bundle-assets/bundle-assets.utils.js

@@ -9,7 +9,8 @@ export const addRowAssetFlags = row => {
   const isInitial = runs.map(run => run == null ? void 0 : run.isInitial).includes(true);
   const isChunk = runs.map(run => run == null ? void 0 : run.isChunk).includes(true);
   const isAsset = !(isEntry || isInitial || isChunk);
-  return { ...row,
+  return {
+    ...row,
     isEntry,
     isInitial,
     isChunk,
@@ -20,47 +21,39 @@ export const getIsNotPredictive = (key, runs) => runs.reduce((agg, current, inde
   if (agg) {
     return agg;
   }
-
   if (index + 1 === runs.length) {
     return agg;
   }
-
   if (current && runs[index + 1] && current.delta !== 0 && key !== current.name && current.name === runs[index + 1].name) {
     return true;
   }
-
   return agg;
 }, false);
-export const addRowIsNotPredictive = row => ({ ...row,
+export const addRowIsNotPredictive = row => ({
+  ...row,
   isNotPredictive: getIsNotPredictive(row.key, row.runs)
 });
 export const getRowFilter = filters => item => {
   if (filters[ASSET_FILTERS.CHANGED] && !item.changed) {
     return false;
   }
-
   if (!(filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`] && item.isEntry || filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.INITIAL}`] && item.isInitial || filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.CHUNK}`] && item.isChunk || filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.OTHER}`] && item.isAsset)) {
     return false;
   }
-
   if (!filters[`${ASSET_FILE_TYPE}.${getFileType(item.key)}`]) {
     return false;
   }
-
   return true;
 };
 export const getCustomSort = sortId => item => {
   if (sortId === SORT_BY_NAME) {
     return item.key;
   }
-
   if (sortId === SORT_BY_DELTA) {
     return _get(item, 'runs[0].deltaPercentage', 0);
   }
-
   if (sortId === SORT_BY_SIZE) {
     return _get(item, 'runs[0].value', 0);
   }
-
   return [!item.isNotPredictive, !item.changed, !item.isInitial, !item.isEntry, !item.isChunk, item.key];
 };

package/lib-esm/components/bundle-assets/index.js

@@ -1,5 +1,4 @@
 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); }
-
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import * as webpack from '@bundle-stats/utils/lib-esm/webpack';

package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js

@@ -2,9 +2,7 @@ import _sum from "lodash/sum";
 import _max from "lodash/max";
 import _map from "lodash/map";
 import _get from "lodash/get";
-
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -17,7 +15,6 @@ import { getColors } from '../../utils';
 import { Stack } from '../../layout/stack';
 import { SummaryItem } from '../summary-item';
 import css from './bundle-assets-totals-chart-bars.module.css';
-
 const getTooltip = (items, jobs, itemIndex, runIndex) => () => /*#__PURE__*/React.createElement(SummaryItem, {
   className: css.itemTooltip,
   id: _get(items, [itemIndex, 'key']),
@@ -29,7 +26,6 @@ const getTooltip = (items, jobs, itemIndex, runIndex) => () => /*#__PURE__*/Reac
   showBaselineValue: runIndex < jobs.length - 1,
   size: "large"
 });
-
 export const BundleAssetsTotalsChartBars = _ref => {
   let {
     className,
@@ -47,11 +43,8 @@ export const BundleAssetsTotalsChartBars = _ref => {
       dataGraphs[runIndex] = [...(dataGraphs[runIndex] || []), _get(run, 'value', 0)];
     });
   });
-
   const maxValues = _max(_map(dataGraphs, values => _sum(values)));
-
   const maxValue = _max(maxValues);
-
   const labels = items.map(_ref3 => {
     let {
       key,

package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { getBundleAssetsFileTypeComponentLink } from '@bundle-stats/utils';
@@ -15,7 +14,6 @@ export const BundleAssetsTotalsTable = _ref => {
     ...restProps
   } = _ref;
   const items = webpack.compareBySection.sizes(jobs);
-
   const renderRowHeader = item => {
     const fileType = ASSETS_SIZES_FILE_TYPE_MAP[item.key];
     const {
@@ -29,7 +27,6 @@ export const BundleAssetsTotalsTable = _ref => {
       params: params
     }, item.label);
   };
-
   return /*#__PURE__*/React.createElement(MetricsTable, _extends({
     className: className,
     runs: jobs,
@@ -46,9 +43,9 @@ BundleAssetsTotalsTable.defaultProps = {
 BundleAssetsTotalsTable.propTypes = {
   /** Addopted child class name */
   className: PropTypes.string,
-
   /** Jobs data */
   jobs: PropTypes.array,
   // eslint-disable-line react/forbid-prop-types
+
   customComponentLink: PropTypes.elementType
 };

package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js

@@ -9,9 +9,7 @@ export default {
   component: BundleAssetsTotalsTable,
   decorators: [getWrapperDecorator()]
 };
-
 const Template = args => /*#__PURE__*/React.createElement(BundleAssetsTotalsTable, args);
-
 export const SingleJob = Template.bind();
 SingleJob.args = {
   jobs: createJobs([{

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

@@ -1,9 +1,7 @@
 import _map from "lodash/map";
 import _isEmpty from "lodash/isEmpty";
 import _get from "lodash/get";
-
 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); }
-
 import React, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -25,7 +23,6 @@ import { MetricsTableOptions } from '../metrics-table-options';
 import { MetricsTableTitle } from '../metrics-table-title';
 import { ModuleInfo } from '../module-info';
 import css from './bundle-modules.module.css';
-
 const getFilters = _ref => {
   let {
     filters,
@@ -62,7 +59,8 @@ const getFilters = _ref => {
             id,
             name
           } = _ref2;
-          return { ...chunkFilters,
+          return {
+            ...chunkFilters,
             [id]: {
               label: name,
               defaultValue: _get(filters, `${MODULE_CHUNK}.${id}`, true)
@@ -74,7 +72,8 @@ const getFilters = _ref => {
     // Module source types
     [MODULE_FILE_TYPE]: {
       label: 'File type',
-      ...MODULE_SOURCE_FILE_TYPES.reduce((agg, fileType) => ({ ...agg,
+      ...MODULE_SOURCE_FILE_TYPES.reduce((agg, fileType) => ({
+        ...agg,
         [fileType]: {
           label: FILE_TYPE_LABELS[fileType],
           defaultValue: _get(filters, `${MODULE_FILE_TYPE}.${fileType}`, true)
@@ -83,7 +82,6 @@ const getFilters = _ref => {
     }
   };
 };
-
 const RowHeader = _ref3 => {
   let {
     row,
@@ -91,9 +89,7 @@ const RowHeader = _ref3 => {
     labels,
     CustomComponentLink
   } = _ref3;
-
   const chunkIds = _map(chunks, 'id');
-
   const [showHoverCard, setHoverCard] = useState(false);
   const handleOnMouseEnter = useCallback(() => setHoverCard(true), [showHoverCard]);
   const content = useMemo(() => /*#__PURE__*/React.createElement("span", {
@@ -106,13 +102,11 @@ const RowHeader = _ref3 => {
     className: css.nameText,
     name: row.label
   })), [row]);
-
   if (!showHoverCard) {
     return /*#__PURE__*/React.createElement("div", {
       onMouseEnter: handleOnMouseEnter
     }, content);
   }
-
   return /*#__PURE__*/React.createElement(HoverCard, {
     label: content
   }, /*#__PURE__*/React.createElement(ModuleInfo, {
@@ -124,7 +118,6 @@ const RowHeader = _ref3 => {
     customComponentLink: CustomComponentLink
   }));
 };
-
 RowHeader.propTypes = {
   row: PropTypes.shape({
     label: PropTypes.string,
@@ -236,7 +229,6 @@ BundleModules.defaultProps = {
 BundleModules.propTypes = {
   /** Adopted child class name */
   className: PropTypes.string,
-
   /** Rows data */
   items: PropTypes.array,
   // eslint-disable-line react/forbid-prop-types
@@ -250,17 +242,13 @@ BundleModules.propTypes = {
     id: PropTypes.string,
     name: PropTypes.string
   })).isRequired,
-
   /** total row count */
   totalRowCount: PropTypes.number,
-
   /** Update filters handler */
   updateFilters: PropTypes.func.isRequired,
-
   /** Reset filters handler */
   resetFilters: PropTypes.func.isRequired,
   resetAllFilters: PropTypes.func.isRequired,
-
   /** Filters data */
   filters: PropTypes.shape({
     changed: PropTypes.bool

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

@@ -4,8 +4,9 @@ import { createJobs } from '@bundle-stats/utils';
 import baselineStatsFixtures from '../../../__mocks__/webpack-stats.baseline.json';
 import currentStatsFixtures from '../../../__mocks__/webpack-stats.current.json';
 import { getWrapperDecorator } from '../../stories';
-import { BundleModules } from '.'; // Limit the side of the modules when not in dev mode (chromatic limit, snapshot too large)
+import { BundleModules } from '.';
 
+// Limit the side of the modules when not in dev mode (chromatic limit, snapshot too large)
 const {
   baselineStats,
   currentStats
@@ -40,8 +41,9 @@ const JOBS_EMPTY_BASELINE = createJobs([{
 }, null]);
 stories.add('empty baseline', () => /*#__PURE__*/React.createElement(BundleModules, {
   jobs: JOBS_EMPTY_BASELINE
-})); // Module moved between chunks
+}));
 
+// Module moved between chunks
 const JOBS_MOVED_MODULE = createJobs([{
   webpack: {
     chunks: [{