Migrate Mongo Query Tab to React(#854)

Co-authored-by: Steve Faulkner <southpolesteve@gmail.com>

src/Explorer/Tabs/MongoQueryTab/MongoQueryTab.tsx

@@ -0,0 +1,47 @@
+import React from "react";
+import MongoUtility from "../../../Common/MongoUtility";
+import * as ViewModels from "../../../Contracts/ViewModels";
+import Explorer from "../../Explorer";
+import { NewQueryTab } from "../QueryTab/QueryTab";
+import QueryTabComponent, { IQueryTabComponentProps, ITabAccessor } from "../QueryTab/QueryTabComponent";
+
+export interface IMongoQueryTabProps {
+  container: Explorer;
+  viewModelcollection?: ViewModels.Collection;
+}
+
+export class NewMongoQueryTab extends NewQueryTab {
+  public collection: ViewModels.Collection;
+  public iMongoQueryTabComponentProps: IQueryTabComponentProps;
+  public queryText: string;
+
+  constructor(options: ViewModels.QueryTabOptions, private mongoQueryTabProps: IMongoQueryTabProps) {
+    super(options, mongoQueryTabProps);
+    this.queryText = "";
+    this.iMongoQueryTabComponentProps = {
+      collection: options.collection,
+      isExecutionError: this.isExecutionError(),
+      tabId: this.tabId,
+      tabsBaseInstance: this,
+      queryText: this.queryText,
+      partitionKey: this.partitionKey,
+      container: this.mongoQueryTabProps.container,
+      onTabAccessor: (instance: ITabAccessor): void => {
+        this.iTabAccessor = instance;
+      },
+      isPreferredApiMongoDB: true,
+      monacoEditorSetting: "plaintext",
+      viewModelcollection: this.mongoQueryTabProps.viewModelcollection,
+    };
+  }
+
+  /** Renders a Javascript object to be displayed inside Monaco Editor */
+  //eslint-disable-next-line
+  public renderObjectForEditor(value: any, replacer: any, space: string | number): string {
+    return MongoUtility.tojson(value, undefined, false);
+  }
+
+  public render(): JSX.Element {
+    return <QueryTabComponent {...this.iMongoQueryTabComponentProps} />;
+  }
+}