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

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

@@ -1,28 +1,19 @@
-var _excluded = ["className"],
-    _excluded2 = ["className"],
-    _excluded3 = ["className"];
-
 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 './table.module.css';
 
-var THead = function THead(props) {
-  return /*#__PURE__*/React.createElement("thead", props);
-};
+const THead = props => /*#__PURE__*/React.createElement("thead", props);
 
-var TBody = function TBody(props) {
-  return /*#__PURE__*/React.createElement("tbody", props);
-};
-
-var Tr = function Tr(props) {
-  var className = props.className,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
+const TBody = props => /*#__PURE__*/React.createElement("tbody", props);
 
+const Tr = props => {
+  const {
+    className,
+    ...restProps
+  } = props;
   return /*#__PURE__*/React.createElement("tr", _extends({
     className: cx(css.row, className)
   }, restProps));
@@ -36,10 +27,11 @@ Tr.propTypes = {
   className: PropTypes.string
 };
 
-var Th = function Th(props) {
-  var className = props.className,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded2);
-
+const Th = props => {
+  const {
+    className,
+    ...restProps
+  } = props;
   return /*#__PURE__*/React.createElement("th", _extends({
     className: cx(css.cell, className)
   }, restProps));
@@ -53,10 +45,11 @@ Th.propTypes = {
   className: PropTypes.string
 };
 
-var Td = function Td(props) {
-  var className = props.className,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded3);
-
+const Td = props => {
+  const {
+    className,
+    ...restProps
+  } = props;
   return /*#__PURE__*/React.createElement("td", _extends({
     className: cx(css.cell, className)
   }, restProps));
@@ -69,13 +62,14 @@ Td.propTypes = {
   /** Adopted child class name */
   className: PropTypes.string
 };
-export var Table = function Table(_ref) {
-  var className = _ref.className,
-      emptyMessage = _ref.emptyMessage,
-      compact = _ref.compact,
-      outline = _ref.outline,
-      children = _ref.children;
-  var rootClassName = cx(css.root, className, compact && css.compact, outline && css.outline);
+export const Table = ({
+  className,
+  emptyMessage,
+  compact,
+  outline,
+  children
+}) => {
+  const rootClassName = cx(css.root, className, compact && css.compact, outline && css.outline);
 
   if (!children) {
     return /*#__PURE__*/React.createElement("div", {

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

@@ -2,108 +2,90 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Table } from '.';
-var THead = Table.THead,
-    TBody = Table.TBody,
-    Td = Table.Td,
-    Tr = Table.Tr,
-    Th = Table.Th;
-var stories = storiesOf('UI/Table', module);
+const {
+  THead,
+  TBody,
+  Td,
+  Tr,
+  Th
+} = Table;
+const stories = storiesOf('UI/Table', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3"))));
-});
-stories.add('compact', function () {
-  return /*#__PURE__*/React.createElement(Table, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3"))));
-});
-stories.add('outline', function () {
-  return /*#__PURE__*/React.createElement(Table, {
-    outline: true
-  }, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3"))));
-});
-stories.add('empty', function () {
-  return /*#__PURE__*/React.createElement(Table, null);
-});
-stories.add('empty with custom element', function () {
-  return /*#__PURE__*/React.createElement(Table, {
-    emptyMessage: /*#__PURE__*/React.createElement("p", {
-      style: {
-        outline: '1px solid lightgray'
-      }
-    }, "No items available")
-  });
-});
-stories.add('with headers', function () {
-  return /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3"))));
-});
-stories.add('with headers and outline', function () {
-  return /*#__PURE__*/React.createElement(Table, {
-    outline: true
-  }, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3"))));
-});
-stories.add('with multiple rows header', function () {
-  return /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, " "), /*#__PURE__*/React.createElement(Th, {
-    colSpan: 2
-  }, "Colspan")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3"))));
-});
-stories.add('with row headers', function () {
-  return /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 1"), /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 2"), /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 3"), /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3"))));
-});
-stories.add('with custom content and attributes', function () {
-  return /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, " "), /*#__PURE__*/React.createElement(Th, {
+stories.add('default', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
+stories.add('compact', () => /*#__PURE__*/React.createElement(Table, {
+  compact: true
+}, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
+stories.add('outline', () => /*#__PURE__*/React.createElement(Table, {
+  outline: true
+}, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
+stories.add('empty', () => /*#__PURE__*/React.createElement(Table, null));
+stories.add('empty with custom element', () => /*#__PURE__*/React.createElement(Table, {
+  emptyMessage: /*#__PURE__*/React.createElement("p", {
     style: {
-      textAlign: 'right'
+      outline: '1px solid lightgray'
     }
-  }, "Col A (right)"), /*#__PURE__*/React.createElement(Th, {
-    style: {
-      textAlign: 'center'
-    }
-  }, "Col B (center)"), /*#__PURE__*/React.createElement(Th, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "Col C(undefiner)"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 1")), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textAlign: 'right'
-    }
-  }, "a1"), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textAlign: 'center',
-      color: 'red'
-    }
-  }, "b1"), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "c1")), /*#__PURE__*/React.createElement(Tr, {
-    style: {
-      color: 'blue',
-      fontSize: '1.5em'
-    }
-  }, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 2")), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textAlign: 'right'
-    }
-  }, "a2"), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textAlign: 'center'
-    }
-  }, "b2"), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 3")), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textAlign: 'right'
-    }
-  }, "a3"), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textAlign: 'center'
-    }
-  }, "b3"), /*#__PURE__*/React.createElement(Td, {
-    style: {
-      textDecoration: 'underline'
-    }
-  }, "c3"))));
-});
+  }, "No items available")
+}));
+stories.add('with headers', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
+stories.add('with headers and outline', () => /*#__PURE__*/React.createElement(Table, {
+  outline: true
+}, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
+stories.add('with multiple rows header', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, " "), /*#__PURE__*/React.createElement(Th, {
+  colSpan: 2
+}, "Colspan")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
+stories.add('with row headers', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 1"), /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 2"), /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 3"), /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
+stories.add('with custom content and attributes', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, " "), /*#__PURE__*/React.createElement(Th, {
+  style: {
+    textAlign: 'right'
+  }
+}, "Col A (right)"), /*#__PURE__*/React.createElement(Th, {
+  style: {
+    textAlign: 'center'
+  }
+}, "Col B (center)"), /*#__PURE__*/React.createElement(Th, {
+  style: {
+    textDecoration: 'underline'
+  }
+}, "Col C(undefiner)"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 1")), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textAlign: 'right'
+  }
+}, "a1"), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textAlign: 'center',
+    color: 'red'
+  }
+}, "b1"), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textDecoration: 'underline'
+  }
+}, "c1")), /*#__PURE__*/React.createElement(Tr, {
+  style: {
+    color: 'blue',
+    fontSize: '1.5em'
+  }
+}, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 2")), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textAlign: 'right'
+  }
+}, "a2"), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textAlign: 'center'
+  }
+}, "b2"), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textDecoration: 'underline'
+  }
+}, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 3")), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textAlign: 'right'
+  }
+}, "a3"), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textAlign: 'center'
+  }
+}, "b3"), /*#__PURE__*/React.createElement(Td, {
+  style: {
+    textDecoration: 'underline'
+  }
+}, "c3")))));

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

