@bundle-stats/ui 4.1.4 → 4.1.5-alpha.1

package/lib/ui/logo/logo.stories.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _addonKnobs = require("@storybook/addon-knobs");
-var _stories = require("../../stories");
-var _logo = require("./logo.constants");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var selectKind = function selectKind() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _logo.KIND_DEFAULT;
-  return (0, _addonKnobs.select)('Kind', _logo.KINDS, value);
-};
-var stories = (0, _react2.storiesOf)('UI/Logo', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.addDecorator(_addonKnobs.withKnobs);
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Logo, {
-    kind: selectKind()
-  });
-});
-
-/* eslint-disable jsx-a11y/anchor-has-content */
-var LogoComponent = function LogoComponent(props) {
-  return /*#__PURE__*/_react["default"].createElement("a", props);
-};
-/* eslint-enable jsx-a11y/anchor-has-content */
-
-stories.add('with custom component', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Logo, {
-    as: LogoComponent,
-    href: "https://relative-ci.com",
-    kind: selectKind()
-  });
-});
-stories.add('with custom kind', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Logo, {
-    kind: selectKind(_logo.KIND_LOGOTYPE)
-  });
-});

package/lib/ui/panels/panels.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('UI/Panels', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Panels, {
-    style: {
-      outline: '1px dotted hotpink'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      padding: '24px'
-    }
-  }, "Panel 1"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      padding: '24px'
-    }
-  }, "Panel 2"));
-});

package/lib/ui/skeleton/skeleton.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.MultipleTextLines = exports.Block = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = {
-  title: 'UI/Skeleton',
-  component: _.Skeleton
-};
-exports["default"] = _default;
-var MultipleTextLines = function MultipleTextLines() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Skeleton, {
-    as: "h1",
-    style: {
-      outline: '1px solid magenta'
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_.Skeleton, {
-    as: "h2",
-    style: {
-      outline: '1px solid magenta'
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_.Skeleton, {
-    as: "p",
-    style: {
-      outline: '1px solid magenta'
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_.Skeleton, {
-    style: {
-      outline: '1px solid pink'
-    }
-  }));
-};
-exports.MultipleTextLines = MultipleTextLines;
-var Block = function Block() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      outline: '1px solid magenta'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_.Skeleton, {
-    as: "div",
-    block: true
-  }));
-};
-exports.Block = Block;

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

@@ -1,28 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('UI/SortDropdown', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)({
-  paddingLeft: '200px'
-}));
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.SortDropdown, {
-    onChange: function onChange(state) {
-      console.log(state); // eslint-disable-line no-console
-    },
-
-    fields: {
-      filename: {
-        label: 'Filename'
-      },
-      size: {
-        label: 'Size'
-      }
-    },
-    field: "size"
-  });
-});

package/lib/ui/table/table.stories.js

