diff --git a/docs/src/app/components/pages/customization/Themes.js b/docs/src/app/components/pages/customization/Themes.js
index 64643d8c49af40..90f5050129ae57 100644
--- a/docs/src/app/components/pages/customization/Themes.js
+++ b/docs/src/app/components/pages/customization/Themes.js
@@ -253,8 +253,8 @@ class ThemesPage extends Component {
open={this.state.drawerOpen} docked={false}
onRequestChange={this.handleRequestChangeDrawer}
>
-
-
+
+
diff --git a/src/AutoComplete/AutoComplete.js b/src/AutoComplete/AutoComplete.js
index 8278d084d30c57..dcfdb7b352629c 100644
--- a/src/AutoComplete/AutoComplete.js
+++ b/src/AutoComplete/AutoComplete.js
@@ -163,7 +163,7 @@ class AutoComplete extends Component {
/**
* If true, will update when focus event triggers.
*/
- triggerUpdateOnFocus: deprecated(PropTypes.bool, 'Instead, use openOnFocus'),
+ triggerUpdateOnFocus: deprecated(PropTypes.bool, 'Instead, use openOnFocus. It will be removed with v0.16.0.'),
};
static defaultProps = {
@@ -239,7 +239,8 @@ class AutoComplete extends Component {
};
setValue(textValue) {
- warning(false, 'setValue() is deprecated, use the searchText property.');
+ warning(false, `setValue() is deprecated, use the searchText property.
+ It will be removed with v0.16.0.`);
this.setState({
searchText: textValue,
@@ -247,7 +248,7 @@ class AutoComplete extends Component {
}
getValue() {
- warning(false, 'getValue() is deprecated.');
+ warning(false, 'getValue() is deprecated. It will be removed with v0.16.0.');
return this.state.searchText;
}
@@ -393,7 +394,7 @@ class AutoComplete extends Component {
onNewRequest, // eslint-disable-line no-unused-vars
onUpdateInput, // eslint-disable-line no-unused-vars
openOnFocus, // eslint-disable-line no-unused-vars
- searchText: searchTextProps, // eslint-disable-line no-unused-vars
+ searchText: searchTextProp, // eslint-disable-line no-unused-vars
...other,
} = this.props;
diff --git a/src/Badge/Badge.spec.js b/src/Badge/Badge.spec.js
index 06671d5bacdc47..5d31f1afe9f186 100644
--- a/src/Badge/Badge.spec.js
+++ b/src/Badge/Badge.spec.js
@@ -35,7 +35,7 @@ describe('', () => {
it('renders children by default', () => {
const wrapper = shallowWithContext(
- {testChildren}
+ {testChildren}
);
assert.ok(wrapper.contains(testChildren), 'should contain the children');
@@ -43,7 +43,7 @@ describe('', () => {
it('renders children and className', () => {
const wrapper = shallowWithContext(
- {testChildren}
+ {testChildren}
);
assert.ok(wrapper.contains(testChildren), 'should contain the children');
@@ -79,7 +79,7 @@ describe('', () => {
backgroundColor: 'red',
};
const wrapper = shallowWithContext(
- {testChildren}
+ {testChildren}
);
assert.ok(wrapper.contains(testChildren), 'should contain the children');
diff --git a/src/Card/Card.js b/src/Card/Card.js
index 1cdd9a8b676f93..b9fc771e13bf5e 100644
--- a/src/Card/Card.js
+++ b/src/Card/Card.js
@@ -85,7 +85,7 @@ class Card extends Component {
containerStyle,
children,
expandable, // eslint-disable-line no-unused-vars
- expanded: expandedProps, // eslint-disable-line no-unused-vars
+ expanded: expandedProp, // eslint-disable-line no-unused-vars
initiallyExpanded, // eslint-disable-line no-unused-vars
onExpandChange, // eslint-disable-line no-unused-vars
...other,
diff --git a/src/Card/CardHeader.js b/src/Card/CardHeader.js
index 343f4a03329a18..e7cf3cad81e6cc 100644
--- a/src/Card/CardHeader.js
+++ b/src/Card/CardHeader.js
@@ -105,7 +105,7 @@ class CardHeader extends Component {
render() {
const {
actAsExpander, // eslint-disable-line no-unused-vars
- avatar: avatarProps,
+ avatar: avatarProp,
children,
showExpandableButton, // eslint-disable-line no-unused-vars
style,
@@ -120,14 +120,14 @@ class CardHeader extends Component {
const {prepareStyles} = this.context.muiTheme;
const styles = getStyles(this.props, this.context);
- let avatar = avatarProps;
+ let avatar = avatarProp;
- if (isValidElement(avatarProps)) {
+ if (isValidElement(avatarProp)) {
avatar = React.cloneElement(avatar, {
style: Object.assign(styles.avatar, avatar.props.style),
});
} else if (avatar !== null) {
- avatar = ;
+ avatar = ;
}
return (
diff --git a/src/Checkbox/Checkbox.js b/src/Checkbox/Checkbox.js
index e79aa6fab642db..d71b2818a7cfca 100644
--- a/src/Checkbox/Checkbox.js
+++ b/src/Checkbox/Checkbox.js
@@ -109,7 +109,7 @@ class Checkbox extends Component {
* This is useful to create icon toggles.
*/
unCheckedIcon: deprecated(PropTypes.element,
- 'Use uncheckedIcon instead.'),
+ 'Use uncheckedIcon instead. It will be removed with v0.16.0.'),
/**
* The SvgIcon to use for the unchecked state.
* This is useful to create icon toggles.
diff --git a/src/DatePicker/DatePicker.js b/src/DatePicker/DatePicker.js
index ce61c9034dae05..b8cee6ed729f7e 100644
--- a/src/DatePicker/DatePicker.js
+++ b/src/DatePicker/DatePicker.js
@@ -137,7 +137,8 @@ class DatePicker extends Component {
/**
* Wordings used inside the button of the dialog.
*/
- wordings: deprecated(PropTypes.object, 'Instead, use `cancelLabel` and `okLabel`.'),
+ wordings: deprecated(PropTypes.object, `Instead, use \`cancelLabel\` and \`okLabel\`.
+ It will be removed with v0.16.0.`),
};
static defaultProps = {
@@ -269,6 +270,7 @@ class DatePicker extends Component {
dialogContainerStyle,
disableYearSelection,
firstDayOfWeek,
+ formatDate: formatDateProp,
locale,
maxDate,
minDate,
@@ -286,7 +288,7 @@ class DatePicker extends Component {
} = this.props;
const {prepareStyles} = this.context.muiTheme;
- const formatDate = this.props.formatDate || this.formatDate;
+ const formatDate = formatDateProp || this.formatDate;
return (
diff --git a/src/DatePicker/DatePickerDialog.js b/src/DatePicker/DatePickerDialog.js
index 4306b05365962a..554fb566e07aaf 100644
--- a/src/DatePicker/DatePickerDialog.js
+++ b/src/DatePicker/DatePickerDialog.js
@@ -33,10 +33,10 @@ class DatePickerDialog extends Component {
static defaultProps = {
DateTimeFormat: dateTimeFormat,
+ cancelLabel: 'Cancel',
container: 'dialog',
locale: 'en-US',
okLabel: 'OK',
- cancelLabel: 'Cancel',
};
static contextTypes = {
@@ -48,14 +48,20 @@ class DatePickerDialog extends Component {
};
show = () => {
- if (this.props.onShow && !this.state.open) this.props.onShow();
+ if (this.props.onShow && !this.state.open) {
+ this.props.onShow();
+ }
+
this.setState({
open: true,
});
};
dismiss = () => {
- if (this.props.onDismiss && this.state.open) this.props.onDismiss();
+ if (this.props.onDismiss && this.state.open) {
+ this.props.onDismiss();
+ }
+
this.setState({
open: false,
});
@@ -96,6 +102,7 @@ class DatePickerDialog extends Component {
render() {
const {
DateTimeFormat,
+ autoOk,
cancelLabel,
container,
containerStyle,
@@ -108,6 +115,8 @@ class DatePickerDialog extends Component {
mode,
okLabel,
onAccept, // eslint-disable-line no-unused-vars
+ onDismiss, // eslint-disable-line no-unused-vars
+ onShow, // eslint-disable-line no-unused-vars
shouldDisableDate,
style, // eslint-disable-line no-unused-vars
wordings,
@@ -147,7 +156,7 @@ class DatePickerDialog extends Component {
onKeyUp={this.handleWindowKeyUp}
/>
{},
onMouseEnter: () => {},
onMouseUp: () => {},
- onTouchTap: () => {},
onRequestChange: () => {},
+ onTouchTap: () => {},
targetOrigin: {
vertical: 'top',
horizontal: 'left',
@@ -233,10 +233,12 @@ class IconMenu extends Component {
onMouseLeave,
onMouseEnter,
onMouseUp,
+ onRequestChange, // eslint-disable-line no-unused-vars
onTouchTap,
menuStyle,
style,
targetOrigin,
+ touchTapCloseDelay, // eslint-disable-line no-unused-vars
useLayerForClickAway,
...other,
} = this.props;
@@ -270,7 +272,6 @@ class IconMenu extends Component {
const menu = (