@@ -1,36 +1,25 @@
-var _excluded = ["className", "isTabActive"];
-
-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 _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 './tabs.module.css';
 
-var cloneElement = function cloneElement(element) {
-  var _element$props = element.props,
-      className = _element$props.className,
-      isTabActive = _element$props.isTabActive,
-      restProps = _objectWithoutPropertiesLoose(_element$props, _excluded);
-
-  return /*#__PURE__*/React.cloneElement(element, _objectSpread(_objectSpread({}, restProps), {}, {
+const cloneElement = element => {
+  const {
+    className,
+    isTabActive,
+    ...restProps
+  } = element.props;
+  return /*#__PURE__*/React.cloneElement(element, { ...restProps,
     className: cx(css.item, isTabActive && css.itemActive, className)
-  }));
+  });
 };
 
-export var Tabs = function Tabs(_ref) {
-  var className = _ref.className,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement("nav", {
-    className: cx(css.root, className)
-  }, React.Children.map(children, cloneElement));
-};
+export const Tabs = ({
+  className,
+  children
+}) => /*#__PURE__*/React.createElement("nav", {
+  className: cx(css.root, className)
+}, React.Children.map(children, cloneElement));
 Tabs.defaultProps = {
   className: ''
 };

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

@@ -2,10 +2,8 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Tabs } from '.';
-var stories = storiesOf('UI/Tabs', module);
+const stories = storiesOf('UI/Tabs', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement("span", {
-    isTabActive: true
-  }, "Option A"), /*#__PURE__*/React.createElement("span", null, "Option B"), /*#__PURE__*/React.createElement("span", null, "Option C"));
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement("span", {
+  isTabActive: true
+}, "Option A"), /*#__PURE__*/React.createElement("span", null, "Option B"), /*#__PURE__*/React.createElement("span", null, "Option C")));

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

