chore: Runs @grafana/create-plugin@latest update

Fixes associated errors

Author: NeedleInAJayStack

.config/jest-setup.js

@@ -7,7 +7,7 @@
 
 import '@testing-library/jest-dom';
 import { TextEncoder, TextDecoder } from 'util';
-                                                                                                          
+
 Object.assign(global, { TextDecoder, TextEncoder });
 
 // https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom

.config/webpack/webpack.config.ts

@@ -181,20 +181,22 @@ const config = async (env): Promise<Configuration> => {
           ],
         },
       ]),
-      ...(env.development ? [
-        new LiveReloadPlugin(),
-        new ForkTsCheckerWebpackPlugin({
-          async: Boolean(env.development),
-          issue: {
-            include: [{ file: '**/*.{ts,tsx}' }],
-          },
-          typescript: { configFile: path.join(process.cwd(), 'tsconfig.json') },
-        }),
-        new ESLintPlugin({
-          extensions: ['.ts', '.tsx'],
-          lintDirtyModulesOnly: Boolean(env.development), // don't lint on start, only lint changed files
-        }),
-      ] : []),
+      ...(env.development
+        ? [
+            new LiveReloadPlugin(),
+            new ForkTsCheckerWebpackPlugin({
+              async: Boolean(env.development),
+              issue: {
+                include: [{ file: '**/*.{ts,tsx}' }],
+              },
+              typescript: { configFile: path.join(process.cwd(), 'tsconfig.json') },
+            }),
+            new ESLintPlugin({
+              extensions: ['.ts', '.tsx'],
+              lintDirtyModulesOnly: Boolean(env.development), // don't lint on start, only lint changed files
+            }),
+          ]
+        : []),
     ],
 
     resolve: {

package.json

@@ -77,11 +77,11 @@
   },
   "dependencies": {
     "@emotion/css": "11.10.6",
-    "@grafana/data": "^9.3.6",
-    "@grafana/runtime": "^9.3.6",
+    "@grafana/data": "10.3.3",
+    "@grafana/runtime": "10.3.3",
     "@grafana/schema": "10.3.3",
     "@grafana/sign-plugin": "^1.0.1",
-    "@grafana/ui": "^9.3.6",
+    "@grafana/ui": "10.3.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "tslib": "2.5.3"

src/datasource.ts

@@ -50,11 +50,11 @@ export class DataSource extends DataSourceWithBackend<HaystackQuery, HaystackDat
       return frame.refId === refId;
     });
 
-    let ops: string[] = []
-    
+    let ops: string[] = [];
+
     let defField = frame?.fields?.find((field: Field<any, Vector<string>>) => {
       return field.name === 'def';
-    })
+    });
     if (defField != null) {
       ops = defField.values.map((opSymbol: string) => {
         if (opSymbol.startsWith('^op:')) {
@@ -67,7 +67,7 @@ export class DataSource extends DataSourceWithBackend<HaystackQuery, HaystackDat
       // Include back-support for old `ops` format, which uses "name", not "defs". Used by nhaystack
       let nameField = frame?.fields?.find((field: Field<any, Vector<string>>) => {
         return field.name === 'name';
-      })
+      });
       if (nameField != null) {
         ops = nameField.values;
       }
@@ -136,7 +136,7 @@ export class DataSource extends DataSourceWithBackend<HaystackQuery, HaystackDat
   private opsRequest(refId: string): DataQueryRequest<HaystackQuery> {
     return {
       requestId: 'ops',
-      dashboardId: 0,
+      dashboardUID: '0',
       interval: '0',
       intervalMs: 0,
       panelId: 0,