@bundle-stats/ui 3.2.0-beta.2 → 3.2.1-beta.7

package/lib-esm/layout/header/header.stories.js

@@ -7,36 +7,51 @@ import { Header } from '.';
 const stories = storiesOf('Layout/Header', module);
 stories.addDecorator(getWrapperDecorator());
 stories.add('default', () => /*#__PURE__*/React.createElement(Header, {
-  renderLeft: ({
-    className
-  }) => /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(Logo, null)),
-  render: ({
-    className
-  }) => /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement("span", null, "Totals"), /*#__PURE__*/React.createElement("span", null, "Assets"), /*#__PURE__*/React.createElement("span", null, "Modules"))),
-  renderRight: ({
-    className
-  }) => /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(Logo, {
-    kind: "github"
-  }))
+  renderLeft: _ref => {
+    let {
+      className
+    } = _ref;
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, /*#__PURE__*/React.createElement(Logo, null));
+  },
+  render: _ref2 => {
+    let {
+      className
+    } = _ref2;
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement("span", null, "Totals"), /*#__PURE__*/React.createElement("span", null, "Assets"), /*#__PURE__*/React.createElement("span", null, "Modules")));
+  },
+  renderRight: _ref3 => {
+    let {
+      className
+    } = _ref3;
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, /*#__PURE__*/React.createElement(Logo, {
+      kind: "github"
+    }));
+  }
 }));
 stories.add('menu on the right', () => /*#__PURE__*/React.createElement(Header, {
-  renderLeft: ({
-    className
-  }) => /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(Logo, null)),
-  renderRight: ({
-    className
-  }) => /*#__PURE__*/React.createElement("div", {
-    className: className,
-    style: {
-      flexBasis: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement("span", null, "Totals"), /*#__PURE__*/React.createElement("span", null, "Assets"), /*#__PURE__*/React.createElement("span", null, "Modules")))
+  renderLeft: _ref4 => {
+    let {
+      className
+    } = _ref4;
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, /*#__PURE__*/React.createElement(Logo, null));
+  },
+  renderRight: _ref5 => {
+    let {
+      className
+    } = _ref5;
+    return /*#__PURE__*/React.createElement("div", {
+      className: className,
+      style: {
+        flexBasis: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement("span", null, "Totals"), /*#__PURE__*/React.createElement("span", null, "Assets"), /*#__PURE__*/React.createElement("span", null, "Modules")));
+  }
 }));

package/lib-esm/prototypes/typography.stories.js

@@ -26,10 +26,11 @@ stories.add('typography', () => /*#__PURE__*/React.createElement(React.Fragment,
   }
 })))); // eslint-disable-next-line react/prop-types
 
