chore: sync with verdaccio master

src/components/Dist/index.js

@@ -1,59 +0,0 @@
-/**
- * @prettier
- */
-
-/* eslint-disable */
-import React, { Component } from 'react';
-import List from '@material-ui/core/List/index';
-
-import { DetailContextConsumer } from '../../pages/version/index';
-
-import { Heading, DistListItem, DistChips, DownloadButton } from './styles';
-import fileSizeSI from '../../utils/file-size';
-
-class Dist extends Component<any, any> {
-  render() {
-    return (
-      <DetailContextConsumer>
-        {context => {
-          return this.renderDist(context);
-        }}
-      </DetailContextConsumer>
-    );
-  }
-
-  renderChips(dist, license) {
-    const distDict = {
-      'file-count': dist.fileCount,
-      size: dist.unpackedSize && fileSizeSI(dist.unpackedSize),
-      license,
-    };
-
-    const chipsList = Object.keys(distDict).reduce((componentList, title, key) => {
-      const value = distDict[title];
-      if (value) {
-        const label = (
-          <span>
-            <b>{title.split('-').join(' ')}</b>: {value}
-          </span>
-        );
-        componentList.push(<DistChips label={label} key={key} />);
-      }
-      return componentList;
-    }, []);
-
-    return chipsList;
-  }
-
-  renderDist = ({ packageMeta }) => {
-    const { dist = {}, license } = packageMeta.latest;
-
-    return (
-      <List subheader={<Heading variant={'subheading'}>{'Latest Distribution'}</Heading>}>
-        <DistListItem>{this.renderChips(dist, license)}</DistListItem>
-      </List>
-    );
-  };
-}
-
-export default Dist;

src/components/Dist/styles.js

@@ -1,39 +0,0 @@
-/**
- * @prettier
- */
-
-import styled from 'react-emotion';
-import { default as MuiFab } from '@material-ui/core/Fab/index';
-import Chip from '@material-ui/core/Chip/index';
-import ListItem from '@material-ui/core/ListItem/index';
-import Typography from '@material-ui/core/Typography/index';
-
-import colors from '../../utils/styles/colors';
-
-export const Heading = styled(Typography)`
-  && {
-    font-weight: 700;
-    text-transform: capitalize;
-  }
-`;
-
-export const DistListItem = styled(ListItem)`
-  && {
-    padding-left: 0;
-    padding-right: 0;
-  }
-`;
-
-export const DistChips = styled(Chip)`
-  && {
-    margin-right: 5px;
-    text-transform: capitalize;
-  }
-`;
-
-export const DownloadButton = styled(MuiFab)`
-  && {
-    background-color: ${colors.primary};
-    color: ${colors.white};
-  }
-`;