@@ -2,11 +2,13 @@ import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import css from './toolbar.module.css';
-export var Toolbar = function Toolbar(props) {
-  var className = props.className,
-      children = props.children,
-      renderActions = props.renderActions;
-  var rootClassName = cx(css.root, className);
+export const Toolbar = props => {
+  const {
+    className,
+    children,
+    renderActions
+  } = props;
+  const rootClassName = cx(css.root, className);
   return /*#__PURE__*/React.createElement("div", {
     className: rootClassName
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -2,20 +2,15 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Toolbar } from '.';
-var stories = storiesOf('UI/Toolbar', module);
+const stories = storiesOf('UI/Toolbar', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Toolbar, null, /*#__PURE__*/React.createElement("div", null, "Content"));
-});
-stories.add('with actions', function () {
-  return /*#__PURE__*/React.createElement(Toolbar, {
-    renderActions: function renderActions(_ref) {
-      var actionClassName = _ref.actionClassName;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: actionClassName
-      }, "Action 1"), /*#__PURE__*/React.createElement("div", {
-        className: actionClassName
-      }, "Action 2"));
-    }
-  }, "Content");
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(Toolbar, null, /*#__PURE__*/React.createElement("div", null, "Content")));
+stories.add('with actions', () => /*#__PURE__*/React.createElement(Toolbar, {
+  renderActions: ({
+    actionClassName
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: actionClassName
+  }, "Action 1"), /*#__PURE__*/React.createElement("div", {
+    className: actionClassName
+  }, "Action 2"))
+}, "Content"));

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

@@ -1,25 +1,22 @@
-var _excluded = ["className", "title", "children", "as", "containerRef", "darkMode"];
-
 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 { Tooltip as UITooltip, TooltipArrow as UITooltipArrow, TooltipReference as UITooltipReference, useTooltipState } from 'reakit/Tooltip';
 import css from './tooltip.module.css';
-export var Tooltip = function Tooltip(props) {
-  var className = props.className,
-      title = props.title,
-      children = props.children,
-      Component = props.as,
-      ref = props.containerRef,
-      darkMode = props.darkMode,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var rootClassName = cx(css.root, className);
-  var tooltipProps = useTooltipState({
+export const Tooltip = props => {
+  const {
+    className,
+    title,
+    children,
+    as: Component,
+    containerRef: ref,
+    darkMode,
+    ...restProps
+  } = props;
+  const rootClassName = cx(css.root, className);
+  const tooltipProps = useTooltipState({
     baseId: process.env.NODE_ENV === 'test' && 'id-test',
     placement: 'top'
   });
@@ -27,11 +24,12 @@ export var Tooltip = function Tooltip(props) {
     as: Component,
     className: rootClassName
   }, ref ? {
-    ref: ref
+    ref
   } : {}, restProps, tooltipProps), children), title && /*#__PURE__*/React.createElement(UITooltip, _extends({}, tooltipProps, {
     className: cx(css.tooltip, darkMode && css.tooltipDarkMode)
   }), /*#__PURE__*/React.createElement(UITooltipArrow, _extends({}, tooltipProps, {
-    className: css.arrow
+    className: css.arrow,
+    size: 12
   })), title));
 };
 Tooltip.defaultProps = {

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

@@ -2,18 +2,14 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Tooltip } from '.';
-var stories = storiesOf('UI/Tooltip', module);
+const stories = storiesOf('UI/Tooltip', module);
 stories.addDecorator(getWrapperDecorator({
   padding: '64px'
 }));
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    title: "View job #100"
-  }, "Job #100");
-});
-stories.add('darkMode:false', function () {
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    title: "View job #100",
-    darkMode: false
-  }, "Job #100");
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(Tooltip, {
+  title: "View job #100"
+}, "Job #100"));
+stories.add('darkMode:false', () => /*#__PURE__*/React.createElement(Tooltip, {
+  title: "View job #100",
+  darkMode: false
+}, "Job #100"));

package/lib-esm/utils.js

@@ -1,22 +1,11 @@
 import _chunk from "lodash/chunk";
-
-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 cx from 'classnames';
 import COLORS from './chart-colors.json';
-export var getColors = function getColors(count) {
-  if (count === void 0) {
-    count = 2;
-  }
-
-  var chunks = _chunk(COLORS, Math.round(COLORS.length / count));
+export const getColors = (count = 2) => {
+  const chunks = _chunk(COLORS, Math.round(COLORS.length / count));
 
-  return chunks.map(function (chunkColors, index) {
+  return chunks.map((chunkColors, index) => {
     if (index === 0) {
       return chunkColors[0];
     }
@@ -28,20 +17,18 @@ export var getColors = function getColors(count) {
     return chunkColors[Math.floor(chunkColors.length / 2)];
   });
 };
-export var getRenderChildWithClassName = function getRenderChildWithClassName(className) {
-  return function (child) {
-    if (child === null || child === '') {
-      return null;
-    }
+export const getRenderChildWithClassName = className => child => {
+  if (child === null || child === '') {
+    return null;
+  }
 
-    if (!(child != null && child.props)) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, child);
-    }
+  if (!(child != null && child.props)) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, child);
+  }
 
-    return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
-      className: cx(className, child.props.className)
-    }));
-  };
+  return /*#__PURE__*/React.cloneElement(child, { ...child.props,
+    className: cx(className, child.props.className)
+  });
 };