[typescript] Make StyledComponent only a type, not a class (#8366)

* Make StyledComponent only a type, not a class * Simplify withStyles overload for SFC
mui · Sep 25, 2017 · 1a146b8 · 1a146b8
1 parent dbbcaa6
commit 1a146b8
Show file tree

Hide file tree

Showing 86 changed files with 253 additions and 123 deletions.
diff --git a/src/AppBar/AppBar.d.ts b/src/AppBar/AppBar.d.ts
@@ -5,4 +5,6 @@ export interface AppBarProps extends PaperProps {
   position?: 'static' | 'fixed' | 'absolute';
 }
 
-export default class AppBar extends StyledComponent<AppBarProps> {}
+declare const AppBar: StyledComponent<AppBarProps>;
+
+export default AppBar;
diff --git a/src/Avatar/Avatar.d.ts b/src/Avatar/Avatar.d.ts
@@ -11,4 +11,6 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
   srcSet?: string;
 }
 
-export default class Avatar extends StyledComponent<AvatarProps> {}
+declare const Avatar: StyledComponent<AvatarProps>;
+
+export default Avatar;
diff --git a/src/Badge/Badge.d.ts b/src/Badge/Badge.d.ts
@@ -7,4 +7,6 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
   color?: PropTypes.Color;
 }
 
-export default class Badge extends StyledComponent<BadgeProps> {}
+declare const Badge: StyledComponent<BadgeProps>;
+
+export default Badge;
diff --git a/src/BottomNavigation/BottomNavigation.d.ts b/src/BottomNavigation/BottomNavigation.d.ts
@@ -8,6 +8,6 @@ export type BottomNavigationProps = {
   value?: any;
 } & React.HTMLAttributes<HTMLDivElement>;
 
-export default class BottomNavigation extends StyledComponent<
-  BottomNavigationProps
-> {}
+declare const BottomNavigation: StyledComponent<BottomNavigationProps>;
+
+export default BottomNavigation;
diff --git a/src/BottomNavigation/BottomNavigationButton.d.ts b/src/BottomNavigation/BottomNavigationButton.d.ts
@@ -12,6 +12,6 @@ export type BottomNavigationButtonProps = {
   value?: any;
 } & Partial<Omit<ButtonBaseProps, 'onChange'>>;
 
-export default class BottomNavigationButton extends StyledComponent<
-  BottomNavigationButtonProps
-> {}
+declare const BottomNavigationButton: StyledComponent<BottomNavigationButtonProps>;
+
+export default BottomNavigationButton;
diff --git a/src/Button/Button.d.ts b/src/Button/Button.d.ts
@@ -15,4 +15,6 @@ export interface ButtonProps extends ButtonBaseProps {
   type?: string;
 }
 
-export default class Button extends StyledComponent<ButtonProps> {}
+declare const Button: StyledComponent<ButtonProps>;
+
+export default Button
diff --git a/src/ButtonBase/ButtonBase.d.ts b/src/ButtonBase/ButtonBase.d.ts
@@ -12,4 +12,6 @@ export type ButtonBaseProps = {
 } & React.ButtonHTMLAttributes<HTMLButtonElement> &
   React.AnchorHTMLAttributes<HTMLAnchorElement>;
 
-export default class ButtonBase extends StyledComponent<ButtonBaseProps> {}
+declare const ButtonBase: StyledComponent<ButtonBaseProps>;
+
+export default ButtonBase;
diff --git a/src/Card/Card.d.ts b/src/Card/Card.d.ts
@@ -6,4 +6,6 @@ export interface CardProps extends PaperProps {
   raised?: boolean;
 }
 
-export default class Card extends StyledComponent<CardProps> {}
+declare const Card: StyledComponent<CardProps>;
+
+export default Card;
diff --git a/src/Card/CardActions.d.ts b/src/Card/CardActions.d.ts
@@ -4,4 +4,6 @@ export interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
   disableActionSpacing?: boolean;
 }
 
