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

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
-  });
-});

package/lib/components/delta/delta.stories.js

@@ -1,46 +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/Delta', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Delta, {
-    displayValue: "20%",
-    deltaType: "POSITIVE"
-  });
-});
-stories.add('negative', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Delta, {
-    displayValue: "20%",
-    deltaType: "NEGATIVE"
-  });
-});
-stories.add('slightlyNegative', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Delta, {
-    displayValue: "1%",
-    deltaType: "LOW_NEGATIVE"
-  });
-});
-stories.add('slightlyPositive', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Delta, {
-    displayValue: "1%",
-    deltaType: "LOW_POSITIVE"
-  });
-});
-stories.add('empty', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Delta, {
-    displayValue: "0%",
-    deltaType: "NO_CHANGE"
-  });
-});
-stories.add('inverted', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Delta, {
-    displayValue: "1%",
-    deltaType: "LOW_NEGATIVE",
-    inverted: true
-  });
-});

package/lib/components/duplicate-packages-warning/duplicate-packages-warning.stories.js

@@ -1,34 +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/DuplicatePackagesWarning', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('single job', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.DuplicatePackagesWarning, {
-    duplicatePackagesCount: {
-      current: 1,
-      baseline: 0
-    },
-    showDelta: false
-  });
-});
-stories.add('multiple jobs', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.DuplicatePackagesWarning, {
-    duplicatePackagesCount: {
-      current: 2,
-      baseline: 3
-    }
-  });
-});
-stories.add('no changes', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.DuplicatePackagesWarning, {
-    duplicatePackagesCount: {
-      current: 2,
-      baseline: 2
-    }
-  });
-});

package/lib/components/job-header/job-header.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/JobHeader', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-var JOB = {
-  internalBuildNumber: 1,
-  meta: {
-    webpack: {
-      builtAt: '2019-01-01T00:00:00.000Z',
-      hash: 'abcd1234'
-    }
-  },
-  summary: {
-    webpack: {
-      totalSizeByTypeALL: {
-        current: 1000000,
-        baseline: 900000
-      }
-    }
-  }
-};
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobHeader, {
-    job: JOB
-  });
-});
-stories.add('with tag', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobHeader, {
-    job: JOB,
-    tag: "current"
-  });
-});
-stories.add('with custom content', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobHeader, {
-    job: JOB
-  }, /*#__PURE__*/_react["default"].createElement("p", null, "Lorem ipsum dolor sit amed"));
-});

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

@@ -1,20 +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/JobMeta', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobMeta, {
-    meta: [{
-      title: '#123',
-      content: [/*#__PURE__*/_react["default"].createElement("p", null, "July 3th ")]
-    }, {
-      title: '#122',
-      content: [/*#__PURE__*/_react["default"].createElement("p", null, "July 4th")]
-    }]
-  });
-});

package/lib/components/job-name/job-name.stories.js

@@ -1,33 +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/JobName', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)({
-  padding: '64px'
-}));
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobName, {
-    title: "View job details",
-    internalBuildNumber: 10
-  });
-});
-stories.add('custom component', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobName, {
-    title: "View job details",
-    internalBuildNumber: 10,
-    as: function as(props) {
-      return /*#__PURE__*/_react["default"].createElement("strong", props);
-    }
-  });
-});
-stories.add('render', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobName, {
-    title: "View job details"
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://relative-ci.com/test"
-  }, "#10"));
-});

package/lib/components/jobs-header/jobs-header.stories.js

