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

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);

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

@@ -1,10 +1,8 @@
 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 './tabs.module.css';
-
 const Item = _ref => {
   let {
     isTabActive,
@@ -16,7 +14,6 @@ const Item = _ref => {
     className: cx(css.item, className, isTabActive && css.itemActive)
   }, restProps));
 };
-
 Item.defaultProps = {
   isTabActive: false,
   className: '',
@@ -42,7 +39,6 @@ Tabs.defaultProps = {
 Tabs.propTypes = {
   /** Adopted child class name */
   className: PropTypes.string,
-
   /** Component children */
   children: PropTypes.node.isRequired
 };

package/lib-esm/ui/tabs/tabs.module.css

@@ -23,12 +23,16 @@
   background: transparent;
 }
 
-.item:hover {
+.item:hover,
+.item:active,
+.item:focus {
   color: var(--color-primary-dark);
   outline: none;
 }
 
-.item:hover::after {
+.item:hover::after,
+.item:active::after,
+.item:focus::after {
   background: currentColor;
 }
 

package/lib-esm/ui/tag/tag.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/tooltip/tooltip.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';
@@ -50,7 +49,7 @@ Tooltip.propTypes = {
   as: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
   containerRef: PropTypes.shape({
     current: PropTypes.object // eslint-disable-line react/forbid-prop-types
-
   }),
+
   darkMode: PropTypes.bool
 };

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

@@ -12,9 +12,7 @@ export default {
     title: 'View job #123'
   }
 };
-
 const Template = props => /*#__PURE__*/React.createElement(Tooltip, props, "Job #123");
-
 export const Default = Template.bind();
 export const LongTooltip = Template.bind();
 LongTooltip.args = {

package/lib-esm/utils.js

@@ -6,18 +6,14 @@ export const getColors = function (count) {
   if (count === void 0) {
     count = 2;
   }
-
   const chunks = _chunk(COLORS, Math.round(COLORS.length / count));
-
   return chunks.map((chunkColors, index) => {
     if (index === 0) {
       return chunkColors[0];
     }
-
     if (index === chunks.length - 1) {
       return chunkColors[chunkColors.length - 1];
     }
-
     return chunkColors[Math.floor(chunkColors.length / 2)];
   });
 };
@@ -25,19 +21,16 @@ export const getRenderChildWithClassName = className => child => {
   if (child === null || child === '') {
     return null;
   }
-
   const {
     props
   } = child;
-
   if (!props) {
     return /*#__PURE__*/React.createElement("div", {
       className: className
     }, child);
   }
-
-  return /*#__PURE__*/React.cloneElement(child, { ...props,
+  return /*#__PURE__*/React.cloneElement(child, {
+    ...props,
     className: cx(className, props.className) // eslint-disable-line react/prop-types
-
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.1.1-alpha.3",
+  "version": "4.1.1",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -37,27 +37,27 @@
   "homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
   "devDependencies": {
     "@babel/cli": "7.19.3",
-    "@babel/core": "7.19.3",
+    "@babel/core": "7.19.6",
     "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/preset-env": "7.19.3",
+    "@babel/preset-env": "7.19.4",
     "@babel/preset-react": "7.18.6",
     "@simplyianm/babel-plugin-inline-react-svg": "1.2.0",
-    "@storybook/addon-essentials": "6.5.12",
+    "@storybook/addon-essentials": "6.5.13",
     "@storybook/addon-knobs": "6.4.0",
     "@storybook/addon-postcss": "2.0.0",
-    "@storybook/addon-storyshots": "6.5.12",
-    "@storybook/addons": "6.5.12",
-    "@storybook/builder-webpack5": "6.5.12",
-    "@storybook/manager-webpack5": "6.5.12",
-    "@storybook/react": "6.5.12",
+    "@storybook/addon-storyshots": "6.5.13",
+    "@storybook/addons": "6.5.13",
+    "@storybook/builder-webpack5": "6.5.13",
+    "@storybook/manager-webpack5": "6.5.13",
+    "@storybook/react": "6.5.13",
     "babel-core": "7.0.0-bridge.0",
-    "babel-jest": "29.1.2",
+    "babel-jest": "29.2.1",
     "babel-plugin-lodash": "3.3.4",
     "babel-plugin-require-context-hook": "1.0.0",
-    "chromatic": "6.10.1",
+    "chromatic": "6.11.0",
     "classnames": "2.3.2",
     "colormap": "2.3.2",
-    "core-js": "3.25.5",
+    "core-js": "3.26.0",
     "cross-env": "7.0.3",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
@@ -67,7 +67,7 @@
     "jest": "27.5.1",
     "jest-date-mock": "1.0.8",
     "lodash": "4.17.21",
-    "postcss": "8.4.17",
+    "postcss": "8.4.18",
     "prop-types": "15.8.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -85,12 +85,12 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^4.1.1-alpha.3",
+    "@bundle-stats/utils": "^4.1.1",
     "ariakit": "^2.0.0-next.41",
     "date-fns": "^2.28.0",
     "modern-css-reset": "^1.4.0",
     "query-string": "^7.1.0",
     "use-query-params": "^2.0.0"
   },
-  "gitHead": "26d4de037b639a94fb76c82e970c39305e00adda"
+  "gitHead": "ec3bcf5dcb6e9cf793bcfcf6e2f8f644f168af50"
 }

package/src/components/duplicate-packages-warning/duplicate-packages-warning.module.css

@@ -18,4 +18,5 @@
   padding: 1px 2px;
   vertical-align: super;
   font-size: 9px;
+  line-height: 1;
 }

package/src/components/summary/summary.module.css

@@ -9,6 +9,9 @@
   text-decoration: none;
 }
 
-.item:hover {
+.item:hover,
+.item:active,
+.item:focus {
   border-color: var(--color-outline-dark);
+  outline: none;
 }