-export default class CardActions extends StyledComponent<CardActionsProps> {}
+declare const CardActions: StyledComponent<CardActionsProps>;
+
+export default CardActions;
diff --git a/src/Card/CardContent.d.ts b/src/Card/CardContent.d.ts
@@ -4,4 +4,6 @@ import { StyledComponent } from '..';
 export interface CardContentProps
   extends React.HTMLAttributes<HTMLDivElement> {}
 
-export default class CardContent extends StyledComponent<CardContentProps> {}
+declare const CardContent: StyledComponent<CardContentProps>;
+
+export default CardContent;
diff --git a/src/Card/CardHeader.d.ts b/src/Card/CardHeader.d.ts
@@ -8,4 +8,6 @@ export type CardHeaderProps = {
   title?: React.ReactNode;
 } & Partial<Omit<CardContentProps, 'title'>>;
 
-export default class CardHeader extends StyledComponent<CardHeaderProps> {}
+declare const CardHeader: StyledComponent<CardHeaderProps>;
+
+export default CardHeader;
diff --git a/src/Card/CardMedia.d.ts b/src/Card/CardMedia.d.ts
@@ -5,4 +5,6 @@ export interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {
   image: string;
 }
 
-export default class CardMedia extends StyledComponent<CardMediaProps> {}
+declare const CardMedia: StyledComponent<CardMediaProps>;
+
+export default CardMedia;
diff --git a/src/Checkbox/Checkbox.d.ts b/src/Checkbox/Checkbox.d.ts
@@ -4,4 +4,6 @@ import { SwitchBaseProps } from '../internal/SwitchBase';
 
 export interface CheckboxProps extends SwitchBaseProps {}
 
-export default class Checkbox extends StyledComponent<CheckboxProps> {}
+declare const Checkbox: StyledComponent<CheckboxProps>;
+
+export default Checkbox;
diff --git a/src/Chip/Chip.d.ts b/src/Chip/Chip.d.ts
@@ -8,4 +8,6 @@ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
   onRequestDelete?: React.EventHandler<any>;
 }
 
-export default class Chip extends StyledComponent<ChipProps> {}
+declare const Chip: StyledComponent<ChipProps>;
+
+export default Chip;
diff --git a/src/Dialog/Dialog.d.ts b/src/Dialog/Dialog.d.ts
@@ -17,4 +17,6 @@ export type DialogProps = {
   transition?: Function | React.ReactElement<any>;
 } & ModalProps;
 
-export default class Dialog extends StyledComponent<DialogProps> {}
+declare const Dialog: StyledComponent<DialogProps>;
+
+export default Dialog;
diff --git a/src/Dialog/DialogActions.d.ts b/src/Dialog/DialogActions.d.ts
@@ -4,6 +4,6 @@ import { StyledComponent } from '..';
 export interface DialogActionsProps
   extends React.HTMLAttributes<HTMLDivElement> {}
 
-export default class DialogActions extends StyledComponent<
-  DialogActionsProps
-> {}
+declare const DialogActions: StyledComponent<DialogActionsProps>;
+
+export default DialogActions;
diff --git a/src/Dialog/DialogContent.d.ts b/src/Dialog/DialogContent.d.ts
@@ -4,6 +4,6 @@ import { StyledComponent } from '..';
 export interface DialogContentProps
   extends React.HTMLAttributes<HTMLDivElement> {}
 
-export default class DialogContent extends StyledComponent<
-  DialogContentProps
-> {}
+declare const DialogContent: StyledComponent<DialogContentProps>;
+
+export default DialogContent;
diff --git a/src/Dialog/DialogContentText.d.ts b/src/Dialog/DialogContentText.d.ts
@@ -4,6 +4,6 @@ import { StyledComponent } from '..';
 export interface DialogContentTextProps
   extends React.HTMLAttributes<HTMLParagraphElement> {}
 
