@bundle-stats/ui 3.2.0-beta.1 → 3.2.1-beta.10

package/lib/ui/sort-dropdown/sort-dropdown.js

@@ -38,12 +38,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SortDropdown = function SortDropdown(props) {
   var className = props.className,
       label = props.label,
-      items = props.items,
-      sortBy = props.sortBy,
+      fields = props.fields,
+      field = props.field,
       direction = props.direction,
       onChange = props.onChange;
   var rootClassName = (0, _classnames["default"])(_sortDropdownModule["default"].root, className);
-  var customLabel = items[sortBy] ? "Ordered by ".concat(items[sortBy].label) : label;
+  var customLabel = fields[field] ? "Ordered by ".concat(fields[field].label) : label;
   return /*#__PURE__*/_react["default"].createElement(_dropdown.Dropdown, {
     className: rootClassName,
     label: customLabel,
@@ -55,10 +55,10 @@ var SortDropdown = function SortDropdown(props) {
         menuItemClassName = _ref.menuItemClassName,
         menuItemActiveClassName = _ref.menuItemActiveClassName;
 
-    var getButtonOnClick = function getButtonOnClick(newSortBy, newDirection) {
+    var getButtonOnClick = function getButtonOnClick(newField, newDirection) {
       return function () {
         onChange({
-          sortBy: newSortBy,
+          field: newField,
           direction: newDirection
         });
         menu.toggle();
@@ -67,25 +67,24 @@ var SortDropdown = function SortDropdown(props) {
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: _sortDropdownModule["default"].items
-    }, Object.entries(items).map(function (_ref2) {
+    }, Object.entries(fields).map(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2),
           key = _ref3[0],
           item = _ref3[1];
 
       var buttonProps = direction === 'asc' ? {
-        className: (0, _classnames["default"])(_sortDropdownModule["default"].itemButton, _sortDropdownModule["default"].itemAsc),
+        className: _sortDropdownModule["default"].itemAsc,
         onClick: getButtonOnClick(key, 'desc'),
         title: "Order data by ".concat(item.label, " descending")
       } : {
-        className: _sortDropdownModule["default"].itemButton,
         onClick: getButtonOnClick(key, 'asc'),
         title: "Order data by ".concat(item.label, " ascending")
       };
-      var isActive = sortBy === key;
+      var isActive = field === key;
       return /*#__PURE__*/_react["default"].createElement(MenuItem, _extends({
         key: key
       }, menu, buttonProps, {
-        className: (0, _classnames["default"])(menuItemClassName, _sortDropdownModule["default"].item, isActive && menuItemActiveClassName, isActive && _sortDropdownModule["default"].active)
+        className: (0, _classnames["default"])(buttonProps.className, menuItemClassName, _sortDropdownModule["default"].item, isActive && menuItemActiveClassName, isActive && _sortDropdownModule["default"].active)
       }), /*#__PURE__*/_react["default"].createElement("span", {
         className: _sortDropdownModule["default"].itemLabel
       }, item.label), /*#__PURE__*/_react["default"].createElement(_icon.Icon, {
@@ -101,14 +100,14 @@ SortDropdown.defaultProps = {
   className: '',
   label: 'Order by',
   onChange: function onChange() {},
-  sortBy: '',
+  field: '',
   direction: 'asc'
 };
 SortDropdown.propTypes = {
   className: _propTypes["default"].string,
   label: _propTypes["default"].string,
-  items: _propTypes["default"].shape(_defineProperty({}, _propTypes["default"].string, _propTypes["default"].string)).isRequired,
+  fields: _propTypes["default"].shape(_defineProperty({}, _propTypes["default"].string, _propTypes["default"].string)).isRequired,
   onChange: _propTypes["default"].func,
-  sortBy: _propTypes["default"].string,
+  field: _propTypes["default"].string,
   direction: _propTypes["default"].string
 };

package/lib/ui/sort-dropdown/sort-dropdown.stories.js

@@ -19,7 +19,7 @@ stories.add('default', function () {
     onChange: function onChange(state) {
       console.log(state); // eslint-disable-line no-console
     },
-    items: {
+    fields: {
       filename: {
         label: 'Filename'
       },
@@ -27,6 +27,6 @@ stories.add('default', function () {
         label: 'Size'
       }
     },
-    sortBy: "size"
+    field: "size"
   });
 });

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

@@ -1,9 +1,5 @@
-var _excluded = ["jobs", "version"];
-
 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 _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; }
-
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { HashRouter, NavLink, Route, Switch, useLocation } from 'react-router-dom';
@@ -27,21 +23,22 @@ import I18N from '../i18n';
 import { Header } from './header';
 import css from './app.module.css';
 
-var ScrollToTop = function ScrollToTop() {
-  var _useLocation = useLocation(),
-      pathname = _useLocation.pathname;
-
-  useEffect(function () {
+const ScrollToTop = () => {
+  const {
+    pathname
+  } = useLocation();
+  useEffect(() => {
     window.scrollTo(0, 0);
   }, [pathname]);
   return null;
 };
 
-var Layout = function Layout(_ref) {
-  var jobs = _ref.jobs,
-      version = _ref.version,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+const Layout = _ref => {
+  let {
+    jobs,
+    version,
+    ...props
+  } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     className: css.root
   }, /*#__PURE__*/React.createElement(Header, {
@@ -63,21 +60,14 @@ Layout.defaultProps = {
   version: null
 };
 
-var AppComponent = function AppComponent(_ref2) {
-  var version = _ref2.version,
-      jobs = _ref2.jobs;
-
-  var _useComponentQuerySta = useComponentQueryState(COMPONENT.BUNDLE_ASSETS),
-      bundleStatsState = _useComponentQuerySta[0],
-      bundleStatsSetState = _useComponentQuerySta[1];
-
-  var _useComponentQuerySta2 = useComponentQueryState(COMPONENT.BUNDLE_PACKAGES),
-      bundlePackagesState = _useComponentQuerySta2[0],
-      bundlePackagesSetState = _useComponentQuerySta2[1];
-
-  var _useComponentQuerySta3 = useComponentQueryState(COMPONENT.BUNDLE_MODULES),
-      bundleModulesState = _useComponentQuerySta3[0],
-      bundleModulesSetState = _useComponentQuerySta3[1];
+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);
 
   if (jobs.length === 0) {
     return /*#__PURE__*/React.createElement(Layout, {
@@ -87,8 +77,10 @@ var AppComponent = function AppComponent(_ref2) {
     }, I18N.NO_DATA)));
   }
 
-  var duplicatePackagesCount = jobs[0].summary.webpack.duplicatePackagesCount;
-  var duplicatePackagesInsights = Boolean(duplicatePackagesCount.current || duplicatePackagesCount.baseline);
+  const {
+    duplicatePackagesCount
+  } = jobs[0].summary.webpack;
+  const duplicatePackagesInsights = Boolean(duplicatePackagesCount.current || duplicatePackagesCount.baseline);
   return /*#__PURE__*/React.createElement(Layout, {
     jobs: jobs,
     version: version
@@ -124,8 +116,10 @@ var AppComponent = function AppComponent(_ref2) {
   }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.ASSETS,
-    render: function render(_ref3) {
-      var location = _ref3.location;
+    render: _ref3 => {
+      let {
+        location
+      } = _ref3;
       return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
         space: "medium"
       }, /*#__PURE__*/React.createElement(Summary, {
@@ -138,31 +132,31 @@ var AppComponent = function AppComponent(_ref2) {
         jobs: jobs,
         setState: bundleStatsSetState
       }, bundleStatsState, {
-        key: location.pathname + "_" + location.search
+        key: `${location.pathname}_${location.search}`
       })))));
     }
   }), /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.MODULES,
-    render: function render() {
-      return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
-        space: "medium"
-      }, /*#__PURE__*/React.createElement(Summary, {
-        keys: METRICS_WEBPACK_MODULES,
-        data: jobs[0].summary,
-        showSummaryItemDelta: jobs.length !== 1
-      }), /*#__PURE__*/React.createElement(Box, {
-        outline: true
-      }, /*#__PURE__*/React.createElement(BundleModules, _extends({
-        jobs: jobs,
-        setState: bundleModulesSetState
-      }, bundleModulesState)))));
-    }
+    render: () => /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
+      space: "medium"
+    }, /*#__PURE__*/React.createElement(Summary, {
+      keys: METRICS_WEBPACK_MODULES,
+      data: jobs[0].summary,
+      showSummaryItemDelta: jobs.length !== 1
+    }), /*#__PURE__*/React.createElement(Box, {
+      outline: true
+    }, /*#__PURE__*/React.createElement(BundleModules, _extends({
+      jobs: jobs,
+      setState: bundleModulesSetState
+    }, bundleModulesState)))))
   }), /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.PACKAGES,
-    render: function render(_ref4) {
-      var location = _ref4.location;
+    render: _ref4 => {
+      let {
+        location
+      } = _ref4;
       return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
         space: "medium"
       }, /*#__PURE__*/React.createElement(Summary, {
@@ -175,28 +169,26 @@ var AppComponent = function AppComponent(_ref2) {
         jobs: jobs
       }, bundlePackagesState, {
         setState: bundlePackagesSetState,
-        key: location.pathname + "_" + location.search
+        key: `${location.pathname}_${location.search}`
       })))));
     }
   }), /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: URLS.OVERVIEW,
