[core] Fix support for older versions of TypeScript

Closes #20441

packages/material-ui-lab/src/Autocomplete/Autocomplete.d.ts

@@ -208,5 +208,5 @@ export type AutocompleteClassKey =
  * - [Autocomplete API](https://material-ui.com/api/autocomplete/)
  */
 export default function Autocomplete<T>(
-  props: AutocompleteProps<T> & UseAutocompleteProps<T>,
+  props: AutocompleteProps<T> & UseAutocompleteProps<T>
 ): JSX.Element;

packages/material-ui-lab/src/Pagination/Pagination.d.ts

@@ -22,7 +22,7 @@ export interface PaginationProps
   getItemAriaLabel?: (
     type: 'page' | 'first' | 'last' | 'next' | 'previous',
     page: number,
-    selected: boolean,
+    selected: boolean
   ) => string;
   /**
    * Render the item.

packages/material-ui-lab/src/useAutocomplete/useAutocomplete.d.ts

@@ -15,7 +15,7 @@ export interface FilterOptionsState<T> {
 }
 
 export function createFilterOptions<T>(
-  config?: CreateFilterOptionsConfig<T>,
+  config?: CreateFilterOptionsConfig<T>
 ): (options: T[], state: FilterOptionsState<T>) => T[];
 
 export interface UseAutocompleteCommonProps<T> {
@@ -143,7 +143,7 @@ export interface UseAutocompleteCommonProps<T> {
   onInputChange?: (
     event: React.ChangeEvent<{}>,
     value: string,
-    reason: AutocompleteInputChangeReason,
+    reason: AutocompleteInputChangeReason
   ) => void;
   /**
    * Callback fired when the popup requests to be opened.
@@ -210,7 +210,7 @@ export interface UseAutocompleteMultipleProps<T> extends UseAutocompleteCommonPr
     event: React.ChangeEvent<{}>,
     value: T[],
     reason: AutocompleteChangeReason,
-    details?: AutocompleteChangeDetails<T>,
+    details?: AutocompleteChangeDetails<T>
   ) => void;
 }
 
@@ -241,7 +241,7 @@ export interface UseAutocompleteSingleProps<T> extends UseAutocompleteCommonProp
     event: React.ChangeEvent<{}>,
     value: T | null,
     reason: AutocompleteChangeReason,
-    details?: AutocompleteChangeDetails<T>,
+    details?: AutocompleteChangeDetails<T>
   ) => void;
 }
 
@@ -250,7 +250,7 @@ export type UseAutocompleteProps<T> =
   | UseAutocompleteMultipleProps<T>;
 
 export default function useAutocomplete<T>(
-  props: UseAutocompleteProps<T>,
+  props: UseAutocompleteProps<T>
 ): {
   getRootProps: () => {};
   getInputProps: () => {};

packages/material-ui-styles/src/ThemeProvider/ThemeProvider.d.ts

@@ -5,5 +5,5 @@ export interface ThemeProviderProps<Theme = DefaultTheme> {
   theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
 }
 export default function ThemeProvider<T = DefaultTheme>(
-  props: ThemeProviderProps<T>,
+  props: ThemeProviderProps<T>
 ): React.ReactElement<ThemeProviderProps<T>>;

packages/material-ui-styles/src/createStyles/createStyles.d.ts

@@ -12,5 +12,5 @@ import { StyleRules } from '@material-ui/styles/withStyles';
 // See https://github.com/mui-org/material-ui/issues/15942
 // and https://github.com/microsoft/TypeScript/issues/31735
 export default function createStyles<ClassKey extends string, Props extends {}>(
-  styles: StyleRules<Props, ClassKey>,
+  styles: StyleRules<Props, ClassKey>
 ): StyleRules<Props, ClassKey>;

packages/material-ui-styles/src/getStylesCreator/getStylesCreator.d.ts

@@ -7,5 +7,5 @@ export interface StylesCreator<Theme, Props extends object, ClassKey extends str
 }
 
 export default function getStylesCreator<S extends Styles<any, any>>(
-  style: S,
+  style: S
 ): StylesCreator<any, any>;

packages/material-ui-styles/src/makeStyles/makeStyles.d.ts

@@ -12,7 +12,7 @@ import { DefaultTheme } from '../defaultTheme';
  */
 export default function makeStyles<Theme = DefaultTheme, ClassKey extends string = string>(
   style: Styles<Theme, {}, ClassKey>,
-  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>,
+  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>
 ): (props?: any) => ClassNameMap<ClassKey>;
 /**
  * `makeStyles` where the passed `styles` do depend on props
@@ -23,5 +23,5 @@ export default function makeStyles<
   ClassKey extends string = string
 >(
   styles: Styles<Theme, Props, ClassKey>,
-  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>,
+  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>
 ): (props: Props) => ClassNameMap<ClassKey>;

packages/material-ui-styles/src/styled/styled.d.ts

@@ -17,7 +17,7 @@ export type ComponentCreator<Component extends React.ElementType> = <
   styles:
     | CreateCSSProperties<Props>
     | ((props: { theme: Theme } & Props) => CreateCSSProperties<Props>),
-  options?: WithStylesOptions<Theme>,
+  options?: WithStylesOptions<Theme>
 ) => React.ComponentType<
   Omit<
     JSX.LibraryManagedAttributes<Component, React.ComponentProps<Component>>,
@@ -33,5 +33,5 @@ export interface StyledProps {
 }
 
 export default function styled<Component extends React.ElementType>(
-  Component: Component,
+  Component: Component
 ): ComponentCreator<Component>;

packages/material-ui-styles/src/withStyles/withStyles.d.ts

@@ -64,7 +64,7 @@ export type StyleRules<Props extends object = {}, ClassKey extends string = stri
  * @internal
  */
 export type StyleRulesCallback<Theme, Props extends object, ClassKey extends string = string> = (
-  theme: Theme,
+  theme: Theme
 ) => StyleRules<Props, ClassKey>;
 
 export type Styles<Theme, Props extends object, ClassKey extends string = string> =
@@ -123,7 +123,7 @@ export default function withStyles<
   Options extends WithStylesOptions<ThemeOfStyles<StylesType>> = {}
 >(
   style: StylesType,
-  options?: Options,
+  options?: Options
 ): PropInjector<
   WithStyles<StylesType, Options['withTheme']>,
   StyledComponentProps<ClassKeyOfStyles<StylesType>> & PropsOfStyles<StylesType>

packages/material-ui-styles/src/withTheme/withTheme.d.ts

@@ -21,14 +21,14 @@ export interface ThemedComponentProps extends Partial<WithTheme> {
 }
 
 export function withThemeCreator<Theme = DefaultTheme>(
-  option?: WithThemeCreatorOption<Theme>,
+  option?: WithThemeCreatorOption<Theme>
 ): PropInjector<WithTheme<Theme>, ThemedComponentProps>;
 
 export default function withTheme<
   Theme,
   C extends React.ComponentType<ConsistentWith<React.ComponentProps<C>, WithTheme<Theme>>>
 >(
-  component: C,
+  component: C
 ): React.ComponentType<
   Omit<JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>, keyof WithTheme<Theme>> &
     Partial<WithTheme<Theme>> &

packages/material-ui-system/src/index.d.ts

@@ -35,7 +35,7 @@ type DefaultBreakPoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
  * @returns An enhanced stylefunction that considers breakpoints
  */
 export function breakpoints<Props, Breakpoints extends string = DefaultBreakPoints>(
-  styleFunction: StyleFunction<Props>,
+  styleFunction: StyleFunction<Props>
 ): StyleFunction<Partial<Record<Breakpoints, Props>>>;
 
 // compose.js
@@ -55,7 +55,7 @@ export function compose<T extends Array<StyleFunction<any>>>(...args: T): Compos
 
 // css.js
 export function css<Props>(
-  styleFunction: StyleFunction<Props>,
+  styleFunction: StyleFunction<Props>
 ): StyleFunction<Props & { css: Omit<Props, 'theme'> }>;
 
 export const display: SimpleStyleFunction<
@@ -180,7 +180,7 @@ export interface StyleOptions<PropKey, Theme extends object> {
   transform?: (cssValue: unknown) => number | string | React.CSSProperties;
 }
 export function style<PropKey extends string, Theme extends object>(
-  options: StyleOptions<PropKey, Theme>,
+  options: StyleOptions<PropKey, Theme>
 ): StyleFunction<{ [K in PropKey]?: unknown } & { theme: Theme }>;
 
 // typography.js

packages/material-ui-types/index.d.ts

@@ -25,7 +25,7 @@ export type ConsistentWith<DecorationTargetProps, InjectedProps> = {
 export type PropInjector<InjectedProps, AdditionalProps = {}> = <
   C extends React.ComponentType<ConsistentWith<React.ComponentProps<C>, InjectedProps>>
 >(
-  component: C,
+  component: C
 ) => React.ComponentType<
   Omit<JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>, keyof InjectedProps> &
     AdditionalProps

packages/material-ui/src/Backdrop/Backdrop.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StandardProps } from '..';
+import { Omit, StandardProps } from '..';
 import { FadeProps } from '../Fade';
 import { TransitionProps } from '../transitions/transition';
 

packages/material-ui/src/Box/Box.d.ts

@@ -26,7 +26,7 @@ type BoxStyleFunction = ComposedStyleFunction<
     typeof shadows,
     typeof sizing,
     typeof spacing,
-    typeof typography,
+    typeof typography
   ]
 >;
 

