From 163faa67a27a70bdd0d90865576d31113e86b45a Mon Sep 17 00:00:00 2001 From: delangle Date: Fri, 9 Sep 2022 14:52:10 +0200 Subject: [PATCH] [docs] Use markdown loader for custom components --- docs/packages/markdown/loader.js | 43 +++++++++++++++---- .../base/getting-started/customization.js | 8 +--- .../base/getting-started/installation.js | 8 +--- docs/pages/base/getting-started/overview.js | 8 +--- docs/pages/base/getting-started/usage.js | 8 +--- .../base/guides/working-with-tailwind-css.js | 8 +--- docs/pages/base/react-badge.js | 8 +--- docs/pages/base/react-button.js | 8 +--- docs/pages/base/react-click-away-listener.js | 8 +--- docs/pages/base/react-form-control.js | 8 +--- docs/pages/base/react-input.js | 8 +--- docs/pages/base/react-menu.js | 4 +- docs/pages/base/react-modal.js | 8 +--- docs/pages/base/react-no-ssr.js | 8 +--- docs/pages/base/react-popper.js | 8 +--- docs/pages/base/react-portal.js | 8 +--- docs/pages/base/react-select.js | 8 +--- docs/pages/base/react-slider.js | 8 +--- docs/pages/base/react-switch.js | 8 +--- docs/pages/base/react-table-pagination.js | 8 +--- docs/pages/base/react-tabs.js | 4 +- docs/pages/base/react-textarea-autosize.js | 8 +--- docs/pages/base/react-trap-focus.js | 8 +--- docs/pages/careers/fullstack-engineer.js | 8 +--- .../careers/people-operations-manager.js | 8 +--- docs/pages/careers/product-engineer.js | 8 +--- docs/pages/careers/react-engineer-core.js | 8 +--- docs/pages/careers/react-engineer-x.js | 8 +--- docs/pages/careers/react-support-engineer.js | 8 +--- docs/pages/careers/support-agent.js | 4 +- docs/pages/company/contact.js | 8 +--- .../experimental-api/classname-generator.js | 8 +--- docs/pages/experimental-api/css-variables.js | 8 +--- docs/pages/experiments/docs/callouts.js | 4 +- docs/pages/joy-ui/customization/approaches.js | 8 +--- .../joy-ui/customization/default-theme.js | 8 +--- .../joy-ui/customization/theme-tokens.js | 8 +--- .../joy-ui/customization/themed-components.js | 8 +--- .../customization/using-css-variables.js | 8 +--- .../joy-ui/getting-started/installation.js | 8 +--- docs/pages/joy-ui/getting-started/overview.js | 8 +--- .../joy-ui/getting-started/templates/index.js | 8 +--- docs/pages/joy-ui/getting-started/tutorial.js | 8 +--- docs/pages/joy-ui/getting-started/usage.js | 8 +--- .../pages/joy-ui/guides/applying-dark-mode.js | 8 +--- .../using-joy-ui-and-material-ui-together.js | 8 +--- .../main-features/automatic-adjustment.js | 8 +--- .../joy-ui/main-features/global-variants.js | 8 +--- .../joy-ui/main-features/perfect-dark-mode.js | 8 +--- docs/pages/joy-ui/react-alert.js | 4 +- docs/pages/joy-ui/react-aspect-ratio.js | 8 +--- docs/pages/joy-ui/react-avatar.js | 8 +--- docs/pages/joy-ui/react-badge.js | 4 +- docs/pages/joy-ui/react-breadcrumbs.js | 8 +--- docs/pages/joy-ui/react-button.js | 8 +--- docs/pages/joy-ui/react-card.js | 4 +- docs/pages/joy-ui/react-checkbox.js | 8 +--- docs/pages/joy-ui/react-chip.js | 4 +- docs/pages/joy-ui/react-link.js | 4 +- docs/pages/joy-ui/react-list.js | 4 +- docs/pages/joy-ui/react-menu.js | 4 +- docs/pages/joy-ui/react-radio-button.js | 4 +- docs/pages/joy-ui/react-select.js | 8 +--- docs/pages/joy-ui/react-sheet.js | 4 +- docs/pages/joy-ui/react-slider.js | 8 +--- docs/pages/joy-ui/react-switch.js | 8 +--- docs/pages/joy-ui/react-tabs.js | 4 +- docs/pages/joy-ui/react-text-field.js | 8 +--- docs/pages/joy-ui/react-textarea.js | 8 +--- docs/pages/joy-ui/react-typography.js | 8 +--- docs/pages/material-ui/about-the-lab.js | 8 +--- .../material-ui/customization/breakpoints.js | 8 +--- docs/pages/material-ui/customization/color.js | 8 +--- .../material-ui/customization/dark-mode.js | 8 +--- .../customization/default-theme.js | 8 +--- .../material-ui/customization/density.js | 8 +--- .../customization/how-to-customize.js | 8 +--- .../material-ui/customization/palette.js | 8 +--- .../material-ui/customization/spacing.js | 8 +--- .../customization/theme-components.js | 8 +--- .../material-ui/customization/theming.js | 8 +--- .../material-ui/customization/transitions.js | 8 +--- .../material-ui/customization/typography.js | 8 +--- .../material-ui/customization/z-index.js | 8 +--- .../material-ui/discover-more/backers.js | 8 +--- .../material-ui/discover-more/changelog.js | 8 +--- .../material-ui/discover-more/design-kits.js | 8 +--- .../material-ui/discover-more/languages.js | 8 +--- .../discover-more/related-projects.js | 8 +--- .../material-ui/discover-more/roadmap.js | 8 +--- .../material-ui/discover-more/showcase.js | 8 +--- .../pages/material-ui/discover-more/vision.js | 8 +--- .../experimental-api/classname-generator.js | 8 +--- .../experimental-api/css-variables.js | 8 +--- .../getting-started/example-projects.js | 8 +--- docs/pages/material-ui/getting-started/faq.js | 8 +--- .../getting-started/installation.js | 8 +--- .../material-ui/getting-started/learn.js | 8 +--- .../material-ui/getting-started/overview.js | 8 +--- .../material-ui/getting-started/support.js | 8 +--- .../getting-started/supported-components.js | 8 +--- .../getting-started/supported-platforms.js | 8 +--- .../material-ui/getting-started/templates.js | 8 +--- .../material-ui/getting-started/usage.js | 8 +--- docs/pages/material-ui/guides/api.js | 4 +- docs/pages/material-ui/guides/composition.js | 8 +--- .../guides/content-security-policy.js | 8 +--- docs/pages/material-ui/guides/flow.js | 4 +- .../material-ui/guides/interoperability.js | 8 +--- docs/pages/material-ui/guides/localization.js | 8 +--- .../guides/minimizing-bundle-size.js | 8 +--- .../material-ui/guides/pickers-migration.js | 8 +--- .../pages/material-ui/guides/responsive-ui.js | 8 +--- .../pages/material-ui/guides/right-to-left.js | 8 +--- docs/pages/material-ui/guides/routing.js | 8 +--- .../material-ui/guides/server-rendering.js | 8 +--- docs/pages/material-ui/guides/shadow-dom.js | 8 +--- .../pages/material-ui/guides/styled-engine.js | 8 +--- docs/pages/material-ui/guides/testing.js | 8 +--- docs/pages/material-ui/guides/typescript.js | 8 +--- .../guides/understand-mui-packages.js | 8 +--- docs/pages/material-ui/icons.js | 8 +--- docs/pages/material-ui/material-icons.js | 8 +--- .../migration/migrating-from-jss.js | 8 +--- .../migration/migration-grid-v2.js | 8 +--- .../material-ui/migration/migration-v0x.js | 8 +--- .../material-ui/migration/migration-v3.js | 8 +--- .../material-ui/migration/migration-v4.js | 8 +--- .../material-ui/migration/troubleshooting.js | 8 +--- .../migration/v5-component-changes.js | 8 +--- .../material-ui/migration/v5-style-changes.js | 8 +--- docs/pages/material-ui/react-accordion.js | 8 +--- docs/pages/material-ui/react-alert.js | 8 +--- docs/pages/material-ui/react-app-bar.js | 8 +--- docs/pages/material-ui/react-autocomplete.js | 8 +--- docs/pages/material-ui/react-avatar.js | 8 +--- docs/pages/material-ui/react-backdrop.js | 8 +--- docs/pages/material-ui/react-badge.js | 8 +--- .../material-ui/react-bottom-navigation.js | 8 +--- docs/pages/material-ui/react-box.js | 8 +--- docs/pages/material-ui/react-breadcrumbs.js | 8 +--- docs/pages/material-ui/react-button-group.js | 8 +--- docs/pages/material-ui/react-button.js | 8 +--- docs/pages/material-ui/react-card.js | 8 +--- docs/pages/material-ui/react-checkbox.js | 8 +--- docs/pages/material-ui/react-chip.js | 8 +--- .../material-ui/react-click-away-listener.js | 8 +--- docs/pages/material-ui/react-container.js | 8 +--- docs/pages/material-ui/react-css-baseline.js | 8 +--- docs/pages/material-ui/react-dialog.js | 8 +--- docs/pages/material-ui/react-divider.js | 8 +--- docs/pages/material-ui/react-drawer.js | 8 +--- .../react-floating-action-button.js | 8 +--- docs/pages/material-ui/react-grid.js | 8 +--- docs/pages/material-ui/react-grid2.js | 8 +--- docs/pages/material-ui/react-hidden.js | 8 +--- docs/pages/material-ui/react-image-list.js | 8 +--- docs/pages/material-ui/react-link.js | 8 +--- docs/pages/material-ui/react-list.js | 8 +--- docs/pages/material-ui/react-masonry.js | 8 +--- docs/pages/material-ui/react-menu.js | 8 +--- docs/pages/material-ui/react-modal.js | 8 +--- docs/pages/material-ui/react-no-ssr.js | 8 +--- docs/pages/material-ui/react-pagination.js | 8 +--- docs/pages/material-ui/react-paper.js | 8 +--- docs/pages/material-ui/react-popover.js | 8 +--- docs/pages/material-ui/react-popper.js | 8 +--- docs/pages/material-ui/react-portal.js | 8 +--- docs/pages/material-ui/react-progress.js | 8 +--- docs/pages/material-ui/react-radio-button.js | 8 +--- docs/pages/material-ui/react-rating.js | 8 +--- docs/pages/material-ui/react-select.js | 8 +--- docs/pages/material-ui/react-skeleton.js | 8 +--- docs/pages/material-ui/react-slider.js | 8 +--- docs/pages/material-ui/react-snackbar.js | 8 +--- docs/pages/material-ui/react-speed-dial.js | 8 +--- docs/pages/material-ui/react-stack.js | 8 +--- docs/pages/material-ui/react-stepper.js | 8 +--- docs/pages/material-ui/react-switch.js | 8 +--- docs/pages/material-ui/react-table.js | 8 +--- docs/pages/material-ui/react-tabs.js | 8 +--- docs/pages/material-ui/react-text-field.js | 8 +--- .../material-ui/react-textarea-autosize.js | 8 +--- docs/pages/material-ui/react-timeline.js | 8 +--- docs/pages/material-ui/react-toggle-button.js | 8 +--- docs/pages/material-ui/react-tooltip.js | 8 +--- docs/pages/material-ui/react-transfer-list.js | 8 +--- docs/pages/material-ui/react-tree-view.js | 8 +--- docs/pages/material-ui/react-typography.js | 8 +--- .../material-ui/react-use-media-query.js | 8 +--- docs/pages/material-ui/transitions.js | 8 +--- docs/pages/production-error.js | 8 +--- docs/pages/system/borders.js | 4 +- docs/pages/system/display.js | 4 +- docs/pages/system/flexbox.js | 4 +- .../getting-started/custom-components.js | 8 +--- .../system/getting-started/installation.js | 8 +--- docs/pages/system/getting-started/overview.js | 8 +--- .../system/getting-started/the-sx-prop.js | 8 +--- docs/pages/system/getting-started/usage.js | 8 +--- docs/pages/system/grid.js | 4 +- docs/pages/system/palette.js | 4 +- docs/pages/system/positions.js | 4 +- docs/pages/system/properties.js | 8 +--- docs/pages/system/react-box.js | 4 +- docs/pages/system/react-container.js | 8 +--- docs/pages/system/react-grid.js | 8 +--- docs/pages/system/react-stack.js | 8 +--- docs/pages/system/screen-readers.js | 8 +--- docs/pages/system/shadows.js | 4 +- docs/pages/system/sizing.js | 4 +- docs/pages/system/spacing.js | 4 +- docs/pages/system/styled.js | 4 +- docs/pages/system/styles/advanced.js | 4 +- docs/pages/system/styles/api.js | 4 +- docs/pages/system/styles/basics.js | 4 +- docs/pages/system/typography.js | 8 +--- docs/pages/versions.js | 4 +- docs/src/modules/components/MarkdownDocs.js | 23 ++++++---- 219 files changed, 484 insertions(+), 1194 deletions(-) diff --git a/docs/packages/markdown/loader.js b/docs/packages/markdown/loader.js index 1f35a7d5f2ae29..0a80e7029a09bc 100644 --- a/docs/packages/markdown/loader.js +++ b/docs/packages/markdown/loader.js @@ -123,7 +123,9 @@ module.exports = async function demoLoader() { const { docs } = prepareMarkdown({ pageFilename, translations, componentPackageMapping }); const demos = {}; + const components = {}; const demoModuleIDs = new Set(); + const componentModuleIDs = new Set(); const demoNames = Array.from( new Set( docs.en.rendered @@ -145,6 +147,7 @@ module.exports = async function demoLoader() { `pages/${pageFilename.replace(/^\/src\/pages\//, '')}/`, '', )}`; + const moduleFilepath = path.join( path.dirname(this.resourcePath), moduleID.replace(/\//g, path.sep), @@ -187,17 +190,36 @@ module.exports = async function demoLoader() { }), ); - /** - * @param {string} moduleID - */ - function getDemoIdentifier(moduleID) { - return moduleIDToJSIdentifier(moduleID); - } + const componentNames = Array.from( + new Set( + docs.en.rendered + .filter((markdownOrComponentConfig) => { + return ( + typeof markdownOrComponentConfig !== 'string' && markdownOrComponentConfig.component + ); + }) + .map((componentConfig) => { + return componentConfig.component; + }), + ), + ); + + componentNames.forEach((componentName) => { + const moduleID = path.join(this.rootContext, 'src', componentName); + + components[moduleID] = componentName; + componentModuleIDs.add(moduleID); + }); const transformed = ` ${Array.from(demoModuleIDs) .map((moduleID) => { - return `import ${getDemoIdentifier(moduleID)} from '${moduleID}';`; + return `import ${moduleIDToJSIdentifier(moduleID)} from '${moduleID}';`; + }) + .join('\n')} + ${Array.from(componentModuleIDs) + .map((moduleID) => { + return `import ${moduleIDToJSIdentifier(moduleID)} from '${moduleID}';`; }) .join('\n')} @@ -205,9 +227,14 @@ module.exports = async function demoLoader() { export const demos = ${JSON.stringify(demos, null, 2)}; export const demoComponents = {${Array.from(demoModuleIDs) .map((moduleID) => { - return `${JSON.stringify(moduleID)}: ${getDemoIdentifier(moduleID)},`; + return `${JSON.stringify(moduleID)}: ${moduleIDToJSIdentifier(moduleID)},`; }) .join('\n')}}; + export const componentComponents = {${Array.from(componentModuleIDs) + .map((moduleID) => { + return `${JSON.stringify(components[moduleID])}: ${moduleIDToJSIdentifier(moduleID)},`; + }) + .join('\n')}}; `; return transformed; diff --git a/docs/pages/base/getting-started/customization.js b/docs/pages/base/getting-started/customization.js index 125d3d7143d91e..7f2aa5e2a9ddcd 100644 --- a/docs/pages/base/getting-started/customization.js +++ b/docs/pages/base/getting-started/customization.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/getting-started/customization/customization.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/getting-started/customization/customization.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/getting-started/installation.js b/docs/pages/base/getting-started/installation.js index 187bbfcb6e730d..9447440bf3d9f0 100644 --- a/docs/pages/base/getting-started/installation.js +++ b/docs/pages/base/getting-started/installation.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/getting-started/installation/installation.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/getting-started/installation/installation.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/getting-started/overview.js b/docs/pages/base/getting-started/overview.js index da4dcbd50200d0..242865fbcd50cc 100644 --- a/docs/pages/base/getting-started/overview.js +++ b/docs/pages/base/getting-started/overview.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/getting-started/overview/overview.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/getting-started/overview/overview.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/getting-started/usage.js b/docs/pages/base/getting-started/usage.js index afc777dba77437..02e6d938334a5a 100644 --- a/docs/pages/base/getting-started/usage.js +++ b/docs/pages/base/getting-started/usage.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/getting-started/usage/usage.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/getting-started/usage/usage.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/guides/working-with-tailwind-css.js b/docs/pages/base/guides/working-with-tailwind-css.js index 353e5a764b2ba1..3ba1ff812fc256 100644 --- a/docs/pages/base/guides/working-with-tailwind-css.js +++ b/docs/pages/base/guides/working-with-tailwind-css.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-badge.js b/docs/pages/base/react-badge.js index b8b2e09d5b8f54..89392cf3d0fbdc 100644 --- a/docs/pages/base/react-badge.js +++ b/docs/pages/base/react-badge.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/badge/badge.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/badge/badge.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-button.js b/docs/pages/base/react-button.js index a62bb10d3e2ea3..562d37c7a87acd 100644 --- a/docs/pages/base/react-button.js +++ b/docs/pages/base/react-button.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/button/button.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/button/button.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-click-away-listener.js b/docs/pages/base/react-click-away-listener.js index 5e7ac89f6ea0d2..9063dee6124711 100644 --- a/docs/pages/base/react-click-away-listener.js +++ b/docs/pages/base/react-click-away-listener.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/click-away-listener/click-away-listener.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/click-away-listener/click-away-listener.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-form-control.js b/docs/pages/base/react-form-control.js index 7f5bb0229bc5be..79ac05b54a2a53 100644 --- a/docs/pages/base/react-form-control.js +++ b/docs/pages/base/react-form-control.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/form-control/form-control.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/form-control/form-control.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-input.js b/docs/pages/base/react-input.js index 0330317efca819..70d381f21efb0d 100644 --- a/docs/pages/base/react-input.js +++ b/docs/pages/base/react-input.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/input/input.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/input/input.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-menu.js b/docs/pages/base/react-menu.js index 734b5e7b052455..cb466423338cd4 100644 --- a/docs/pages/base/react-menu.js +++ b/docs/pages/base/react-menu.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/base/components/menu/menu.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/menu/menu.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-modal.js b/docs/pages/base/react-modal.js index 5f10bb6bc8bab5..d72c853ec35605 100644 --- a/docs/pages/base/react-modal.js +++ b/docs/pages/base/react-modal.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/modal/modal.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/modal/modal.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-no-ssr.js b/docs/pages/base/react-no-ssr.js index 0526bb05c7222d..3eb8419a3cedac 100644 --- a/docs/pages/base/react-no-ssr.js +++ b/docs/pages/base/react-no-ssr.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/no-ssr/no-ssr.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/no-ssr/no-ssr.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-popper.js b/docs/pages/base/react-popper.js index 46f85c85240530..08caeeac99d1c1 100644 --- a/docs/pages/base/react-popper.js +++ b/docs/pages/base/react-popper.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/popper/popper.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/popper/popper.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-portal.js b/docs/pages/base/react-portal.js index fe4a131463339c..e9e1d467c492fc 100644 --- a/docs/pages/base/react-portal.js +++ b/docs/pages/base/react-portal.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/portal/portal.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/portal/portal.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-select.js b/docs/pages/base/react-select.js index cbec8fdf6b1683..7d0fdad1da2bfb 100644 --- a/docs/pages/base/react-select.js +++ b/docs/pages/base/react-select.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/select/select.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/select/select.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-slider.js b/docs/pages/base/react-slider.js index 8af3db31d4872c..696d1e3e656efc 100644 --- a/docs/pages/base/react-slider.js +++ b/docs/pages/base/react-slider.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/slider/slider.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/slider/slider.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-switch.js b/docs/pages/base/react-switch.js index 6883094c8d128a..a21d9c03ed0579 100644 --- a/docs/pages/base/react-switch.js +++ b/docs/pages/base/react-switch.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/switch/switch.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/switch/switch.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-table-pagination.js b/docs/pages/base/react-table-pagination.js index f10cfd33552ae1..d17ee4933dcd57 100644 --- a/docs/pages/base/react-table-pagination.js +++ b/docs/pages/base/react-table-pagination.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/table-pagination/table-pagination.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/table-pagination/table-pagination.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-tabs.js b/docs/pages/base/react-tabs.js index 2b672820f5b964..19ef187ec0db5b 100644 --- a/docs/pages/base/react-tabs.js +++ b/docs/pages/base/react-tabs.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/base/components/tabs/tabs.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/tabs/tabs.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-textarea-autosize.js b/docs/pages/base/react-textarea-autosize.js index 82a9517c667b42..fddf1d08381d84 100644 --- a/docs/pages/base/react-textarea-autosize.js +++ b/docs/pages/base/react-textarea-autosize.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/textarea-autosize/textarea-autosize.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/textarea-autosize/textarea-autosize.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/base/react-trap-focus.js b/docs/pages/base/react-trap-focus.js index 1821917b13af19..84911076136719 100644 --- a/docs/pages/base/react-trap-focus.js +++ b/docs/pages/base/react-trap-focus.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/base/components/trap-focus/trap-focus.md?@mui/markdown'; +import * as pageProps from 'docs/data/base/components/trap-focus/trap-focus.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/careers/fullstack-engineer.js b/docs/pages/careers/fullstack-engineer.js index a749edc92bd6d2..7da02043c3396b 100644 --- a/docs/pages/careers/fullstack-engineer.js +++ b/docs/pages/careers/fullstack-engineer.js @@ -1,11 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { - demos, - docs, - demoComponents, -} from 'docs/src/pages/careers/full-stack-engineer.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/careers/full-stack-engineer.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/careers/people-operations-manager.js b/docs/pages/careers/people-operations-manager.js index b3fe05e1704bb0..a36bd7a8ab674b 100644 --- a/docs/pages/careers/people-operations-manager.js +++ b/docs/pages/careers/people-operations-manager.js @@ -1,11 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { - demos, - docs, - demoComponents, -} from 'docs/src/pages/careers/people-operation-manager.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/careers/people-operation-manager.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/careers/product-engineer.js b/docs/pages/careers/product-engineer.js index 9fb5002d2a68ca..744b695cdfd94a 100644 --- a/docs/pages/careers/product-engineer.js +++ b/docs/pages/careers/product-engineer.js @@ -1,11 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { - demos, - docs, - demoComponents, -} from 'docs/src/pages/careers/product-engineer.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/careers/product-engineer.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/careers/react-engineer-core.js b/docs/pages/careers/react-engineer-core.js index dcb6980ab560fa..4e9fe8deb7b0f1 100644 --- a/docs/pages/careers/react-engineer-core.js +++ b/docs/pages/careers/react-engineer-core.js @@ -1,11 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { - demos, - docs, - demoComponents, -} from 'docs/src/pages/careers/react-engineer-core.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/careers/react-engineer-core.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/careers/react-engineer-x.js b/docs/pages/careers/react-engineer-x.js index c8bf1d702a7572..c1bcf90a468c25 100644 --- a/docs/pages/careers/react-engineer-x.js +++ b/docs/pages/careers/react-engineer-x.js @@ -1,11 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { - demos, - docs, - demoComponents, -} from 'docs/src/pages/careers/react-engineer-x.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/careers/react-engineer-x.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/careers/react-support-engineer.js b/docs/pages/careers/react-support-engineer.js index 613d344dcabf54..7b082936398253 100644 --- a/docs/pages/careers/react-support-engineer.js +++ b/docs/pages/careers/react-support-engineer.js @@ -1,11 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { - demos, - docs, - demoComponents, -} from 'docs/src/pages/careers/react-support-engineer.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/careers/react-support-engineer.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/careers/support-agent.js b/docs/pages/careers/support-agent.js index cc372a907a0108..275bc2ef01baeb 100644 --- a/docs/pages/careers/support-agent.js +++ b/docs/pages/careers/support-agent.js @@ -1,7 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { demos, docs, demoComponents } from 'docs/src/pages/careers/support-agent.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/careers/support-agent.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/company/contact.js b/docs/pages/company/contact.js index a7598c8b793cb0..7d96b583402fc5 100644 --- a/docs/pages/company/contact.js +++ b/docs/pages/company/contact.js @@ -1,11 +1,7 @@ import * as React from 'react'; import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers'; -import { - demos, - docs, - demoComponents, -} from 'docs/src/pages/company/contact/contact.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/company/contact/contact.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/experimental-api/classname-generator.js b/docs/pages/experimental-api/classname-generator.js index aea5e762ec142a..7eb0297d7684e5 100644 --- a/docs/pages/experimental-api/classname-generator.js +++ b/docs/pages/experimental-api/classname-generator.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/experimental-api/classname-generator/classname-generator.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/experimental-api/classname-generator/classname-generator.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/experimental-api/css-variables.js b/docs/pages/experimental-api/css-variables.js index eec07a4b746309..78ab5454e4e363 100644 --- a/docs/pages/experimental-api/css-variables.js +++ b/docs/pages/experimental-api/css-variables.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/experimental-api/css-variables/css-variables.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/experimental-api/css-variables/css-variables.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/experiments/docs/callouts.js b/docs/pages/experiments/docs/callouts.js index d9190aab01cee4..55dc0c4e7dd9da 100644 --- a/docs/pages/experiments/docs/callouts.js +++ b/docs/pages/experiments/docs/callouts.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { docs } from './callouts.md?@mui/markdown'; +import * as pageProps from './callouts.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/customization/approaches.js b/docs/pages/joy-ui/customization/approaches.js index 07946f1712ce51..351bfbcd7f71f1 100644 --- a/docs/pages/joy-ui/customization/approaches.js +++ b/docs/pages/joy-ui/customization/approaches.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/customization/approaches/approaches.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/customization/approaches/approaches.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/customization/default-theme.js b/docs/pages/joy-ui/customization/default-theme.js index ae3b3a669d4e27..4353dab2b0658c 100644 --- a/docs/pages/joy-ui/customization/default-theme.js +++ b/docs/pages/joy-ui/customization/default-theme.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/customization/default-theme/default-theme.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/customization/default-theme/default-theme.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/customization/theme-tokens.js b/docs/pages/joy-ui/customization/theme-tokens.js index efb8ebc1920f3f..bbd168849dfb1b 100644 --- a/docs/pages/joy-ui/customization/theme-tokens.js +++ b/docs/pages/joy-ui/customization/theme-tokens.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/customization/theme-tokens/theme-tokens.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/customization/theme-tokens/theme-tokens.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/customization/themed-components.js b/docs/pages/joy-ui/customization/themed-components.js index c59dab0bd69096..615c4ead85ab0f 100644 --- a/docs/pages/joy-ui/customization/themed-components.js +++ b/docs/pages/joy-ui/customization/themed-components.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/customization/themed-components/themed-components.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/customization/themed-components/themed-components.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/customization/using-css-variables.js b/docs/pages/joy-ui/customization/using-css-variables.js index d05284fe9e8dd5..776cd58bf56c90 100644 --- a/docs/pages/joy-ui/customization/using-css-variables.js +++ b/docs/pages/joy-ui/customization/using-css-variables.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/customization/using-css-variables/using-css-variables.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/customization/using-css-variables/using-css-variables.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/getting-started/installation.js b/docs/pages/joy-ui/getting-started/installation.js index 88d2398d3b7ac7..b007c7b058752c 100644 --- a/docs/pages/joy-ui/getting-started/installation.js +++ b/docs/pages/joy-ui/getting-started/installation.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/getting-started/installation/installation.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/getting-started/installation/installation.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/getting-started/overview.js b/docs/pages/joy-ui/getting-started/overview.js index 4a41a7506494ea..9852c2a5cbf9db 100644 --- a/docs/pages/joy-ui/getting-started/overview.js +++ b/docs/pages/joy-ui/getting-started/overview.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/getting-started/overview/overview.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/getting-started/overview/overview.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/getting-started/templates/index.js b/docs/pages/joy-ui/getting-started/templates/index.js index 76b639bf12b6ef..faf1730d616b05 100644 --- a/docs/pages/joy-ui/getting-started/templates/index.js +++ b/docs/pages/joy-ui/getting-started/templates/index.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/getting-started/templates/index.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/getting-started/templates/index.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/getting-started/tutorial.js b/docs/pages/joy-ui/getting-started/tutorial.js index 165a037cad94fb..4db4127462dfda 100644 --- a/docs/pages/joy-ui/getting-started/tutorial.js +++ b/docs/pages/joy-ui/getting-started/tutorial.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/getting-started/tutorial/tutorial.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/getting-started/tutorial/tutorial.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/getting-started/usage.js b/docs/pages/joy-ui/getting-started/usage.js index ab1c187e673908..0f87d3b47ffc86 100644 --- a/docs/pages/joy-ui/getting-started/usage.js +++ b/docs/pages/joy-ui/getting-started/usage.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/getting-started/usage/usage.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/getting-started/usage/usage.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/guides/applying-dark-mode.js b/docs/pages/joy-ui/guides/applying-dark-mode.js index 84ddd99a4cbe35..01d386089239ec 100644 --- a/docs/pages/joy-ui/guides/applying-dark-mode.js +++ b/docs/pages/joy-ui/guides/applying-dark-mode.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/guides/applying-dark-mode/applying-dark-mode.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/guides/applying-dark-mode/applying-dark-mode.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/guides/using-joy-ui-and-material-ui-together.js b/docs/pages/joy-ui/guides/using-joy-ui-and-material-ui-together.js index 6fd62b5bd016ba..a3161c38a08430 100644 --- a/docs/pages/joy-ui/guides/using-joy-ui-and-material-ui-together.js +++ b/docs/pages/joy-ui/guides/using-joy-ui-and-material-ui-together.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/main-features/automatic-adjustment.js b/docs/pages/joy-ui/main-features/automatic-adjustment.js index 948bf2006c9fc7..5baa55371539e5 100644 --- a/docs/pages/joy-ui/main-features/automatic-adjustment.js +++ b/docs/pages/joy-ui/main-features/automatic-adjustment.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/main-features/automatic-adjustment/automatic-adjustment.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/main-features/automatic-adjustment/automatic-adjustment.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/main-features/global-variants.js b/docs/pages/joy-ui/main-features/global-variants.js index 69ee4abeb0c1e5..5bc7bec91b0fc2 100644 --- a/docs/pages/joy-ui/main-features/global-variants.js +++ b/docs/pages/joy-ui/main-features/global-variants.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/main-features/global-variants/global-variants.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/main-features/global-variants/global-variants.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/main-features/perfect-dark-mode.js b/docs/pages/joy-ui/main-features/perfect-dark-mode.js index 4b1714abd7398f..1c6ecd9d2a9370 100644 --- a/docs/pages/joy-ui/main-features/perfect-dark-mode.js +++ b/docs/pages/joy-ui/main-features/perfect-dark-mode.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/main-features/perfect-dark-mode/perfect-dark-mode.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/main-features/perfect-dark-mode/perfect-dark-mode.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-alert.js b/docs/pages/joy-ui/react-alert.js index c728d8bb1f9fe4..7fd1c6909e0425 100644 --- a/docs/pages/joy-ui/react-alert.js +++ b/docs/pages/joy-ui/react-alert.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/alert/alert.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/alert/alert.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-aspect-ratio.js b/docs/pages/joy-ui/react-aspect-ratio.js index 011ed9ae2727ae..4da3dc63f4d369 100644 --- a/docs/pages/joy-ui/react-aspect-ratio.js +++ b/docs/pages/joy-ui/react-aspect-ratio.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/aspect-ratio/aspect-ratio.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/aspect-ratio/aspect-ratio.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-avatar.js b/docs/pages/joy-ui/react-avatar.js index 46de6b73342292..1923179b09b50d 100644 --- a/docs/pages/joy-ui/react-avatar.js +++ b/docs/pages/joy-ui/react-avatar.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/avatar/avatar.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/avatar/avatar.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-badge.js b/docs/pages/joy-ui/react-badge.js index cc74ad3d26690c..ca22af990cbd2d 100644 --- a/docs/pages/joy-ui/react-badge.js +++ b/docs/pages/joy-ui/react-badge.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/badge/badge.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/badge/badge.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-breadcrumbs.js b/docs/pages/joy-ui/react-breadcrumbs.js index c0976c06773b70..849ee7cb6fa8c3 100644 --- a/docs/pages/joy-ui/react-breadcrumbs.js +++ b/docs/pages/joy-ui/react-breadcrumbs.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/breadcrumbs/breadcrumbs.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/breadcrumbs/breadcrumbs.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-button.js b/docs/pages/joy-ui/react-button.js index a315fc8b316528..cbe93e9ddb6631 100644 --- a/docs/pages/joy-ui/react-button.js +++ b/docs/pages/joy-ui/react-button.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/button/button.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/button/button.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-card.js b/docs/pages/joy-ui/react-card.js index 722d4986288929..66489d44f906b5 100644 --- a/docs/pages/joy-ui/react-card.js +++ b/docs/pages/joy-ui/react-card.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/card/card.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/card/card.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-checkbox.js b/docs/pages/joy-ui/react-checkbox.js index 263bd4d181effb..e480541e25aa9f 100644 --- a/docs/pages/joy-ui/react-checkbox.js +++ b/docs/pages/joy-ui/react-checkbox.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/checkbox/checkbox.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/checkbox/checkbox.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-chip.js b/docs/pages/joy-ui/react-chip.js index e5f530e0f25b24..8d28d9a18ceb7e 100644 --- a/docs/pages/joy-ui/react-chip.js +++ b/docs/pages/joy-ui/react-chip.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/chip/chip.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/chip/chip.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-link.js b/docs/pages/joy-ui/react-link.js index 1fdc3e6f7cfa78..972e375bb2e3ff 100644 --- a/docs/pages/joy-ui/react-link.js +++ b/docs/pages/joy-ui/react-link.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/link/link.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/link/link.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-list.js b/docs/pages/joy-ui/react-list.js index 2af35f941c69d4..f267c7c3a49b27 100644 --- a/docs/pages/joy-ui/react-list.js +++ b/docs/pages/joy-ui/react-list.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/list/list.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/list/list.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-menu.js b/docs/pages/joy-ui/react-menu.js index 5b39f32158df37..9d50b739fbe738 100644 --- a/docs/pages/joy-ui/react-menu.js +++ b/docs/pages/joy-ui/react-menu.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/menu/menu.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/menu/menu.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-radio-button.js b/docs/pages/joy-ui/react-radio-button.js index 5a9f418e57bdf9..c7b6d015acd02f 100644 --- a/docs/pages/joy-ui/react-radio-button.js +++ b/docs/pages/joy-ui/react-radio-button.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/radio/radio.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/radio/radio.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-select.js b/docs/pages/joy-ui/react-select.js index 44c1687b5897ff..2deb4b443c5995 100644 --- a/docs/pages/joy-ui/react-select.js +++ b/docs/pages/joy-ui/react-select.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/select/select.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/select/select.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-sheet.js b/docs/pages/joy-ui/react-sheet.js index c93c07e7d6e346..21dc16b0880f07 100644 --- a/docs/pages/joy-ui/react-sheet.js +++ b/docs/pages/joy-ui/react-sheet.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/sheet/sheet.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/sheet/sheet.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-slider.js b/docs/pages/joy-ui/react-slider.js index ac66d8c1a042f2..32a5f0282bc428 100644 --- a/docs/pages/joy-ui/react-slider.js +++ b/docs/pages/joy-ui/react-slider.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/slider/slider.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/slider/slider.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-switch.js b/docs/pages/joy-ui/react-switch.js index 80e66c9b9434bb..17d21b9eb53b60 100644 --- a/docs/pages/joy-ui/react-switch.js +++ b/docs/pages/joy-ui/react-switch.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/switch/switch.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/switch/switch.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-tabs.js b/docs/pages/joy-ui/react-tabs.js index 15068293f76763..e374da73a0647b 100644 --- a/docs/pages/joy-ui/react-tabs.js +++ b/docs/pages/joy-ui/react-tabs.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/joy/components/tabs/tabs.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/tabs/tabs.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-text-field.js b/docs/pages/joy-ui/react-text-field.js index a0a012624f8ee7..165116fb127c28 100644 --- a/docs/pages/joy-ui/react-text-field.js +++ b/docs/pages/joy-ui/react-text-field.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/text-field/text-field.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/text-field/text-field.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-textarea.js b/docs/pages/joy-ui/react-textarea.js index 9cb11201c89ecf..707490f2b5bd6a 100644 --- a/docs/pages/joy-ui/react-textarea.js +++ b/docs/pages/joy-ui/react-textarea.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/textarea/textarea.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/textarea/textarea.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/joy-ui/react-typography.js b/docs/pages/joy-ui/react-typography.js index bb9338618c2900..d491aeaeb67cee 100644 --- a/docs/pages/joy-ui/react-typography.js +++ b/docs/pages/joy-ui/react-typography.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/joy/components/typography/typography.md?@mui/markdown'; +import * as pageProps from 'docs/data/joy/components/typography/typography.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/about-the-lab.js b/docs/pages/material-ui/about-the-lab.js index 0a92cace8a5d77..1fb4018fadb245 100644 --- a/docs/pages/material-ui/about-the-lab.js +++ b/docs/pages/material-ui/about-the-lab.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/about-the-lab/about-the-lab.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/about-the-lab/about-the-lab.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/breakpoints.js b/docs/pages/material-ui/customization/breakpoints.js index 4029544cfa138a..3775eba2144f64 100644 --- a/docs/pages/material-ui/customization/breakpoints.js +++ b/docs/pages/material-ui/customization/breakpoints.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/breakpoints/breakpoints.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/breakpoints/breakpoints.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/color.js b/docs/pages/material-ui/customization/color.js index ea3072e695b7ce..00e22ea909277d 100644 --- a/docs/pages/material-ui/customization/color.js +++ b/docs/pages/material-ui/customization/color.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/color/color.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/color/color.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/dark-mode.js b/docs/pages/material-ui/customization/dark-mode.js index c08dd6940bbf96..3d064c6b5e91c2 100644 --- a/docs/pages/material-ui/customization/dark-mode.js +++ b/docs/pages/material-ui/customization/dark-mode.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/dark-mode/dark-mode.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/dark-mode/dark-mode.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/default-theme.js b/docs/pages/material-ui/customization/default-theme.js index 6eaa0d5227c62a..12eb3b936ed344 100644 --- a/docs/pages/material-ui/customization/default-theme.js +++ b/docs/pages/material-ui/customization/default-theme.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/default-theme/default-theme.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/default-theme/default-theme.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/density.js b/docs/pages/material-ui/customization/density.js index 9e0e2f1b536b01..486bb3f32f5eb1 100644 --- a/docs/pages/material-ui/customization/density.js +++ b/docs/pages/material-ui/customization/density.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/density/density.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/density/density.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/how-to-customize.js b/docs/pages/material-ui/customization/how-to-customize.js index 0a7f97ab284b72..18fac496c1b4ad 100644 --- a/docs/pages/material-ui/customization/how-to-customize.js +++ b/docs/pages/material-ui/customization/how-to-customize.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/how-to-customize/how-to-customize.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/how-to-customize/how-to-customize.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/palette.js b/docs/pages/material-ui/customization/palette.js index d09d34799059ea..224200988eae1d 100644 --- a/docs/pages/material-ui/customization/palette.js +++ b/docs/pages/material-ui/customization/palette.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/palette/palette.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/palette/palette.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/spacing.js b/docs/pages/material-ui/customization/spacing.js index 1347f871394850..962894fa7087f5 100644 --- a/docs/pages/material-ui/customization/spacing.js +++ b/docs/pages/material-ui/customization/spacing.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/spacing/spacing.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/spacing/spacing.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/theme-components.js b/docs/pages/material-ui/customization/theme-components.js index f6310d40671bf6..606b9b075c971d 100644 --- a/docs/pages/material-ui/customization/theme-components.js +++ b/docs/pages/material-ui/customization/theme-components.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/theme-components/theme-components.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/theme-components/theme-components.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/theming.js b/docs/pages/material-ui/customization/theming.js index 3492937d26279e..2feb3aa4f50143 100644 --- a/docs/pages/material-ui/customization/theming.js +++ b/docs/pages/material-ui/customization/theming.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/theming/theming.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/theming/theming.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/transitions.js b/docs/pages/material-ui/customization/transitions.js index 4531772656c7f2..9ecfd14c9a8655 100644 --- a/docs/pages/material-ui/customization/transitions.js +++ b/docs/pages/material-ui/customization/transitions.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/transitions/transitions.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/transitions/transitions.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/typography.js b/docs/pages/material-ui/customization/typography.js index 2abe62eee7b751..c5f04c016f03ee 100644 --- a/docs/pages/material-ui/customization/typography.js +++ b/docs/pages/material-ui/customization/typography.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/typography/typography.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/typography/typography.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/customization/z-index.js b/docs/pages/material-ui/customization/z-index.js index 8c1c6f8d444495..d97ddb72e5bbba 100644 --- a/docs/pages/material-ui/customization/z-index.js +++ b/docs/pages/material-ui/customization/z-index.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/customization/z-index/z-index.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/customization/z-index/z-index.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/backers.js b/docs/pages/material-ui/discover-more/backers.js index a7aea58d0c6602..97d3c07b211523 100644 --- a/docs/pages/material-ui/discover-more/backers.js +++ b/docs/pages/material-ui/discover-more/backers.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/backers/backers.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/backers/backers.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/changelog.js b/docs/pages/material-ui/discover-more/changelog.js index 62f0ba7271472c..d746b5f9ef88bd 100644 --- a/docs/pages/material-ui/discover-more/changelog.js +++ b/docs/pages/material-ui/discover-more/changelog.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/changelog/changelog.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/changelog/changelog.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/design-kits.js b/docs/pages/material-ui/discover-more/design-kits.js index 48578282c78d3c..5146d890385bdc 100644 --- a/docs/pages/material-ui/discover-more/design-kits.js +++ b/docs/pages/material-ui/discover-more/design-kits.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/design-kits/design-kits.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/design-kits/design-kits.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/languages.js b/docs/pages/material-ui/discover-more/languages.js index 5e79194ff06c77..0ad353bd9aa49d 100644 --- a/docs/pages/material-ui/discover-more/languages.js +++ b/docs/pages/material-ui/discover-more/languages.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/languages/languages.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/languages/languages.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/related-projects.js b/docs/pages/material-ui/discover-more/related-projects.js index 02eed2ad47c4c2..4d0ee1ecd4891c 100644 --- a/docs/pages/material-ui/discover-more/related-projects.js +++ b/docs/pages/material-ui/discover-more/related-projects.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/related-projects/related-projects.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/related-projects/related-projects.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/roadmap.js b/docs/pages/material-ui/discover-more/roadmap.js index 65ddadca8fbd92..dcad958f7791e7 100644 --- a/docs/pages/material-ui/discover-more/roadmap.js +++ b/docs/pages/material-ui/discover-more/roadmap.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/roadmap/roadmap.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/roadmap/roadmap.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/showcase.js b/docs/pages/material-ui/discover-more/showcase.js index 952099e2221368..9ee393aa705b47 100644 --- a/docs/pages/material-ui/discover-more/showcase.js +++ b/docs/pages/material-ui/discover-more/showcase.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/showcase/showcase.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/showcase/showcase.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/discover-more/vision.js b/docs/pages/material-ui/discover-more/vision.js index b2b8c7663c3f3c..fc6b9446976ed5 100644 --- a/docs/pages/material-ui/discover-more/vision.js +++ b/docs/pages/material-ui/discover-more/vision.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/discover-more/vision/vision.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/discover-more/vision/vision.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/experimental-api/classname-generator.js b/docs/pages/material-ui/experimental-api/classname-generator.js index aea5e762ec142a..7eb0297d7684e5 100644 --- a/docs/pages/material-ui/experimental-api/classname-generator.js +++ b/docs/pages/material-ui/experimental-api/classname-generator.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/experimental-api/classname-generator/classname-generator.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/experimental-api/classname-generator/classname-generator.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/experimental-api/css-variables.js b/docs/pages/material-ui/experimental-api/css-variables.js index eec07a4b746309..78ab5454e4e363 100644 --- a/docs/pages/material-ui/experimental-api/css-variables.js +++ b/docs/pages/material-ui/experimental-api/css-variables.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/experimental-api/css-variables/css-variables.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/experimental-api/css-variables/css-variables.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/example-projects.js b/docs/pages/material-ui/getting-started/example-projects.js index ad2b6166488a38..7fb5565a5dada8 100644 --- a/docs/pages/material-ui/getting-started/example-projects.js +++ b/docs/pages/material-ui/getting-started/example-projects.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/example-projects/example-projects.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/example-projects/example-projects.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/faq.js b/docs/pages/material-ui/getting-started/faq.js index 24aa19125a978b..f98090f5b2967a 100644 --- a/docs/pages/material-ui/getting-started/faq.js +++ b/docs/pages/material-ui/getting-started/faq.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/faq/faq.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/faq/faq.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/installation.js b/docs/pages/material-ui/getting-started/installation.js index bf0675a0528285..12942650c291d4 100644 --- a/docs/pages/material-ui/getting-started/installation.js +++ b/docs/pages/material-ui/getting-started/installation.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/installation/installation.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/installation/installation.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/learn.js b/docs/pages/material-ui/getting-started/learn.js index caec07c8f8aaac..0f1551a4cf0a6d 100644 --- a/docs/pages/material-ui/getting-started/learn.js +++ b/docs/pages/material-ui/getting-started/learn.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/learn/learn.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/learn/learn.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/overview.js b/docs/pages/material-ui/getting-started/overview.js index f10ba9312d56d3..0c1addde93b269 100644 --- a/docs/pages/material-ui/getting-started/overview.js +++ b/docs/pages/material-ui/getting-started/overview.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/overview/overview.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/overview/overview.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/support.js b/docs/pages/material-ui/getting-started/support.js index 0282805b241993..b327b99f785513 100644 --- a/docs/pages/material-ui/getting-started/support.js +++ b/docs/pages/material-ui/getting-started/support.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/support/support.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/support/support.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/supported-components.js b/docs/pages/material-ui/getting-started/supported-components.js index 1912578dc7f66c..a0505464fef9f7 100644 --- a/docs/pages/material-ui/getting-started/supported-components.js +++ b/docs/pages/material-ui/getting-started/supported-components.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/supported-components/supported-components.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/supported-components/supported-components.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/supported-platforms.js b/docs/pages/material-ui/getting-started/supported-platforms.js index 0b34ace1c411fa..90e09db8d80897 100644 --- a/docs/pages/material-ui/getting-started/supported-platforms.js +++ b/docs/pages/material-ui/getting-started/supported-platforms.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/supported-platforms/supported-platforms.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/supported-platforms/supported-platforms.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/templates.js b/docs/pages/material-ui/getting-started/templates.js index bd99e46f07c306..53cabb8ac87979 100644 --- a/docs/pages/material-ui/getting-started/templates.js +++ b/docs/pages/material-ui/getting-started/templates.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/templates/templates.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/templates/templates.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/getting-started/usage.js b/docs/pages/material-ui/getting-started/usage.js index 091e95504333d2..465e8b0b844114 100644 --- a/docs/pages/material-ui/getting-started/usage.js +++ b/docs/pages/material-ui/getting-started/usage.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/getting-started/usage/usage.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/getting-started/usage/usage.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/api.js b/docs/pages/material-ui/guides/api.js index b6ab917225324b..7571826ad0bd51 100644 --- a/docs/pages/material-ui/guides/api.js +++ b/docs/pages/material-ui/guides/api.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/material/guides/api/api.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/api/api.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/composition.js b/docs/pages/material-ui/guides/composition.js index 78a9288c02bc70..6e34ef9dce3ae8 100644 --- a/docs/pages/material-ui/guides/composition.js +++ b/docs/pages/material-ui/guides/composition.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/composition/composition.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/composition/composition.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/content-security-policy.js b/docs/pages/material-ui/guides/content-security-policy.js index b015170362c8c8..5ee82f7ccfeee4 100644 --- a/docs/pages/material-ui/guides/content-security-policy.js +++ b/docs/pages/material-ui/guides/content-security-policy.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/content-security-policy/content-security-policy.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/content-security-policy/content-security-policy.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/flow.js b/docs/pages/material-ui/guides/flow.js index a8e55d10fb082f..199f32ea53c520 100644 --- a/docs/pages/material-ui/guides/flow.js +++ b/docs/pages/material-ui/guides/flow.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/material/guides/flow/flow.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/flow/flow.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/interoperability.js b/docs/pages/material-ui/guides/interoperability.js index 695fe8c069eee4..31f58755afff2b 100644 --- a/docs/pages/material-ui/guides/interoperability.js +++ b/docs/pages/material-ui/guides/interoperability.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/interoperability/interoperability.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/interoperability/interoperability.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/localization.js b/docs/pages/material-ui/guides/localization.js index b233cf4f1552cc..d8b4164db63edd 100644 --- a/docs/pages/material-ui/guides/localization.js +++ b/docs/pages/material-ui/guides/localization.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/localization/localization.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/localization/localization.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/minimizing-bundle-size.js b/docs/pages/material-ui/guides/minimizing-bundle-size.js index 71db3765ece106..7830d71603a29e 100644 --- a/docs/pages/material-ui/guides/minimizing-bundle-size.js +++ b/docs/pages/material-ui/guides/minimizing-bundle-size.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/pickers-migration.js b/docs/pages/material-ui/guides/pickers-migration.js index 4bfaa95441dccf..4872201b0b9936 100644 --- a/docs/pages/material-ui/guides/pickers-migration.js +++ b/docs/pages/material-ui/guides/pickers-migration.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/pickers-migration/pickers-migration.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/pickers-migration/pickers-migration.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/responsive-ui.js b/docs/pages/material-ui/guides/responsive-ui.js index bb6ec6db11c437..b7089c39c11e36 100644 --- a/docs/pages/material-ui/guides/responsive-ui.js +++ b/docs/pages/material-ui/guides/responsive-ui.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/responsive-ui/responsive-ui.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/responsive-ui/responsive-ui.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/right-to-left.js b/docs/pages/material-ui/guides/right-to-left.js index daec6f6e7ccc76..ee6dfc0a89b8b8 100644 --- a/docs/pages/material-ui/guides/right-to-left.js +++ b/docs/pages/material-ui/guides/right-to-left.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/right-to-left/right-to-left.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/right-to-left/right-to-left.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/routing.js b/docs/pages/material-ui/guides/routing.js index 0a7f7bd6ae57f9..77c129d29c97d2 100644 --- a/docs/pages/material-ui/guides/routing.js +++ b/docs/pages/material-ui/guides/routing.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/routing/routing.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/routing/routing.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/server-rendering.js b/docs/pages/material-ui/guides/server-rendering.js index ca5ecebc3c9179..036b9d343b1b2c 100644 --- a/docs/pages/material-ui/guides/server-rendering.js +++ b/docs/pages/material-ui/guides/server-rendering.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/server-rendering/server-rendering.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/server-rendering/server-rendering.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/shadow-dom.js b/docs/pages/material-ui/guides/shadow-dom.js index 510c7b04b3dde8..f8349fa37fcc75 100644 --- a/docs/pages/material-ui/guides/shadow-dom.js +++ b/docs/pages/material-ui/guides/shadow-dom.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/shadow-dom/shadow-dom.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/shadow-dom/shadow-dom.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/styled-engine.js b/docs/pages/material-ui/guides/styled-engine.js index 6399dc87fb3acd..8039ae54850404 100644 --- a/docs/pages/material-ui/guides/styled-engine.js +++ b/docs/pages/material-ui/guides/styled-engine.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/styled-engine/styled-engine.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/styled-engine/styled-engine.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/testing.js b/docs/pages/material-ui/guides/testing.js index 78bd909cf0f338..8e0daf7afc8630 100644 --- a/docs/pages/material-ui/guides/testing.js +++ b/docs/pages/material-ui/guides/testing.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/testing/testing.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/testing/testing.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/typescript.js b/docs/pages/material-ui/guides/typescript.js index 32942d6b89ac61..1485a3509aa7f7 100644 --- a/docs/pages/material-ui/guides/typescript.js +++ b/docs/pages/material-ui/guides/typescript.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/typescript/typescript.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/typescript/typescript.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/guides/understand-mui-packages.js b/docs/pages/material-ui/guides/understand-mui-packages.js index 6690f6abe9c99d..a5ad55df2b253c 100644 --- a/docs/pages/material-ui/guides/understand-mui-packages.js +++ b/docs/pages/material-ui/guides/understand-mui-packages.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/guides/understand-mui-packages/understand-mui-packages.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/guides/understand-mui-packages/understand-mui-packages.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/icons.js b/docs/pages/material-ui/icons.js index b779f277f7868d..a352677ec0bdbc 100644 --- a/docs/pages/material-ui/icons.js +++ b/docs/pages/material-ui/icons.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/icons/icons.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/icons/icons.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/material-icons.js b/docs/pages/material-ui/material-icons.js index 52594fec5886df..d408a15f74d935 100644 --- a/docs/pages/material-ui/material-icons.js +++ b/docs/pages/material-ui/material-icons.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/material-icons/material-icons.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/material-icons/material-icons.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/migrating-from-jss.js b/docs/pages/material-ui/migration/migrating-from-jss.js index ad090abee79dba..898f1052f1f4ff 100644 --- a/docs/pages/material-ui/migration/migrating-from-jss.js +++ b/docs/pages/material-ui/migration/migrating-from-jss.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-v4/migrating-from-jss.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-v4/migrating-from-jss.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/migration-grid-v2.js b/docs/pages/material-ui/migration/migration-grid-v2.js index 27b55e17d86b93..892375f77fb8bd 100644 --- a/docs/pages/material-ui/migration/migration-grid-v2.js +++ b/docs/pages/material-ui/migration/migration-grid-v2.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-grid-v2/migration-grid-v2.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-grid-v2/migration-grid-v2.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/migration-v0x.js b/docs/pages/material-ui/migration/migration-v0x.js index bf5757edf2af84..786bdfde9c0950 100644 --- a/docs/pages/material-ui/migration/migration-v0x.js +++ b/docs/pages/material-ui/migration/migration-v0x.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-v0x/migration-v0x.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-v0x/migration-v0x.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/migration-v3.js b/docs/pages/material-ui/migration/migration-v3.js index 96a02932972c04..2bbfd72d720a95 100644 --- a/docs/pages/material-ui/migration/migration-v3.js +++ b/docs/pages/material-ui/migration/migration-v3.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-v3/migration-v3.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-v3/migration-v3.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/migration-v4.js b/docs/pages/material-ui/migration/migration-v4.js index 8cfbe49310443c..4ddf3259b8b371 100644 --- a/docs/pages/material-ui/migration/migration-v4.js +++ b/docs/pages/material-ui/migration/migration-v4.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-v4/migration-v4.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-v4/migration-v4.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/troubleshooting.js b/docs/pages/material-ui/migration/troubleshooting.js index 1c99a91c8c6198..ff5fad560cd923 100644 --- a/docs/pages/material-ui/migration/troubleshooting.js +++ b/docs/pages/material-ui/migration/troubleshooting.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-v4/troubleshooting.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-v4/troubleshooting.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/v5-component-changes.js b/docs/pages/material-ui/migration/v5-component-changes.js index eb61ed0f5e71ac..952b2f7868ab05 100644 --- a/docs/pages/material-ui/migration/v5-component-changes.js +++ b/docs/pages/material-ui/migration/v5-component-changes.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-v4/v5-component-changes.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-v4/v5-component-changes.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/migration/v5-style-changes.js b/docs/pages/material-ui/migration/v5-style-changes.js index 873f645fae6a95..f3931f25342d07 100644 --- a/docs/pages/material-ui/migration/v5-style-changes.js +++ b/docs/pages/material-ui/migration/v5-style-changes.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/migration/migration-v4/v5-style-changes.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/migration/migration-v4/v5-style-changes.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-accordion.js b/docs/pages/material-ui/react-accordion.js index a43b1137f8eb13..1735af20f6173a 100644 --- a/docs/pages/material-ui/react-accordion.js +++ b/docs/pages/material-ui/react-accordion.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/accordion/accordion.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/accordion/accordion.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-alert.js b/docs/pages/material-ui/react-alert.js index 36c3e98ae60cc7..9485efd6e31c0c 100644 --- a/docs/pages/material-ui/react-alert.js +++ b/docs/pages/material-ui/react-alert.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/alert/alert.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/alert/alert.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-app-bar.js b/docs/pages/material-ui/react-app-bar.js index f04a8c93b98342..6bbde872c3792d 100644 --- a/docs/pages/material-ui/react-app-bar.js +++ b/docs/pages/material-ui/react-app-bar.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/app-bar/app-bar.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/app-bar/app-bar.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-autocomplete.js b/docs/pages/material-ui/react-autocomplete.js index ac20f1754084d0..01c4736311e72b 100644 --- a/docs/pages/material-ui/react-autocomplete.js +++ b/docs/pages/material-ui/react-autocomplete.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/autocomplete/autocomplete.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/autocomplete/autocomplete.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-avatar.js b/docs/pages/material-ui/react-avatar.js index a89d44947ca680..e8c3f4a63420a3 100644 --- a/docs/pages/material-ui/react-avatar.js +++ b/docs/pages/material-ui/react-avatar.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/avatars/avatars.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/avatars/avatars.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-backdrop.js b/docs/pages/material-ui/react-backdrop.js index 5481e1eb0cd717..2b0632cb58c837 100644 --- a/docs/pages/material-ui/react-backdrop.js +++ b/docs/pages/material-ui/react-backdrop.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/backdrop/backdrop.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/backdrop/backdrop.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-badge.js b/docs/pages/material-ui/react-badge.js index ba5353e7dc105f..4290095f4cc233 100644 --- a/docs/pages/material-ui/react-badge.js +++ b/docs/pages/material-ui/react-badge.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/badges/badges.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/badges/badges.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-bottom-navigation.js b/docs/pages/material-ui/react-bottom-navigation.js index e225c37c9f546b..36ed617cad5561 100644 --- a/docs/pages/material-ui/react-bottom-navigation.js +++ b/docs/pages/material-ui/react-bottom-navigation.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/bottom-navigation/bottom-navigation.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/bottom-navigation/bottom-navigation.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-box.js b/docs/pages/material-ui/react-box.js index 3fe4b1f485c8d4..9ac1c08bb1475d 100644 --- a/docs/pages/material-ui/react-box.js +++ b/docs/pages/material-ui/react-box.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/box/box.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/box/box.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-breadcrumbs.js b/docs/pages/material-ui/react-breadcrumbs.js index 5dca78f00134f2..fc0dca07bdb455 100644 --- a/docs/pages/material-ui/react-breadcrumbs.js +++ b/docs/pages/material-ui/react-breadcrumbs.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/breadcrumbs/breadcrumbs.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/breadcrumbs/breadcrumbs.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-button-group.js b/docs/pages/material-ui/react-button-group.js index 204c1087a70a10..83eb01be091c67 100644 --- a/docs/pages/material-ui/react-button-group.js +++ b/docs/pages/material-ui/react-button-group.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/button-group/button-group.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/button-group/button-group.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-button.js b/docs/pages/material-ui/react-button.js index 353bd1379c8d2d..df11313451e8b3 100644 --- a/docs/pages/material-ui/react-button.js +++ b/docs/pages/material-ui/react-button.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/buttons/buttons.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/buttons/buttons.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-card.js b/docs/pages/material-ui/react-card.js index 49d674eff31ae0..d994a1ab32d2c6 100644 --- a/docs/pages/material-ui/react-card.js +++ b/docs/pages/material-ui/react-card.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/cards/cards.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/cards/cards.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-checkbox.js b/docs/pages/material-ui/react-checkbox.js index b7630330d94528..07f95a886d84a4 100644 --- a/docs/pages/material-ui/react-checkbox.js +++ b/docs/pages/material-ui/react-checkbox.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/checkboxes/checkboxes.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/checkboxes/checkboxes.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-chip.js b/docs/pages/material-ui/react-chip.js index e85d52be5546fc..fe8b055330bd13 100644 --- a/docs/pages/material-ui/react-chip.js +++ b/docs/pages/material-ui/react-chip.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/chips/chips.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/chips/chips.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-click-away-listener.js b/docs/pages/material-ui/react-click-away-listener.js index d7c34d740b04eb..e3796cff26aa69 100644 --- a/docs/pages/material-ui/react-click-away-listener.js +++ b/docs/pages/material-ui/react-click-away-listener.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/click-away-listener/click-away-listener.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/click-away-listener/click-away-listener.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-container.js b/docs/pages/material-ui/react-container.js index ab50454814c31c..9c97060ef6309b 100644 --- a/docs/pages/material-ui/react-container.js +++ b/docs/pages/material-ui/react-container.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/container/container.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/container/container.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-css-baseline.js b/docs/pages/material-ui/react-css-baseline.js index c9b2a5d6dbc9b9..378c57e9d63f48 100644 --- a/docs/pages/material-ui/react-css-baseline.js +++ b/docs/pages/material-ui/react-css-baseline.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/css-baseline/css-baseline.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/css-baseline/css-baseline.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-dialog.js b/docs/pages/material-ui/react-dialog.js index 57201a7d9419ff..8cfd71a5a4174f 100644 --- a/docs/pages/material-ui/react-dialog.js +++ b/docs/pages/material-ui/react-dialog.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/dialogs/dialogs.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/dialogs/dialogs.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-divider.js b/docs/pages/material-ui/react-divider.js index 0f6ed3534aec8f..71daf6ff7abde4 100644 --- a/docs/pages/material-ui/react-divider.js +++ b/docs/pages/material-ui/react-divider.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/dividers/dividers.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/dividers/dividers.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-drawer.js b/docs/pages/material-ui/react-drawer.js index 68cbd38035bff8..f83c79e91575de 100644 --- a/docs/pages/material-ui/react-drawer.js +++ b/docs/pages/material-ui/react-drawer.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/drawers/drawers.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/drawers/drawers.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-floating-action-button.js b/docs/pages/material-ui/react-floating-action-button.js index 7d17e498e288bd..fe684d1a72bb5b 100644 --- a/docs/pages/material-ui/react-floating-action-button.js +++ b/docs/pages/material-ui/react-floating-action-button.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/floating-action-button/floating-action-button.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/floating-action-button/floating-action-button.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-grid.js b/docs/pages/material-ui/react-grid.js index a7d7cd92458c24..7d27856234d783 100644 --- a/docs/pages/material-ui/react-grid.js +++ b/docs/pages/material-ui/react-grid.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/grid/grid.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/grid/grid.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-grid2.js b/docs/pages/material-ui/react-grid2.js index 120c761746a387..c54cc22dc246c4 100644 --- a/docs/pages/material-ui/react-grid2.js +++ b/docs/pages/material-ui/react-grid2.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/grid2/grid2.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/grid2/grid2.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-hidden.js b/docs/pages/material-ui/react-hidden.js index bde41dc9f7e946..ad2f293376ba01 100644 --- a/docs/pages/material-ui/react-hidden.js +++ b/docs/pages/material-ui/react-hidden.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/hidden/hidden.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/hidden/hidden.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-image-list.js b/docs/pages/material-ui/react-image-list.js index 7f097e78869a33..180743e7514cf5 100644 --- a/docs/pages/material-ui/react-image-list.js +++ b/docs/pages/material-ui/react-image-list.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/image-list/image-list.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/image-list/image-list.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-link.js b/docs/pages/material-ui/react-link.js index 8dc39709208f2f..ced27132997ae2 100644 --- a/docs/pages/material-ui/react-link.js +++ b/docs/pages/material-ui/react-link.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/links/links.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/links/links.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-list.js b/docs/pages/material-ui/react-list.js index f35b2dafb51afb..726bc33e37fd5f 100644 --- a/docs/pages/material-ui/react-list.js +++ b/docs/pages/material-ui/react-list.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/lists/lists.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/lists/lists.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-masonry.js b/docs/pages/material-ui/react-masonry.js index 764cedf6b64186..068b26221cd1cf 100644 --- a/docs/pages/material-ui/react-masonry.js +++ b/docs/pages/material-ui/react-masonry.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/masonry/masonry.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/masonry/masonry.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-menu.js b/docs/pages/material-ui/react-menu.js index 408fc28a32b105..1c3a1e7e4a5d28 100644 --- a/docs/pages/material-ui/react-menu.js +++ b/docs/pages/material-ui/react-menu.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/menus/menus.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/menus/menus.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-modal.js b/docs/pages/material-ui/react-modal.js index 18aa56694e4d73..7c255bbbf6204b 100644 --- a/docs/pages/material-ui/react-modal.js +++ b/docs/pages/material-ui/react-modal.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/modal/modal.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/modal/modal.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-no-ssr.js b/docs/pages/material-ui/react-no-ssr.js index 2c408721a9569b..7e90aa978c9859 100644 --- a/docs/pages/material-ui/react-no-ssr.js +++ b/docs/pages/material-ui/react-no-ssr.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/no-ssr/no-ssr.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/no-ssr/no-ssr.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-pagination.js b/docs/pages/material-ui/react-pagination.js index 789ad7241937f1..071ce6e193fc2d 100644 --- a/docs/pages/material-ui/react-pagination.js +++ b/docs/pages/material-ui/react-pagination.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/pagination/pagination.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/pagination/pagination.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-paper.js b/docs/pages/material-ui/react-paper.js index 355c177a83d593..940aaf80a1cd68 100644 --- a/docs/pages/material-ui/react-paper.js +++ b/docs/pages/material-ui/react-paper.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/paper/paper.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/paper/paper.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-popover.js b/docs/pages/material-ui/react-popover.js index 8d496fc7630bae..702acfdf279948 100644 --- a/docs/pages/material-ui/react-popover.js +++ b/docs/pages/material-ui/react-popover.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/popover/popover.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/popover/popover.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-popper.js b/docs/pages/material-ui/react-popper.js index 73c84ae2fc8b3c..c9ba100ad5cb50 100644 --- a/docs/pages/material-ui/react-popper.js +++ b/docs/pages/material-ui/react-popper.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/popper/popper.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/popper/popper.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-portal.js b/docs/pages/material-ui/react-portal.js index ad8a985c382f65..e22828e345442a 100644 --- a/docs/pages/material-ui/react-portal.js +++ b/docs/pages/material-ui/react-portal.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/portal/portal.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/portal/portal.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-progress.js b/docs/pages/material-ui/react-progress.js index 727749b9ed0739..e16d1054259264 100644 --- a/docs/pages/material-ui/react-progress.js +++ b/docs/pages/material-ui/react-progress.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/progress/progress.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/progress/progress.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-radio-button.js b/docs/pages/material-ui/react-radio-button.js index 7f2d5628646dcb..3391f1d9b7ad39 100644 --- a/docs/pages/material-ui/react-radio-button.js +++ b/docs/pages/material-ui/react-radio-button.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/radio-buttons/radio-buttons.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/radio-buttons/radio-buttons.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-rating.js b/docs/pages/material-ui/react-rating.js index 6edd6e113eaab6..3f9a073092a454 100644 --- a/docs/pages/material-ui/react-rating.js +++ b/docs/pages/material-ui/react-rating.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/rating/rating.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/rating/rating.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-select.js b/docs/pages/material-ui/react-select.js index 693afc9f2862cb..b7193c97ada5d7 100644 --- a/docs/pages/material-ui/react-select.js +++ b/docs/pages/material-ui/react-select.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/selects/selects.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/selects/selects.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-skeleton.js b/docs/pages/material-ui/react-skeleton.js index f33a27424cfa0e..6cb7decf729d7d 100644 --- a/docs/pages/material-ui/react-skeleton.js +++ b/docs/pages/material-ui/react-skeleton.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/skeleton/skeleton.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/skeleton/skeleton.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-slider.js b/docs/pages/material-ui/react-slider.js index d658add98240f2..700e440f91b877 100644 --- a/docs/pages/material-ui/react-slider.js +++ b/docs/pages/material-ui/react-slider.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/slider/slider.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/slider/slider.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-snackbar.js b/docs/pages/material-ui/react-snackbar.js index 7da07631d01d41..36dc0fa2e66b27 100644 --- a/docs/pages/material-ui/react-snackbar.js +++ b/docs/pages/material-ui/react-snackbar.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/snackbars/snackbars.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/snackbars/snackbars.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-speed-dial.js b/docs/pages/material-ui/react-speed-dial.js index f391297d9af4ae..a943d8975ce7f6 100644 --- a/docs/pages/material-ui/react-speed-dial.js +++ b/docs/pages/material-ui/react-speed-dial.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/speed-dial/speed-dial.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/speed-dial/speed-dial.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-stack.js b/docs/pages/material-ui/react-stack.js index f96863a969d8b6..d7f68f4b59295d 100644 --- a/docs/pages/material-ui/react-stack.js +++ b/docs/pages/material-ui/react-stack.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/stack/stack.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/stack/stack.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-stepper.js b/docs/pages/material-ui/react-stepper.js index 740c7ce58c6c8d..19cf4bc04c2aa5 100644 --- a/docs/pages/material-ui/react-stepper.js +++ b/docs/pages/material-ui/react-stepper.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/steppers/steppers.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/steppers/steppers.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-switch.js b/docs/pages/material-ui/react-switch.js index 4e4bfbc234a7ec..39f43bb71630f5 100644 --- a/docs/pages/material-ui/react-switch.js +++ b/docs/pages/material-ui/react-switch.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/switches/switches.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/switches/switches.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-table.js b/docs/pages/material-ui/react-table.js index a7015e75f3ad80..a4de49dc17e97e 100644 --- a/docs/pages/material-ui/react-table.js +++ b/docs/pages/material-ui/react-table.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - docs, - demos, - demoComponents, -} from 'docs/data/material/components/tables/tables.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/tables/tables.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-tabs.js b/docs/pages/material-ui/react-tabs.js index 90c3179d4a3819..b26e47504d98bb 100644 --- a/docs/pages/material-ui/react-tabs.js +++ b/docs/pages/material-ui/react-tabs.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/tabs/tabs.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/tabs/tabs.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-text-field.js b/docs/pages/material-ui/react-text-field.js index 21f7a1fe54354d..7230c8be868240 100644 --- a/docs/pages/material-ui/react-text-field.js +++ b/docs/pages/material-ui/react-text-field.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/text-fields/text-fields.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/text-fields/text-fields.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-textarea-autosize.js b/docs/pages/material-ui/react-textarea-autosize.js index 574d2a0466b295..2eaee65bf2da0d 100644 --- a/docs/pages/material-ui/react-textarea-autosize.js +++ b/docs/pages/material-ui/react-textarea-autosize.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/textarea-autosize/textarea-autosize.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/textarea-autosize/textarea-autosize.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-timeline.js b/docs/pages/material-ui/react-timeline.js index 5a9e98cf791b74..6ff6b235875ae5 100644 --- a/docs/pages/material-ui/react-timeline.js +++ b/docs/pages/material-ui/react-timeline.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/timeline/timeline.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/timeline/timeline.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-toggle-button.js b/docs/pages/material-ui/react-toggle-button.js index 403e8271622435..e521d502c76378 100644 --- a/docs/pages/material-ui/react-toggle-button.js +++ b/docs/pages/material-ui/react-toggle-button.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/toggle-button/toggle-button.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/toggle-button/toggle-button.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-tooltip.js b/docs/pages/material-ui/react-tooltip.js index ef276b67e67bb8..65922e0483293b 100644 --- a/docs/pages/material-ui/react-tooltip.js +++ b/docs/pages/material-ui/react-tooltip.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/tooltips/tooltips.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/tooltips/tooltips.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-transfer-list.js b/docs/pages/material-ui/react-transfer-list.js index 62d6589165d0f7..f8545b86ff0fa3 100644 --- a/docs/pages/material-ui/react-transfer-list.js +++ b/docs/pages/material-ui/react-transfer-list.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/transfer-list/transfer-list.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/transfer-list/transfer-list.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-tree-view.js b/docs/pages/material-ui/react-tree-view.js index f39b479b55ecb4..8885df153e6035 100644 --- a/docs/pages/material-ui/react-tree-view.js +++ b/docs/pages/material-ui/react-tree-view.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/tree-view/tree-view.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/tree-view/tree-view.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-typography.js b/docs/pages/material-ui/react-typography.js index e927619346df5f..2a74055c9b467e 100644 --- a/docs/pages/material-ui/react-typography.js +++ b/docs/pages/material-ui/react-typography.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/typography/typography.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/typography/typography.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/react-use-media-query.js b/docs/pages/material-ui/react-use-media-query.js index 32d5e0ee11852b..9014b4fd73fa2f 100644 --- a/docs/pages/material-ui/react-use-media-query.js +++ b/docs/pages/material-ui/react-use-media-query.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/use-media-query/use-media-query.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/use-media-query/use-media-query.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/material-ui/transitions.js b/docs/pages/material-ui/transitions.js index ac27ad0fa242a6..2bbd3c89b59813 100644 --- a/docs/pages/material-ui/transitions.js +++ b/docs/pages/material-ui/transitions.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/material/components/transitions/transitions.md?@mui/markdown'; +import * as pageProps from 'docs/data/material/components/transitions/transitions.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/production-error.js b/docs/pages/production-error.js index e3be42ada78d75..d426a26b05162f 100644 --- a/docs/pages/production-error.js +++ b/docs/pages/production-error.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - docs, - demos, - demoComponents, -} from 'docs/src/pages/production-error/index.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/production-error/index.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/borders.js b/docs/pages/system/borders.js index 14cc4298c03d88..d97158c09f4223 100644 --- a/docs/pages/system/borders.js +++ b/docs/pages/system/borders.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/borders/borders.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/borders/borders.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/display.js b/docs/pages/system/display.js index 21c096a667333f..5d9c892df5940e 100644 --- a/docs/pages/system/display.js +++ b/docs/pages/system/display.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/display/display.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/display/display.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/flexbox.js b/docs/pages/system/flexbox.js index ad8cd212329c4d..7c4a4699cbbffd 100644 --- a/docs/pages/system/flexbox.js +++ b/docs/pages/system/flexbox.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/flexbox/flexbox.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/flexbox/flexbox.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/getting-started/custom-components.js b/docs/pages/system/getting-started/custom-components.js index 9c5d0ec6bfc3e9..bc87801ff6c799 100644 --- a/docs/pages/system/getting-started/custom-components.js +++ b/docs/pages/system/getting-started/custom-components.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/getting-started/custom-components/custom-components.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/getting-started/custom-components/custom-components.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/getting-started/installation.js b/docs/pages/system/getting-started/installation.js index b58f28f1514423..2d7d2b727af4b3 100644 --- a/docs/pages/system/getting-started/installation.js +++ b/docs/pages/system/getting-started/installation.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/getting-started/installation/installation.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/getting-started/installation/installation.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/getting-started/overview.js b/docs/pages/system/getting-started/overview.js index 2068c987879099..c99ab5bc2462d8 100644 --- a/docs/pages/system/getting-started/overview.js +++ b/docs/pages/system/getting-started/overview.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/getting-started/overview/overview.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/getting-started/overview/overview.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/getting-started/the-sx-prop.js b/docs/pages/system/getting-started/the-sx-prop.js index 4d0d4dea7fa625..aacbdbf57bc11e 100644 --- a/docs/pages/system/getting-started/the-sx-prop.js +++ b/docs/pages/system/getting-started/the-sx-prop.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/getting-started/the-sx-prop/the-sx-prop.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/getting-started/the-sx-prop/the-sx-prop.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/getting-started/usage.js b/docs/pages/system/getting-started/usage.js index 70363a4d22a03e..b56082b948a678 100644 --- a/docs/pages/system/getting-started/usage.js +++ b/docs/pages/system/getting-started/usage.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/getting-started/usage/usage.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/getting-started/usage/usage.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/grid.js b/docs/pages/system/grid.js index 7210b5ac5c9d77..f69770a4dfd23b 100644 --- a/docs/pages/system/grid.js +++ b/docs/pages/system/grid.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/grid/grid.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/grid/grid.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/palette.js b/docs/pages/system/palette.js index 828757bba679ce..68b9cc71b0c53c 100644 --- a/docs/pages/system/palette.js +++ b/docs/pages/system/palette.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/palette/palette.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/palette/palette.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/positions.js b/docs/pages/system/positions.js index 36f36fe2c06ab2..c4b446c677a7c9 100644 --- a/docs/pages/system/positions.js +++ b/docs/pages/system/positions.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/positions/positions.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/positions/positions.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/properties.js b/docs/pages/system/properties.js index 0c85c614d8ffce..eb3e02ba943311 100644 --- a/docs/pages/system/properties.js +++ b/docs/pages/system/properties.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/properties/properties.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/properties/properties.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/react-box.js b/docs/pages/system/react-box.js index 6768d7c5d7a669..77a18f9691eca0 100644 --- a/docs/pages/system/react-box.js +++ b/docs/pages/system/react-box.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/components/box/box.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/components/box/box.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/react-container.js b/docs/pages/system/react-container.js index 3ea49f7cd267c8..c0f3516ec5090a 100644 --- a/docs/pages/system/react-container.js +++ b/docs/pages/system/react-container.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/components/container/container.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/components/container/container.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/react-grid.js b/docs/pages/system/react-grid.js index b86a920bb0c34b..67c5ad62bc03fa 100644 --- a/docs/pages/system/react-grid.js +++ b/docs/pages/system/react-grid.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/components/grid/grid.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/components/grid/grid.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/react-stack.js b/docs/pages/system/react-stack.js index 412fb69a858c01..360921e5c4dec8 100644 --- a/docs/pages/system/react-stack.js +++ b/docs/pages/system/react-stack.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/components/stack/stack.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/components/stack/stack.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/screen-readers.js b/docs/pages/system/screen-readers.js index 19a0b06f2d6c76..405ea5e96db266 100644 --- a/docs/pages/system/screen-readers.js +++ b/docs/pages/system/screen-readers.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/screen-readers/screen-readers.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/screen-readers/screen-readers.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/shadows.js b/docs/pages/system/shadows.js index 326e02877efc25..1ab37003c97664 100644 --- a/docs/pages/system/shadows.js +++ b/docs/pages/system/shadows.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/shadows/shadows.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/shadows/shadows.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/sizing.js b/docs/pages/system/sizing.js index ba8c3154fec7c8..de7420a4a196be 100644 --- a/docs/pages/system/sizing.js +++ b/docs/pages/system/sizing.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/sizing/sizing.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/sizing/sizing.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/spacing.js b/docs/pages/system/spacing.js index 1d78fae9d4551a..b0979022dcc020 100644 --- a/docs/pages/system/spacing.js +++ b/docs/pages/system/spacing.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/spacing/spacing.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/spacing/spacing.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/styled.js b/docs/pages/system/styled.js index 8d95a7e50bc479..2353b84ed4ec1f 100644 --- a/docs/pages/system/styled.js +++ b/docs/pages/system/styled.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/system/styled/styled.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/styled/styled.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/styles/advanced.js b/docs/pages/system/styles/advanced.js index 28bfa50c8620e3..81def470d18f49 100644 --- a/docs/pages/system/styles/advanced.js +++ b/docs/pages/system/styles/advanced.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/styles/advanced/advanced.md?@mui/markdown'; +import * as pageProps from 'docs/data/styles/advanced/advanced.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/styles/api.js b/docs/pages/system/styles/api.js index 0d6b8ab70f0e10..4cab1a7b5ac9ea 100644 --- a/docs/pages/system/styles/api.js +++ b/docs/pages/system/styles/api.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/styles/api/api.md?@mui/markdown'; +import * as pageProps from 'docs/data/styles/api/api.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/styles/basics.js b/docs/pages/system/styles/basics.js index 27d5c4dbde2945..3ab1f355e5ef13 100644 --- a/docs/pages/system/styles/basics.js +++ b/docs/pages/system/styles/basics.js @@ -1,7 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { demos, docs, demoComponents } from 'docs/data/styles/basics/basics.md?@mui/markdown'; +import * as pageProps from 'docs/data/styles/basics/basics.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/system/typography.js b/docs/pages/system/typography.js index 3fd9dfa45b3090..2b0fc3e44944ac 100644 --- a/docs/pages/system/typography.js +++ b/docs/pages/system/typography.js @@ -1,11 +1,7 @@ import * as React from 'react'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; -import { - demos, - docs, - demoComponents, -} from 'docs/data/system/typography/typography.md?@mui/markdown'; +import * as pageProps from 'docs/data/system/typography/typography.md?@mui/markdown'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/versions.js b/docs/pages/versions.js index 23f29a484d6346..b73a02c2017392 100644 --- a/docs/pages/versions.js +++ b/docs/pages/versions.js @@ -2,13 +2,13 @@ import * as React from 'react'; import sortedUniqBy from 'lodash/sortedUniqBy'; import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; import VersionsContext from 'docs/src/pages/versions/VersionsContext'; -import { demos, docs, demoComponents } from 'docs/src/pages/versions/versions.md?@mui/markdown'; +import * as pageProps from 'docs/src/pages/versions/versions.md?@mui/markdown'; export default function Page(props) { const { versions } = props; return ( - + ); } diff --git a/docs/src/modules/components/MarkdownDocs.js b/docs/src/modules/components/MarkdownDocs.js index eb42f8d674c44a..0358dc13f35cde 100644 --- a/docs/src/modules/components/MarkdownDocs.js +++ b/docs/src/modules/components/MarkdownDocs.js @@ -5,17 +5,11 @@ import { useTheme } from '@mui/system'; import Demo from 'docs/src/modules/components/Demo'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; import { exactProp } from '@mui/utils'; -import ComponentLinkHeader from 'docs/src/modules/components/ComponentLinkHeader'; import AppLayoutDocs from 'docs/src/modules/components/AppLayoutDocs'; import { useTranslate, useUserLanguage } from 'docs/src/modules/utils/i18n'; import { CssVarsProvider, useColorScheme } from '@mui/joy/styles'; import BrandingProvider from 'docs/src/BrandingProvider'; -// TODO: Only import on demand via @mui/markdown/loader -const markdownComponents = { - 'modules/components/ComponentLinkHeader.js': ComponentLinkHeader, -}; - function noComponent(moduleID) { return function NoComponent() { throw new Error(`No demo component provided for '${moduleID}'`); @@ -38,7 +32,14 @@ function MarkdownDocs(props) { const theme = useTheme(); const router = useRouter(); const asPathWithoutLang = router.asPath.replace(/^\/[a-zA-Z]{2}\//, '/'); - const { disableAd = false, disableToc = false, demos = {}, docs, demoComponents } = props; + const { + disableAd = false, + disableToc = false, + demos = {}, + docs, + demoComponents, + componentComponents, + } = props; const userLanguage = useUserLanguage(); const t = useTranslate(); @@ -70,7 +71,13 @@ function MarkdownDocs(props) { } if (renderedMarkdownOrDemo.component) { - const Component = markdownComponents[renderedMarkdownOrDemo.component]; + const name = renderedMarkdownOrDemo.component; + const Component = componentComponents?.[name]; + + if (Component === undefined) { + throw new Error('Missing component'); + } + return (