@bundle-stats/ui 3.1.4-alpha.0 → 3.2.1-alpha.0

package/lib-esm/ui/alert/alert.js

@@ -3,10 +3,12 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { Box } from '../../layout/box';
 import css from './alert.module.css';
-export var Alert = function Alert(props) {
-  var className = props.className,
-      kind = props.kind,
-      children = props.children;
+export const Alert = props => {
+  const {
+    className,
+    kind,
+    children
+  } = props;
   return /*#__PURE__*/React.createElement(Box, {
     padding: ['xsmall', 'small'],
     outline: true,

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

@@ -2,28 +2,18 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Alert } from '.';
-var stories = storiesOf('UI/Alert', module);
+const stories = storiesOf('UI/Alert', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Alert, null, "Lorem ipsum");
-});
-stories.add('with kind success', function () {
-  return /*#__PURE__*/React.createElement(Alert, {
-    kind: "success"
-  }, "Lorem ipsum");
-});
-stories.add('with kind info', function () {
-  return /*#__PURE__*/React.createElement(Alert, {
-    kind: "info"
-  }, "Lorem ipsum");
-});
-stories.add('with kind warning', function () {
-  return /*#__PURE__*/React.createElement(Alert, {
-    kind: "warning"
-  }, "Lorem ipsum");
-});
-stories.add('with kind danger', function () {
-  return /*#__PURE__*/React.createElement(Alert, {
-    kind: "danger"
-  }, "Lorem ipsum");
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(Alert, null, "Lorem ipsum"));
+stories.add('with kind success', () => /*#__PURE__*/React.createElement(Alert, {
+  kind: "success"
+}, "Lorem ipsum"));
+stories.add('with kind info', () => /*#__PURE__*/React.createElement(Alert, {
+  kind: "info"
+}, "Lorem ipsum"));
+stories.add('with kind warning', () => /*#__PURE__*/React.createElement(Alert, {
+  kind: "warning"
+}, "Lorem ipsum"));
+stories.add('with kind danger', () => /*#__PURE__*/React.createElement(Alert, {
+  kind: "danger"
+}, "Lorem ipsum"));

package/lib-esm/ui/container/container.js

@@ -1,24 +1,18 @@
-var _excluded = ["className", "as"];
-
 function _extends() { _extends = Object.assign || 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); }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './container.module.css';
-export var Container = function Container(_ref) {
-  var className = _ref.className,
-      Component = _ref.as,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Component, {
-    className: cx(css.root, className)
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: css.inner
-  }, restProps)));
-};
+export const Container = ({
+  className,
+  as: Component,
+  ...restProps
+}) => /*#__PURE__*/React.createElement(Component, {
+  className: cx(css.root, className)
+}, /*#__PURE__*/React.createElement("div", _extends({
+  className: css.inner
+}, restProps)));
 Container.defaultProps = {
   className: '',
   as: 'div'

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

@@ -1,20 +1,18 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { Container } from '.';
-var stories = storiesOf('UI/Container', module);
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      background: 'hotpink'
-    }
-  }, /*#__PURE__*/React.createElement(Container, {
-    style: {
-      background: 'white'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      background: 'white',
-      padding: '24px'
-    }
-  }, "Content")));
-});
+const stories = storiesOf('UI/Container', module);
+stories.add('default', () => /*#__PURE__*/React.createElement("div", {
+  style: {
+    background: 'hotpink'
+  }
+}, /*#__PURE__*/React.createElement(Container, {
+  style: {
+    background: 'white'
+  }
+}, /*#__PURE__*/React.createElement("div", {
+  style: {
+    background: 'white',
+    padding: '24px'
+  }
+}, "Content"))));

package/lib-esm/ui/dropdown/dropdown.js

@@ -7,15 +7,17 @@ import { Menu, MenuItem, MenuButton, useMenuState } from 'reakit/Menu';
 import { FlexStack } from '../../layout/flex-stack';
 import { Icon } from '../icon';
 import css from './dropdown.module.css';