packages/material-ui/src/ButtonBase/ButtonBase.d.ts

@@ -34,7 +34,7 @@ export interface ExtendButtonBaseTypeMap<M extends OverridableTypeMap> {
 }
 
 export type ExtendButtonBase<M extends OverridableTypeMap> = ((
-  props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<M>, 'a'>,
+  props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<M>, 'a'>
 ) => JSX.Element) &
   OverridableComponent<ExtendButtonBaseTypeMap<M>>;
 

packages/material-ui/src/CardHeader/CardHeader.d.ts

@@ -50,7 +50,7 @@ export interface OverridableCardHeader extends OverridableComponent<CardHeaderTy
       Props,
       TitleTypographyComponent,
       SubheaderTypographyComponent
-    >,
+    >
   ): JSX.Element;
 }
 

packages/material-ui/src/Fade/Fade.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Omit } from '..';
 import { TransitionProps } from '../transitions/transition';
 
 export interface FadeProps extends Omit<TransitionProps, 'children'> {

packages/material-ui/src/Select/SelectInput.d.ts

@@ -7,7 +7,7 @@ export interface SelectInputProps {
   disabled?: boolean;
   IconComponent?: React.ElementType;
   inputRef?: (
-    ref: HTMLSelectElement | { node: HTMLInputElement; value: SelectInputProps['value'] },
+    ref: HTMLSelectElement | { node: HTMLInputElement; value: SelectInputProps['value'] }
   ) => void;
   MenuProps?: Partial<MenuProps>;
   multiple: boolean;
@@ -16,7 +16,7 @@ export interface SelectInputProps {
   onBlur?: React.FocusEventHandler<any>;
   onChange?: (
     event: React.ChangeEvent<{ name?: string; value: unknown }>,
-    child: React.ReactNode,
+    child: React.ReactNode
   ) => void;
   onClose?: (event: React.ChangeEvent<{}>) => void;
   onFocus?: React.FocusEventHandler<any>;

packages/material-ui/src/TextareaAutosize/TextareaAutosize.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Omit } from '..';
 
 export interface TextareaAutosizeProps
   extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'> {

packages/material-ui/src/styles/createMixins.d.ts

@@ -15,5 +15,5 @@ export interface MixinsOptions extends Partial<Mixins> {
 export default function createMixins(
   breakpoints: Breakpoints,
   spacing: Spacing,
-  mixins: MixinsOptions,
+  mixins: MixinsOptions
 ): Mixins;

packages/material-ui/src/styles/createPalette.d.ts

@@ -86,7 +86,7 @@ export interface Palette {
       color: ColorPartial,
       mainShade?: number | string,
       lightShade?: number | string,
-      darkShade?: number | string,
+      darkShade?: number | string
     ): PaletteColor;
     (color: PaletteColorOptions): PaletteColor;
   };

packages/material-ui/src/styles/createSpacing.d.ts

@@ -11,7 +11,7 @@ export interface Spacing {
     top: SpacingArgument,
     right: SpacingArgument,
     bottom: SpacingArgument,
-    left: SpacingArgument,
+    left: SpacingArgument
   ): string;
 }
 

packages/material-ui/src/styles/createTypography.d.ts

@@ -49,5 +49,5 @@ export interface TypographyOptions
 
 export default function createTypography(
   palette: Palette,
-  typography: TypographyOptions | ((palette: Palette) => TypographyOptions),
+  typography: TypographyOptions | ((palette: Palette) => TypographyOptions)
 ): Typography;

packages/material-ui/src/styles/makeStyles.d.ts

@@ -8,7 +8,7 @@ import { Omit } from '@material-ui/types';
  */
 export default function makeStyles<Theme = DefaultTheme, ClassKey extends string = string>(
   style: Styles<Theme, {}, ClassKey>,
-  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>,
+  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>
 ): (props?: any) => ClassNameMap<ClassKey>;
 /**
  * `makeStyles` where the passed `styles` do depend on props
@@ -19,5 +19,5 @@ export default function makeStyles<
   ClassKey extends string = string
 >(
   styles: Styles<Theme, Props, ClassKey>,
-  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>,
+  options?: Omit<WithStylesOptions<Theme>, 'withTheme'>
 ): (props: Props) => ClassNameMap<ClassKey>;

packages/material-ui/src/styles/responsiveFontSizes.d.ts

@@ -11,5 +11,5 @@ export interface ResponsiveFontSizesOptions {
 
 export default function responsiveFontSizes(
   theme: Theme,
-  options?: ResponsiveFontSizesOptions,
+  options?: ResponsiveFontSizesOptions
 ): Theme;

packages/material-ui/src/styles/shadows.d.ts

@@ -23,7 +23,7 @@ export type Shadows = [
   string,
   string,
   string,
-  string,
+  string
 ];
 declare const shadows: Shadows;
 export default shadows;

packages/material-ui/src/styles/styled.d.ts

@@ -21,7 +21,7 @@ export type ComponentCreator<Component extends React.ElementType> = <
   styles:
     | CreateCSSProperties<Props>
     | ((props: { theme: Theme } & Props) => CreateCSSProperties<Props>),
-  options?: WithStylesOptions<Theme>,
+  options?: WithStylesOptions<Theme>
 ) => React.ComponentType<
   Omit<
     JSX.LibraryManagedAttributes<Component, React.ComponentProps<Component>>,
@@ -37,5 +37,5 @@ export interface StyledProps {
 }
 
 export default function styled<Component extends React.ElementType>(
-  Component: Component,
+  Component: Component
 ): ComponentCreator<Component>;

packages/material-ui/src/styles/transitions.d.ts

@@ -24,7 +24,7 @@ export interface Transitions {
   duration: Duration;
   create(
     props: string | string[],
-    options?: Partial<{ duration: number | string; easing: string; delay: number | string }>,
+    options?: Partial<{ duration: number | string; easing: string; delay: number | string }>
   ): string;
   getAutoHeightDuration(height: number): number;
 }
@@ -34,7 +34,7 @@ export interface TransitionsOptions {
   duration?: Partial<Duration>;
   create?: (
     props: string | string[],
-    options?: Partial<{ duration: number | string; easing: string; delay: number | string }>,
+    options?: Partial<{ duration: number | string; easing: string; delay: number | string }>
   ) => string;
   getAutoHeightDuration?: (height: number) => number;
 }

packages/material-ui/src/styles/withStyles.d.ts

@@ -48,5 +48,5 @@ export default function withStyles<
   Props extends object = {}
 >(
   style: Styles<Theme, Props, ClassKey>,
-  options?: Options,
+  options?: Options
 ): PropInjector<WithStyles<ClassKey, Options['withTheme']>, StyledComponentProps<ClassKey> & Props>;

packages/material-ui/src/test-utils/createMount.d.ts

@@ -6,7 +6,7 @@ export interface MountOptions {
 }
 
 export default function createMount(
-  options?: Partial<MountOptions>,
+  options?: Partial<MountOptions>
 ): typeof mount & {
   attachTo: HTMLElement;
   cleanUp(): void;

packages/material-ui/src/test-utils/getClasses.d.ts

@@ -1,4 +1,4 @@
 export default function getClasses<T = { [name: string]: string }>(
   element: React.ReactElement,
-  options?: Partial<{ withTheme: boolean }>,
+  options?: Partial<{ withTheme: boolean }>
 ): T;

packages/material-ui/src/test-utils/until.d.ts

@@ -2,5 +2,5 @@ import { CommonWrapper } from 'enzyme';
 
 export default function until<P = any, S = any>(
   selector: string,
-  options: { context: any },
+  options: { context: any }
 ): CommonWrapper<P, S>;

packages/material-ui/src/useMediaQuery/useMediaQuery.d.ts

@@ -18,5 +18,5 @@ export interface Options {
 
 export default function useMediaQuery<Theme = unknown>(
   query: string | ((theme: Theme) => string),
-  options?: Options,
+  options?: Options
 ): boolean;

packages/material-ui/src/utils/debounce.d.ts

@@ -4,5 +4,5 @@ export interface Cancelable {
 
 export default function debounce<T extends (...args: any[]) => any>(
   func: T,
-  wait?: number,
+  wait?: number
 ): T & Cancelable;

packages/material-ui/src/utils/setRef.d.ts

@@ -12,5 +12,5 @@
  */
 export default function setRef<T>(
   ref: React.RefObject<T> | ((instance: T | null) => void) | null | undefined,
-  value: T | null,
+  value: T | null
 ): void;