Merge pull request jpuri#895 from pdandradeb/master

Renaming componentWillMount and componentWillReceiveProps method to t…
p00000001 · Dec 10, 2019 · 94ecf73 · 94ecf73
2 parents 71185a2 + 977c290
commit 94ecf73
Show file tree

Hide file tree

Showing 21 changed files with 31 additions and 31 deletions.
diff --git a/src/Editor/index.js b/src/Editor/index.js
@@ -120,7 +120,7 @@ export default class WysiwygEditor extends Component {
     this.customStyleMap = this.getStyleMap(props);
   }
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     this.compositeDecorator = this.getCompositeDecorator();
     const editorState = this.createEditorState(this.compositeDecorator);
     extractInlineStyle(editorState);
@@ -134,7 +134,7 @@ export default class WysiwygEditor extends Component {
   }
   // todo: change decorators depending on properties recceived in componentWillReceiveProps.
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     const newState = {};
     if (this.props.toolbar !== props.toolbar) {
       const toolbar = mergeRecursive(defaultToolbar, props.toolbar);

diff --git a/src/components/Dropdown/Dropdown/index.js b/src/components/Dropdown/Dropdown/index.js
@@ -25,7 +25,7 @@ export default class Dropdown extends Component {
     highlighted: -1,
   };
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (this.props.expanded && !props.expanded) {
       this.setState({
         highlighted: -1,

diff --git a/src/controls/BlockType/Component/index.js b/src/controls/BlockType/Component/index.js
@@ -27,7 +27,7 @@ class LayoutComponent extends Component {
     };
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     if (this.props.translations !== properties.translations) {
       this.setState({
         blockTypes: this.getBlockTypes(properties.translations),

diff --git a/src/controls/BlockType/index.js b/src/controls/BlockType/index.js
@@ -21,7 +21,7 @@ class BlockType extends Component {
     currentBlockType: 'unstyled',
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({
@@ -31,7 +31,7 @@ class BlockType extends Component {
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     if (properties.editorState &&
       this.props.editorState !== properties.editorState) {
       this.setState({

diff --git a/src/controls/ColorPicker/Component/index.js b/src/controls/ColorPicker/Component/index.js
@@ -22,7 +22,7 @@ class LayoutComponent extends Component {
     currentStyle: 'color',
   };
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (!this.props.expanded && props.expanded) {
       this.setState({
         currentStyle: 'color',

diff --git a/src/controls/ColorPicker/index.js b/src/controls/ColorPicker/index.js
@@ -24,7 +24,7 @@ class ColorPicker extends Component {
     currentBgColor: undefined,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({
@@ -35,7 +35,7 @@ class ColorPicker extends Component {
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     const newState = {};
     if (properties.editorState &&
       this.props.editorState !== properties.editorState) {

diff --git a/src/controls/Embedded/Component/index.js b/src/controls/Embedded/Component/index.js
@@ -24,7 +24,7 @@ class LayoutComponent extends Component {
     width: this.props.config.defaultSize.width,
   };
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (this.props.expanded && !props.expanded) {
       const { height, width } = this.props.config.defaultSize;
       this.setState({

diff --git a/src/controls/Embedded/index.js b/src/controls/Embedded/index.js
@@ -19,7 +19,7 @@ class Embedded extends Component {
     expanded: false,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { modalHandler } = this.props;
     modalHandler.registerCallBack(this.expandCollapse);
   }

diff --git a/src/controls/Emoji/index.js b/src/controls/Emoji/index.js
@@ -19,7 +19,7 @@ export default class Emoji extends Component {
     expanded: false,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { modalHandler } = this.props;
     modalHandler.registerCallBack(this.expandCollapse);
   }

diff --git a/src/controls/FontFamily/index.js b/src/controls/FontFamily/index.js
@@ -23,7 +23,7 @@ export default class FontFamily extends Component {
     currentFontFamily: undefined,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({
@@ -33,7 +33,7 @@ export default class FontFamily extends Component {
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     if (properties.editorState &&
       this.props.editorState !== properties.editorState) {
       this.setState({

diff --git a/src/controls/FontSize/index.js b/src/controls/FontSize/index.js
@@ -23,7 +23,7 @@ export default class FontSize extends Component {
     currentFontSize: undefined,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({
@@ -34,7 +34,7 @@ export default class FontSize extends Component {
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     if (properties.editorState &&
       this.props.editorState !== properties.editorState) {
       this.setState({

diff --git a/src/controls/History/index.js b/src/controls/History/index.js
@@ -21,7 +21,7 @@ export default class History extends Component {
     redoDisabled: false,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({
@@ -32,7 +32,7 @@ export default class History extends Component {
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     if (properties.editorState &&
       this.props.editorState !== properties.editorState) {
       this.setState({

diff --git a/src/controls/Image/Component/index.js b/src/controls/Image/Component/index.js
@@ -28,7 +28,7 @@ class LayoutComponent extends Component {
     alt: '',
   };
 
-  componentWillReceiveProps(props: Object): void {
+  UNSAFE_componentWillReceiveProps(props: Object): void {
     if (this.props.expanded && !props.expanded) {
       this.setState({
         imgSrc: '',

diff --git a/src/controls/Image/index.js b/src/controls/Image/index.js
@@ -19,7 +19,7 @@ class ImageControl extends Component {
     expanded: false,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { modalHandler } = this.props;
     modalHandler.registerCallBack(this.expandCollapse);
   }

diff --git a/src/controls/Inline/index.js b/src/controls/Inline/index.js
@@ -21,7 +21,7 @@ export default class Inline extends Component {
     currentStyles: {},
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({
@@ -31,7 +31,7 @@ export default class Inline extends Component {
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     if (properties.editorState &&
       this.props.editorState !== properties.editorState) {
       this.setState({

diff --git a/src/controls/Link/Component/index.js b/src/controls/Link/Component/index.js
@@ -29,7 +29,7 @@ class LayoutComponent extends Component {
     linkTargetOption: this.props.config.defaultTargetOption,
   };
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (this.props.expanded && !props.expanded) {
       this.setState({
         showModal: false,

diff --git a/src/controls/Link/index.js b/src/controls/Link/index.js
@@ -33,7 +33,7 @@ class Link extends Component {
     selectionText: undefined
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({
@@ -43,7 +43,7 @@ class Link extends Component {
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     const newState = {};
     if (
       properties.editorState &&

diff --git a/src/controls/List/index.js b/src/controls/List/index.js
@@ -21,15 +21,15 @@ export default class List extends Component {
     currentBlock: undefined,
   };
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { editorState, modalHandler } = this.props;
     if (editorState) {
       this.setState({ currentBlock: getSelectedBlock(editorState) });
     }
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties: Object): void {
+  UNSAFE_componentWillReceiveProps(properties: Object): void {
     if (properties.editorState &&
       this.props.editorState !== properties.editorState) {
       const currentBlock = getSelectedBlock(properties.editorState);

diff --git a/src/controls/Remove/index.js b/src/controls/Remove/index.js
@@ -21,7 +21,7 @@ export default class Remove extends Component {
     expanded: false,
   }
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { modalHandler } = this.props;
     modalHandler.registerCallBack(this.expandCollapse);
   }

diff --git a/src/controls/TextAlign/index.js b/src/controls/TextAlign/index.js
@@ -19,12 +19,12 @@ export default class TextAlign extends Component {
     currentTextAlignment: undefined,
   }
 
-  componentWillMount(): void {
+  UNSAFE_componentWillMount(): void {
     const { modalHandler } = this.props;
     modalHandler.registerCallBack(this.expandCollapse);
   }
 
-  componentWillReceiveProps(properties) {
+  UNSAFE_componentWillReceiveProps(properties) {
     if (properties.editorState !== this.props.editorState) {
       this.setState({
         currentTextAlignment: getSelectedBlocksMetadata(properties.editorState).get('text-align'),

diff --git a/src/decorators/Mention/Suggestion/index.js b/src/decorators/Mention/Suggestion/index.js
@@ -132,7 +132,7 @@ function getSuggestionComponent() {
       this.filterSuggestions(this.props);
     }
 
-    componentWillReceiveProps(props) {
+    UNSAFE_componentWillReceiveProps(props) {
       if (this.props.children !== props.children) {
         this.filterSuggestions(props);
         this.setState({