diff --git a/babel.config.js b/babel.config.js index 0b987d7741afc..9a798681267f1 100644 --- a/babel.config.js +++ b/babel.config.js @@ -92,6 +92,7 @@ module.exports = function getBabelConfig(api) { ignoreFilenames: ['DataGrid.tsx', 'DataGridPro.tsx'], }, ], + '@mui/internal-babel-plugin-display-name', [ 'transform-inline-environment-variables', { diff --git a/package.json b/package.json index 00278e76ad482..6c4150aec14f3 100644 --- a/package.json +++ b/package.json @@ -85,6 +85,7 @@ "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.0", "@mui/icons-material": "^7.0.2", + "@mui/internal-babel-plugin-display-name": "github:mui/mui-public#master&path:./packages/babel-plugin-display-name", "@mui/internal-babel-plugin-resolve-imports": "^2.0.1", "@mui/internal-markdown": "^2.0.4", "@mui/internal-test-utils": "^2.0.7", diff --git a/packages/x-charts/src/ChartsLocalizationProvider/ChartsLocalizationProvider.tsx b/packages/x-charts/src/ChartsLocalizationProvider/ChartsLocalizationProvider.tsx index 1112170a7f29c..83f142b3ffb87 100644 --- a/packages/x-charts/src/ChartsLocalizationProvider/ChartsLocalizationProvider.tsx +++ b/packages/x-charts/src/ChartsLocalizationProvider/ChartsLocalizationProvider.tsx @@ -13,10 +13,6 @@ export const ChartsLocalizationContext = React.createContext | null>(null); - -if (process.env.NODE_ENV !== 'production') { - ChartContext.displayName = 'ChartContext'; -} diff --git a/packages/x-data-grid/src/components/GridApiContext.ts b/packages/x-data-grid/src/components/GridApiContext.ts index c817a26cb5ee7..2841511b45e61 100644 --- a/packages/x-data-grid/src/components/GridApiContext.ts +++ b/packages/x-data-grid/src/components/GridApiContext.ts @@ -2,7 +2,3 @@ import * as React from 'react'; export const GridApiContext = React.createContext(undefined); - -if (process.env.NODE_ENV !== 'production') { - GridApiContext.displayName = 'GridApiContext'; -} diff --git a/packages/x-data-grid/src/components/GridConfigurationContext.ts b/packages/x-data-grid/src/components/GridConfigurationContext.ts index 7a531c86e77b1..53e0f018373e9 100644 --- a/packages/x-data-grid/src/components/GridConfigurationContext.ts +++ b/packages/x-data-grid/src/components/GridConfigurationContext.ts @@ -2,7 +2,3 @@ import * as React from 'react'; export const GridConfigurationContext = React.createContext(undefined); - -if (process.env.NODE_ENV !== 'production') { - GridConfigurationContext.displayName = 'GridConfigurationContext'; -} diff --git a/packages/x-data-grid/src/context/GridRootPropsContext.ts b/packages/x-data-grid/src/context/GridRootPropsContext.ts index 7decd22fcc741..ef501d2019123 100644 --- a/packages/x-data-grid/src/context/GridRootPropsContext.ts +++ b/packages/x-data-grid/src/context/GridRootPropsContext.ts @@ -3,8 +3,4 @@ import * as React from 'react'; const GridRootPropsContext = React.createContext(undefined); -if (process.env.NODE_ENV !== 'production') { - GridRootPropsContext.displayName = 'GridRootPropsContext'; -} - export { GridRootPropsContext }; diff --git a/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts b/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts index be8cbb530d096..764193e995cb6 100644 --- a/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts +++ b/packages/x-data-grid/src/hooks/utils/useGridPrivateApiContext.ts @@ -5,10 +5,6 @@ import { GridPrivateApiCommunity } from '../../models/api/gridApiCommunity'; export const GridPrivateApiContext = React.createContext(undefined); -if (process.env.NODE_ENV !== 'production') { - GridPrivateApiContext.displayName = 'GridPrivateApiContext'; -} - export function useGridPrivateApiContext< PrivateApi extends GridPrivateApiCommon = GridPrivateApiCommunity, >(): RefObject { diff --git a/packages/x-date-pickers/src/LocalizationProvider/LocalizationProvider.tsx b/packages/x-date-pickers/src/LocalizationProvider/LocalizationProvider.tsx index c891a770b327a..22cbc4ad26c24 100644 --- a/packages/x-date-pickers/src/LocalizationProvider/LocalizationProvider.tsx +++ b/packages/x-date-pickers/src/LocalizationProvider/LocalizationProvider.tsx @@ -22,10 +22,6 @@ export type MuiPickersAdapterContextNullableValue = { export const MuiPickersAdapterContext = React.createContext(null); -if (process.env.NODE_ENV !== 'production') { - MuiPickersAdapterContext.displayName = 'MuiPickersAdapterContext'; -} - export interface LocalizationProviderProps { children?: React.ReactNode; /** diff --git a/packages/x-license/src/Unstable_LicenseInfoProvider/MuiLicenseInfoContext.ts b/packages/x-license/src/Unstable_LicenseInfoProvider/MuiLicenseInfoContext.ts index 15b87ed1925e2..0ee93d5ec38e3 100644 --- a/packages/x-license/src/Unstable_LicenseInfoProvider/MuiLicenseInfoContext.ts +++ b/packages/x-license/src/Unstable_LicenseInfoProvider/MuiLicenseInfoContext.ts @@ -4,8 +4,4 @@ import { MuiLicenseInfo } from '../utils/licenseInfo'; const MuiLicenseInfoContext = React.createContext({ key: undefined }); -if (process.env.NODE_ENV !== 'production') { - MuiLicenseInfoContext.displayName = 'MuiLicenseInfoContext'; -} - export default MuiLicenseInfoContext; diff --git a/packages/x-scheduler/src/joy/event-calendar/EventCalendar.tsx b/packages/x-scheduler/src/joy/event-calendar/EventCalendar.tsx index 5e99f0ee84db6..9dc8f6db8fa49 100644 --- a/packages/x-scheduler/src/joy/event-calendar/EventCalendar.tsx +++ b/packages/x-scheduler/src/joy/event-calendar/EventCalendar.tsx @@ -5,5 +5,3 @@ import './EventCalendar.css'; export const EventCalendar = React.forwardRef(function EventCalendar() { return
HELLO WORLD
; }); - -EventCalendar.displayName = 'EventCalendar'; diff --git a/packages/x-tree-view/src/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.ts b/packages/x-tree-view/src/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.ts index ba31a71352226..bc94cdc5d297a 100644 --- a/packages/x-tree-view/src/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.ts +++ b/packages/x-tree-view/src/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.ts @@ -6,7 +6,3 @@ import type { UseTreeViewItemsSignature } from '../plugins/useTreeViewItems'; export const TreeViewItemDepthContext = React.createContext< ((state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: TreeViewItemId) => number) | number >(() => -1); - -if (process.env.NODE_ENV !== 'production') { - TreeViewItemDepthContext.displayName = 'TreeViewItemDepthContext'; -} diff --git a/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewChildrenItemProvider.tsx b/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewChildrenItemProvider.tsx index 37249767d23eb..9b99c3d72c608 100644 --- a/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewChildrenItemProvider.tsx +++ b/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewChildrenItemProvider.tsx @@ -9,10 +9,6 @@ import { selectorItemOrderedChildrenIds } from '../plugins/useTreeViewItems/useT export const TreeViewChildrenItemContext = React.createContext(null); -if (process.env.NODE_ENV !== 'production') { - TreeViewChildrenItemContext.displayName = 'TreeViewChildrenItemContext'; -} - interface TreeViewChildrenItemProviderProps { itemId: string | null; idAttribute: string | null; diff --git a/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewContext.ts b/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewContext.ts index c84de871d31a9..d82a9e6ed1097 100644 --- a/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewContext.ts +++ b/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewContext.ts @@ -7,10 +7,6 @@ import { TreeViewContextValue } from './TreeViewProvider.types'; */ export const TreeViewContext = React.createContext | null>(null); -if (process.env.NODE_ENV !== 'production') { - TreeViewContext.displayName = 'TreeViewContext'; -} - export const useTreeViewContext = < TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = [], diff --git a/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewStyleContext.ts b/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewStyleContext.ts index aa006572d0124..f2ea8b7e44039 100644 --- a/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewStyleContext.ts +++ b/packages/x-tree-view/src/internals/TreeViewProvider/TreeViewStyleContext.ts @@ -63,10 +63,6 @@ export const TreeViewStyleContext = React.createContext { return React.useContext(TreeViewStyleContext); }; diff --git a/packages/x-tree-view/src/internals/components/RichTreeViewItems.tsx b/packages/x-tree-view/src/internals/components/RichTreeViewItems.tsx index 7925b2adf49e0..1aa131f45f067 100644 --- a/packages/x-tree-view/src/internals/components/RichTreeViewItems.tsx +++ b/packages/x-tree-view/src/internals/components/RichTreeViewItems.tsx @@ -15,10 +15,6 @@ const RichTreeViewItemsContext = React.createContext< ((itemId: TreeViewItemId) => React.ReactNode) | null >(null); -if (process.env.NODE_ENV !== 'production') { - RichTreeViewItemsContext.displayName = 'RichTreeViewItemsProvider'; -} - const WrappedTreeItem = React.memo(function WrappedTreeItem({ itemSlot, itemSlotProps, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 43e66fc35b304..d4a023fdb7ec2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -76,6 +76,9 @@ importers: '@mui/icons-material': specifier: ^7.0.2 version: 7.0.2(@mui/material@7.0.2(@emotion/react@11.14.0(@types/react@19.0.12)(react@19.0.0))(@emotion/styled@11.14.0(@emotion/react@11.14.0(@types/react@19.0.12)(react@19.0.0))(@types/react@19.0.12)(react@19.0.0))(@types/react@19.0.12)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(@types/react@19.0.12)(react@19.0.0) + '@mui/internal-babel-plugin-display-name': + specifier: github:mui/mui-public#master&path:./packages/babel-plugin-display-name + version: https://codeload.github.com/mui/mui-public/tar.gz/ac464b595b7639013f6b44ff14807d1467b2d1fb#path:./packages/babel-plugin-display-name(@babel/core@7.27.1)(@babel/preset-react@7.27.1(@babel/core@7.27.1)) '@mui/internal-babel-plugin-resolve-imports': specifier: ^2.0.1 version: 2.0.1(@babel/core@7.27.1) @@ -3450,6 +3453,13 @@ packages: '@types/react': optional: true + '@mui/internal-babel-plugin-display-name@https://codeload.github.com/mui/mui-public/tar.gz/ac464b595b7639013f6b44ff14807d1467b2d1fb#path:./packages/babel-plugin-display-name': + resolution: {path: ./packages/babel-plugin-display-name, tarball: https://codeload.github.com/mui/mui-public/tar.gz/ac464b595b7639013f6b44ff14807d1467b2d1fb} + version: 0.0.0 + peerDependencies: + '@babel/core': ^7.0.0 + '@babel/preset-react': ^7.0.0 + '@mui/internal-babel-plugin-resolve-imports@2.0.1': resolution: {integrity: sha512-xJdK3tCrGlSS6CVNUtLlZSOfFv0idY4Gpj8ffiUU3oVedlED6eoyr+kJf347kzVldnXmEkBSQ9qX4QhyTDoakQ==} peerDependencies: @@ -12620,6 +12630,15 @@ snapshots: optionalDependencies: '@types/react': 19.0.12 + '@mui/internal-babel-plugin-display-name@https://codeload.github.com/mui/mui-public/tar.gz/ac464b595b7639013f6b44ff14807d1467b2d1fb#path:./packages/babel-plugin-display-name(@babel/core@7.27.1)(@babel/preset-react@7.27.1(@babel/core@7.27.1))': + dependencies: + '@babel/core': 7.27.1 + '@babel/helper-module-imports': 7.27.1 + '@babel/helper-plugin-utils': 7.27.1 + '@babel/preset-react': 7.27.1(@babel/core@7.27.1) + transitivePeerDependencies: + - supports-color + '@mui/internal-babel-plugin-resolve-imports@2.0.1(@babel/core@7.27.1)': dependencies: '@babel/core': 7.27.1