Migrate design-time and editor to React (#2700)

Author: ygrik

package-lock.json

@@ -83,12 +83,12 @@
         "@microsoft/applicationinsights-web": "^3.0.2",
         "@monaco-editor/loader": "^1.3.3",
         "@monaco-editor/react": "^4.6.0",
-        "@paperbits/azure": "0.1.624",
-        "@paperbits/common": "0.1.624",
-        "@paperbits/core": "0.1.624",
-        "@paperbits/forms": "0.1.624",
+        "@paperbits/azure": "0.1.626",
+        "@paperbits/common": "0.1.626",
+        "@paperbits/core": "0.1.626",
+        "@paperbits/forms": "0.1.626",
         "@paperbits/react": "1.0.8",
-        "@paperbits/styles": "0.1.624",
+        "@paperbits/styles": "0.1.626",
         "@webcomponents/custom-elements": "1.6.0",
         "@webcomponents/shadydom": "^1.11.0",
         "client-oauth2": "4.3.3",

package.json

@@ -8,9 +8,9 @@ import { MapiObjectStorage, MapiBlobStorage } from "./persistence";
 import { ListOfApisPublishModule } from "./components/apis/list-of-apis/ko/listOfApis.module";
 import { DetailsOfApiPublishModule } from "./components/apis/details-of-api/ko/detailsOfApi.module";
 import { HistoryOfApiPublishModule } from "./components/apis/history-of-api/ko/historyOfApi.module";
-import { SigninPublishModule } from "./components/users/signin/signin.module";
+import { SigninPublishModule } from "./components/users/signin/signin.publish.module";
 import { SigninSocialPublishModule } from "./components/users/signin-social/signinSocial.module";
-import { SignupPublishModule } from "./components/users/signup/signup.module";
+import { SignupPublishModule } from "./components/users/signup/signup.publish.module";
 import { SignupSocialPublishModule } from "./components/users/signup-social/signupSocial.module";
 import { ProfilePublishModule } from "./components/users/profile/profile.module";
 import { SubscriptionsPublishModule } from "./components/users/subscriptions/subscriptions.module";

src/apim.publish.module.ts

@@ -0,0 +1,10 @@
+declare namespace JSX {
+    interface IntrinsicElements {
+        "fui-signup-runtime": any;
+        "signup-runtime": any;
+        "fui-validation-summary": any;
+        "validation-summary": any;
+        "fui-signin-runtime": any;
+        "signin-runtime": any;
+    }
+}

src/components/react.components.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+
+export class SigninViewModel extends React.Component {
+    public state: any;
+
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            runtimeConfig: props.runtimeConfig,
+            styles: props.styles,
+            isRedesignEnabled: props.isRedesignEnabled
+        };
+    }
+
+    public render(): JSX.Element {
+        return this.state.isRedesignEnabled
+            ? <fui-signin-runtime props={JSON.stringify(this.state.runtimeConfig)} ></fui-signin-runtime>
+            : <signin-runtime params={JSON.stringify(this.state.runtimeConfig)}></signin-runtime>;
+    }
+}