-    render: function render() {
-      return /*#__PURE__*/React.createElement(Stack, {
-        space: "large"
-      }, duplicatePackagesInsights && /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(DuplicatePackagesWarning, {
-        duplicatePackagesCount: duplicatePackagesCount,
-        showDelta: jobs.length > 1
-      })), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
-        space: "small"
-      }, /*#__PURE__*/React.createElement(TotalSizeTypeTitle, null), /*#__PURE__*/React.createElement(BundleAssetsTotalsChartBars, {
-        jobs: jobs
-      }), /*#__PURE__*/React.createElement(Box, {
-        outline: true
-      }, /*#__PURE__*/React.createElement(BundleAssetsTotalsTable, {
-        jobs: jobs
-      })))));
-    }
+    render: () => /*#__PURE__*/React.createElement(Stack, {
+      space: "large"
+    }, duplicatePackagesInsights && /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(DuplicatePackagesWarning, {
+      duplicatePackagesCount: duplicatePackagesCount,
+      showDelta: jobs.length > 1
+    })), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
+      space: "small"
+    }, /*#__PURE__*/React.createElement(TotalSizeTypeTitle, null), /*#__PURE__*/React.createElement(BundleAssetsTotalsChartBars, {
+      jobs: jobs
+    }), /*#__PURE__*/React.createElement(Box, {
+      outline: true
+    }, /*#__PURE__*/React.createElement(BundleAssetsTotalsTable, {
+      jobs: jobs
+    })))))
   }))));
 };
 
