[code-infra] Update prettier and pretty-quick (mui#11735)

alexfauquette · Jan 24, 2024 · 76dc850 · 76dc850
1 parent 014c978
commit 76dc850
Show file tree

Hide file tree

Showing 72 changed files with 292 additions and 389 deletions.
diff --git a/docs/data/data-grid/editing/ValidateServerNameGrid.js b/docs/data/data-grid/editing/ValidateServerNameGrid.js
@@ -23,10 +23,13 @@ function validateName(username) {
  const existingUsers = rows.map((row) => row.name.toLowerCase());
 
  return new Promise((resolve) => {
- promiseTimeout = setTimeout(() => {
- const exists = existingUsers.includes(username.toLowerCase());
- resolve(exists ? `${username} is already taken.` : null);
- }, Math.random() * 500 + 100); // simulate network latency
+ promiseTimeout = setTimeout(
+ () => {
+ const exists = existingUsers.includes(username.toLowerCase());
+ resolve(exists ? `${username} is already taken.` : null);
+ },
+ Math.random() * 500 + 100,
+ ); // simulate network latency
  });
 }
 

diff --git a/docs/data/data-grid/editing/ValidateServerNameGrid.tsx b/docs/data/data-grid/editing/ValidateServerNameGrid.tsx
@@ -30,10 +30,13 @@ function validateName(username: string): Promise<boolean> {
  const existingUsers = rows.map((row) => row.name.toLowerCase());
 
  return new Promise<any>((resolve) => {
- promiseTimeout = setTimeout(() => {
- const exists = existingUsers.includes(username.toLowerCase());
- resolve(exists ? `${username} is already taken.` : null);
- }, Math.random() * 500 + 100); // simulate network latency
+ promiseTimeout = setTimeout(
+ () => {
+ const exists = existingUsers.includes(username.toLowerCase());
+ resolve(exists ? `${username} is already taken.` : null);
+ },
+ Math.random() * 500 + 100,
+ ); // simulate network latency
  });
 }
 

diff --git a/docs/data/data-grid/filtering/CustomHeaderFilterDataGridPro.tsx b/docs/data/data-grid/filtering/CustomHeaderFilterDataGridPro.tsx
@@ -27,9 +27,9 @@ function CustomHeaderFilter(props: GridHeaderFilterCellProps) {
 
  const publish = React.useCallback(
  (
-  eventName: keyof GridHeaderFilterEventLookup,
-  propHandler?: React.EventHandler<any>,
-  ) =>
+ eventName: keyof GridHeaderFilterEventLookup,
+ propHandler?: React.EventHandler<any>,
+ ) =>
  (event: React.SyntheticEvent) => {
  apiRef.current.publishEvent(
  eventName,

diff --git a/docs/data/data-grid/row-ordering/RowOrderingGrid.js b/docs/data/data-grid/row-ordering/RowOrderingGrid.js
@@ -4,12 +4,15 @@ import { useDemoData } from '@mui/x-data-grid-generator';
 
 function updateRowPosition(initialIndex, newIndex, rows) {
  return new Promise((resolve) => {
- setTimeout(() => {
- const rowsClone = [...rows];
- const row = rowsClone.splice(initialIndex, 1)[0];
- rowsClone.splice(newIndex, 0, row);
- resolve(rowsClone);
- }, Math.random() * 500 + 100); // simulate network latency
+ setTimeout(
+ () => {
+ const rowsClone = [...rows];
+ const row = rowsClone.splice(initialIndex, 1)[0];
+ rowsClone.splice(newIndex, 0, row);
+ resolve(rowsClone);
+ },
+ Math.random() * 500 + 100,
+ ); // simulate network latency
  });
 }
 

diff --git a/docs/data/data-grid/row-ordering/RowOrderingGrid.tsx b/docs/data/data-grid/row-ordering/RowOrderingGrid.tsx
@@ -12,12 +12,15 @@ function updateRowPosition(
  rows: Array<GridRowModel>,
 ): Promise<any> {
  return new Promise((resolve) => {
- setTimeout(() => {
- const rowsClone = [...rows];
- const row = rowsClone.splice(initialIndex, 1)[0];
- rowsClone.splice(newIndex, 0, row);
- resolve(rowsClone);
- }, Math.random() * 500 + 100); // simulate network latency
+ setTimeout(
+ () => {
+ const rowsClone = [...rows];
+ const row = rowsClone.splice(initialIndex, 1)[0];
+ rowsClone.splice(newIndex, 0, row);
+ resolve(rowsClone);
+ },
+ Math.random() * 500 + 100,
+ ); // simulate network latency
  });
 }
 

diff --git a/docs/data/data-grid/row-selection/ControlledSelectionServerPaginationGrid.js b/docs/data/data-grid/row-selection/ControlledSelectionServerPaginationGrid.js
@@ -4,9 +4,12 @@ import { useDemoData, randomInt } from '@mui/x-data-grid-generator';
 
 function loadServerRows(page, data) {
  return new Promise((resolve) => {
- setTimeout(() => {
- resolve(data.rows.slice(page * 5, (page + 1) * 5));
- }, randomInt(100, 600)); // simulate network latency
+ setTimeout(
+ () => {
+ resolve(data.rows.slice(page * 5, (page + 1) * 5));
+ },
+ randomInt(100, 600),
+ ); // simulate network latency
  });
 }
 

diff --git a/docs/data/data-grid/row-selection/ControlledSelectionServerPaginationGrid.tsx b/docs/data/data-grid/row-selection/ControlledSelectionServerPaginationGrid.tsx
@@ -4,9 +4,12 @@ import { GridDemoData, useDemoData, randomInt } from '@mui/x-data-grid-generator
 
 function loadServerRows(page: number, data: GridDemoData): Promise<any> {
  return new Promise((resolve) => {
- setTimeout(() => {
- resolve(data.rows.slice(page * 5, (page + 1) * 5));
- }, randomInt(100, 600)); // simulate network latency
+ setTimeout(
+ () => {
+ resolve(data.rows.slice(page * 5, (page + 1) * 5));
+ },
+ randomInt(100, 600),
+ ); // simulate network latency
  });
 }
 

diff --git a/docs/data/data-grid/tree-data/TreeDataLazyLoading.js b/docs/data/data-grid/tree-data/TreeDataLazyLoading.js
@@ -134,13 +134,16 @@ const getChildren = (parentPath) => {
  */
 const fakeDataFetcher = (parentPath = []) =>
  new Promise((resolve) => {
- setTimeout(() => {
- const rows = getChildren(parentPath).map((row) => ({
- ...row,
- descendantCount: getChildren(row.hierarchy).length,
- }));
- resolve(rows);
- }, 500 + Math.random() * 300);
+ setTimeout(
+ () => {
+ const rows = getChildren(parentPath).map((row) => ({
+ ...row,
+ descendantCount: getChildren(row.hierarchy).length,
+ }));
+ resolve(rows);
+ },
+ 500 + Math.random() * 300,
+ );
  });
 
 const LoadingContainer = styled('div')({

diff --git a/docs/data/data-grid/tree-data/TreeDataLazyLoading.tsx b/docs/data/data-grid/tree-data/TreeDataLazyLoading.tsx
@@ -154,13 +154,16 @@ const getChildren = (parentPath: string[]) => {
  */
 const fakeDataFetcher = (parentPath: string[] = []) =>
  new Promise<GridRowModel<Row>[]>((resolve) => {
- setTimeout(() => {
- const rows = getChildren(parentPath).map((row) => ({
- ...row,
- descendantCount: getChildren(row.hierarchy).length,
- }));
- resolve(rows);
- }, 500 + Math.random() * 300);
+ setTimeout(
+ () => {
+ const rows = getChildren(parentPath).map((row) => ({
+ ...row,
+ descendantCount: getChildren(row.hierarchy).length,
+ }));
+ resolve(rows);
+ },
+ 500 + Math.random() * 300,
+ );
  });
 
 const LoadingContainer = styled('div')({

diff --git a/docs/data/date-pickers/custom-field/PickerWithAutocompleteField.tsx b/docs/data/date-pickers/custom-field/PickerWithAutocompleteField.tsx
@@ -115,10 +115,13 @@ function AutocompleteDatePicker(props: AutocompleteDatePickerProps) {
 
  const optionsLookup = React.useMemo(
  () =>
- options.reduce((acc, option) => {
- acc[option.toISOString()] = true;
- return acc;
- }, {} as Record<string, boolean>),
+ options.reduce(
+ (acc, option) => {
+ acc[option.toISOString()] = true;
+ return acc;
+ },
+ {} as Record<string, boolean>,
+ ),
  [options],
  );
 

diff --git a/docs/data/date-pickers/date-calendar/WeekPicker.tsx b/docs/data/date-pickers/date-calendar/WeekPicker.tsx
@@ -89,7 +89,7 @@ export default function WeekPicker() {
  hoveredDay,
  onPointerEnter: () => setHoveredDay(ownerState.day),
  onPointerLeave: () => setHoveredDay(null),
- } as any),
+ }) as any,
  }}
  />
  </LocalizationProvider>

diff --git a/docs/data/date-pickers/date-calendar/WeekPicker.tsx.preview b/docs/data/date-pickers/date-calendar/WeekPicker.tsx.preview
@@ -11,6 +11,6 @@
  hoveredDay,
  onPointerEnter: () => setHoveredDay(ownerState.day),
  onPointerLeave: () => setHoveredDay(null),
- } as any),
+ }) as any,
  }}
 />
