kylefang/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/zhigang1992/DefinitelyTyped.git synced 2026-04-21 05:20:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

[material-ui] Adds linting (#18189)

Browse Source 
* Adds props to GridTile

* Adds ts line

* Fixes lint array error

Array type using 'T[]' is forbidden for non-simple types. Use 'Array<T>' instead.

* Fixes lint consecutive blank line error

* Fixes whitespace and semicolon lint errors

* Fixes lint whitespace error

Don't use blank line after '{'

* Fixes lint type error

 Use an interface instead of a type literal

* Fixes lint interface error

 An empty interface is equivalent to `{}`.

* Lint: Replaces var with let

Do not use 'var'

* Lint: Prefer method signature

* Lint: Fixes array type

Array type using 'T[]' is forbidden for non-simple types. Use 'Array<T>'

* Lint: Fixes boolean type

 Don't use 'Boolean' as a type. Avoid using the `Boolean` type. Did you mean `boolean`?

* Lint: Ignore unneccesary exports

* Lint : fix errors

* Lint: adds missing semi-colons

* Lint: Removes spaces

* Lint: Ignore no empty interfaces (We could just delete them)

* Lint: Ignore "dt-header" (could remove patch number)

* Lint: Ignore ban-types so we can use Function

* Remove new props that I added

* Fixes var -> let over replacement
This commit is contained in:
Nick Graham
2017-07-22 14:16:13 -05:00
committed by Wesley Wigham
parent 69c1ab4f36
commit 4cfe41dc6b
3 changed files with 158 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
types/material-ui/index.d.ts vendored
View File

@@ -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<P> | React.StatelessComponent<P>,
@@ -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<Array<(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;
}
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<AutoCompleteProps<any>> {
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<CardExpandableProps> {
@@ -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<DatePickerDialogProps> {
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<any>;
leftCheckbox?: React.ReactElement<any>;
leftIcon?: React.ReactElement<any>;
nestedItems?: React.ReactElement<ListItemProps>[];
nestedItems?: Array<React.ReactElement<ListItemProps>>;
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<IconButtonProps>;
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<T> extends React.InputHTMLAttributes<{}>, React.Props<T> {
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<boolean>;
@@ -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 <td/>
@@ -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<any>;
@@ -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<AppCanvas> { }
class AppCanvas extends React.Component<AppCanvasProps> { }
@@ -8609,12 +8606,12 @@ declare module 'material-ui/internal/AutoLockScrolling' {
}
declare module 'material-ui/internal/BeforeAfterWrapper' {
interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
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<BeforeAfterWrapperProps> { }
export default BeforeAfterWrapper;
@@ -8638,7 +8635,7 @@ declare module 'material-ui/internal/ClearFix' {
}
declare module 'material-ui/internal/ClickAwayListener' {
interface ClickAwayListenerProps extends React.Props<ClickAwayListener> {
onClickAway?: any,
onClickAway?: any;
}
class ClickAwayListener extends React.Component<ClickAwayListenerProps> { }
export default ClickAwayListener;
@@ -8679,11 +8676,11 @@ declare module 'material-ui/internal/ExpandTransitionChild' {
}
declare module 'material-ui/internal/FocusRipple' {
interface FocusRippleProps extends React.Props<FocusRipple> {
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<FocusRippleProps> { }
export default FocusRipple;
@@ -8742,7 +8739,7 @@ declare module 'material-ui/internal/SlideIn' {
}
declare module 'material-ui/internal/SlideInChild' {
interface SlideInChildProps extends React.Props<SlideInChild> {
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<TouchRipple> {
abortOnScroll?: boolean,
abortOnScroll?: boolean;
centerRipple?: boolean;
color?: string;
opacity?: number;
style?: React.CSSProperties
style?: React.CSSProperties;
}
class TouchRipple extends React.Component<TouchRippleProps> { }
export default TouchRipple;

124
types/material-ui/material-ui-tests.tsx
View File

@@ -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<any> = {
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()<React.StatelessComponent<Props>, Props>(props => {
return (
<span style={{color: props.muiTheme.palette.textColor}}>
@@ -348,7 +349,6 @@ const MuiThemeableContainer = (props: {}) => (
</MuiThemeProvider>
);
// "http://www.material-ui.com/#/customization/inline-styles"
const InlineStylesCheckbox = () => (
<Checkbox
@@ -366,7 +366,6 @@ const InlineStylesCheckbox = () => (
/>
);
// "http://www.material-ui.com/#/components/app-bar"
const AppBarExampleIcon = () => (
<AppBar
@@ -406,7 +405,6 @@ const AppBarExampleIconMenu = () => (
// "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 = () => (
</List>
);
// "http://www.material-ui.com/#/components/badge"
const BadgeExampleSimple = () => (
<div>
@@ -698,7 +695,6 @@ const BadgeExampleContent = () => (
</div>
);
// "http://www.material-ui.com/#/components/flat-button"
const FlatButtonExampleSimple = () => (
<div>
@@ -754,7 +750,6 @@ const FlatButtonExampleIcon = () => (
</div>
);
// "http://www.material-ui.com/#/components/raised-button"
const RaisedButtonExampleSimple = () => (
<div>
@@ -811,7 +806,6 @@ const RaisedButtonExampleIcon = () => (
</div>
);
// "http://www.material-ui.com/#/components/floating-action-button"
const FloatingActionButtonExampleSimple = () => (
<div>
@@ -841,7 +835,6 @@ const FloatingActionButtonExampleSimple = () => (
</div>
);
// "http://www.material-ui.com/#/components/icon-button"
const IconButtonExampleSimple = () => (
<div>
@@ -950,7 +943,6 @@ const IconButtonExampleTouch = () => (
</div>
);
// "http://www.material-ui.com/#/components/card"
const CardExampleWithAvatar = () => (
<Card>
@@ -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 = () => (
<div>
@@ -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 = () => (
</div>
);
// "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 = () => (
<Paper zDepth={2}>
@@ -1587,10 +1574,8 @@ const DividerExampleMenu = () => (
</Menu>
);
// "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 = () => (
</div>
);
// "http://www.material-ui.com/#/components/font-icon"
const FontIconExampleSimple = () => (
<div>
@@ -1796,7 +1777,6 @@ const FontIconExampleIcons = () => (
</div>
);
// "http://www.material-ui.com/#/components/svg-icon"
const HomeIcon = (props) => (
<SvgIcon {...props}>
@@ -1821,7 +1801,6 @@ const SvgIconExampleIcons = () => (
</div>
);
// "http://material-ui.com/#/components/lists"
const ListExampleSimple = () => (
<Paper>
@@ -2337,7 +2316,6 @@ const ListExampleSelectable = () => (
</Paper>
);
// "http://www.material-ui.com/#/components/menu"
const MenuExampleSimple = () => (
<div>
@@ -2491,7 +2469,6 @@ const MenuExampleNested = () => (
</div>
);
// "http://www.material-ui.com/#/components/icon-menu"
const IconMenuExampleSimple = () => (
<div>
@@ -2725,10 +2702,8 @@ const IconMenuExampleNested = () => (
</div>
);
// "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<React.ReactElement<__MaterialUI.Menus.MenuItemProps>> = [];
for (let i = 0; i < 100; i++) {
items.push(<MenuItem value={i} key={i} primaryText={`Item ${i}`}/>);
}
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 = () => (
<div>
@@ -2863,10 +2834,8 @@ const PaperExampleCircle = () => (
</div>
);
// "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 = () => (
<div>
@@ -3177,7 +3143,6 @@ class CircularProgressExampleDeterminate extends React.Component<{}, {completed?
}
}
// "http://www.material-ui.com/#/components/linear-progress"
const LinearProgressExampleSimple = () => (
<LinearProgress mode="indeterminate"/>
@@ -3219,7 +3184,6 @@ class LinearProgressExampleDeterminate extends React.Component<{}, {completed?:
}
}
// "http://www.material-ui.com/#/components/refresh-indicator"
const RefreshIndicatorExampleSimple = () => (
<div style={styles.container}>
@@ -3280,10 +3244,8 @@ const RefreshIndicatorExampleLoading = () => (
</div>
);
// "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 = () => (
<div>
@@ -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 = () => (
<div style={styles.block}>
@@ -3668,7 +3621,6 @@ const CheckboxExampleSimple = () => (
</div>
);
// "http://www.material-ui.com/#/components/radio-button"
const RadioButtonExampleSimple = () => (
<div>
@@ -3715,7 +3667,6 @@ const RadioButtonExampleSimple = () => (
</div>
);
// "http://www.material-ui.com/#/components/toggle"
const ToggleExampleSimple = () => (
<div style={styles.block}>
@@ -3743,10 +3694,8 @@ const ToggleExampleSimple = () => (
</div>
);
// "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 = () => (
</Table>
);
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 = () => (
</Tabs>
);
// "http://www.material-ui.com/#/components/text-field"
const TextFieldExampleSimple = () => (
<div>
@@ -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 = () => (
</div>
);
// "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 (
<MuiThemeProvider muiTheme={getMuiTheme()}>

9
types/material-ui/tslint.json Normal file
View File

@@ -0,0 +1,9 @@
{
"extends": "dtslint/dt.json",
"rules": {
"strict-export-declare-modifiers": false,
"no-empty-interface": false,
"dt-header": false,
"ban-types": false
}
}