diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index 154be283de..6180f193f7 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -128,7 +128,7 @@ declare namespace __MaterialUI {
desktopSubheaderHeight?: number;
desktopToolbarHeight?: number;
}
- export var Spacing: Spacing;
+ export let Spacing: Spacing;
interface ThemePalette {
primary1Color?: string;
@@ -147,7 +147,7 @@ declare namespace __MaterialUI {
clockCircleColor?: string;
shadowColor?: string;
}
- export var ThemePalette: ThemePalette;
+ export let ThemePalette: ThemePalette;
interface MuiTheme {
spacing?: Spacing;
fontFamily?: string;
@@ -454,15 +454,15 @@ declare namespace __MaterialUI {
snackbar: number;
tooltip: number;
}
- export var zIndex: zIndex;
+ export let zIndex: zIndex;
interface RawTheme {
spacing?: Spacing;
fontFamily?: string;
palette?: ThemePalette;
}
- var lightBaseTheme: RawTheme;
- var darkBaseTheme: RawTheme;
+ let lightBaseTheme: RawTheme;
+ let darkBaseTheme: RawTheme;
export function muiThemeable(): <
TComponent extends React.ComponentClass | React.StatelessComponent
,
@@ -483,7 +483,7 @@ declare namespace __MaterialUI {
easeOutFunction: string;
easeInOutFunction: string;
}
- export var Transitions: Transitions;
+ export let Transitions: Transitions;
interface Typography {
textFullBlack: string;
@@ -501,7 +501,7 @@ declare namespace __MaterialUI {
fontStyleButtonFontSize: number;
}
- export var Typography: Typography;
+ export let Typography: Typography;
}
interface AppBarProps {
@@ -541,14 +541,14 @@ declare namespace __MaterialUI {
}
interface utils {
- getWeekArray: (date: Date, firstDayOfWeek: number) => (Date | null)[][];
- getYear: (date: Date) => number;
- setYear: (date: Date, year: number) => Date;
- addDays: (date: Date, days: number) => Date;
- addMonths: (date: Date, months: number) => Date;
- addYears: (date: Date, years: number) => Date;
- getFirstDayOfMonth: (date: Date) => Date;
- monthDiff: (date1: Date, date2: Date) => number;
+ getWeekArray(date: Date, firstDayOfWeek: number): Array>;
+ getYear(date: Date): number;
+ setYear(date: Date, year: number): Date;
+ addDays(date: Date, days: number): Date;
+ addMonths(date: Date, months: number): Date;
+ addYears(date: Date, years: number): Date;
+ getFirstDayOfMonth(date: Date): Date;
+ monthDiff(date1: Date, date2: Date): number;
}
type corners = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
@@ -564,7 +564,7 @@ declare namespace __MaterialUI {
disableFocusRipple?: boolean;
errorStyle?: React.CSSProperties;
errorText?: React.ReactNode;
- filter?: (searchText: string, key: string, item: DataItem) => boolean;
+ filter?(searchText: string, key: string, item: DataItem): boolean;
floatingLabelText?: React.ReactNode;
fullWidth?: boolean;
hintText?: React.ReactNode;
@@ -576,8 +576,8 @@ declare namespace __MaterialUI {
onBlur?: React.FocusEventHandler<{}>;
onFocus?: React.FocusEventHandler<{}>;
onKeyDown?: React.KeyboardEventHandler<{}>;
- onNewRequest?: (chosenRequest: DataItem, index: number) => void;
- onUpdateInput?: (searchText: string, dataSource: DataItem[]) => void;
+ onNewRequest?(chosenRequest: DataItem, index: number): void;
+ onUpdateInput?(searchText: string, dataSource: DataItem[]): void;
open?: boolean;
openOnFocus?: boolean;
popoverProps?: Popover.PopoverProps;
@@ -587,14 +587,14 @@ declare namespace __MaterialUI {
textFieldStyle?: React.CSSProperties;
}
export class AutoComplete extends React.Component> {
- static noFilter: () => boolean;
- static defaultFilter: (searchText: string, key: string) => boolean;
- static caseSensitiveFilter: (searchText: string, key: string) => boolean;
- static caseInsensitiveFilter: (searchText: string, key: string) => boolean;
+ static noFilter(): boolean;
+ static defaultFilter(searchText: string, key: string): boolean;
+ static caseSensitiveFilter(searchText: string, key: string): boolean;
+ static caseInsensitiveFilter(searchText: string, key: string): boolean;
static levenshteinDistanceFilter(distanceLessThan: number): (searchText: string, key: string) => boolean;
- static fuzzyFilter: (searchText: string, key: string) => boolean;
+ static fuzzyFilter(searchText: string, key: string): boolean;
static Item: Menus.MenuItem;
static Divider: Divider;
}
@@ -645,7 +645,7 @@ declare namespace __MaterialUI {
keyboardFocused?: boolean;
onBlur?: React.FocusEventHandler<{}>;
onFocus?: React.FocusEventHandler<{}>;
- onKeyboardFocus?: (e: React.FocusEvent<{}>, isKeyboardFocused: boolean) => void;
+ onKeyboardFocus?(e: React.FocusEvent<{}>, isKeyboardFocused: boolean): void;
onKeyDown?: React.KeyboardEventHandler<{}>;
onKeyUp?: React.KeyboardEventHandler<{}>;
onTouchTap?: TouchTapEventHandler;
@@ -679,7 +679,7 @@ declare namespace __MaterialUI {
labelPosition?: "before" | "after";
labelStyle?: React.CSSProperties;
linkButton?: boolean;
- onKeyboardFocus?: (e: React.FocusEvent<{}>, isKeyboardFocused: boolean) => void;
+ onKeyboardFocus?(e: React.FocusEvent<{}>, isKeyboardFocused: boolean): void;
onMouseEnter?: React.MouseEventHandler<{}>;
onMouseLeave?: React.MouseEventHandler<{}>;
onTouchStart?: React.TouchEventHandler<{}>;
@@ -753,7 +753,7 @@ declare namespace __MaterialUI {
iconStyle?: React.CSSProperties;
onBlur?: React.FocusEventHandler<{}>;
onFocus?: React.FocusEventHandler<{}>;
- onKeyboardFocus?: (e: React.FocusEvent<{}>, isKeyboardFocused: boolean) => void;
+ onKeyboardFocus?(e: React.FocusEvent<{}>, isKeyboardFocused: boolean): void;
onMouseEnter?: React.MouseEventHandler<{}>;
onMouseLeave?: React.MouseEventHandler<{}>;
onMouseOut?: React.MouseEventHandler<{}>;
@@ -785,7 +785,6 @@ declare namespace __MaterialUI {
}
namespace Card {
-
interface CardProps {
className?: string;
actAsExpander?: boolean;
@@ -793,7 +792,7 @@ declare namespace __MaterialUI {
expandable?: boolean;
expanded?: boolean;
initiallyExpanded?: boolean;
- onExpandChange?: (isExpanded: boolean) => void;
+ onExpandChange?(isExpanded: boolean): void;
showExpandableButton?: boolean;
style?: React.CSSProperties;
}
@@ -812,7 +811,7 @@ declare namespace __MaterialUI {
interface CardExpandableProps {
expanded?: boolean;
- onExpanding?: (isExpanded: boolean) => void;
+ onExpanding?(isExpanded: boolean): void;
style?: React.CSSProperties;
}
export class CardExpandable extends React.Component {
@@ -902,18 +901,18 @@ declare namespace __MaterialUI {
disableYearSelection?: boolean;
disabled?: boolean;
firstDayOfWeek?: number;
- formatDate?: (date: Date) => string;
+ formatDate?(date: Date): string;
locale?: string;
maxDate?: Date;
minDate?: Date;
mode?: "portrait" | "landscape";
okLabel?: React.ReactNode;
- onChange?: (e: any, date: Date) => void; // e is always null
- onDismiss?: () => void;
+ onChange?(e: any, date: Date): void; // e is always null
+ onDismiss?(): void;
onFocus?: React.FocusEventHandler<{}>;
- onShow?: () => void;
+ onShow?(): void;
onTouchTap?: React.TouchEventHandler<{}>;
- shouldDisableDate?: (day: Date) => boolean;
+ shouldDisableDate?(day: Date): boolean;
style?: React.CSSProperties;
textFieldStyle?: React.CSSProperties;
value?: Date;
@@ -933,8 +932,8 @@ declare namespace __MaterialUI {
inputStyle?: React.CSSProperties;
onBlur?: React.FocusEventHandler<{}>;
onKeyDown?: React.KeyboardEventHandler<{}>;
- rows?: number,
- rowsMax?: number,
+ rows?: number;
+ rowsMax?: number;
name?: string;
type?: string;
underlineDisabledStyle?: React.CSSProperties;
@@ -963,16 +962,16 @@ declare namespace __MaterialUI {
minDate?: Date;
mode?: "portrait" | "landscape";
okLabel?: React.ReactNode;
- onAccept?: (d: Date) => void;
- onDismiss?: () => void;
- onShow?: () => void;
- shouldDisableDate?: (day: Date) => boolean;
+ onAccept?(d: Date): void;
+ onDismiss?(): void;
+ onShow?(): void;
+ shouldDisableDate?(day: Date): boolean;
style?: React.CSSProperties;
utils?: propTypes.utils;
}
export class DatePickerDialog extends React.Component {
- public show(): void;
- public dismiss(): void;
+ show(): void;
+ dismiss(): void;
}
}
@@ -998,7 +997,7 @@ declare namespace __MaterialUI {
contentClassName?: string;
contentStyle?: React.CSSProperties;
modal?: boolean;
- onRequestClose?: (buttonClicked: boolean) => void;
+ onRequestClose?(buttonClicked: boolean): void;
open: boolean;
overlayClassName?: string;
overlayStyle?: React.CSSProperties;
@@ -1025,9 +1024,9 @@ declare namespace __MaterialUI {
containerStyle?: React.CSSProperties;
disableSwipeToOpen?: boolean;
docked?: boolean;
- onRequestChange?: (opening: boolean, reason: string) => void;
+ onRequestChange?(opening: boolean, reason: string): void;
open?: boolean;
- openSecondary?: Boolean;
+ openSecondary?: boolean;
overlayClassName?: string;
overlayStyle?: React.CSSProperties;
style?: React.CSSProperties;
@@ -1109,13 +1108,13 @@ declare namespace __MaterialUI {
leftAvatar?: React.ReactElement;
leftCheckbox?: React.ReactElement;
leftIcon?: React.ReactElement;
- nestedItems?: React.ReactElement[];
+ nestedItems?: Array>;
nestedLevel?: number;
nestedListStyle?: React.CSSProperties;
- onKeyboardFocus?: (e: React.FocusEvent<{}>, isKeyboardFocused: boolean) => void;
+ onKeyboardFocus?(e: React.FocusEvent<{}>, isKeyboardFocused: boolean): void;
onMouseEnter?: React.MouseEventHandler<{}>;
onMouseLeave?: React.MouseEventHandler<{}>;
- onNestedListToggle?: (item: ListItem) => void;
+ onNestedListToggle?(item: ListItem): void;
onTouchStart?: React.TouchEventHandler<{}>;
onTouchTap?: TouchTapEventHandler;
open?: boolean;
@@ -1134,7 +1133,7 @@ declare namespace __MaterialUI {
}
interface SelectableProps {
- onChange?: (e: TouchTapEvent, value: any) => void;
+ onChange?(e: TouchTapEvent, value: any): void;
selectedItemStyle?: React.CSSProperties;
value?: any;
}
@@ -1153,9 +1152,9 @@ declare namespace __MaterialUI {
listStyle?: React.CSSProperties;
maxHeight?: number;
multiple?: boolean;
- onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
+ onChange?(e: TouchTapEvent, itemValue: any | any[]): void;
onEscKeyDown?: React.KeyboardEventHandler<{}>;
- onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
+ onItemTouchTap?(e: TouchTapEvent, item: MenuItem): void;
onKeyDown?: React.KeyboardEventHandler<{}>;
selectedMenuItemStyle?: React.CSSProperties;
style?: React.CSSProperties;
@@ -1196,13 +1195,13 @@ declare namespace __MaterialUI {
iconButtonElement: React.ReactElement;
iconStyle?: React.CSSProperties;
menuStyle?: React.CSSProperties;
- onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
- onKeyboardFocus?: (e: React.FocusEvent<{}>, isKeyboardFocused: boolean) => void;
+ onItemTouchTap?(e: TouchTapEvent, item: MenuItem): void;
+ onKeyboardFocus?(e: React.FocusEvent<{}>, isKeyboardFocused: boolean): void;
onMouseDown?: React.MouseEventHandler<{}>;
onMouseEnter?: React.MouseEventHandler<{}>;
onMouseLeave?: React.MouseEventHandler<{}>;
onMouseUp?: React.MouseEventHandler<{}>;
- onRequestChange?: (opening: boolean, reason: string) => void;
+ onRequestChange?(opening: boolean, reason: string): void;
onTouchTap?: TouchTapEventHandler;
open?: boolean;
style?: React.CSSProperties;
@@ -1216,7 +1215,7 @@ declare namespace __MaterialUI {
listStyle?: React.CSSProperties;
maxHeight?: number;
multiple?: boolean;
- onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
+ onChange?(e: TouchTapEvent, itemValue: any | any[]): void;
onKeyDown?: React.KeyboardEventHandler<{}>;
selectedMenuItemStyle?: React.CSSProperties;
value?: any | any[];
@@ -1238,8 +1237,8 @@ declare namespace __MaterialUI {
listStyle?: React.CSSProperties;
maxHeight?: number;
menuStyle?: React.CSSProperties;
- onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
- onClose?: (e: TouchTapEvent) => void;
+ onChange?(e: TouchTapEvent, index: number, menuItemValue: any): void;
+ onClose?(e: TouchTapEvent): void;
openImmediately?: boolean;
style?: React.CSSProperties;
underlineStyle?: React.CSSProperties;
@@ -1285,7 +1284,7 @@ declare namespace __MaterialUI {
autoCloseWhenOffScreen?: boolean;
canAutoPosition?: boolean;
className?: string;
- onRequestClose?: (reason: string) => void;
+ onRequestClose?(reason: string): void;
open?: boolean;
style?: React.CSSProperties;
targetOrigin?: propTypes.origin;
@@ -1367,10 +1366,10 @@ declare namespace __MaterialUI {
labelStyle?: React.CSSProperties;
multiple?: boolean;
onBlur?: React.FocusEventHandler<{}>;
- onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
+ onChange?(e: TouchTapEvent, index: number, menuItemValue: any): void;
onFocus?: React.FocusEventHandler<{}>;
selectFieldRoot?: React.CSSProperties;
- selectionRenderer?: (value: any) => React.ReactNode;
+ selectionRenderer?(value: any): React.ReactNode;
style?: React.CSSProperties;
underlineDisabledStyle?: React.CSSProperties;
underlineFocusStyle?: React.CSSProperties;
@@ -1400,12 +1399,12 @@ declare namespace __MaterialUI {
min?: number;
name?: string;
onBlur?: React.FocusEventHandler<{}>;
- onChange?: (e: React.MouseEvent<{}>, value: number) => void;
+ onChange?(e: React.MouseEvent<{}>, value: number): void;
onDragStart?: React.MouseEventHandler<{}>;
onDragStop?: React.MouseEventHandler<{}>;
onFocus?: React.FocusEventHandler<{}>;
required?: boolean;
- sliderStyle?: React.CSSProperties,
+ sliderStyle?: React.CSSProperties;
step?: number;
style?: React.CSSProperties;
value?: number;
@@ -1414,7 +1413,6 @@ declare namespace __MaterialUI {
}
namespace Switches {
-
// what's not commonly overridden by Checkbox, RadioButton, or Toggle
interface CommonEnhancedSwitchProps extends React.InputHTMLAttributes<{}>, React.Props {
label?: React.ReactNode;
@@ -1439,8 +1437,8 @@ declare namespace __MaterialUI {
onMouseDown?: React.MouseEventHandler<{}>;
onMouseLeave?: React.MouseEventHandler<{}>;
onMouseUp?: React.MouseEventHandler<{}>;
- onParentShouldUpdate: (isInputChecked: boolean) => void;
- onSwitch?: (e: React.MouseEvent<{}>, isInputChecked: boolean) => void;
+ onParentShouldUpdate(isInputChecked: boolean): void;
+ onSwitch?(e: React.MouseEvent<{}>, isInputChecked: boolean): void;
onTouchEnd?: React.TouchEventHandler<{}>;
onTouchStart?: React.TouchEventHandler<{}>;
required?: boolean;
@@ -1469,7 +1467,7 @@ declare namespace __MaterialUI {
iconStyle?: React.CSSProperties;
labelPosition?: "left" | "right";
labelStyle?: React.CSSProperties;
- onCheck?: (event: React.MouseEvent<{}>, checked: boolean) => void;
+ onCheck?(event: React.MouseEvent<{}>, checked: boolean): void;
style?: React.CSSProperties;
uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
valueLink?: ReactLink;
@@ -1489,7 +1487,7 @@ declare namespace __MaterialUI {
iconStyle?: React.CSSProperties;
inputStyle?: React.CSSProperties;
labelStyle?: React.CSSProperties;
- onCheck?: (e: React.FormEvent<{}>, selected: string) => void;
+ onCheck?(e: React.FormEvent<{}>, selected: string): void;
style?: React.CSSProperties;
uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
value?: any;
@@ -1505,7 +1503,7 @@ declare namespace __MaterialUI {
defaultSelected?: any;
labelPosition?: "left" | "right";
name: string;
- onChange?: (e: React.FormEvent<{}>, selected: string) => void;
+ onChange?(e: React.FormEvent<{}>, selected: string): void;
style?: React.CSSProperties;
valueSelected?: any;
}
@@ -1527,7 +1525,7 @@ declare namespace __MaterialUI {
label?: string;
labelPosition?: "left" | "right";
labelStyle?: React.CSSProperties;
- onToggle?: (e: React.MouseEvent<{}>, isInputChecked: boolean) => void;
+ onToggle?(e: React.MouseEvent<{}>, isInputChecked: boolean): void;
rippleStyle?: React.CSSProperties;
style?: React.CSSProperties;
thumbStyle?: React.CSSProperties;
@@ -1552,7 +1550,7 @@ declare namespace __MaterialUI {
contentStyle?: React.CSSProperties;
message: React.ReactNode;
onActionTouchTap?: React.TouchEventHandler<{}>;
- onRequestClose?: (reason: string) => void;
+ onRequestClose?(reason: string): void;
open: boolean;
style?: React.CSSProperties;
}
@@ -1609,10 +1607,10 @@ declare namespace __MaterialUI {
message: string | JSX.Element;
onActionTouchTap?: React.TouchEventHandler<{}>;
/** @deprecated Use the open property to control the component instead */
- onDismiss?: () => void; // DEPRECATED
- onRequestClose: (reason: string) => void;
+ onDismiss?(): void; // DEPRECATED
+ onRequestClose(reason: string): void;
/** @deprecated Use the open property to control the component instead */
- onShow?: () => void; // DEPRECATED
+ onShow?(): void; // DEPRECATED
open: boolean;
/** @deprecated Use the open property to control the component instead */
openOnMount?: boolean; // DEPRECATED
@@ -1646,12 +1644,12 @@ declare namespace __MaterialUI {
headerStyle?: React.CSSProperties;
height?: string;
multiSelectable?: boolean;
- onCellClick?: (row: number, column: number) => void;
- onCellHover?: (row: number, column: number) => void;
- onCellHoverExit?: (row: number, column: number) => void;
- onRowHover?: (row: number) => void;
- onRowHoverExit?: (row: number) => void;
- onRowSelection?: (selectedRows: number[] | string) => void;
+ onCellClick?(row: number, column: number): void;
+ onCellHover?(row: number, column: number): void;
+ onCellHoverExit?(row: number, column: number): void;
+ onRowHover?(row: number): void;
+ onRowHoverExit?(row: number): void;
+ onRowSelection?(selectedRows: number[] | string): void;
selectable?: boolean;
style?: React.CSSProperties;
wrapperStyle?: React.CSSProperties;
@@ -1666,17 +1664,17 @@ declare namespace __MaterialUI {
hoverable?: boolean;
hovered?: boolean;
/** @deprecated Instead, use event handler on Table */
- onCellClick?: (e: React.MouseEvent<{}>, row: number, column: number) => void;
+ onCellClick?(e: React.MouseEvent<{}>, row: number, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onCellHover?: (e: React.MouseEvent<{}>, row: number, column: number) => void;
+ onCellHover?(e: React.MouseEvent<{}>, row: number, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onCellHoverExit?: (e: React.MouseEvent<{}>, row: number, column: number) => void;
+ onCellHoverExit?(e: React.MouseEvent<{}>, row: number, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onRowClick?: (e: React.MouseEvent<{}>, row: number) => void;
+ onRowClick?(e: React.MouseEvent<{}>, row: number): void;
/** @deprecated Instead, use event handler on Table */
- onRowHover?: (e: React.MouseEvent<{}>, row: number) => void;
+ onRowHover?(e: React.MouseEvent<{}>, row: number): void;
/** @deprecated Instead, use event handler on Table */
- onRowHoverExit?: (e: React.MouseEvent<{}>, row: number) => void;
+ onRowHoverExit?(e: React.MouseEvent<{}>, row: number): void;
rowNumber?: number;
selectable?: boolean;
selected?: boolean;
@@ -1693,11 +1691,11 @@ declare namespace __MaterialUI {
hoverable?: boolean;
key?: string;
/** @deprecated Instead, use event handler on Table */
- onClick?: (e: React.MouseEvent<{}>, column: number) => void;
+ onClick?(e: React.MouseEvent<{}>, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onHover?: (e: React.MouseEvent<{}>, column: number) => void;
+ onHover?(e: React.MouseEvent<{}>, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onHoverExit?: (e: React.MouseEvent<{}>, column: number) => void;
+ onHoverExit?(e: React.MouseEvent<{}>, column: number): void;
style?: React.CSSProperties;
// useful attributes passed to |
@@ -1713,7 +1711,7 @@ declare namespace __MaterialUI {
displaySelectAll?: boolean;
enableSelectAll?: boolean;
/** @deprecated Instead, use event handler on Table */
- onSelectAll?: (checked: boolean) => void;
+ onSelectAll?(checked: boolean): void;
/** @deprecated Instead, use event handler on Table */
selectAllSelected?: boolean;
style?: React.CSSProperties;
@@ -1726,7 +1724,7 @@ declare namespace __MaterialUI {
className?: string;
columnNumber?: number;
key?: string;
- onClick?: (e: React.MouseEvent<{}>, column: number) => void;
+ onClick?(e: React.MouseEvent<{}>, column: number): void;
style?: React.CSSProperties;
tooltip?: string;
tooltipStyle?: React.CSSProperties;
@@ -1747,17 +1745,17 @@ declare namespace __MaterialUI {
/** @deprecated Instead, use property on Table */
multiSelectable?: boolean;
/** @deprecated Instead, use event handler on Table */
- onCellClick?: (row: number, column: number) => void;
+ onCellClick?(row: number, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onCellHover?: (row: number, column: number) => void;
+ onCellHover?(row: number, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onCellHoverExit?: (row: number, column: number) => void;
+ onCellHoverExit?(row: number, column: number): void;
/** @deprecated Instead, use event handler on Table */
- onRowHover?: (row: number) => void;
+ onRowHover?(row: number): void;
/** @deprecated Instead, use event handler on Table */
- onRowHoverExit?: (row: number) => void;
+ onRowHoverExit?(row: number): void;
/** @deprecated Instead, use event handler on Table */
- onRowSelection?: (selectedRows: number[] | string) => void;
+ onRowSelection?(selectedRows: number[] | string): void;
preScanRows?: boolean;
/** @deprecated Instead, use property on Table */
selectable?: boolean;
@@ -1785,7 +1783,7 @@ declare namespace __MaterialUI {
contentContainerStyle?: React.CSSProperties;
initialSelectedIndex?: number;
inkBarStyle?: React.CSSProperties;
- onChange?: (value: any, e: React.FormEvent<{}>, tab: Tab) => void;
+ onChange?(value: any, e: React.FormEvent<{}>, tab: Tab): void;
style?: React.CSSProperties;
tabItemContainerStyle?: React.CSSProperties;
tabTemplate?: React.ComponentClass;
@@ -1800,7 +1798,7 @@ declare namespace __MaterialUI {
className?: string;
icon?: React.ReactNode;
label?: React.ReactNode;
- onActive?: (tab: Tab) => void;
+ onActive?(tab: Tab): void;
style?: React.CSSProperties;
value?: any;
disabled?: boolean;
@@ -1829,14 +1827,14 @@ declare namespace __MaterialUI {
multiLine?: boolean;
name?: string;
onBlur?: React.FocusEventHandler<{}>;
- onChange?: (e: React.FormEvent<{}>, newValue: string) => void;
+ onChange?(e: React.FormEvent<{}>, newValue: string): void;
onFocus?: React.FocusEventHandler<{}>;
onKeyDown?: React.KeyboardEventHandler<{}>;
onKeyUp?: React.KeyboardEventHandler<{}>;
onKeyPress?: React.KeyboardEventHandler<{}>;
required?: boolean;
- rows?: number,
- rowsMax?: number,
+ rows?: number;
+ rowsMax?: number;
style?: React.CSSProperties;
textareaStyle?: React.CSSProperties;
type?: string;
@@ -1874,10 +1872,10 @@ declare namespace __MaterialUI {
format?: "ampm" | "24hr";
minutesStep?: number;
okLabel?: React.ReactNode;
- onChange?: (e: any, time: Date) => void;
- onDismiss?: () => void;
+ onChange?(e: any, time: Date): void;
+ onDismiss?(): void;
onFocus?: React.FocusEventHandler<{}>;
- onShow?: () => void;
+ onShow?(): void;
onTouchTap?: TouchTapEventHandler;
pedantic?: boolean;
style?: React.CSSProperties;
@@ -1902,8 +1900,8 @@ declare namespace __MaterialUI {
name?: string;
onBlur?: React.FocusEventHandler<{}>;
onKeyDown?: React.KeyboardEventHandler<{}>;
- rows?: number,
- rowsMax?: number,
+ rows?: number;
+ rowsMax?: number;
textareaStyle?: React.CSSProperties;
type?: string;
underlineDisabledStyle?: React.CSSProperties;
@@ -1988,7 +1986,7 @@ declare namespace __MaterialUI {
toggleClass(el: Element, className: string): void;
withoutTransition(el: HTMLElement, callback: () => void): void;
}
- export var Dom: Dom;
+ export let Dom: Dom;
interface Events {
isKeyboard(e: Event): boolean;
@@ -1996,7 +1994,7 @@ declare namespace __MaterialUI {
on(el: Element, type: string, callback: EventListener): void;
once(el: Element, type: string, callback: EventListener): void;
}
- export var Events: Events;
+ export let Events: Events;
}
} // __MaterialUI
@@ -6924,7 +6922,7 @@ declare module 'material-ui/styles/MuiThemeProvider' {
declare module 'material-ui/styles/spacing' {
type Spacing = __MaterialUI.Styles.Spacing;
- var Spacing: Spacing;
+ let Spacing: Spacing;
export default Spacing;
}
@@ -7666,7 +7664,7 @@ declare namespace __MaterialUI.Styles {
darkWhite: string;
lightWhite: string;
}
- export var Colors: Colors;
+ export let Colors: Colors;
}
declare module "material-ui/svg-icons" {
@@ -8594,7 +8592,6 @@ declare module "material-ui/svg-icons" {
export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-half');
}
-
declare module 'material-ui/internal/AppCanvas' {
interface AppCanvasProps extends React.Props { }
class AppCanvas extends React.Component { }
@@ -8609,12 +8606,12 @@ declare module 'material-ui/internal/AutoLockScrolling' {
}
declare module 'material-ui/internal/BeforeAfterWrapper' {
interface BeforeAfterWrapperProps extends React.Props {
- afterElementType?: string,
- afterStyle?: React.CSSProperties,
- beforeElementType?: string,
- beforeStyle?: React.CSSProperties,
- elementType?: string,
- style?: React.CSSProperties,
+ afterElementType?: string;
+ afterStyle?: React.CSSProperties;
+ beforeElementType?: string;
+ beforeStyle?: React.CSSProperties;
+ elementType?: string;
+ style?: React.CSSProperties;
}
class BeforeAfterWrapper extends React.Component { }
export default BeforeAfterWrapper;
@@ -8638,7 +8635,7 @@ declare module 'material-ui/internal/ClearFix' {
}
declare module 'material-ui/internal/ClickAwayListener' {
interface ClickAwayListenerProps extends React.Props {
- onClickAway?: any,
+ onClickAway?: any;
}
class ClickAwayListener extends React.Component { }
export default ClickAwayListener;
@@ -8679,11 +8676,11 @@ declare module 'material-ui/internal/ExpandTransitionChild' {
}
declare module 'material-ui/internal/FocusRipple' {
interface FocusRippleProps extends React.Props {
- color?: string,
- innerStyle?: React.CSSProperties,
- opacity?: number,
- show?: boolean,
- style?: React.CSSProperties
+ color?: string;
+ innerStyle?: React.CSSProperties;
+ opacity?: number;
+ show?: boolean;
+ style?: React.CSSProperties;
}
class FocusRipple extends React.Component { }
export default FocusRipple;
@@ -8742,7 +8739,7 @@ declare module 'material-ui/internal/SlideIn' {
}
declare module 'material-ui/internal/SlideInChild' {
interface SlideInChildProps extends React.Props {
- direction?: string,
+ direction?: string;
enterDelay?: number;
getLeaveDirection: Function;
style?: React.CSSProperties;
@@ -8765,11 +8762,11 @@ declare module 'material-ui/internal/Tooltip' {
}
declare module 'material-ui/internal/TouchRipple' {
interface TouchRippleProps extends React.Props {
- abortOnScroll?: boolean,
+ abortOnScroll?: boolean;
centerRipple?: boolean;
color?: string;
opacity?: number;
- style?: React.CSSProperties
+ style?: React.CSSProperties;
}
class TouchRipple extends React.Component { }
export default TouchRipple;
diff --git a/types/material-ui/material-ui-tests.tsx b/types/material-ui/material-ui-tests.tsx
index 506d70bce8..c927fdd2e6 100644
--- a/types/material-ui/material-ui-tests.tsx
+++ b/types/material-ui/material-ui-tests.tsx
@@ -1,11 +1,11 @@
import * as React from 'react';
-import {Component, PropTypes} from 'react';
+import { Component, PropTypes } from 'react';
import * as ReactDOM from 'react-dom';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
-import {muiThemeable} from 'material-ui/styles/muiThemeable';
+import { muiThemeable } from 'material-ui/styles/muiThemeable';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
-import {MuiTheme} from 'material-ui/styles';
+import { MuiTheme } from 'material-ui/styles';
import AppBar from 'material-ui/AppBar';
import AutoComplete from 'material-ui/AutoComplete';
import Avatar from 'material-ui/Avatar';
@@ -38,19 +38,19 @@ import SvgIcon from 'material-ui/SvgIcon';
import TextField from 'material-ui/TextField';
import TimePicker from 'material-ui/TimePicker';
import Toggle from 'material-ui/Toggle';
-import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
-import {GridList, GridTile} from 'material-ui/GridList';
-import {makeSelectable} from 'material-ui/List';
-import {Menu} from 'material-ui/Menu';
-import {Popover, PopoverAnimationVertical} from 'material-ui/Popover';
-import {RadioButton, RadioButtonGroup} from 'material-ui/RadioButton';
-import {Step, Stepper, StepLabel, StepContent, StepButton} from 'material-ui/Stepper';
-import {BottomNavigation, BottomNavigationItem} from 'material-ui/BottomNavigation';
+import { Card, CardActions, CardHeader, CardMedia, CardTitle, CardText } from 'material-ui/Card';
+import { GridList, GridTile } from 'material-ui/GridList';
+import { makeSelectable } from 'material-ui/List';
+import { Menu } from 'material-ui/Menu';
+import { Popover, PopoverAnimationVertical } from 'material-ui/Popover';
+import { RadioButton, RadioButtonGroup } from 'material-ui/RadioButton';
+import { Step, Stepper, StepLabel, StepContent, StepButton } from 'material-ui/Stepper';
+import { BottomNavigation, BottomNavigationItem } from 'material-ui/BottomNavigation';
import {
Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter
-} from 'material-ui/Table';
-import {Tabs, Tab} from 'material-ui/Tabs';
-import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';
+ } from 'material-ui/Table';
+import { Tabs, Tab } from 'material-ui/Tabs';
+import { Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle } from 'material-ui/Toolbar';
import ActionAndroid from 'material-ui/svg-icons/action/android';
import ActionAssignment from 'material-ui/svg-icons/action/assignment';
import ActionFavorite from 'material-ui/svg-icons/action/favorite';
@@ -93,10 +93,9 @@ import {
cyan500, cyan700, grey100, grey300, grey400, grey500, pinkA200, white, darkBlack, fullBlack, blue300, indigo900,
orange200, deepOrange300, pink400, purple500, fullWhite, blue500, red500, greenA200, yellow500, transparent,
yellow600, indigo500, lightBlack, orange500
-} from 'material-ui/styles/colors';
-import {fade} from 'material-ui/utils/colorManipulator';
-import {default as withWidth} from 'material-ui/utils/withWidth';
-
+ } from 'material-ui/styles/colors';
+import { fade } from 'material-ui/utils/colorManipulator';
+import { default as withWidth } from 'material-ui/utils/withWidth';
import injectTapEventPlugin = require('react-tap-event-plugin');
@@ -304,7 +303,6 @@ const lightBaseTheme = {
const lightMuiTheme = getMuiTheme(lightBaseTheme);
-
class DeepDownTheTree extends React.Component<{} & {muiTheme: MuiTheme}> {
static propTypes: React.ValidationMap = {
muiTheme: React.PropTypes.object.isRequired,
@@ -319,7 +317,10 @@ class DeepDownTheTree extends React.Component<{} & {muiTheme: MuiTheme}> {
}
}
-type Props = { label: string, muiTheme?: MuiTheme };
+interface Props {
+ label: string;
+ muiTheme?: MuiTheme;
+}
const MuiThemeableFunction = muiThemeable(), Props>(props => {
return (
@@ -348,7 +349,6 @@ const MuiThemeableContainer = (props: {}) => (
);
-
// "http://www.material-ui.com/#/customization/inline-styles"
const InlineStylesCheckbox = () => (
(
/>
);
-
// "http://www.material-ui.com/#/components/app-bar"
const AppBarExampleIcon = () => (
(
// "http://www.material-ui.com/#/components/auto-complete"
export class AutoCompleteExampleSimple extends React.Component<{}, {dataSource: string[]}> {
-
constructor(props) {
super(props);
@@ -660,7 +658,6 @@ const AvatarExampleSimple = () => (
);
-
// "http://www.material-ui.com/#/components/badge"
const BadgeExampleSimple = () => (
@@ -698,7 +695,6 @@ const BadgeExampleContent = () => (
);
-
// "http://www.material-ui.com/#/components/flat-button"
const FlatButtonExampleSimple = () => (
@@ -754,7 +750,6 @@ const FlatButtonExampleIcon = () => (
);
-
// "http://www.material-ui.com/#/components/raised-button"
const RaisedButtonExampleSimple = () => (
@@ -811,7 +806,6 @@ const RaisedButtonExampleIcon = () => (
);
-
// "http://www.material-ui.com/#/components/floating-action-button"
const FloatingActionButtonExampleSimple = () => (
@@ -841,7 +835,6 @@ const FloatingActionButtonExampleSimple = () => (
);
-
// "http://www.material-ui.com/#/components/icon-button"
const IconButtonExampleSimple = () => (
@@ -950,7 +943,6 @@ const IconButtonExampleTouch = () => (
);
-
// "http://www.material-ui.com/#/components/card"
const CardExampleWithAvatar = () => (
@@ -1000,7 +992,6 @@ const CardExampleWithoutAvatar = () => (
);
class CardExampleControlled extends React.Component<{}, {expanded: boolean}> {
-
constructor(props) {
super(props);
this.state = {
@@ -1093,7 +1084,6 @@ class ChipExampleComplex extends React.Component {
}
}
-
// "http://www.material-ui.com/#/components/date-picker"
const DatePickerExampleSimple = () => (
@@ -1205,7 +1195,6 @@ class DatePickerExampleToggle extends React.Component<{}, DatePickerExampleToggl
}
class DatePickerExampleControlled extends React.Component<{}, {controlledDate?: Date}> {
-
constructor(props) {
super(props);
@@ -1270,7 +1259,6 @@ const DatePickerExampleInternational = () => (
);
-
// "http://material-ui.com/#/components/dialog"
class DialogExampleSimple extends React.Component<{}, {open?: boolean}> {
state = {
@@ -1549,7 +1537,6 @@ class DialogExampleAlert extends React.Component<{}, {open?: boolean}> {
}
}
-
// "http://www.material-ui.com/#/components/divider"
const DividerExampleForm = () => (
@@ -1587,10 +1574,8 @@ const DividerExampleMenu = () => (
);
-
// "http://www.material-ui.com/#/components/drawer"
class DrawerSimpleExample extends React.Component<{}, {open?: boolean}> {
-
constructor(props) {
super(props);
this.state = {open: false};
@@ -1615,7 +1600,6 @@ class DrawerSimpleExample extends React.Component<{}, {open?: boolean}> {
}
class DrawerUndockedExample extends React.Component<{}, {open?: boolean}> {
-
constructor(props) {
super(props);
this.state = {open: false};
@@ -1647,7 +1631,6 @@ class DrawerUndockedExample extends React.Component<{}, {open?: boolean}> {
}
class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
-
constructor(props) {
super(props);
this.state = {open: false};
@@ -1670,9 +1653,8 @@ class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
}
}
-
// "http://www.material-ui.com/#/components/grid-list"
-const tilesData: {img: string, title: string, author: string, featured?: boolean}[] = [
+const tilesData: Array<{img: string, title: string, author: string, featured?: boolean}> = [
{
img: 'images/grid-list/00-52-29-429_640.jpg',
title: 'Breakfast',
@@ -1763,7 +1745,6 @@ const GridListExampleComplex = () => (
);
-
// "http://www.material-ui.com/#/components/font-icon"
const FontIconExampleSimple = () => (
@@ -1796,7 +1777,6 @@ const FontIconExampleIcons = () => (
);
-
// "http://www.material-ui.com/#/components/svg-icon"
const HomeIcon = (props) => (
@@ -1821,7 +1801,6 @@ const SvgIconExampleIcons = () => (
);
-
// "http://material-ui.com/#/components/lists"
const ListExampleSimple = () => (
@@ -2337,7 +2316,6 @@ const ListExampleSelectable = () => (
);
-
// "http://www.material-ui.com/#/components/menu"
const MenuExampleSimple = () => (
@@ -2491,7 +2469,6 @@ const MenuExampleNested = () => (
);
-
// "http://www.material-ui.com/#/components/icon-menu"
const IconMenuExampleSimple = () => (
@@ -2725,10 +2702,8 @@ const IconMenuExampleNested = () => (
);
-
// "http://www.material-ui.com/#/components/dropdown-menu"
class DropDownMenuSimpleExample extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: 1};
@@ -2766,7 +2741,6 @@ class DropDownMenuSimpleExample extends React.Component<{}, {value?: number}> {
}
class DropDownMenuOpenImmediateExample extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: 2};
@@ -2787,13 +2761,12 @@ class DropDownMenuOpenImmediateExample extends React.Component<{}, {value?: numb
}
}
-const items: React.ReactElement<__MaterialUI.Menus.MenuItemProps>[] = [];
+const items: Array> = [];
for (let i = 0; i < 100; i++) {
items.push();
}
class DropDownMenuLongMenuExample extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: 10};
@@ -2811,7 +2784,6 @@ class DropDownMenuLongMenuExample extends React.Component<{}, {value?: number}>
}
class DropDownMenuLabeledExample extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: 2};
@@ -2831,7 +2803,6 @@ class DropDownMenuLabeledExample extends React.Component<{}, {value?: number}> {
}
}
-
// "http://material-ui.com/#/components/paper"
const PaperExampleSimple = () => (
@@ -2863,10 +2834,8 @@ const PaperExampleCircle = () => (
);
-
// "http://www.material-ui.com/#/components/popover"
class PopoverExampleSimple extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
-
constructor(props) {
super(props);
@@ -2918,7 +2887,6 @@ class PopoverExampleSimple extends React.Component<{}, {open?: boolean, anchorEl
}
class PopoverExampleAnimation extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
-
constructor(props) {
super(props);
@@ -2977,7 +2945,6 @@ interface PopoverExampleConfigurableState {
}
class PopoverExampleConfigurable extends React.Component<{}, PopoverExampleConfigurableState> {
-
constructor(props) {
super(props);
@@ -3127,7 +3094,6 @@ class PopoverExampleConfigurable extends React.Component<{}, PopoverExampleConfi
}
}
-
// "http://www.material-ui.com/#/components/circular-progress"
const CircularProgressExampleSimple = () => (
@@ -3177,7 +3143,6 @@ class CircularProgressExampleDeterminate extends React.Component<{}, {completed?
}
}
-
// "http://www.material-ui.com/#/components/linear-progress"
const LinearProgressExampleSimple = () => (
@@ -3219,7 +3184,6 @@ class LinearProgressExampleDeterminate extends React.Component<{}, {completed?:
}
}
-
// "http://www.material-ui.com/#/components/refresh-indicator"
const RefreshIndicatorExampleSimple = () => (
@@ -3280,10 +3244,8 @@ const RefreshIndicatorExampleLoading = () => (
);
-
// "http://www.material-ui.com/#/components/select-field"
class SelectFieldExampleSimple extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: 1};
@@ -3336,7 +3298,6 @@ class SelectFieldExampleSimple extends React.Component<{}, {value?: number}> {
}
class SelectFieldLongMenuExample extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: 10};
@@ -3354,7 +3315,6 @@ class SelectFieldLongMenuExample extends React.Component<{}, {value?: number}> {
}
class SelectFieldExampleCustomLabel extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: 1};
@@ -3383,7 +3343,6 @@ const itemsPeriod = [
];
export default class SelectFieldExampleFloatingLabel extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: null};
@@ -3417,7 +3376,6 @@ export default class SelectFieldExampleFloatingLabel extends React.Component<{},
}
class SelectFieldExampleError extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {value: null};
@@ -3467,7 +3425,6 @@ const names = [
];
class SelectFieldExampleMultiSelect extends React.Component<{}, {values?: string[]}> {
-
constructor(props) {
super(props);
this.state = {values: []};
@@ -3516,7 +3473,6 @@ const persons = [
];
class SelectFieldExampleSelectionRenderer extends React.Component<{}, {values?: string[]}> {
-
constructor(props) {
super(props);
this.state = {values: []};
@@ -3562,7 +3518,6 @@ class SelectFieldExampleSelectionRenderer extends React.Component<{}, {values?:
}
}
-
// "http://www.material-ui.com/#/components/slider"
const SliderExampleSimple = () => (
@@ -3585,7 +3540,6 @@ const SliderExampleStep = () => (
);
class SliderExampleControlled extends React.Component<{}, {firstSlider?: number, secondSlider?: number}> {
-
state = {
firstSlider: 0.5,
secondSlider: 50,
@@ -3630,7 +3584,6 @@ class SliderExampleControlled extends React.Component<{}, {firstSlider?: number,
}
}
-
// "http://www.material-ui.com/#/components/checkbox"
const CheckboxExampleSimple = () => (
@@ -3668,7 +3621,6 @@ const CheckboxExampleSimple = () => (
);
-
// "http://www.material-ui.com/#/components/radio-button"
const RadioButtonExampleSimple = () => (
@@ -3715,7 +3667,6 @@ const RadioButtonExampleSimple = () => (
);
-
// "http://www.material-ui.com/#/components/toggle"
const ToggleExampleSimple = () => (
@@ -3743,10 +3694,8 @@ const ToggleExampleSimple = () => (
);
-
// "http://material-ui.com/#/components/snackbar"
class SnackbarExampleSimple extends React.Component<{}, {open?: boolean}> {
-
constructor(props) {
super(props);
this.state = {
@@ -3786,7 +3735,6 @@ class SnackbarExampleSimple extends React.Component<{}, {open?: boolean}> {
}
class SnackbarExampleAction extends React.Component<{}, {open?: boolean, autoHideDuration?: number, message?: string}> {
-
constructor(props) {
super(props);
this.state = {
@@ -3849,7 +3797,6 @@ class SnackbarExampleAction extends React.Component<{}, {open?: boolean, autoHid
}
class SnackbarExampleTwice extends React.Component<{}, {open?: boolean, message?: string}> {
-
private timer: number;
constructor(props) {
@@ -3902,10 +3849,8 @@ class SnackbarExampleTwice extends React.Component<{}, {open?: boolean, message?
}
}
-
// "http://www.material-ui.com/#/components/stepper"
class HorizontalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
-
state = {
finished: false,
stepIndex: 0,
@@ -3994,7 +3939,6 @@ class HorizontalLinearStepper extends React.Component<{}, {stepIndex?: number, f
}
class VerticalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
-
state = {
finished: false,
stepIndex: 0,
@@ -4097,7 +4041,6 @@ class VerticalLinearStepper extends React.Component<{}, {stepIndex?: number, fin
}
class HorizontalNonLinearStepper extends React.Component<{}, {stepIndex?: number}> {
-
state = {
stepIndex: 0,
};
@@ -4175,7 +4118,6 @@ class HorizontalNonLinearStepper extends React.Component<{}, {stepIndex?: number
}
class VerticalNonLinear extends React.Component<{}, {stepIndex?: number}> {
-
state = {
stepIndex: 0,
};
@@ -4289,7 +4231,6 @@ const getStyles = () => {
};
class GranularControlStepper extends React.Component<{}, {stepIndex?: number, visited?: number[]}> {
-
state = {
stepIndex: null,
visited: [],
@@ -4392,7 +4333,6 @@ class GranularControlStepper extends React.Component<{}, {stepIndex?: number, vi
}
class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
-
state = {
stepIndex: 0,
};
@@ -4452,7 +4392,6 @@ class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
}
}
-
// "http://www.material-ui.com/#/components/subheader"
// Included in ListExampleChat and ListExampleFolder
@@ -4491,7 +4430,7 @@ const TableExampleSimple = () => (
);
-const tableData: {name: string, status: string, selected?: boolean}[] = [
+const tableData: Array<{name: string, status: string, selected?: boolean}> = [
{
name: 'John Smith',
status: 'Employed',
@@ -4538,7 +4477,6 @@ interface TableExampleComplexState {
}
class TableExampleComplex extends React.Component<{}, TableExampleComplexState> {
-
constructor(props) {
super(props);
@@ -4734,7 +4672,6 @@ const TabsExampleSimple = () => (
);
class TabsExampleControlled extends React.Component<{}, {value?: string}> {
-
constructor(props) {
super(props);
this.state = {
@@ -4804,7 +4741,6 @@ const TabsExampleIconText = () => (
);
-
// "http://www.material-ui.com/#/components/text-field"
const TextFieldExampleSimple = () => (
@@ -4941,7 +4877,6 @@ const TextFieldExampleDisabled = () => (
);
class TextFieldExampleControlled extends React.Component<{}, {value?: string}> {
-
constructor(props) {
super(props);
@@ -4988,7 +4923,6 @@ const TimePickerExampleSimple = () => (
);
class TimePickerExampleComplex extends React.Component<{}, {value24?: Date, value12?: Date}> {
-
constructor(props) {
super(props);
this.state = {value24: null, value12: null};
@@ -5032,10 +4966,8 @@ const TimePickerInternational = () => (
);
-
// "http://www.material-ui.com/#/components/toolbar"
class ToolbarExamplesSimple extends React.Component<{}, {value?: number}> {
-
constructor(props) {
super(props);
this.state = {
@@ -5086,7 +5018,7 @@ class BottomNavigationExample extends React.Component<{}, {
index?: number
}> {
constructor() {
- super()
+ super();
this.state = {
index: 0
};
@@ -5099,11 +5031,7 @@ class BottomNavigationExample extends React.Component<{}, {
}
}
-interface MaterialUiTestsState {
-}
-
-class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> {
-
+class MaterialUiTests extends React.Component<{}, {}> {
render() {
return (
diff --git a/types/material-ui/tslint.json b/types/material-ui/tslint.json
new file mode 100644
index 0000000000..e225711bd5
--- /dev/null
+++ b/types/material-ui/tslint.json
@@ -0,0 +1,9 @@
+{
+ "extends": "dtslint/dt.json",
+ "rules": {
+ "strict-export-declare-modifiers": false,
+ "no-empty-interface": false,
+ "dt-header": false,
+ "ban-types": false
+ }
+}
\ No newline at end of file