[refactor] Update UI package to typescript

.golangci.yml

@@ -1,4 +1,4 @@
-# v1.54.1
+# v1.54.2
 # Please don't remove the first line. It uses in CI to determine the golangci version
 run:
   deadline: 5m

.vscode/settings.json

@@ -3,5 +3,6 @@
   "go.lintFlags": ["--fast"],
   "go.formatTool": "golines",
   "conventionalCommits.scopes": ["module", "ui", "report"],
-  "go.buildTags": "mage"
+  "go.buildTags": "mage",
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
 }

dashboard/assets/packages/model/dist/index.d.ts

@@ -179,8 +179,8 @@ declare class Digest implements EventListenerObject {
     constructor({ config, param, start, stop, metrics, samples, summary }?: {
         config?: Config | undefined;
         param?: Param | undefined;
-        start?: undefined;
-        stop?: undefined;
+        start?: Date | undefined;
+        stop?: Date | undefined;
         metrics?: Metrics | undefined;
         samples?: Samples | undefined;
         summary?: Summary | undefined;

dashboard/assets/packages/model/src/Digest.ts

@@ -43,8 +43,8 @@ export class Digest implements EventListenerObject {
   constructor({
     config = {} as Config,
     param = {} as Param,
-    start = undefined,
-    stop = undefined,
+    start = undefined as Date | undefined,
+    stop = undefined as Date | undefined,
     metrics = new Metrics(),
     samples = new Samples(),
     summary = new Summary()

dashboard/assets/packages/ui/.eslintrc.json

@@ -3,8 +3,15 @@
     "browser": true,
     "es2021": true
   },
-  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
-  "plugins": ["react", "prettier"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "prettier"
+  ],
+  "ignorePatterns": ["dist", ".eslintrc.json"],
+  "plugins": ["react-refresh", "prettier"],
   "parserOptions": {
     "ecmaVersion": "latest",
     "sourceType": "module",
@@ -15,6 +22,12 @@
   },
   "rules": {
     "prettier/prettier": "error",
-    "react/prop-types": 0
+    "react/prop-types": 0,
+    "react-refresh/only-export-components": ["warn", { "allowConstantExport": true }]
+  },
+  "settings": {
+    "react": {
+      "version": "detect" // React version. "detect" automatically picks the version you have installed.
+    }
   }
 }

dashboard/assets/packages/ui/.prettierignore

@@ -0,0 +1,6 @@
+# SPDX-FileCopyrightText: 2023 Raintank, Inc. dba Grafana Labs
+#
+# SPDX-License-Identifier: AGPL-3.0-only
+
+dist/
+*.md