@@ -1,112 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var THead = _.Table.THead,
-  TBody = _.Table.TBody,
-  Td = _.Table.Td,
-  Tr = _.Table.Tr,
-  Th = _.Table.Th;
-var stories = (0, _react2.storiesOf)('UI/Table', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, null, /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a1"), /*#__PURE__*/_react["default"].createElement(Td, null, "b1"), /*#__PURE__*/_react["default"].createElement(Td, null, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a2"), /*#__PURE__*/_react["default"].createElement(Td, null, "b2"), /*#__PURE__*/_react["default"].createElement(Td, null, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a3"), /*#__PURE__*/_react["default"].createElement(Td, null, "b3"), /*#__PURE__*/_react["default"].createElement(Td, null, "c3"))));
-});
-stories.add('compact', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, {
-    compact: true
-  }, /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a1"), /*#__PURE__*/_react["default"].createElement(Td, null, "b1"), /*#__PURE__*/_react["default"].createElement(Td, null, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a2"), /*#__PURE__*/_react["default"].createElement(Td, null, "b2"), /*#__PURE__*/_react["default"].createElement(Td, null, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a3"), /*#__PURE__*/_react["default"].createElement(Td, null, "b3"), /*#__PURE__*/_react["default"].createElement(Td, null, "c3"))));
-});
-stories.add('outline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, {
-    outline: true
-  }, /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a1"), /*#__PURE__*/_react["default"].createElement(Td, null, "b1"), /*#__PURE__*/_react["default"].createElement(Td, null, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a2"), /*#__PURE__*/_react["default"].createElement(Td, null, "b2"), /*#__PURE__*/_react["default"].createElement(Td, null, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a3"), /*#__PURE__*/_react["default"].createElement(Td, null, "b3"), /*#__PURE__*/_react["default"].createElement(Td, null, "c3"))));
-});
-stories.add('empty', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, null);
-});
-stories.add('empty with custom element', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, {
-    emptyMessage: /*#__PURE__*/_react["default"].createElement("p", {
-      style: {
-        outline: '1px solid lightgray'
-      }
-    }, "No items available")
-  });
-});
-stories.add('with headers', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, null, /*#__PURE__*/_react["default"].createElement(THead, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, "Col A"), /*#__PURE__*/_react["default"].createElement(Th, null, "Col B"), /*#__PURE__*/_react["default"].createElement(Th, null, "Col C"))), /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a1"), /*#__PURE__*/_react["default"].createElement(Td, null, "b1"), /*#__PURE__*/_react["default"].createElement(Td, null, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a2"), /*#__PURE__*/_react["default"].createElement(Td, null, "b2"), /*#__PURE__*/_react["default"].createElement(Td, null, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a3"), /*#__PURE__*/_react["default"].createElement(Td, null, "b3"), /*#__PURE__*/_react["default"].createElement(Td, null, "c3"))));
-});
-stories.add('with headers and outline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, {
-    outline: true
-  }, /*#__PURE__*/_react["default"].createElement(THead, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, "Col A"), /*#__PURE__*/_react["default"].createElement(Th, null, "Col B"), /*#__PURE__*/_react["default"].createElement(Th, null, "Col C"))), /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a1"), /*#__PURE__*/_react["default"].createElement(Td, null, "b1"), /*#__PURE__*/_react["default"].createElement(Td, null, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a2"), /*#__PURE__*/_react["default"].createElement(Td, null, "b2"), /*#__PURE__*/_react["default"].createElement(Td, null, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a3"), /*#__PURE__*/_react["default"].createElement(Td, null, "b3"), /*#__PURE__*/_react["default"].createElement(Td, null, "c3"))));
-});
-stories.add('with multiple rows header', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, null, /*#__PURE__*/_react["default"].createElement(THead, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, " "), /*#__PURE__*/_react["default"].createElement(Th, {
-    colSpan: 2
-  }, "Colspan")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, "Col A"), /*#__PURE__*/_react["default"].createElement(Th, null, "Col B"), /*#__PURE__*/_react["default"].createElement(Th, null, "Col C"))), /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a1"), /*#__PURE__*/_react["default"].createElement(Td, null, "b1"), /*#__PURE__*/_react["default"].createElement(Td, null, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a2"), /*#__PURE__*/_react["default"].createElement(Td, null, "b2"), /*#__PURE__*/_react["default"].createElement(Td, null, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Td, null, "a3"), /*#__PURE__*/_react["default"].createElement(Td, null, "b3"), /*#__PURE__*/_react["default"].createElement(Td, null, "c3"))));
-});
-stories.add('with row headers', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, null, /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, "row 1"), /*#__PURE__*/_react["default"].createElement(Td, null, "a1"), /*#__PURE__*/_react["default"].createElement(Td, null, "b1"), /*#__PURE__*/_react["default"].createElement(Td, null, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, "row 2"), /*#__PURE__*/_react["default"].createElement(Td, null, "a2"), /*#__PURE__*/_react["default"].createElement(Td, null, "b2"), /*#__PURE__*/_react["default"].createElement(Td, null, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, "row 3"), /*#__PURE__*/_react["default"].createElement(Td, null, "a3"), /*#__PURE__*/_react["default"].createElement(Td, null, "b3"), /*#__PURE__*/_react["default"].createElement(Td, null, "c3"))));
-});
-stories.add('with custom content and attributes', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Table, null, /*#__PURE__*/_react["default"].createElement(THead, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, " "), /*#__PURE__*/_react["default"].createElement(Th, {
-    style: {
-      textAlign: 'right'
-    }
-  }, "Col A (right)"), /*#__PURE__*/_react["default"].createElement(Th, {
-    style: {
-      textAlign: 'center'
-    }
-  }, "Col B (center)"), /*#__PURE__*/_react["default"].createElement(Th, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "Col C(underline)"))), /*#__PURE__*/_react["default"].createElement(TBody, null, /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, /*#__PURE__*/_react["default"].createElement("strong", null, "row 1")), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textAlign: 'right'
-    }
-  }, "a1"), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textAlign: 'center',
-      color: 'red'
-    }
-  }, "b1"), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "c1")), /*#__PURE__*/_react["default"].createElement(Tr, {
-    style: {
-      color: 'blue',
-      fontSize: '1.5em'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(Th, null, /*#__PURE__*/_react["default"].createElement("strong", null, "row 2")), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textAlign: 'right'
-    }
-  }, "a2"), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textAlign: 'center'
-    }
-  }, "b2"), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "c2")), /*#__PURE__*/_react["default"].createElement(Tr, null, /*#__PURE__*/_react["default"].createElement(Th, null, /*#__PURE__*/_react["default"].createElement("strong", null, "row 3")), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textAlign: 'right'
-    }
-  }, "a3"), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textAlign: 'center'
-    }
-  }, "b3"), /*#__PURE__*/_react["default"].createElement(Td, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "c3"))));
-});

