Organize imports

Author: marcusolsson

src/components/ConfigEditor.tsx

@@ -1,11 +1,9 @@
-import React, { ChangeEvent } from 'react';
-
-import { DataSourceHttpSettings, InlineFieldRow, InlineField, Input } from '@grafana/ui';
+import {} from '@emotion/core';
 import { DataSourcePluginOptionsEditorProps } from '@grafana/data';
+import { DataSourceHttpSettings, InlineField, InlineFieldRow, Input } from '@grafana/ui';
+import React, { ChangeEvent } from 'react';
 import { JsonApiDataSourceOptions } from '../types';
 
-import {} from '@emotion/core';
-
 type Props = DataSourcePluginOptionsEditorProps<JsonApiDataSourceOptions>;
 
 /**

src/components/ExperimentalEditor.tsx

@@ -1,7 +1,7 @@
+import { InfoBox, InlineField, InlineFieldRow, Select } from '@grafana/ui';
+import { JSONPath } from 'jsonpath-plus';
 import React from 'react';
-import { InfoBox, InlineFieldRow, InlineField, Select } from '@grafana/ui';
 import { JsonApiQuery } from 'types';
-import { JSONPath } from 'jsonpath-plus';
 
 interface Props {
   query: JsonApiQuery;

src/components/FieldEditor.tsx

@@ -1,10 +1,8 @@
+import { FieldType, SelectableValue } from '@grafana/data';
+import { Icon, InlineField, InlineFieldRow, Input, Select } from '@grafana/ui';
 import React from 'react';
-
-import { SelectableValue, FieldType } from '@grafana/data';
-import { Icon, InlineFieldRow, InlineField, Select, Input } from '@grafana/ui';
-
-import { JsonPathQueryField } from './JsonPathQueryField';
 import { JsonField } from 'types';
+import { JsonPathQueryField } from './JsonPathQueryField';
 
 interface Props {
   limit?: number;

src/components/JsonPathQueryField.tsx

@@ -1,6 +1,5 @@
+import { BracesPlugin, QueryField, SlatePrism, TypeaheadInput } from '@grafana/ui';
 import React from 'react';
-
-import { QueryField, SlatePrism, BracesPlugin, TypeaheadInput } from '@grafana/ui';
 import { onSuggest } from 'suggestions';
 
 interface Props {

src/components/KeyValueEditor.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
-
-import { css } from 'emotion';
+import { GrafanaTheme } from '@grafana/data';
 import { Button, Icon, stylesFactory, useTheme } from '@grafana/ui';
+import { css } from 'emotion';
+import React from 'react';
 import { Pair } from '../types';
-import { GrafanaTheme } from '@grafana/data';
 
 interface Props {
   columns: string[];

src/components/PathEditor.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { InlineFieldRow, InlineField, Input, Select } from '@grafana/ui';
 import {} from '@emotion/core';
+import { InlineField, InlineFieldRow, Input, Select } from '@grafana/ui';
+import React from 'react';
 
 interface Props {
   method: string;

src/components/QueryEditor.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
 import { QueryEditorProps } from '@grafana/data';
-import { JsonApiQuery, JsonApiDataSourceOptions } from '../types';
 import { JsonDataSource } from 'datasource';
-import { TabbedQueryEditor } from './TabbedQueryEditor';
-import { FieldEditor } from './FieldEditor';
+import React from 'react';
+import { JsonApiDataSourceOptions, JsonApiQuery } from '../types';
 import { ExperimentalEditor } from './ExperimentalEditor';
+import { FieldEditor } from './FieldEditor';
+import { TabbedQueryEditor } from './TabbedQueryEditor';
 
 interface Props extends QueryEditorProps<JsonDataSource, JsonApiQuery, JsonApiDataSourceOptions> {
   limitFields?: number;

src/components/TabbedQueryEditor.tsx

@@ -1,12 +1,12 @@
+import { TimeRange } from '@grafana/data';
+import { CodeEditor, InfoBox, InlineField, InlineFieldRow, RadioButtonGroup, Segment, useTheme } from '@grafana/ui';
+import { JsonDataSource } from 'datasource';
+import { css } from 'emotion';
 import defaults from 'lodash/defaults';
 import React, { useState } from 'react';
-import { InlineFieldRow, InlineField, Segment, RadioButtonGroup, CodeEditor, useTheme, InfoBox } from '@grafana/ui';
-import { TimeRange } from '@grafana/data';
-import { JsonApiQuery, defaultQuery, Pair } from '../types';
-import { KeyValueEditor } from './KeyValueEditor';
 import AutoSizer from 'react-virtualized-auto-sizer';
-import { css } from 'emotion';
-import { JsonDataSource } from 'datasource';
+import { defaultQuery, JsonApiQuery, Pair } from '../types';
+import { KeyValueEditor } from './KeyValueEditor';
 import { PathEditor } from './PathEditor';
 
 // Display a warning message when user adds any of the following headers.

src/datasource.test.ts

@@ -1,5 +1,5 @@
+import { dateTime, TimeRange } from '@grafana/data';
 import { replaceMacros } from './datasource';
-import { TimeRange, dateTime } from '@grafana/data';
 
 const sampleTimestampFrom = '2021-05-17T20:48:09.000Z'; // -> 1621284489
 const sampleTimestmapTo = '2021-05-17T20:50:23.000Z'; // -> 1621284623

src/datasource.ts

@@ -1,25 +1,23 @@
-import _ from 'lodash';
-import { JSONPath } from 'jsonpath-plus';
-
 import {
+  ArrayVector,
+  DataFrame,
   DataQueryRequest,
   DataQueryResponse,
   DataSourceApi,
   DataSourceInstanceSettings,
-  toDataFrame,
+  Field,
   MetricFindValue,
   ScopedVars,
   TimeRange,
-  DataFrame,
-  Field,
-  ArrayVector,
+  toDataFrame,
 } from '@grafana/data';
 import { getTemplateSrv } from '@grafana/runtime';
-
+import { JSONPath } from 'jsonpath-plus';
+import _ from 'lodash';
 import API from './api';
 import { detectFieldType } from './detectFieldType';
 import { parseValues } from './parseValues';
-import { JsonApiQuery, JsonApiDataSourceOptions, Pair } from './types';
+import { JsonApiDataSourceOptions, JsonApiQuery, Pair } from './types';
 
 export class JsonDataSource extends DataSourceApi<JsonApiQuery, JsonApiDataSourceOptions> {
   api: API;

src/module.ts

@@ -1,9 +1,9 @@
 import { DataSourcePlugin } from '@grafana/data';
-import { JsonDataSource } from './datasource';
 import { ConfigEditor } from './components/ConfigEditor';
 import { QueryEditor } from './components/QueryEditor';
 import { VariableQueryEditor } from './components/VariableQueryEditor';
-import { JsonApiQuery, JsonApiDataSourceOptions } from './types';
+import { JsonDataSource } from './datasource';
+import { JsonApiDataSourceOptions, JsonApiQuery } from './types';
 
 export const plugin = new DataSourcePlugin<JsonDataSource, JsonApiQuery, JsonApiDataSourceOptions>(JsonDataSource)
   .setConfigEditor(ConfigEditor)