vhad/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/gosticks/DefinitelyTyped.git synced 2026-06-30 23:30:06 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Material UI] Fix AutoComplete props (#13506)

Browse Source 
* [Material UI] Fix AutoComplete errorText and hintText props and BottomNavigationItem icon and label props to be react nodes.

* [Material UI] Loosen AutoComplete data item to any as dataSourceConfig allows it to be configurable.
This commit is contained in:
Carson Full
2016-12-28 10:40:29 -06:00
committed by Andy
parent 14320b65b2
commit d89cced0ff
2 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
material-ui/index.d.ts vendored
View File

@@ -528,21 +528,19 @@ declare namespace __MaterialUI {
type cornersAndCenter = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
}
type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
interface AutoCompleteProps {
interface AutoCompleteProps<DataItem> {
anchorOrigin?: propTypes.origin;
animated?: boolean;
animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
dataSource: AutoCompleteDataSource;
dataSource: DataItem[];
dataSourceConfig?: { text: string; value: string; };
disableFocusRipple?: boolean;
errorStyle?: React.CSSProperties;
errorText?: string;
filter?: (searchText: string, key: string, item: AutoCompleteDataItem) => boolean;
errorText?: React.ReactNode;
filter?: (searchText: string, key: string, item: DataItem) => boolean;
floatingLabelText?: React.ReactNode;
fullWidth?: boolean;
hintText?: string;
hintText?: React.ReactNode;
listStyle?: React.CSSProperties;
maxSearchResults?: number;
menuCloseDelay?: number;
@@ -551,8 +549,8 @@ declare namespace __MaterialUI {
onBlur?: React.FocusEventHandler<{}>;
onFocus?: React.FocusEventHandler<{}>;
onKeyDown?: React.KeyboardEventHandler<{}>;
onNewRequest?: (chosenRequest: string, index: number) => void;
onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
onNewRequest?: (chosenRequest: DataItem, index: number) => void;
onUpdateInput?: (searchText: string, dataSource: DataItem[]) => void;
open?: boolean;
openOnFocus?: boolean;
popoverProps?: Popover.PopoverProps;
@@ -561,7 +559,7 @@ declare namespace __MaterialUI {
targetOrigin?: propTypes.origin;
textFieldStyle?: React.CSSProperties;
}
export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
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;
@@ -739,17 +737,17 @@ declare namespace __MaterialUI {
namespace BottomNavigation {
interface BottomNavigationProps {
selectedIndex?: number;
className?: string;
selectedIndex?: number;
style?: React.CSSProperties;
}
export class BottomNavigation extends React.Component<BottomNavigationProps, {}> { }
interface BottomNavigationItemProps extends SharedEnhancedButtonProps<BottomNavigationItem> {
label?: string;
icon?: any;
className?: string;
icon?: React.ReactNode;
label?: React.ReactNode;
}
export class BottomNavigationItem extends React.Component<BottomNavigationItemProps, {}> { }

9
material-ui/material-ui-tests.tsx
View File

@@ -422,7 +422,12 @@ export class AutoCompleteExampleSimple extends React.Component<{}, {dataSource:
/>
<AutoComplete
hintText="Type anything"
dataSource={this.state.dataSource}
dataSource={[
{
textKey: 'hello',
valueKey: 'world',
},
]}
dataSourceConfig={this.dataSourceConfig}
onUpdateInput={this.handleUpdateInput}
/>
@@ -4966,4 +4971,4 @@ class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> {
ReactDOM.render(
<MaterialUiTests />,
document.getElementById('app')
);
);