package/lib/ui/tabs/tabs.stories.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('UI/Tabs', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Tabs, null, /*#__PURE__*/_react["default"].createElement(_.Tabs.Item, {
-    isTabActive: true
-  }, "Option A"), /*#__PURE__*/_react["default"].createElement(_.Tabs.Item, null, "Option B"), /*#__PURE__*/_react["default"].createElement(_.Tabs.Item, null, "Option C"));
-});

package/lib/ui/tag/tag.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.OneLetter = exports.Default = void 0;
-var _ = require(".");
-var _default = {
-  title: 'UI/Tag',
-  component: _.Tag,
-  argTypes: {
-    kind: {
-      control: 'select',
-      options: Object.values(_.Tag.KINDS)
-    },
-    size: {
-      control: 'select',
-      options: Object.values(_.Tag.SIZES)
-    }
-  },
-  args: {
-    children: 'tag'
-  }
-};
-exports["default"] = _default;
-var Default = _.Tag.bind();
-exports.Default = Default;
-var OneLetter = _.Tag.bind();
-exports.OneLetter = OneLetter;
-OneLetter.args = {
-  children: 'd'
-};

package/lib/ui/toolbar/toolbar.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('UI/Toolbar', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Toolbar, null, /*#__PURE__*/_react["default"].createElement("div", null, "Content"));
-});
-stories.add('with actions', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Toolbar, {
-    renderActions: function renderActions(_ref) {
-      var actionClassName = _ref.actionClassName;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: actionClassName
-      }, "Action 1"), /*#__PURE__*/_react["default"].createElement("div", {
-        className: actionClassName
-      }, "Action 2"));
-    }
-  }, "Content");
-});

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

@@ -1,37 +0,0 @@
-"use strict";
-
-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,
-  decorators: [(0, _stories.getWrapperDecorator)({
-    padding: '100px',
-    textAlign: 'center'
-  })],
-  args: {
-    title: 'View job #123'
-  }
-};
-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();
-exports.LongTooltip = LongTooltip;
-LongTooltip.args = {
-  title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie neque id lectus mollis, et imperdiet libero porta.'
-};
-var DarkModeFalse = Template.bind();
-exports.DarkModeFalse = DarkModeFalse;
-DarkModeFalse.args = {
-  darkMode: false
-};

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

@@ -1,78 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { createJobs } from '@bundle-stats/utils';
-
-/* 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: {
-    builtAt: currentData.builtAt,
-    hash: currentData.hash,
-    ...currentData.rawData.webpack
-  }
-};
-const BASELINE_SOURCE = {
-  webpack: {
-    builtAt: baselineData.builtAt,
-    hash: baselineData.hash,
-    ...baselineData.rawData.webpack
-  }
-};
-const JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE], {
-  webpack: {
-    budgets: [{
-      metric: 'totalSizeByTypeALL',
-      value: 1024 * 1024
-    }]
-  }
-});
-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(asset => asset.name.match(/.(css|js)$/)),
-    modules: baselineData.rawData.webpack.modules.slice(0, 100)
-  }
-}]);
-const [CURRENT_JOB, BASELINE_JOB] = JOBS;
-const EMPTY_BASELINE = createJobs([{
-  webpack: currentData.rawData.webpack
-}, {
-  webpack: null
-}]);
-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/assets/icons/arrow-right-circle.svg

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

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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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/commit.svg

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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/sort.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/>
-  <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

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

@@ -1 +0,0 @@
-<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/components/asset-info/asset-info.stories.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { AssetInfo } from '.';
-const stories = storiesOf('Components/AssetInfo', module);
-stories.addDecorator(getWrapperDecorator());
-stories.add('default', () => /*#__PURE__*/React.createElement(AssetInfo, {
-  item: {
-    runs: [{
-      name: 'static/vendor.abcd1234.js'
-    }, {
-      name: 'static/vendor.defg5678.js'
-    }]
-  },
-  labels: ['Job #2', 'Job #1']
-}));
-stories.add('with chunks', () => /*#__PURE__*/React.createElement(AssetInfo, {
-  item: {
-    runs: [{
-      name: 'static/vendor.abcd1234.js',
-      chunkId: '1'
-    }, {
-      name: 'static/vendor.defg5678.js',
-      chunkId: '2'
-    }]
-  },
-  chunks: [{
-    id: '1',
-    name: 'vendor'
-  }, {
-    id: '2',
-    name: 'app~common~utils~shared'
-  }],
-  labels: ['Job #2', 'Job #1']
-}));

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

