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

package/lib/prototypes/typography.stories.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _ui = require("../ui");
-var _stories = require("../stories");
-var _layout = require("../layout");
-var _chartColors = _interopRequireDefault(require("../chart-colors.json"));
-var _typography = _interopRequireDefault(require("./typography.md"));
-var _typographyModule = _interopRequireDefault(require("./typography.module.css"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('Prototypes/Styleguide', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('typography', function () {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_layout.Header, {
-    className: _typographyModule["default"].header,
-    renderLeft: function renderLeft(sideProps) {
-      return /*#__PURE__*/_react["default"].createElement("div", sideProps, /*#__PURE__*/_react["default"].createElement("h1", {
-        className: _typographyModule["default"].headerTitle
-      }, /*#__PURE__*/_react["default"].createElement(_ui.Logo, {
-        className: _typographyModule["default"].headerLogo
-      }), /*#__PURE__*/_react["default"].createElement("span", null, "BundleStats")));
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_layout.SubHeader, {
-    className: _typographyModule["default"].subheader,
-    title: "HTML Ipsum presents",
-    subtitle: "Documentation"
-  }), /*#__PURE__*/_react["default"].createElement("main", {
-    className: _typographyModule["default"].main
-  }, /*#__PURE__*/_react["default"].createElement(_ui.Container, {
-    dangerouslySetInnerHTML: {
-      __html: _typography["default"]
-    }
-  })));
-});
-
-// eslint-disable-next-line react/prop-types
-var Item = function Item(_ref) {
-  var colorName = _ref.colorName,
-    _ref$valueName = _ref.valueName,
-    valueName = _ref$valueName === void 0 ? 'normal' : _ref$valueName;
-  var colorFullName = valueName === 'normal' ? colorName : [colorName, valueName].join('-');
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      background: "var(--color-".concat(colorFullName, ")"),
-      color: 'var(--color-light)',
-      padding: '12px',
-      flex: '1 1 20%'
-    }
-  }, "".concat(colorName, " ").concat(valueName));
-};
-
-// eslint-disable-next-line react/prop-types
-var ItemColorValue = function ItemColorValue(_ref2) {
-  var value = _ref2.value;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      background: value,
-      color: 'var(--color-light)',
-      padding: '12px',
-      flex: '1 1 20%'
-    }
-  }, value);
-};
-var COLORS = ['blue', 'red', 'green', 'yellow', 'gray'];
-var NAMES = ['ultra-light', 'light', 'normal', 'dark', 'ultra-dark'];
-stories.add('color sheme', function () {
-  return /*#__PURE__*/_react["default"].createElement(_ui.Container, null, /*#__PURE__*/_react["default"].createElement(Item, {
-    colorName: "branding",
-    valueName: "light"
-  }), /*#__PURE__*/_react["default"].createElement(Item, {
-    colorName: "branding"
-  }), /*#__PURE__*/_react["default"].createElement(Item, {
-    colorName: "branding",
-    valueName: "dark"
-  }), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(Item, {
-    colorName: "dark"
-  }), /*#__PURE__*/_react["default"].createElement("hr", null), COLORS.map(function (colorName) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        marginBottom: '24px'
-      }
-    }, NAMES.map(function (valueName) {
-      return /*#__PURE__*/_react["default"].createElement(Item, {
-        key: "".concat(colorName, "-").concat(valueName),
-        colorName: colorName,
-        valueName: valueName
-      });
-    }));
-  }), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("h3", null, "Chart colors"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      marginBottom: '24px',
-      flexWrap: 'wrap'
-    }
-  }, _chartColors["default"].map(function (color) {
-    return /*#__PURE__*/_react["default"].createElement(ItemColorValue, {
-      key: color,
-      value: color
-    });
-  })));
-});

package/lib/ui/alert/alert.stories.js

@@ -1,32 +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/Alert', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Alert, null, "Lorem ipsum");
-});
-stories.add('with kind success', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Alert, {
-    kind: "success"
-  }, "Lorem ipsum");
-});
-stories.add('with kind info', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Alert, {
-    kind: "info"
-  }, "Lorem ipsum");
-});
-stories.add('with kind warning', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Alert, {
-    kind: "warning"
-  }, "Lorem ipsum");
-});
-stories.add('with kind danger', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Alert, {
-    kind: "danger"
-  }, "Lorem ipsum");
-});