@@ -1,104 +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/JobsHeader', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobsHeader, {
-    jobs: [{
-      internalBuildNumber: 1,
-      meta: {
-        webpack: {
-          builtAt: '2019-01-01T00:00:00.000Z',
-          hash: 'abcd1234'
-        }
-      },
-      summary: {
-        webpack: {
-          totalSizeByTypeALL: {
-            current: 1000000,
-            baseline: 900000
-          }
-        }
-      }
-    }]
-  });
-});
-stories.add('multiple jobs', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobsHeader, {
-    jobs: [{
-      internalBuildNumber: 1,
-      meta: {
-        webpack: {
-          builtAt: '2019-01-01T00:00:00.000Z',
-          hash: 'abcd1234'
-        }
-      },
-      summary: {
-        webpack: {
-          totalSizeByTypeALL: {
-            current: 1000000,
-            baseline: 900000
-          }
-        }
-      }
-    }, {
-      internalBuildNumber: 2,
-      meta: {
-        webpack: {
-          builtAt: '2019-01-02T00:00:00.000Z',
-          hash: 'efgh1234'
-        }
-      },
-      summary: {
-        webpack: {
-          totalSizeByTypeALL: {
-            current: 900000,
-            baseline: 0
-          }
-        }
-      }
-    }]
-  });
-});
-stories.add('multiple equal jobs', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.JobsHeader, {
-    jobs: [{
-      internalBuildNumber: 1,
-      meta: {
-        webpack: {
-          builtAt: '2019-01-01T00:00:00.000Z',
-          hash: 'abcd1234'
-        }
-      },
-      summary: {
-        webpack: {
-          totalSizeByTypeALL: {
-            current: 1000000,
-            baseline: 1000000
-          }
-        }
-      }
-    }, {
-      internalBuildNumber: 2,
-      meta: {
-        webpack: {
-          builtAt: '2019-01-02T00:00:00.000Z',
-          hash: 'efgh1234'
-        }
-      },
-      summary: {
-        webpack: {
-          totalSizeByTypeALL: {
-            current: 1000000,
-            baseline: 1000000
-          }
-        }
-      }
-    }]
-  });
-});

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

@@ -1,26 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var _lighthouse = _interopRequireDefault(require("../../../__mocks__/lighthouse.json"));
-var _stories = require("../../stories");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('Components/LighthouseTable', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-var JOBS = (0, _utils.createJobs)([{
-  lighthouse: _lighthouse["default"]
-}, {
-  lighthouse: _lighthouse["default"]
-}]);
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.LighthouseTable, {
-    jobs: JOBS
-  });
-});
-stories.add('no baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.LighthouseTable, {
-    jobs: [JOBS[1]]
-  });
-});

package/lib/components/metric/metric.stories.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _stories = require("../../stories");
-var _delta = require("../delta");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('Components/Metric', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)({
-  maxWidth: '200px'
-}));
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Metric, {
-    value: 100,
-    formatter: function formatter(v) {
-      return "".concat(v, "ms");
-    }
-  });
-});
-stories.add('modifier: formatted value', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Metric, {
-    value: "100KB"
-  });
-});
-stories.add('modifier: enhanced', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Metric, {
-    value: 100,
-    formatter: function formatter(v) {
-      return "".concat(v, "ms");
-    },
-    enhanced: true
-  });
-});
-stories.add('modifier: delta', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Metric, {
-    value: 100,
-    formatter: function formatter(v) {
-      return "".concat(v, "ms");
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_delta.Delta, {
-    displayValue: "+10%",
-    deltaType: "POSITIVE"
-  }));
-});
-stories.add('modifier: inline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Metric, {
-    value: 100,
-    formatter: function formatter(v) {
-      return "".concat(v, "ms");
-    },
-    inline: true
-  }, /*#__PURE__*/_react["default"].createElement(_delta.Delta, {
-    displayValue: "+10%",
-    deltaType: "POSITIVE"
-  }));
-});
-stories.add('modifier: anchored', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Metric, {
-    value: 100,
-    formatter: function formatter(v) {
-      return "".concat(v, "ms");
-    },
-    anchored: true
-  }, /*#__PURE__*/_react["default"].createElement(_delta.Delta, {
-    displayValue: "+10%",
-    deltaType: "POSITIVE"
-  }));
-});