@bundle-stats/ui 4.1.1-alpha.1 → 4.1.1

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

@@ -1,5 +1,4 @@
 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); }
-
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -7,7 +6,6 @@ import { FlexStack } from '../../layout/flex-stack';
 import { Dropdown } from '../dropdown';
 import { getGroupFiltersLabelSuffix, LABELS } from './filters.utils';
 import css from './filters.module.css';
-
 const Filter = props => {
   const {
     className,
@@ -40,7 +38,6 @@ const Filter = props => {
     onClick: getOnOnlyClick(name)
   }, "only"));
 };
-
 Filter.propTypes = {
   className: PropTypes.string,
   as: PropTypes.elementType,
@@ -55,7 +52,6 @@ Filter.defaultProps = {
   buttonClassName: '',
   getOnOnlyClick: null
 };
-
 const FilterGroup = props => {
   const {
     className,
@@ -84,25 +80,24 @@ const FilterGroup = props => {
   const dropdownLabel = /*#__PURE__*/React.createElement(React.Fragment, null, `${groupLabel}:`, "\xA0", /*#__PURE__*/React.createElement("span", {
     className: cx(hasCustomFilterSuffix && css.labelSuffixCustom)
   }, filterSuffix));
-
   const getOnGroupCheck = function (value, overrides) {
     if (overrides === void 0) {
       overrides = {};
     }
-
     return () => {
       const newFilters = groupCheckboxes.reduce((agg, _ref3) => {
         let [itemKey] = _ref3;
-        return { ...agg,
+        return {
+          ...agg,
           [`${groupKey}.${itemKey}`]: value
         };
       }, {});
-      toggleFilters({ ...newFilters,
+      toggleFilters({
+        ...newFilters,
         ...overrides
       });
     };
   };
-
   return /*#__PURE__*/React.createElement(Dropdown, {
     className: className,
     buttonClassName: buttonClassName,
@@ -119,11 +114,9 @@ const FilterGroup = props => {
     }, groupItems.map(_ref5 => {
       let [itemKey, itemData] = _ref5;
       const id = [groupKey, itemKey].join('.');
-
       const getOnOnlyClick = () => getOnGroupCheck(false, {
         [id]: true
       });
-
       return /*#__PURE__*/React.createElement(Filter, {
         key: id,
         className: menuItemClassName,
@@ -152,7 +145,6 @@ const FilterGroup = props => {
     }, "Check all")));
   });
 };
-
 FilterGroup.propTypes = {
   className: PropTypes.string,
   buttonClassName: PropTypes.string,
@@ -190,7 +182,6 @@ export const Filters = props => {
     className: css.items
   }, Object.entries(filters).map(_ref6 => {
     let [name, data] = _ref6;
-
     if (typeof (data == null ? void 0 : data.defaultValue) !== 'undefined') {
       return /*#__PURE__*/React.createElement(Filter, {
         key: name,
@@ -203,7 +194,6 @@ export const Filters = props => {
         disabled: data.disabled
       });
     }
-
     return /*#__PURE__*/React.createElement(FilterGroup, {
       className: css.item,
       buttonClassName: css.itemButton,

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

@@ -7,7 +7,6 @@ const stories = storiesOf('UI/Filters', module);
 stories.addDecorator(getWrapperDecorator({
   paddingLeft: '200px'
 }));
-
 const FiltersState = _ref => {
   let {
     children
@@ -17,14 +16,14 @@ const FiltersState = _ref => {
     'assetType.entrypoint': true
   });
   const handleSetValues = useCallback(newValues => {
-    setValues({ ...values,
+    setValues({
+      ...values,
       ...newValues
     });
     console.info(newValues);
   }, [values]);
   return children(values, handleSetValues);
 };
-
 stories.add('default', () => /*#__PURE__*/React.createElement(FiltersState, null, (values, setValues) => /*#__PURE__*/React.createElement(Filters, {
   onChange: setValues,
   filters: {
@@ -62,7 +61,8 @@ stories.add('overflow', () => /*#__PURE__*/React.createElement(FiltersState, nul
     },
     chunks: {
       label: 'Chunks',
-      ...Array(22).fill('').reduce((agg, value, currentIndex) => ({ ...agg,
+      ...Array(22).fill('').reduce((agg, value, currentIndex) => ({
+        ...agg,
         [`chunk-${currentIndex}`]: {
           label: `Chunk ${currentIndex + 1}`,
           defaultValue: _get(values, `chunks.chunk-${currentIndex}`)
@@ -75,6 +75,7 @@ stories.add('disable options', () => /*#__PURE__*/React.createElement(Filters, {
   onChange: state => {
     console.log(state); // eslint-disable-line no-console
   },
+
   filters: {
     changed: {
       label: 'Changed',

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

@@ -5,14 +5,14 @@ export const LABELS = {
   NONE: 'none',
   ALL: 'all'
 };
+
 /**
  * @param {Array<Array>} filters
  * @return {String}
  */
-
 export const getGroupFiltersLabelSuffix = filters => {
-  const filterCount = filters.length; // eslint-disable-next-line no-unused-vars
-
+  const filterCount = filters.length;
+  // eslint-disable-next-line no-unused-vars
   const checkedFilters = filters.filter(_ref => {
     let [_, {
       defaultValue
@@ -20,16 +20,14 @@ export const getGroupFiltersLabelSuffix = filters => {
     return defaultValue;
   });
   const filterCheckedCount = checkedFilters.length;
-
   if (filterCheckedCount === 0) {
     return LABELS.NONE;
   }
-
   if (filterCheckedCount === filterCount) {
     return LABELS.ALL;
-  } // eslint-disable-next-line no-unused-vars
-
+  }
 
+  // eslint-disable-next-line no-unused-vars
   const checkedFilterLabels = checkedFilters.map(_ref2 => {
     let [_, {
       label
@@ -39,22 +37,20 @@ export const getGroupFiltersLabelSuffix = filters => {
   let suffix = '';
   let inlinedLabelCount = 0;
   let done = false;
-
   for (let i = 0; !done && i < checkedFilterLabels.length && FILTER_SUFFIX_MAX_LENGTH - suffix.length >= 0; i++ // eslint-disable-line no-plusplus
   ) {
     const availableSpace = FILTER_SUFFIX_MAX_LENGTH - suffix.length;
     const label = checkedFilterLabels[i];
     let normalizedLabel = '';
-
     if (availableSpace - label.length >= 0) {
       // Label is fitting in the available space
       normalizedLabel = label;
     } else if (availableSpace >= 6) {
       // Available space is allowing crop
       normalizedLabel = `${label.substr(0, availableSpace - 3)}${ELLIPSES}`;
-    } else {// noop - the label will not fit
+    } else {
+      // noop - the label will not fit
     }
-
     if (normalizedLabel) {
       suffix = `${suffix}${suffix ? JOIN : ''}${normalizedLabel}`;
       inlinedLabelCount = i + 1;
@@ -62,7 +58,6 @@ export const getGroupFiltersLabelSuffix = filters => {
       done = true;
     }
   }
-
   const skippedLabels = filterCheckedCount - inlinedLabelCount;
   return `${suffix}${skippedLabels > 0 ? ` +${skippedLabels}` : ''}`;
 };
@@ -72,15 +67,14 @@ export const getInitialValues = (key, filters) => {
       [key]: filters.defaultValue
     };
   }
-
   if (typeof filters === 'object') {
     return Object.entries(filters).map(_ref3 => {
       let [groupKey, groupFilters] = _ref3;
       return getInitialValues([...(key ? [key] : []), groupKey].join('.'), groupFilters);
-    }).reduce((agg, current) => ({ ...agg,
+    }).reduce((agg, current) => ({
+      ...agg,
       ...current
     }), {});
   }
-
   return {};
 };

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

@@ -1,8 +1,6 @@
 import _merge from "lodash/merge";
 import _isEqual from "lodash/isEqual";
-
 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); }
-
 import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { getInitialValues } from './filters.utils';
@@ -13,34 +11,30 @@ export const Filters = props => {
     filters,
     ...restProps
   } = props;
-  const [values, setValues] = useState(getInitialValues('', filters)); // Update values when the parent filters are changing (route with query string change)
+  const [values, setValues] = useState(getInitialValues('', filters));
 
+  // Update values when the parent filters are changing (route with query string change)
   useEffect(() => {
     const parentValues = getInitialValues('', filters);
-
     if (_isEqual(parentValues, values)) {
       return;
     }
-
     setValues(parentValues);
-  }, // Do not trigger effect when the values are changing locally
+  },
+  // Do not trigger effect when the values are changing locally
   [filters, setValues]);
   const toggleFilter = useCallback((key, value) => {
     const nextValues = _merge({}, values, {
       [key]: value
     });
-
     setValues(nextValues);
-
     if (onChange) {
       onChange(nextValues);
     }
   }, [onChange, setValues, values]);
   const toggleFilters = useCallback(newFilters => {
     const nextValues = _merge({}, values, newFilters);
-
     setValues(nextValues);
-
     if (onChange) {
       onChange(nextValues);
     }

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

@@ -7,7 +7,6 @@ import cx from 'classnames';
 import { getColors } from '../../utils';
 import { Tooltip } from '../tooltip';
 import css from './horizontal-bar-chart.module.css';
-
 class HorizontalBarChartItem extends React.Component {
   constructor(props) {
     super(props);
@@ -17,19 +16,15 @@ class HorizontalBarChartItem extends React.Component {
       isTextOverflowing: true
     };
   }
-
   componentDidMount() {
     const wrapperWidth = _get(this, 'ref.current.clientWidth', 0);
-
     const textWidth = _get(this, 'textRef.current.scrollWidth', 0);
-
     if (wrapperWidth >= textWidth + 2 * 4) {
       this.setState({
         isTextOverflowing: false
       });
     }
   }
-
   render() {
     const {
       color,
@@ -57,9 +52,7 @@ class HorizontalBarChartItem extends React.Component {
       ref: this.textRef
     }, label)));
   }
-
 }
-
 HorizontalBarChartItem.propTypes = {
   width: PropTypes.string.isRequired,
   color: PropTypes.string.isRequired,
@@ -69,15 +62,12 @@ HorizontalBarChartItem.propTypes = {
 HorizontalBarChartItem.defaultProps = {
   getItemTooltip: () => null
 };
-
 const getTotalValues = values => _sum(values.map(entry => {
   if (typeof entry === 'object') {
     return entry.value;
   }
-
   return entry;
 }));
-
 export const HorizontalBarChart = props => {
   const {
     className,
@@ -135,7 +125,6 @@ HorizontalBarChart.defaultProps = {
 HorizontalBarChart.propTypes = {
   /** Adopted child class name */
   className: PropTypes.string,
-
   /** Data */
   data: PropTypes.shape({
     labels: PropTypes.arrayOf(PropTypes.string),
@@ -145,7 +134,6 @@ HorizontalBarChart.propTypes = {
       label: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
     })]))
   }).isRequired,
-
   /** Mac value */
   maxValue: PropTypes.number
 };

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

@@ -1,23 +1,18 @@
 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); }
-
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Hovercard, HovercardAnchor, HovercardArrow, useHovercard, useHovercardState } from 'ariakit/hovercard';
 import css from './hover-card.module.css';
-
 const resolveComponent = (as, href) => {
   if (as) {
     return as;
   }
-
   if (href) {
     return 'a';
   }
-
   return 'span';
 };
-
 export const HoverCard = props => {
   const {
     className,
@@ -35,8 +30,9 @@ export const HoverCard = props => {
   const hoverCardProps = useHovercard({
     state,
     portal: true
-  }); // Fallback to span if no href
+  });
 
+  // Fallback to span if no href
   const Component = resolveComponent(as, href);
   return /*#__PURE__*/React.createElement("div", {
     className: cx(css.root, className)
@@ -60,22 +56,16 @@ export const HoverCard = props => {
 HoverCard.propTypes = {
   /** Adopted child class name */
   className: PropTypes.string,
-
   /** Adopted child class name for hover card */
   hoverCardClassName: PropTypes.string,
-
   /** Adopted child class name for anchor */
   anchorClassName: PropTypes.string,
-
   /** Anchor label */
   label: PropTypes.node,
-
   /** Anchor href */
   href: PropTypes.string,
-
   /** Anchor component */
   as: PropTypes.elementType,
-
   /** Hover card component */
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired
 };

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

@@ -1,12 +1,10 @@
 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); }
-
 import React from 'react';
 import { HoverCard } from '.';
 export default {
   title: 'UI/HoverCard',
   component: HoverCard
 };
-
 const Template = props => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HoverCard, _extends({}, props, {
   style: {
     zIndex: 2
@@ -18,7 +16,6 @@ const Template = props => /*#__PURE__*/React.createElement(React.Fragment, null,
     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"));
-
 export const Default = () => /*#__PURE__*/React.createElement(Template, {
   label: "main.js"
 }, /*#__PURE__*/React.createElement("h1", null, "main.js"), /*#__PURE__*/React.createElement("p", null, "info"));

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

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';

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

@@ -4,9 +4,7 @@ export default {
   title: 'UI/Icon',
   component: Icon
 };
-
 const Template = args => /*#__PURE__*/React.createElement(Icon, args);
-
 export const Standard = Template.bind();
 Standard.args = {
   glyph: Icon.ICONS.ARROW

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

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';

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

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -25,7 +24,6 @@ Loader.defaultProps = {
 Loader.propTypes = {
   /** Adopted child class name */
   className: PropTypes.string,
-
   /** Size modifier */
   size: PropTypes.oneOf(Loader.SIZES)
 };

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

@@ -1,9 +1,7 @@
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-
 var GithubSvg = function GithubSvg(props) {
   return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
@@ -12,13 +10,11 @@ var GithubSvg = function GithubSvg(props) {
     transform: "scale(64)"
   }));
 };
-
 GithubSvg.defaultProps = {
   viewBox: "0 0 1024 1024",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-
 var LogoSvg = function LogoSvg(props) {
   return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
     d: "M256 42.67L69.33 149.33v213.34L256 469.33l186.67-106.66V149.33L256 42.67z",
@@ -34,25 +30,21 @@ var LogoSvg = function LogoSvg(props) {
     fill: "#6f747b"
   }));
 };
-
 LogoSvg.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512"
 };
-
 var LogotypeSvg = function LogotypeSvg(props) {
   return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
     className: "a",
     d: "M12.68 53.56h-.33l-1.17 4.51H0V0h14.35v13.52l-.5 6h.33a15.46 15.46 0 0110.43-4.17c10.1 0 16.61 8.34 16.61 21.11 0 14.43-8.68 22.61-17.77 22.61-3.76 0-7.51-1.83-10.77-5.51zm13.85-16.85c0-6.84-2.08-9.68-6.17-9.68-2.25 0-4 .84-6 3v15.36a8.47 8.47 0 005.67 2c3.5 0 6.5-2.67 6.5-10.68zM48.57 42.05v-25.7h14.35v23.86c0 4.68 1 6.68 4.76 6.68 2.42 0 4.08-.67 6.25-3.67V16.35h14.35v41.72H76.6l-1-5.51h-.33c-3.51 4-7.68 6.51-13.52 6.51-9.34 0-13.18-6.67-13.18-17.02zM97.4 16.35h11.68l1 5h.33c3.34-3.17 7.85-6 13.94-6 9.26 0 13.26 6.68 13.26 17v25.7h-14.35V34.21c0-4.67-1.16-6.68-4.84-6.68-2.67 0-4.5 1.17-6.67 3.17v27.37H97.4zM144.8 37.21c0-13.68 8.68-21.86 17.44-21.86a12.27 12.27 0 019.76 4.17h.33l-.66-6V0H186v58.07h-11.66l-1-3.84H173c-2.92 2.84-7 4.84-10.76 4.84-10.6 0-17.44-8.34-17.44-21.86zm26.87 7.18V29a7.8 7.8 0 00-5.51-2c-3.5 0-6.67 2.67-6.67 10 0 7.51 2.41 10.35 6.5 10.35a6.15 6.15 0 005.68-2.96zM204.05 40.88v-29.7h-12.51V0h26.86v41.38c0 4.84 3.34 6.18 6.26 6.18a18.15 18.15 0 006-1.17l3.08 10.51a39.1 39.1 0 01-12.93 2.17c-11.09 0-16.76-7.34-16.76-18.19zM238 37.21c0-13.68 10.68-21.86 21.86-21.86 13.18 0 19.85 9 19.85 20.19a37.41 37.41 0 01-.58 6h-30.25V32.2h20.36l-2 2.51c0-5.51-2.17-8.51-6.84-8.51-5.51 0-8.51 3.5-8.51 11 0 7.84 3.84 11 11.51 11a23.26 23.26 0 0010-2.5l4.68 8.51a33.13 33.13 0 01-16.69 4.84c-13.17.02-23.39-7.99-23.39-21.84zM284.18 51.31l8.18-9.84c4.08 3.08 8.92 5.25 13.85 5.25 4.33 0 6-1.42 6-3.17 0-3.17-2.83-3.84-7.84-5.92l-6.76-2.84c-6.26-2.33-11.43-7.26-11.43-15.1 0-9.26 8.34-16.85 20.69-16.85a27.27 27.27 0 0118.53 7.25l-7.18 9c-3.92-2.59-7-3.93-12.18-3.93-3.17 0-5.34 1.17-5.34 3.68s3.09 3.42 8.51 5.42l6.26 2.59c7.26 2.67 11.43 7.34 11.43 14.85 0 9.17-7.68 17.35-21.7 17.35a32.65 32.65 0 01-21.02-7.74zM337.62 40.38V27.53h-10V16.85l10.68-.5 1.84-12.51H352v12.51h16.52v11.18H352v12.6c0 5.93 2.76 7.76 8.1 7.76a23.71 23.71 0 007.59-1.33l2.5 10.34a50.19 50.19 0 01-13.85 2.17c-13.71 0-18.72-7.51-18.72-18.69zM376.09 46.22c0-9.34 7.34-14.18 26.37-15.18-.51-3-3.34-4.34-8-4.34-3.51 0-7 1.17-12 3.5l-5-9.34a40.45 40.45 0 0119.86-5.51c11.85 0 19.53 5.84 19.53 19.52v23.2h-11.72l-1-4.34h-.33c-4.09 3-9 5.34-14.18 5.34-8.69 0-13.53-6.01-13.53-12.85zm26.37-1.33v-5.34c-10.18.33-12.69 2.67-12.69 5.5 0 1.92 1.5 3 4.51 3 3.34.01 5.92-1.49 8.18-3.16zM431.6 40.38V27.53h-10V16.85l10.68-.5 1.82-12.51H446v12.51h16.52v11.18H446v12.6c0 5.93 2.75 7.76 8.09 7.76a23.77 23.77 0 007.6-1.33l2.5 10.34a50.26 50.26 0 01-13.85 2.17c-13.73 0-18.74-7.51-18.74-18.69zM470.28 52.73l6-8.84a32.83 32.83 0 0016.35 4.67c3.68 0 5.18-1 5.18-2.5 0-2-2.17-2.34-9.18-3.84-11.5-2.51-15.63-6.84-15.63-13.35 0-8.18 7.76-13.52 19.86-13.52 7.84 0 14.1 3.09 18.52 5.84L505 29.7a27.79 27.79 0 00-13.51-3.84c-2.67 0-4.34.84-4.34 2.34 0 1.84 2.17 2 8.67 3.5C508.33 34.54 512 38.3 512 45.22c0 7.84-7.43 13.85-21.36 13.85a39.71 39.71 0 01-20.36-6.34z"
   }));
 };
-
 LogotypeSvg.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 59.07",
   fill: "currentColor"
 };
-
 var WebpackSvg = function WebpackSvg(props) {
   return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
     fill: "#FFF",
@@ -65,7 +57,6 @@ var WebpackSvg = function WebpackSvg(props) {
     d: "M290.4 444.8L162 374.1V234.2l128.4 74.1v136.5zm18.4 0l128.4-70.6v-140l-128.4 74.1v136.5zM299.6 303zm-129-85l129-70.9L428.5 218l-128.9 74.4-129-74.4z"
   }));
 };
-
 WebpackSvg.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 600 600"
@@ -101,10 +92,8 @@ Logo.defaultProps = {
 Logo.propTypes = {
   /** Adopted child class name */
   className: PropTypes.string,
-
   /** Rendered component */
   as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-
   /** Kind modifier */
   kind: PropTypes.oneOf(KINDS)
 };

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

@@ -4,27 +4,23 @@ import { select, withKnobs } from '@storybook/addon-knobs';
 import { getWrapperDecorator } from '../../stories';
 import { KIND_DEFAULT, KIND_LOGOTYPE, KINDS } from './logo.constants';
 import { Logo } from '.';
-
 const selectKind = function (value) {
   if (value === void 0) {
     value = KIND_DEFAULT;
   }
-
   return select('Kind', KINDS, value);
 };
-
 const stories = storiesOf('UI/Logo', module);
 stories.addDecorator(getWrapperDecorator());
 stories.addDecorator(withKnobs);
 stories.add('default', () => /*#__PURE__*/React.createElement(Logo, {
   kind: selectKind()
 }));
-/* eslint-disable jsx-a11y/anchor-has-content */
 
+/* eslint-disable jsx-a11y/anchor-has-content */
 const LogoComponent = props => /*#__PURE__*/React.createElement("a", props);
 /* eslint-enable jsx-a11y/anchor-has-content */
 
-
 stories.add('with custom component', () => /*#__PURE__*/React.createElement(Logo, {
   as: LogoComponent,
   href: "https://relative-ci.com",

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

@@ -1,20 +1,18 @@
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './panels.module.css';
-
 const cloneElement = element => {
   const {
     className,
     ...restProps
   } = element.props;
-  return /*#__PURE__*/React.cloneElement(element, { ...restProps,
+  return /*#__PURE__*/React.cloneElement(element, {
+    ...restProps,
     className: cx(css.panel, className)
   });
 };
-
 export const Panels = _ref => {
   let {
     className,
@@ -32,7 +30,6 @@ Panels.defaultProps = {
 Panels.propTypes = {
   /** Adopted child class anme */
   className: PropTypes.string,
-
   /** Content */
   children: PropTypes.node
 };

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

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';

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

@@ -1,12 +1,10 @@
 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); }
-
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Dropdown } from '../dropdown';
 import { Icon } from '../icon';
 import css from './sort-dropdown.module.css';
-
 const Item = _ref => {
   let {
     className,
@@ -21,11 +19,9 @@ const Item = _ref => {
   } = _ref;
   const buttonProps = useMemo(() => {
     let resolveNextDirection = defaultDirection;
-
     if (active) {
       resolveNextDirection = direction === 'asc' ? 'desc' : 'asc';
     }
-
     if (resolveNextDirection === 'desc') {
       return {
         className: css.itemAsc,
@@ -33,7 +29,6 @@ const Item = _ref => {
         title: `Order data by ${label} descending`
       };
     }
-
     return {
       onClick: getButtonOnClick(id, 'asc'),
       title: `Order data by ${label} ascending`
@@ -48,7 +43,6 @@ const Item = _ref => {
     className: css.itemLabel
   }, label));
 };
-
 Item.propTypes = {
   className: PropTypes.string,
   as: PropTypes.element.isRequired,
@@ -85,7 +79,6 @@ export const SortDropdown = props => {
       menuItemClassName,
       menuItemActiveClassName
     } = _ref2;
-
     const getButtonOnClick = (newField, newDirection) => () => {
       onChange({
         field: newField,
@@ -93,7 +86,6 @@ export const SortDropdown = props => {
       });
       menu.toggle();
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: css.items
     }, Object.entries(fields).map(_ref3 => {

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

@@ -10,6 +10,7 @@ stories.add('default', () => /*#__PURE__*/React.createElement(SortDropdown, {
   onChange: state => {
     console.log(state); // eslint-disable-line no-console
   },
+
   fields: {
     filename: {
       label: 'Filename'

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

@@ -11,13 +11,11 @@ export const Table = _ref => {
     children
   } = _ref;
   const rootClassName = cx(css.root, className, compact && css.compact, outline && css.outline);
-
   if (!children) {
     return /*#__PURE__*/React.createElement("div", {
       className: cx(rootClassName, css.empty)
     }, emptyMessage);
   }
-
   return /*#__PURE__*/React.createElement("table", {
     className: rootClassName
   }, children);