Build plugin with grafana toolkit (#1539)

* Use grafana toolkit template for building plugin

* Fix linter and type errors

* Update styles building

* Fix sass deprecation warning

* Remove empty js files produced by webpack building sass

* Fix signing script

* Replace classnames with cx

* Fix data source config page

* Use custom webpack config instead of overriding original one

* Use gpx_ prefix for plugin executable

* Remove unused configs

* Roll back react hooks dependencies usage

* Move plugin-specific ts config to root config file

* Temporary do not use rst2html for function description tooltip

* Remove unused code

* remove unused dependencies

* update react table dependency

* Migrate tests to typescript

* remove unused dependencies

* Remove old webpack configs

* Add sign target to makefile

* Add magefile

* Update CI test job

* Update go packages

* Update build instructions

* Downgrade go version to 1.18

* Fix go version in ci

* Fix metric picker

* Add comment to webpack config

* remove angular mocks

* update bra config

* Rename datasource-zabbix to datasource (fix mage build)

* Add instructions for building backend with mage

* Fix webpack targets

* Fix ci backend tests

* Add initial e2e tests

* Fix e2e ci tests

* Update docker compose for cypress tests

* build grafana docker image

* Fix docker stop task

* CI: add Grafana compatibility check

src/datasource/components/QueryEditor/ItemIdQueryEditor.tsx

@@ -0,0 +1,26 @@
+import React, { FormEvent } from 'react';
+import { InlineField, Input } from '@grafana/ui';
+import { ZabbixMetricsQuery } from '../../types';
+import { QueryEditorRow } from './QueryEditorRow';
+
+export interface Props {
+  query: ZabbixMetricsQuery;
+  onChange: (query: ZabbixMetricsQuery) => void;
+}
+
+export const ItemIdQueryEditor = ({ query, onChange }: Props) => {
+  const onItemIdsChange = (v: FormEvent<HTMLInputElement>) => {
+    const newValue = v?.currentTarget?.value;
+    if (newValue !== null) {
+      onChange({ ...query, itemids: newValue });
+    }
+  };
+
+  return (
+    <QueryEditorRow>
+      <InlineField label="Item Ids" labelWidth={12}>
+        <Input width={24} defaultValue={query.itemids} onBlur={onItemIdsChange} />
+      </InlineField>
+    </QueryEditorRow>
+  );
+};