-export var Dropdown = function Dropdown(props) {
-  var className = props.className,
-      label = props.label,
-      ariaLabel = props.ariaLabel,
-      glyph = props.glyph,
-      activeLabel = props.activeLabel,
-      children = props.children;
-  var rootClassName = cx(css.root, activeLabel && css.activeLabel, className);
-  var menu = useMenuState({
+export const Dropdown = props => {
+  const {
+    className,
+    label,
+    ariaLabel,
+    glyph,
+    activeLabel,
+    children
+  } = props;
+  const rootClassName = cx(css.root, activeLabel && css.activeLabel, className);
+  const menu = useMenuState({
     baseId: process.env.NODE_ENV === 'test' && 'id-test',
     modal: true
   });
@@ -32,8 +34,8 @@ export var Dropdown = function Dropdown(props) {
     "aria-label": ariaLabel || label,
     className: css.dropdown
   }), typeof children === 'function' ? children({
-    MenuItem: MenuItem,
-    menu: menu,
+    MenuItem,
+    menu,
     menuItemClassName: css.menuItem,
     menuItemActiveClassName: css.menuItemActive
   }) : children));

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

@@ -2,30 +2,23 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Dropdown } from '.';
-var stories = storiesOf('UI/Dropdown', module);
+const stories = storiesOf('UI/Dropdown', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    glyph: "filter",
-    label: "Toggle"
-  }, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Option 1"), /*#__PURE__*/React.createElement("li", null, "Option 2")));
-});
-stories.add('with right alignement', function () {
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    glyph: "filter",
-    label: "Toggle",
-    align: "right"
-  }, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Option 1"), /*#__PURE__*/React.createElement("li", null, "Option 2")));
-});
-stories.add('with render function', function () {
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    glyph: "filter",
-    label: "Toggle"
-  }, function (_ref) {
-    var dropdownToggle = _ref.dropdownToggle;
-    return /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: dropdownToggle
-    }, "Toggle dropdown");
-  });
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(Dropdown, {
+  glyph: "filter",
+  label: "Toggle"
+}, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Option 1"), /*#__PURE__*/React.createElement("li", null, "Option 2"))));
+stories.add('with right alignement', () => /*#__PURE__*/React.createElement(Dropdown, {
+  glyph: "filter",
+  label: "Toggle",
+  align: "right"
+}, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Option 1"), /*#__PURE__*/React.createElement("li", null, "Option 2"))));
+stories.add('with render function', () => /*#__PURE__*/React.createElement(Dropdown, {
+  glyph: "filter",
+  label: "Toggle"
+}, ({
+  dropdownToggle
+}) => /*#__PURE__*/React.createElement("button", {
+  type: "button",
+  onClick: dropdownToggle
+}, "Toggle dropdown")));

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

@@ -2,28 +2,28 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import I18N from '../../i18n';
 import css from './empty-set.module.css';
-export var EmptySet = function EmptySet(props) {
-  var resources = props.resources,
-      filtered = props.filtered,
-      handleResetFilters = props.handleResetFilters,
-      handleViewAll = props.handleViewAll;
-  var message = filtered ? "No " + resources + " found." : "No " + resources + " available.";
-  var actions = [].concat(handleResetFilters ? [/*#__PURE__*/React.createElement("button", {
+export const EmptySet = props => {
+  const {
+    resources,
+    filtered,
+    handleResetFilters,
+    handleViewAll
+  } = props;
+  const message = filtered ? `No ${resources} found.` : `No ${resources} available.`;
+  const actions = [...(handleResetFilters ? [/*#__PURE__*/React.createElement("button", {
     className: css.action,
     type: "button",
     onClick: handleResetFilters
-  }, I18N.RESET_FILTERS)] : [], handleViewAll ? [/*#__PURE__*/React.createElement("button", {
+  }, I18N.RESET_FILTERS)] : []), ...(handleViewAll ? [/*#__PURE__*/React.createElement("button", {
     className: css.action,
     type: "button",
     onClick: handleViewAll
-  }, I18N.VIEW_ALL)] : []);
+  }, I18N.VIEW_ALL)] : [])];
   return /*#__PURE__*/React.createElement("div", {
     className: css.root
   }, /*#__PURE__*/React.createElement("p", {
     className: css.text
-  }, message), filtered && actions.map(function (action, index) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, index > 0 && ' or ', action);
-  }));
+  }, message), filtered && actions.map((action, index) => /*#__PURE__*/React.createElement(React.Fragment, null, index > 0 && ' or ', action)));
 };
 EmptySet.propTypes = {
   resources: PropTypes.string.isRequired,

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

@@ -2,23 +2,15 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { EmptySet } from '.';
-var stories = storiesOf('UI/EmptySet', module);
+const stories = storiesOf('UI/EmptySet', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.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.createElement(EmptySet, {
-    resources: "assets",
-    filtered: false
-  });
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(EmptySet, {
+  resources: "assets",
+  filtered: true,
+  handleResetFilters: () => console.log('RESET_FILTERS'),
+  handleViewAll: () => console.log('VIEW_ALL')
+}));
+stories.add('empty', () => /*#__PURE__*/React.createElement(EmptySet, {
+  resources: "assets",
+  filtered: false
+}));

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

@@ -2,14 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './file-name.module.css';
-export var FileName = function FileName(_ref) {
-  var className = _ref.className,
-      Component = _ref.as,
-      name = _ref.name;
-  return /*#__PURE__*/React.createElement(Component, {
-    className: cx(css.root, className)
-  }, name);
-};
+export const FileName = ({
+  className,
+  as: Component,
+  name
+}) => /*#__PURE__*/React.createElement(Component, {
+  className: cx(css.root, className)
+}, name);
 FileName.defaultProps = {
   className: '',
   as: 'span',

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

@@ -1,19 +1,15 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { FileName } from './file-name';
-var stories = 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.createElement("div", null, NAMES.map(function (name) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: name,
-      style: {
-        padding: '12px',
-        outline: '1px dotted lightpink',
-        margin: '12px'
-      }
-    }, /*#__PURE__*/React.createElement(FileName, {
-      name: name
-    }));
-  }));
-});
+const stories = storiesOf('Ui/FileName', module);
+const 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', () => /*#__PURE__*/React.createElement("div", null, NAMES.map(name => /*#__PURE__*/React.createElement("div", {
+  key: name,
+  style: {
+    padding: '12px',
+    outline: '1px dotted lightpink',
+    margin: '12px'
+  }
+}, /*#__PURE__*/React.createElement(FileName, {
+  name: name
+})))));

