@bundle-stats/ui 3.2.1-alpha.0 → 3.2.1-beta.10

package/CHANGELOG.md

@@ -3,12 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [3.2.1-alpha.0](https://github.com/relative-ci/bundle-stats/compare/v3.2.0...v3.2.1-alpha.0) (2021-10-27)
+## [3.2.1-beta.10](https://github.com/relative-ci/bundle-stats/compare/v3.2.0...v3.2.1-beta.10) (2021-11-23)
 
 
 ### Bug Fixes
 
+* **ui:** Regenerate package-lock.json ([8632b07](https://github.com/relative-ci/bundle-stats/commit/8632b072ffc240a1961056c08c165fbf1d986fc8))
 * **ui:** Remove unused icons ([8c337da](https://github.com/relative-ci/bundle-stats/commit/8c337da68a9628d9ef4c9d27f11747b0bc548f29))
+* **ui:** Stack - past rest props ([fb3bea5](https://github.com/relative-ci/bundle-stats/commit/fb3bea55941aeb7cf3b6aa0dc43c33d40e0cfca2))
 
 
 

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

@@ -22,6 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+// eslint-disable-next-line import/no-relative-packages
 var browsertimeFixtures = browsertime.filter(_browsertime2["default"]);
 var JOBS = (0, _utils.createJobs)([{
   browsertime: browsertimeFixtures

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

@@ -59,6 +59,22 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
+var getTooltip = function getTooltip(items, jobs, itemIndex, runIndex) {
+  return function () {
+    return /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
+      className: _bundleAssetsTotalsChartBarsModule["default"].itemTooltip,
+      id: (0, _get2["default"])(items, [itemIndex, 'key']),
+      data: {
+        current: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex, 'value'], 0),
+        baseline: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0)
+      },
+      showDelta: runIndex < jobs.length - 1,
+      showBaselineValue: runIndex < jobs.length - 1,
+      size: "large"
+    });
+  };
+};
+
 var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
   var className = _ref.className,
       jobs = _ref.jobs,
@@ -88,23 +104,6 @@ var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
   var colors = (0, _utils2.getColors)((0, _max2["default"])((0, _map2["default"])(dataGraphs, function (values) {
     return values.length;
   })));
-
-  var getTooltip = function getTooltip(itemIndex, runIndex) {
-    return function () {
-      return /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
-        className: _bundleAssetsTotalsChartBarsModule["default"].itemTooltip,
-        id: (0, _get2["default"])(items, [itemIndex, 'key']),
-        data: {
-          current: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex, 'value'], 0),
-          baseline: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0)
-        },
-        showDelta: runIndex < jobs.length - 1,
-        showBaselineValue: runIndex < jobs.length - 1,
-        size: "large"
-      });
-    };
-  };
-
   return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
     className: rootClassName,
     space: "medium"
@@ -115,7 +114,7 @@ var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
         value: value,
         color: colors[valueIndex],
         label: labels[valueIndex],
-        getItemTooltip: getTooltip(valueIndex, runIndex)
+        getItemTooltip: getTooltip(items, jobs, valueIndex, runIndex)
       };
     });
     return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/job-meta/job-meta.js

@@ -42,7 +42,7 @@ var JobMeta = function JobMeta(props) {
     }, title && /*#__PURE__*/_react["default"].createElement("h2", {
       className: _jobMetaModule["default"].itemTitle
     }, title), content.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item);
+      return item;
     }));
   }));
 };

package/lib/components/summary/summary.js

@@ -27,18 +27,12 @@ var _summaryItem = require("../summary-item");
 
 var _summaryModule = _interopRequireDefault(require("./summary.module.css"));
 
-var _excluded = ["className"];
+var _excluded = ["className", "metricOptions", "SummaryItemCustomLink"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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; }
 