@@ -214,6 +206,4 @@ AppComponent.propTypes = {
   })),
   version: PropTypes.string
 };
-export var App = function App(props) {
-  return /*#__PURE__*/React.createElement(HashRouter, null, /*#__PURE__*/React.createElement(ScrollToTop, null), /*#__PURE__*/React.createElement(QueryStateProvider, null, /*#__PURE__*/React.createElement(AppComponent, props)));
-};
+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,9 +1,3 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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; }
-
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { createJobs } from '@bundle-stats/utils';
@@ -16,79 +10,64 @@ import baselineData from '../../../../fixtures/job.baseline.json'; // eslint-dis
 /* eslint-enable */
 
 import { App } from '.';
-var CURRENT_SOURCE = {
-  webpack: _objectSpread({
+const CURRENT_SOURCE = {
+  webpack: {
     builtAt: currentData.builtAt,
-    hash: currentData.hash
-  }, currentData.rawData.webpack)
+    hash: currentData.hash,
+    ...currentData.rawData.webpack
+  }
 };
-var BASELINE_SOURCE = {
-  webpack: _objectSpread({
+const BASELINE_SOURCE = {
+  webpack: {
     builtAt: baselineData.builtAt,
-    hash: baselineData.hash
-  }, baselineData.rawData.webpack)
+    hash: baselineData.hash,
+    ...baselineData.rawData.webpack
+  }
 };
-var JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE]);
-var NO_BASELINE_JOBS = createJobs([CURRENT_SOURCE]);
-var MULTIPLE_JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE, {
-  webpack: _objectSpread(_objectSpread({
+const JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE]);
+const NO_BASELINE_JOBS = createJobs([CURRENT_SOURCE]);
+const MULTIPLE_JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE, {
+  webpack: {
     builtAt: baselineData.builtAt,
-    hash: 'aaaa1111'
-  }, baselineData.rawData.webpack), {}, {
-    assets: baselineData.rawData.webpack.assets.filter(function (asset) {
-      return asset.name.match(/.(css|js)$/);
-    }),
+    hash: 'aaaa1111',
+    ...baselineData.rawData.webpack,
+    assets: baselineData.rawData.webpack.assets.filter(asset => asset.name.match(/.(css|js)$/)),
     modules: baselineData.rawData.webpack.modules.slice(0, 100)
-  })
+  }
 }]);
