refactor(v2): move themes components from docs blog (#1571)

* refactor(v2): move themes from docs blog

* move mdxprovider to docs and blog only

packages/docusaurus-plugin-content-docs/src/theme/DocSidebar/index.js

@@ -1,130 +0,0 @@
-/**
- * Copyright (c) 2017-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import React, {useState} from 'react';
-import classnames from 'classnames';
-
-import Link from '@docusaurus/Link'; // eslint-disable-line
-
-import styles from './styles.module.css';
-
-const MOBILE_TOGGLE_SIZE = 24;
-
-function DocSidebar(props) {
-  const [showResponsiveSidebar, setShowResponsiveSidebar] = useState(false);
-  const {docsMetadata, sidebar} = props;
-
-  if (!sidebar) {
-    return null;
-  }
-
-  const thisSidebar = docsMetadata.docsSidebars[sidebar];
-
-  if (!thisSidebar) {
-    throw new Error(`Can not find ${sidebar} config`);
-  }
-
-  const convertDocLink = item => {
-    const linkID = item.id;
-    const linkMetadata = docsMetadata.docs[linkID];
-
-    if (!linkMetadata) {
-      throw new Error(
-        `Improper sidebars file, document with id '${linkID}' not found.`,
-      );
-    }
-
-    return {
-      type: 'link',
-      label: linkMetadata.sidebar_label || linkMetadata.title,
-      href: linkMetadata.permalink,
-    };
-  };
-
-  const renderItem = item => {
-    switch (item.type) {
-      case 'category':
-        return (
-          <li className="menu__list-item" key={item.label}>
-            <a className="menu__link" href="#!">
-              {item.label}
-            </a>
-            <ul className="menu__list">{item.items.map(renderItem)}</ul>
-          </li>
-        );
-
-      case 'link':
-        return (
-          <li className="menu__list-item" key={item.label}>
-            <Link
-              activeClassName="menu__link--active"
-              className="menu__link"
-              to={item.href}
-              onClick={() => {
-                setShowResponsiveSidebar(false);
-              }}>
-              {item.label}
-            </Link>
-          </li>
-        );
-
-      case 'ref':
-      default:
-        return renderItem(convertDocLink(item));
-    }
-  };
-
-  return (
-    <div className={styles.sidebar}>
-      <div
-        className={classnames('menu', 'menu--responsive', {
-          'menu--show': showResponsiveSidebar,
-        })}>
-        <button
-          aria-label={showResponsiveSidebar ? 'Close Menu' : 'Open Menu'}
-          className="button button--secondary button--sm menu__button"
-          type="button"
-          onClick={() => {
-            setShowResponsiveSidebar(!showResponsiveSidebar);
-          }}>
-          {showResponsiveSidebar ? (
-            <span
-              className={classnames(
-                styles.sidebarMenuIcon,
-                styles.sidebarMenuCloseIcon,
-              )}>
-              &times;
-            </span>
-          ) : (
-            <svg
-              className={styles.sidebarMenuIcon}
-              xmlns="http://www.w3.org/2000/svg"
-              height={MOBILE_TOGGLE_SIZE}
-              width={MOBILE_TOGGLE_SIZE}
-              viewBox="0 0 32 32"
-              role="img"
-              focusable="false">
-              <title>Menu</title>
-              <path
-                stroke="currentColor"
-                strokeLinecap="round"
-                strokeMiterlimit="10"
-                strokeWidth="2"
-                d="M4 7h22M4 15h22M4 23h22"
-              />
-            </svg>
-          )}
-        </button>
-        <ul className="menu__list">
-          {thisSidebar.map(item => renderItem(item, {root: true}))}
-        </ul>
-      </div>
-    </div>
-  );
-}
-
-export default DocSidebar;