Fixed editor update event propagate to widget (#2737)

Author: ygrik

src/components/apis/api-products/react/ApiProductsViewModel.tsx

@@ -18,7 +18,7 @@ export class ApiProductsViewModel extends React.Component {
         const data = JSON.stringify(this.state);
 
         return this.state.isRedesignEnabled
-            ? <fui-api-products-runtime props={data} ></fui-api-products-runtime>
+            ? <fui-api-products-runtime key={data} props={data} ></fui-api-products-runtime>
             : this.state.layout === 'tiles'
                 ? <api-products-tiles-runtime params={data}></api-products-tiles-runtime>
                     : this.state.layout === 'dropdown'

src/components/apis/list-of-apis/react/ListOfApisViewModel.tsx

@@ -26,7 +26,7 @@ export class ListOfApisViewModel extends React.Component {
         const data = JSON.stringify(this.state);
 
         return this.state.isRedesignEnabled
-            ? <fui-api-list-runtime props={data} ></fui-api-list-runtime>
+            ? <fui-api-list-runtime key={data} props={data} ></fui-api-list-runtime>
             : this.state.layout === 'tiles'
                 ? <api-list-tiles params={data}></api-list-tiles>
                     : this.state.layout === 'dropdown'

src/components/operations/operation-details/react/OperationDetailsViewModel.tsx

@@ -23,7 +23,7 @@ export class OperationDetailsViewModel extends React.Component {
         const data = JSON.stringify(this.state);
 
         return this.state.isRedesignEnabled
-            ? <fui-operation-details props={data} ></fui-operation-details>
+            ? <fui-operation-details key={data} props={data} ></fui-operation-details>
             : <operation-details params={data}></operation-details>;
     }
 }

src/components/products/product-apis/react/ProductApisViewModel.tsx

@@ -26,7 +26,7 @@ export class ProductApisViewModel extends React.Component {
         const data = JSON.stringify(this.state);
 
         return this.state.isRedesignEnabled
-            ? <fui-product-apis-runtime props={data} ></fui-product-apis-runtime>
+            ? <fui-product-apis-runtime key={data} props={data} ></fui-product-apis-runtime>
             : this.state.layout === 'tiles'
                 ? <product-apis-tiles-runtime params={data}></product-apis-tiles-runtime>
                 : <product-apis-runtime params={data}></product-apis-runtime>;

src/components/products/product-list/react/ProductListViewModel.tsx

@@ -22,7 +22,7 @@ export class ProductListViewModel extends React.Component {
         const data = JSON.stringify(this.state);
 
         return this.state.isRedesignEnabled
-            ? <fui-product-list-runtime props={data} ></fui-product-list-runtime>
+            ? <fui-product-list-runtime key={data} props={data} ></fui-product-list-runtime>
             : this.state.layout === 'tiles'
                 ? <product-list-tiles-runtime params={data}></product-list-tiles-runtime>
                     : this.state.layout === 'dropdown'

src/components/products/product-subscribe/react/ProductSubscribeViewModel.tsx

@@ -18,7 +18,7 @@ export class ProductSubscribeViewModel extends React.Component {
         const data = JSON.stringify(this.state);
 
         return this.state.isRedesignEnabled
-            ? <fui-product-subscribe-runtime props={data} ></fui-product-subscribe-runtime>
+            ? <fui-product-subscribe-runtime key={data} props={data} ></fui-product-subscribe-runtime>
             : <product-subscribe-runtime params={data}></product-subscribe-runtime>;
         }
 }

src/components/users/change-password/react/ChangePasswordViewModel.tsx

@@ -14,8 +14,9 @@ export class ChangePasswordViewModel extends React.Component{
     }
 
     public render(): JSX.Element {
+        const data = JSON.stringify(this.state);
         return this.state.isRedesignEnabled
-            ? <fui-change-password props={JSON.stringify(this.state)} ></fui-change-password>
-            : <change-password-runtime params={JSON.stringify(this.state)}></change-password-runtime>;
+            ? <fui-change-password key={data} props={data} ></fui-change-password>
+            : <change-password-runtime params={data}></change-password-runtime>;
     }
 }

src/components/users/reset-password/react/ResetPasswordViewModel.tsx

@@ -14,8 +14,9 @@ export class ResetPasswordViewModel extends React.Component{
     }
 
     public render(): JSX.Element {
+        const data = JSON.stringify(this.state);
         return this.state.isRedesignEnabled
-            ? <fui-reset-password props={JSON.stringify(this.state)} ></fui-reset-password>
-            : <reset-password-runtime params={JSON.stringify(this.state)}></reset-password-runtime>;
+            ? <fui-reset-password key={data} props={data} ></fui-reset-password>
+            : <reset-password-runtime params={data}></reset-password-runtime>;
     }
 }

src/components/users/signup-social/react/SignUpSocialViewModel.tsx

@@ -31,8 +31,10 @@ export class SignUpSocialViewModel extends React.Component {
             }
             return <placeholder-content></placeholder-content>;
         }
+        const data = JSON.stringify(this.state);
+
         return this.state.isRedesignEnabled
-            ? <fui-signup-aad-runtime props={JSON.stringify(this.state)}></fui-signup-aad-runtime>
-            : <signup-social-runtime params={JSON.stringify(this.state)}></signup-social-runtime>;
+            ? <fui-signup-aad-runtime key={data} props={data}></fui-signup-aad-runtime>
+            : <signup-social-runtime params={data}></signup-social-runtime>;
     }
 }

src/components/users/signup/react/SignUpViewModel.tsx

@@ -17,8 +17,10 @@ export class SignUpViewModel extends React.Component {
     }
 
     public render(): JSX.Element {
+        const data = JSON.stringify(this.state);
+
         return this.state.isRedesignEnabled
-            ? <fui-signup-runtime props={JSON.stringify(this.state)} ></fui-signup-runtime>
+            ? <fui-signup-runtime key={data} props={data} ></fui-signup-runtime>
             : <signup-runtime params={JSON.stringify(this.state)}></signup-runtime>;
     }
 }