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

package/lib/app/app.stories.js

@@ -1,102 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var _jobCurrent = _interopRequireDefault(require("../../../../fixtures/job.current.json"));
-var _jobBaseline = _interopRequireDefault(require("../../../../fixtures/job.baseline.json"));
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var CURRENT_SOURCE = {
-  webpack: _objectSpread({
-    builtAt: _jobCurrent["default"].builtAt,
-    hash: _jobCurrent["default"].hash
-  }, _jobCurrent["default"].rawData.webpack)
-};
-var BASELINE_SOURCE = {
-  webpack: _objectSpread({
-    builtAt: _jobBaseline["default"].builtAt,
-    hash: _jobBaseline["default"].hash
-  }, _jobBaseline["default"].rawData.webpack)
-};
-var JOBS = (0, _utils.createJobs)([CURRENT_SOURCE, BASELINE_SOURCE], {
-  webpack: {
-    budgets: [{
-      metric: 'totalSizeByTypeALL',
-      value: 1024 * 1024
-    }]
-  }
-});
-var NO_BASELINE_JOBS = (0, _utils.createJobs)([CURRENT_SOURCE]);
-var MULTIPLE_JOBS = (0, _utils.createJobs)([CURRENT_SOURCE, BASELINE_SOURCE, {
-  webpack: _objectSpread(_objectSpread({
-    builtAt: _jobBaseline["default"].builtAt,
-    hash: 'aaaa1111'
-  }, _jobBaseline["default"].rawData.webpack), {}, {
-    assets: _jobBaseline["default"].rawData.webpack.assets.filter(function (asset) {
-      return asset.name.match(/.(css|js)$/);
-    }),
-    modules: _jobBaseline["default"].rawData.webpack.modules.slice(0, 100)
-  })
-}]);
-var _JOBS = _slicedToArray(JOBS, 2),
-  CURRENT_JOB = _JOBS[0],
-  BASELINE_JOB = _JOBS[1];
-var EMPTY_BASELINE = (0, _utils.createJobs)([{
-  webpack: _jobCurrent["default"].rawData.webpack
-}, {
-  webpack: null
-}]);
-var stories = (0, _react2.storiesOf)('App', module);
-stories.addDecorator(function (storyFn) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      margin: '-1rem'
-    }
-  }, storyFn());
-});
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: [CURRENT_JOB, BASELINE_JOB],
-    version: "1.0"
-  });
-});
-stories.add('no insights', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: [_objectSpread(_objectSpread({}, CURRENT_JOB), {}, {
-      insights: undefined
-    }), BASELINE_JOB]
-  });
-});
-stories.add('no baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: NO_BASELINE_JOBS,
-    version: "1.0"
-  });
-});
-stories.add('empty baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: EMPTY_BASELINE,
-    version: "1.0"
-  });
-});
-stories.add('multiple baselines', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: MULTIPLE_JOBS,
-    version: "1.0"
-  });
-});
-stories.add('empty', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    verison: "1.0"
-  });
-});

package/lib/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/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/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/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/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/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/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/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/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/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/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/components/asset-info/asset-info.stories.js

@@ -1,42 +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)('Components/AssetInfo', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.AssetInfo, {
-    item: {
-      runs: [{
-        name: 'static/vendor.abcd1234.js'
-      }, {
-        name: 'static/vendor.defg5678.js'
-      }]
-    },
-    labels: ['Job #2', 'Job #1']
-  });
-});
-stories.add('with chunks', function () {
-  return /*#__PURE__*/_react["default"].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/components/browsertime-table/browsertime-table.stories.js

@@ -1,33 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var browsertime = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/browsertime"));
-var _browsertime2 = _interopRequireDefault(require("../../../../../fixtures/browsertime.json"));
-var _stories = require("../../stories");
-var _ = require(".");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-// eslint-disable-next-line import/no-relative-packages
-
-var browsertimeFixtures = browsertime.filter(_browsertime2["default"]);
-var JOBS = (0, _utils.createJobs)([{
-  browsertime: browsertimeFixtures
-}, {
-  browsertime: browsertimeFixtures
-}]);
-var stories = (0, _react2.storiesOf)('Components/BrowsertimeTable', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BrowsertimeTable, {
-    jobs: JOBS
-  });
-});
-stories.add('no baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BrowsertimeTable, {
-    jobs: [JOBS[1]]
-  });
-});

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