package/lib/ui/container/container.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('UI/Container', module);
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      background: 'hotpink'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_.Container, {
-    style: {
-      background: 'white'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      background: 'white',
-      padding: '24px'
-    }
-  }, "Content")));
-});

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

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithRenderFn = exports.Defualt = 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/Dropdown',
-  component: _.Dropdown,
-  decorators: [(0, _stories.getWrapperDecorator)()]
-};
-exports["default"] = _default;
-var Defualt = function Defualt() {
-  return /*#__PURE__*/_react["default"].createElement(_.Dropdown, {
-    glyph: "filter",
-    label: "Toggle"
-  }, /*#__PURE__*/_react["default"].createElement(_.Dropdown.Item, null, "Option 1"), /*#__PURE__*/_react["default"].createElement(_.Dropdown.Item, null, "Option 2"));
-};
-exports.Defualt = Defualt;
-var WithRenderFn = function WithRenderFn() {
-  return /*#__PURE__*/_react["default"].createElement(_.Dropdown, {
-    glyph: "filter",
-    label: "Toggle"
-  }, function (_ref) {
-    var MenuItem = _ref.MenuItem,
-      menuItemClassName = _ref.menuItemClassName,
-      menu = _ref.menu;
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(MenuItem, {
-      className: menuItemClassName
-    }, "Option 1"), /*#__PURE__*/_react["default"].createElement(MenuItem, {
-      className: menuItemClassName
-    }, "Option 2"), /*#__PURE__*/_react["default"].createElement(MenuItem, {
-      className: menuItemClassName
-    }, "Option 3"), /*#__PURE__*/_react["default"].createElement("button", {
-      type: "button",
-      onClick: menu.toggle
-    }, "Toggle dropdown"));
-  });
-};
-exports.WithRenderFn = WithRenderFn;

package/lib/ui/empty-set/empty-set.stories.js

@@ -1,27 +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/EmptySet', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.EmptySet, {
-    resources: "assets",
-    filtered: true,
-    handleResetFilters: function handleResetFilters() {
-      return console.log('RESET_FILTERS');
-    },
-    handleViewAll: function handleViewAll() {
-      return console.log('VIEW_ALL');
-    }
-  });
-});
-stories.add('empty', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.EmptySet, {
-    resources: "assets",
-    filtered: false
-  });
-});

package/lib/ui/file-name/file-name.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _fileName = require("./file-name");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var stories = (0, _react2.storiesOf)('Ui/FileName', module);
-var NAMES = ['styles.css', './src/components/sources/styles.css', 'css ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src!./src/components/sources/source/styles.css', 'rreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongword'];
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement("div", null, NAMES.map(function (name) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: name,
-      style: {
-        padding: '12px',
-        outline: '1px dotted lightpink',
-        margin: '12px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_fileName.FileName, {
-      name: name
-    }));
-  }));
-});

package/lib/ui/filters/__tests__/filters-dropdown.utils.js

@@ -1,74 +0,0 @@
-import { getGroupFiltersLabelSuffix } from '../filters.utils';
-
-describe('UI / Filters / utils', () => {
-  describe('getGroupFiltersLabelSuffix', () => {
-    test('should return none', () => {
-      const suffix = getGroupFiltersLabelSuffix([
-        ['CSS', { label: 'CSS', defaultValue: false }],
-        ['JS', { label: 'JS', defaultValue: false }],
-        ['IMG', { label: 'IMG', defaultValue: false }],
-        ['MEDIA', { label: 'Media', defaultValue: false }],
-        ['FONTS', { label: 'Fonts', defaultValue: false }],
-        ['HTML', { label: 'HTML', defaultValue: false }],
-        ['OTHER', { label: 'Other', defaultValue: false }],
-      ]);
-
-      expect(suffix).toEqual('none');
-    });
-
-    test('should return all', () => {
-      const suffix = getGroupFiltersLabelSuffix([
-        ['CSS', { label: 'CSS', defaultValue: true }],
-        ['JS', { label: 'JS', defaultValue: true }],
-        ['IMG', { label: 'IMG', defaultValue: true }],
-        ['MEDIA', { label: 'Media', defaultValue: true }],
-        ['FONTS', { label: 'Fonts', defaultValue: true }],
-        ['HTML', { label: 'HTML', defaultValue: true }],
-        ['OTHER', { label: 'Other', defaultValue: true }],
-      ]);
-
-      expect(suffix).toEqual('all');
-    });
-    test('should return checked filters', () => {
-      const suffix = getGroupFiltersLabelSuffix([
-        ['CSS', { label: 'CSS', defaultValue: true }],
-        ['JS', { label: 'JS', defaultValue: true }],
-        ['IMG', { label: 'IMG', defaultValue: false }],
-        ['MEDIA', { label: 'Media', defaultValue: false }],
-        ['FONTS', { label: 'Fonts', defaultValue: false }],
-        ['HTML', { label: 'HTML', defaultValue: false }],
-        ['OTHER', { label: 'Other', defaultValue: false }],
-      ]);
-
-      expect(suffix).toEqual('CSS, JS');
-    });
-
-    test('should crop last filter if need it', () => {
-      const suffix = getGroupFiltersLabelSuffix([
-        ['CSS', { label: 'CSS', defaultValue: true }],
-        ['JS', { label: 'JS', defaultValue: true }],
-        ['IMG', { label: 'IMG', defaultValue: true }],
-        ['MEDIA', { label: 'Meeeeeeedia', defaultValue: true }],
-        ['FONTS', { label: 'Fonts', defaultValue: false }],
-        ['HTML', { label: 'HTML', defaultValue: false }],
-        ['OTHER', { label: 'Other', defaultValue: false }],
-      ]);
-
-      expect(suffix).toEqual('CSS, JS, IMG, Mee...');
-    });
-
-    test('should crop and add remaining filters count', () => {
-      const suffix = getGroupFiltersLabelSuffix([
-        ['CSS', { label: 'CSS', defaultValue: true }],
-        ['JS', { label: 'JS', defaultValue: true }],
-        ['IMG', { label: 'IMG', defaultValue: true }],
-        ['MEDIA', { label: 'Media', defaultValue: true }],
-        ['FONTS', { label: 'Fonts', defaultValue: true }],
-        ['HTML', { label: 'HTML', defaultValue: true }],
-        ['OTHER', { label: 'Other', defaultValue: false }],
-      ]);
-
-      expect(suffix).toEqual('CSS, JS, IMG, Media +2');
-    });
-  });
-});

