chore: sync with verdaccio master

src/components/Dependencies/index.js

@@ -1,116 +0,0 @@
-/**
- * @prettier
- * @flow
- */
-
-/* eslint react/jsx-max-depth: 0 */
-
-import React, { Component, Fragment } from 'react';
-import { withRouter } from 'react-router-dom';
-import CardContent from '@material-ui/core/CardContent/index';
-
-import { DetailContextConsumer } from '../../pages/version';
-
-import { CardWrap, Heading, Tags, Tag } from './styles';
-import NoItems from '../NoItems';
-
-class DepDetail extends Component<any, any> {
-  constructor(props: any) {
-    super(props);
-    const { name, version } = this.props;
-
-    this.state = {
-      name,
-      version,
-    };
-  }
-
-  render() {
-    const { name, version } = this.state;
-    const tagText = `${name}@${version}`;
-    return <Tag className={'dep-tag'} clickable={true} component={'div'} label={tagText} onClick={this.handleOnClick} />;
-  }
-
-  handleOnClick = () => {
-    const { name } = this.state;
-    const { onLoading, history } = this.props;
-
-    onLoading();
-    history.push(`/-/web/detail/${name}`);
-  };
-}
-
-const WrappDepDetail = withRouter(DepDetail);
-
-class DependencyBlock extends Component<any, any> {
-  render() {
-    const { dependencies, title } = this.props;
-    const deps = Object.entries(dependencies);
-
-    return (
-      // $FlowFixMe
-      <DetailContextConsumer>
-        {({ enableLoading }) => {
-          return (
-            <CardWrap>
-              <CardContent>
-                <Heading variant={'subheading'}>{`${title} (${deps.length})`}</Heading>
-                <Tags>{this.renderTags(deps, enableLoading)}</Tags>
-              </CardContent>
-            </CardWrap>
-          );
-        }}
-      </DetailContextConsumer>
-    );
-  }
-
-  renderTags = (deps: any, enableLoading: any) =>
-    deps.map(dep => {
-      const [name, version] = dep;
-
-      return <WrappDepDetail key={name} name={name} onLoading={enableLoading} version={version} />;
-    });
-}
-
-class Dependencies extends Component<any, any> {
-  state = {
-    tabPosition: 0,
-  };
-
-  render() {
-    return (
-      <DetailContextConsumer>
-        {packageMeta => {
-          return this.renderDependencies(packageMeta);
-        }}
-      </DetailContextConsumer>
-    );
-  }
-
-  checkDependencyLength(dependency: Object = {}) {
-    return Object.keys(dependency).length > 0;
-  }
-
-  // $FlowFixMe
-  renderDependencies({ packageMeta }) {
-    const { latest } = packageMeta;
-    const { dependencies, devDependencies, peerDependencies, name } = latest;
-
-    const dependencyMap = { dependencies, devDependencies, peerDependencies };
-
-    const dependencyList = Object.keys(dependencyMap).reduce((result, value, key) => {
-      const selectedDepndency = dependencyMap[value];
-      if (selectedDepndency && this.checkDependencyLength(selectedDepndency)) {
-        result.push(<DependencyBlock className={'dependency-block'} dependencies={selectedDepndency} key={key} title={value} />);
-      }
-      return result;
-    }, []);
-
-    if (dependencyList.length) {
-      return <Fragment>{dependencyList}</Fragment>;
-    }
-    return <NoItems className={'no-dependencies'} text={`${name} has no dependencies.`} />;
-  }
-}
-
-export default Dependencies;

src/components/Dependencies/styles.js

@@ -1,37 +0,0 @@
-/**
- * @prettier
- * @flow
- */
-
-import styled from 'react-emotion';
-import Card from '@material-ui/core/Card/index';
-import Typography from '@material-ui/core/Typography/index';
-import Chip from '@material-ui/core/Chip/index';
-
-export const CardWrap = styled(Card)`
-  && {
-    margin: 0 0 16px;
-  }
-`;
-
-export const Heading = styled(Typography)`
-  && {
-    font-weight: 700;
-    text-transform: capitalize;
-  }
-`;
-
-export const Tags = styled('div')`
-  && {
-    display: flex;
-    justify-content: start;
-    flex-wrap: wrap;
-    margin: 0 -5px;
-  }
-`;
-
-export const Tag = styled(Chip)`
-  && {
-    margin: 5px;
-  }
-`;

src/components/Dependencies/types.js

@@ -1,12 +0,0 @@
-/**
- * @prettier
- * @flow
- */
-
-import type { Node } from 'react';
-
-export interface IProps {
-  children: Node;
-  open: boolean;
-  onClose: () => void;
-}