Sort Prometheus range suggestions by length

- add sortText property to range completion items

public/app/plugins/datasource/prometheus/language_provider.ts

@@ -9,8 +9,8 @@ import {
   TypeaheadOutput,
   TypeaheadOutput,
 } from 'app/types/explore';
 } from 'app/types/explore';
 
 
-import { parseSelector, processLabels, RATE_RANGES } from './language_utils';
-import PromqlSyntax, { FUNCTIONS } from './promql';
+import { parseSelector, processLabels } from './language_utils';
+import PromqlSyntax, { FUNCTIONS, RATE_RANGES } from './promql';
 
 
 const DEFAULT_KEYS = ['job', 'instance'];
 const DEFAULT_KEYS = ['job', 'instance'];
 const EMPTY_SELECTOR = '{}';
 const EMPTY_SELECTOR = '{}';
@@ -171,7 +171,7 @@ export default class PromQlLanguageProvider extends LanguageProvider {
       suggestions: [
       suggestions: [
         {
         {
           label: 'Range vector',
           label: 'Range vector',
-          items: [...RATE_RANGES].map(wrapLabel),
+          items: [...RATE_RANGES],
         },
         },
       ],
       ],
     };
     };

public/app/plugins/datasource/prometheus/promql.ts

 /* tslint:disable max-line-length */
 /* tslint:disable max-line-length */
 
 
+import { CompletionItem } from 'app/types/explore';
+
+export const RATE_RANGES: CompletionItem[] = [
+  { label: '1m', sortText: '00:01:00' },
+  { label: '5m', sortText: '00:05:00' },
+  { label: '10m', sortText: '00:10:00' },
+  { label: '30m', sortText: '00:30:00' },
+  { label: '1h', sortText: '01:00:00' },
+  { label: '1d', sortText: '24:00:00' },
+];
+
 export const OPERATORS = ['by', 'group_left', 'group_right', 'ignoring', 'on', 'offset', 'without'];
 export const OPERATORS = ['by', 'group_left', 'group_right', 'ignoring', 'on', 'offset', 'without'];
 
 
-const AGGREGATION_OPERATORS = [
+const AGGREGATION_OPERATORS: CompletionItem[] = [
   {
   {
     label: 'sum',
     label: 'sum',
     insertText: 'sum',
     insertText: 'sum',