@@ -1,23 +0,0 @@
-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 browsertimeSourceFixtures from '../../../../../fixtures/browsertime.json';
-import { getWrapperDecorator } from '../../stories';
-import { BrowsertimeTable } from '.';
-const browsertimeFixtures = browsertime.filter(browsertimeSourceFixtures);
-const JOBS = createJobs([{
-  browsertime: browsertimeFixtures
-}, {
-  browsertime: browsertimeFixtures
-}]);
-const stories = storiesOf('Components/BrowsertimeTable', module);
-stories.addDecorator(getWrapperDecorator());
-stories.add('default', () => /*#__PURE__*/React.createElement(BrowsertimeTable, {
-  jobs: JOBS
-}));
-stories.add('no baseline', () => /*#__PURE__*/React.createElement(BrowsertimeTable, {
-  jobs: [JOBS[1]]
-}));

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

@@ -1,72 +0,0 @@
-import _set from "lodash/set";
-import _merge from "lodash/merge";
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, FILE_TYPE_JS, createJobs } from '@bundle-stats/utils';
-import baselineStats from '../../../__mocks__/webpack-stats.baseline.json';
-import currentStats from '../../../__mocks__/webpack-stats.current.json';
-import { getWrapperDecorator } from '../../stories';
-import { BundleAssets } from '.';
-const JOBS = createJobs([{
-  webpack: currentStats
-}, {
-  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, {
-  jobs: [baselineJob],
-  setState: setState
-}));
-stories.add('multiple jobs', () => /*#__PURE__*/React.createElement(BundleAssets, {
-  jobs: JOBS,
-  setState: setState
-}));
-stories.add('custom filters', () => /*#__PURE__*/React.createElement(BundleAssets, {
-  jobs: JOBS,
-  filters: {
-    [`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`]: true,
-    [`${ASSET_FILE_TYPE}.${FILE_TYPE_JS}`]: true
-  },
-  setState: setState
-}));
-const JOBS_EMPTY_BASELINE = createJobs([{
-  webpack: currentStats
-}, null]);
-stories.add('empty baseline', () => /*#__PURE__*/React.createElement(BundleAssets, {
-  jobs: JOBS_EMPTY_BASELINE,
-  setState: setState
-}));
-stories.add('no assets', () => /*#__PURE__*/React.createElement(BundleAssets, {
-  jobs: JOBS.map(job => _set(_merge({}, job), 'metrics.webpack.assets', {})),
-  setState: setState
-}));
-stories.add('empty filtered data', () => /*#__PURE__*/React.createElement(BundleAssets, {
-  jobs: [_set(_merge({}, currentJob), 'metrics.webpack.assets', {
-    'main.js': {
-      value: 100
-    }
-  }), _set(_merge({}, baselineJob), 'metrics.webpack.assets', {
-    'main.js': {
-      value: 100
-    }
-  })],
-  search: "vendors",
-  setState: setState
-}));
-stories.add('not predictive', () => /*#__PURE__*/React.createElement(BundleAssets, {
-  jobs: [_set(_merge({}, currentJob), 'metrics.webpack.assets', {
-    'static/js/not-predictive.js': {
-      name: 'static/js/not-predictive.93191a1.js',
-      value: 2989
-    }
-  }), _set(_merge({}, baselineJob), 'metrics.webpack.assets', {
-    'static/js/not-predictive.js': {
-      name: 'static/js/not-predictive.93191a1.js',
-      value: 2988
-    }
-  })],
-  setState: setState
-}));