@@ -1,100 +0,0 @@
-"use strict";
-
-var _set2 = _interopRequireDefault(require("lodash/set"));
-var _merge2 = _interopRequireDefault(require("lodash/merge"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var _webpackStatsBaseline = _interopRequireDefault(require("../../../__mocks__/webpack-stats.baseline.json"));
-var _webpackStatsCurrent = _interopRequireDefault(require("../../../__mocks__/webpack-stats.current.json"));
-var _stories = require("../../stories");
-var _ = require(".");
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var JOBS = (0, _utils.createJobs)([{
-  webpack: _webpackStatsCurrent["default"]
-}, {
-  webpack: _webpackStatsBaseline["default"]
-}]);
-var _JOBS = _slicedToArray(JOBS, 2),
-  currentJob = _JOBS[0],
-  baselineJob = _JOBS[1];
-var setState = function setState(params) {
-  return console.info(params);
-};
-var stories = (0, _react2.storiesOf)('Components/BundleAssets', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
-    jobs: [baselineJob],
-    setState: setState
-  });
-});
-stories.add('multiple jobs', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
-    jobs: JOBS,
-    setState: setState
-  });
-});
-stories.add('custom filters', function () {
-  var _ref;
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
-    jobs: JOBS,
-    filters: (_ref = {}, _defineProperty(_ref, "".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.ENTRY), true), _defineProperty(_ref, "".concat(_utils.ASSET_FILE_TYPE, ".").concat(_utils.FILE_TYPE_JS), true), _ref),
-    setState: setState
-  });
-});
-var JOBS_EMPTY_BASELINE = (0, _utils.createJobs)([{
-  webpack: _webpackStatsCurrent["default"]
-}, null]);
-stories.add('empty baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
-    jobs: JOBS_EMPTY_BASELINE,
-    setState: setState
-  });
-});
-stories.add('no assets', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
-    jobs: JOBS.map(function (job) {
-      return (0, _set2["default"])((0, _merge2["default"])({}, job), 'metrics.webpack.assets', {});
-    }),
-    setState: setState
-  });
-});
-stories.add('empty filtered data', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
-    jobs: [(0, _set2["default"])((0, _merge2["default"])({}, currentJob), 'metrics.webpack.assets', {
-      'main.js': {
-        value: 100
-      }
-    }), (0, _set2["default"])((0, _merge2["default"])({}, baselineJob), 'metrics.webpack.assets', {
-      'main.js': {
-        value: 100
-      }
-    })],
-    search: "vendors",
-    setState: setState
-  });
-});
-stories.add('not predictive', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
-    jobs: [(0, _set2["default"])((0, _merge2["default"])({}, currentJob), 'metrics.webpack.assets', {
-      'static/js/not-predictive.js': {
-        name: 'static/js/not-predictive.93191a1.js',
-        value: 2989
-      }
-    }), (0, _set2["default"])((0, _merge2["default"])({}, baselineJob), 'metrics.webpack.assets', {
-      'static/js/not-predictive.js': {
-        name: 'static/js/not-predictive.93191a1.js',
-        value: 2988
-      }
-    })],
-    setState: setState
-  });
-});

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