-var CURRENT_JOB = JOBS[0],
-    BASELINE_JOB = JOBS[1];
-var EMPTY_BASELINE = createJobs([{
+const [CURRENT_JOB, BASELINE_JOB] = JOBS;
+const EMPTY_BASELINE = createJobs([{
   webpack: currentData.rawData.webpack
 }, {
   webpack: null
 }]);
-var stories = storiesOf('App', module);
-stories.addDecorator(function (storyFn) {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      margin: '-1rem'
-    }
-  }, storyFn());
-});
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(App, {
-    jobs: [CURRENT_JOB, BASELINE_JOB],
-    version: "1.0"
-  });
-});
-stories.add('no insights', function () {
-  return /*#__PURE__*/React.createElement(App, {
-    jobs: [_objectSpread(_objectSpread({}, CURRENT_JOB), {}, {
-      insights: undefined
-    }), BASELINE_JOB]
-  });
-});
-stories.add('no baseline', function () {
-  return /*#__PURE__*/React.createElement(App, {
-    jobs: NO_BASELINE_JOBS,
-    version: "1.0"
-  });
-});
-stories.add('empty baseline', function () {
-  return /*#__PURE__*/React.createElement(App, {
-    jobs: EMPTY_BASELINE,
-    version: "1.0"
-  });
-});
-stories.add('multiple baselines', function () {
-  return /*#__PURE__*/React.createElement(App, {
-    jobs: MULTIPLE_JOBS,
-    version: "1.0"
-  });
-});
-stories.add('empty', function () {
-  return /*#__PURE__*/React.createElement(App, {
-    verison: "1.0"
-  });
-});
+const stories = storiesOf('App', module);
+stories.addDecorator(storyFn => /*#__PURE__*/React.createElement("div", {
+  style: {
+    margin: '-1rem'
+  }
+}, storyFn()));
+stories.add('default', () => /*#__PURE__*/React.createElement(App, {
+  jobs: [CURRENT_JOB, BASELINE_JOB],
+  version: "1.0"
+}));
+stories.add('no insights', () => /*#__PURE__*/React.createElement(App, {
+  jobs: [{ ...CURRENT_JOB,
+    insights: undefined
+  }, BASELINE_JOB]
+}));
+stories.add('no baseline', () => /*#__PURE__*/React.createElement(App, {
+  jobs: NO_BASELINE_JOBS,
+  version: "1.0"
+}));
+stories.add('empty baseline', () => /*#__PURE__*/React.createElement(App, {
+  jobs: EMPTY_BASELINE,
+  version: "1.0"
+}));
+stories.add('multiple baselines', () => /*#__PURE__*/React.createElement(App, {
+  jobs: MULTIPLE_JOBS,
+  version: "1.0"
+}));
+stories.add('empty', () => /*#__PURE__*/React.createElement(App, {
+  verison: "1.0"
+}));

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

@@ -5,9 +5,11 @@ import { Container } from '../../ui/container';
 import { JobsHeader } from '../../components/jobs-header';
 import { Logo } from '../../ui/logo';
 import css from './header.module.css';
