[docs][POC] Allow full screen demos

docs/pages/joy-ui/react-button-group.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/joy/components/button-group/button-group.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/joy-ui/react-button.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/joy/components/button/button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/about-the-lab.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/about-the-lab/about-the-lab.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/all-components/index.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/all-components/all-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/icons.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/icons/icons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/material-icons.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/material-icons/material-icons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-accordion.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/accordion/accordion.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-alert.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/alert/alert.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-app-bar.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/app-bar/app-bar.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-autocomplete.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/autocomplete/autocomplete.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-avatar.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/avatars/avatars.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-backdrop.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/backdrop/backdrop.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-badge.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/badges/badges.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-bottom-navigation.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/bottom-navigation/bottom-navigation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-box.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/box/box.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-breadcrumbs.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/breadcrumbs/breadcrumbs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-button-group.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/button-group/button-group.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-button.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/buttons/buttons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-card.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/cards/cards.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-checkbox.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/checkboxes/checkboxes.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-chip.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/chips/chips.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-click-away-listener.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/click-away-listener/click-away-listener.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-container.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/container/container.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-css-baseline.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/css-baseline/css-baseline.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-dialog.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/dialogs/dialogs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-divider.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/dividers/dividers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-drawer.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/drawers/drawers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-floating-action-button.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/floating-action-button/floating-action-button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-grid-legacy.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/grid-legacy/grid-legacy.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};

docs/pages/material-ui/react-grid.js

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/grid/grid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};