-export default class DialogContentText extends StyledComponent<
-  DialogContentTextProps
-> {}
+declare const DialogContentText: StyledComponent<DialogContentTextProps>;
+
+export default DialogContentText;
diff --git a/src/Dialog/DialogTitle.d.ts b/src/Dialog/DialogTitle.d.ts
@@ -5,4 +5,6 @@ export interface DialogTitleProps extends React.HTMLAttributes<HTMLDivElement> {
   disableTypography?: boolean;
 }
 
-export default class DialogTitle extends StyledComponent<DialogTitleProps> {}
+declare const DialogTitle: StyledComponent<DialogTitleProps>;
+
+export default DialogTitle;
diff --git a/src/Divider/Divider.d.ts b/src/Divider/Divider.d.ts
@@ -7,4 +7,6 @@ export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
   light?: boolean;
 }
 
-export default class Divider extends StyledComponent<DividerProps> {}
+declare const Divider: StyledComponent<DividerProps>;
+
+export default Divider;
diff --git a/src/Drawer/Drawer.d.ts b/src/Drawer/Drawer.d.ts
@@ -15,4 +15,6 @@ export interface DrawerProps extends ModalProps {
   type: 'permanent' | 'persistent' | 'temporary';
 }
 
-export default class Drawer extends StyledComponent<DrawerProps> {}
+declare const Drawer: StyledComponent<DrawerProps>;
+
+export default Drawer;
diff --git a/src/Form/FormControl.d.ts b/src/Form/FormControl.d.ts
@@ -13,4 +13,6 @@ export interface FormControlProps
   component?: React.ReactType;
 }
 
-export default class FormControl extends StyledComponent<FormControlProps> {}
+declare const FormControl: StyledComponent<FormControlProps>;
+
+export default FormControl;
diff --git a/src/Form/FormControlLabel.d.ts b/src/Form/FormControlLabel.d.ts
@@ -12,6 +12,6 @@ export type FormControlLabelProps = {
   value?: string;
 } & React.LabelHTMLAttributes<HTMLLabelElement>;
 
-export default class FormControlLabel extends StyledComponent<
-  FormControlLabelProps
-> {}
+declare const FormControlLabel: StyledComponent<FormControlLabelProps>;
+
+export default FormControlLabel;
diff --git a/src/Form/FormGroup.d.ts b/src/Form/FormGroup.d.ts
@@ -6,4 +6,6 @@ export interface FormGroupProps
   row?: boolean;
 }
 
-export default class FormGroup extends StyledComponent<FormGroupProps> {}
+declare const FormGroup: StyledComponent<FormGroupProps>;
+
+export default FormGroup;
diff --git a/src/Form/FormHelperText.d.ts b/src/Form/FormHelperText.d.ts
@@ -8,6 +8,6 @@ export interface FormHelperTextProps
   margin?: 'dense';
 }
 
-export default class FormHelperText extends StyledComponent<
-  FormHelperTextProps
-> {}
+declare const FormHelperText: StyledComponent<FormHelperTextProps>;
+
+export default FormHelperText;
diff --git a/src/Form/FormLabel.d.ts b/src/Form/FormLabel.d.ts
@@ -9,4 +9,6 @@ export interface FormLabelProps
   required?: boolean;
 }
 
-export default class FormLabel extends StyledComponent<FormLabelProps> {}
+declare const FormLabel: StyledComponent<FormLabelProps>;
+
+export default FormLabel;
diff --git a/src/Grid/Grid.d.ts b/src/Grid/Grid.d.ts
@@ -33,4 +33,6 @@ export type GridProps = {
 } & Partial<{ [key in Breakpoint]: boolean | GridSize }>
   & Partial<Omit<React.HTMLAttributes<HTMLElement>, 'hidden'>>;
 
-export default class Grid extends StyledComponent<GridProps> {}
+declare const Grid: StyledComponent<GridProps>;
+
+export default Grid;
diff --git a/src/GridList/GridList.d.ts b/src/GridList/GridList.d.ts
@@ -8,4 +8,6 @@ export interface GridListProps {
   spacing?: number;
 }
 
