React no deprecated + TreeView.tsx

Author: AJIXuMuK

src/controls/chartControl/ChartControl.tsx

@@ -79,7 +79,7 @@ export class ChartControl extends React.Component<IChartControlProps, IChartCont
    *
    * @param nextProps
    */
-  public componentWillReceiveProps(nextProps: IChartControlProps): void {
+  public UNSAFE_componentWillReceiveProps(nextProps: IChartControlProps): void {
     if (nextProps.datapromise !== this.props.datapromise) {
       this.setState({
         isLoading: false

src/controls/dateTimePicker/DateTimePicker.tsx

@@ -69,7 +69,7 @@ export class DateTimePicker extends React.Component<IDateTimePickerProps, IDateT
   /**
    * Called before the component receives new props, used for matching state with new props.
    */
-  public componentWillReceiveProps(nextProps: IDateTimePickerProps): void {
+  public UNSAFE_componentWillReceiveProps(nextProps: IDateTimePickerProps): void {
     if (!isEqual(nextProps.value, this.props.value)) {
       const { day, hours, minutes, seconds } = DateTimePicker.getDateComponents(nextProps.value, this.props.dateConvention);
       this.setState({ day, hours, minutes, seconds });

src/controls/fieldCollectionData/collectionNumberField/CollectionNumberField.tsx

@@ -24,7 +24,7 @@ export class CollectionNumberField extends React.Component<ICollectionNumberFiel
   /**
    * componentWillMount lifecycle hook
    */
-  public componentWillMount(): void {
+  public UNSAFE_componentWillMount(): void {
     this.setState({
       value: this.props.item[this.props.field.id]
     });
@@ -37,7 +37,7 @@ export class CollectionNumberField extends React.Component<ICollectionNumberFiel
    * @param nextProps
    * @param nextState
    */
-  public componentWillUpdate(nextProps: ICollectionNumberFieldProps, nextState: ICollectionNumberFieldState): void {
+  public UNSAFE_componentWillUpdate(nextProps: ICollectionNumberFieldProps, nextState: ICollectionNumberFieldState): void {
     if (!isEqual(nextProps.item, this.props.item)) {
       this.setState({
         value: nextProps.item[nextProps.field.id]

src/controls/fields/fieldUserRenderer/FieldUserRenderer.tsx

@@ -115,7 +115,7 @@ export class FieldUserRenderer extends React.Component<IFieldUserRendererProps,
     };
   }
 
-  public componentWillReceiveProps(nextProps: IFieldUserRendererProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: IFieldUserRendererProps) {
     const currentPrincipals = this.props.users ? this.props.users.map(u => u.id) : [];
     const newPrincipals = nextProps.users ? nextProps.users.map(u => u.id) : [];
 

src/controls/filePicker/FilePicker.tsx

@@ -103,7 +103,7 @@ export class FilePicker extends React.Component<
  *
  * @param nextProps
  */
-  public componentWillReceiveProps(nextProps: IFilePickerProps): void {
+  public UNSAFE_componentWillReceiveProps(nextProps: IFilePickerProps): void {
     if (nextProps.isPanelOpen || nextProps.isPanelOpen !== this.props.isPanelOpen) {
       this.setState({
         panelOpen: nextProps.isPanelOpen

src/controls/folderPicker/FolderPicker.tsx

@@ -27,7 +27,7 @@ export class FolderPicker extends React.Component<IFolderPickerProps, IFolderPic
     };
   }
 
-  public componentWillReceiveProps(nextProps: IFolderPickerProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: IFolderPickerProps) {
 
     this.setState({
       selectedFolder: nextProps.defaultFolder,

src/controls/iFrameDialog/IFrameDialog.tsx

@@ -83,7 +83,7 @@ export class IFrameDialog extends React.Component<IFrameDialogProps, IFrameDialo
   /**
    * componentWillMount lifecycle hook
    */
-  public componentWillMount(): void {
+  public UNSAFE_componentWillMount(): void {
     this.setState({
       dialogId: `dialog-${Guid.newGuid().toString()}`
     });
@@ -96,7 +96,7 @@ export class IFrameDialog extends React.Component<IFrameDialogProps, IFrameDialo
     this.setDialogStyling();
   }
 
-  public componentWillReceiveProps(nextProps: IFrameDialogProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: IFrameDialogProps) {
     if (nextProps.hidden && nextProps.hidden !== this.props.hidden) {
       this.setState({
         isStylingSet: false

src/controls/listItemPicker/ComboBoxListItemPicker.tsx

@@ -80,7 +80,7 @@ export class ComboBoxListItemPicker extends React.Component<IComboBoxListItemPic
     }
   }
 
-  public async componentWillReceiveProps(nextProps: IComboBoxListItemPickerProps): Promise<void> {
+  public async UNSAFE_componentWillReceiveProps(nextProps: IComboBoxListItemPickerProps): Promise<void> {
     if (nextProps.listId !== this.props.listId) {
       this.setState({
         selectedItems: [],

src/controls/listItemPicker/ListItemPicker.tsx

@@ -37,7 +37,7 @@ export class ListItemPicker extends React.Component<IListItemPickerProps, IListI
     this.loadField(this.props);
   }
 
-  public componentWillReceiveProps(nextProps: IListItemPickerProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: IListItemPickerProps) {
     let newSelectedItems: any[] | undefined;
     if (this.props.listId !== nextProps.listId) {
       newSelectedItems = [];

src/controls/listView/ListView.tsx

@@ -96,7 +96,7 @@ export class ListView extends React.Component<IListViewProps, IListViewState> {
    * @param prevProps
    * @param prevState
    */
-  public componentWillReceiveProps(nextProps: IListViewProps): void {
+  public UNSAFE_componentWillReceiveProps(nextProps: IListViewProps): void {
 
     const modifiedNextProps = this._filterFunctions(nextProps);
     const modifiedProps = this._filterFunctions(this.props);