Make Data Explorer work on node v18 (#1654)

* Upgrade packages to enable npm i with node 18

* Fix crypto and querystring issue

* Fix webpack errors during npm start

* Upgrade monaco editor. Fix alias in webconfig

* Remove deprecated file-loader. Upgrade webpack to latest.

* Fix format

* Upgrade webpack, eslint and typescript

* Update p-retry and fluentui packages

* Revert monaco package upgrade

* Fix notebook compile errors

* Fix lint errors

* Update jest snapshots

* Fix unit tests

* Update node version to 18

* Fix compile error

* Fix compile error

* Fix format

* Turn off warning overlay for webpack devServer

* Fix format

* Re-add monaco webpack plugin and upgrade monaco-editor

* Update package-lock.json

* Fix build issue

* Move MonacoWebpackPlugin to previous place in webpack.config.js

* update package-lock.json

* Fix package-lock.json

* Update package-lock.json

* Fix export ChoiceItem not found warning for self serve. Remove warning turn off in webpack config.

* Update checkout and setup actions in for ci tests

* Disable Gallery callout

* Fix disable gallery header

* Totally disable New gallery callout

* Upgrade all github actions to latest

src/SelfServe/Example/SelfServeExample.tsx

@@ -1,7 +1,6 @@
 import { IsDisplayable, OnChange, PropertyInfo, RefreshOptions, Values } from "../Decorators";
 import { selfServeTraceStart, selfServeTraceSuccess } from "../SelfServeTelemetryProcessor";
 import {
-  ChoiceItem,
   Description,
   DescriptionType,
   Info,
@@ -12,6 +11,9 @@ import {
   SelfServeBaseClass,
   SmartUiInput,
 } from "../SelfServeTypes";
+
+import type { ChoiceItem } from "../SelfServeTypes";
+
 import {
   getMaxCollectionThroughput,
   getMaxDatabaseThroughput,
@@ -82,7 +84,7 @@ export default class SelfServeExample extends SelfServeBaseClass {
   };
 
   /*
-    In this example, the onSave callback simply sets the value for keys corresponding to the field name in the  SessionStorage. 
+    In this example, the onSave callback simply sets the value for keys corresponding to the field name in the  SessionStorage.
     It uses the currentValues and baselineValues maps to perform custom validations as well.
   */
   public onSave = async (
@@ -198,7 +200,7 @@ This is an alternative to updating the throughput from the 'scale & settings' ta
 
   /*
     In this example, the onRegionsChange function sets the enableLogging property to false (and disables
-    the corresponsing toggle UI) when "regions" is set to "North Central US", and enables the toggle for 
+    the corresponsing toggle UI) when "regions" is set to "North Central US", and enables the toggle for
     any other value of "regions"
   */
   @OnChange(onRegionsChange)

src/SelfServe/GraphAPICompute/GraphAPICompute.tsx

@@ -1,7 +1,6 @@
 import { IsDisplayable, OnChange, PropertyInfo, RefreshOptions, Values } from "../Decorators";
 import { selfServeTrace } from "../SelfServeTelemetryProcessor";
 import {
-  ChoiceItem,
   Description,
   DescriptionType,
   Info,
@@ -12,6 +11,9 @@ import {
   SelfServeBaseClass,
   SmartUiInput,
 } from "../SelfServeTypes";
+
+import type { ChoiceItem } from "../SelfServeTypes";
+
 import { BladeType, generateBladeLink } from "../SelfServeUtils";
 import {
   deleteComputeResource,

src/SelfServe/MaterializedViewsBuilder/MaterializedViewsBuilder.tsx

@@ -6,7 +6,6 @@ import {
   selfServeTraceSuccess,
 } from "../SelfServeTelemetryProcessor";
 import {
-  ChoiceItem,
   Description,
   DescriptionType,
   Info,
@@ -17,6 +16,9 @@ import {
   SelfServeBaseClass,
   SmartUiInput,
 } from "../SelfServeTypes";
+
+import type { ChoiceItem } from "../SelfServeTypes";
+
 import { BladeType, generateBladeLink } from "../SelfServeUtils";
 import {
   deleteMaterializedViewsBuilderResource,

src/SelfServe/SelfServeUtils.tsx

@@ -54,6 +54,8 @@ export enum BladeType {
   /**
    * Keys blade of a Azure Cosmos DB for Apache Gremlin account.
    */
+  // TODO This is a obviously a bug, but for now, let's ignore the eslint error
+  // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
   GremlinKeys = "keys",
   /**
    * Keys blade of a Azure Cosmos DB for Table account.

src/SelfServe/SqlX/SqlX.tsx

@@ -7,7 +7,6 @@ import {
   selfServeTraceSuccess,
 } from "../SelfServeTelemetryProcessor";
 import {
-  ChoiceItem,
   Description,
   DescriptionType,
   Info,
@@ -18,6 +17,9 @@ import {
   SelfServeBaseClass,
   SmartUiInput,
 } from "../SelfServeTypes";
+
+import type { ChoiceItem } from "../SelfServeTypes";
+
 import { BladeType, generateBladeLink } from "../SelfServeUtils";
 import {
   deleteDedicatedGatewayResource,