@bundle-stats/ui 3.2.0-beta.1 → 3.2.1-beta.3

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

@@ -2,30 +2,26 @@ 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"
+}, _ref => {
+  let {
+    dropdownToggle
+  } = _ref;
+  return /*#__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,10 +2,12 @@ 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;
+export const FileName = _ref => {
+  let {
+    className,
+    as: Component,
+    name
+  } = _ref;
   return /*#__PURE__*/React.createElement(Component, {
     className: cx(css.root, className)
   }, name);

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,100 +1,84 @@
 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(_ref => {
+      let [groupKey, groupFilters] = _ref;
+      return 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(_ref2 => {
+        let {
+          values,
+          ...state
+        } = _ref2;
+        const newState = { ...state,
+          values: { ...values,
+            [key]: value
           }
+        };
+        const {
+          onChange
+        } = this.props;
 
-          return newState;
-        });
-      });
+        if (onChange) {
+          onChange(newState.values);
+        }
 
-      _defineProperty(_assertThisInitialized(_this), "toggleFilters", function (newFilters) {
-        return _this.setState(function (prevState) {
-          var newState = _objectSpread(_objectSpread({}, prevState), {}, {
-            values: _objectSpread(_objectSpread({}, prevState.values), newFilters)
-          });
-
-          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(_ref3, state) {
+      let {
+        filters
+      } = _ref3;
 
       if (_isEqual(filters, state.values)) {
         return null;
@@ -103,19 +87,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

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

@@ -1,17 +1,7 @@
 import _get from "lodash/get";
-var _excluded = ["className", "label", "name", "getOnOnlyClick"],
-    _excluded2 = ["label"];
-
-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; }
 
 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';
@@ -20,15 +10,16 @@ import { Dropdown } from '../dropdown';
 import { getGroupFiltersLabelSuffix, LABELS } from './filters.utils';
 import css from './filters.module.css';
 
-var Filter = function Filter(props) {
-  var className = props.className,
-      label = props.label,
-      name = props.name,
-      getOnOnlyClick = props.getOnOnlyClick,
-      inputProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var id = "filter-" + name;
-  var rootClassName = cx(css.filter, className);
+const Filter = props => {
+  const {
+    className,
+    label,
+    name,
+    getOnOnlyClick,
+    ...inputProps
+  } = props;
+  const id = `filter-${name}`;
+  const rootClassName = cx(css.filter, className);
   return /*#__PURE__*/React.createElement("div", {
     className: rootClassName
   }, /*#__PURE__*/React.createElement(FlexStack, {
@@ -61,69 +52,69 @@ Filter.defaultProps = {
   getOnOnlyClick: null
 };
 
-var FilterGroup = function FilterGroup(props) {
-  var groupKey = props.groupKey,
-      data = props.data,
-      values = props.values,
-      onCheckboxChange = props.onCheckboxChange,
-      toggleFilters = props.toggleFilters;
-
-  var groupLabel = data.label,
-      groupData = _objectWithoutPropertiesLoose(data, _excluded2);
-
-  var groupItems = Object.entries(groupData);
-  var groupCheckboxes = groupItems.filter(function (_ref) {
-    var itemKey = _ref[0],
-        item = _ref[1];
+const FilterGroup = props => {
+  const {
+    groupKey,
+    data,
+    values,
+    onCheckboxChange,
+    toggleFilters
+  } = props;
+  const {
+    label: groupLabel,
+    ...groupData
+  } = data;
+  const groupItems = Object.entries(groupData);
+  const groupCheckboxes = groupItems.filter(_ref => {
+    let [itemKey, item] = _ref;
     return typeof (item == null ? void 0 : item.defaultValue) !== 'undefined';
   });
-  var isGroupChecked = groupCheckboxes.map(function (_ref2) {
-    var itemKey = _ref2[0];
-    return _get(values, groupKey + "." + itemKey);
-  }).reduce(function (agg, val) {
-    return agg && val;
-  }, true);
-  var filterSuffix = getGroupFiltersLabelSuffix(groupItems);
-  var hasCustomFilterSuffix = !Object.values(LABELS).includes(filterSuffix);
-  var dropdownLabel = /*#__PURE__*/React.createElement(React.Fragment, null, groupLabel + ":", "\xA0", /*#__PURE__*/React.createElement("span", {
+  const isGroupChecked = groupCheckboxes.map(_ref2 => {
+    let [itemKey] = _ref2;
+    return _get(values, `${groupKey}.${itemKey}`);
+  }).reduce((agg, val) => agg && val, true);
+  const filterSuffix = getGroupFiltersLabelSuffix(groupItems);
+  const hasCustomFilterSuffix = !Object.values(LABELS).includes(filterSuffix);
+  const dropdownLabel = /*#__PURE__*/React.createElement(React.Fragment, null, `${groupLabel}:`, "\xA0", /*#__PURE__*/React.createElement("span", {
     className: cx(hasCustomFilterSuffix && css.labelSuffixCustom)
   }, filterSuffix));
 
-  var getOnGroupCheck = function getOnGroupCheck(value, overrides) {
+  const getOnGroupCheck = function (value, overrides) {
     if (overrides === void 0) {
       overrides = {};
     }
 
-    return function () {
-      var newFilters = groupCheckboxes.reduce(function (agg, _ref3) {
-        var _objectSpread2;
-
-        var itemKey = _ref3[0];
-        return _objectSpread(_objectSpread({}, agg), {}, (_objectSpread2 = {}, _objectSpread2[groupKey + "." + itemKey] = value, _objectSpread2));
+    return () => {
+      const newFilters = groupCheckboxes.reduce((agg, _ref3) => {
+        let [itemKey] = _ref3;
+        return { ...agg,
+          [`${groupKey}.${itemKey}`]: value
+        };
       }, {});
-      toggleFilters(_objectSpread(_objectSpread({}, newFilters), overrides));
+      toggleFilters({ ...newFilters,
+        ...overrides
+      });
     };
   };
 
   return /*#__PURE__*/React.createElement(Dropdown, {
     label: dropdownLabel,
-    ariaLabel: groupLabel + ": " + filterSuffix
-  }, function (_ref4) {
-    var MenuItem = _ref4.MenuItem,
-        menu = _ref4.menu,
-        menuItemClassName = _ref4.menuItemClassName;
+    ariaLabel: `${groupLabel}: ${filterSuffix}`
+  }, _ref4 => {
+    let {
+      MenuItem,
+      menu,
+      menuItemClassName
+    } = _ref4;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: css.filterGroupItems
-    }, groupItems.map(function (_ref5) {
-      var itemKey = _ref5[0],
-          itemData = _ref5[1];
-      var id = [groupKey, itemKey].join('.');
+    }, groupItems.map(_ref5 => {
+      let [itemKey, itemData] = _ref5;
+      const id = [groupKey, itemKey].join('.');
 
-      var getOnOnlyClick = function getOnOnlyClick() {
-        var _getOnGroupCheck;
-
-        return getOnGroupCheck(false, (_getOnGroupCheck = {}, _getOnGroupCheck[id] = true, _getOnGroupCheck));
-      };
+      const getOnOnlyClick = () => getOnGroupCheck(false, {
+        [id]: true
+      });
 
       return /*#__PURE__*/React.createElement(MenuItem, _extends({
         key: id
@@ -164,26 +155,29 @@ FilterGroup.propTypes = {
   onCheckboxChange: PropTypes.func.isRequired,
   toggleFilters: PropTypes.func.isRequired
 };
-export var Filters = function Filters(props) {
-  var className = props.className,
-      values = props.values,
-      filters = props.filters,
-      toggleFilter = props.toggleFilter,
-      toggleFilters = props.toggleFilters;
-
-  var onCheckboxChange = function onCheckboxChange(_ref6) {
-    var target = _ref6.target;
+export const Filters = props => {
+  const {
+    className,
+    values,
+    filters,
+    toggleFilter,
+    toggleFilters
+  } = props;
+
+  const onCheckboxChange = _ref6 => {
+    let {
+      target
+    } = _ref6;
     return toggleFilter(target.name, target.checked);
   };
 
-  var rootClassName = cx(css.root, className);
+  const rootClassName = cx(css.root, className);
   return /*#__PURE__*/React.createElement("form", {
     className: rootClassName
   }, /*#__PURE__*/React.createElement(FlexStack, {
     className: css.items
-  }, Object.entries(filters).map(function (_ref7) {
-    var name = _ref7[0],
-        data = _ref7[1];
+  }, Object.entries(filters).map(_ref7 => {
+    let [name, data] = _ref7;
 
     if (typeof (data == null ? void 0 : data.defaultValue) !== 'undefined') {
       return /*#__PURE__*/React.createElement(Filter, {