Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[core] Improve imports from the core monorepo #10418

Closed
wants to merge 4 commits into from
+79 −86
Closed

[core] Improve imports from the core monorepo #10418

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b4ae149
[core] Improve imports from the core monorepo
flaviendelangle Sep 21, 2023
ed69e36
Remove ttp dep from the doc
flaviendelangle Sep 21, 2023
d570ed3
Merge
flaviendelangle Nov 10, 2023
86db0bf
Fix
flaviendelangle Nov 10, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 10 additions & 5 deletions babel.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,16 +16,21 @@ const defaultAlias = {
'@mui/x-date-pickers-pro': resolveAliasPath('./packages/x-date-pickers-pro/src'),
'@mui/x-charts': resolveAliasPath('./packages/x-charts/src'),
'@mui/x-tree-view': resolveAliasPath('./packages/x-tree-view/src'),
'@mui/markdown': '@mui/monorepo/packages/markdown',
'@mui-internal/api-docs-builder': '@mui/monorepo/packages/api-docs-builder',
'@mui-internal/docs-utilities': '@mui/monorepo/packages/docs-utilities',
'@mui/markdown': resolveAliasPath('./node_modules/@mui/monorepo/packages/markdown'),
'@mui-internal/api-docs-builder': resolveAliasPath(
'./node_modules/@mui/monorepo/packages/api-docs-builder',
),
'@mui-internal/docs-utilities': resolveAliasPath(
'./node_modules/@mui/monorepo/packages/docs-utilities',
),
'@mui-internal/test-utils': resolveAliasPath(
'./node_modules/@mui/monorepo/packages/test-utils/src',
),
'typescript-to-proptypes': '@mui/monorepo/packages/typescript-to-proptypes/src',
'typescript-to-proptypes': resolveAliasPath(
'./node_modules/@mui/monorepo/packages/typescript-to-proptypes',
),
docs: resolveAliasPath('./node_modules/@mui/monorepo/docs'),
test: resolveAliasPath('./test'),
packages: resolveAliasPath('./packages'),
};

