chore(mixed): renamed unsafe lifecycle methods

Executed via `npx react-codemod rename-unsafe-lifecycles --parser babel` Disabled lint issues for updated lines. Closes Semantic-Org#3741 Related to Semantic-Org#2732
jmyrland · Aug 15, 2019 · 5bb3e90 · 5bb3e90
1 parent 9bcc76a
commit 5bb3e90
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 12 deletions.
diff --git a/src/addons/TransitionablePortal/TransitionablePortal.js b/src/addons/TransitionablePortal/TransitionablePortal.js
@@ -76,7 +76,8 @@ export default class TransitionablePortal extends Component {
   // Lifecycle
   // ----------------------------------------
 
-  componentWillReceiveProps({ open }) {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps({ open }) {
     debug('componentWillReceiveProps()', { open })
 
     this.setState({ portalOpen: open })

diff --git a/src/behaviors/Visibility/Visibility.js b/src/behaviors/Visibility/Visibility.js
@@ -188,7 +188,8 @@ export default class Visibility extends Component {
   // Lifecycle
   // ----------------------------------------
 
-  componentWillReceiveProps({ continuous, once, context, updateOn }) {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps({ continuous, once, context, updateOn }) {
     const cleanHappened =
       continuous !== this.props.continuous ||
       once !== this.props.once ||

diff --git a/src/lib/AutoControlledComponent.js b/src/lib/AutoControlledComponent.js
@@ -162,7 +162,8 @@ export default class AutoControlledComponent extends Component {
     this.state = { ...state, ...initialAutoControlledState }
   }
 
-  componentWillReceiveProps(nextProps) {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { autoControlledProps } = this.constructor
 
     // Solve the next state for autoControlledProps

diff --git a/src/modules/Dropdown/Dropdown.js b/src/modules/Dropdown/Dropdown.js
@@ -391,7 +391,8 @@ export default class Dropdown extends Component {
     return { focus: false, searchQuery: '' }
   }
 
-  componentWillMount() {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillMount() {
     debug('componentWillMount()')
     const { open, value } = this.state
 
@@ -403,8 +404,9 @@ export default class Dropdown extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
-    super.componentWillReceiveProps(nextProps)
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    super.UNSAFE_componentWillReceiveProps(nextProps)
     debug('componentWillReceiveProps()')
     debug('to props:', objectDiff(this.props, nextProps))
 

diff --git a/src/modules/Search/Search.js b/src/modules/Search/Search.js
@@ -191,16 +191,18 @@ export default class Search extends Component {
   static Result = SearchResult
   static Results = SearchResults
 
-  componentWillMount() {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillMount() {
     debug('componentWillMount()')
     const { open, value } = this.state
 
     this.setValue(value)
     if (open) this.open()
   }
 
-  componentWillReceiveProps(nextProps) {
-    super.componentWillReceiveProps(nextProps)
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    super.UNSAFE_componentWillReceiveProps(nextProps)
     debug('componentWillReceiveProps()')
     debug('changed props:', objectDiff(nextProps, this.props))
 

diff --git a/src/modules/Sticky/Sticky.js b/src/modules/Sticky/Sticky.js
@@ -104,7 +104,8 @@ export default class Sticky extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { active: current, scrollContext: currentScrollContext } = this.props
     const { active: next, scrollContext: nextScrollContext } = nextProps
 

diff --git a/src/modules/Transition/Transition.js b/src/modules/Transition/Transition.js
@@ -120,7 +120,8 @@ export default class Transition extends Component {
     this.updateStatus()
   }
 
-  componentWillReceiveProps(nextProps) {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps(nextProps) {
     debug('componentWillReceiveProps()')
 
     const { current: status, next } = this.computeStatuses(nextProps)

diff --git a/src/modules/Transition/TransitionGroup.js b/src/modules/Transition/TransitionGroup.js
@@ -58,7 +58,8 @@ export default class TransitionGroup extends React.Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  // eslint-disable-next-line camelcase
+  UNSAFE_componentWillReceiveProps(nextProps) {
     debug('componentWillReceiveProps()')
 
     const { children: prevMapping } = this.state