-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); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 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."); }
@@ -51,49 +45,73 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Summary = function Summary(_ref) {
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var CustomSummaryItem = function CustomSummaryItem(_ref) {
   var className = _ref.className,
-      size = _ref.size,
-      keys = _ref.keys,
-      data = _ref.data,
-      loading = _ref.loading,
-      showSummaryItemDelta = _ref.showSummaryItemDelta,
-      SummaryItemCustomLink = _ref.summaryItemLink;
+      metricOptions = _ref.metricOptions,
+      SummaryItemCustomLink = _ref.SummaryItemCustomLink,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({
+    padding: ['xsmall', 'small'],
+    className: (0, _classnames["default"])(className, _summaryModule["default"].summaryItemLink)
+  }, props, {
+    as: SummaryItemCustomLink
+  }, metricOptions.link));
+};
+
+CustomSummaryItem.propTypes = {
+  className: _propTypes["default"].string,
+  metricOptions: _propTypes["default"].shape({
+    link: _propTypes["default"].any // eslint-disable-line react/forbid-prop-types
+
+  }).isRequired,
+  SummaryItemCustomLink: _propTypes["default"].elementType.isRequired
+};
+CustomSummaryItem.defaultProps = {
+  className: ''
+};
+
+var Summary = function Summary(_ref2) {
+  var className = _ref2.className,
+      size = _ref2.size,
+      keys = _ref2.keys,
+      data = _ref2.data,
+      loading = _ref2.loading,
+      showSummaryItemDelta = _ref2.showSummaryItemDelta,
+      SummaryItemCustomLink = _ref2.summaryItemLink;
   return /*#__PURE__*/_react["default"].createElement(_box.Box, {
     outline: true,
     className: (0, _classnames["default"])(_summaryModule["default"].root, className)
   }, /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
     className: _summaryModule["default"].items
-  }, Array.from(_utils.METRIC_COMPONENT_LINKS).filter(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 1),
-        metricId = _ref3[0];
+  }, Array.from(_utils.METRIC_COMPONENT_LINKS).filter(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 1),
+        metricId = _ref4[0];
 
     return keys.includes(metricId);
-  }).map(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-        metricId = _ref5[0],
-        metricOptions = _ref5[1];
+  }).map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        metricId = _ref6[0],
+        metricOptions = _ref6[1];
 
     return /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
-      as: function as(_ref6) {
-        var itemClassName = _ref6.className,
-            itemProps = _objectWithoutProperties(_ref6, _excluded);
-
-        return /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({
-          padding: ['xsmall', 'small'],
-          className: (0, _classnames["default"])(itemClassName, _summaryModule["default"].summaryItemLink)
-        }, itemProps, {
-          as: SummaryItemCustomLink
-        }, metricOptions.link));
-      },
+      as: CustomSummaryItem,
+      className: _summaryModule["default"].item,
+      metricOptions: metricOptions,
+      SummaryItemCustomLink: SummaryItemCustomLink,
       size: size,
       key: metricId,
       id: metricId,
       data: (0, _get2["default"])(data, metricId),
       loading: loading,
       showMetricDescription: true,
-      showDelta: showSummaryItemDelta && metricOptions.showDelta !== false,
-      className: _summaryModule["default"].item
+      showDelta: showSummaryItemDelta && metricOptions.showDelta !== false
     });
   })));
 };

package/lib/hooks/search-params.js

@@ -38,7 +38,7 @@ var ACTION_RESET_ALL = 'RESET_ALL';
 var ACTION_SET = 'SET';
 
 var getSearchPattern = function getSearchPattern(search) {
-  var searchPattern = new RegExp(/.*/);
+  var searchPattern = /.*/;
 
   if (!search || !search.trim()) {
     return searchPattern;

package/lib/layout/box/box.js

@@ -61,9 +61,9 @@ var Box = function Box(props) {
       resolvedHorizontalPadding = _ref2[2];
 
   var rootClassName = (0, _classnames["default"])(_boxModule["default"].root, className, resolvedPadding && _boxModule["default"]["padding-".concat(resolvedPadding)], resolvedVerticalPadding && _boxModule["default"]["vertical-padding-".concat(resolvedVerticalPadding)], resolvedHorizontalPadding && _boxModule["default"]["horizontal-padding-".concat(resolvedHorizontalPadding)], outline && _boxModule["default"].outline);
-  return /*#__PURE__*/_react["default"].createElement(Component, _extends({
+  return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, restProps, {
     className: rootClassName
-  }, restProps));
+  }));
 };
 
 exports.Box = Box;

