) {
apiRef = useGridApiRef();
return (
);
- };
+ }
describe('columnHeaderParams', () => {
it('should include the correct params', () => {
@@ -368,7 +368,7 @@ describe('
);
- };
+ }
const { container, setProps } = render(
@@ -86,7 +86,7 @@ describe('
);
- };
+ }
render(
@@ -123,7 +123,7 @@ describe('
);
- };
+ }
render(
@@ -153,7 +153,7 @@ describe('
);
- };
+ }
render(
@@ -191,7 +191,7 @@ describe('
);
- };
+ }
render(
@@ -227,7 +227,7 @@ describe('
);
- };
+ }
render(
@@ -260,14 +260,14 @@ describe('
);
- };
+ }
render(
@@ -288,7 +288,7 @@ describe('
);
- };
+ }
render(
@@ -319,14 +319,14 @@ describe('
);
- };
+ }
render(
@@ -348,7 +348,7 @@ describe('
);
- };
+ }
render(
@@ -383,7 +383,7 @@ describe('
);
- };
+ }
render(
@@ -416,7 +416,7 @@ describe('
);
- };
+ }
render(
@@ -452,7 +452,7 @@ describe('
);
- };
+ }
render(
@@ -479,7 +479,7 @@ describe('
);
- };
+ }
render(
@@ -512,7 +512,7 @@ describe('
);
- };
+ }
render(;
- const TestCase = (props: Partial) => {
+ function TestCase(props: Partial) {
apiRef = useGridApiRef();
return (
);
- };
+ }
it('should add an id and operatorValue to the filter item created when opening the filter panel', () => {
render() => {
+ function TestCase(props: Partial) {
const { rows, ...other } = props;
apiRef = useGridApiRef();
return (
@@ -60,7 +60,7 @@ describe(') => {
+ function ControlCase(props: Partial) {
const { rows, columns, ...others } = props;
const [caseFilterModel, setFilterModel] = React.useState(getDefaultGridFilterModel);
const handleFilterChange: DataGridProProps['onFilterModelChange'] = (newModel) => {
@@ -766,7 +766,7 @@ describe(';
- const TestCase = (props: Omit) => {
+ function TestCase(props: Omit) {
apiRef = useGridApiRef();
return (
@@ -93,7 +93,7 @@ describe(';
- const TestLazyLoader = (props: Partial) => {
+ function TestLazyLoader(props: Partial) {
apiRef = useGridApiRef();
return (
@@ -58,7 +58,7 @@ describe('
);
- };
+ }
it('should not call onFetchRows if the viewport is fully loaded', function test() {
if (isJSDOM) {
diff --git a/packages/grid/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx b/packages/grid/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx
index 177c1182de96d..6012d693201bd 100644
--- a/packages/grid/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx
+++ b/packages/grid/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx
@@ -13,7 +13,7 @@ describe(';
- const GridTest = () => {
+ function GridTest() {
const basicData = useBasicDemoData(20, 2);
apiRef = useGridApiRef();
@@ -28,7 +28,7 @@ describe(';
- const GridTest = () => {
+ function GridTest() {
const basicData = useBasicDemoData(20, 2);
apiRef = useGridApiRef();
@@ -57,7 +57,7 @@ describe(';
- const GridTest = () => {
+ function GridTest() {
const [pageSize, setPageSize] = React.useState(5);
const basicData = useBasicDemoData(20, 2);
apiRef = useGridApiRef();
@@ -91,7 +91,7 @@ describe(') => {
+ function Test(props: Partial) {
apiRef = useGridApiRef();
return (
@@ -33,7 +33,7 @@ describe('(null);
React.useLayoutEffect(() => {
if (hasFocus) {
@@ -31,7 +31,7 @@ describe(') => {
+ function TestCase(props: Partial) {
apiRef = useGridApiRef();
return (
@@ -76,7 +76,7 @@ describe('
);
- };
+ }
afterEach(() => {
renderEditCell1.resetHistory();
diff --git a/packages/grid/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx b/packages/grid/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx
index 6aa417b995922..48f4f97972ca8 100644
--- a/packages/grid/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx
+++ b/packages/grid/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx
@@ -52,7 +52,7 @@ describe(') => {
+ } & Partial) {
const data = getBasicGridData(rowCount, colCount);
const [pinnedRow0, pinnedRow1, ...rows] = data.rows;
@@ -79,7 +79,7 @@ describe('
@@ -178,7 +178,7 @@ describe('
);
- };
+ }
const { setProps } = render(;
- const TestCase = (props: any) => {
+ function TestCase(props: any) {
const [pinnedRow0, pinnedRow1, ...rows] = data.rows;
apiRef = useGridApiRef();
return (
@@ -219,7 +219,7 @@ describe(';
- const TestCase = () => {
+ function TestCase() {
apiRef = useGridApiRef();
return ;
- const TestCase = () => {
+ function TestCase() {
apiRef = useGridApiRef();
return ;
- const Test = () => {
+ function Test() {
apiRef = useGridApiRef();
const rows = [
{ id: 0, brand: 'Nike' },
@@ -143,7 +143,7 @@ describe(';
- const Test = () => {
+ function Test() {
apiRef = useGridApiRef();
const data = useBasicDemoData(3, 3);
@@ -185,7 +185,7 @@ describe(';
- const TestDataGridSelection = ({
+ function TestDataGridSelection({
rowLength = 4,
...other
}: Omit &
- Partial> & { rowLength?: number }) => {
+ Partial> & { rowLength?: number }) {
apiRef = useGridApiRef();
const data = React.useMemo(() => getBasicGridData(rowLength, 2), [rowLength]);
@@ -43,7 +43,7 @@ describe('
);
- };
+ }
render(;
- const Test = () => {
+ function Test() {
apiRef = useGridApiRef();
return (
);
- };
+ }
render() => (
-
-
- );
+ function Test(props: Pick) {
+ return (
+
+
+ );
+ }
const { setProps } = render(;
- const TestCase = (props: Partial) => {
+ function TestCase(props: Partial) {
apiRef = useGridApiRef();
return (
);
- };
+ }
it('should not throttle by default', () => {
render() => {
+ function Test(props: Partial) {
apiRef = useGridApiRef();
return (
);
- };
+ }
const { setProps } = render(;
- const TestCase = (props: Partial) => {
+ function TestCase(props: Partial) {
apiRef = useGridApiRef();
return (
);
- };
+ }
it('should not throttle by default', () => {
render(;
- const TestCaseVirtualization = (
+ function TestCaseVirtualization(
props: Partial & {
nbRows?: number;
nbCols?: number;
width?: number;
height?: number;
},
- ) => {
+ ) {
apiRef = useGridApiRef();
const data = useBasicDemoData(props.nbRows || 100, props.nbCols || 10);
@@ -385,7 +387,7 @@ describe(';
- const TestCase = (props: Partial & { nbRows?: number; nbCols?: number }) => {
+ function TestCase(props: Partial & { nbRows?: number; nbCols?: number }) {
apiRef = useGridApiRef();
const data = useBasicDemoData(props.nbRows || 10, props.nbCols || 10);
return (
@@ -654,7 +656,7 @@ describe(';
- const TestCase = (props: Partial) => {
+ function TestCase(props: Partial) {
apiRef = useGridApiRef();
return (
@@ -681,7 +683,7 @@ describe(';
- const TestCase = (props: Partial) => {
+ function TestCase(props: Partial) {
apiRef = useGridApiRef();
return (
);
- };
+ }
it('should change row height', () => {
const resizedRowId = 1;
@@ -903,13 +905,13 @@ describe('
);
- };
+ }
it('should not show total row count in footer if `rowCount === rows.length`', () => {
const { rows, columns } = getBasicGridData(10, 2);
diff --git a/packages/grid/x-data-grid-pro/src/tests/sorting.DataGridPro.test.tsx b/packages/grid/x-data-grid-pro/src/tests/sorting.DataGridPro.test.tsx
index 06efe9145a602..7d2a3c8c9dcaf 100644
--- a/packages/grid/x-data-grid-pro/src/tests/sorting.DataGridPro.test.tsx
+++ b/packages/grid/x-data-grid-pro/src/tests/sorting.DataGridPro.test.tsx
@@ -42,7 +42,7 @@ describe(';
- const TestCase = (props: Partial) => {
+ function TestCase(props: Partial) {
const { rows, ...other } = props;
apiRef = useGridApiRef();
return (
@@ -55,7 +55,7 @@ describe(') => {
+ function ControlCase(props: Partial) {
const { rows, columns, ...others } = props;
const [caseSortModel, setSortModel] = React.useState([]);
const handleSortChange: DataGridProProps['onSortModelChange'] = (newModel) => {
@@ -260,7 +260,7 @@ describe(') => (
-
-
- );
+ function Test(props: Partial) {
+ return (
+
+
+ );
+ }
const { setProps } = render(
;
- const TestCase = (props: Omit) => {
+ function TestCase(props: Omit) {
apiRef = useGridApiRef();
return (
@@ -110,7 +110,7 @@ describe(';
- const Test = (props: Partial) => {
+ function Test(props: Partial) {
apiRef = useGridApiRef();
return (
@@ -69,7 +69,7 @@ describe('
; // TODO change to .MuiDataGrid-emptyCell or .MuiDataGrid-rowFiller
-};
+}
const GridRow = React.forwardRef<
HTMLDivElement,
diff --git a/packages/grid/x-data-grid/src/components/cell/GridActionsCell.tsx b/packages/grid/x-data-grid/src/components/cell/GridActionsCell.tsx
index 879440ff65036..eb222ce7153e3 100644
--- a/packages/grid/x-data-grid/src/components/cell/GridActionsCell.tsx
+++ b/packages/grid/x-data-grid/src/components/cell/GridActionsCell.tsx
@@ -23,7 +23,7 @@ interface GridActionsCellProps extends Omit {
+function GridActionsCell(props: GridActionsCellProps) {
const {
colDef,
id,
@@ -227,7 +227,7 @@ const GridActionsCell = (props: GridActionsCellProps) => {
)}
);
-};
+}
GridActionsCell.propTypes = {
// ----------------------------- Warning --------------------------------
diff --git a/packages/grid/x-data-grid/src/components/cell/GridBooleanCell.tsx b/packages/grid/x-data-grid/src/components/cell/GridBooleanCell.tsx
index ca63510dbed88..af422085b3d5b 100644
--- a/packages/grid/x-data-grid/src/components/cell/GridBooleanCell.tsx
+++ b/packages/grid/x-data-grid/src/components/cell/GridBooleanCell.tsx
@@ -26,7 +26,7 @@ interface GridBooleanCellProps
extends GridRenderCellParams,
Omit {}
-const GridBooleanCellRaw = (props: GridBooleanCellProps) => {
+function GridBooleanCellRaw(props: GridBooleanCellProps) {
const {
id,
value,
@@ -66,7 +66,7 @@ const GridBooleanCellRaw = (props: GridBooleanCellProps) => {
{...other}
/>
);
-};
+}
GridBooleanCellRaw.propTypes = {
// ----------------------------- Warning --------------------------------
diff --git a/packages/grid/x-data-grid/src/components/menu/GridMenu.tsx b/packages/grid/x-data-grid/src/components/menu/GridMenu.tsx
index ed77c2c302a8a..e9f6e705d2f2d 100644
--- a/packages/grid/x-data-grid/src/components/menu/GridMenu.tsx
+++ b/packages/grid/x-data-grid/src/components/menu/GridMenu.tsx
@@ -64,7 +64,7 @@ const transformOrigin = {
'bottom-end': 'top right',
};
-const GridMenu = (props: GridMenuProps) => {
+function GridMenu(props: GridMenuProps) {
const { open, target, onClickAway, children, position, className, onExited, ...other } = props;
const apiRef = useGridApiContext();
const prevTarget = React.useRef(target);
@@ -120,7 +120,7 @@ const GridMenu = (props: GridMenuProps) => {
)}
);
-};
+}
GridMenu.propTypes = {
// ----------------------------- Warning --------------------------------
diff --git a/packages/grid/x-data-grid/src/components/menu/columnMenu/GridColumnsMenuItem.tsx b/packages/grid/x-data-grid/src/components/menu/columnMenu/GridColumnsMenuItem.tsx
index 0bb633429fa04..dcb0dd6ba7a9e 100644
--- a/packages/grid/x-data-grid/src/components/menu/columnMenu/GridColumnsMenuItem.tsx
+++ b/packages/grid/x-data-grid/src/components/menu/columnMenu/GridColumnsMenuItem.tsx
@@ -6,7 +6,7 @@ import { useGridApiContext } from '../../../hooks/utils/useGridApiContext';
import { GridFilterItemProps } from './GridFilterItemProps';
import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-const GridColumnsMenuItem = (props: GridFilterItemProps) => {
+function GridColumnsMenuItem(props: GridFilterItemProps) {
const { onClick } = props;
const apiRef = useGridApiContext();
const rootProps = useGridRootProps();
@@ -28,7 +28,7 @@ const GridColumnsMenuItem = (props: GridFilterItemProps) => {
{apiRef.current.getLocaleText('columnMenuShowColumns')}
);
-};
+}
GridColumnsMenuItem.propTypes = {
// ----------------------------- Warning --------------------------------
diff --git a/packages/grid/x-data-grid/src/components/menu/columnMenu/GridFilterMenuItem.tsx b/packages/grid/x-data-grid/src/components/menu/columnMenu/GridFilterMenuItem.tsx
index 3b2f61d300e58..785e17fc19580 100644
--- a/packages/grid/x-data-grid/src/components/menu/columnMenu/GridFilterMenuItem.tsx
+++ b/packages/grid/x-data-grid/src/components/menu/columnMenu/GridFilterMenuItem.tsx
@@ -5,7 +5,7 @@ import { useGridApiContext } from '../../../hooks/utils/useGridApiContext';
import { GridFilterItemProps } from './GridFilterItemProps';
import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-const GridFilterMenuItem = (props: GridFilterItemProps) => {
+function GridFilterMenuItem(props: GridFilterItemProps) {
const { column, onClick } = props;
const apiRef = useGridApiContext();
const rootProps = useGridRootProps();
@@ -25,7 +25,7 @@ const GridFilterMenuItem = (props: GridFilterItemProps) => {
return (
{apiRef.current.getLocaleText('columnMenuFilter')}
);
-};
+}
GridFilterMenuItem.propTypes = {
// ----------------------------- Warning --------------------------------
diff --git a/packages/grid/x-data-grid/src/components/menu/columnMenu/HideGridColMenuItem.tsx b/packages/grid/x-data-grid/src/components/menu/columnMenu/HideGridColMenuItem.tsx
index 6c4cae71bebf6..fcde932ad24a8 100644
--- a/packages/grid/x-data-grid/src/components/menu/columnMenu/HideGridColMenuItem.tsx
+++ b/packages/grid/x-data-grid/src/components/menu/columnMenu/HideGridColMenuItem.tsx
@@ -6,7 +6,7 @@ import { useGridApiContext } from '../../../hooks/utils/useGridApiContext';
import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
import { gridVisibleColumnDefinitionsSelector } from '../../../hooks/features/columns';
-const HideGridColMenuItem = (props: GridFilterItemProps) => {
+function HideGridColMenuItem(props: GridFilterItemProps) {
const { column, onClick } = props;
const apiRef = useGridApiContext();
const rootProps = useGridRootProps();
@@ -53,7 +53,7 @@ const HideGridColMenuItem = (props: GridFilterItemProps) => {
{apiRef.current.getLocaleText('columnMenuHideColumn')}
);
-};
+}
HideGridColMenuItem.propTypes = {
// ----------------------------- Warning --------------------------------
diff --git a/packages/grid/x-data-grid/src/components/menu/columnMenu/SortGridMenuItems.tsx b/packages/grid/x-data-grid/src/components/menu/columnMenu/SortGridMenuItems.tsx
index 29d6f366f1b5e..ac345d2fe1128 100644
--- a/packages/grid/x-data-grid/src/components/menu/columnMenu/SortGridMenuItems.tsx
+++ b/packages/grid/x-data-grid/src/components/menu/columnMenu/SortGridMenuItems.tsx
@@ -7,7 +7,7 @@ import { GridSortDirection } from '../../../models/gridSortModel';
import { useGridApiContext } from '../../../hooks/utils/useGridApiContext';
import { GridFilterItemProps } from './GridFilterItemProps';
-const SortGridMenuItems = (props: GridFilterItemProps) => {
+function SortGridMenuItems(props: GridFilterItemProps) {
const { column, onClick } = props;
const apiRef = useGridApiContext();
const sortModel = useGridSelector(apiRef, gridSortModelSelector);
@@ -46,7 +46,7 @@ const SortGridMenuItems = (props: GridFilterItemProps) => {
);
-};
+}
SortGridMenuItems.propTypes = {
// ----------------------------- Warning --------------------------------
diff --git a/packages/grid/x-data-grid/src/components/toolbar/GridToolbarExport.tsx b/packages/grid/x-data-grid/src/components/toolbar/GridToolbarExport.tsx
index d3f7e69a31be8..ab8b2bf22366f 100644
--- a/packages/grid/x-data-grid/src/components/toolbar/GridToolbarExport.tsx
+++ b/packages/grid/x-data-grid/src/components/toolbar/GridToolbarExport.tsx
@@ -29,7 +29,7 @@ export interface GridToolbarExportProps extends ButtonProps {
[key: string]: any;
}
-export const GridCsvExportMenuItem = (props: GridCsvExportMenuItemProps) => {
+export function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps) {
const apiRef = useGridApiContext();
const { hideMenu, options, ...other } = props;
@@ -44,9 +44,9 @@ export const GridCsvExportMenuItem = (props: GridCsvExportMenuItemProps) => {
{apiRef.current.getLocaleText('toolbarExportCSV')}
);
-};
+}
-export const GridPrintExportMenuItem = (props: GridPrintExportMenuItemProps) => {
+export function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps) {
const apiRef = useGridApiContext();
const { hideMenu, options, ...other } = props;
@@ -61,7 +61,7 @@ export const GridPrintExportMenuItem = (props: GridPrintExportMenuItemProps) =>
{apiRef.current.getLocaleText('toolbarExportPrint')}
);
-};
+}
const GridToolbarExport = React.forwardRef(
function GridToolbarExport(props, ref) {
diff --git a/packages/grid/x-data-grid/src/context/GridContextProvider.tsx b/packages/grid/x-data-grid/src/context/GridContextProvider.tsx
index b530cd9f73595..2fd8de2a3e435 100644
--- a/packages/grid/x-data-grid/src/context/GridContextProvider.tsx
+++ b/packages/grid/x-data-grid/src/context/GridContextProvider.tsx
@@ -10,11 +10,7 @@ type GridContextProviderProps = {
children: React.ReactNode;
};
-export const GridContextProvider = ({
- privateApiRef,
- props,
- children,
-}: GridContextProviderProps) => {
+export function GridContextProvider({ privateApiRef, props, children }: GridContextProviderProps) {
const apiRef = React.useRef(privateApiRef.current.getPublicApi());
return (
@@ -24,4 +20,4 @@ export const GridContextProvider = ({
);
-};
+}
diff --git a/packages/grid/x-data-grid/src/hooks/features/rowSelection/useGridRowSelection.ts b/packages/grid/x-data-grid/src/hooks/features/rowSelection/useGridRowSelection.ts
index bfd6bdc382e01..d11a47d46f932 100644
--- a/packages/grid/x-data-grid/src/hooks/features/rowSelection/useGridRowSelection.ts
+++ b/packages/grid/x-data-grid/src/hooks/features/rowSelection/useGridRowSelection.ts
@@ -262,7 +262,7 @@ export const useGridRowSelection = (
endId: GridRowId;
},
isSelected = true,
- resetSelection,
+ resetSelection = false,
) => {
if (!apiRef.current.getRow(startId) || !apiRef.current.getRow(endId)) {
return;
diff --git a/packages/grid/x-data-grid/src/hooks/utils/useGridApiEventHandler.test.tsx b/packages/grid/x-data-grid/src/hooks/utils/useGridApiEventHandler.test.tsx
index 6a4ddc1d6789c..1bee67891e959 100644
--- a/packages/grid/x-data-grid/src/hooks/utils/useGridApiEventHandler.test.tsx
+++ b/packages/grid/x-data-grid/src/hooks/utils/useGridApiEventHandler.test.tsx
@@ -37,10 +37,10 @@ describe('useGridApiEventHandler', () => {
current: { subscribeEvent: spy(() => unsubscribe) },
};
- const Test = () => {
+ function Test() {
useGridApiEventHandler(apiRef as any, 'cellClick', noop);
return null;
- };
+ }
const { unmount } = render( &
Partial>,
- ) => (
-
-
- );
+ ) {
+ return (
+
+
+ );
+ }
describe('prop: initialState.columns.orderedFields / initialState.columns.dimensions', () => {
it('should allow to initialize the columns order and dimensions', () => {
diff --git a/packages/grid/x-data-grid/src/tests/columns.spec.tsx b/packages/grid/x-data-grid/src/tests/columns.spec.tsx
index ffc89836b7ad6..189dea54ad236 100644
--- a/packages/grid/x-data-grid/src/tests/columns.spec.tsx
+++ b/packages/grid/x-data-grid/src/tests/columns.spec.tsx
@@ -3,7 +3,7 @@ import { DataGrid, GridRenderCellParams } from '@mui/x-data-grid';
import { GridCellParams } from '../models/params/gridCellParams';
import { GridActionsColDef, GridColDef, GridColumns, GridRowParams } from '../models';
-const RenderCellParamsExplicitTyping = () => {
+function RenderCellParamsExplicitTyping() {
return (
{
]}
/>
);
-};
+}
-const CellParamsFromRowModel = () => {
+function CellParamsFromRowModel() {
type PriceRowModel = { price1: number; price2: string };
const actionColumn: GridActionsColDef = {
@@ -101,9 +101,9 @@ const CellParamsFromRowModel = () => {
];
return {
}}
/>
);
-};
+}
-const CellParamsRow = () => {
+function CellParamsRow() {
return (
{
}}
/>
);
-};
+}
-const CellParamsFormattedValue = () => {
+function CellParamsFormattedValue() {
return (
{
}}
/>
);
-};
+}
diff --git a/packages/grid/x-data-grid/src/tests/columnsGrouping.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/columnsGrouping.DataGrid.test.tsx
index cfbb9217ea7e5..7928c3d355cb4 100644
--- a/packages/grid/x-data-grid/src/tests/columnsGrouping.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/columnsGrouping.DataGrid.test.tsx
@@ -30,14 +30,14 @@ type TestDataGridProps = Omit &
describe('
);
- };
+ }
describe('Header grouping columns', () => {
it('should add one header row when columns have a group', () => {
@@ -291,11 +291,13 @@ describe('
-
- );
+ function TestWithError(props: TestDataGridProps) {
+ return (
+
+
+ );
+ }
it('should log an error if two groups have the same id', () => {
expect(() => {
diff --git a/packages/grid/x-data-grid/src/tests/columnsVisibility.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/columnsVisibility.DataGrid.test.tsx
index d67d0901fe068..b42be479be8d1 100644
--- a/packages/grid/x-data-grid/src/tests/columnsVisibility.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/columnsVisibility.DataGrid.test.tsx
@@ -15,14 +15,16 @@ const columns: GridColumns = [{ field: 'id' }, { field: 'idBis' }];
describe(' &
Partial>,
- ) => (
-
-
- );
+ ) {
+ return (
+
+
+ );
+ }
describe('prop: columnVisibilityModel and onColumnVisibilityModelChange', () => {
it('should allow to set the columnVisibilityModel prop', () => {
diff --git a/packages/grid/x-data-grid/src/tests/components.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/components.DataGrid.test.tsx
index a53915210b237..dc2fe292ec403 100644
--- a/packages/grid/x-data-grid/src/tests/components.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/components.DataGrid.test.tsx
@@ -43,7 +43,9 @@ describe('Custom Footer
;
+ function CustomFooter() {
+ return Custom Footer
;
+ }
render(
) => {
+ function TestCase(props: Omit) {
const basicData = useBasicDemoData(3, 2);
return (
@@ -17,7 +17,7 @@ describe('
);
- };
+ }
// We need `createObjectURL` to test the downloaded value
before(function beforeHook() {
diff --git a/packages/grid/x-data-grid/src/tests/filterPanel.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/filterPanel.DataGrid.test.tsx
index 96e92d88031a0..f978405fba8c4 100644
--- a/packages/grid/x-data-grid/src/tests/filterPanel.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/filterPanel.DataGrid.test.tsx
@@ -129,13 +129,13 @@ describe(') => {
+ function TestCase(props: Partial) {
return (
);
- };
+ }
it('should show an empty string as the default filter input value', () => {
render(
diff --git a/packages/grid/x-data-grid/src/tests/filtering.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/filtering.DataGrid.test.tsx
index 18e154b03a394..9d185967d737d 100644
--- a/packages/grid/x-data-grid/src/tests/filtering.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/filtering.DataGrid.test.tsx
@@ -37,13 +37,13 @@ describe(') => {
+ function TestCase(props: Partial) {
return (
);
- };
+ }
describe('prop: filterModel', () => {
it('should throw for more than one filter item', () => {
diff --git a/packages/grid/x-data-grid/src/tests/keyboard.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/keyboard.DataGrid.test.tsx
index 92409bedcb314..ba9dc6d5306db 100644
--- a/packages/grid/x-data-grid/src/tests/keyboard.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/keyboard.DataGrid.test.tsx
@@ -35,12 +35,12 @@ const expectAriaCoordinate = (
describe('
);
- };
+ }
const { container, setProps } = render(
-
- );
+ function TestCase(props: DataGridProps) {
+ return (
+
+
+ );
+ }
const { setProps } = render(
);
- };
+ }
const { setProps } = render(
);
- };
+ }
render() => (
-
-
- );
+ function TestCase(props: Partial) {
+ return (
+
+
+ );
+ }
const { setProps } = render() => (
-
-
- );
+ function TestCase(props: Partial) {
+ return (
+
+
+ );
+ }
const rows: DataGridProps['rows'] = [];
const { setProps } = render( & { height?: number },
- ) => {
+ function BaselineTestCase(props: Omit & { height?: number }) {
const { height = 300, ...other } = props;
const basicData = useBasicDemoData(20, 2);
@@ -35,7 +33,7 @@ describe(') => {
+ function TestCasePaginationFilteredData(props: Partial) {
const [page, setPage] = React.useState(1);
const handlePageChange: DataGridProps['onPageChange'] = (newPage) => {
@@ -192,7 +190,7 @@ describe(' & { height: number; nbRows: number },
- ) => {
+ ) {
const { height, nbRows, ...other } = props;
const data = useBasicDemoData(nbRows, 10);
@@ -424,7 +422,7 @@ describe('([]);
const [page, setPage] = React.useState(0);
@@ -592,7 +590,7 @@ describe(') => {
+ function TestCase(props: Partial) {
return (
);
- };
+ }
describe('component', () => {
it('should apply filter', () => {
diff --git a/packages/grid/x-data-grid/src/tests/rowSelection.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/rowSelection.DataGrid.test.tsx
index a3eb9e6c0b2e3..c351ac7ac5f44 100644
--- a/packages/grid/x-data-grid/src/tests/rowSelection.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/rowSelection.DataGrid.test.tsx
@@ -38,16 +38,21 @@ describe(') => (
-
-
- );
+ function TestDataGridSelection(props: Partial) {
+ return (
+
+
+ );
+ }
describe('prop: checkboxSelection = false (single selection)', () => {
it('should select one row at a time on click WITHOUT ctrl or meta pressed', () => {
@@ -701,7 +706,7 @@ describe('([]);
const handleSelectionChange: DataGridProps['onRowSelectionModelChange'] = (newModel) => {
@@ -719,7 +724,7 @@ describe(') => (
-
-
- );
+ function Test(props: Pick) {
+ return (
+
+
+ );
+ }
const { setProps } = render(
-
- );
+ function InputCell() {
+ return
+
+ );
+ }
render(
@@ -154,10 +160,10 @@ describe('
- Rows', () => {
});
describe('columnType: actions', () => {
- const TestCase = ({
+ function TestCase({
getActions,
...other
- }: { getActions?: () => JSX.Element[] } & Partial
) => {
+ }: { getActions?: () => JSX.Element[] } & Partial) {
return (
);
- };
+ }
it('should throw an error if getActions is missing', function test() {
if (!isJSDOM) {
@@ -373,7 +379,7 @@ describe('
@@ -392,7 +398,7 @@ describe(') => {
+ function TestCase(props: Partial) {
const getRowId: GridRowIdGetter = (row) => `${row.clientId}`;
return (
);
- };
+ }
it('should set each row height whe rowHeight prop is used', () => {
const { setProps } = render( & {
getBioContentHeight: (row: GridRowModel) => number;
height?: number;
width?: number;
},
- ) => {
+ ) {
const { getBioContentHeight, width = 300, height = 300, ...other } = props;
const customCellRenderer = React.useCallback(
@@ -554,7 +560,7 @@ describe(' ) => {
+ function TestCase(props: Partial) {
return (
);
- };
+ }
it('should be called with the correct params', () => {
const getRowSpacing = stub().returns({});
diff --git a/packages/grid/x-data-grid/src/tests/sorting.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/sorting.DataGrid.test.tsx
index bf482d41b186e..e893d2dd0a6f6 100644
--- a/packages/grid/x-data-grid/src/tests/sorting.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/sorting.DataGrid.test.tsx
@@ -180,7 +180,7 @@ describe('
@@ -196,7 +196,7 @@ describe('
);
- };
+ }
const { setProps } = render(
@@ -242,7 +242,7 @@ describe('
);
- };
+ }
const rows = [
{
@@ -266,14 +266,14 @@ describe('
);
- };
+ }
const { setProps } = render(();
@@ -320,7 +320,7 @@ describe(') => {
+ function TestCase(props: Partial) {
return (
);
- };
+ }
const { setProps } = render() => (
-
-
- );
+ function Test(props: Partial) {
+ return (
+
+
+ );
+ }
it('should allow to initialize the sortModel', () => {
render(
diff --git a/packages/grid/x-data-grid/src/tests/toolbar.DataGrid.test.tsx b/packages/grid/x-data-grid/src/tests/toolbar.DataGrid.test.tsx
index 23eedd9f8de33..a0665ba0690a2 100644
--- a/packages/grid/x-data-grid/src/tests/toolbar.DataGrid.test.tsx
+++ b/packages/grid/x-data-grid/src/tests/toolbar.DataGrid.test.tsx
@@ -135,11 +135,13 @@ describe(') => (
-
-
- );
+ function Test(props: Partial) {
+ return (
+
+
+ );
+ }
const { setProps } = render(({
+function WrappedDay({
parentProps,
day,
focusableDay,
@@ -191,7 +191,7 @@ const WrappedDay = ({
selectedDays: TDate[];
isDateDisabled: (date: TDate | null) => boolean;
currentMonthNumber: number;
-}) => {
+}) {
const utils = useUtils();
const now = useNow();
@@ -241,7 +241,7 @@ const WrappedDay = ({
aria-current={isToday ? 'date' : undefined}
/>
);
-};
+}
/**
* @ignore - do not document.
diff --git a/packages/x-date-pickers/src/DateCalendar/tests/validation.DateCalendar.test.tsx b/packages/x-date-pickers/src/DateCalendar/tests/validation.DateCalendar.test.tsx
index 3335ae9aadcce..f2a538bab9820 100644
--- a/packages/x-date-pickers/src/DateCalendar/tests/validation.DateCalendar.test.tsx
+++ b/packages/x-date-pickers/src/DateCalendar/tests/validation.DateCalendar.test.tsx
@@ -4,9 +4,9 @@ import { screen, fireEvent } from '@mui/monorepo/test/utils';
import { DateCalendar, DateCalendarProps } from '@mui/x-date-pickers/DateCalendar';
import { createPickerRenderer, adapterToUse } from '../../../../../test/utils/pickers-utils';
-const WrappedDateCalendar = (
+function WrappedDateCalendar(
props: Omit, 'value' | 'onChange'> & { initialValue: TDate },
-) => {
+) {
const { initialValue, ...other } = props;
const [value, setValue] = React.useState(initialValue);
@@ -16,7 +16,7 @@ const WrappedDateCalendar = (
}, []);
return (moment());
return (
@@ -29,7 +29,7 @@ const InferTest = () => {
renderInput={() => (null);
return (
(null);
return (
>;
}
- const Form = (props: FormProps) => {
+ function Form(props: FormProps) {
const { Picker, PickerProps } = props;
const [value, setValue] = React.useState(adapterToUse.date('01/01/2020'));
@@ -44,7 +44,7 @@ describe(') => void;
-}) => {
+}) {
const context = useLocalizationContext();
React.useEffect(() => {
@@ -19,7 +19,7 @@ const ContextListener = ({
}, [onContextChange, context]);
return null;
-};
+}
describe('{buttons} ;
-};
+}
diff --git a/packages/x-date-pickers/src/StaticDateTimePicker/StaticDateTimePicker.test.tsx b/packages/x-date-pickers/src/StaticDateTimePicker/StaticDateTimePicker.test.tsx
index f8afb83f6dda2..914385edadd8a 100644
--- a/packages/x-date-pickers/src/StaticDateTimePicker/StaticDateTimePicker.test.tsx
+++ b/packages/x-date-pickers/src/StaticDateTimePicker/StaticDateTimePicker.test.tsx
@@ -126,12 +126,14 @@ describe('
- test-custom-picker-tabs
-
- );
+ function CustomPickerTabs(props: DateTimePickerTabsProps) {
+ return (
+
+ test-custom-picker-tabs
+
+ );
+ }
render(
(null);
return (
) => {
+export function PickersModalDialog(props: React.PropsWithChildren) {
const {
children,
onAccept,
@@ -111,4 +111,4 @@ export const PickersModalDialog = (props: React.PropsWithChildren
-
-
-
+
+
);
}
diff --git a/test/e2e/fixtures/DataGrid/SelectEditCell.tsx b/test/e2e/fixtures/DataGrid/SelectEditCell.tsx
index efb959ee944c4..9b2eaa7162053 100644
--- a/test/e2e/fixtures/DataGrid/SelectEditCell.tsx
+++ b/test/e2e/fixtures/DataGrid/SelectEditCell.tsx
@@ -3,7 +3,7 @@ import Select from '@mui/material/Select';
import MenuItem from '@mui/material/MenuItem';
import { DataGrid, GridRenderEditCellParams, useGridApiContext } from '@mui/x-data-grid';
-const SelectEditInputCell = (props: GridRenderEditCellParams) => {
+function SelectEditInputCell(props: GridRenderEditCellParams) {
const { id, value, field } = props;
const apiRef = useGridApiContext();
@@ -20,7 +20,7 @@ const SelectEditInputCell = (props: GridRenderEditCellParams) => {
Gucci
);
-};
+}
function renderSelectEditInputCell(params) {
return ,
) =>
>(defaultProps: DefaultProps) => {
- return (
+ return function WithPickerControls(
props: Omit<
Props,
'value' | 'onChange' | Exclude
@@ -182,7 +182,7 @@ export const withPickerControls =
value?: TValue;
onChange?: any;
},
- ) => {
+ ) {
const { initialValue, value: inValue, onChange, ...other } = props;
const [value, setValue] = useControlled({