-export var Header = function Header(_ref) {
-  var className = _ref.className,
-      jobs = _ref.jobs;
+export const Header = _ref => {
+  let {
+    className,
+    jobs
+  } = _ref;
   return /*#__PURE__*/React.createElement(Container, {
     as: "header",
     className: cx(css.root, className)

package/lib-esm/assets/icons/arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>

package/lib-esm/assets/icons/cancel.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>

package/lib-esm/assets/icons/clock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>

package/lib-esm/assets/icons/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

package/lib-esm/assets/icons/commit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>

package/lib-esm/assets/icons/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart" transform="rotate(-90deg)"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>

package/lib-esm/assets/icons/help.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>

package/lib-esm/assets/icons/menu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>

package/lib-esm/assets/icons/warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>

package/lib-esm/assets/icons.svg

@@ -0,0 +1 @@
+<svg width="16" height="16"><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="afeather afeather-arrow-down" id="arrow" xmlns="http://www.w3.org/2000/svg"><path d="M12 5v14M19 12l-7 7-7-7"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="bfeather bfeather-x-circle" id="cancel" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M15 9l-6 6M9 9l6 6"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cfeather cfeather-clock" id="clock" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dfeather dfeather-x" id="close" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="efeather efeather-git-commit" id="commit" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="4"/><path d="M1.05 12H7M17.01 12h5.95"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ffeather ffeather-bar-chart" id="filter" xmlns="http://www.w3.org/2000/svg"><path d="M12 20V10M18 20V4M6 20v-4"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="gfeather gfeather-help-circle" id="help" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hfeather hfeather-menu" id="menu" xmlns="http://www.w3.org/2000/svg"><path d="M3 12h18M3 6h18M3 18h18"/></symbol><symbol viewBox="0 0 24 24" fill="currentColor" id="sort" xmlns="http://www.w3.org/2000/svg"><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/><path d="M0 0h24v24H0z" fill="none"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="jfeather jfeather-alert-triangle" id="warning" xmlns="http://www.w3.org/2000/svg"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01"/></symbol></svg>

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

@@ -12,13 +12,15 @@ import { FileName } from '../../ui/file-name';
 import { ComponentLink } from '../component-link';
 import css from './asset-info.module.css';
 
-var ChunkModulesLink = function ChunkModulesLink(_ref) {
-  var Component = _ref.as,
-      chunks = _ref.chunks,
-      chunkId = _ref.chunkId,
-      name = _ref.name;
+const ChunkModulesLink = _ref => {
+  let {
+    as: Component,
+    chunks,
+    chunkId,
+    name
+  } = _ref;
 
-  var chunk = _find(chunks, {
+  const chunk = _find(chunks, {
     id: chunkId
   });
 
@@ -26,9 +28,9 @@ var ChunkModulesLink = function ChunkModulesLink(_ref) {
     return null;
   }
 
-  var chunkIds = _map(chunks, 'id');
+  const chunkIds = _map(chunks, 'id');
 
-  var fileType = getModuleFileType(name);
+  const fileType = getModuleFileType(name);
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: css.viewModules
   }, getBundleModulesByChunk(chunkIds, chunkId, fileType)), "View chunk modules");
@@ -46,18 +48,20 @@ ChunkModulesLink.defaultProps = {
   chunkId: '',
   name: ''
 };
-export var AssetInfo = function AssetInfo(props) {
-  var className = props.className,
-      chunks = props.chunks,
-      item = props.item,
-      labels = props.labels,
-      CustomComponentLink = props.CustomComponentLink;
+export const AssetInfo = props => {
+  const {
+    className,
+    chunks,
+    item,
+    labels,
+    CustomComponentLink
+  } = props;
   return /*#__PURE__*/React.createElement(Stack, {
     space: "xsmall",
     className: cx(css.root, className)
-  }, item.runs.map(function (run, index) {
-    var Title = index !== 0 ? 'h4' : 'h3';
-    var key = "asset-info-" + ((run == null ? void 0 : run.name) || index) + "-" + index;
+  }, item.runs.map((run, index) => {
+    const Title = index !== 0 ? 'h4' : 'h3';
+    const key = `asset-info-${(run == null ? void 0 : run.name) || index}-${index}`;
     return /*#__PURE__*/React.createElement(Stack, {
       space: "xxxsmall",
       key: key