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

package/types/ui/input/input.d.ts

@@ -0,0 +1,17 @@
+export function Input({ className, size, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    size: any;
+}): any;
+export namespace Input {
+    namespace propTypes {
+        const className: any;
+        const size: any;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const size_1: string;
+        export { size_1 as size };
+    }
+}

package/types/ui/loader/index.d.ts

@@ -0,0 +1 @@
+export * from "./loader";

package/types/ui/loader/loader.d.ts

@@ -0,0 +1,22 @@
+export function Loader({ className, size, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    size: any;
+}): any;
+export namespace Loader {
+    const SIZE_SMALL: string;
+    const SIZE_MEDIUM: string;
+    const SIZE_LARGE: string;
+    const SIZES: string[];
+    namespace defaultProps {
+        export const className: string;
+        import size = Loader.SIZE_MEDIUM;
+        export { size };
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const size_1: any;
+        export { size_1 as size };
+    }
+}

package/types/ui/panels/index.d.ts

@@ -0,0 +1 @@
+export { Panels } from "./panels";

package/types/ui/panels/panels.d.ts

@@ -0,0 +1,17 @@
+export function Panels({ className, children, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    children: any;
+}): any;
+export namespace Panels {
+    namespace defaultProps {
+        const className: string;
+        const children: null;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const children_1: any;
+        export { children_1 as children };
+    }
+}

package/types/ui/skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from "./skeleton";

package/types/ui/skeleton/skeleton.d.ts

@@ -0,0 +1,16 @@
+export function Skeleton(props: any): any;
+export namespace Skeleton {
+    namespace propTypes {
+        const className: any;
+        const as: any;
+        const block: any;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const as_1: string;
+        export { as_1 as as };
+        const block_1: boolean;
+        export { block_1 as block };
+    }
+}

package/types/ui/sort-dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from "./sort-dropdown";

package/types/ui/sort-dropdown/sort-dropdown.d.ts

@@ -0,0 +1,23 @@
+export function SortDropdown(props: any): any;
+export namespace SortDropdown {
+    namespace defaultProps {
+        const className: string;
+        const label: string;
+        function onChange(): void;
+        const field: string;
+        const direction: string;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const label_1: any;
+        export { label_1 as label };
+        export const fields: any;
+        const onChange_1: any;
+        export { onChange_1 as onChange };
+        const field_1: any;
+        export { field_1 as field };
+        const direction_1: any;
+        export { direction_1 as direction };
+    }
+}

package/types/ui/table/index.d.ts

@@ -0,0 +1 @@
+export * from "./table";

package/types/ui/table/table.d.ts

@@ -0,0 +1,33 @@
+export function Table({ className, emptyMessage, compact, outline, children }: {
+    className: any;
+    emptyMessage: any;
+    compact: any;
+    outline: any;
+    children: any;
+}): any;
+export namespace Table {
+    const THead: string;
+    const TBody: string;
+    const Tr: string;
+    const Th: string;
+    const Td: string;
+    namespace defaultProps {
+        const className: string;
+        const emptyMessage: string;
+        const children: null;
+        const compact: boolean;
+        const outline: boolean;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const emptyMessage_1: any;
+        export { emptyMessage_1 as emptyMessage };
+        const compact_1: any;
+        export { compact_1 as compact };
+        const outline_1: any;
+        export { outline_1 as outline };
+        const children_1: any;
+        export { children_1 as children };
+    }
+}

package/types/ui/tabs/index.d.ts

@@ -0,0 +1 @@
+export { Tabs } from "./tabs";

package/types/ui/tabs/tabs.d.ts

@@ -0,0 +1,40 @@
+export function Tabs({ className, ...restProps }: {
+    [x: string]: any;
+    className: any;
+}): any;
+export namespace Tabs {
+    export namespace defaultProps {
+        const className: string;
+    }
+    export namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        export const children: any;
+    }
+    export { Item };
+}
+declare function Item({ isTabActive, as: Component, className, ...restProps }: {
+    [x: string]: any;
+    isTabActive: any;
+    as: any;
+    className: any;
+}): any;
+declare namespace Item {
+    export namespace defaultProps_1 {
+        export const isTabActive: boolean;
+        const className_2: string;
+        export { className_2 as className };
+        export const as: string;
+    }
+    export { defaultProps_1 as defaultProps };
+    export namespace propTypes_1 {
+        const isTabActive_1: any;
+        export { isTabActive_1 as isTabActive };
+        const className_3: any;
+        export { className_3 as className };
+        const as_1: any;
+        export { as_1 as as };
+    }
+    export { propTypes_1 as propTypes };
+}
+export {};

package/types/ui/tag/index.d.ts

@@ -0,0 +1 @@
+export * from "./tag";

package/types/ui/tag/tag.d.ts

@@ -0,0 +1,33 @@
+export namespace KINDS {
+    const DEFAULT: string;
+    const SUCCESS: string;
+    const INFO: string;
+    const WARNING: string;
+    const DANGER: string;
+}
+export namespace SIZES {
+    const SMALL: string;
+    const MEDIUM: string;
+    const LARGE: string;
+}
+export function Tag(props: any): any;
+export namespace Tag {
+    export namespace propTypes {
+        const className: any;
+        const as: any;
+        const kind: any;
+        const size: any;
+    }
+    export namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const as_1: string;
+        export { as_1 as as };
+        import kind_1 = KINDS.DEFAULT;
+        export { kind_1 as kind };
+        import size_1 = SIZES.MEDIUM;
+        export { size_1 as size };
+    }
+    export { KINDS };
+    export { SIZES };
+}

package/types/ui/toolbar/index.d.ts

@@ -0,0 +1 @@
+export * from "./toolbar";

package/types/ui/toolbar/toolbar.d.ts

@@ -0,0 +1,14 @@
+export function Toolbar(props: any): any;
+export namespace Toolbar {
+    namespace propTypes {
+        const className: any;
+        const children: any;
+        const renderActions: any;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const renderActions_1: null;
+        export { renderActions_1 as renderActions };
+    }
+}

package/types/ui/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from "./tooltip";

package/types/ui/tooltip/tooltip.d.ts

@@ -0,0 +1,26 @@
+export function Tooltip(props: any): any;
+export namespace Tooltip {
+    namespace defaultProps {
+        const className: string;
+        const tooltipClassName: string;
+        const title: string;
+        const as: string;
+        const containerRef: null;
+        const darkMode: boolean;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const tooltipClassName_1: any;
+        export { tooltipClassName_1 as tooltipClassName };
+        const title_1: any;
+        export { title_1 as title };
+        export const children: any;
+        const as_1: any;
+        export { as_1 as as };
+        const containerRef_1: any;
+        export { containerRef_1 as containerRef };
+        const darkMode_1: any;
+        export { darkMode_1 as darkMode };
+    }
+}

package/types/utils.d.ts

@@ -0,0 +1,2 @@
+export function getColors(count?: number): string[];
+export function getRenderChildWithClassName(className: any): (child: any) => any;

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