@@ -1,32 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var _webpackStatsCurrent = _interopRequireDefault(require("../../../__mocks__/webpack-stats.current.json"));
-var _webpackStatsBaseline = _interopRequireDefault(require("../../../__mocks__/webpack-stats.baseline.json"));
-var _stories = require("../../stories");
-var _bundleAssetsTotalsChartBars = require("./bundle-assets-totals-chart-bars");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var JOBS = (0, _utils.createJobs)([{
-  webpack: _webpackStatsCurrent["default"]
-}, {
-  webpack: _webpackStatsBaseline["default"]
-}]);
-var EMPTY_BASELINE = (0, _utils.createJobs)([{
-  webpack: _webpackStatsCurrent["default"]
-}, {
-  webpack: null
-}]);
-var stories = (0, _react2.storiesOf)('Components/BundleAssetsTotalsChartBars', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('component', function () {
-  return /*#__PURE__*/_react["default"].createElement(_bundleAssetsTotalsChartBars.BundleAssetsTotalsChartBars, {
-    jobs: JOBS
-  });
-});
-stories.add('empty baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_bundleAssetsTotalsChartBars.BundleAssetsTotalsChartBars, {
-    jobs: EMPTY_BASELINE
-  });
-});

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

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SingleJob = exports.MultipleJobs = exports.EmptyBaseline = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@bundle-stats/utils");
-var _webpackStatsBaseline = _interopRequireDefault(require("../../../__mocks__/webpack-stats.baseline.json"));
-var _webpackStatsCurrent = _interopRequireDefault(require("../../../__mocks__/webpack-stats.current.json"));
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = {
-  title: 'Components/BundleAssetsTotalsTable',
-  component: _.BundleAssetsTotalsTable,
-  decorators: [(0, _stories.getWrapperDecorator)()]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleAssetsTotalsTable, args);
-};
-var SingleJob = Template.bind();
-exports.SingleJob = SingleJob;
-SingleJob.args = {
-  jobs: (0, _utils.createJobs)([{
-    webpack: _webpackStatsCurrent["default"]
-  }])
-};
-var MultipleJobs = Template.bind();
-exports.MultipleJobs = MultipleJobs;
-MultipleJobs.args = {
-  jobs: (0, _utils.createJobs)([{
-    webpack: _webpackStatsCurrent["default"]
-  }, {
-    webpack: _webpackStatsBaseline["default"]
-  }])
-};
-var EmptyBaseline = Template.bind();
-exports.EmptyBaseline = EmptyBaseline;
-EmptyBaseline.args = {
-  jobs: (0, _utils.createJobs)([{
-    webpack: _webpackStatsCurrent["default"]
-  }, null])
-};

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

@@ -1,164 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var _webpackStatsBaseline = _interopRequireDefault(require("../../../__mocks__/webpack-stats.baseline.json"));
-var _webpackStatsCurrent = _interopRequireDefault(require("../../../__mocks__/webpack-stats.current.json"));
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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; }
-// Limit the side of the modules when not in dev mode (chromatic limit, snapshot too large)
-var _ref = process.env.NODE_ENV !== 'development' ? {
-    // eslint-disable-next-line prefer-object-spread
-    baselineStats: Object.assign({}, _webpackStatsBaseline["default"], {
-      modules: _webpackStatsBaseline["default"].modules.slice(0, 100)
-    }),
-    // eslint-disable-next-line prefer-object-spread
-    currentStats: Object.assign({}, _webpackStatsCurrent["default"], {
-      modules: _webpackStatsCurrent["default"].modules.slice(0, 100)
-    })
-  } : {
-    baselineStats: _webpackStatsBaseline["default"],
-    currentStats: _webpackStatsCurrent["default"]
-  },
-  baselineStats = _ref.baselineStats,
-  currentStats = _ref.currentStats;
-var JOBS = (0, _utils.createJobs)([{
-  webpack: currentStats
-}, {
-  webpack: baselineStats
-}]);
-var stories = (0, _react2.storiesOf)('Components/BundleModules', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleModules, {
-    jobs: [JOBS[1]]
-  });
-});
-stories.add('multiple jobs', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleModules, {
-    jobs: JOBS
-  });
-});
-var JOBS_EMPTY_BASELINE = (0, _utils.createJobs)([{
-  webpack: currentStats
-}, null]);
-stories.add('empty baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleModules, {
-    jobs: JOBS_EMPTY_BASELINE
-  });
-});
-
-// Module moved between chunks
-var JOBS_MOVED_MODULE = (0, _utils.createJobs)([{
-  webpack: {
-    chunks: [{
-      id: 1,
-      names: ['chunk-1']
-    }, {
-      id: 2,
-      names: ['chunk-2']
-    }],
-    modules: [{
-      name: 'module-1a.js',
-      size: 1100,
-      chunks: [1]
-    }, {
-      name: 'module-1b.js',
-      size: 1200,
-      chunks: [1]
-    }, {
-      name: 'module-moved-from-chunk-2-to-1.js',
-      size: 2300,
-      chunks: [1]
-    }, {
-      name: 'module-2b.js',
-      size: 2200,
-      chunks: [2]
-    }, {
-      name: 'module-moved-from-chunk-3-to-1.js',
-      size: 3300,
-      chunks: [1]
-    }]
-  }
-}, {
-  webpack: {
-    chunks: [{
-      id: 1,
-      names: ['chunk-1']
-    }, {
-      id: 2,
-      names: ['chunk-2']
-    }, {
-      id: 3,
-      names: ['chunk-3']
-    }],
-    modules: [{
-      name: 'module-1a.js',
-      size: 1000,
-      chunks: [1]
-    }, {
-      name: 'module-1b.js',
-      size: 1100,
-      chunks: [1]
-    }, {
-      name: 'module-moved-from-chunk-2-to-1.js',
-      size: 2000,
-      chunks: [2]
-    }, {
-      name: 'module-2b.js',
-      size: 2200,
-      chunks: [2]
-    }, {
-      name: 'module-moved-from-chunk-3-to-1.js',
-      size: 3300,
-      chunks: [3]
-    }, {
-      name: 'module-removed-from-all-chunks.js',
-      size: 3300,
-      chunks: [3]
-    }]
-  }
-}]);
-var chunkFiltersStories = (0, _react2.storiesOf)('Components/BundleModules/chunk filters', module);
-chunkFiltersStories.addDecorator((0, _stories.getWrapperDecorator)());
-chunkFiltersStories.add('chunk with module moved in', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleModules, {
-    filters: {
-      changed: false,
-      'c.1': true,
-      'c.2': false,
-      'c.3': false
-    },
-    jobs: _toConsumableArray(JOBS_MOVED_MODULE)
-  });
-});
-chunkFiltersStories.add('chunk with module moved out', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleModules, {
-    filters: {
-      changed: false,
-      'c.1': false,
-      'c.2': true,
-      'c.3': false
-    },
-    jobs: _toConsumableArray(JOBS_MOVED_MODULE)
-  });
-});
-chunkFiltersStories.add('removed chunk', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundleModules, {
-    filters: {
-      changed: false,
-      'c.1': false,
-      'c.2': false,
-      'c.3': true
-    },
-    jobs: _toConsumableArray(JOBS_MOVED_MODULE)
-  });
-});

