[docs] Create React page to host json API pages

mui · Nov 25, 2020 · 4a1e58d · 4a1e58d
1 parent 161fb85
commit 4a1e58d
Show file tree

Hide file tree

Showing 279 changed files with 1,341 additions and 723 deletions.
diff --git a/docs/pages/api-docs/accordion-actions.js b/docs/pages/api-docs/accordion-actions.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/accordion-actions';
 const requireRaw = require.context('!raw-loader!./', false, /\/accordion-actions\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/accordion-details.js b/docs/pages/api-docs/accordion-details.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/accordion-details';
 const requireRaw = require.context('!raw-loader!./', false, /\/accordion-details\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/accordion-summary.js b/docs/pages/api-docs/accordion-summary.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/accordion-summary';
 const requireRaw = require.context('!raw-loader!./', false, /\/accordion-summary\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/accordion.js b/docs/pages/api-docs/accordion.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/accordion';
 const requireRaw = require.context('!raw-loader!./', false, /\/accordion\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/alert-title.js b/docs/pages/api-docs/alert-title.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/alert-title';
 const requireRaw = require.context('!raw-loader!./', false, /\/alert-title\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/alert.js b/docs/pages/api-docs/alert.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/alert';
 const requireRaw = require.context('!raw-loader!./', false, /\/alert\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/app-bar.js b/docs/pages/api-docs/app-bar.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/app-bar';
 const requireRaw = require.context('!raw-loader!./', false, /\/app-bar\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/autocomplete.js b/docs/pages/api-docs/autocomplete.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/autocomplete';
 const requireRaw = require.context('!raw-loader!./', false, /\/autocomplete\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/avatar-group.js b/docs/pages/api-docs/avatar-group.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/avatar-group';
 const requireRaw = require.context('!raw-loader!./', false, /\/avatar-group\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/avatar.js b/docs/pages/api-docs/avatar.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/avatar';
 const requireRaw = require.context('!raw-loader!./', false, /\/avatar\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/backdrop.js b/docs/pages/api-docs/backdrop.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/backdrop';
 const requireRaw = require.context('!raw-loader!./', false, /\/backdrop\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/badge.js b/docs/pages/api-docs/badge.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/badge';
 const requireRaw = require.context('!raw-loader!./', false, /\/badge\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/bottom-navigation-action.js b/docs/pages/api-docs/bottom-navigation-action.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/bottom-navigation-action';
 const requireRaw = require.context('!raw-loader!./', false, /\/bottom-navigation-action\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/bottom-navigation.js b/docs/pages/api-docs/bottom-navigation.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/bottom-navigation';
 const requireRaw = require.context('!raw-loader!./', false, /\/bottom-navigation\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/breadcrumbs.js b/docs/pages/api-docs/breadcrumbs.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/breadcrumbs';
 const requireRaw = require.context('!raw-loader!./', false, /\/breadcrumbs\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/button-base.js b/docs/pages/api-docs/button-base.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/button-base';
 const requireRaw = require.context('!raw-loader!./', false, /\/button-base\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/button-group.js b/docs/pages/api-docs/button-group.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/button-group';
 const requireRaw = require.context('!raw-loader!./', false, /\/button-group\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/button.js b/docs/pages/api-docs/button.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/button';
 const requireRaw = require.context('!raw-loader!./', false, /\/button\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/card-action-area.js b/docs/pages/api-docs/card-action-area.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-action-area';
 const requireRaw = require.context('!raw-loader!./', false, /\/card-action-area\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/card-actions.js b/docs/pages/api-docs/card-actions.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-actions';
 const requireRaw = require.context('!raw-loader!./', false, /\/card-actions\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/card-content.js b/docs/pages/api-docs/card-content.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-content';
 const requireRaw = require.context('!raw-loader!./', false, /\/card-content\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/card-header.js b/docs/pages/api-docs/card-header.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-header';
 const requireRaw = require.context('!raw-loader!./', false, /\/card-header\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/card-media.js b/docs/pages/api-docs/card-media.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card-media';
 const requireRaw = require.context('!raw-loader!./', false, /\/card-media\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/card.js b/docs/pages/api-docs/card.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/card';
 const requireRaw = require.context('!raw-loader!./', false, /\/card\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/checkbox.js b/docs/pages/api-docs/checkbox.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/checkbox';
 const requireRaw = require.context('!raw-loader!./', false, /\/checkbox\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {

diff --git a/docs/pages/api-docs/chip.js b/docs/pages/api-docs/chip.js
@@ -1,12 +1,12 @@
 import React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import TopLayoutDocs from 'docs/src/modules/components/TopLayoutDocs';
 import { prepareMarkdown } from 'docs/src/modules/utils/parseMarkdown';
 
 const pageFilename = 'api/chip';
 const requireRaw = require.context('!raw-loader!./', false, /\/chip\.md$/);
 
 export default function Page({ docs }) {
-  return <MarkdownDocs docs={docs} />;
+  return <TopLayoutDocs docs={docs} />;
 }
 
 Page.getInitialProps = () => {