package/lib-esm/ui/filters/filters.container.js

@@ -1,101 +1,79 @@
 import _isEqual from "lodash/isEqual";
-var _excluded = ["values"];
 
 function _extends() { _extends = Object.assign || 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); }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 
-var getInitialValues = function getInitialValues(key, filters) {
+const getInitialValues = (key, filters) => {
   if (typeof (filters == null ? void 0 : filters.defaultValue) !== 'undefined') {
-    var _ref;
-
-    return _ref = {}, _ref[key] = filters.defaultValue, _ref;
+    return {
+      [key]: filters.defaultValue
+    };
   }
 
   if (typeof filters === 'object') {
-    return Object.entries(filters).map(function (_ref2) {
-      var groupKey = _ref2[0],
-          groupFilters = _ref2[1];
-      return getInitialValues([].concat(key ? [key] : [], [groupKey]).join('.'), groupFilters);
-    }).reduce(function (agg, current) {
-      return _objectSpread(_objectSpread({}, agg), current);
-    }, {});
+    return Object.entries(filters).map(([groupKey, groupFilters]) => getInitialValues([...(key ? [key] : []), groupKey].join('.'), groupFilters)).reduce((agg, current) => ({ ...agg,
+      ...current
+    }), {});
   }
 
   return {};
 };
 
-export var filtersDropdownContainer = function filtersDropdownContainer(BaseComponent) {
-  var FiltersContainer = /*#__PURE__*/function (_React$Component) {
-    _inheritsLoose(FiltersContainer, _React$Component);
-
-    function FiltersContainer(props) {
-      var _this;
-
-      _this = _React$Component.call(this, props) || this;
-
-      _defineProperty(_assertThisInitialized(_this), "toggleFilter", function (key, value) {
-        return _this.setState(function (_ref3) {
-          var _objectSpread2;
-
-          var values = _ref3.values,
-              state = _objectWithoutPropertiesLoose(_ref3, _excluded);
-
-          var newState = _objectSpread(_objectSpread({}, state), {}, {
-            values: _objectSpread(_objectSpread({}, values), {}, (_objectSpread2 = {}, _objectSpread2[key] = value, _objectSpread2))
-          });
-
-          var onChange = _this.props.onChange;
-
-          if (onChange) {
-            onChange(newState.values);
+export const filtersDropdownContainer = BaseComponent => {
+  class FiltersContainer extends React.Component {
+    constructor(props) {
+      super(props);
+
+      this.toggleFilter = (key, value) => this.setState(({
+        values,
+        ...state
+      }) => {
+        const newState = { ...state,
+          values: { ...values,
+            [key]: value
           }
+        };
+        const {
+          onChange
+        } = this.props;
 
-          return newState;
-        });
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "toggleFilters", function (newFilters) {
-        return _this.setState(function (prevState) {
-          var newState = _objectSpread(_objectSpread({}, prevState), {}, {
-            values: _objectSpread(_objectSpread({}, prevState.values), newFilters)
-          });
+        if (onChange) {
+          onChange(newState.values);
+        }
 
-          var onChange = _this.props.onChange;
+        return newState;
+      });
 
-          if (onChange) {
-            onChange(newState.values);
+      this.toggleFilters = newFilters => this.setState(prevState => {
+        const newState = { ...prevState,
+          values: { ...prevState.values,
+            ...newFilters
           }
+        };
+        const {
+          onChange
+        } = this.props;
+
+        if (onChange) {
+          onChange(newState.values);
+        }
 
-          return newState;
-        });
+        return newState;
       });
 
-      var filters = _this.props.filters;
-      _this.state = {
+      const {
+        filters
+      } = this.props;
+      this.state = {
         values: getInitialValues('', filters)
       };
-      return _this;
     }
 
-    FiltersContainer.getDerivedStateFromProps = function getDerivedStateFromProps(_ref4, state) {
-      var filters = _ref4.filters;
-
+    static getDerivedStateFromProps({
+      filters
+    }, state) {
       if (_isEqual(filters, state.values)) {
         return null;
       }
@@ -103,19 +81,16 @@ export var filtersDropdownContainer = function filtersDropdownContainer(BaseComp
       return {
         values: getInitialValues('', filters)
       };
-    };
-
-    var _proto = FiltersContainer.prototype;
+    }
 
-    _proto.render = function render() {
+    render() {
       return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, this.props, this.state, {
         toggleFilter: this.toggleFilter,
         toggleFilters: this.toggleFilters
       }));
-    };
+    }
 
-    return FiltersContainer;
-  }(React.Component);
+  }
 
   FiltersContainer.defaultProps = {
     onChange: null