package/lib/layout/stack/stack.js

@@ -17,17 +17,27 @@ var _utils = require("../../utils");
 
 var _stackModule = _interopRequireDefault(require("./stack.module.css"));
 
+var _excluded = ["as", "className", "space", "children"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var Stack = function Stack(props) {
   var Component = props.as,
       className = props.className,
       space = props.space,
-      children = props.children;
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
   var rootClassName = (0, _classnames["default"])(className, _stackModule["default"].root, _stackModule["default"]["space--".concat(space)]);
-  return /*#__PURE__*/_react["default"].createElement(Component, {
+  return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, restProps, {
     className: rootClassName
-  }, _react["default"].Children.map(children, (0, _utils.getRenderChildWithClassName)(_stackModule["default"].item)));
+  }), _react["default"].Children.map(children, (0, _utils.getRenderChildWithClassName)(_stackModule["default"].item)));
 };
 
 exports.Stack = Stack;

package/lib/utils.js

@@ -45,14 +45,17 @@ var getRenderChildWithClassName = function getRenderChildWithClassName(className
       return null;
     }
 
-    if (!(child !== null && child !== void 0 && child.props)) {
+    var props = child.props;
+
+    if (!props) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: className
       }, child);
     }
 
-    return /*#__PURE__*/_react["default"].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
-      className: (0, _classnames["default"])(className, child.props.className)
+    return /*#__PURE__*/_react["default"].cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
+      className: (0, _classnames["default"])(className, props.className) // eslint-disable-line react/prop-types
+
     }));
   };
 };

package/lib-esm/app/app.js

@@ -33,20 +33,23 @@ const ScrollToTop = () => {
   return null;
 };
 
-const Layout = ({
-  jobs,
-  version,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", {
-  className: css.root
-}, /*#__PURE__*/React.createElement(Header, {
-  className: css.header,
-  jobs: jobs
-}), /*#__PURE__*/React.createElement("main", _extends({
-  className: css.main
-}, props)), /*#__PURE__*/React.createElement(Footer, {
-  version: version
-}));
+const Layout = _ref => {
+  let {
+    jobs,
+    version,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: css.root
+  }, /*#__PURE__*/React.createElement(Header, {
+    className: css.header,
+    jobs: jobs
+  }), /*#__PURE__*/React.createElement("main", _extends({
+    className: css.main
+  }, props)), /*#__PURE__*/React.createElement(Footer, {
+    version: version
+  }));
+};
 
 Layout.propTypes = {
   jobs: PropTypes.arrayOf(PropTypes.object),
@@ -57,10 +60,11 @@ Layout.defaultProps = {
   version: null
 };
 
-const AppComponent = ({
-  version,
-  jobs
-}) => {
+const AppComponent = _ref2 => {
+  let {
+    version,
+    jobs
+  } = _ref2;
   const [bundleStatsState, bundleStatsSetState] = useComponentQueryState(COMPONENT.BUNDLE_ASSETS);
   const [bundlePackagesState, bundlePackagesSetState] = useComponentQueryState(COMPONENT.BUNDLE_PACKAGES);
   const [bundleModulesState, bundleModulesSetState] = useComponentQueryState(COMPONENT.BUNDLE_MODULES);
@@ -112,22 +116,25 @@ const AppComponent = ({
   }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.ASSETS,
-    render: ({
-      location
-    }) => /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
-      space: "medium"
-    }, /*#__PURE__*/React.createElement(Summary, {
-      keys: METRICS_WEBPACK_ASSETS,
-      data: jobs[0].summary,
-      showSummaryItemDelta: jobs.length !== 1
-    }), /*#__PURE__*/React.createElement(Box, {
-      outline: true
-    }, /*#__PURE__*/React.createElement(BundleAssets, _extends({
-      jobs: jobs,
-      setState: bundleStatsSetState
-    }, bundleStatsState, {
-      key: `${location.pathname}_${location.search}`
-    })))))
+    render: _ref3 => {
+      let {
+        location
+      } = _ref3;
+      return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
+        space: "medium"
+      }, /*#__PURE__*/React.createElement(Summary, {
+        keys: METRICS_WEBPACK_ASSETS,
+        data: jobs[0].summary,
+        showSummaryItemDelta: jobs.length !== 1
+      }), /*#__PURE__*/React.createElement(Box, {
+        outline: true
+      }, /*#__PURE__*/React.createElement(BundleAssets, _extends({
+        jobs: jobs,
+        setState: bundleStatsSetState
+      }, bundleStatsState, {
+        key: `${location.pathname}_${location.search}`
+      })))));
+    }
   }), /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.MODULES,