package/lib/ui/filters/filters.stories.js

@@ -1,126 +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 _get2 = _interopRequireDefault(require("lodash/get"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@storybook/react");
-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 }; }
-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; }
-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 stories = (0, _react2.storiesOf)('UI/Filters', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)({
-  paddingLeft: '200px'
-}));
-var FiltersState = function FiltersState(_ref) {
-  var children = _ref.children;
-  var _useState = (0, _react.useState)({
-      changed: true,
-      'assetType.entrypoint': true
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    values = _useState2[0],
-    setValues = _useState2[1];
-  var handleSetValues = (0, _react.useCallback)(function (newValues) {
-    setValues(_objectSpread(_objectSpread({}, values), newValues));
-    console.info(newValues);
-  }, [values]);
-  return children(values, handleSetValues);
-};
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(FiltersState, null, function (values, setValues) {
-    return /*#__PURE__*/_react["default"].createElement(_.Filters, {
-      onChange: setValues,
-      filters: {
-        changed: {
-          label: 'Changed',
-          defaultValue: (0, _get2["default"])(values, 'changed', true)
-        },
-        fileTypes: {
-          label: 'File types',
-          CSS: {
-            label: 'CSS',
-            defaultValue: (0, _get2["default"])(values, 'fileTypes.CSS', true)
-          },
-          JS: {
-            label: 'JS',
-            defaultValue: (0, _get2["default"])(values, 'fileTypes.JS', true)
-          },
-          HTML: {
-            label: 'HTML',
-            defaultValue: (0, _get2["default"])(values, 'fileTypes.HTML', true)
-          },
-          OTHER: {
-            label: 'Asset that is not CSS, JS or HTML',
-            defaultValue: (0, _get2["default"])(values, 'fileTypes.OTHER', true)
-          }
-        }
-      }
-    });
-  });
-});
-stories.add('overflow', function () {
-  return /*#__PURE__*/_react["default"].createElement(FiltersState, null, function (values, setValues) {
-    return /*#__PURE__*/_react["default"].createElement(_.Filters, {
-      onChange: setValues,
-      filters: {
-        changed: {
-          label: 'Changed',
-          defaultValue: (0, _get2["default"])(values, 'changed', true)
-        },
-        chunks: _objectSpread({
-          label: 'Chunks'
-        }, Array(22).fill('').reduce(function (agg, value, currentIndex) {
-          return _objectSpread(_objectSpread({}, agg), {}, _defineProperty({}, "chunk-".concat(currentIndex), {
-            label: "Chunk ".concat(currentIndex + 1),
-            defaultValue: (0, _get2["default"])(values, "chunks.chunk-".concat(currentIndex))
-          }));
-        }, {}))
-      }
-    });
-  });
-});
-stories.add('disable options', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Filters, {
-    onChange: function onChange(state) {
-      console.log(state); // eslint-disable-line no-console
-    },
-
-    filters: {
-      changed: {
-        label: 'Changed',
-        defaultValue: false,
-        disabled: true
-      },
-      entrypoint: {
-        label: 'Entrypoint',
-        defaultValue: false
-      },
-      fileTypes: {
-        label: 'File types',
-        CSS: {
-          label: 'CSS',
-          defaultValue: true
-        },
-        JS: {
-          label: 'JS',
-          defaultValue: true
-        },
-        HTML: {
-          label: 'HTML',
-          defaultValue: true
-        }
-      }
-    }
-  });
-});

