Fix building after update to Grafana 8 components

src/datasource-zabbix/components/ZabbixInput.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { css, cx } from 'emotion';
+import { css, cx } from '@emotion/css';
 import { EventsWithValidation, ValidationEvents, useTheme } from '@grafana/ui';
 import { GrafanaTheme } from '@grafana/data';
 import { isRegex, variableRegex } from '../utils';

src/datasource-zabbix/utils.ts

@@ -457,10 +457,12 @@ export function getValueMapping(item, valueMappings: any[]): ValueMapping[] | nu
 
   return (mapping.mappings as any[]).map((m, i) => {
     const valueMapping: ValueMapping = {
-      id: i,
+      // id: i,
       type: MappingType.ValueToText,
-      value: m.value,
-      text: m.newvalue,
+      options: {
+        value: m.value,
+        text: m.newvalue,
+      }
     };
     return valueMapping;
   });