package/lib/components/bundle-packages/bundle-packages.stories.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _set2 = _interopRequireDefault(require("lodash/set"));
-var _merge2 = _interopRequireDefault(require("lodash/merge"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var _webpackStatsBaseline = _interopRequireDefault(require("../../../__mocks__/webpack-stats.baseline.json"));
-var _webpackStatsCurrent = _interopRequireDefault(require("../../../__mocks__/webpack-stats.current.json"));
-var _stories = require("../../stories");
-var _ = require(".");
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var JOBS = (0, _utils.createJobs)([{
-  webpack: _webpackStatsCurrent["default"]
-}, {
-  webpack: _webpackStatsBaseline["default"]
-}]);
-var _JOBS = _slicedToArray(JOBS, 2),
-  currentJob = _JOBS[0],
-  baselineJob = _JOBS[1];
-var stories = (0, _react2.storiesOf)('Components/BundlePackages', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundlePackages, {
-    jobs: [baselineJob]
-  });
-});
-stories.add('multiple jobs', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundlePackages, {
-    jobs: JOBS
-  });
-});
-stories.add('custom filters', function () {
-  var _ref;
-  return /*#__PURE__*/_react["default"].createElement(_.BundlePackages, {
-    jobs: JOBS,
-    filters: (_ref = {}, _defineProperty(_ref, _utils.PACKAGE_FILTERS.CHANGED, false), _defineProperty(_ref, _utils.PACKAGE_FILTERS.DUPLICATE, true), _ref)
-  });
-});
-stories.add('empty packages', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundlePackages, {
-    jobs: [(0, _set2["default"])((0, _merge2["default"])({}, currentJob), 'metrics.webpack.packages', {}), (0, _set2["default"])((0, _merge2["default"])({}, baselineJob), 'metrics.webpack.packages', {})]
-  });
-});
-stories.add('empty filtered packages', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundlePackages, {
-    jobs: [(0, _set2["default"])((0, _merge2["default"])({}, currentJob), 'metrics.webpack.packages', {
-      'package-a': {
-        value: 100
-      }
-    }), (0, _set2["default"])((0, _merge2["default"])({}, baselineJob), 'metrics.webpack.packages', {
-      'package-a': {
-        value: 100
-      }
-    })]
-  });
-});
-var JOBS_EMPTY_BASELINE = (0, _utils.createJobs)([{
-  webpack: _webpackStatsCurrent["default"]
-}, {
-  webpack: null
-}]);
-stories.add('empty baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.BundlePackages, {
-    jobs: JOBS_EMPTY_BASELINE
-  });
-});