package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js

@@ -1,87 +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/HorizontalBarChart', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)({
-  paddingTop: '128px'
-}));
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.HorizontalBarChart, {
-    data: {
-      labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-      values: [300, 200, 300, 0, 20]
-    }
-  });
-});
-stories.add('empty values', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.HorizontalBarChart, {
-    data: {
-      labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-      values: [0, 0, 0, 0, 0]
-    }
-  });
-});
-stories.add('with maxValue', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.HorizontalBarChart, {
-    data: {
-      labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-      values: [300, 200, 300, 0, 20]
-    },
-    maxValue: 1200
-  });
-});
-stories.add('with custom colors', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.HorizontalBarChart, {
-    data: {
-      labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-      values: [{
-        value: 300,
-        color: 'red'
-      }, {
-        value: 200,
-        color: 'green'
-      }, {
-        value: 300,
-        color: 'orange'
-      }, {
-        value: 0,
-        color: 'blue'
-      }, {
-        value: 20,
-        color: 'pink'
-      }]
-    }
-  });
-});
-stories.add('with custom label', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.HorizontalBarChart, {
-    data: {
-      labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-      values: [{
-        value: 300,
-        color: 'red',
-        label: /*#__PURE__*/_react["default"].createElement("h3", null, "JS")
-      }, {
-        value: 200,
-        color: 'green',
-        label: /*#__PURE__*/_react["default"].createElement("h3", null, "JS")
-      }, {
-        value: 300,
-        color: 'orange',
-        label: /*#__PURE__*/_react["default"].createElement("h3", null, "JS")
-      }, {
-        value: 0,
-        color: 'blue',
-        label: /*#__PURE__*/_react["default"].createElement("h3", null, "JS")
-      }, {
-        value: 20,
-        color: 'pink',
-        label: /*#__PURE__*/_react["default"].createElement("h3", null, "JS")
-      }]
-    }
-  });
-});

package/lib/ui/hover-card/hover-card.stories.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithRenderFn = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var _default = {
-  title: 'UI/HoverCard',
-  component: _.HoverCard
-};
-exports["default"] = _default;
-var Template = function Template(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.HoverCard, _extends({}, props, {
-    style: {
-      zIndex: 2
-    }
-  })), /*#__PURE__*/_react["default"].createElement("p", {
-    style: {
-      position: 'relative',
-      zIndex: 1,
-      maxWidth: 360
-    }
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in neque ante. Curabitur vehicula, lorem sit amet fringilla dapibus, justo mauris varius elit, ut fermentum leo velit eget risus"));
-};
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(Template, {
-    label: "main.js"
-  }, /*#__PURE__*/_react["default"].createElement("h1", null, "main.js"), /*#__PURE__*/_react["default"].createElement("p", null, "info"));
-};
-exports.Default = Default;
-var WithRenderFn = function WithRenderFn() {
-  return /*#__PURE__*/_react["default"].createElement(Template, {
-    label: "main.js"
-  }, function (_ref) {
-    var close = _ref.close;
-    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h1", null, "main.js"), /*#__PURE__*/_react["default"].createElement("p", null, "info"), /*#__PURE__*/_react["default"].createElement("button", {
-      type: "button",
-      onClick: close
-    }, "close"));
-  });
-};
-exports.WithRenderFn = WithRenderFn;

package/lib/ui/icon/icon.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Standard = exports.CustomSize = exports.All = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = {
-  title: 'UI/Icon',
-  component: _.Icon
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_.Icon, args);
-};
-var Standard = Template.bind();
-exports.Standard = Standard;
-Standard.args = {
-  glyph: _.Icon.ICONS.ARROW
-};
-var CustomSize = Template.bind();
-exports.CustomSize = CustomSize;
-CustomSize.args = {
-  glyph: _.Icon.ICONS.ARROW,
-  size: _.Icon.SIZE_LARGE
-};
-var All = function All() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, Object.values(_.Icon.ICONS).map(function (glyph) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'inline-block',
-        padding: '1rem',
-        textAlign: 'center'
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_.Icon, {
-      glyph: glyph,
-      key: glyph
-    }), /*#__PURE__*/_react["default"].createElement("code", {
-      style: {
-        display: 'block'
-      }
-    }, glyph));
-  }));
-};
-exports.All = All;

package/lib/ui/input/input.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)('UI/Input', module);
-stories.addDecorator((0, _stories.getWrapperDecorator)());
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Input, {
-    placeholder: "Search"
-  });
-});
-stories.add('with size', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.Input, {
-    size: "small",
-    placeholder: "Search"
-  });
-});