-const Item = ({
-  colorName,
-  valueName = 'normal'
-}) => {
+const Item = _ref => {
+  let {
+    colorName,
+    valueName = 'normal'
+  } = _ref;
   const colorFullName = valueName === 'normal' ? colorName : [colorName, valueName].join('-');
   return /*#__PURE__*/React.createElement("div", {
     style: {

package/lib-esm/stories/wrapper.js

@@ -1,18 +1,24 @@
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
-export const getWrapperDecorator = (customWrapperStyles = {}) => storyFn => {
-  const wrapperStyles = {
-    width: '100%',
-    height: '100%',
-    padding: '24px',
-    ...customWrapperStyles
+export const getWrapperDecorator = function (customWrapperStyles) {
+  if (customWrapperStyles === void 0) {
+    customWrapperStyles = {};
+  }
+
+  return storyFn => {
+    const wrapperStyles = {
+      width: '100%',
+      height: '100%',
+      padding: '24px',
+      ...customWrapperStyles
+    };
+    return /*#__PURE__*/React.createElement(MemoryRouter, {
+      initialEntries: [{
+        pathname: '/',
+        key: 'home'
+      }]
+    }, /*#__PURE__*/React.createElement("div", {
+      style: wrapperStyles
+    }, storyFn()));
   };
-  return /*#__PURE__*/React.createElement(MemoryRouter, {
-    initialEntries: [{
-      pathname: '/',
-      key: 'home'
-    }]
-  }, /*#__PURE__*/React.createElement("div", {
-    style: wrapperStyles
-  }, storyFn()));
 };

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

@@ -4,15 +4,18 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './container.module.css';
-export const Container = ({
-  className,
-  as: Component,
-  ...restProps
-}) => /*#__PURE__*/React.createElement(Component, {
-  className: cx(css.root, className)
-}, /*#__PURE__*/React.createElement("div", _extends({
-  className: css.inner
-}, restProps)));
+export const Container = _ref => {
+  let {
+    className,
+    as: Component,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Component, {
+    className: cx(css.root, className)
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    className: css.inner
+  }, restProps)));
+};
 Container.defaultProps = {
   className: '',
   as: 'div'

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

@@ -16,9 +16,12 @@ stories.add('with right alignement', () => /*#__PURE__*/React.createElement(Drop
 stories.add('with render function', () => /*#__PURE__*/React.createElement(Dropdown, {
   glyph: "filter",
   label: "Toggle"
-}, ({
-  dropdownToggle
-}) => /*#__PURE__*/React.createElement("button", {
-  type: "button",
-  onClick: dropdownToggle
-}, "Toggle dropdown")));
+}, _ref => {
+  let {
+    dropdownToggle
+  } = _ref;
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: dropdownToggle
+  }, "Toggle dropdown");
+}));

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

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

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

@@ -13,7 +13,10 @@ const getInitialValues = (key, filters) => {
   }
 
   if (typeof filters === 'object') {
-    return Object.entries(filters).map(([groupKey, groupFilters]) => getInitialValues([...(key ? [key] : []), groupKey].join('.'), groupFilters)).reduce((agg, current) => ({ ...agg,
+    return Object.entries(filters).map(_ref => {
+      let [groupKey, groupFilters] = _ref;
+      return getInitialValues([...(key ? [key] : []), groupKey].join('.'), groupFilters);
+    }).reduce((agg, current) => ({ ...agg,
       ...current
     }), {});
   }
@@ -26,10 +29,11 @@ export const filtersDropdownContainer = BaseComponent => {
     constructor(props) {
       super(props);
 
-      this.toggleFilter = (key, value) => this.setState(({
-        values,
-        ...state
-      }) => {
+      this.toggleFilter = (key, value) => this.setState(_ref2 => {
+        let {
+          values,
+          ...state
+        } = _ref2;
         const newState = { ...state,
           values: { ...values,
             [key]: value
@@ -71,9 +75,11 @@ export const filtersDropdownContainer = BaseComponent => {
       };
     }
 
-    static getDerivedStateFromProps({
-      filters
-    }, state) {
+    static getDerivedStateFromProps(_ref3, state) {
+      let {
+        filters
+      } = _ref3;
+
       if (_isEqual(filters, state.values)) {
         return null;
       }

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

@@ -65,34 +65,51 @@ const FilterGroup = props => {
     ...groupData
   } = data;
   const groupItems = Object.entries(groupData);
-  const groupCheckboxes = groupItems.filter(([itemKey, item]) => typeof (item == null ? void 0 : item.defaultValue) !== 'undefined');
-  const isGroupChecked = groupCheckboxes.map(([itemKey]) => _get(values, `${groupKey}.${itemKey}`)).reduce((agg, val) => agg && val, true);
+  const groupCheckboxes = groupItems.filter(_ref => {
+    let [itemKey, item] = _ref;
+    return typeof (item == null ? void 0 : item.defaultValue) !== 'undefined';
+  });
+  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));
 
-  const getOnGroupCheck = (value, overrides = {}) => () => {
-    const newFilters = groupCheckboxes.reduce((agg, [itemKey]) => ({ ...agg,
-      [`${groupKey}.${itemKey}`]: value
-    }), {});
-    toggleFilters({ ...newFilters,
-      ...overrides
-    });
+  const getOnGroupCheck = function (value, overrides) {
+    if (overrides === void 0) {
+      overrides = {};
+    }
+
+    return () => {
+      const newFilters = groupCheckboxes.reduce((agg, _ref3) => {
+        let [itemKey] = _ref3;
+        return { ...agg,
+          [`${groupKey}.${itemKey}`]: value
+        };
+      }, {});
+      toggleFilters({ ...newFilters,
+        ...overrides
+      });
+    };
   };
 
   return /*#__PURE__*/React.createElement(Dropdown, {
     label: dropdownLabel,
     ariaLabel: `${groupLabel}: ${filterSuffix}`
-  }, ({
-    MenuItem,
-    menu,
-    menuItemClassName
-  }) => {
+  }, _ref4 => {
+    let {
+      MenuItem,
+      menu,
+      menuItemClassName
+    } = _ref4;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: css.filterGroupItems
-    }, groupItems.map(([itemKey, itemData]) => {
+    }, groupItems.map(_ref5 => {
+      let [itemKey, itemData] = _ref5;
       const id = [groupKey, itemKey].join('.');
 
       const getOnOnlyClick = () => getOnGroupCheck(false, {
@@ -147,16 +164,21 @@ export const Filters = props => {
     toggleFilters
   } = props;
 
-  const onCheckboxChange = ({
-    target
-  }) => toggleFilter(target.name, target.checked);
+  const onCheckboxChange = _ref6 => {
+    let {
+      target
+    } = _ref6;
+    return toggleFilter(target.name, target.checked);
+  };
 
   const rootClassName = cx(css.root, className);
   return /*#__PURE__*/React.createElement("form", {
     className: rootClassName
   }, /*#__PURE__*/React.createElement(FlexStack, {
     className: css.items
-  }, Object.entries(filters).map(([name, data]) => {
+  }, Object.entries(filters).map(_ref7 => {
+    let [name, data] = _ref7;
+
     if (typeof (data == null ? void 0 : data.defaultValue) !== 'undefined') {
       return /*#__PURE__*/React.createElement(Filter, {
         key: name,

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

@@ -8,9 +8,10 @@ stories.addDecorator(getWrapperDecorator({
   paddingLeft: '200px'
 }));
 
-const FiltersState = ({
-  children
-}) => {
+const FiltersState = _ref => {
+  let {
+    children
+  } = _ref;
   const [values, setValues] = useState({
     changed: true,
     'assetType.entrypoint': true

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

@@ -13,9 +13,12 @@ export const LABELS = {
 export const getGroupFiltersLabelSuffix = filters => {
   const filterCount = filters.length; // eslint-disable-next-line no-unused-vars
 
-  const checkedFilters = filters.filter(([_, {
-    defaultValue
-  }]) => defaultValue);
+  const checkedFilters = filters.filter(_ref => {
+    let [_, {
+      defaultValue
+    }] = _ref;
+    return defaultValue;
+  });
   const filterCheckedCount = checkedFilters.length;
 
   if (filterCheckedCount === 0) {
@@ -27,9 +30,12 @@ export const getGroupFiltersLabelSuffix = filters => {
   } // eslint-disable-next-line no-unused-vars
 
 
-  const checkedFilterLabels = checkedFilters.map(([_, {
-    label
-  }]) => label);
+  const checkedFilterLabels = checkedFilters.map(_ref2 => {
+    let [_, {
+      label
+    }] = _ref2;
+    return label;
+  });
   let suffix = '';
   let inlinedLabelCount = 0;
   let done = false;

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

@@ -110,12 +110,13 @@ export const HorizontalBarChart = props => {
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: cx(css.root, className)
-  }, entries.map(({
-    color,
-    getItemTooltip,
-    label,
-    width
-  }, index) => {
+  }, entries.map((_ref, index) => {
+    let {
+      color,
+      getItemTooltip,
+      label,
+      width
+    } = _ref;
     const key = index;
     return /*#__PURE__*/React.createElement(HorizontalBarChartItem, {
       key: key,

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

@@ -3,191 +3,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-
-var ArrowIcon = function ArrowIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0V0z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
-  }));
-};
-
-ArrowIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var BranchIcon = function BranchIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M512 192c-70.625 0-128 57.344-128 128 0 47.219 25.875 88.062 64 110.281V448s0 128-128 128c-53.062 0-94.656 11.375-128 28.812V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128S0 121.344 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-33.5-13.188-63.75-34.25-86.625C240.375 722.5 270.656 704 320 704c254 0 256-256 256-256v-17.719c38.125-22.219 64-63.062 64-110.281 0-70.656-57.375-128-128-128zm-384-64c35.406 0 64 28.594 64 64s-28.594 64-64 64-64-28.594-64-64 28.594-64 64-64zm0 768c-35.406 0-64-28.625-64-64 0-35.312 28.594-64 64-64s64 28.688 64 64c0 35.375-28.594 64-64 64zm384-512c-35.375 0-64-28.594-64-64s28.625-64 64-64 64 28.594 64 64-28.625 64-64 64z"
-  }));
-};
-
-BranchIcon.defaultProps = {
-  viewBox: "0 0 640 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }));
-};
-
-CancelIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24",
-  viewBox: "0 0 24 24",
-  width: "24",
-  fill: "currentColor"
-};
-
-var ClockIcon = function ClockIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M8 8h3v2H7c-.55 0-1-.45-1-1V4h2v4zM7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"
-  }));
-};
-
-ClockIcon.defaultProps = {
-  viewBox: "0 0 14 16",
-  fill: "currentColor"
-};
-
-var CloseIcon = function CloseIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-  }));
-};
-
-CloseIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
-};
-
-var CommitIcon = function CommitIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M694.875 448C666.375 337.781 567.125 256 448 256c-119.094 0-218.375 81.781-246.906 192H0v128h201.094C229.625 686.25 328.906 768 448 768c119.125 0 218.375-81.75 246.875-192H896V448H694.875zM448 640c-70.656 0-128-57.375-128-128 0-70.656 57.344-128 128-128 70.625 0 128 57.344 128 128 0 70.625-57.375 128-128 128z"
-  }));
-};
-
-CommitIcon.defaultProps = {
-  viewBox: "0 0 896 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var FilterIcon = function FilterIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }));
-};
-
-FilterIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var HelpIcon = function HelpIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
-  }));
-};
-
-HelpIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
-};
-
-var MenuIcon = function MenuIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-  }));
-};
-
-MenuIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var PackageIcon = function PackageIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M480 64L0 192v576l480 128 480-128V192L480 64zM63.875 720.934L63.5 288l384.498 102.533.001 432.833L63.875 720.934zM63.5 224l160.254-42.734L640 292.265v.135l-160 42.667L63.5 224zm832.625 496.934L512.001 823.366l.001-432.833L640 356.4v156l128-34.135V322.267L896.5 288l-.375 432.934zM768 258.267v-.125L351.734 147.138 480 112.934 896.5 224 768 258.267z"
-  }));
-};
-
-PackageIcon.defaultProps = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var PullRequestIcon = function PullRequestIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M128 64C57.344 64 0 121.344 0 192c0 47.219 25.906 88.062 64 110.281V721.75C25.906 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128zm0 832c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64 0 35.375-28.594 64-64 64zm0-640c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64s-28.594 64-64 64zm576 465.75V320c0-192.5-192-192-192-192h-64V0L256 192l192 192V256h64c56.438 0 64 64 64 64v401.75c-38.125 22.188-64 62.938-64 110.25 0 70.625 57.375 128 128 128s128-57.375 128-128c0-47.25-25.875-88.062-64-110.25zM640 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.375 0 64 28.688 64 64 0 35.375-28.625 64-64 64z"
-  }));
-};
-
-PullRequestIcon.defaultProps = {
-  viewBox: "0 0 768 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var SortIcon = function SortIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }));
-};
-
-SortIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
-  }));
-};
-
-WarningIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
 import css from './icon.module.css';
 const ICONS = {
   ARROW: 'arrow',
-  BRANCH: 'branch',
   CANCEL: 'cancel',
   CLOSE: 'close',
   CLOCK: 'clock',
@@ -195,39 +13,24 @@ const ICONS = {
   FILTER: 'filter',
   HELP: 'help',
   MENU: 'menu',
-  PACKAGE: 'package',
-  PR: 'pr',
   SORT: 'sort',
   WARNING: 'warning'
 };
-const ICON_MAP = {
-  [ICONS.ARROW]: ArrowIcon,
-  [ICONS.BRANCH]: BranchIcon,
-  [ICONS.CANCEL]: CancelIcon,
-  [ICONS.CLOCK]: ClockIcon,
-  [ICONS.CLOSE]: CloseIcon,
-  [ICONS.COMMIT]: CommitIcon,
-  [ICONS.FILTER]: FilterIcon,
-  [ICONS.HELP]: HelpIcon,
-  [ICONS.MENU]: MenuIcon,
-  [ICONS.PACKAGE]: PackageIcon,
-  [ICONS.PR]: PullRequestIcon,
-  [ICONS.SORT]: SortIcon,
-  [ICONS.WARNING]: WarningIcon
-};
-export const Icon = ({
-  className,
-  glyph,
-  as: Component,
-  size,
-  ...restProps
-}) => {
-  const Svg = typeof glyph === 'string' ? ICON_MAP[glyph] : glyph;
+export const Icon = _ref => {
+  let {
+    className,
+    glyph,
+    as: Component,
+    size,
+    ...restProps
+  } = _ref;
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: cx(css.root, className, css[size])
-  }, restProps), /*#__PURE__*/React.createElement(Svg, {
+  }, restProps), /*#__PURE__*/React.createElement("svg", {
     className: css.icon
-  }));
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: `#${glyph}`
+  })));
 };
 Icon.ICONS = ICONS;
 Icon.SIZE_SMALL = 'small';