const productionPlugins = [
Expand Down
2 changes: 1 addition & 1 deletion docs/data/charts-component-api-pages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { MuiPage } from '@mui/monorepo/docs/src/MuiPage';
import type { MuiPage } from 'docs/src/MuiPage';

export default [
{ pathname: '/x/api/charts/area-element', title: 'AreaElement' },
Expand Down
2 changes: 1 addition & 1 deletion docs/data/data-grid-component-api-pages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { MuiPage } from '@mui/monorepo/docs/src/MuiPage';
import type { MuiPage } from 'docs/src/MuiPage';

export default [
{ pathname: '/x/api/data-grid/data-grid', title: 'DataGrid' },
Expand Down
2 changes: 1 addition & 1 deletion docs/data/date-pickers-component-api-pages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { MuiPage } from '@mui/monorepo/docs/src/MuiPage';
import type { MuiPage } from 'docs/src/MuiPage';

export default [
{ pathname: '/x/api/date-pickers/date-calendar', title: 'DateCalendar' },
Expand Down
2 changes: 1 addition & 1 deletion docs/data/pages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { MuiPage } from '@mui/monorepo/docs/src/MuiPage';
import type { MuiPage } from 'docs/src/MuiPage';
import dataGridComponentApi from './data-grid-component-api-pages';
import pickersComponentApi from './date-pickers-component-api-pages';
import chartsComponentApi from './charts-component-api-pages';
Expand Down
2 changes: 1 addition & 1 deletion docs/data/tree-view-component-api-pages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { MuiPage } from '@mui/monorepo/docs/src/MuiPage';
import type { MuiPage } from 'docs/src/MuiPage';

export default [
{ pathname: '/x/api/tree-view/tree-item', title: 'TreeItem' },
Expand Down
3 changes: 1 addition & 2 deletions docs/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,6 @@
"@types/doctrine": "^0.0.8",
"@types/stylis": "^4.2.2",
"cpy-cli": "^5.0.0",
"gm": "^1.25.0",
"typescript-to-proptypes": "^2.2.1"
"gm": "^1.25.0"
}
}
2 changes: 1 addition & 1 deletion docs/pages/_document.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
import MyDocument from '@mui/monorepo/docs/pages/_document';
import MyDocument from 'docs/pages/_document';

export default MyDocument;
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-actions-col-def.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't love this change, I feel like the @mui/... prefix was a nice way to indicate that it comes from another MUI package. It would be nice if we could have a standardized form to rename packages from the monorepo.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I feel like the existing docs and docsx approach is pretty well established in everyone's head, but I can also second this though, ideally, we should aim at using a similar approach to aliasing/naming all packages and currently docs, docsx and typescript-to-proptypes are probably the only exceptions. 🤔 🤷
This could become @mui/docs or @mui-internal/docs (although the former would be a better fit given how the alias names are chosen)

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This could become @mui/docs

We already have this one but it's almost empty

I do agree that the current aliases are a mess.
But for me @mui/monorepo is not the solution.
I would prefer, as Lukas suggest to move the code on the doc to some @mui-internal packages.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For me the main pain of @mui/monorepo is that in theory anything on the core repo is "public API" because it's used by us, so anytime they break something, maybe we are impacted.

The idea of removing this alias eventually, is to make clear which folders in there repo is public API and which one they can totally rework without caring for others.

So once we are not using @mui/monorepo anymore, we can start cleaning the other aliases (move to the new @mui-internal nomenclature everywhere would be a good start).

And then we will be able to move those new @mui-internal packages to another repo if we want.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok gotcha. I'm not sure how I feel about the non-required aliases overall, they do require getting used to. When I played with the babel config a few weeks ago I wasn't sure what was what. Non-magic stuff is easier for newcomers, and doesn't require engineers who update the configs to have as much accumulated knowledge of the project.

But I do see the benefits of @mui-internals, and if it was all standardized to that I would be reasonably happy.

Feel free to merge anyway, just wanted to voice my concerns.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What are you referring to when you talk about "non-required aliases" ?

My dream scenario would be that one day we have one repo for the infra with all the code published on NPM and versioned in well-defined packages.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The @mui/... to local ./packages are the required ones:

image

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not following you

import * as pageProps from './grid-actions-col-def.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-aggregation-function.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-aggregation-function.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-api.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-api.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-cell-params.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-cell-params.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-col-def.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-col-def.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-csv-export-options.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-csv-export-options.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-excel-export-options.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-excel-export-options.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-export-state-params.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-export-state-params.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-filter-item.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-filter-item.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-filter-model.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-filter-model.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-filter-operator.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-filter-operator.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-print-export-options.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-print-export-options.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-row-class-name-params.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-row-class-name-params.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-row-params.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-row-params.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-row-spacing-params.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-row-spacing-params.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/x/api/data-grid/grid-single-select-col-def.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './grid-single-select-col-def.md?@mui/markdown';

export default function Page() {
Expand Down
27 changes: 12 additions & 15 deletions docs/scripts/api/buildComponentsDocumentation.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,27 @@
import { getPropTypesFromFile } from '@mui/monorepo/packages/typescript-to-proptypes';
import {
UnionType,
InterfaceType,
} from '@mui/monorepo/packages/typescript-to-proptypes/src/models';
import { getPropTypesFromFile } from 'typescript-to-proptypes';
flaviendelangle marked this conversation as resolved.
Show resolved Hide resolved
import { UnionType, InterfaceType } from 'typescript-to-proptypes/models';
import * as fse from 'fs-extra';
import fs from 'fs';
import path from 'path';
import parseStyles from '@mui/monorepo/packages/api-docs-builder/utils/parseStyles';
import parseStyles from '@mui-internal/api-docs-builder/utils/parseStyles';
import fromPairs from 'lodash/fromPairs';
import createDescribeableProp, {
DescribeablePropDescriptor,
} from '@mui/monorepo/packages/api-docs-builder/utils/createDescribeableProp';
import generatePropDescription from '@mui/monorepo/packages/api-docs-builder/utils/generatePropDescription';
} from '@mui-internal/api-docs-builder/utils/createDescribeableProp';
import generatePropDescription from '@mui-internal/api-docs-builder/utils/generatePropDescription';
import { parse as parseDoctrine } from 'doctrine';
import generatePropTypeDescription, {
getChained,
} from '@mui/monorepo/packages/api-docs-builder/utils/generatePropTypeDescription';
import parseTest from '@mui/monorepo/packages/api-docs-builder/utils/parseTest';
} from '@mui-internal/api-docs-builder/utils/generatePropTypeDescription';
import parseTest from '@mui-internal/api-docs-builder/utils/parseTest';
import kebabCase from 'lodash/kebabCase';
import { LANGUAGES } from 'docs/config';
import findPagesMarkdownNew from '@mui/monorepo/packages/api-docs-builder/utils/findPagesMarkdown';
import findPagesMarkdownNew from '@mui-internal/api-docs-builder/utils/findPagesMarkdown';
import { defaultHandlers, parse as docgenParse } from 'react-docgen';
import { renderMarkdown, getHeaders, getTitle } from '@mui/monorepo/packages/markdown';
import { getLineFeed } from '@mui/monorepo/packages/docs-utilities';
import { unstable_generateUtilityClass as generateUtilityClass } from '@mui/utils';
import type { ReactApi as CoreReactApi } from '@mui/monorepo/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder';
import { renderMarkdown, getHeaders, getTitle } from '@mui/markdown';
import { getLineFeed } from '@mui-internal/docs-utilities';
import generateUtilityClass from '@mui/utils/generateUtilityClass';
import type { ReactApi as CoreReactApi } from '@mui-internal/api-docs-builder/ApiBuilders/ComponentApiBuilder';
import { DocumentedInterfaces, getJsdocDefaultValue, linkify, writePrettifiedFile } from './utils';
import { XTypeScriptProject, XTypeScriptProjects } from '../createXTypeScriptProjects';
import saveApiDocPages, { ApiPageType, getPlan } from './saveApiDocPages';
Expand Down
2 changes: 1 addition & 1 deletion docs/scripts/api/buildGridEventsDocumentation.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as ts from 'typescript';
import path from 'path';
import { renderMarkdown } from '@mui/monorepo/packages/markdown';
import { renderMarkdown } from '@mui/markdown';
import {
DocumentedInterfaces,
getSymbolDescription,
Expand Down
4 changes: 2 additions & 2 deletions docs/scripts/api/buildInterfacesDocumentation.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import * as ts from 'typescript';
import * as prettier from 'prettier';
import kebabCase from 'lodash/kebabCase';
import path from 'path';
import { renderMarkdown } from '@mui/monorepo/packages/markdown';
import { renderMarkdown } from '@mui/markdown';
import {
escapeCell,
getSymbolDescription,
Expand Down Expand Up @@ -349,7 +349,7 @@ export default function buildInterfacesDocumentation(options: BuildInterfacesDoc
writePrettifiedFile(
path.resolve(apiPagesFolder, project.documentationFolderName, `${slug}.js`),
`import * as React from 'react';
import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
import * as pageProps from './${slug}.md?@mui/markdown';

export default function Page() {
Expand Down
2 changes: 1 addition & 1 deletion docs/scripts/api/saveApiDocPages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ export default async function saveApiDocPages(

writePrettifiedFile(
path.resolve(dataFolder, `${folderName}-${identifier}-pages.ts`),
`import type { MuiPage } from '@mui/monorepo/docs/src/MuiPage';
`import type { MuiPage } from 'docs/src/MuiPage';

export default ${JSON.stringify(pagesPerFolder[folderName])} as MuiPage[]`,
project,
Expand Down
2 changes: 1 addition & 1 deletion docs/scripts/createXTypeScriptProjects.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import {
createTypeScriptProject,
CreateTypeScriptProjectOptions,
TypeScriptProject,
} from '@mui/monorepo/packages/api-docs-builder/utils/createTypeScriptProject';
} from '@mui-internal/api-docs-builder/utils/createTypeScriptProject';
import { getComponentFilesInFolder } from './utils';

const workspaceRoot = path.resolve(__dirname, '../../');
Expand Down
7 changes: 2 additions & 5 deletions docs/scripts/generateProptypes.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,8 @@ import * as yargs from 'yargs';
import * as path from 'path';
import * as fse from 'fs-extra';
import * as prettier from 'prettier';
import {
getPropTypesFromFile,
injectPropTypesInFile,
} from '@mui/monorepo/packages/typescript-to-proptypes';
import { fixBabelGeneratorIssues, fixLineEndings } from '@mui/monorepo/packages/docs-utilities';
import { getPropTypesFromFile, injectPropTypesInFile } from 'typescript-to-proptypes';
import { fixBabelGeneratorIssues, fixLineEndings } from '@mui-internal/docs-utilities';
import { createXTypeScriptProjects, XTypeScriptProject } from './createXTypeScriptProjects';

const prettierConfig = prettier.resolveConfig.sync(process.cwd(), {
Expand Down
2 changes: 1 addition & 1 deletion docs/scripts/reportBrokenLinks.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint-disable no-console */
const path = require('path');
const fse = require('fs-extra');
const { parseDocFolder, getAnchor } = require('@mui/monorepo/docs/scripts/reportBrokenLinks');
const { parseDocFolder, getAnchor } = require('docs/scripts/reportBrokenLinks');

const docsSpaceRoot = path.join(__dirname, '../');

Expand Down
7 changes: 4 additions & 3 deletions docs/src/modules/components/CustomizationPlayground.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import * as React from 'react';
// @ts-ignore
import HighlightedCode from 'docs/src/modules/components/HighlightedCode';
// @ts-ignore
import BrandingProvider from 'docs/src/BrandingProvider';
import { styled, Theme, alpha, useTheme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery';
Expand Down Expand Up @@ -272,6 +271,8 @@ const CustomizationPlayground = function CustomizationPlayground({
examples,
componentName,
}: UseCustomizationPlaygroundProps) {
const theme = useTheme();

const {
selectedDemo,
customizationOptions,
Expand Down Expand Up @@ -300,7 +301,7 @@ const CustomizationPlayground = function CustomizationPlayground({
return (
<Box sx={{ flexGrow: 1 }}>
{selectedDemo && customizationOptions && selectedCustomizationOption && (
<BrandingProvider>
<BrandingProvider mode={theme.palette.mode}>
<TabsWrapper>
<StylingApproachTabs
onChange={(_e, newValue) => {
Expand Down Expand Up @@ -333,7 +334,7 @@ const CustomizationPlayground = function CustomizationPlayground({
</StyledChild>
</PlaygroundDemoArea>
{shouldBeInteractive && (
<BrandingProvider>
<BrandingProvider mode={theme.palette.mode}>
<PlaygroundConfigArea>
<ConfigSectionWrapper>
<ConfigLabel gutterBottom>Components</ConfigLabel>
Expand Down
16 changes: 15 additions & 1 deletion tsconfig.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,10 +26,24 @@
"@mui/x-tree-view/*": ["./packages/x-tree-view/src/*"],
"@mui/x-license-pro": ["./packages/x-license-pro/src"],
"@mui/x-license-pro/*": ["./packages/x-license-pro/src/*"],
"@mui/markdown": ["./node_modules/@mui/monorepo/packages/markdown"],
"@mui/markdown/*": ["./node_modules/@mui/monorepo/packages/markdown/*"],
"@mui-internal/api-docs-builder": ["./node_modules/@mui/monorepo/packages/api-docs-builder"],
"@mui-internal/api-docs-builder/*": [
"./node_modules/@mui/monorepo/packages/api-docs-builder/*"
],
"@mui-internal/docs-utilities": ["./node_modules/@mui/monorepo/packages/docs-utilities"],
"@mui-internal/docs-utilities/*": ["./node_modules/@mui/monorepo/packages/docs-utilities/*"],
"@mui-internal/test-utils": ["./node_modules/@mui/monorepo/packages/test-utils/src"],
"@mui-internal/test-utils/*": ["./node_modules/@mui/monorepo/packages/test-utils/src/*"],
"typescript-to-proptypes": [
"./node_modules/@mui/monorepo/packages/typescript-to-proptypes/src"
],
"typescript-to-proptypes/*": [
"./node_modules/@mui/monorepo/packages/typescript-to-proptypes/src/*"
],
"test/*": ["./test/*"],
"docs/*": ["./node_modules/@mui/monorepo/docs"],
"docs/*": ["./node_modules/@mui/monorepo/docs/*"],
"docsx/*": ["./docs/*"]
}
},
Expand Down
Loading