componentWillMount => UNSAFE_componentWillMount => componentDidMount

Author: tkrotoff

packages/react-form-with-constraints-material-ui/src/Material.tsx

@@ -43,7 +43,7 @@ export class FormControl extends React.Component<FormControlProps, FormControlSt
 
   /* eslint-disable react/destructuring-assignment */
 
-  componentWillMount() {
+  componentDidMount() {
     this.context.form.addFieldWillValidateEventListener(this.fieldWillValidate);
     this.context.form.addFieldDidValidateEventListener(this.fieldDidValidate);
     this.context.form.addFieldDidResetEventListener(this.fieldDidReset);
@@ -122,7 +122,7 @@ export class TextField extends React.Component<TextFieldProps, TextFieldState> {
 
   /* eslint-disable react/destructuring-assignment */
 
-  componentWillMount() {
+  componentDidMount() {
     this.context.form.addFieldWillValidateEventListener(this.fieldWillValidate);
     this.context.form.addFieldDidValidateEventListener(this.fieldDidValidate);
     this.context.form.addFieldDidResetEventListener(this.fieldDidReset);

packages/react-form-with-constraints-tools/src/DisplayFields.test.tsx

@@ -23,7 +23,7 @@ function shallow(node: React.ReactElement, options: { context: FormWithConstrain
   return _shallow(node, options);
 }
 
-test('componentWillMount() componentWillUnmount()', () => {
+test('componentDidMount() componentWillUnmount()', () => {
   const form = new FormWithConstraints({});
   const fieldsStoreAddListenerSpy = jest.spyOn(form.fieldsStore, 'addListener');
   const fieldsStoreRemoveListenerSpy = jest.spyOn(form.fieldsStore, 'removeListener');

packages/react-form-with-constraints-tools/src/DisplayFields.tsx

@@ -90,7 +90,7 @@ export class DisplayFields extends React.Component {
 
   /* eslint-disable react/destructuring-assignment */
 
-  componentWillMount() {
+  componentDidMount() {
     this.context.form.fieldsStore.addListener(FieldEvent.Added, this.reRender);
     this.context.form.fieldsStore.addListener(FieldEvent.Removed, this.reRender);
     this.context.form.addFieldDidValidateEventListener(this.reRender);

packages/react-form-with-constraints/src/Async.test.tsx

@@ -42,7 +42,7 @@ beforeEach(() => {
     { for: 'username', stop: 'no' },
     { form: form_username }
   );
-  fieldFeedbacks_username.componentWillMount(); // Needed because of fieldsStore.addField() inside componentWillMount()
+  fieldFeedbacks_username.componentDidMount(); // Needed because of fieldsStore.addField() inside componentDidMount()
 });
 
 test('constructor()', () => {
@@ -53,7 +53,7 @@ test('constructor()', () => {
   expect(async.state).toEqual({ status: Status.None });
 });
 
-test('componentWillMount() componentWillUnmount()', () => {
+test('componentDidMount() componentWillUnmount()', () => {
   const addValidateFieldEventListenerSpy = jest.spyOn(
     fieldFeedbacks_username,
     'addValidateFieldEventListener'

packages/react-form-with-constraints/src/Async.tsx

@@ -64,7 +64,7 @@ export class Async<T>
     status: Status.None
   };
 
-  componentWillMount() {
+  componentDidMount() {
     this.context.fieldFeedbacks.addValidateFieldEventListener(this.validate);
   }
 

packages/react-form-with-constraints/src/FieldFeedback.test.tsx

@@ -40,7 +40,7 @@ beforeEach(() => {
     { for: 'username', stop: 'no' },
     { form: form_username }
   );
-  fieldFeedbacks_username.componentWillMount(); // Needed because of fieldsStore.addField() inside componentWillMount()
+  fieldFeedbacks_username.componentDidMount(); // Needed because of fieldsStore.addField() inside componentDidMount()
 });
 
 describe('constructor()', () => {
@@ -81,7 +81,7 @@ describe('constructor()', () => {
   });
 });
 
-test('componentWillMount() componentWillUnmount()', () => {
+test('componentDidMount() componentWillUnmount()', () => {
   const addValidateFieldEventListenerSpy = jest.spyOn(
     fieldFeedbacks_username,
     'addValidateFieldEventListener'

packages/react-form-with-constraints/src/FieldFeedback.tsx

@@ -115,7 +115,7 @@ export class FieldFeedback<
     };
   }
 
-  componentWillMount() {
+  componentDidMount() {
     const { form, fieldFeedbacks, async } = this.context;
 
     if (async) async.addValidateFieldEventListener(this.validate);

packages/react-form-with-constraints/src/FieldFeedbackWhenValid.test.tsx

@@ -39,7 +39,7 @@ test('constructor()', () => {
   expect(fieldFeedbackWhenValid.state.fieldIsValid).toEqual(undefined);
 });
 
-test('componentWillMount() componentWillUnmount()', () => {
+test('componentDidMount() componentWillUnmount()', () => {
   const addFieldWillValidateEventListenerSpy = jest.spyOn(
     form_username,
     'addFieldWillValidateEventListener'

packages/react-form-with-constraints/src/FieldFeedbackWhenValid.tsx

@@ -35,7 +35,7 @@ export class FieldFeedbackWhenValid<
 
   /* eslint-disable react/destructuring-assignment */
 
-  componentWillMount() {
+  componentDidMount() {
     this.context.form.addFieldWillValidateEventListener(this.fieldWillValidate);
     this.context.form.addFieldDidValidateEventListener(this.fieldDidValidate);
     this.context.form.addFieldDidResetEventListener(this.fieldDidReset);

packages/react-form-with-constraints/src/FieldFeedbacks.test.tsx

@@ -82,7 +82,7 @@ test('computeFieldFeedbackKey()', () => {
   expect(fieldFeedbacks.computeFieldFeedbackKey()).toEqual('0.10');
 });
 
-describe('componentWillMount()', () => {
+describe('componentDidMount()', () => {
   test('initialize FieldsStore', () => {
     const form = new FormWithConstraints({});
     expect(form.fieldsStore.fields).toEqual([]);