[docs] Remove the withRoot HOC

docs/scripts/buildApi.js

@@ -159,16 +159,17 @@ function buildDocs(options) {
     writeFileSync(path.resolve(docsApiDirectory, `${kebabCase(reactAPI.name)}.md`), markdown);
     writeFileSync(
       path.resolve(docsApiDirectory, `${kebabCase(reactAPI.name)}.js`),
-      `import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
+      `import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
+import React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './${kebabCase(reactAPI.name)}.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
 `,
     );
 

pages/_app.js

@@ -1,5 +1,5 @@
 import 'docs/src/modules/components/bootstrap';
-
+// --- Post bootstrap -----
 import React from 'react';
 import App, { Container } from 'next/app';
 import find from 'lodash/find';

pages/api/app-bar.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './app-bar.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/avatar.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './avatar.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/backdrop.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './backdrop.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/badge.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './badge.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/bottom-navigation-action.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './bottom-navigation-action.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/bottom-navigation.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './bottom-navigation.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/button-base.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './button-base.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/button.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './button.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/card-action-area.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-action-area.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/card-actions.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-actions.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/card-content.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-content.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/card-header.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-header.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/card-media.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-media.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/card.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/checkbox.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './checkbox.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/chip.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './chip.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/circular-progress.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './circular-progress.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/click-away-listener.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './click-away-listener.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/collapse.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './collapse.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/css-baseline.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './css-baseline.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/dialog-actions.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-actions.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/dialog-content-text.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-content-text.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/dialog-content.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-content.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/dialog-title.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-title.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;

pages/api/dialog.js

@@ -1,10 +1,11 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog.md';
 
 function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;