Switch package manager to npm

.github/workflows/detect-breaking-changes.yml

@@ -13,9 +13,9 @@ jobs:
         with:
           node-version-file: '.nvmrc'
       - name: Install dependencies
-        run: yarn install
+        run: npm install
       - name: Build plugin
-        run: yarn build
+        run: npm run build
       - name: Compatibility check
         uses: grafana/plugin-actions/is-compatible@a8d2790586995c0112186302a0ebee61f02510a7
         with:

.vscode/launch.json

@@ -25,7 +25,7 @@
       "name": "Debug Jest test",
       "type": "node",
       "request": "launch",
-      "runtimeExecutable": "yarn",
+      "runtimeExecutable": "npm",
       "runtimeArgs": ["run", "jest", "--runInBand", "${file}"],
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",

CONTRIBUTING.md

@@ -23,23 +23,23 @@ mage build:backend && mage reloadPlugin # builds and reloads the plugin in Grafa
 
 #### Compiling the frontend
 
-You can build and test the frontend by using `yarn`:
+You can build and test the frontend by using `npm`:
 
 ```sh
-yarn test # run all test cases
-yarn dev # builds and puts the output at ./dist
+npm run test # run all test cases
+npm run dev # builds and puts the output at ./dist
 ```
 
-You can also have `yarn` watch for changes and automatically recompile them:
+You can also have `npm` watch for changes and automatically recompile them:
 
 ```sh
-yarn watch
+npm run watch
 ```
 
 #### Running E2E tests locally
 
 1. Install [K6](https://k6.io/docs/get-started/installation/)
-2. Run `yarn test:e2e:local`
+2. Run `npm run test:e2e:local`
 
 ## Create a pull request
 

cspell.config.json

@@ -6,6 +6,7 @@
     "src/dashboards/**",
     "dist/**",
     "yarn.lock",
+    "package-lock.json",
     "go.sum",
     "mage_output_file.go"
   ],

jest-setup.js

@@ -1,2 +1,16 @@
 // Jest setup provided by Grafana scaffolding
 import './.config/jest-setup';
+import { TextEncoder, TextDecoder } from 'util';
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;
+
+const mockIntersectionObserver = jest.fn().mockImplementation((arg) => ({
+  observe: jest.fn().mockImplementation((elem) => {
+    arg([{ target: elem, isIntersecting: true }]);
+  }),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));
+
+global.IntersectionObserver = mockIntersectionObserver;