-export default class GridList extends StyledComponent<GridListProps> {}
+declare const GridList: StyledComponent<GridListProps>;
+
+export default GridList;
diff --git a/src/GridList/GridListTile.d.ts b/src/GridList/GridListTile.d.ts
@@ -7,4 +7,6 @@ export interface GridListTileProps {
   row?: number;
 }
 
-export default class GridListTile extends StyledComponent<GridListTileProps> {}
+declare const GridListTile: StyledComponent<GridListTileProps>;
+
+export default GridListTile;
diff --git a/src/GridList/GridListTileBar.d.ts b/src/GridList/GridListTileBar.d.ts
@@ -9,6 +9,6 @@ export interface GridListTileBarProps {
   titlePosition?: 'top' | 'bottom';
 }
 
-export default class GridListTileBar extends StyledComponent<
-  GridListTileBarProps
-> {}
+declare const GridListTileBar: StyledComponent<GridListTileBarProps>;
+
+export default GridListTileBar;
diff --git a/src/Hidden/Hidden.d.ts b/src/Hidden/Hidden.d.ts
@@ -17,4 +17,6 @@ export interface HiddenProps {
   implementation?: 'js' | 'css';
 }
 
-export default class Hidden extends StyledComponent<HiddenProps> {}
+declare const Hidden: StyledComponent<HiddenProps>;
+
+export default Hidden;
diff --git a/src/Hidden/HiddenJs.d.ts b/src/Hidden/HiddenJs.d.ts
@@ -16,4 +16,6 @@ export interface HiddenJsProps {
   xlDown?: boolean;
 }
 
-export default class HiddenJs extends StyledComponent<HiddenJsProps> {}
+declare const HiddenJs: StyledComponent<HiddenJsProps>;
+
+export default HiddenJs;
diff --git a/src/Icon/Icon.d.ts b/src/Icon/Icon.d.ts
@@ -5,4 +5,6 @@ export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
   color?: PropTypes.Color | 'action' | 'contrast' | 'disabled' | 'error';
 }
 
-export default class Icon extends StyledComponent<IconProps> {}
+declare const Icon: StyledComponent<IconProps>;
+
+export default Icon;
diff --git a/src/IconButton/IconButton.d.ts b/src/IconButton/IconButton.d.ts
@@ -9,4 +9,6 @@ export interface IconButtonProps extends ButtonBaseProps {
   rootRef?: React.Ref<any>;
 }
 
-export default class IconButton extends StyledComponent<IconButtonProps> {}
+declare const IconButton: StyledComponent<IconButtonProps>;
+
+export default IconButton;
diff --git a/src/Input/Input.d.ts b/src/Input/Input.d.ts
@@ -45,4 +45,6 @@ export type InputProps = {
   >
 >;
 
-export default class Input extends StyledComponent<InputProps> {}
+declare const Input: StyledComponent<InputProps>;
+
+export default Input;
diff --git a/src/Input/InputLabel.d.ts b/src/Input/InputLabel.d.ts
@@ -11,4 +11,6 @@ export interface InputLabelProps extends FormLabelProps {
   shrink?: boolean;
 }
 
-export default class InputLabel extends StyledComponent<InputLabelProps> {}
+declare const InputLabel: StyledComponent<InputLabelProps>;
+
+export default InputLabel;
diff --git a/src/Input/Textarea.d.ts b/src/Input/Textarea.d.ts
@@ -10,4 +10,6 @@ export type TextareaProps = {
   value?: string;
 } & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 
-export default class Textarea extends StyledComponent<TextareaProps> {}
+declare const Textarea: StyledComponent<TextareaProps>;
+
+export default Textarea;
diff --git a/src/List/List.d.ts b/src/List/List.d.ts
@@ -9,4 +9,6 @@ export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
   subheader?: React.ReactElement<any>;
 }
 