diff --git a/docs/data/date-pickers/lifecycle/ServerInteraction.js b/docs/data/date-pickers/lifecycle/ServerInteraction.js
@@ -24,8 +24,8 @@ function DisplayEvents(props) {
  value === null
  ? 'null'
  : value.isValid()
- ? value.format('DD/MM/YYYY')
- : 'Invalid Date'
+  ? value.format('DD/MM/YYYY')
+  : 'Invalid Date'
  }`,
  )
  .join('\n')}

diff --git a/docs/data/date-pickers/lifecycle/ServerInteraction.tsx b/docs/data/date-pickers/lifecycle/ServerInteraction.tsx
@@ -28,8 +28,8 @@ function DisplayEvents(props: DisplayEventsProps) {
  value === null
  ? 'null'
  : value.isValid()
- ? value.format('DD/MM/YYYY')
- : 'Invalid Date'
+  ? value.format('DD/MM/YYYY')
+  : 'Invalid Date'
  }`,
  )
  .join('\n')}

diff --git a/docs/scripts/formattedTSDemos.js b/docs/scripts/formattedTSDemos.js
@@ -46,9 +46,7 @@ async function getFiles(root) {
 
  try {
  await Promise.all(
- (
- await fse.readdir(root)
- ).map(async (name) => {
+ (await fse.readdir(root)).map(async (name) => {
  const filePath = path.join(root, name);
  const stat = await fse.stat(filePath);
 

diff --git a/docs/scripts/populatePickersDemos.js b/docs/scripts/populatePickersDemos.js
@@ -21,9 +21,7 @@ async function getFiles(root) {
 
  try {
  await Promise.all(
- (
- await fse.readdir(root)
- ).map(async (name) => {
+ (await fse.readdir(root)).map(async (name) => {
  const filePath = path.join(root, name);
  const stat = await fse.stat(filePath);
 

diff --git a/package.json b/package.json
@@ -158,8 +158,8 @@
  "nyc": "^15.1.0",
  "patch-package": "^7.0.2",
  "postinstall-postinstall": "^2.1.0",
- "prettier": "^2.8.8",
- "pretty-quick": "^3.1.3",
+ "prettier": "^3.2.4",
+ "pretty-quick": "^4.0.0",
  "process": "^0.11.10",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",

diff --git a/packages/grid/x-data-grid-premium/src/tests/clipboard.DataGridPremium.test.tsx b/packages/grid/x-data-grid-premium/src/tests/clipboard.DataGridPremium.test.tsx
@@ -39,7 +39,7 @@ describe('<DataGridPremium /> - Clipboard', () => {
  ...column,
  type: 'string',
  editable: true,
- } as GridColDef),
+ }) as GridColDef,
  ),
  };
  }, [rowLength, colLength]);

diff --git a/packages/grid/x-data-grid-pro/src/components/GridRowReorderCell.tsx b/packages/grid/x-data-grid-pro/src/components/GridRowReorderCell.tsx
@@ -53,9 +53,9 @@ function GridRowReorderCell(params: GridRenderCellParams) {
 
  const publish = React.useCallback(
  (
-  eventName: keyof GridRowEventLookup,
-  propHandler?: React.MouseEventHandler<HTMLDivElement> | undefined,
-  ): React.MouseEventHandler<HTMLDivElement> =>
+ eventName: keyof GridRowEventLookup,
+ propHandler?: React.MouseEventHandler<HTMLDivElement> | undefined,
+ ): React.MouseEventHandler<HTMLDivElement> =>
  (event) => {
  // Ignore portal
  if (isEventTargetInPortal(event)) {

diff --git a/packages/grid/x-data-grid/src/components/GridFooter.tsx b/packages/grid/x-data-grid/src/components/GridFooter.tsx
@@ -9,46 +9,45 @@ import { GridSelectedRowCount } from './GridSelectedRowCount';
 import { GridFooterContainer, GridFooterContainerProps } from './containers/GridFooterContainer';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 
-const GridFooter = React.forwardRef<HTMLDivElement, GridFooterContainerProps>(function GridFooter(
- props,
- ref,
-) {
- const apiRef = useGridApiContext();
- const rootProps = useGridRootProps();
- const totalTopLevelRowCount = useGridSelector(apiRef, gridTopLevelRowCountSelector);
- const selectedRowCount = useGridSelector(apiRef, selectedGridRowsCountSelector);
- const visibleTopLevelRowCount = useGridSelector(apiRef, gridFilteredTopLevelRowCountSelector);
+const GridFooter = React.forwardRef<HTMLDivElement, GridFooterContainerProps>(
+ function GridFooter(props, ref) {
+ const apiRef = useGridApiContext();
+ const rootProps = useGridRootProps();
+ const totalTopLevelRowCount = useGridSelector(apiRef, gridTopLevelRowCountSelector);
+ const selectedRowCount = useGridSelector(apiRef, selectedGridRowsCountSelector);
+ const visibleTopLevelRowCount = useGridSelector(apiRef, gridFilteredTopLevelRowCountSelector);
 
- const selectedRowCountElement =
- !rootProps.hideFooterSelectedRowCount && selectedRowCount > 0 ? (
- <GridSelectedRowCount selectedRowCount={selectedRowCount} />
- ) : (
- <div />
- );
+  const selectedRowCountElement =
+  !rootProps.hideFooterSelectedRowCount && selectedRowCount > 0 ? (
+  <GridSelectedRowCount selectedRowCount={selectedRowCount} />
+  ) : (
+  <div />
+  );
 
- const rowCountElement =
- !rootProps.hideFooterRowCount && !rootProps.pagination ? (
- <rootProps.slots.footerRowCount
- {...rootProps.slotProps?.footerRowCount}
- rowCount={totalTopLevelRowCount}
- visibleRowCount={visibleTopLevelRowCount}
- />
- ) : null;
+  const rowCountElement =
+  !rootProps.hideFooterRowCount && !rootProps.pagination ? (
+  <rootProps.slots.footerRowCount
+  {...rootProps.slotProps?.footerRowCount}
+  rowCount={totalTopLevelRowCount}
+  visibleRowCount={visibleTopLevelRowCount}
+  />
+  ) : null;
 
- const paginationElement = rootProps.pagination &&
- !rootProps.hideFooterPagination &&
- rootProps.slots.pagination && (
- <rootProps.slots.pagination {...rootProps.slotProps?.pagination} />
- );
+  const paginationElement = rootProps.pagination &&
+  !rootProps.hideFooterPagination &&
+  rootProps.slots.pagination && (
+  <rootProps.slots.pagination {...rootProps.slotProps?.pagination} />
+  );
 
- return (
- <GridFooterContainer ref={ref} {...props}>
- {selectedRowCountElement}
- {rowCountElement}
- {paginationElement}
- </GridFooterContainer>
- );
-});
+ return (
+ <GridFooterContainer ref={ref} {...props}>
+ {selectedRowCountElement}
+ {rowCountElement}
+ {paginationElement}
+ </GridFooterContainer>
+ );
+ },
+);
 
 GridFooter.propTypes = {
  // ----------------------------- Warning --------------------------------

diff --git a/packages/grid/x-data-grid/src/components/GridRow.tsx b/packages/grid/x-data-grid/src/components/GridRow.tsx
@@ -211,9 +211,9 @@ const GridRow = React.forwardRef<HTMLDivElement, GridRowProps>(function GridRow(
 
  const publish = React.useCallback(
  (
-  eventName: keyof GridRowEventLookup,
-  propHandler: React.MouseEventHandler<HTMLDivElement> | undefined,
-  ): React.MouseEventHandler<HTMLDivElement> =>
+ eventName: keyof GridRowEventLookup,
+ propHandler: React.MouseEventHandler<HTMLDivElement> | undefined,
+ ): React.MouseEventHandler<HTMLDivElement> =>
  (event) => {
  // Ignore portal
  if (isEventTargetInPortal(event)) {