diff --git a/CHANGELOG.md b/CHANGELOG.md index f6d54db36..c48cd564e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,11 @@ All notable changes to this project will be documented in this file. This project adheres to [Semantic Versioning](http://semver.org/). +## [Unreleased] +### Changed +- [#766](https://github.com/plotly/dash-core-components/pull/766) Update from React 16.8.6 to 16.13.0 + + ## [1.8.1] -2020-02-27 ### Added - [#760](https://github.com/plotly/dash-core-components/pull/760) Added R examples to package help diff --git a/package-lock.json b/package-lock.json index b21e642aa..863ef078b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "dash-core-components", - "version": "1.7.1", + "version": "1.8.1", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -13705,27 +13705,14 @@ } }, "react": { - "version": "16.8.6", - "resolved": "https://registry.npmjs.org/react/-/react-16.8.6.tgz", - "integrity": "sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==", + "version": "16.13.0", + "resolved": "https://registry.npmjs.org/react/-/react-16.13.0.tgz", + "integrity": "sha512-TSavZz2iSLkq5/oiE7gnFzmURKZMltmi193rm5HEoUDAXpzT9Kzw6oNZnGoai/4+fUnm7FqS5dwgUL34TujcWQ==", "dev": true, "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", - "prop-types": "^15.6.2", - "scheduler": "^0.13.6" - }, - "dependencies": { - "scheduler": { - "version": "0.13.6", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.13.6.tgz", - "integrity": "sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==", - "dev": true, - "requires": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1" - } - } + "prop-types": "^15.6.2" } }, "react-addons-shallow-compare": { @@ -13789,21 +13776,21 @@ } }, "react-dom": { - "version": "16.8.6", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.8.6.tgz", - "integrity": "sha512-1nL7PIq9LTL3fthPqwkvr2zY7phIPjYrT0jp4HjyEQrEROnw4dG41VVwi/wfoCneoleqrNX7iAD+pXebJZwrwA==", + "version": "16.13.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.13.0.tgz", + "integrity": "sha512-y09d2c4cG220DzdlFkPTnVvGTszVvNpC73v+AaLGLHbkpy3SSgvYq8x0rNwPJ/Rk/CicTNgk0hbHNw1gMEZAXg==", "dev": true, "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", "prop-types": "^15.6.2", - "scheduler": "^0.13.6" + "scheduler": "^0.19.0" }, "dependencies": { "scheduler": { - "version": "0.13.6", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.13.6.tgz", - "integrity": "sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==", + "version": "0.19.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.0.tgz", + "integrity": "sha512-xowbVaTPe9r7y7RUejcK73/j8tt2jfiyTednOvHbA8JoClvMYCp+r8QegLwK/n8zWQAtZb1fFnER4XLBZXrCxA==", "dev": true, "requires": { "loose-envify": "^1.1.0", diff --git a/package.json b/package.json index 8c264ce98..2d546ed7c 100644 --- a/package.json +++ b/package.json @@ -80,8 +80,8 @@ "jest": "^24.5.0", "npm-run-all": "^4.1.5", "prettier": "^1.14.2", - "react": "^16.8.6", - "react-dom": "^16.8.6", + "react": "16.13.0", + "react-dom": "16.13.0", "react-jsx-parser": "^1.21.0", "react-resize-detector": "^4.2.1", "style-loader": "^0.23.1", diff --git a/src/components/Graph.react.js b/src/components/Graph.react.js index eb8031413..05462332a 100644 --- a/src/components/Graph.react.js +++ b/src/components/Graph.react.js @@ -42,7 +42,7 @@ class PlotlyGraph extends Component { }); } - componentWillReceiveProps(nextProps) { + UNSAFE_componentWillReceiveProps(nextProps) { let extendData = this.state.extendData.slice(0); if (this.props.figure !== nextProps.figure) { diff --git a/src/components/Input.react.js b/src/components/Input.react.js index 50304459f..99573b493 100644 --- a/src/components/Input.react.js +++ b/src/components/Input.react.js @@ -30,7 +30,7 @@ export default class Input extends PureComponent { this.setPropValue = this.setPropValue.bind(this); } - componentWillReceiveProps(nextProps) { + UNSAFE_componentWillReceiveProps(nextProps) { const {value} = this.input.current; const valueAsNumber = convert(value); this.setInputValue( @@ -51,7 +51,7 @@ export default class Input extends PureComponent { ); } - componentWillMount() { + UNSAFE_componentWillMount() { if (this.props.type !== 'number') { this.setState({value: this.props.value}); } diff --git a/src/components/Interval.react.js b/src/components/Interval.react.js index 9a3c55c9e..f272d39b2 100644 --- a/src/components/Interval.react.js +++ b/src/components/Interval.react.js @@ -62,7 +62,7 @@ export default class Interval extends Component { this.handleTimer(this.props); } - componentWillReceiveProps(nextProps) { + UNSAFE_componentWillReceiveProps(nextProps) { if (nextProps.interval !== this.props.interval) { this.resetTimer(nextProps); } else { diff --git a/src/components/Location.react.js b/src/components/Location.react.js index 69bc18b35..c384d026a 100644 --- a/src/components/Location.react.js +++ b/src/components/Location.react.js @@ -106,7 +106,7 @@ export default class Location extends Component { this.updateLocation(this.props); } - componentWillReceiveProps(nextProps) { + UNSAFE_componentWillReceiveProps(nextProps) { this.updateLocation(nextProps); } diff --git a/src/components/Store.react.js b/src/components/Store.react.js index feb0d14aa..195f20e2e 100644 --- a/src/components/Store.react.js +++ b/src/components/Store.react.js @@ -143,7 +143,7 @@ export default class Store extends React.Component { } } - componentWillMount() { + UNSAFE_componentWillMount() { const {setProps, id, data, storage_type} = this.props; if (storage_type !== 'memory') { window.addEventListener('storage', this.onStorageChange); diff --git a/src/fragments/DatePickerRange.react.js b/src/fragments/DatePickerRange.react.js index aed8e3d41..f4c0a040a 100644 --- a/src/fragments/DatePickerRange.react.js +++ b/src/fragments/DatePickerRange.react.js @@ -35,11 +35,11 @@ export default class DatePickerRange extends Component { } } - componentWillReceiveProps(newProps) { + UNSAFE_componentWillReceiveProps(newProps) { this.propsToState(newProps); } - componentWillMount() { + UNSAFE_componentWillMount() { this.propsToState(this.props, true); } diff --git a/src/fragments/Dropdown.react.js b/src/fragments/Dropdown.react.js index f70f7bb33..d93e2b2b9 100644 --- a/src/fragments/Dropdown.react.js +++ b/src/fragments/Dropdown.react.js @@ -32,7 +32,7 @@ export default class Dropdown extends Component { }; } - componentWillReceiveProps(newProps) { + UNSAFE_componentWillReceiveProps(newProps) { if (newProps.options !== this.props.options) { this.setState({ filterOptions: createFilterOptions({ diff --git a/src/fragments/Graph.react.js b/src/fragments/Graph.react.js index 03c0bf3d7..bfe9fa22a 100644 --- a/src/fragments/Graph.react.js +++ b/src/fragments/Graph.react.js @@ -370,7 +370,7 @@ class PlotlyGraph extends Component { ); } - componentWillReceiveProps(nextProps) { + UNSAFE_componentWillReceiveProps(nextProps) { const idChanged = this.props.id !== nextProps.id; if (idChanged) { /* diff --git a/src/fragments/RangeSlider.react.js b/src/fragments/RangeSlider.react.js index d81052a59..932c6b5d8 100644 --- a/src/fragments/RangeSlider.react.js +++ b/src/fragments/RangeSlider.react.js @@ -26,7 +26,7 @@ export default class RangeSlider extends Component { } } - componentWillReceiveProps(newProps) { + UNSAFE_componentWillReceiveProps(newProps) { if (newProps.tooltip !== this.props.tooltip) { this.DashSlider = newProps.tooltip ? createSliderWithTooltip(Range) @@ -35,7 +35,7 @@ export default class RangeSlider extends Component { this.propsToState(newProps); } - componentWillMount() { + UNSAFE_componentWillMount() { this.propsToState(this.props); } diff --git a/src/fragments/Slider.react.js b/src/fragments/Slider.react.js index 6cf37a3d5..92e0f5fc1 100644 --- a/src/fragments/Slider.react.js +++ b/src/fragments/Slider.react.js @@ -29,7 +29,7 @@ export default class Slider extends Component { } } - componentWillReceiveProps(newProps) { + UNSAFE_componentWillReceiveProps(newProps) { if (newProps.tooltip !== this.props.tooltip) { this.DashSlider = newProps.tooltip ? createSliderWithTooltip(ReactSlider) @@ -38,7 +38,7 @@ export default class Slider extends Component { this.propsToState(newProps); } - componentWillMount() { + UNSAFE_componentWillMount() { this.propsToState(this.props); }