@@ -146,22 +153,25 @@ const AppComponent = ({
   }), /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.PACKAGES,
-    render: ({
-      location
-    }) => /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
-      space: "medium"
-    }, /*#__PURE__*/React.createElement(Summary, {
-      keys: METRICS_WEBPACK_PACKAGES,
-      data: jobs[0].summary,
-      showSummaryItemDelta: jobs.length !== 1
-    }), /*#__PURE__*/React.createElement(Box, {
-      outline: true
-    }, /*#__PURE__*/React.createElement(BundlePackages, _extends({
-      jobs: jobs
-    }, bundlePackagesState, {
-      setState: bundlePackagesSetState,
-      key: `${location.pathname}_${location.search}`
-    })))))
+    render: _ref4 => {
+      let {
+        location
+      } = _ref4;
+      return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
+        space: "medium"
+      }, /*#__PURE__*/React.createElement(Summary, {
+        keys: METRICS_WEBPACK_PACKAGES,
+        data: jobs[0].summary,
+        showSummaryItemDelta: jobs.length !== 1
+      }), /*#__PURE__*/React.createElement(Box, {
+        outline: true
+      }, /*#__PURE__*/React.createElement(BundlePackages, _extends({
+        jobs: jobs
+      }, bundlePackagesState, {
+        setState: bundlePackagesSetState,
+        key: `${location.pathname}_${location.search}`
+      })))));
+    }
   }), /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.OVERVIEW,

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

@@ -5,25 +5,28 @@ import { Container } from '../../ui/container';
 import { JobsHeader } from '../../components/jobs-header';
 import { Logo } from '../../ui/logo';
 import css from './header.module.css';
-export const Header = ({
-  className,
-  jobs
-}) => /*#__PURE__*/React.createElement(Container, {
-  as: "header",
-  className: cx(css.root, className)
-}, /*#__PURE__*/React.createElement("div", {
-  className: css.inner
-}, /*#__PURE__*/React.createElement("a", {
-  className: css.branding,
-  href: "https://github.com/relative-ci/bundle-stats",
-  target: "_blank",
-  rel: "noopener noreferrer nofollow"
-}, /*#__PURE__*/React.createElement(Logo, {
-  className: css.brandingLogo
-}, "BundleStats")), /*#__PURE__*/React.createElement(JobsHeader, {
-  className: css.jobs,
-  jobs: jobs
-})));
+export const Header = _ref => {
+  let {
+    className,
+    jobs
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Container, {
+    as: "header",
+    className: cx(css.root, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: css.inner
+  }, /*#__PURE__*/React.createElement("a", {
+    className: css.branding,
+    href: "https://github.com/relative-ci/bundle-stats",
+    target: "_blank",
+    rel: "noopener noreferrer nofollow"
+  }, /*#__PURE__*/React.createElement(Logo, {
+    className: css.brandingLogo
+  }, "BundleStats")), /*#__PURE__*/React.createElement(JobsHeader, {
+    className: css.jobs,
+    jobs: jobs
+  })));
+};
 Header.propTypes = {
   className: PropTypes.string,
   jobs: PropTypes.arrayOf(PropTypes.object)

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

@@ -12,12 +12,14 @@ import { FileName } from '../../ui/file-name';
 import { ComponentLink } from '../component-link';
 import css from './asset-info.module.css';
 
-const ChunkModulesLink = ({
-  as: Component,
-  chunks,
-  chunkId,
-  name
-}) => {
+const ChunkModulesLink = _ref => {
+  let {
+    as: Component,
+    chunks,
+    chunkId,
+    name
+  } = _ref;
+
   const chunk = _find(chunks, {
     id: chunkId
   });

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

@@ -1,7 +1,8 @@
 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';
+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 '.';