create-grafana-plugin 0.2.2

CLI tool to scaffold production-ready Grafana plugin projects
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// @managed by create-grafana-plugin — do not edit
import type { QueryEditorProps } from '@grafana/data';
import { InlineField, Input } from '@grafana/ui';
import type React from 'react';
import type { {{ pascal_case_name }}JsonData, {{ pascal_case_name }}Query } from '../types';

type Props = QueryEditorProps<never, {{ pascal_case_name }}Query, {{ pascal_case_name }}JsonData>;

export const QueryEditor: React.FC<Props> = ({ query, onChange, onRunQuery }) => {
  return (
    <div>
      <InlineField label="Query" labelWidth={12}>
        <Input
          value={query.queryText || ''}
          onChange={(e) => onChange({ ...query, queryText: e.currentTarget.value })}
          onBlur={onRunQuery}
          placeholder="Enter query"
          width={60}
        />
      </InlineField>
    </div>
  );
};