Migrate Annotation editor to React

.config/webpack/webpack.config.ts

@@ -51,7 +51,6 @@ const config = async (env): Promise<Configuration> => ({
     'react-router',
     'react-router-dom',
     'd3',
-    'angular',
     '@grafana/ui',
     '@grafana/runtime',
     '@grafana/data',

.github/workflows/buind_n_test.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '18'
           cache: 'yarn'
       - name: Install dependencies
         run: yarn install --immutable --prefer-offline

.github/workflows/is-compatible.yml

@@ -8,7 +8,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '18'
           cache: 'yarn'
       - name: Install dependencies
         run: yarn install --immutable --prefer-offline

.github/workflows/release.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '18'
           cache: 'yarn'
 
       - name: Setup Go environment

docker-compose.yaml

@@ -6,9 +6,9 @@ services:
     build:
       context: ./.config
       args:
-        grafana_version: ${GRAFANA_VERSION:-9.3.8}
+        grafana_version: ${GRAFANA_VERSION:-10.1.1}
     ports:
-      - 3000:3000/tcp
+      - 2999:3000/tcp
     volumes:
       - ./dist:/var/lib/grafana/plugins/cognitedata-datasource
       - ./provisioning:/etc/grafana/provisioning

instructions.md

@@ -36,7 +36,7 @@ Once logged in you can see that CDF is installed.
 
 5. To set up CDF, do the following:
 
-Go to "Configuration" click Data Sources, then Add data source, and choose Cognite Data Fusion as "Type". Give the data source a name, provide the name of the project and your API key.
+Go to "Configuration" click Data Sources, then Add data source, and choose Cognite Data Fusion as "Type". Give the data source a name, provide the name of the project and your OAuth credentials.
 
 ![Configuration](./images/image9.png)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cognite/cognite-grafana-datasource",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "Cognite Data Fusion datasource",
   "repository": "https://github.com/cognitedata/cognite-grafana-datasource",
   "author": "Cognite AS",
@@ -38,7 +38,6 @@
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.4",
     "@types/glob": "^8.0.0",
-    "@types/grafana": "https://git@github.com/CorpGlory/types-grafana.git",
     "@types/jest": "^29.2.2",
     "@types/lodash": "^4.14.188",
     "@types/ms": "^0.7.31",
@@ -100,9 +99,10 @@
   },
   "dependencies": {
     "@emotion/css": "^11.1.3",
-    "@grafana/data": "^9.4.7",
-    "@grafana/runtime": "^9.4.7",
-    "@grafana/ui": "^9.4.7",
+    "@grafana/data": "^10.1.2",
+    "@grafana/runtime": "^10.1.2",
+    "@grafana/schema": "^10.1.2",
+    "@grafana/ui": "^10.1.2",
     "deepdash": "^4.5.4",
     "eslint-plugin-jsdoc": "^40.1.1",
     "graphql": "^16.6.0",