-export default class List extends StyledComponent<ListProps> {}
+declare const List: StyledComponent<ListProps>;
+
+export default List;
diff --git a/src/List/ListItem.d.ts b/src/List/ListItem.d.ts
@@ -12,4 +12,6 @@ export type ListItemProps = {
 } & ButtonBaseProps &
   React.LiHTMLAttributes<HTMLLIElement>;
 
-export default class ListItem extends StyledComponent<ListItemProps> {}
+declare const ListItem: StyledComponent<ListItemProps>;
+
+export default ListItem;
diff --git a/src/List/ListItemAvatar.d.ts b/src/List/ListItemAvatar.d.ts
@@ -2,6 +2,6 @@ import { StyledComponent } from '..';
 
 export interface ListItemAvatarProps {}
 
-export default class ListItemAvatar extends StyledComponent<
-  ListItemAvatarProps
-> {}
+declare const ListItemAvatar: StyledComponent<ListItemAvatarProps>;
+
+export default ListItemAvatar;
diff --git a/src/List/ListItemIcon.d.ts b/src/List/ListItemIcon.d.ts
@@ -2,4 +2,6 @@ import { StyledComponent } from '..';
 
 export interface ListItemIconProps {}
 
-export default class ListItemIcon extends StyledComponent<ListItemIconProps> {}
+declare const ListItemIcon: StyledComponent<ListItemIconProps>;
+
+export default ListItemIcon;
diff --git a/src/List/ListItemSecondaryAction.d.ts b/src/List/ListItemSecondaryAction.d.ts
@@ -2,6 +2,6 @@ import { StyledComponent } from '..';
 
 export interface ListItemSecondaryActionProps {}
 
-export default class ListItemSecondaryAction extends StyledComponent<
-  ListItemSecondaryActionProps
-> {}
+declare const ListItemSecondaryAction: StyledComponent<ListItemSecondaryActionProps>;
+
+export default ListItemSecondaryAction;
diff --git a/src/List/ListItemText.d.ts b/src/List/ListItemText.d.ts
@@ -9,4 +9,6 @@ export interface ListItemTextProps
   secondary?: React.ReactNode;
 }
 
-export default class ListItemText extends StyledComponent<ListItemTextProps> {}
+declare const ListItemText: StyledComponent<ListItemTextProps>;
+
+export default ListItemText;
diff --git a/src/List/ListSubheader.d.ts b/src/List/ListSubheader.d.ts
@@ -8,6 +8,6 @@ export interface ListSubheaderProps
   disableSticky?: boolean;
 }
 
-export default class ListSubheader extends StyledComponent<
-  ListSubheaderProps
-> {}
+declare const ListSubheader: StyledComponent<ListSubheaderProps>;
+
+export default ListSubheader;
diff --git a/src/Menu/Menu.d.ts b/src/Menu/Menu.d.ts
@@ -13,4 +13,6 @@ export type MenuProps = {
 } & Partial<TransitionHandlers> &
   PopoverProps;
 
-export default class Menu extends StyledComponent<MenuProps> {}
+declare const Menu: StyledComponent<MenuProps>;
+
+export default Menu;
diff --git a/src/Menu/MenuItem.d.ts b/src/Menu/MenuItem.d.ts
@@ -8,4 +8,6 @@ export interface MenuItemProps extends ListItemProps {
   selected?: boolean;
 }
 
-export default class MenuItem extends StyledComponent<MenuItemProps> {}
+declare const MenuItem: StyledComponent<MenuItemProps>;
+
+export default MenuItem;
diff --git a/src/Menu/MenuList.d.ts b/src/Menu/MenuList.d.ts
@@ -6,4 +6,6 @@ export type MenuListProps = {
   onKeyDown?: React.ReactEventHandler<React.KeyboardEvent<any>>;
 } & ListProps;
 
-export default class MenuList extends StyledComponent<MenuListProps> {}
+declare const MenuList: StyledComponent<MenuListProps>;
+
+export default MenuList;