Bladeren bron

Prettier had not been running as a precommit hook for some time so had to run in on all files again

Torkel Ödegaard 6 jaren geleden
bovenliggende
commit
cfea8bdcae
100 gewijzigde bestanden met toevoegingen van 1005 en 670 verwijderingen
  1. 1 1
      packages/grafana-ui/src/components/ColorPicker/ColorPicker.story.tsx
  2. 1 1
      packages/grafana-ui/src/components/ColorPicker/ColorPicker.tsx
  3. 9 3
      packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.test.tsx
  4. 0 1
      packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.tsx
  5. 4 3
      packages/grafana-ui/src/components/ColorPicker/NamedColorsPalette.test.tsx
  6. 0 1
      packages/grafana-ui/src/components/ColorPicker/SpectrumPalettePointer.tsx
  7. 1 1
      packages/grafana-ui/src/components/CustomScrollbar/_CustomScrollbar.scss
  8. 1 1
      packages/grafana-ui/src/components/FormLabel/FormLabel.tsx
  9. 1 1
      packages/grafana-ui/src/components/Gauge/Gauge.test.tsx
  10. 1 6
      packages/grafana-ui/src/components/PanelOptionsGrid/PanelOptionsGrid.tsx
  11. 3 1
      packages/grafana-ui/src/components/Select/Select.tsx
  12. 1 1
      packages/grafana-ui/src/components/Tooltip/Tooltip.tsx
  13. 9 9
      packages/grafana-ui/src/components/ValueMappingsEditor/ValueMappingsEditor.tsx
  14. 1 1
      packages/grafana-ui/src/components/index.scss
  15. 1 1
      packages/grafana-ui/src/themes/dark.ts
  16. 7 9
      packages/grafana-ui/src/themes/default.ts
  17. 4 6
      packages/grafana-ui/src/themes/selectThemeVariant.test.ts
  18. 2 4
      packages/grafana-ui/src/themes/selectThemeVariant.ts
  19. 0 1
      packages/grafana-ui/src/types/index.ts
  20. 1 1
      packages/grafana-ui/src/utils/namedColorsPalette.test.ts
  21. 6 2
      packages/grafana-ui/src/utils/namedColorsPalette.ts
  22. 1 1
      packages/grafana-ui/src/utils/processTimeSeries.ts
  23. 1 6
      packages/grafana-ui/src/utils/storybook/withTheme.tsx
  24. 2 2
      packages/grafana-ui/src/utils/valueFormats/categories.ts
  25. 1 1
      public/app/core/components/ErrorBoundary/ErrorBoundary.tsx
  26. 42 35
      public/app/core/components/Footer/Footer.tsx
  27. 17 16
      public/app/core/components/Page/Page.tsx
  28. 0 1
      public/app/core/components/Page/PageContents.tsx
  29. 3 3
      public/app/core/components/sidemenu/SideMenu.test.tsx
  30. 1 1
      public/app/core/config.ts
  31. 1 1
      public/app/core/directives/autofill_event_fix.ts
  32. 1 1
      public/app/core/directives/dropdown_typeahead.ts
  33. 1 1
      public/app/core/logs_model.ts
  34. 0 1
      public/app/core/profiler.ts
  35. 1 1
      public/app/core/selectors/navModel.ts
  36. 0 3
      public/app/core/services/__mocks__/backend_srv.ts
  37. 5 8
      public/app/core/specs/PasswordStrength.test.tsx
  38. 1 1
      public/app/core/utils/explore.test.ts
  39. 8 1
      public/app/core/utils/explore.ts
  40. 4 4
      public/app/core/utils/kbn.ts
  41. 2 2
      public/app/core/utils/scrollbar.ts
  42. 2 2
      public/app/core/utils/text.ts
  43. 7 7
      public/app/core/utils/url.ts
  44. 0 2
      public/app/features/admin/AdminEditOrgCtrl.ts
  45. 0 2
      public/app/features/admin/AdminListOrgsCtrl.ts
  46. 1 1
      public/app/features/admin/ServerStats.tsx
  47. 0 1
      public/app/features/admin/StyleGuideCtrl.ts
  48. 3 3
      public/app/features/alerting/AlertTabCtrl.ts
  49. 1 7
      public/app/features/dashboard/components/AdHocFilters/AdHocFiltersCtrl.ts
  50. 4 2
      public/app/features/dashboard/components/AddPanelWidget/AddPanelWidget.tsx
  51. 3 1
      public/app/features/dashboard/components/DashboardPermissions/DashboardPermissions.tsx
  52. 5 5
      public/app/features/dashboard/components/DashboardRow/DashboardRow.tsx
  53. 1 1
      public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
  54. 1 1
      public/app/features/dashboard/components/SubMenu/SubMenu.tsx
  55. 30 28
      public/app/features/dashboard/containers/DashboardPage.test.tsx
  56. 10 10
      public/app/features/dashboard/dashgrid/DashboardGrid.tsx
  57. 5 5
      public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
  58. 2 7
      public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx
  59. 1 1
      public/app/features/dashboard/dashgrid/PanelResizer.tsx
  60. 0 1
      public/app/features/dashboard/index.ts
  61. 1 8
      public/app/features/dashboard/panel_editor/QueryEditorRow.tsx
  62. 1 1
      public/app/features/dashboard/services/DashboardSrv.ts
  63. 0 1
      public/app/features/dashboard/state/DashboardModel.ts
  64. 1 4
      public/app/features/dashboard/state/PanelModel.test.ts
  65. 0 1
      public/app/features/dashboard/state/actions.ts
  66. 6 10
      public/app/features/dashboard/state/initDashboard.test.ts
  67. 1 1
      public/app/features/dashboard/state/reducers.test.ts
  68. 0 1
      public/app/features/dashboard/state/reducers.ts
  69. 2 2
      public/app/features/dashboard/utils/panel.test.ts
  70. 2 2
      public/app/features/dashboard/utils/panel.ts
  71. 1 1
      public/app/features/datasources/DataSourceDashboards.test.tsx
  72. 5 6
      public/app/features/datasources/DataSourceDashboards.tsx
  73. 0 1
      public/app/features/folders/CreateFolderCtrl.ts
  74. 0 1
      public/app/features/folders/FolderDashboardsCtrl.ts
  75. 3 3
      public/app/features/org/OrgDetailsPage.test.tsx
  76. 1 1
      public/app/features/playlist/playlist_srv.ts
  77. 3 3
      public/app/features/plugins/PluginListPage.test.tsx
  78. 1 3
      public/app/features/plugins/PluginListPage.tsx
  79. 1 1
      public/app/features/plugins/datasource_srv.ts
  80. 2 1
      public/app/features/plugins/state/actions.ts
  81. 1 1
      public/app/features/plugins/state/reducers.ts
  82. 1 1
      public/app/features/templating/specs/template_srv.test.ts
  83. 1 7
      public/app/features/templating/specs/variable_srv.test.ts
  84. 7 7
      public/app/features/templating/variable_srv.ts
  85. 3 3
      public/app/features/users/UsersListPage.test.tsx
  86. 5 5
      public/app/features/users/UsersListPage.tsx
  87. 0 1
      public/app/plugins/datasource/cloudwatch/datasource.ts
  88. 10 6
      public/app/plugins/datasource/cloudwatch/specs/datasource.test.ts
  89. 2 2
      public/app/plugins/datasource/elasticsearch/specs/datasource.test.ts
  90. 2 4
      public/app/plugins/datasource/grafana-azure-monitor-datasource/app_insights/response_parser.ts
  91. 49 37
      public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/KustoQueryField.tsx
  92. 8 3
      public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/editor_component.tsx
  93. 621 266
      public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/kusto/kusto.ts
  94. 8 9
      public/app/plugins/datasource/grafana-azure-monitor-datasource/query_ctrl.ts
  95. 3 1
      public/app/plugins/datasource/loki/components/LokiQueryEditor.tsx
  96. 29 29
      public/app/plugins/datasource/loki/datasource.ts
  97. 0 1
      public/app/plugins/datasource/loki/types.ts
  98. 1 1
      public/app/plugins/datasource/mssql/specs/datasource.test.ts
  99. 0 1
      public/app/plugins/datasource/prometheus/types.ts
  100. 1 1
      public/app/plugins/datasource/testdata/QueryEditor.tsx

+ 1 - 1
packages/grafana-ui/src/components/ColorPicker/ColorPicker.story.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import {  boolean } from '@storybook/addon-knobs';
+import { boolean } from '@storybook/addon-knobs';
 import { SeriesColorPicker, ColorPicker } from './ColorPicker';
 import { action } from '@storybook/addon-actions';
 import { withCenteredStory } from '../../utils/storybook/withCenteredStory';

+ 1 - 1
packages/grafana-ui/src/components/ColorPicker/ColorPicker.tsx

@@ -30,7 +30,7 @@ export const warnAboutColorPickerPropsDeprecation = (componentName: string, prop
 
 export const colorPickerFactory = <T extends ColorPickerProps>(
   popover: React.ComponentType<T>,
-  displayName = 'ColorPicker',
+  displayName = 'ColorPicker'
 ) => {
   return class ColorPicker extends Component<T, any> {
     static displayName = displayName;

+ 9 - 3
packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.test.tsx

@@ -15,7 +15,7 @@ describe('ColorPickerPopover', () => {
 
   describe('rendering', () => {
     it('should render provided color as selected if color provided by name', () => {
-      const wrapper = mount(<ColorPickerPopover color={BasicGreen.name} onChange={() => {}} theme={getTheme()}/>);
+      const wrapper = mount(<ColorPickerPopover color={BasicGreen.name} onChange={() => {}} theme={getTheme()} />);
       const selectedSwatch = wrapper.find(ColorSwatch).findWhere(node => node.key() === BasicGreen.name);
       const notSelectedSwatches = wrapper.find(ColorSwatch).filterWhere(node => node.prop('isSelected') === false);
 
@@ -25,7 +25,9 @@ describe('ColorPickerPopover', () => {
     });
 
     it('should render provided color as selected if color provided by hex', () => {
-      const wrapper = mount(<ColorPickerPopover color={BasicGreen.variants.dark} onChange={() => {}} theme={getTheme()} />);
+      const wrapper = mount(
+        <ColorPickerPopover color={BasicGreen.variants.dark} onChange={() => {}} theme={getTheme()} />
+      );
       const selectedSwatch = wrapper.find(ColorSwatch).findWhere(node => node.key() === BasicGreen.name);
       const notSelectedSwatches = wrapper.find(ColorSwatch).filterWhere(node => node.prop('isSelected') === false);
 
@@ -46,7 +48,11 @@ describe('ColorPickerPopover', () => {
 
     it('should pass hex color value to onChange prop by default', () => {
       wrapper = mount(
-        <ColorPickerPopover color={BasicGreen.variants.dark} onChange={onChangeSpy} theme={getTheme(GrafanaThemeType.Light)} />
+        <ColorPickerPopover
+          color={BasicGreen.variants.dark}
+          onChange={onChangeSpy}
+          theme={getTheme(GrafanaThemeType.Light)}
+        />
       );
       const basicBlueSwatch = wrapper.find(ColorSwatch).findWhere(node => node.key() === BasicBlue.name);
 

+ 0 - 1
packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.tsx

@@ -119,4 +119,3 @@ export class ColorPickerPopover<T extends CustomPickersDescriptor> extends React
     );
   }
 }
-

+ 4 - 3
packages/grafana-ui/src/components/ColorPicker/NamedColorsPalette.test.tsx

@@ -7,7 +7,6 @@ import { getTheme } from '../../themes';
 import { GrafanaThemeType } from '../../types';
 
 describe('NamedColorsPalette', () => {
-
   const BasicGreen = getColorDefinitionByName('green');
 
   describe('theme support for named colors', () => {
@@ -23,13 +22,15 @@ describe('NamedColorsPalette', () => {
       expect(selectedSwatch.prop('color')).toBe(BasicGreen.variants.dark);
 
       wrapper.unmount();
-      wrapper = mount(<NamedColorsPalette color={BasicGreen.name} theme={getTheme(GrafanaThemeType.Light)} onChange={() => {}} />);
+      wrapper = mount(
+        <NamedColorsPalette color={BasicGreen.name} theme={getTheme(GrafanaThemeType.Light)} onChange={() => {}} />
+      );
       selectedSwatch = wrapper.find(ColorSwatch).findWhere(node => node.key() === BasicGreen.name);
       expect(selectedSwatch.prop('color')).toBe(BasicGreen.variants.light);
     });
 
     it('should render dar variant of provided color when theme not provided', () => {
-      wrapper = mount(<NamedColorsPalette color={BasicGreen.name} onChange={() => {}} theme={getTheme()}/>);
+      wrapper = mount(<NamedColorsPalette color={BasicGreen.name} onChange={() => {}} theme={getTheme()} />);
       selectedSwatch = wrapper.find(ColorSwatch).findWhere(node => node.key() === BasicGreen.name);
       expect(selectedSwatch.prop('color')).toBe(BasicGreen.variants.dark);
     });

+ 0 - 1
packages/grafana-ui/src/components/ColorPicker/SpectrumPalettePointer.tsx

@@ -15,7 +15,6 @@ const SpectrumPalettePointer: React.FunctionComponent<SpectrumPalettePointerProp
     },
   };
 
-
   const pointerColor = selectThemeVariant(
     {
       light: theme.colors.dark3,

+ 1 - 1
packages/grafana-ui/src/components/CustomScrollbar/_CustomScrollbar.scss

@@ -37,4 +37,4 @@
     @include gradient-horizontal($scrollbarBackground, $scrollbarBackground2);
     border-radius: 6px;
   }
-}
+}

+ 1 - 1
packages/grafana-ui/src/components/FormLabel/FormLabel.tsx

@@ -31,7 +31,7 @@ export const FormLabel: FunctionComponent<Props> = ({
     <label className={classes} {...rest} htmlFor={htmlFor}>
       {children}
       {tooltip && (
-        <Tooltip placement="top" content={tooltip} theme={"info"}>
+        <Tooltip placement="top" content={tooltip} theme={'info'}>
           <div className="gf-form-help-icon gf-form-help-icon--right-normal">
             <i className="fa fa-info-circle" />
           </div>

+ 1 - 1
packages/grafana-ui/src/components/Gauge/Gauge.test.tsx

@@ -25,7 +25,7 @@ const setup = (propOverrides?: object) => {
     width: 300,
     value: 25,
     decimals: 0,
-    theme: getTheme()
+    theme: getTheme(),
   };
 
   Object.assign(props, propOverrides);

+ 1 - 6
packages/grafana-ui/src/components/PanelOptionsGrid/PanelOptionsGrid.tsx

@@ -6,10 +6,5 @@ interface Props {
 }
 
 export const PanelOptionsGrid: SFC<Props> = ({ children }) => {
-
-  return (
-    <div className="panel-options-grid">
-      {children}
-    </div>
-  );
+  return <div className="panel-options-grid">{children}</div>;
 };

+ 3 - 1
packages/grafana-ui/src/components/Select/Select.tsx

@@ -61,7 +61,9 @@ interface AsyncProps {
 export const MenuList = (props: any) => {
   return (
     <components.MenuList {...props}>
-      <CustomScrollbar autoHide={false} autoHeightMax="inherit">{props.children}</CustomScrollbar>
+      <CustomScrollbar autoHide={false} autoHeightMax="inherit">
+        {props.children}
+      </CustomScrollbar>
     </components.MenuList>
   );
 };

+ 1 - 1
packages/grafana-ui/src/components/Tooltip/Tooltip.tsx

@@ -21,7 +21,7 @@ export const Tooltip = ({ children, theme, ...controllerProps }: TooltipProps) =
                 onMouseEnter={showPopper}
                 onMouseLeave={hidePopper}
                 referenceElement={tooltipTriggerRef.current}
-                wrapperClassName='popper'
+                wrapperClassName="popper"
                 className={popperBackgroundClassName}
                 renderArrow={({ arrowProps, placement }) => (
                   <div className="popper__arrow" data-placement={placement} {...arrowProps} />

+ 9 - 9
packages/grafana-ui/src/components/ValueMappingsEditor/ValueMappingsEditor.tsx

@@ -82,15 +82,15 @@ export class ValueMappingsEditor extends PureComponent<Props, State> {
 
     return (
       <PanelOptionsGroup title="Add value mapping" onAdd={this.addMapping}>
-          {valueMappings.length > 0 &&
-            valueMappings.map((valueMapping, index) => (
-              <MappingRow
-                key={`${valueMapping.text}-${index}`}
-                valueMapping={valueMapping}
-                updateValueMapping={this.updateGauge}
-                removeValueMapping={() => this.onRemoveMapping(valueMapping.id)}
-              />
-            ))}
+        {valueMappings.length > 0 &&
+          valueMappings.map((valueMapping, index) => (
+            <MappingRow
+              key={`${valueMapping.text}-${index}`}
+              valueMapping={valueMapping}
+              updateValueMapping={this.updateGauge}
+              removeValueMapping={() => this.onRemoveMapping(valueMapping.id)}
+            />
+          ))}
       </PanelOptionsGroup>
     );
   }

+ 1 - 1
packages/grafana-ui/src/components/index.scss

@@ -7,4 +7,4 @@
 @import 'PanelOptionsGrid/PanelOptionsGrid';
 @import 'ColorPicker/ColorPicker';
 @import 'ValueMappingsEditor/ValueMappingsEditor';
-@import "FormField/FormField";
+@import 'FormField/FormField';

+ 1 - 1
packages/grafana-ui/src/themes/dark.ts

@@ -1,4 +1,4 @@
-import tinycolor  from 'tinycolor2';
+import tinycolor from 'tinycolor2';
 import defaultTheme from './default';
 import { GrafanaTheme, GrafanaThemeType } from '../types/theme';
 

+ 7 - 9
packages/grafana-ui/src/themes/default.ts

@@ -1,12 +1,10 @@
-
-
 const theme = {
   name: 'Grafana Default',
   typography: {
     fontFamily: {
       sansSerif: "'Roboto', Helvetica, Arial, sans-serif;",
       serif: "Georgia, 'Times New Roman', Times, serif;",
-      monospace: "Menlo, Monaco, Consolas, 'Courier New', monospace;"
+      monospace: "Menlo, Monaco, Consolas, 'Courier New', monospace;",
     },
     size: {
       base: '13px',
@@ -31,16 +29,16 @@ const theme = {
     lineHeight: {
       xs: 1,
       s: 1.1,
-      m: 4/3,
-      l: 1.5
-    }
+      m: 4 / 3,
+      l: 1.5,
+    },
   },
   brakpoints: {
     xs: '0',
     s: '544px',
     m: '768px',
     l: '992px',
-    xl: '1200px'
+    xl: '1200px',
   },
   spacing: {
     xs: '0',
@@ -55,8 +53,8 @@ const theme = {
       xs: '2px',
       s: '3px',
       m: '5px',
-    }
-  }
+    },
+  },
 };
 
 export default theme;

+ 4 - 6
packages/grafana-ui/src/themes/selectThemeVariant.test.ts

@@ -40,12 +40,10 @@ describe('Theme variable variant selector', () => {
   it('return dark theme variant if no theme given', () => {
     const theme = lightThemeMock;
 
-    const selectedValue = selectThemeVariant(
-      {
-        dark: theme.color.red,
-        light: theme.color.green,
-      }
-    );
+    const selectedValue = selectThemeVariant({
+      dark: theme.color.red,
+      light: theme.color.green,
+    });
 
     expect(selectedValue).toBe(lightThemeMock.color.red);
   });

+ 2 - 4
packages/grafana-ui/src/themes/selectThemeVariant.ts

@@ -1,8 +1,6 @@
-import {  GrafanaThemeType } from '../types/theme';
+import { GrafanaThemeType } from '../types/theme';
 
-type VariantDescriptor = {
-  [key in GrafanaThemeType]: string | number;
-};
+type VariantDescriptor = { [key in GrafanaThemeType]: string | number };
 
 export const selectThemeVariant = (variants: VariantDescriptor, currentTheme?: GrafanaThemeType) => {
   return variants[currentTheme || GrafanaThemeType.Dark];

+ 0 - 1
packages/grafana-ui/src/types/index.ts

@@ -1,4 +1,3 @@
-
 export * from './data';
 export * from './time';
 export * from './panel';

+ 1 - 1
packages/grafana-ui/src/utils/namedColorsPalette.test.ts

@@ -45,7 +45,7 @@ describe('colors', () => {
 
   describe('getColorFromHexRgbOrName', () => {
     it('returns black for unknown color', () => {
-      expect(getColorFromHexRgbOrName('aruba-sunshine')).toBe("#000000");
+      expect(getColorFromHexRgbOrName('aruba-sunshine')).toBe('#000000');
     });
 
     it('returns dark hex variant for known color if theme not specified', () => {

+ 6 - 2
packages/grafana-ui/src/utils/namedColorsPalette.ts

@@ -70,7 +70,9 @@ export const getColorDefinitionByName = (name: Color): ColorDefinition => {
 };
 
 export const getColorDefinition = (hex: string, theme: GrafanaThemeType): ColorDefinition | undefined => {
-  return flatten(Array.from(getNamedColorPalette().values())).filter(definition => definition.variants[theme] === hex)[0];
+  return flatten(Array.from(getNamedColorPalette().values())).filter(
+    definition => definition.variants[theme] === hex
+  )[0];
 };
 
 const isHex = (color: string) => {
@@ -95,7 +97,9 @@ export const getColorName = (color?: string, theme?: GrafanaThemeType): Color |
 };
 
 export const getColorByName = (colorName: string) => {
-  const definition = flatten(Array.from(getNamedColorPalette().values())).filter(definition => definition.name === colorName);
+  const definition = flatten(Array.from(getNamedColorPalette().values())).filter(
+    definition => definition.name === colorName
+  );
   return definition.length > 0 ? definition[0] : undefined;
 };
 

+ 1 - 1
packages/grafana-ui/src/utils/processTimeSeries.ts

@@ -51,7 +51,7 @@ export function processTimeSeries({ timeSeries, nullValueMode }: Options): TimeS
       }
 
       if (currentValue !== null && typeof currentValue !== 'number') {
-        throw {message: 'Time series contains non number values'};
+        throw { message: 'Time series contains non number values' };
       }
 
       // Due to missing values we could have different timeStep all along the series

+ 1 - 6
packages/grafana-ui/src/utils/storybook/withTheme.tsx

@@ -15,12 +15,7 @@ const ThemableStory: React.FunctionComponent<{}> = ({ children }) => {
     GrafanaThemeType.Dark
   );
 
-  return (
-    <ThemeContext.Provider value={getTheme(themeKnob)}>
-      {children}
-    </ThemeContext.Provider>
-
-  );
+  return <ThemeContext.Provider value={getTheme(themeKnob)}>{children}</ThemeContext.Provider>;
 };
 
 // Temporary solution. When we update to Storybook V5 we will be able to pass data from decorator to story

+ 2 - 2
packages/grafana-ui/src/utils/valueFormats/categories.ts

@@ -306,7 +306,7 @@ export const getCategories = (): ValueFormatCategory[] => [
       { name: 'kilometers/hour (km/h)', id: 'velocitykmh', fn: toFixedUnit('km/h') },
       { name: 'miles/hour (mph)', id: 'velocitymph', fn: toFixedUnit('mph') },
       { name: 'knot (kn)', id: 'velocityknot', fn: toFixedUnit('kn') },
-    ]
+    ],
   },
   {
     name: 'Volume',
@@ -318,5 +318,5 @@ export const getCategories = (): ValueFormatCategory[] => [
       { name: 'cubic decimetre', id: 'dm3', fn: toFixedUnit('dm³') },
       { name: 'gallons', id: 'gallons', fn: toFixedUnit('gal') },
     ],
-  }
+  },
 ];

+ 1 - 1
public/app/core/components/ErrorBoundary/ErrorBoundary.tsx

@@ -27,7 +27,7 @@ class ErrorBoundary extends Component<Props, State> {
   componentDidCatch(error: Error, errorInfo: ErrorInfo) {
     this.setState({
       error: error,
-      errorInfo: errorInfo
+      errorInfo: errorInfo,
     });
   }
 

+ 42 - 35
public/app/core/components/Footer/Footer.tsx

@@ -9,42 +9,49 @@ interface Props {
   newGrafanaVersion: string;
 }
 
-export const Footer: FC<Props> = React.memo(({appName, buildVersion, buildCommit, newGrafanaVersionExists, newGrafanaVersion}) => {
-  return (
-    <footer className="footer">
-      <div className="text-center">
-        <ul>
-          <li>
-            <a href="http://docs.grafana.org" target="_blank">
-              <i className="fa fa-file-code-o" /> Docs
-            </a>
-          </li>
-          <li>
-            <a href="https://grafana.com/services/support" target="_blank">
-              <i className="fa fa-support" /> Support Plans
-            </a>
-          </li>
-          <li>
-            <a href="https://community.grafana.com/" target="_blank">
-              <i className="fa fa-comments-o" /> Community
-            </a>
-          </li>
-          <li>
-            <a href="https://grafana.com" target="_blank">{appName}</a> <span>v{buildVersion} (commit: {buildCommit})</span>
-          </li>
-          {newGrafanaVersionExists && (
+export const Footer: FC<Props> = React.memo(
+  ({ appName, buildVersion, buildCommit, newGrafanaVersionExists, newGrafanaVersion }) => {
+    return (
+      <footer className="footer">
+        <div className="text-center">
+          <ul>
             <li>
-              <Tooltip placement="auto" content={newGrafanaVersion}>
-                <a href="https://grafana.com/get" target="_blank">
-                  New version available!
-                </a>
-              </Tooltip>
+              <a href="http://docs.grafana.org" target="_blank">
+                <i className="fa fa-file-code-o" /> Docs
+              </a>
             </li>
-          )}
-        </ul>
-      </div>
-    </footer>
-  );
-});
+            <li>
+              <a href="https://grafana.com/services/support" target="_blank">
+                <i className="fa fa-support" /> Support Plans
+              </a>
+            </li>
+            <li>
+              <a href="https://community.grafana.com/" target="_blank">
+                <i className="fa fa-comments-o" /> Community
+              </a>
+            </li>
+            <li>
+              <a href="https://grafana.com" target="_blank">
+                {appName}
+              </a>{' '}
+              <span>
+                v{buildVersion} (commit: {buildCommit})
+              </span>
+            </li>
+            {newGrafanaVersionExists && (
+              <li>
+                <Tooltip placement="auto" content={newGrafanaVersion}>
+                  <a href="https://grafana.com/get" target="_blank">
+                    New version available!
+                  </a>
+                </Tooltip>
+              </li>
+            )}
+          </ul>
+        </div>
+      </footer>
+    );
+  }
+);
 
 export default Footer;

+ 17 - 16
public/app/core/components/Page/Page.tsx

@@ -33,9 +33,9 @@ class Page extends Component<Props> {
   updateTitle = () => {
     const title = this.getPageTitle;
     document.title = title ? title + ' - Grafana' : 'Grafana';
-  }
+  };
 
-  get getPageTitle () {
+  get getPageTitle() {
     const { navModel } = this.props;
     if (navModel) {
       return getTitleFromNavModel(navModel) || undefined;
@@ -47,20 +47,21 @@ class Page extends Component<Props> {
     const { navModel } = this.props;
     const { buildInfo } = config;
     return (
-        <div className="page-scrollbar-wrapper">
-          <CustomScrollbar autoHeightMin={'100%'}>
-            <div className="page-scrollbar-content">
-              <PageHeader model={navModel} />
-              {this.props.children}
-              <Footer
-                appName="Grafana"
-                buildCommit={buildInfo.commit}
-                buildVersion={buildInfo.version}
-                newGrafanaVersion={buildInfo.latestVersion}
-                newGrafanaVersionExists={buildInfo.hasUpdate} />
-            </div>
-          </CustomScrollbar>
-        </div>
+      <div className="page-scrollbar-wrapper">
+        <CustomScrollbar autoHeightMin={'100%'}>
+          <div className="page-scrollbar-content">
+            <PageHeader model={navModel} />
+            {this.props.children}
+            <Footer
+              appName="Grafana"
+              buildCommit={buildInfo.commit}
+              buildVersion={buildInfo.version}
+              newGrafanaVersion={buildInfo.latestVersion}
+              newGrafanaVersionExists={buildInfo.hasUpdate}
+            />
+          </div>
+        </CustomScrollbar>
+      </div>
     );
   }
 }

+ 0 - 1
public/app/core/components/Page/PageContents.tsx

@@ -10,7 +10,6 @@ interface Props {
 }
 
 class PageContents extends Component<Props> {
-
   render() {
     const { isLoading } = this.props;
 

+ 3 - 3
public/app/core/components/sidemenu/SideMenu.test.tsx

@@ -13,9 +13,9 @@ jest.mock('app/store/store', () => ({
     getState: jest.fn().mockReturnValue({
       location: {
         lastUpdated: 0,
-      }
-    })
-  }
+      },
+    }),
+  },
 }));
 
 jest.mock('app/core/services/context_srv', () => ({

+ 1 - 1
public/app/core/config.ts

@@ -57,7 +57,7 @@ export class Settings {
         isEnterprise: false,
       },
       viewersCanEdit: false,
-      disableSanitizeHtml: false
+      disableSanitizeHtml: false,
     };
 
     _.extend(this, defaults, options);

+ 1 - 1
public/app/core/directives/autofill_event_fix.ts

@@ -28,7 +28,7 @@ export function autofillEventFix($compile) {
         input.removeEventListener('animationstart', onAnimationStart);
         // input.removeEventListener('change', onChange);
       });
-    }
+    },
   };
 }
 

+ 1 - 1
public/app/core/directives/dropdown_typeahead.ts

@@ -142,7 +142,7 @@ export function dropdownTypeahead2($compile) {
       const $input = $(inputTemplate);
       const $button = $(buttonTemplate);
       const timeoutId = {
-        blur: null
+        blur: null,
       };
       $input.appendTo(elem);
       $button.appendTo(elem);

+ 1 - 1
public/app/core/logs_model.ts

@@ -344,7 +344,7 @@ export function makeSeriesForLogs(rows: LogRowModel[], intervalMs: number): Time
       datapoints: series.datapoints,
       target: series.alias,
       alias: series.alias,
-      color: series.color
+      color: series.color,
     };
   });
 }

+ 0 - 1
public/app/core/profiler.ts

@@ -1,4 +1,3 @@
-
 export class Profiler {
   panelsRendered: number;
   enabled: boolean;

+ 1 - 1
public/app/core/selectors/navModel.ts

@@ -43,5 +43,5 @@ export function getNavModel(navIndex: NavIndex, id: string, fallback?: NavModel)
 }
 
 export const getTitleFromNavModel = (navModel: NavModel) => {
-  return `${navModel.main.text}${navModel.node.text ? ': ' + navModel.node.text : '' }`;
+  return `${navModel.main.text}${navModel.node.text ? ': ' + navModel.node.text : ''}`;
 };

+ 0 - 3
public/app/core/services/__mocks__/backend_srv.ts

@@ -1,4 +1,3 @@
-
 const backendSrv = {
   get: jest.fn(),
   getDashboard: jest.fn(),
@@ -10,5 +9,3 @@ const backendSrv = {
 export function getBackendSrv() {
   return backendSrv;
 }
-
-

+ 5 - 8
public/app/core/specs/PasswordStrength.test.tsx

@@ -1,24 +1,21 @@
 import React from 'react';
-import {shallow} from 'enzyme';
+import { shallow } from 'enzyme';
 
-import {PasswordStrength} from '../components/PasswordStrength';
+import { PasswordStrength } from '../components/PasswordStrength';
 
 describe('PasswordStrength', () => {
-
   it('should have class bad if length below 4', () => {
     const wrapper = shallow(<PasswordStrength password="asd" />);
-    expect(wrapper.find(".password-strength-bad")).toHaveLength(1);
+    expect(wrapper.find('.password-strength-bad')).toHaveLength(1);
   });
 
   it('should have class ok if length below 8', () => {
     const wrapper = shallow(<PasswordStrength password="asdasd" />);
-    expect(wrapper.find(".password-strength-ok")).toHaveLength(1);
+    expect(wrapper.find('.password-strength-ok')).toHaveLength(1);
   });
 
   it('should have class good if length above 8', () => {
     const wrapper = shallow(<PasswordStrength password="asdaasdda" />);
-    expect(wrapper.find(".password-strength-good")).toHaveLength(1);
+    expect(wrapper.find('.password-strength-good')).toHaveLength(1);
   });
-
 });
-

+ 1 - 1
public/app/core/utils/explore.test.ts

@@ -19,7 +19,7 @@ const DEFAULT_EXPLORE_STATE: ExploreUrlState = {
     showingTable: true,
     showingLogs: true,
     dedupStrategy: LogsDedupStrategy.none,
-  }
+  },
 };
 
 describe('state functions', () => {

+ 8 - 1
public/app/core/utils/explore.ts

@@ -207,7 +207,14 @@ export function serializeStateToUrlParam(urlState: ExploreUrlState, compact?: bo
       urlState.range.to,
       urlState.datasource,
       ...urlState.queries,
-      { ui: [!!urlState.ui.showingGraph, !!urlState.ui.showingLogs, !!urlState.ui.showingTable, urlState.ui.dedupStrategy] },
+      {
+        ui: [
+          !!urlState.ui.showingGraph,
+          !!urlState.ui.showingLogs,
+          !!urlState.ui.showingTable,
+          urlState.ui.dedupStrategy,
+        ],
+      },
     ]);
   }
   return JSON.stringify(urlState);

+ 4 - 4
public/app/core/utils/kbn.ts

@@ -289,21 +289,21 @@ kbn.getUnitFormats = () => {
 //
 // Backward compatible layer for value formats to support old plugins
 //
-if (typeof Proxy !== "undefined") {
+if (typeof Proxy !== 'undefined') {
   kbn.valueFormats = new Proxy(kbn.valueFormats, {
     get(target, name, receiver) {
       if (typeof name !== 'string') {
-        throw {message: `Value format ${String(name)} is not a string` };
+        throw { message: `Value format ${String(name)} is not a string` };
       }
 
       const formatter = getValueFormat(name);
-      if  (formatter) {
+      if (formatter) {
         return formatter;
       }
 
       // default to look here
       return Reflect.get(target, name, receiver);
-    }
+    },
   });
 } else {
   kbn.valueFormats = getValueFormatterIndex();

+ 2 - 2
public/app/core/utils/scrollbar.ts

@@ -15,7 +15,7 @@ export default function getScrollbarWidth() {
       position: 'absolute',
       top: '-9999px',
       overflow: 'scroll',
-      MsOverflowStyle: 'scrollbar'
+      MsOverflowStyle: 'scrollbar',
     };
 
     Object.keys(newStyles).map(style => {
@@ -23,7 +23,7 @@ export default function getScrollbarWidth() {
     });
 
     document.body.appendChild(div);
-    scrollbarWidth = (div.offsetWidth - div.clientWidth);
+    scrollbarWidth = div.offsetWidth - div.clientWidth;
     document.body.removeChild(div);
   } else {
     scrollbarWidth = 0;

+ 2 - 2
public/app/core/utils/text.ts

@@ -50,7 +50,7 @@ const XSSWL = Object.keys(xss.whiteList).reduce((acc, element) => {
 }, {});
 
 const sanitizeXSS = new xss.FilterXSS({
-  whiteList: XSSWL
+  whiteList: XSSWL,
 });
 
 /**
@@ -60,7 +60,7 @@ const sanitizeXSS = new xss.FilterXSS({
  * Info: https://github.com/leizongmin/js-xss#customize-css-filter
  * Whitelist: https://github.com/leizongmin/js-css-filter/blob/master/lib/default.js
  */
-export function sanitize (unsanitizedString: string): string {
+export function sanitize(unsanitizedString: string): string {
   try {
     return sanitizeXSS.process(unsanitizedString);
   } catch (error) {

+ 7 - 7
public/app/core/utils/url.ts

@@ -12,13 +12,13 @@ export function renderUrl(path: string, query: UrlQueryMap | undefined): string
 }
 
 export function encodeURIComponentAsAngularJS(val, pctEncodeSpaces) {
-  return encodeURIComponent(val).
-             replace(/%40/gi, '@').
-             replace(/%3A/gi, ':').
-             replace(/%24/g, '$').
-             replace(/%2C/gi, ',').
-             replace(/%3B/gi, ';').
-             replace(/%20/g, (pctEncodeSpaces ? '%20' : '+'));
+  return encodeURIComponent(val)
+    .replace(/%40/gi, '@')
+    .replace(/%3A/gi, ':')
+    .replace(/%24/g, '$')
+    .replace(/%2C/gi, ',')
+    .replace(/%3B/gi, ';')
+    .replace(/%20/g, pctEncodeSpaces ? '%20' : '+');
 }
 
 export function toUrlParams(a) {

+ 0 - 2
public/app/features/admin/AdminEditOrgCtrl.ts

@@ -1,4 +1,3 @@
-
 export default class AdminEditOrgCtrl {
   /** @ngInject */
   constructor($scope, $routeParams, backendSrv, $location, navModelSrv) {
@@ -46,4 +45,3 @@ export default class AdminEditOrgCtrl {
     $scope.init();
   }
 }
-

+ 0 - 2
public/app/features/admin/AdminListOrgsCtrl.ts

@@ -1,4 +1,3 @@
-
 export default class AdminListOrgsCtrl {
   /** @ngInject */
   constructor($scope, backendSrv, navModelSrv) {
@@ -31,4 +30,3 @@ export default class AdminListOrgsCtrl {
     $scope.init();
   }
 }
-

+ 1 - 1
public/app/features/admin/ServerStats.tsx

@@ -22,7 +22,7 @@ export class ServerStats extends PureComponent<Props, State> {
 
     this.state = {
       stats: [],
-      isLoading: false
+      isLoading: false,
     };
   }
 

+ 0 - 1
public/app/features/admin/StyleGuideCtrl.ts

@@ -25,4 +25,3 @@ export default class StyleGuideCtrl {
     });
   }
 }
-

+ 3 - 3
public/app/features/alerting/AlertTabCtrl.ts

@@ -140,7 +140,7 @@ export class AlertTabCtrl {
       name: model.name,
       iconClass: this.getNotificationIcon(model.type),
       isDefault: false,
-      uid: model.uid
+      uid: model.uid,
     });
 
     // avoid duplicates using both id and uid to be backwards compatible.
@@ -157,8 +157,8 @@ export class AlertTabCtrl {
   removeNotification(an) {
     // remove notifiers refeered to by id and uid to support notifiers added
     // before and after we added support for uid
-    _.remove(this.alert.notifications, n =>  n.uid === an.uid || n.id === an.id);
-    _.remove(this.alertNotifications, n =>  n.uid === an.uid || n.id === an.id);
+    _.remove(this.alert.notifications, n => n.uid === an.uid || n.id === an.id);
+    _.remove(this.alertNotifications, n => n.uid === an.uid || n.id === an.id);
   }
 
   initModel() {

+ 1 - 7
public/app/features/dashboard/components/AdHocFilters/AdHocFiltersCtrl.ts

@@ -10,13 +10,7 @@ export class AdHocFiltersCtrl {
   removeTagFilterSegment: any;
 
   /** @ngInject */
-  constructor(
-    private uiSegmentSrv,
-    private datasourceSrv,
-    private $q,
-    private variableSrv,
-    $scope,
-  ) {
+  constructor(private uiSegmentSrv, private datasourceSrv, private $q, private variableSrv, $scope) {
     this.removeTagFilterSegment = uiSegmentSrv.newSegment({
       fake: true,
       value: '-- remove filter --',

+ 4 - 2
public/app/features/dashboard/components/AddPanelWidget/AddPanelWidget.tsx

@@ -87,7 +87,7 @@ export class AddPanelWidget extends React.Component<Props, State> {
 
     if (tab === 'visualization') {
       location.query.tab = 'visualization';
-      location.query.openVizPicker  = true;
+      location.query.openVizPicker = true;
     }
 
     reduxStore.dispatch(updateLocation(location));
@@ -161,7 +161,9 @@ export class AddPanelWidget extends React.Component<Props, State> {
               )}
             </div>
             <div className="add-panel-widget__actions">
-              <button className="btn btn-inverse add-panel-widget__action" onClick={this.onCreateNewRow}>Convert to row</button>
+              <button className="btn btn-inverse add-panel-widget__action" onClick={this.onCreateNewRow}>
+                Convert to row
+              </button>
               {copiedPanelPlugins.length === 1 && (
                 <button
                   className="btn btn-inverse add-panel-widget__action"

+ 3 - 1
public/app/features/dashboard/components/DashboardPermissions/DashboardPermissions.tsx

@@ -76,7 +76,9 @@ export class DashboardPermissions extends PureComponent<Props, State> {
               </div>
             </Tooltip>
             <div className="page-action-bar__spacer" />
-            <button className="btn btn-primary pull-right" onClick={this.onOpenAddPermissions} disabled={isAdding}>Add Permission</button>
+            <button className="btn btn-primary pull-right" onClick={this.onOpenAddPermissions} disabled={isAdding}>
+              Add Permission
+            </button>
           </div>
         </div>
         <SlideDown in={isAdding}>

+ 5 - 5
public/app/features/dashboard/components/DashboardRow/DashboardRow.tsx

@@ -27,7 +27,7 @@ export class DashboardRow extends React.Component<DashboardRowProps, any> {
 
   onVariableUpdated = () => {
     this.forceUpdate();
-  }
+  };
 
   onToggle = () => {
     this.props.dashboard.toggleRow(this.props.panel);
@@ -35,12 +35,12 @@ export class DashboardRow extends React.Component<DashboardRowProps, any> {
     this.setState(prevState => {
       return { collapsed: !prevState.collapsed };
     });
-  }
+  };
 
   onUpdate = () => {
     this.props.dashboard.processRepeats();
     this.forceUpdate();
-  }
+  };
 
   onOpenSettings = () => {
     appEvents.emit('show-modal', {
@@ -51,7 +51,7 @@ export class DashboardRow extends React.Component<DashboardRowProps, any> {
         onUpdated: this.onUpdate,
       },
     });
-  }
+  };
 
   onDelete = () => {
     appEvents.emit('confirm-modal', {
@@ -66,7 +66,7 @@ export class DashboardRow extends React.Component<DashboardRowProps, any> {
         this.props.dashboard.removeRow(this.props.panel, false);
       },
     });
-  }
+  };
 
   render() {
     const classes = classNames({

+ 1 - 1
public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx

@@ -31,6 +31,6 @@ export class DashboardSettings extends PureComponent<Props> {
   }
 
   render() {
-    return <div className="panel-height-helper" ref={element => this.element = element} />;
+    return <div className="panel-height-helper" ref={element => (this.element = element)} />;
   }
 }

+ 1 - 1
public/app/features/dashboard/components/SubMenu/SubMenu.tsx

@@ -31,6 +31,6 @@ export class SubMenu extends PureComponent<Props> {
   }
 
   render() {
-    return <div ref={element => this.element = element} />;
+    return <div ref={element => (this.element = element)} />;
   }
 }

+ 30 - 28
public/app/features/dashboard/containers/DashboardPage.test.tsx

@@ -3,7 +3,7 @@ import { shallow, ShallowWrapper } from 'enzyme';
 import { DashboardPage, Props, State } from './DashboardPage';
 import { DashboardModel } from '../state';
 import { cleanUpDashboard } from '../state/actions';
-import { getNoPayloadActionCreatorMock, NoPayloadActionCreatorMock  } from 'app/core/redux';
+import { getNoPayloadActionCreatorMock, NoPayloadActionCreatorMock } from 'app/core/redux';
 import { DashboardRouteInfo, DashboardInitPhase } from 'app/types';
 
 jest.mock('sass/_variables.scss', () => ({
@@ -23,17 +23,20 @@ interface ScenarioContext {
 }
 
 function getTestDashboard(overrides?: any, metaOverrides?: any): DashboardModel {
-  const data = Object.assign({
-    title: 'My dashboard',
-    panels: [
-      {
-        id: 1,
-        type: 'graph',
-        title: 'My graph',
-        gridPos: { x: 0, y: 0, w: 1, h: 1 },
-      },
-    ],
-  }, overrides);
+  const data = Object.assign(
+    {
+      title: 'My dashboard',
+      panels: [
+        {
+          id: 1,
+          type: 'graph',
+          title: 'My graph',
+          gridPos: { x: 0, y: 0, w: 1, h: 1 },
+        },
+      ],
+    },
+    overrides
+  );
 
   const meta = Object.assign({ canSave: true, canEdit: true }, metaOverrides);
   return new DashboardModel(data, meta);
@@ -74,7 +77,7 @@ function dashboardPageScenario(description, scenarioFn: (ctx: ScenarioContext) =
 
         ctx.dashboard = props.dashboard;
         ctx.wrapper = shallow(<DashboardPage {...props} />);
-      }
+      },
     };
 
     beforeEach(() => {
@@ -86,8 +89,7 @@ function dashboardPageScenario(description, scenarioFn: (ctx: ScenarioContext) =
 }
 
 describe('DashboardPage', () => {
-
-  dashboardPageScenario("Given initial state", (ctx) => {
+  dashboardPageScenario('Given initial state', ctx => {
     ctx.setup(() => {
       ctx.mount();
     });
@@ -97,7 +99,7 @@ describe('DashboardPage', () => {
     });
   });
 
-  dashboardPageScenario("Dashboard is fetching slowly", (ctx) => {
+  dashboardPageScenario('Dashboard is fetching slowly', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.wrapper.setProps({
@@ -111,7 +113,7 @@ describe('DashboardPage', () => {
     });
   });
 
-  dashboardPageScenario("Dashboard init completed ", (ctx) => {
+  dashboardPageScenario('Dashboard init completed ', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.setDashboardProp();
@@ -126,7 +128,7 @@ describe('DashboardPage', () => {
     });
   });
 
-  dashboardPageScenario("When user goes into panel edit", (ctx) => {
+  dashboardPageScenario('When user goes into panel edit', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.setDashboardProp();
@@ -149,7 +151,7 @@ describe('DashboardPage', () => {
     });
   });
 
-  dashboardPageScenario("When user goes back to dashboard from panel edit", (ctx) => {
+  dashboardPageScenario('When user goes back to dashboard from panel edit', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.setDashboardProp();
@@ -179,7 +181,7 @@ describe('DashboardPage', () => {
     });
   });
 
-  dashboardPageScenario("When dashboard has editview url state", (ctx) => {
+  dashboardPageScenario('When dashboard has editview url state', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.setDashboardProp();
@@ -197,7 +199,7 @@ describe('DashboardPage', () => {
     });
   });
 
-  dashboardPageScenario("When adding panel", (ctx) => {
+  dashboardPageScenario('When adding panel', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.setDashboardProp();
@@ -214,37 +216,37 @@ describe('DashboardPage', () => {
     });
   });
 
-  dashboardPageScenario("Given panel with id 0", (ctx) => {
+  dashboardPageScenario('Given panel with id 0', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.setDashboardProp({
-        panels: [{ id: 0, type: 'graph'}],
+        panels: [{ id: 0, type: 'graph' }],
         schemaVersion: 17,
       });
       ctx.wrapper.setProps({
         urlEdit: true,
         urlFullscreen: true,
-        urlPanelId: '0'
+        urlPanelId: '0',
       });
     });
 
-    it('Should go into edit mode' , () => {
+    it('Should go into edit mode', () => {
       expect(ctx.wrapper.state().isEditing).toBe(true);
       expect(ctx.wrapper.state().fullscreenPanel.id).toBe(0);
     });
   });
 
-  dashboardPageScenario("When dashboard unmounts", (ctx) => {
+  dashboardPageScenario('When dashboard unmounts', ctx => {
     ctx.setup(() => {
       ctx.mount();
       ctx.setDashboardProp({
-        panels: [{ id: 0, type: 'graph'}],
+        panels: [{ id: 0, type: 'graph' }],
         schemaVersion: 17,
       });
       ctx.wrapper.unmount();
     });
 
-    it('Should call clean up action' , () => {
+    it('Should call clean up action', () => {
       expect(ctx.cleanUpDashboardMock.calls).toBe(1);
     });
   });

+ 10 - 10
public/app/features/dashboard/dashgrid/DashboardGrid.tsx

@@ -14,7 +14,7 @@ let lastGridWidth = 1200;
 let ignoreNextWidthChange = false;
 
 interface GridWrapperProps {
-  size: { width: number; };
+  size: { width: number };
   layout: ReactGridLayout.Layout[];
   onLayoutChange: (layout: ReactGridLayout.Layout[]) => void;
   children: JSX.Element | JSX.Element[];
@@ -41,7 +41,7 @@ function GridWrapper({
   isResizable,
   isDraggable,
   isFullscreen,
-}: GridWrapperProps)  {
+}: GridWrapperProps) {
   const width = size.width > 0 ? size.width : lastGridWidth;
 
   // logic to ignore width changes (optimization)
@@ -149,21 +149,21 @@ export class DashboardGrid extends PureComponent<Props> {
     }
 
     this.props.dashboard.sortPanelsByGridPos();
-  }
+  };
 
   triggerForceUpdate = () => {
     this.forceUpdate();
-  }
+  };
 
   onWidthChange = () => {
     for (const panel of this.props.dashboard.panels) {
       panel.resizeDone();
     }
-  }
+  };
 
   onViewModeChanged = () => {
     ignoreNextWidthChange = true;
-  }
+  };
 
   updateGridPos = (item: ReactGridLayout.Layout, layout: ReactGridLayout.Layout[]) => {
     this.panelMap[item.i].updateGridPos(item);
@@ -171,21 +171,21 @@ export class DashboardGrid extends PureComponent<Props> {
     // react-grid-layout has a bug (#670), and onLayoutChange() is only called when the component is mounted.
     // So it's required to call it explicitly when panel resized or moved to save layout changes.
     this.onLayoutChange(layout);
-  }
+  };
 
   onResize: ItemCallback = (layout, oldItem, newItem) => {
     console.log();
     this.panelMap[newItem.i].updateGridPos(newItem);
-  }
+  };
 
   onResizeStop: ItemCallback = (layout, oldItem, newItem) => {
     this.updateGridPos(newItem, layout);
     this.panelMap[newItem.i].resizeDone();
-  }
+  };
 
   onDragStop: ItemCallback = (layout, oldItem, newItem) => {
     this.updateGridPos(newItem, layout);
-  }
+  };
 
   renderPanels() {
     const panelElements = [];

+ 5 - 5
public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx

@@ -30,18 +30,18 @@ interface State {
 }
 
 export class PanelHeader extends Component<Props, State> {
-  clickCoordinates: ClickCoordinates = {x: 0, y: 0};
+  clickCoordinates: ClickCoordinates = { x: 0, y: 0 };
   state = {
     panelMenuOpen: false,
-    clickCoordinates: {x: 0, y: 0}
+    clickCoordinates: { x: 0, y: 0 },
   };
 
   eventToClickCoordinates = (event: React.MouseEvent<HTMLDivElement>) => {
     return {
       x: event.clientX,
-      y: event.clientY
+      y: event.clientY,
     };
-  }
+  };
 
   onMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {
     this.clickCoordinates = this.eventToClickCoordinates(event);
@@ -49,7 +49,7 @@ export class PanelHeader extends Component<Props, State> {
 
   isClick = (clickCoordinates: ClickCoordinates) => {
     return isEqual(clickCoordinates, this.clickCoordinates);
-  }
+  };
 
   onMenuToggle = (event: React.MouseEvent<HTMLDivElement>) => {
     if (this.isClick(this.eventToClickCoordinates(event))) {

+ 2 - 7
public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx

@@ -76,13 +76,8 @@ export class PanelHeaderCorner extends Component<Props> {
     return (
       <>
         {infoMode === InfoModes.Info || infoMode === InfoModes.Links ? (
-          <Tooltip
-            content={this.getInfoContent()}
-            placement="bottom-start"
-          >
-            <div
-              className={`panel-info-corner panel-info-corner--${infoMode.toLowerCase()}`}
-            >
+          <Tooltip content={this.getInfoContent()} placement="bottom-start">
+            <div className={`panel-info-corner panel-info-corner--${infoMode.toLowerCase()}`}>
               <i className="fa" />
               <span className="panel-info-corner-inner" />
             </div>

+ 1 - 1
public/app/features/dashboard/dashgrid/PanelResizer.tsx

@@ -66,7 +66,7 @@ export class PanelResizer extends PureComponent<Props, State> {
 
     return (
       <>
-        {render(isEditing ? {height: editorHeight} : this.noStyles)}
+        {render(isEditing ? { height: editorHeight } : this.noStyles)}
         {isEditing && (
           <div className="panel-editor-container__resizer">
             <Draggable axis="y" grid={[100, 1]} onDrag={this.onDrag} position={{ x: 0, y: 0 }}>

+ 0 - 1
public/app/features/dashboard/index.ts

@@ -27,4 +27,3 @@ import DashboardPermissions from './components/DashboardPermissions/DashboardPer
 import { react2AngularDirective } from 'app/core/utils/react2angular';
 
 react2AngularDirective('dashboardPermissions', DashboardPermissions, ['dashboardId', 'folder']);
-

+ 1 - 8
public/app/features/dashboard/panel_editor/QueryEditorRow.tsx

@@ -131,14 +131,7 @@ export class QueryEditorRow extends PureComponent<Props, State> {
 
     if (datasource.pluginExports.QueryEditor) {
       const QueryEditor = datasource.pluginExports.QueryEditor;
-      return (
-        <QueryEditor
-          query={query}
-          datasource={datasource}
-          onChange={onChange}
-          onRunQuery={this.onRunQuery}
-        />
-      );
+      return <QueryEditor query={query} datasource={datasource} onChange={onChange} onRunQuery={this.onRunQuery} />;
     }
 
     return <div>Data source plugin does not export any Query Editor component</div>;

+ 1 - 1
public/app/features/dashboard/services/DashboardSrv.ts

@@ -31,7 +31,7 @@ export class DashboardSrv {
     removePanel(dashboard, dashboard.getPanelById(panelId), true);
   };
 
-  onPanelChangeView = (options) => {
+  onPanelChangeView = options => {
     const urlParams = this.$location.search();
 
     // handle toggle logic

+ 0 - 1
public/app/features/dashboard/state/DashboardModel.ts

@@ -917,5 +917,4 @@ export class DashboardModel {
       }
     }
   }
-
 }

+ 1 - 4
public/app/features/dashboard/state/PanelModel.test.ts

@@ -9,10 +9,7 @@ describe('PanelModel', () => {
       model = new PanelModel({
         type: 'table',
         showColumns: true,
-        targets: [
-          {refId: 'A'},
-          {noRefId: true}
-        ]
+        targets: [{ refId: 'A' }, { noRefId: true }],
       });
     });
 

+ 0 - 1
public/app/features/dashboard/state/actions.ts

@@ -139,4 +139,3 @@ export function removeDashboard(uri: string): ThunkResult<void> {
     dispatch(loadPluginDashboards());
   };
 }
-

+ 6 - 10
public/app/features/dashboard/state/initDashboard.test.ts

@@ -3,11 +3,7 @@ import thunk from 'redux-thunk';
 import { initDashboard, InitDashboardArgs } from './initDashboard';
 import { DashboardRouteInfo } from 'app/types';
 import { getBackendSrv } from 'app/core/services/backend_srv';
-import {
-  dashboardInitFetching,
-  dashboardInitCompleted,
-  dashboardInitServices,
-} from './actions';
+import { dashboardInitFetching, dashboardInitCompleted, dashboardInitServices } from './actions';
 
 jest.mock('app/core/services/backend_srv');
 
@@ -138,9 +134,11 @@ describeInitScenario('Initializing new dashboard', ctx => {
 describeInitScenario('Initializing home dashboard', ctx => {
   ctx.setup(() => {
     ctx.args.routeInfo = DashboardRouteInfo.Home;
-    ctx.backendSrv.get.mockReturnValue(Promise.resolve({
-      redirectUri: '/u/123/my-home'
-    }));
+    ctx.backendSrv.get.mockReturnValue(
+      Promise.resolve({
+        redirectUri: '/u/123/my-home',
+      })
+    );
   });
 
   it('Should redirect to custom home dashboard', () => {
@@ -148,5 +146,3 @@ describeInitScenario('Initializing home dashboard', ctx => {
     expect(ctx.actions[1].payload.path).toBe('/u/123/my-home');
   });
 });
-
-

+ 1 - 1
public/app/features/dashboard/state/reducers.test.ts

@@ -49,7 +49,7 @@ describe('dashboard reducer', () => {
 
     beforeEach(() => {
       state = dashboardReducer(initialState, dashboardInitFetching());
-      state = dashboardReducer(state, dashboardInitFailed({message: 'Oh no', error: 'sad'}));
+      state = dashboardReducer(state, dashboardInitFailed({ message: 'Oh no', error: 'sad' }));
     });
 
     it('should set model', async () => {

+ 0 - 1
public/app/features/dashboard/state/reducers.ts

@@ -70,7 +70,6 @@ export const dashboardReducer = reducerFactory(initialState)
   .addMapper({
     filter: cleanUpDashboard,
     mapper: (state, action) => {
-
       // Destroy current DashboardModel
       // Very important as this removes all dashboard event listeners
       state.model.destroy();

+ 2 - 2
public/app/features/dashboard/utils/panel.test.ts

@@ -39,7 +39,7 @@ describe('applyPanelTimeOverrides', () => {
 
   it('should apply time shift', () => {
     const panelModel = {
-      timeShift: '2h'
+      timeShift: '2h',
     };
 
     const expectedFromDate = moment([2019, 1, 11, 10, 0, 0]).toDate();
@@ -57,7 +57,7 @@ describe('applyPanelTimeOverrides', () => {
   it('should apply both relative time and time shift', () => {
     const panelModel = {
       timeFrom: '2h',
-      timeShift: '2h'
+      timeShift: '2h',
     };
 
     const expectedFromDate = moment([2019, 1, 11, 10, 0, 0]).toDate();

+ 2 - 2
public/app/features/dashboard/utils/panel.ts

@@ -176,11 +176,11 @@ export const snapshotDataToPanelData = (panel: PanelModel): PanelData => {
   const snapshotData = panel.snapshotData;
   if (isTimeSeries(snapshotData[0])) {
     return {
-      timeSeries: snapshotData
+      timeSeries: snapshotData,
     } as PanelData;
   } else if (isTableData(snapshotData[0])) {
     return {
-      tableData: snapshotData[0]
+      tableData: snapshotData[0],
     } as PanelData;
   }
   throw new Error('snapshotData is invalid:' + snapshotData.toString());

+ 1 - 1
public/app/features/datasources/DataSourceDashboards.test.tsx

@@ -14,7 +14,7 @@ const setup = (propOverrides?: object) => {
     loadDataSource: jest.fn(),
     loadPluginDashboards: jest.fn(),
     removeDashboard: jest.fn(),
-    isLoading: false
+    isLoading: false,
   };
 
   Object.assign(props, propOverrides);

+ 5 - 6
public/app/features/datasources/DataSourceDashboards.tsx

@@ -70,11 +70,10 @@ export class DataSourceDashboards extends PureComponent<Props> {
       <Page navModel={navModel}>
         <Page.Contents isLoading={isLoading}>
           <DashboardTable
-              dashboards={dashboards}
-              onImport={(dashboard, overwrite) => this.onImport(dashboard, overwrite)}
-              onRemove={dashboard => this.onRemove(dashboard)}
-            />
-
+            dashboards={dashboards}
+            onImport={(dashboard, overwrite) => this.onImport(dashboard, overwrite)}
+            onRemove={dashboard => this.onRemove(dashboard)}
+          />
         </Page.Contents>
       </Page>
     );
@@ -88,7 +87,7 @@ function mapStateToProps(state: StoreState) {
     pageId: pageId,
     dashboards: state.plugins.dashboards,
     dataSource: getDataSource(state.dataSources, pageId),
-    isLoading: state.plugins.isLoadingPluginDashboards
+    isLoading: state.plugins.isLoadingPluginDashboards,
   };
 }
 

+ 0 - 1
public/app/features/folders/CreateFolderCtrl.ts

@@ -38,4 +38,3 @@ export default class CreateFolderCtrl {
       });
   }
 }
-

+ 0 - 1
public/app/features/folders/FolderDashboardsCtrl.ts

@@ -23,4 +23,3 @@ export default class FolderDashboardsCtrl {
     }
   }
 }
-

+ 3 - 3
public/app/features/org/OrgDetailsPage.test.tsx

@@ -8,11 +8,11 @@ const setup = (propOverrides?: object) => {
     organization: {} as Organization,
     navModel: {
       main: {
-        text: 'Configuration'
+        text: 'Configuration',
       },
       node: {
-        text: 'Org details'
-      }
+        text: 'Org details',
+      },
     } as NavModel,
     loadOrganization: jest.fn(),
     setOrganizationName: jest.fn(),

+ 1 - 1
public/app/features/playlist/playlist_srv.ts

@@ -44,7 +44,7 @@ export class PlaylistSrv {
     // as this can be called from react
     this.$timeout(() => {
       const stripedUrl = locationUtil.stripBaseFromUrl(dash.url);
-      this.$location.url(stripedUrl  + '?' + toUrlParams(filteredParams));
+      this.$location.url(stripedUrl + '?' + toUrlParams(filteredParams));
     });
 
     this.index++;

+ 3 - 3
public/app/features/plugins/PluginListPage.test.tsx

@@ -8,11 +8,11 @@ const setup = (propOverrides?: object) => {
   const props: Props = {
     navModel: {
       main: {
-        text: 'Configuration'
+        text: 'Configuration',
       },
       node: {
-        text: 'Plugins'
-      }
+        text: 'Plugins',
+      },
     } as NavModel,
     plugins: [] as Plugin[],
     searchQuery: '',

+ 1 - 3
public/app/features/plugins/PluginListPage.tsx

@@ -57,9 +57,7 @@ export class PluginListPage extends PureComponent<Props> {
               setSearchQuery={query => setPluginsSearchQuery(query)}
               linkButton={linkButton}
             />
-            {hasFetched && plugins && (
-              plugins && <PluginList plugins={plugins} layoutMode={layoutMode} />
-            )}
+            {hasFetched && plugins && (plugins && <PluginList plugins={plugins} layoutMode={layoutMode} />)}
           </>
         </Page.Contents>
       </Page>

+ 1 - 1
public/app/features/plugins/datasource_srv.ts

@@ -7,7 +7,7 @@ import config from 'app/core/config';
 import { importPluginModule } from './plugin_loader';
 
 // Types
-import { DataSourceApi, DataSourceSelectItem  } from '@grafana/ui/src/types';
+import { DataSourceApi, DataSourceSelectItem } from '@grafana/ui/src/types';
 
 export class DatasourceSrv {
   datasources: { [name: string]: DataSourceApi };

+ 2 - 1
public/app/features/plugins/state/actions.ts

@@ -60,7 +60,8 @@ const pluginDashboardsLoaded = (dashboards: PluginDashboard[]): LoadedPluginDash
   payload: dashboards,
 });
 
-export type Action = LoadPluginsAction
+export type Action =
+  | LoadPluginsAction
   | LoadPluginDashboardsAction
   | LoadedPluginDashboardsAction
   | SetPluginsSearchQueryAction

+ 1 - 1
public/app/features/plugins/state/reducers.ts

@@ -9,7 +9,7 @@ export const initialState: PluginsState = {
   layoutMode: LayoutModes.Grid,
   hasFetched: false,
   dashboards: [] as PluginDashboard[],
-  isLoadingPluginDashboards: false
+  isLoadingPluginDashboards: false,
 };
 
 export const pluginsReducer = (state = initialState, action: Action): PluginsState => {

+ 1 - 1
public/app/features/templating/specs/template_srv.test.ts

@@ -473,7 +473,7 @@ describe('templateSrv', () => {
           type: 'custom',
           name: 'foo',
           current: { value: 'constructor', text: 'constructor' },
-        }
+        },
       ]);
       _templateSrv.setGrafanaVariable('$__auto_interval_interval', '13m');
       _templateSrv.updateIndex();

+ 1 - 7
public/app/features/templating/specs/variable_srv.test.ts

@@ -47,13 +47,7 @@ describe('VariableSrv', function(this: any) {
         const ds: any = {};
         ds.metricFindQuery = () => Promise.resolve(scenario.queryResult);
 
-        ctx.variableSrv = new VariableSrv(
-          $q,
-          ctx.$location,
-          ctx.$injector,
-          ctx.templateSrv,
-          ctx.timeSrv
-        );
+        ctx.variableSrv = new VariableSrv($q, ctx.$location, ctx.$injector, ctx.templateSrv, ctx.timeSrv);
 
         ctx.variableSrv.timeSrv = ctx.timeSrv;
         ctx.datasourceSrv = {

+ 7 - 7
public/app/features/templating/variable_srv.ts

@@ -18,13 +18,13 @@ export class VariableSrv {
   variables: any[];
 
   /** @ngInject */
-  constructor(private $q,
-              private $location,
-              private $injector,
-              private templateSrv: TemplateSrv,
-              private timeSrv: TimeSrv) {
-
-  }
+  constructor(
+    private $q,
+    private $location,
+    private $injector,
+    private templateSrv: TemplateSrv,
+    private timeSrv: TimeSrv
+  ) {}
 
   init(dashboard: DashboardModel) {
     this.dashboard = dashboard;

+ 3 - 3
public/app/features/users/UsersListPage.test.tsx

@@ -13,11 +13,11 @@ const setup = (propOverrides?: object) => {
   const props: Props = {
     navModel: {
       main: {
-        text: 'Configuration'
+        text: 'Configuration',
       },
       node: {
-        text: 'Users'
-      }
+        text: 'Users',
+      },
     } as NavModel,
     users: [] as OrgUser[],
     invitees: [] as Invitee[],

+ 5 - 5
public/app/features/users/UsersListPage.tsx

@@ -107,11 +107,11 @@ export class UsersListPage extends PureComponent<Props, State> {
       <Page navModel={navModel}>
         <Page.Contents isLoading={!hasFetched}>
           <>
-          <UsersActionBar onShowInvites={this.onShowInvites} showInvites={this.state.showInvites} />
-          {externalUserMngInfoHtml && (
-            <div className="grafana-info-box" dangerouslySetInnerHTML={{ __html: externalUserMngInfoHtml }} />
-          )}
-          {hasFetched && this.renderTable()}
+            <UsersActionBar onShowInvites={this.onShowInvites} showInvites={this.state.showInvites} />
+            {externalUserMngInfoHtml && (
+              <div className="grafana-info-box" dangerouslySetInnerHTML={{ __html: externalUserMngInfoHtml }} />
+            )}
+            {hasFetched && this.renderTable()}
           </>
         </Page.Contents>
       </Page>

+ 0 - 1
public/app/plugins/datasource/cloudwatch/datasource.ts

@@ -301,7 +301,6 @@ export default class CloudWatchDatasource {
       return this.getEc2InstanceAttribute(region, targetAttributeName, filterJson);
     }
 
-
     const resourceARNsQuery = query.match(/^resource_arns\(([^,]+?),\s?([^,]+?),\s?(.+?)\)/);
     if (resourceARNsQuery) {
       region = resourceARNsQuery[1];

+ 10 - 6
public/app/plugins/datasource/cloudwatch/specs/datasource.test.ts

@@ -385,12 +385,16 @@ describe('CloudWatchDatasource', () => {
       scenario.requestResponse = {
         results: {
           metricFindQuery: {
-            tables: [{
-              rows: [[
-                'arn:aws:ec2:us-east-1:123456789012:instance/i-12345678901234567',
-                'arn:aws:ec2:us-east-1:123456789012:instance/i-76543210987654321'
-              ]]
-            }],
+            tables: [
+              {
+                rows: [
+                  [
+                    'arn:aws:ec2:us-east-1:123456789012:instance/i-12345678901234567',
+                    'arn:aws:ec2:us-east-1:123456789012:instance/i-76543210987654321',
+                  ],
+                ],
+              },
+            ],
           },
         },
       };

+ 2 - 2
public/app/plugins/datasource/elasticsearch/specs/datasource.test.ts

@@ -17,7 +17,7 @@ describe('ElasticDatasource', function(this: any) {
 
   const templateSrv = {
     replace: jest.fn(text => {
-      if (text.startsWith("$")) {
+      if (text.startsWith('$')) {
         return `resolvedVariable`;
       } else {
         return text;
@@ -94,7 +94,7 @@ describe('ElasticDatasource', function(this: any) {
         },
         targets: [
           {
-            alias: "$varAlias",
+            alias: '$varAlias',
             bucketAggs: [],
             metrics: [{ type: 'raw_document' }],
             query: 'escape\\:test',

+ 2 - 4
public/app/plugins/datasource/grafana-azure-monitor-datasource/app_insights/response_parser.ts

@@ -202,7 +202,7 @@ export default class ResponseParser {
   parseQuerySchema() {
     const result = {
       Type: 'AppInsights',
-      Tables: {}
+      Tables: {},
     };
     if (this.results && this.results.data && this.results.data.Tables) {
       for (let i = 0; i < this.results.data.Tables[0].Rows.length; i++) {
@@ -215,9 +215,7 @@ export default class ResponseParser {
         } else {
           result.Tables[columnTable] = {
             Name: columnTable,
-            OrderedColumns: [
-              { Name: columnName, Type: columnType }
-            ]
+            OrderedColumns: [{ Name: columnName, Type: columnType }],
           };
         }
       }

+ 49 - 37
public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/KustoQueryField.tsx

@@ -10,7 +10,6 @@ import { getNextCharacter } from 'app/features/explore/utils/dom';
 import { KEYWORDS, functionTokens, operatorTokens, grafanaMacros } from './kusto/kusto';
 // import '../sass/editor.base.scss';
 
-
 const TYPEAHEAD_DELAY = 100;
 
 interface Suggestion {
@@ -41,8 +40,8 @@ interface KustoDBSchema {
 
 const defaultSchema = () => ({
   Databases: {
-    Default: {}
-  }
+    Default: {},
+  },
 });
 
 const cleanText = s => s.replace(/[{}[\]="(),!~+\-*/^%]/g, '').trim();
@@ -101,12 +100,12 @@ export default class KustoQueryField extends QueryField {
         typeaheadContext = 'context-function';
         suggestionGroups = this.getColumnSuggestions();
 
-      // where
+        // where
       } else if (modelPrefix.match(/(where\s(\w+\b)?$)/i)) {
         typeaheadContext = 'context-where';
         suggestionGroups = this.getColumnSuggestions();
 
-      // summarize by
+        // summarize by
       } else if (modelPrefix.match(/(summarize\s(\w+\b)?$)/i)) {
         typeaheadContext = 'context-summarize';
         suggestionGroups = this.getFunctionSuggestions();
@@ -114,12 +113,12 @@ export default class KustoQueryField extends QueryField {
         typeaheadContext = 'context-summarize-by';
         suggestionGroups = this.getColumnSuggestions();
 
-      // order by, top X by, ... by ...
+        // order by, top X by, ... by ...
       } else if (modelPrefix.match(/(by\s+([^,\s]+,\s*)*([^,\s]+\b)?$)/i)) {
         typeaheadContext = 'context-by';
         suggestionGroups = this.getColumnSuggestions();
 
-      // join
+        // join
       } else if (modelPrefix.match(/(on\s(.+\b)?$)/i)) {
         typeaheadContext = 'context-join-on';
         suggestionGroups = this.getColumnSuggestions();
@@ -127,12 +126,12 @@ export default class KustoQueryField extends QueryField {
         typeaheadContext = 'context-join';
         suggestionGroups = this.getTableSuggestions();
 
-      // distinct
+        // distinct
       } else if (modelPrefix.match(/(distinct\s(.+\b)?$)/i)) {
         typeaheadContext = 'context-distinct';
         suggestionGroups = this.getColumnSuggestions();
 
-      // database()
+        // database()
       } else if (modelPrefix.match(/(database\(\"(\w+)\"\)\.(.+\b)?$)/i)) {
         typeaheadContext = 'context-database-table';
         const db = this.getDBFromDatabaseFunction(modelPrefix);
@@ -140,7 +139,7 @@ export default class KustoQueryField extends QueryField {
         suggestionGroups = this.getTableSuggestions(db);
         prefix = prefix.replace('.', '');
 
-      // new
+        // new
       } else if (normalizeQuery(Plain.serialize(this.state.value)).match(/^\s*\w*$/i)) {
         typeaheadContext = 'context-new';
         if (this.schema) {
@@ -151,7 +150,7 @@ export default class KustoQueryField extends QueryField {
           return;
         }
 
-      // built-in
+        // built-in
       } else if (prefix && !wrapperClasses.contains('argument') && !force) {
         // Use only last typed word as a prefix for searching
         if (modelPrefix.match(/\s$/i)) {
@@ -171,18 +170,19 @@ export default class KustoQueryField extends QueryField {
 
       let results = 0;
       prefix = prefix.toLowerCase();
-      const filteredSuggestions = suggestionGroups.map(group => {
-        if (group.items && prefix && !group.skipFilter) {
-          group.items = group.items.filter(c => c.text.length >= prefix.length);
-          if (group.prefixMatch) {
-            group.items = group.items.filter(c => c.text.toLowerCase().indexOf(prefix) === 0);
-          } else {
-            group.items = group.items.filter(c => c.text.toLowerCase().indexOf(prefix) > -1);
+      const filteredSuggestions = suggestionGroups
+        .map(group => {
+          if (group.items && prefix && !group.skipFilter) {
+            group.items = group.items.filter(c => c.text.length >= prefix.length);
+            if (group.prefixMatch) {
+              group.items = group.items.filter(c => c.text.toLowerCase().indexOf(prefix) === 0);
+            } else {
+              group.items = group.items.filter(c => c.text.toLowerCase().indexOf(prefix) > -1);
+            }
           }
-        }
-        results += group.items.length;
-        return group;
-      })
+          results += group.items.length;
+          return group;
+        })
         .filter(group => group.items.length > 0);
 
       // console.log('onTypeahead', selection.anchorNode, wrapperClasses, text, offset, prefix, typeaheadContext);
@@ -195,7 +195,7 @@ export default class KustoQueryField extends QueryField {
         suggestions: results > 0 ? filteredSuggestions : [],
       });
     }
-  }
+  };
 
   applyTypeahead(change, suggestion) {
     const { typeaheadPrefix, typeaheadContext, typeaheadText } = this.state;
@@ -301,28 +301,34 @@ export default class KustoQueryField extends QueryField {
       {
         prefixMatch: true,
         label: 'Keywords',
-        items: KEYWORDS.map(wrapText)
+        items: KEYWORDS.map(wrapText),
       },
       {
         prefixMatch: true,
         label: 'Operators',
-        items: operatorTokens
+        items: operatorTokens,
       },
       {
         prefixMatch: true,
         label: 'Functions',
-        items: functionTokens.map((s: any) => { s.type = 'function'; return s; })
+        items: functionTokens.map((s: any) => {
+          s.type = 'function';
+          return s;
+        }),
       },
       {
         prefixMatch: true,
         label: 'Macros',
-        items: grafanaMacros.map((s: any) => { s.type = 'function'; return s; })
+        items: grafanaMacros.map((s: any) => {
+          s.type = 'function';
+          return s;
+        }),
       },
       {
         prefixMatch: true,
         label: 'Tables',
-        items: _.map(this.schema.Databases.Default.Tables, (t: any) => ({ text: t.Name }))
-      }
+        items: _.map(this.schema.Databases.Default.Tables, (t: any) => ({ text: t.Name })),
+      },
     ];
   }
 
@@ -331,13 +337,19 @@ export default class KustoQueryField extends QueryField {
       {
         prefixMatch: true,
         label: 'Functions',
-        items: functionTokens.map((s: any) => { s.type = 'function'; return s; })
+        items: functionTokens.map((s: any) => {
+          s.type = 'function';
+          return s;
+        }),
       },
       {
         prefixMatch: true,
         label: 'Macros',
-        items: grafanaMacros.map((s: any) => { s.type = 'function'; return s; })
-      }
+        items: grafanaMacros.map((s: any) => {
+          s.type = 'function';
+          return s;
+        }),
+      },
     ];
   }
 
@@ -347,8 +359,8 @@ export default class KustoQueryField extends QueryField {
         {
           prefixMatch: true,
           label: 'Tables',
-          items: _.map(this.schema.Databases[db].Tables, (t: any) => ({ text: t.Name }))
-        }
+          items: _.map(this.schema.Databases[db].Tables, (t: any) => ({ text: t.Name })),
+        },
       ];
     } else {
       return [];
@@ -366,9 +378,9 @@ export default class KustoQueryField extends QueryField {
             label: 'Fields',
             items: _.map(tableSchema.OrderedColumns, (f: any) => ({
               text: f.Name,
-              hint: f.Type
-            }))
-          }
+              hint: f.Type,
+            })),
+          },
         ];
       }
     }

+ 8 - 3
public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/editor_component.tsx

@@ -15,7 +15,7 @@ interface EditorProps {
 
 class Editor extends Component<EditorProps, any> {
   static defaultProps = {
-    placeholder: 'Enter a query'
+    placeholder: 'Enter a query',
   };
 
   constructor(props) {
@@ -68,8 +68,13 @@ coreModule.directive('kustoEditor', [
   'reactDirective',
   reactDirective => {
     return reactDirective(Editor, [
-      'change', 'database', 'execute', 'query', 'variables', 'placeholder',
-      ['getSchema', { watchDepth: 'reference' }]
+      'change',
+      'database',
+      'execute',
+      'query',
+      'variables',
+      'placeholder',
+      ['getSchema', { watchDepth: 'reference' }],
     ]);
   },
 ]);

+ 621 - 266
public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/kusto/kusto.ts

@@ -1,272 +1,619 @@
 /* tslint:disable:max-line-length */
 export const operatorTokens = [
-  { text: "!between", hint: "Matches the input that is outside the inclusive range." },
-  { text: "as", hint: "Binds a name to the operator's input tabular expression." },
-  { text: "between", hint: "Matches the input that is inside the inclusive range." },
-  { text: "consume", hint: "The `consume` operator consumes the tabular data stream handed to it. It is\r\nmostly used for triggering the query side-effect without actually returning\r\nthe results back to the caller." },
-  { text: "count", hint: "Returns the number of records in the input record set." },
-  { text: "datatable", hint: "Returns a table whose schema and values are defined in the query itself." },
-  { text: "distinct", hint: "Produces a table with the distinct combination of the provided columns of the input table." },
-  { text: "evaluate", hint: "Invokes a service-side query extension (plugin)." },
-  { text: "extend", hint: "Create calculated columns and append them to the result set." },
-  { text: "externaldata", hint: "Returns a table whose schema is defined in the query itself, and whose data is read from an external raw file." },
-  { text: "facet", hint: "Returns a set of tables, one for each specified column.\r\nEach table specifies the list of values taken by its column.\r\nAn additional table can be created by using the `with` clause." },
-  { text: "find", hint: "Finds rows that match a predicate across a set of tables." },
-  { text: "fork", hint: "Runs multiple consumer operators in parallel." },
-  { text: "getschema", hint: "Produce a table that represents a tabular schema of the input." },
-  { text: "in", hint: "Filters a recordset based on the provided set of values." },
-  { text: "invoke", hint: "Invokes lambda that receives the source of `invoke` as tabular parameter argument." },
-  { text: "join", hint: "Merge the rows of two tables to form a new table by matching values of the specified column(s) from each table." },
-  { text: "limit", hint: "Return up to the specified number of rows." },
-  { text: "make-series", hint: "Create series of specified aggregated values along specified axis." },
-  { text: "mvexpand", hint: "Expands multi-value array or property bag." },
-  { text: "order", hint: "Sort the rows of the input table into order by one or more columns." },
-  { text: "parse", hint: "Evaluates a string expression and parses its value into one or more calculated columns." },
-  { text: "print", hint: "Evaluates one or more scalar expressions and inserts the results (as a single-row table with as many columns as there are expressions) into the output." },
-  { text: "project", hint: "Select the columns to include, rename or drop, and insert new computed columns." },
-  { text: "project-away", hint: "Select what  columns to exclude from the input." },
-  { text: "project-rename", hint: "Renames columns in the result output." },
-  { text: "range", hint: "Generates a single-column table of values." },
-  { text: "reduce", hint: "Groups a set of strings together based on values similarity." },
-  { text: "render", hint: "Instructs the user agent to render the results of the query in a particular way." },
-  { text: "sample", hint: "Returns up to the specified number of random rows from the input table." },
-  { text: "sample-distinct", hint: "Returns a single column that contains up to the specified number of distinct values of the requested column." },
-  { text: "search", hint: "The search operator provides a multi-table/multi-column search experience." },
-  { text: "serialize", hint: "Marks that order of the input row set is safe for window functions usage." },
-  { text: "sort", hint: "Sort the rows of the input table into order by one or more columns." },
-  { text: "summarize", hint: "Produces a table that aggregates the content of the input table." },
-  { text: "take", hint: "Return up to the specified number of rows." },
-  { text: "top", hint: "Returns the first *N* records sorted by the specified columns." },
-  { text: "top-hitters", hint: "Returns an approximation of the first *N* results (assuming skewed distribution of the input)." },
-  { text: "top-nested", hint: "Produces hierarchical top results, where each level is a drill-down based on previous level values." },
-  { text: "union", hint: "Takes two or more tables and returns the rows of all of them." },
-  { text: "where", hint: "Filters a table to the subset of rows that satisfy a predicate." },
+  { text: '!between', hint: 'Matches the input that is outside the inclusive range.' },
+  { text: 'as', hint: "Binds a name to the operator's input tabular expression." },
+  { text: 'between', hint: 'Matches the input that is inside the inclusive range.' },
+  {
+    text: 'consume',
+    hint:
+      'The `consume` operator consumes the tabular data stream handed to it. It is\r\nmostly used for triggering the query side-effect without actually returning\r\nthe results back to the caller.',
+  },
+  { text: 'count', hint: 'Returns the number of records in the input record set.' },
+  { text: 'datatable', hint: 'Returns a table whose schema and values are defined in the query itself.' },
+  {
+    text: 'distinct',
+    hint: 'Produces a table with the distinct combination of the provided columns of the input table.',
+  },
+  { text: 'evaluate', hint: 'Invokes a service-side query extension (plugin).' },
+  { text: 'extend', hint: 'Create calculated columns and append them to the result set.' },
+  {
+    text: 'externaldata',
+    hint:
+      'Returns a table whose schema is defined in the query itself, and whose data is read from an external raw file.',
+  },
+  {
+    text: 'facet',
+    hint:
+      'Returns a set of tables, one for each specified column.\r\nEach table specifies the list of values taken by its column.\r\nAn additional table can be created by using the `with` clause.',
+  },
+  { text: 'find', hint: 'Finds rows that match a predicate across a set of tables.' },
+  { text: 'fork', hint: 'Runs multiple consumer operators in parallel.' },
+  { text: 'getschema', hint: 'Produce a table that represents a tabular schema of the input.' },
+  { text: 'in', hint: 'Filters a recordset based on the provided set of values.' },
+  { text: 'invoke', hint: 'Invokes lambda that receives the source of `invoke` as tabular parameter argument.' },
+  {
+    text: 'join',
+    hint:
+      'Merge the rows of two tables to form a new table by matching values of the specified column(s) from each table.',
+  },
+  { text: 'limit', hint: 'Return up to the specified number of rows.' },
+  { text: 'make-series', hint: 'Create series of specified aggregated values along specified axis.' },
+  { text: 'mvexpand', hint: 'Expands multi-value array or property bag.' },
+  { text: 'order', hint: 'Sort the rows of the input table into order by one or more columns.' },
+  { text: 'parse', hint: 'Evaluates a string expression and parses its value into one or more calculated columns.' },
+  {
+    text: 'print',
+    hint:
+      'Evaluates one or more scalar expressions and inserts the results (as a single-row table with as many columns as there are expressions) into the output.',
+  },
+  { text: 'project', hint: 'Select the columns to include, rename or drop, and insert new computed columns.' },
+  { text: 'project-away', hint: 'Select what  columns to exclude from the input.' },
+  { text: 'project-rename', hint: 'Renames columns in the result output.' },
+  { text: 'range', hint: 'Generates a single-column table of values.' },
+  { text: 'reduce', hint: 'Groups a set of strings together based on values similarity.' },
+  { text: 'render', hint: 'Instructs the user agent to render the results of the query in a particular way.' },
+  { text: 'sample', hint: 'Returns up to the specified number of random rows from the input table.' },
+  {
+    text: 'sample-distinct',
+    hint:
+      'Returns a single column that contains up to the specified number of distinct values of the requested column.',
+  },
+  { text: 'search', hint: 'The search operator provides a multi-table/multi-column search experience.' },
+  { text: 'serialize', hint: 'Marks that order of the input row set is safe for window functions usage.' },
+  { text: 'sort', hint: 'Sort the rows of the input table into order by one or more columns.' },
+  { text: 'summarize', hint: 'Produces a table that aggregates the content of the input table.' },
+  { text: 'take', hint: 'Return up to the specified number of rows.' },
+  { text: 'top', hint: 'Returns the first *N* records sorted by the specified columns.' },
+  {
+    text: 'top-hitters',
+    hint: 'Returns an approximation of the first *N* results (assuming skewed distribution of the input).',
+  },
+  {
+    text: 'top-nested',
+    hint: 'Produces hierarchical top results, where each level is a drill-down based on previous level values.',
+  },
+  { text: 'union', hint: 'Takes two or more tables and returns the rows of all of them.' },
+  { text: 'where', hint: 'Filters a table to the subset of rows that satisfy a predicate.' },
 ];
 
 export const functionTokens = [
-  { text: "abs", hint: "Calculates the absolute value of the input." },
-  { text: "acos", hint: "Returns the angle whose cosine is the specified number (the inverse operation of [`cos()`](cosfunction.md)) ." },
-  { text: "ago", hint: "Subtracts the given timespan from the current UTC clock time." },
-  { text: "any", hint: "Returns random non-empty value from the specified expression values." },
-  { text: "arg_max", hint: "Finds a row in the group that maximizes *ExprToMaximize*, and returns the value of *ExprToReturn* (or `*` to return the entire row)." },
-  { text: "arg_min", hint: "Finds a row in the group that minimizes *ExprToMinimize*, and returns the value of *ExprToReturn* (or `*` to return the entire row)." },
-  { text: "argmax", hint: "Finds a row in the group that maximizes *ExprToMaximize*, and returns the value of *ExprToReturn* (or `*` to return the entire row)." },
-  { text: "argmin", hint: "Finds a row in the group that minimizes *ExprToMinimize*, and returns the value of *ExprToReturn* (or `*` to return the entire row)." },
-  { text: "array_concat", hint: "Concatenates a number of dynamic arrays to a single array." },
-  { text: "array_length", hint: "Calculates the number of elements in a dynamic array." },
-  { text: "array_slice", hint: "Extracts a slice of a dynamic array." },
-  { text: "array_split", hint: "Splits an array to multiple arrays according to the split indices and packs the generated array in a dynamic array." },
-  { text: "asin", hint: "Returns the angle whose sine is the specified number (the inverse operation of [`sin()`](sinfunction.md)) ." },
-  { text: "assert", hint: "Checks for a condition; if the condition is false, outputs error messages and fails the query." },
-  { text: "atan", hint: "Returns the angle whose tangent is the specified number (the inverse operation of [`tan()`](tanfunction.md)) ." },
-  { text: "atan2", hint: "Calculates the angle, in radians, between the positive x-axis and the ray from the origin to the point (y, x)." },
-  { text: "avg", hint: "Calculates the average of *Expr* across the group." },
-  { text: "avgif", hint: "Calculates the [average](avg-aggfunction.md) of *Expr* across the group for which *Predicate* evaluates to `true`." },
-  { text: "bag_keys", hint: "Enumerates all the root keys in a dynamic property-bag object." },
-  { text: "base64_decodestring", hint: "Decodes a base64 string to a UTF-8 string" },
-  { text: "base64_encodestring", hint: "Encodes a string as base64 string" },
-  { text: "beta_cdf", hint: "Returns the standard cumulative beta distribution function." },
-  { text: "beta_inv", hint: "Returns the inverse of the beta cumulative probability beta density function." },
-  { text: "beta_pdf", hint: "Returns the probability density beta function." },
-  { text: "bin", hint: "Rounds values down to an integer multiple of a given bin size." },
-  { text: "bin_at", hint: "Rounds values down to a fixed-size \'bin\', with control over the bin's starting point.\r\n(See also [`bin function`](./binfunction.md).)" },
-  { text: "bin_auto", hint: "Rounds values down to a fixed-size \'bin\', with control over the bin size and starting point provided by a query property." },
-  { text: "binary_and", hint: "Returns a result of the bitwise `and` operation between two values." },
-  { text: "binary_not", hint: "Returns a bitwise negation of the input value." },
-  { text: "binary_or", hint: "Returns a result of the bitwise `or` operation of the two values." },
-  { text: "binary_shift_left", hint: "Returns binary shift left operation on a pair of numbers." },
-  { text: "binary_shift_right", hint: "Returns binary shift right operation on a pair of numbers." },
-  { text: "binary_xor", hint: "Returns a result of the bitwise `xor` operation of the two values." },
-  { text: "buildschema", hint: "Returns the minimal schema that admits all values of *DynamicExpr*." },
-  { text: "case", hint: "Evaluates a list of predicates and returns the first result expression whose predicate is satisfied." },
-  { text: "ceiling", hint: "Calculates the smallest integer greater than, or equal to, the specified numeric expression." },
-  { text: "cluster", hint: "Changes the reference of the query to a remote cluster." },
-  { text: "coalesce", hint: "Evaluates a list of expressions and returns the first non-null (or non-empty for string) expression." },
-  { text: "cos", hint: "Returns the cosine function." },
-  { text: "cot", hint: "Calculates the trigonometric cotangent of the specified angle, in radians." },
-  { text: "count", hint: "Returns a count of the records per summarization group (or in total if summarization is done without grouping)." },
-  { text: "countif", hint: "Returns a count of rows for which *Predicate* evaluates to `true`." },
-  { text: "countof", hint: "Counts occurrences of a substring in a string. Plain string matches may overlap; regex matches do not." },
-  { text: "current_principal", hint: "Returns the current principal running this query." },
-  { text: "cursor_after", hint: "A predicate over the records of a table to compare their ingestion time\r\nagainst a database cursor." },
-  { text: "cursor_before_or_at", hint: "A predicate over the records of a table to compare their ingestion time\r\nagainst a database cursor." },
-  { text: "database", hint: "Changes the reference of the query to a specific database within the cluster scope." },
-  { text: "datetime_add", hint: "Calculates a new [datetime](./scalar-data-types/datetime.md) from a specified datepart multiplied by a specified amount, added to a specified [datetime](./scalar-data-types/datetime.md)." },
-  { text: "datetime_diff", hint: "Calculates calendarian difference between two [datetime](./scalar-data-types/datetime.md) values." },
-  { text: "datetime_part", hint: "Extracts the requested date part as an integer value." },
-  { text: "dayofmonth", hint: "Returns the integer number representing the day number of the given month" },
-  { text: "dayofweek", hint: "Returns the integer number of days since the preceding Sunday, as a `timespan`." },
-  { text: "dayofyear", hint: "Returns the integer number represents the day number of the given year." },
-  { text: "dcount", hint: "Returns an estimate of the number of distinct values of *Expr* in the group." },
-  { text: "dcount_hll", hint: "Calculates the dcount from hll results (which was generated by [hll](hll-aggfunction.md) or [hll_merge](hll-merge-aggfunction.md))." },
-  { text: "dcountif", hint: "Returns an estimate of the number of distinct values of *Expr* of rows for which *Predicate* evaluates to `true`." },
-  { text: "degrees", hint: "Converts angle value in radians into value in degrees, using formula `degrees = (180 / PI ) * angle_in_radians`" },
-  { text: "distance", hint: "Returns the distance between two points in meters." },
-  { text: "endofday", hint: "Returns the end of the day containing the date, shifted by an offset, if provided." },
-  { text: "endofmonth", hint: "Returns the end of the month containing the date, shifted by an offset, if provided." },
-  { text: "endofweek", hint: "Returns the end of the week containing the date, shifted by an offset, if provided." },
-  { text: "endofyear", hint: "Returns the end of the year containing the date, shifted by an offset, if provided." },
-  { text: "estimate_data_size", hint: "Returns an estimated data size of the selected columns of the tabular expression." },
-  { text: "exp", hint: "The base-e exponential function of x, which is e raised to the power x: e^x." },
-  { text: "exp10", hint: "The base-10 exponential function of x, which is 10 raised to the power x: 10^x.  \r\n**Syntax**" },
-  { text: "exp2", hint: "The base-2 exponential function of x, which is 2 raised to the power x: 2^x." },
-  { text: "extent_id", hint: "Returns a unique identifier that identifies the data shard (\"extent\") that the current record resides in." },
-  { text: "extent_tags", hint: "Returns a dynamic array with the [tags](../management/extents-overview.md#extent-tagging) of the data shard (\"extent\") that the current record resides in." },
-  { text: "extract", hint: "Get a match for a [regular expression](./re2.md) from a text string." },
-  { text: "extract_all", hint: "Get all matches for a [regular expression](./re2.md) from a text string." },
-  { text: "extractjson", hint: "Get a specified element out of a JSON text using a path expression." },
-  { text: "floor", hint: "An alias for [`bin()`](binfunction.md)." },
-  { text: "format_datetime", hint: "Formats a datetime parameter based on the format pattern parameter." },
-  { text: "format_timespan", hint: "Formats a timespan parameter based on the format pattern parameter." },
-  { text: "gamma", hint: "Computes [gamma function](https://en.wikipedia.org/wiki/Gamma_function)" },
-  { text: "getmonth", hint: "Get the month number (1-12) from a datetime." },
-  { text: "gettype", hint: "Returns the runtime type of its single argument." },
-  { text: "getyear", hint: "Returns the year part of the `datetime` argument." },
-  { text: "hash", hint: "Returns a hash value for the input value." },
-  { text: "hash_sha256", hint: "Returns a sha256 hash value for the input value." },
-  { text: "hll", hint: "Calculates the Intermediate results of [dcount](dcount-aggfunction.md) across the group." },
-  { text: "hll_merge", hint: "Merges hll results (scalar version of the aggregate version [`hll_merge()`](hll-merge-aggfunction.md))." },
-  { text: "hourofday", hint: "Returns the integer number representing the hour number of the given date" },
-  { text: "iff", hint: "Evaluates the first argument (the predicate), and returns the value of either the second or third arguments, depending on whether the predicate evaluated to `true` (second) or `false` (third)." },
-  { text: "iif", hint: "Evaluates the first argument (the predicate), and returns the value of either the second or third arguments, depending on whether the predicate evaluated to `true` (second) or `false` (third)." },
-  { text: "indexof", hint: "Function reports the zero-based index of the first occurrence of a specified string within input string." },
-  { text: "ingestion_time", hint: "Retrieves the record's `$IngestionTime` hidden `datetime` column, or null." },
-  { text: "iscolumnexists", hint: "Returns a boolean value indicating if the given string argument exists in the schema produced by the preceding tabular operator." },
-  { text: "isempty", hint: "Returns `true` if the argument is an empty string or is null." },
-  { text: "isfinite", hint: "Returns whether input is a finite value (is neither infinite nor NaN)." },
-  { text: "isinf", hint: "Returns whether input is an infinite (positive or negative) value." },
-  { text: "isnan", hint: "Returns whether input is Not-a-Number (NaN) value." },
-  { text: "isnotempty", hint: "Returns `true` if the argument is not an empty string nor it is a null." },
-  { text: "isnotnull", hint: "Returns `true` if the argument is not null." },
-  { text: "isnull", hint: "Evaluates its sole argument and returns a `bool` value indicating if the argument evaluates to a null value." },
-  { text: "log", hint: "Returns the natural logarithm function." },
-  { text: "log10", hint: "Returns the common (base-10) logarithm function." },
-  { text: "log2", hint: "Returns the base-2 logarithm function." },
-  { text: "loggamma", hint: "Computes log of absolute value of the [gamma function](https://en.wikipedia.org/wiki/Gamma_function)" },
-  { text: "make_datetime", hint: "Creates a [datetime](./scalar-data-types/datetime.md) scalar value from the specified date and time." },
-  { text: "make_dictionary", hint: "Returns a `dynamic` (JSON) property-bag (dictionary) of all the values of *Expr* in the group." },
-  { text: "make_string", hint: "Returns the string generated by the Unicode characters." },
-  { text: "make_timespan", hint: "Creates a [timespan](./scalar-data-types/timespan.md) scalar value from the specified time period." },
-  { text: "makelist", hint: "Returns a `dynamic` (JSON) array of all the values of *Expr* in the group." },
-  { text: "makeset", hint: "Returns a `dynamic` (JSON) array of the set of distinct values that *Expr* takes in the group." },
-  { text: "materialize", hint: "Allows caching a sub-query result during the time of query execution in a way that other subqueries can reference the partial result." },
-  { text: "max", hint: "Returns the maximum value across the group." },
-  { text: "max_of", hint: "Returns the maximum value of several evaluated numeric expressions." },
-  { text: "merge_tdigests", hint: "Merges tdigest results (scalar version of the aggregate version [`merge_tdigests()`](merge-tdigests-aggfunction.md))." },
-  { text: "min", hint: "Returns the minimum value agross the group." },
-  { text: "min_of", hint: "Returns the minimum value of several evaluated numeric expressions." },
-  { text: "monthofyear", hint: "Returns the integer number represents the month number of the given year." },
-  { text: "next", hint: "Returns the value of a column in a row that it at some offset following the\r\ncurrent row in a [serialized row set](./windowsfunctions.md#serialized-row-set)." },
-  { text: "not", hint: "Reverses the value of its `bool` argument." },
-  { text: "now", hint: "Returns the current UTC clock time, optionally offset by a given timespan.\r\nThis function can be used multiple times in a statement and the clock time being referenced will be the same for all instances." },
-  { text: "pack", hint: "Creates a `dynamic` object (property bag) from a list of names and values." },
-  { text: "pack_all", hint: "Creates a `dynamic` object (property bag) from all the columns of the tabular expression." },
-  { text: "pack_array", hint: "Packs all input values into a dynamic array." },
-  { text: "parse_ipv4", hint: "Converts input to integer (signed 64-bit) number representation." },
-  { text: "parse_json", hint: "Interprets a `string` as a [JSON value](https://json.org/)) and returns the value as [`dynamic`](./scalar-data-types/dynamic.md). \r\nIt is superior to using [extractjson() function](./extractjsonfunction.md)\r\nwhen you need to extract more than one element of a JSON compound object." },
-  { text: "parse_path", hint: "Parses a file path `string` and returns a [`dynamic`](./scalar-data-types/dynamic.md) object that contains the following parts of the path: \r\nScheme, RootPath, DirectoryPath, DirectoryName, FileName, Extension, AlternateDataStreamName.\r\nIn addition to the simple paths with both types of slashes, supports paths with schemas (e.g. \"file://...\"), shared paths (e.g. \"\\\\shareddrive\\users...\"), long paths (e.g \"\\\\?\\C:...\"\"), alternate data streams (e.g. \"file1.exe:file2.exe\")" },
-  { text: "parse_url", hint: "Parses an absolute URL `string` and returns a [`dynamic`](./scalar-data-types/dynamic.md) object contains all parts of the URL (Scheme, Host, Port, Path, Username, Password, Query Parameters, Fragment)." },
-  { text: "parse_urlquery", hint: "Parses a url query `string` and returns a [`dynamic`](./scalar-data-types/dynamic.md) object contains the Query parameters." },
-  { text: "parse_user_agent", hint: "Interprets a user-agent string, which identifies the user's browser and provides certain system details to servers hosting the websites the user visits. The result is returned as [`dynamic`](./scalar-data-types/dynamic.md)." },
-  { text: "parse_version", hint: "Converts input string representation of version to a comparable decimal number." },
-  { text: "parse_xml", hint: "Interprets a `string` as a XML value, converts the value to a [JSON value](https://json.org/) and returns the value as  [`dynamic`](./scalar-data-types/dynamic.md)." },
-  { text: "percentile", hint: "Returns an estimate for the specified [nearest-rank percentile](#nearest-rank-percentile) of the population defined by *Expr*. \r\nThe accuracy depends on the density of population in the region of the percentile." },
-  { text: "percentile_tdigest", hint: "Calculates the percentile result from tdigest results (which was generated by [tdigest](tdigest-aggfunction.md) or [merge-tdigests](merge-tdigests-aggfunction.md))" },
-  { text: "percentrank_tdigest", hint: "Calculates the approximate rank of the value in a set where rank is expressed as percentage of set's size. \r\nThis function can be viewed as the inverse of the percentile." },
-  { text: "pi", hint: "Returns the constant value of Pi (π)." },
-  { text: "point", hint: "Returns a dynamic array representation of a point." },
-  { text: "pow", hint: "Returns a result of raising to power" },
-  { text: "prev", hint: "Returns the value of a column in a row that it at some offset prior to the\r\ncurrent row in a [serialized row set](./windowsfunctions.md#serialized-row-set)." },
-  { text: "radians", hint: "Converts angle value in degrees into value in radians, using formula `radians = (PI / 180 ) * angle_in_degrees`" },
-  { text: "rand", hint: "Returns a random number." },
-  { text: "range", hint: "Generates a dynamic array holding a series of equally-spaced values." },
-  { text: "repeat", hint: "Generates a dynamic array holding a series of equal values." },
-  { text: "replace", hint: "Replace all regex matches with another string." },
-  { text: "reverse", hint: "Function makes reverse of input string." },
-  { text: "round", hint: "Returns the rounded source to the specified precision." },
-  { text: "row_cumsum", hint: "Calculates the cumulative sum of a column in a [serialized row set](./windowsfunctions.md#serialized-row-set)." },
-  { text: "row_number", hint: "Returns the current row's index in a [serialized row set](./windowsfunctions.md#serialized-row-set).\r\nThe row index starts by default at `1` for the first row, and is incremented by `1` for each additional row.\r\nOptionally, the row index can start at a different value than `1`.\r\nAdditionally, the row index may be reset according to some provided predicate." },
-  { text: "series_add", hint: "Calculates the element-wise addition of two numeric series inputs." },
-  { text: "series_decompose", hint: "Applies a decomposition transformation on a series." },
-  { text: "series_decompose_anomalies", hint: "Anomaly Detection based on series decomposition (refer to [series_decompose()](series-decomposefunction.md))" },
-  { text: "series_decompose_forecast", hint: "Forecast based on series decomposition." },
-  { text: "series_divide", hint: "Calculates the element-wise division of two numeric series inputs." },
-  { text: "series_equals", hint: "Calculates the element-wise equals (`==`) logic operation of two numeric series inputs." },
-  { text: "series_fill_backward", hint: "Performs backward fill interpolation of missing values in a series." },
-  { text: "series_fill_const", hint: "Replaces missing values in a series with a specified constant value." },
-  { text: "series_fill_forward", hint: "Performs forward fill interpolation of missing values in a series." },
-  { text: "series_fill_linear", hint: "Performs linear interpolation of missing values in a series." },
-  { text: "series_fir", hint: "Applies a Finite Impulse Response filter on a series." },
-  { text: "series_fit_2lines", hint: "Applies two segments linear regression on a series, returning multiple columns." },
-  { text: "series_fit_2lines_dynamic", hint: "Applies two segments linear regression on a series, returning dynamic object." },
-  { text: "series_fit_line", hint: "Applies linear regression on a series, returning multiple columns." },
-  { text: "series_fit_line_dynamic", hint: "Applies linear regression on a series, returning dynamic object." },
-  { text: "series_greater", hint: "Calculates the element-wise greater (`>`) logic operation of two numeric series inputs." },
-  { text: "series_greater_equals", hint: "Calculates the element-wise greater or equals (`>=`) logic operation of two numeric series inputs." },
-  { text: "series_iir", hint: "Applies a Infinite Impulse Response filter on a series." },
-  { text: "series_less", hint: "Calculates the element-wise less (`<`) logic operation of two numeric series inputs." },
-  { text: "series_less_equals", hint: "Calculates the element-wise less or equal (`<=`) logic operation of two numeric series inputs." },
-  { text: "series_multiply", hint: "Calculates the element-wise multiplication of two numeric series inputs." },
-  { text: "series_not_equals", hint: "Calculates the element-wise not equals (`!=`) logic operation of two numeric series inputs." },
-  { text: "series_outliers", hint: "Scores anomaly points in a series." },
-  { text: "series_periods_detect", hint: "Finds the most significant periods that exist in a time series." },
-  { text: "series_periods_validate", hint: "Checks whether a time series contains periodic patterns of given lengths." },
-  { text: "series_seasonal", hint: "Calculates the seasonal component of a series according to the detected or given seasonal period." },
-  { text: "series_stats", hint: "Returns statistics for a series in multiple columns." },
-  { text: "series_stats_dynamic", hint: "Returns statistics for a series in dynamic object." },
-  { text: "series_subtract", hint: "Calculates the element-wise subtraction of two numeric series inputs." },
-  { text: "sign", hint: "Sign of a numeric expression" },
-  { text: "sin", hint: "Returns the sine function." },
-  { text: "split", hint: "Splits a given string according to a given delimiter and returns a string array with the contained substrings." },
-  { text: "sqrt", hint: "Returns the square root function." },
-  { text: "startofday", hint: "Returns the start of the day containing the date, shifted by an offset, if provided." },
-  { text: "startofmonth", hint: "Returns the start of the month containing the date, shifted by an offset, if provided." },
-  { text: "startofweek", hint: "Returns the start of the week containing the date, shifted by an offset, if provided." },
-  { text: "startofyear", hint: "Returns the start of the year containing the date, shifted by an offset, if provided." },
-  { text: "stdev", hint: "Calculates the standard deviation of *Expr* across the group, considering the group as a [sample](https://en.wikipedia.org/wiki/Sample_%28statistics%29)." },
-  { text: "stdevif", hint: "Calculates the [stdev](stdev-aggfunction.md) of *Expr* across the group for which *Predicate* evaluates to `true`." },
-  { text: "stdevp", hint: "Calculates the standard deviation of *Expr* across the group, considering the group as a [population](https://en.wikipedia.org/wiki/Statistical_population)." },
-  { text: "strcat", hint: "Concatenates between 1 and 64 arguments." },
-  { text: "strcat_array", hint: "Creates a concatenated string of array values using specified delimiter." },
-  { text: "strcat_delim", hint: "Concatenates between 2 and 64 arguments, with delimiter, provided as first argument." },
-  { text: "strcmp", hint: "Compares two strings." },
-  { text: "string_size", hint: "Returns the size, in bytes, of the input string." },
-  { text: "strlen", hint: "Returns the length, in characters, of the input string." },
-  { text: "strrep", hint: "Repeats given [string](./scalar-data-types/string.md) provided amount of times." },
-  { text: "substring", hint: "Extracts a substring from a source string starting from some index to the end of the string." },
-  { text: "sum", hint: "Calculates the sum of *Expr* across the group." },
-  { text: "sumif", hint: "Returns a sum of *Expr* for which *Predicate* evaluates to `true`." },
-  { text: "table", hint: "References specific table using an query-time evaluated string-expression." },
-  { text: "tan", hint: "Returns the tangent function." },
-  { text: "tdigest", hint: "Calculates the Intermediate results of [`percentiles()`](percentiles-aggfunction.md) across the group." },
-  { text: "tdigest_merge", hint: "Merges tdigest results (scalar version of the aggregate version [`tdigest_merge()`](tdigest-merge-aggfunction.md))." },
-  { text: "tobool", hint: "Converts input to boolean (signed 8-bit) representation." },
-  { text: "todatetime", hint: "Converts input to [datetime](./scalar-data-types/datetime.md) scalar." },
-  { text: "todecimal", hint: "Converts input to decimal number representation." },
-  { text: "todouble", hint: "Converts the input to a value of type `real`. (`todouble()` and `toreal()` are synonyms.)" },
-  { text: "todynamic", hint: "Interprets a `string` as a [JSON value](https://json.org/) and returns the value as [`dynamic`](./scalar-data-types/dynamic.md)." },
-  { text: "toguid", hint: "Converts input to [`guid`](./scalar-data-types/guid.md) representation." },
-  { text: "tohex", hint: "Converts input to a hexadecimal string." },
-  { text: "toint", hint: "Converts input to integer (signed 32-bit) number representation." },
-  { text: "tolong", hint: "Converts input to long (signed 64-bit) number representation." },
-  { text: "tolower", hint: "Converts input string to lower case." },
-  { text: "toscalar", hint: "Returns a scalar constant value of the evaluated expression." },
-  { text: "tostring", hint: "Converts input to a string representation." },
-  { text: "totimespan", hint: "Converts input  to [timespan](./scalar-data-types/timespan.md) scalar." },
-  { text: "toupper", hint: "Converts a string to upper case." },
-  { text: "translate", hint: "Replaces a set of characters ('searchList') with another set of characters ('replacementList') in a given a string.\r\nThe function searches for characters in the 'searchList' and replaces them with the corresponding characters in 'replacementList'" },
-  { text: "treepath", hint: "Enumerates all the path expressions that identify leaves in a dynamic object." },
-  { text: "trim", hint: "Removes all leading and trailing matches of the specified regular expression." },
-  { text: "trim_end", hint: "Removes trailing match of the specified regular expression." },
-  { text: "trim_start", hint: "Removes leading match of the specified regular expression." },
-  { text: "url_decode", hint: "The function converts encoded URL into a to regular URL representation." },
-  { text: "url_encode", hint: "The function converts characters of the input URL into a format that can be transmitted over the Internet." },
-  { text: "variance", hint: "Calculates the variance of *Expr* across the group, considering the group as a [sample](https://en.wikipedia.org/wiki/Sample_%28statistics%29)." },
-  { text: "varianceif", hint: "Calculates the [variance](variance-aggfunction.md) of *Expr* across the group for which *Predicate* evaluates to `true`." },
-  { text: "variancep", hint: "Calculates the variance of *Expr* across the group, considering the group as a [population](https://en.wikipedia.org/wiki/Statistical_population)." },
-  { text: "weekofyear", hint: "Returns the integer number represents the week number." },
-  { text: "welch_test", hint: "Computes the p_value of the [Welch-test function](https://en.wikipedia.org/wiki/Welch%27s_t-test)" },
-  { text: "zip", hint: "The `zip` function accepts any number of `dynamic` arrays, and returns an\r\narray whose elements are each an array holding the elements of the input\r\narrays of the same index." },
+  { text: 'abs', hint: 'Calculates the absolute value of the input.' },
+  {
+    text: 'acos',
+    hint:
+      'Returns the angle whose cosine is the specified number (the inverse operation of [`cos()`](cosfunction.md)) .',
+  },
+  { text: 'ago', hint: 'Subtracts the given timespan from the current UTC clock time.' },
+  { text: 'any', hint: 'Returns random non-empty value from the specified expression values.' },
+  {
+    text: 'arg_max',
+    hint:
+      'Finds a row in the group that maximizes *ExprToMaximize*, and returns the value of *ExprToReturn* (or `*` to return the entire row).',
+  },
+  {
+    text: 'arg_min',
+    hint:
+      'Finds a row in the group that minimizes *ExprToMinimize*, and returns the value of *ExprToReturn* (or `*` to return the entire row).',
+  },
+  {
+    text: 'argmax',
+    hint:
+      'Finds a row in the group that maximizes *ExprToMaximize*, and returns the value of *ExprToReturn* (or `*` to return the entire row).',
+  },
+  {
+    text: 'argmin',
+    hint:
+      'Finds a row in the group that minimizes *ExprToMinimize*, and returns the value of *ExprToReturn* (or `*` to return the entire row).',
+  },
+  { text: 'array_concat', hint: 'Concatenates a number of dynamic arrays to a single array.' },
+  { text: 'array_length', hint: 'Calculates the number of elements in a dynamic array.' },
+  { text: 'array_slice', hint: 'Extracts a slice of a dynamic array.' },
+  {
+    text: 'array_split',
+    hint:
+      'Splits an array to multiple arrays according to the split indices and packs the generated array in a dynamic array.',
+  },
+  {
+    text: 'asin',
+    hint: 'Returns the angle whose sine is the specified number (the inverse operation of [`sin()`](sinfunction.md)) .',
+  },
+  {
+    text: 'assert',
+    hint: 'Checks for a condition; if the condition is false, outputs error messages and fails the query.',
+  },
+  {
+    text: 'atan',
+    hint:
+      'Returns the angle whose tangent is the specified number (the inverse operation of [`tan()`](tanfunction.md)) .',
+  },
+  {
+    text: 'atan2',
+    hint:
+      'Calculates the angle, in radians, between the positive x-axis and the ray from the origin to the point (y, x).',
+  },
+  { text: 'avg', hint: 'Calculates the average of *Expr* across the group.' },
+  {
+    text: 'avgif',
+    hint:
+      'Calculates the [average](avg-aggfunction.md) of *Expr* across the group for which *Predicate* evaluates to `true`.',
+  },
+  { text: 'bag_keys', hint: 'Enumerates all the root keys in a dynamic property-bag object.' },
+  { text: 'base64_decodestring', hint: 'Decodes a base64 string to a UTF-8 string' },
+  { text: 'base64_encodestring', hint: 'Encodes a string as base64 string' },
+  { text: 'beta_cdf', hint: 'Returns the standard cumulative beta distribution function.' },
+  { text: 'beta_inv', hint: 'Returns the inverse of the beta cumulative probability beta density function.' },
+  { text: 'beta_pdf', hint: 'Returns the probability density beta function.' },
+  { text: 'bin', hint: 'Rounds values down to an integer multiple of a given bin size.' },
+  {
+    text: 'bin_at',
+    hint:
+      "Rounds values down to a fixed-size 'bin', with control over the bin's starting point.\r\n(See also [`bin function`](./binfunction.md).)",
+  },
+  {
+    text: 'bin_auto',
+    hint:
+      "Rounds values down to a fixed-size 'bin', with control over the bin size and starting point provided by a query property.",
+  },
+  { text: 'binary_and', hint: 'Returns a result of the bitwise `and` operation between two values.' },
+  { text: 'binary_not', hint: 'Returns a bitwise negation of the input value.' },
+  { text: 'binary_or', hint: 'Returns a result of the bitwise `or` operation of the two values.' },
+  { text: 'binary_shift_left', hint: 'Returns binary shift left operation on a pair of numbers.' },
+  { text: 'binary_shift_right', hint: 'Returns binary shift right operation on a pair of numbers.' },
+  { text: 'binary_xor', hint: 'Returns a result of the bitwise `xor` operation of the two values.' },
+  { text: 'buildschema', hint: 'Returns the minimal schema that admits all values of *DynamicExpr*.' },
+  {
+    text: 'case',
+    hint: 'Evaluates a list of predicates and returns the first result expression whose predicate is satisfied.',
+  },
+  {
+    text: 'ceiling',
+    hint: 'Calculates the smallest integer greater than, or equal to, the specified numeric expression.',
+  },
+  { text: 'cluster', hint: 'Changes the reference of the query to a remote cluster.' },
+  {
+    text: 'coalesce',
+    hint: 'Evaluates a list of expressions and returns the first non-null (or non-empty for string) expression.',
+  },
+  { text: 'cos', hint: 'Returns the cosine function.' },
+  { text: 'cot', hint: 'Calculates the trigonometric cotangent of the specified angle, in radians.' },
+  {
+    text: 'count',
+    hint:
+      'Returns a count of the records per summarization group (or in total if summarization is done without grouping).',
+  },
+  { text: 'countif', hint: 'Returns a count of rows for which *Predicate* evaluates to `true`.' },
+  {
+    text: 'countof',
+    hint: 'Counts occurrences of a substring in a string. Plain string matches may overlap; regex matches do not.',
+  },
+  { text: 'current_principal', hint: 'Returns the current principal running this query.' },
+  {
+    text: 'cursor_after',
+    hint: 'A predicate over the records of a table to compare their ingestion time\r\nagainst a database cursor.',
+  },
+  {
+    text: 'cursor_before_or_at',
+    hint: 'A predicate over the records of a table to compare their ingestion time\r\nagainst a database cursor.',
+  },
+  { text: 'database', hint: 'Changes the reference of the query to a specific database within the cluster scope.' },
+  {
+    text: 'datetime_add',
+    hint:
+      'Calculates a new [datetime](./scalar-data-types/datetime.md) from a specified datepart multiplied by a specified amount, added to a specified [datetime](./scalar-data-types/datetime.md).',
+  },
+  {
+    text: 'datetime_diff',
+    hint: 'Calculates calendarian difference between two [datetime](./scalar-data-types/datetime.md) values.',
+  },
+  { text: 'datetime_part', hint: 'Extracts the requested date part as an integer value.' },
+  { text: 'dayofmonth', hint: 'Returns the integer number representing the day number of the given month' },
+  { text: 'dayofweek', hint: 'Returns the integer number of days since the preceding Sunday, as a `timespan`.' },
+  { text: 'dayofyear', hint: 'Returns the integer number represents the day number of the given year.' },
+  { text: 'dcount', hint: 'Returns an estimate of the number of distinct values of *Expr* in the group.' },
+  {
+    text: 'dcount_hll',
+    hint:
+      'Calculates the dcount from hll results (which was generated by [hll](hll-aggfunction.md) or [hll_merge](hll-merge-aggfunction.md)).',
+  },
+  {
+    text: 'dcountif',
+    hint:
+      'Returns an estimate of the number of distinct values of *Expr* of rows for which *Predicate* evaluates to `true`.',
+  },
+  {
+    text: 'degrees',
+    hint:
+      'Converts angle value in radians into value in degrees, using formula `degrees = (180 / PI ) * angle_in_radians`',
+  },
+  { text: 'distance', hint: 'Returns the distance between two points in meters.' },
+  { text: 'endofday', hint: 'Returns the end of the day containing the date, shifted by an offset, if provided.' },
+  { text: 'endofmonth', hint: 'Returns the end of the month containing the date, shifted by an offset, if provided.' },
+  { text: 'endofweek', hint: 'Returns the end of the week containing the date, shifted by an offset, if provided.' },
+  { text: 'endofyear', hint: 'Returns the end of the year containing the date, shifted by an offset, if provided.' },
+  {
+    text: 'estimate_data_size',
+    hint: 'Returns an estimated data size of the selected columns of the tabular expression.',
+  },
+  { text: 'exp', hint: 'The base-e exponential function of x, which is e raised to the power x: e^x.' },
+  {
+    text: 'exp10',
+    hint: 'The base-10 exponential function of x, which is 10 raised to the power x: 10^x.  \r\n**Syntax**',
+  },
+  { text: 'exp2', hint: 'The base-2 exponential function of x, which is 2 raised to the power x: 2^x.' },
+  {
+    text: 'extent_id',
+    hint: 'Returns a unique identifier that identifies the data shard ("extent") that the current record resides in.',
+  },
+  {
+    text: 'extent_tags',
+    hint:
+      'Returns a dynamic array with the [tags](../management/extents-overview.md#extent-tagging) of the data shard ("extent") that the current record resides in.',
+  },
+  { text: 'extract', hint: 'Get a match for a [regular expression](./re2.md) from a text string.' },
+  { text: 'extract_all', hint: 'Get all matches for a [regular expression](./re2.md) from a text string.' },
+  { text: 'extractjson', hint: 'Get a specified element out of a JSON text using a path expression.' },
+  { text: 'floor', hint: 'An alias for [`bin()`](binfunction.md).' },
+  { text: 'format_datetime', hint: 'Formats a datetime parameter based on the format pattern parameter.' },
+  { text: 'format_timespan', hint: 'Formats a timespan parameter based on the format pattern parameter.' },
+  { text: 'gamma', hint: 'Computes [gamma function](https://en.wikipedia.org/wiki/Gamma_function)' },
+  { text: 'getmonth', hint: 'Get the month number (1-12) from a datetime.' },
+  { text: 'gettype', hint: 'Returns the runtime type of its single argument.' },
+  { text: 'getyear', hint: 'Returns the year part of the `datetime` argument.' },
+  { text: 'hash', hint: 'Returns a hash value for the input value.' },
+  { text: 'hash_sha256', hint: 'Returns a sha256 hash value for the input value.' },
+  { text: 'hll', hint: 'Calculates the Intermediate results of [dcount](dcount-aggfunction.md) across the group.' },
+  {
+    text: 'hll_merge',
+    hint: 'Merges hll results (scalar version of the aggregate version [`hll_merge()`](hll-merge-aggfunction.md)).',
+  },
+  { text: 'hourofday', hint: 'Returns the integer number representing the hour number of the given date' },
+  {
+    text: 'iff',
+    hint:
+      'Evaluates the first argument (the predicate), and returns the value of either the second or third arguments, depending on whether the predicate evaluated to `true` (second) or `false` (third).',
+  },
+  {
+    text: 'iif',
+    hint:
+      'Evaluates the first argument (the predicate), and returns the value of either the second or third arguments, depending on whether the predicate evaluated to `true` (second) or `false` (third).',
+  },
+  {
+    text: 'indexof',
+    hint: 'Function reports the zero-based index of the first occurrence of a specified string within input string.',
+  },
+  { text: 'ingestion_time', hint: "Retrieves the record's `$IngestionTime` hidden `datetime` column, or null." },
+  {
+    text: 'iscolumnexists',
+    hint:
+      'Returns a boolean value indicating if the given string argument exists in the schema produced by the preceding tabular operator.',
+  },
+  { text: 'isempty', hint: 'Returns `true` if the argument is an empty string or is null.' },
+  { text: 'isfinite', hint: 'Returns whether input is a finite value (is neither infinite nor NaN).' },
+  { text: 'isinf', hint: 'Returns whether input is an infinite (positive or negative) value.' },
+  { text: 'isnan', hint: 'Returns whether input is Not-a-Number (NaN) value.' },
+  { text: 'isnotempty', hint: 'Returns `true` if the argument is not an empty string nor it is a null.' },
+  { text: 'isnotnull', hint: 'Returns `true` if the argument is not null.' },
+  {
+    text: 'isnull',
+    hint:
+      'Evaluates its sole argument and returns a `bool` value indicating if the argument evaluates to a null value.',
+  },
+  { text: 'log', hint: 'Returns the natural logarithm function.' },
+  { text: 'log10', hint: 'Returns the common (base-10) logarithm function.' },
+  { text: 'log2', hint: 'Returns the base-2 logarithm function.' },
+  {
+    text: 'loggamma',
+    hint: 'Computes log of absolute value of the [gamma function](https://en.wikipedia.org/wiki/Gamma_function)',
+  },
+  {
+    text: 'make_datetime',
+    hint: 'Creates a [datetime](./scalar-data-types/datetime.md) scalar value from the specified date and time.',
+  },
+  {
+    text: 'make_dictionary',
+    hint: 'Returns a `dynamic` (JSON) property-bag (dictionary) of all the values of *Expr* in the group.',
+  },
+  { text: 'make_string', hint: 'Returns the string generated by the Unicode characters.' },
+  {
+    text: 'make_timespan',
+    hint: 'Creates a [timespan](./scalar-data-types/timespan.md) scalar value from the specified time period.',
+  },
+  { text: 'makelist', hint: 'Returns a `dynamic` (JSON) array of all the values of *Expr* in the group.' },
+  {
+    text: 'makeset',
+    hint: 'Returns a `dynamic` (JSON) array of the set of distinct values that *Expr* takes in the group.',
+  },
+  {
+    text: 'materialize',
+    hint:
+      'Allows caching a sub-query result during the time of query execution in a way that other subqueries can reference the partial result.',
+  },
+  { text: 'max', hint: 'Returns the maximum value across the group.' },
+  { text: 'max_of', hint: 'Returns the maximum value of several evaluated numeric expressions.' },
+  {
+    text: 'merge_tdigests',
+    hint:
+      'Merges tdigest results (scalar version of the aggregate version [`merge_tdigests()`](merge-tdigests-aggfunction.md)).',
+  },
+  { text: 'min', hint: 'Returns the minimum value agross the group.' },
+  { text: 'min_of', hint: 'Returns the minimum value of several evaluated numeric expressions.' },
+  { text: 'monthofyear', hint: 'Returns the integer number represents the month number of the given year.' },
+  {
+    text: 'next',
+    hint:
+      'Returns the value of a column in a row that it at some offset following the\r\ncurrent row in a [serialized row set](./windowsfunctions.md#serialized-row-set).',
+  },
+  { text: 'not', hint: 'Reverses the value of its `bool` argument.' },
+  {
+    text: 'now',
+    hint:
+      'Returns the current UTC clock time, optionally offset by a given timespan.\r\nThis function can be used multiple times in a statement and the clock time being referenced will be the same for all instances.',
+  },
+  { text: 'pack', hint: 'Creates a `dynamic` object (property bag) from a list of names and values.' },
+  {
+    text: 'pack_all',
+    hint: 'Creates a `dynamic` object (property bag) from all the columns of the tabular expression.',
+  },
+  { text: 'pack_array', hint: 'Packs all input values into a dynamic array.' },
+  { text: 'parse_ipv4', hint: 'Converts input to integer (signed 64-bit) number representation.' },
+  {
+    text: 'parse_json',
+    hint:
+      'Interprets a `string` as a [JSON value](https://json.org/)) and returns the value as [`dynamic`](./scalar-data-types/dynamic.md). \r\nIt is superior to using [extractjson() function](./extractjsonfunction.md)\r\nwhen you need to extract more than one element of a JSON compound object.',
+  },
+  {
+    text: 'parse_path',
+    hint:
+      'Parses a file path `string` and returns a [`dynamic`](./scalar-data-types/dynamic.md) object that contains the following parts of the path: \r\nScheme, RootPath, DirectoryPath, DirectoryName, FileName, Extension, AlternateDataStreamName.\r\nIn addition to the simple paths with both types of slashes, supports paths with schemas (e.g. "file://..."), shared paths (e.g. "\\\\shareddrive\\users..."), long paths (e.g "\\\\?\\C:...""), alternate data streams (e.g. "file1.exe:file2.exe")',
+  },
+  {
+    text: 'parse_url',
+    hint:
+      'Parses an absolute URL `string` and returns a [`dynamic`](./scalar-data-types/dynamic.md) object contains all parts of the URL (Scheme, Host, Port, Path, Username, Password, Query Parameters, Fragment).',
+  },
+  {
+    text: 'parse_urlquery',
+    hint:
+      'Parses a url query `string` and returns a [`dynamic`](./scalar-data-types/dynamic.md) object contains the Query parameters.',
+  },
+  {
+    text: 'parse_user_agent',
+    hint:
+      "Interprets a user-agent string, which identifies the user's browser and provides certain system details to servers hosting the websites the user visits. The result is returned as [`dynamic`](./scalar-data-types/dynamic.md).",
+  },
+  { text: 'parse_version', hint: 'Converts input string representation of version to a comparable decimal number.' },
+  {
+    text: 'parse_xml',
+    hint:
+      'Interprets a `string` as a XML value, converts the value to a [JSON value](https://json.org/) and returns the value as  [`dynamic`](./scalar-data-types/dynamic.md).',
+  },
+  {
+    text: 'percentile',
+    hint:
+      'Returns an estimate for the specified [nearest-rank percentile](#nearest-rank-percentile) of the population defined by *Expr*. \r\nThe accuracy depends on the density of population in the region of the percentile.',
+  },
+  {
+    text: 'percentile_tdigest',
+    hint:
+      'Calculates the percentile result from tdigest results (which was generated by [tdigest](tdigest-aggfunction.md) or [merge-tdigests](merge-tdigests-aggfunction.md))',
+  },
+  {
+    text: 'percentrank_tdigest',
+    hint:
+      "Calculates the approximate rank of the value in a set where rank is expressed as percentage of set's size. \r\nThis function can be viewed as the inverse of the percentile.",
+  },
+  { text: 'pi', hint: 'Returns the constant value of Pi (π).' },
+  { text: 'point', hint: 'Returns a dynamic array representation of a point.' },
+  { text: 'pow', hint: 'Returns a result of raising to power' },
+  {
+    text: 'prev',
+    hint:
+      'Returns the value of a column in a row that it at some offset prior to the\r\ncurrent row in a [serialized row set](./windowsfunctions.md#serialized-row-set).',
+  },
+  {
+    text: 'radians',
+    hint:
+      'Converts angle value in degrees into value in radians, using formula `radians = (PI / 180 ) * angle_in_degrees`',
+  },
+  { text: 'rand', hint: 'Returns a random number.' },
+  { text: 'range', hint: 'Generates a dynamic array holding a series of equally-spaced values.' },
+  { text: 'repeat', hint: 'Generates a dynamic array holding a series of equal values.' },
+  { text: 'replace', hint: 'Replace all regex matches with another string.' },
+  { text: 'reverse', hint: 'Function makes reverse of input string.' },
+  { text: 'round', hint: 'Returns the rounded source to the specified precision.' },
+  {
+    text: 'row_cumsum',
+    hint:
+      'Calculates the cumulative sum of a column in a [serialized row set](./windowsfunctions.md#serialized-row-set).',
+  },
+  {
+    text: 'row_number',
+    hint:
+      "Returns the current row's index in a [serialized row set](./windowsfunctions.md#serialized-row-set).\r\nThe row index starts by default at `1` for the first row, and is incremented by `1` for each additional row.\r\nOptionally, the row index can start at a different value than `1`.\r\nAdditionally, the row index may be reset according to some provided predicate.",
+  },
+  { text: 'series_add', hint: 'Calculates the element-wise addition of two numeric series inputs.' },
+  { text: 'series_decompose', hint: 'Applies a decomposition transformation on a series.' },
+  {
+    text: 'series_decompose_anomalies',
+    hint:
+      'Anomaly Detection based on series decomposition (refer to [series_decompose()](series-decomposefunction.md))',
+  },
+  { text: 'series_decompose_forecast', hint: 'Forecast based on series decomposition.' },
+  { text: 'series_divide', hint: 'Calculates the element-wise division of two numeric series inputs.' },
+  {
+    text: 'series_equals',
+    hint: 'Calculates the element-wise equals (`==`) logic operation of two numeric series inputs.',
+  },
+  { text: 'series_fill_backward', hint: 'Performs backward fill interpolation of missing values in a series.' },
+  { text: 'series_fill_const', hint: 'Replaces missing values in a series with a specified constant value.' },
+  { text: 'series_fill_forward', hint: 'Performs forward fill interpolation of missing values in a series.' },
+  { text: 'series_fill_linear', hint: 'Performs linear interpolation of missing values in a series.' },
+  { text: 'series_fir', hint: 'Applies a Finite Impulse Response filter on a series.' },
+  {
+    text: 'series_fit_2lines',
+    hint: 'Applies two segments linear regression on a series, returning multiple columns.',
+  },
+  {
+    text: 'series_fit_2lines_dynamic',
+    hint: 'Applies two segments linear regression on a series, returning dynamic object.',
+  },
+  { text: 'series_fit_line', hint: 'Applies linear regression on a series, returning multiple columns.' },
+  { text: 'series_fit_line_dynamic', hint: 'Applies linear regression on a series, returning dynamic object.' },
+  {
+    text: 'series_greater',
+    hint: 'Calculates the element-wise greater (`>`) logic operation of two numeric series inputs.',
+  },
+  {
+    text: 'series_greater_equals',
+    hint: 'Calculates the element-wise greater or equals (`>=`) logic operation of two numeric series inputs.',
+  },
+  { text: 'series_iir', hint: 'Applies a Infinite Impulse Response filter on a series.' },
+  { text: 'series_less', hint: 'Calculates the element-wise less (`<`) logic operation of two numeric series inputs.' },
+  {
+    text: 'series_less_equals',
+    hint: 'Calculates the element-wise less or equal (`<=`) logic operation of two numeric series inputs.',
+  },
+  { text: 'series_multiply', hint: 'Calculates the element-wise multiplication of two numeric series inputs.' },
+  {
+    text: 'series_not_equals',
+    hint: 'Calculates the element-wise not equals (`!=`) logic operation of two numeric series inputs.',
+  },
+  { text: 'series_outliers', hint: 'Scores anomaly points in a series.' },
+  { text: 'series_periods_detect', hint: 'Finds the most significant periods that exist in a time series.' },
+  {
+    text: 'series_periods_validate',
+    hint: 'Checks whether a time series contains periodic patterns of given lengths.',
+  },
+  {
+    text: 'series_seasonal',
+    hint: 'Calculates the seasonal component of a series according to the detected or given seasonal period.',
+  },
+  { text: 'series_stats', hint: 'Returns statistics for a series in multiple columns.' },
+  { text: 'series_stats_dynamic', hint: 'Returns statistics for a series in dynamic object.' },
+  { text: 'series_subtract', hint: 'Calculates the element-wise subtraction of two numeric series inputs.' },
+  { text: 'sign', hint: 'Sign of a numeric expression' },
+  { text: 'sin', hint: 'Returns the sine function.' },
+  {
+    text: 'split',
+    hint:
+      'Splits a given string according to a given delimiter and returns a string array with the contained substrings.',
+  },
+  { text: 'sqrt', hint: 'Returns the square root function.' },
+  { text: 'startofday', hint: 'Returns the start of the day containing the date, shifted by an offset, if provided.' },
+  {
+    text: 'startofmonth',
+    hint: 'Returns the start of the month containing the date, shifted by an offset, if provided.',
+  },
+  {
+    text: 'startofweek',
+    hint: 'Returns the start of the week containing the date, shifted by an offset, if provided.',
+  },
+  {
+    text: 'startofyear',
+    hint: 'Returns the start of the year containing the date, shifted by an offset, if provided.',
+  },
+  {
+    text: 'stdev',
+    hint:
+      'Calculates the standard deviation of *Expr* across the group, considering the group as a [sample](https://en.wikipedia.org/wiki/Sample_%28statistics%29).',
+  },
+  {
+    text: 'stdevif',
+    hint:
+      'Calculates the [stdev](stdev-aggfunction.md) of *Expr* across the group for which *Predicate* evaluates to `true`.',
+  },
+  {
+    text: 'stdevp',
+    hint:
+      'Calculates the standard deviation of *Expr* across the group, considering the group as a [population](https://en.wikipedia.org/wiki/Statistical_population).',
+  },
+  { text: 'strcat', hint: 'Concatenates between 1 and 64 arguments.' },
+  { text: 'strcat_array', hint: 'Creates a concatenated string of array values using specified delimiter.' },
+  {
+    text: 'strcat_delim',
+    hint: 'Concatenates between 2 and 64 arguments, with delimiter, provided as first argument.',
+  },
+  { text: 'strcmp', hint: 'Compares two strings.' },
+  { text: 'string_size', hint: 'Returns the size, in bytes, of the input string.' },
+  { text: 'strlen', hint: 'Returns the length, in characters, of the input string.' },
+  { text: 'strrep', hint: 'Repeats given [string](./scalar-data-types/string.md) provided amount of times.' },
+  {
+    text: 'substring',
+    hint: 'Extracts a substring from a source string starting from some index to the end of the string.',
+  },
+  { text: 'sum', hint: 'Calculates the sum of *Expr* across the group.' },
+  { text: 'sumif', hint: 'Returns a sum of *Expr* for which *Predicate* evaluates to `true`.' },
+  { text: 'table', hint: 'References specific table using an query-time evaluated string-expression.' },
+  { text: 'tan', hint: 'Returns the tangent function.' },
+  {
+    text: 'tdigest',
+    hint: 'Calculates the Intermediate results of [`percentiles()`](percentiles-aggfunction.md) across the group.',
+  },
+  {
+    text: 'tdigest_merge',
+    hint:
+      'Merges tdigest results (scalar version of the aggregate version [`tdigest_merge()`](tdigest-merge-aggfunction.md)).',
+  },
+  { text: 'tobool', hint: 'Converts input to boolean (signed 8-bit) representation.' },
+  { text: 'todatetime', hint: 'Converts input to [datetime](./scalar-data-types/datetime.md) scalar.' },
+  { text: 'todecimal', hint: 'Converts input to decimal number representation.' },
+  {
+    text: 'todouble',
+    hint: 'Converts the input to a value of type `real`. (`todouble()` and `toreal()` are synonyms.)',
+  },
+  {
+    text: 'todynamic',
+    hint:
+      'Interprets a `string` as a [JSON value](https://json.org/) and returns the value as [`dynamic`](./scalar-data-types/dynamic.md).',
+  },
+  { text: 'toguid', hint: 'Converts input to [`guid`](./scalar-data-types/guid.md) representation.' },
+  { text: 'tohex', hint: 'Converts input to a hexadecimal string.' },
+  { text: 'toint', hint: 'Converts input to integer (signed 32-bit) number representation.' },
+  { text: 'tolong', hint: 'Converts input to long (signed 64-bit) number representation.' },
+  { text: 'tolower', hint: 'Converts input string to lower case.' },
+  { text: 'toscalar', hint: 'Returns a scalar constant value of the evaluated expression.' },
+  { text: 'tostring', hint: 'Converts input to a string representation.' },
+  { text: 'totimespan', hint: 'Converts input  to [timespan](./scalar-data-types/timespan.md) scalar.' },
+  { text: 'toupper', hint: 'Converts a string to upper case.' },
+  {
+    text: 'translate',
+    hint:
+      "Replaces a set of characters ('searchList') with another set of characters ('replacementList') in a given a string.\r\nThe function searches for characters in the 'searchList' and replaces them with the corresponding characters in 'replacementList'",
+  },
+  { text: 'treepath', hint: 'Enumerates all the path expressions that identify leaves in a dynamic object.' },
+  { text: 'trim', hint: 'Removes all leading and trailing matches of the specified regular expression.' },
+  { text: 'trim_end', hint: 'Removes trailing match of the specified regular expression.' },
+  { text: 'trim_start', hint: 'Removes leading match of the specified regular expression.' },
+  { text: 'url_decode', hint: 'The function converts encoded URL into a to regular URL representation.' },
+  {
+    text: 'url_encode',
+    hint: 'The function converts characters of the input URL into a format that can be transmitted over the Internet.',
+  },
+  {
+    text: 'variance',
+    hint:
+      'Calculates the variance of *Expr* across the group, considering the group as a [sample](https://en.wikipedia.org/wiki/Sample_%28statistics%29).',
+  },
+  {
+    text: 'varianceif',
+    hint:
+      'Calculates the [variance](variance-aggfunction.md) of *Expr* across the group for which *Predicate* evaluates to `true`.',
+  },
+  {
+    text: 'variancep',
+    hint:
+      'Calculates the variance of *Expr* across the group, considering the group as a [population](https://en.wikipedia.org/wiki/Statistical_population).',
+  },
+  { text: 'weekofyear', hint: 'Returns the integer number represents the week number.' },
+  {
+    text: 'welch_test',
+    hint: 'Computes the p_value of the [Welch-test function](https://en.wikipedia.org/wiki/Welch%27s_t-test)',
+  },
+  {
+    text: 'zip',
+    hint:
+      'The `zip` function accepts any number of `dynamic` arrays, and returns an\r\narray whose elements are each an array holding the elements of the input\r\narrays of the same index.',
+  },
 ];
 
 export const KEYWORDS = [
@@ -297,8 +644,16 @@ export const KEYWORDS = [
 ];
 
 export const grafanaMacros = [
-  { text: '$__timeFilter', display: '$__timeFilter()', hint: 'Macro that uses the selected timerange in Grafana to filter the query.', },
-  { text: '$__escapeMulti', display: '$__escapeMulti()', hint: 'Macro to escape multi-value template variables that contain illegal characters.', },
+  {
+    text: '$__timeFilter',
+    display: '$__timeFilter()',
+    hint: 'Macro that uses the selected timerange in Grafana to filter the query.',
+  },
+  {
+    text: '$__escapeMulti',
+    display: '$__escapeMulti()',
+    hint: 'Macro to escape multi-value template variables that contain illegal characters.',
+  },
   { text: '$__contains', display: '$__contains()', hint: 'Macro for multi-value template variables.' },
 ];
 

+ 8 - 9
public/app/plugins/datasource/grafana-azure-monitor-datasource/query_ctrl.ts

@@ -314,7 +314,7 @@ export class AzureMonitorQueryCtrl extends QueryCtrl {
         }
       })
       .catch(this.handleQueryCtrlError.bind(this));
-  }
+  };
 
   getAzureLogAnalyticsSchema = () => {
     return this.getWorkspaces()
@@ -322,15 +322,15 @@ export class AzureMonitorQueryCtrl extends QueryCtrl {
         return this.datasource.azureLogAnalyticsDatasource.getSchema(this.target.azureLogAnalytics.workspace);
       })
       .catch(this.handleQueryCtrlError.bind(this));
-  }
+  };
 
   onLogAnalyticsQueryChange = (nextQuery: string) => {
     this.target.azureLogAnalytics.query = nextQuery;
-  }
+  };
 
   onLogAnalyticsQueryExecute = () => {
     this.panelCtrl.refresh();
-  }
+  };
 
   get templateVariables() {
     return this.templateSrv.variables.map(t => '$' + t.name);
@@ -380,16 +380,15 @@ export class AzureMonitorQueryCtrl extends QueryCtrl {
 
   onAppInsightsQueryChange = (nextQuery: string) => {
     this.target.appInsights.rawQueryString = nextQuery;
-  }
+  };
 
   onAppInsightsQueryExecute = () => {
     return this.refresh();
-  }
+  };
 
   getAppInsightsQuerySchema = () => {
-    return this.datasource.appInsightsDatasource.getQuerySchema()
-      .catch(this.handleQueryCtrlError.bind(this));
-  }
+    return this.datasource.appInsightsDatasource.getQuerySchema().catch(this.handleQueryCtrlError.bind(this));
+  };
 
   getAppInsightsGroupBySegments(query) {
     return _.map(this.target.appInsights.groupByOptions, option => {

+ 3 - 1
public/app/plugins/datasource/loki/components/LokiQueryEditor.tsx

@@ -58,7 +58,9 @@ export class LokiQueryEditor extends PureComponent<Props> {
     return (
       <div>
         <div className="gf-form">
-          <div className="gf-form-label">Loki is currently not supported as dashboard data source. We are working on it!</div>
+          <div className="gf-form-label">
+            Loki is currently not supported as dashboard data source. We are working on it!
+          </div>
         </div>
         {/*
         <LokiQueryField

+ 29 - 29
public/app/plugins/datasource/loki/datasource.ts

@@ -92,8 +92,8 @@ export class LokiDatasource {
         const query = queryTargets[i];
 
         // add search term to stream & add to array
-        if (result.data)  {
-          for (const stream of (result.data.streams || [])) {
+        if (result.data) {
+          for (const stream of result.data.streams || []) {
             stream.search = query.regexp;
             allStreams.push(stream);
           }
@@ -152,35 +152,35 @@ export class LokiDatasource {
 
   testDatasource() {
     return this._request('/api/prom/label')
-    .then(res => {
-      if (res && res.data && res.data.values && res.data.values.length > 0) {
-        return { status: 'success', message: 'Data source connected and labels found.' };
-      }
-      return {
-        status: 'error',
-        message:
-          'Data source connected, but no labels received. Verify that Loki and Promtail is configured properly.',
-      };
-    })
-    .catch(err => {
-      let message = 'Loki: ';
-      if (err.statusText) {
-        message += err.statusText;
-      } else {
-        message += 'Cannot connect to Loki';
-      }
+      .then(res => {
+        if (res && res.data && res.data.values && res.data.values.length > 0) {
+          return { status: 'success', message: 'Data source connected and labels found.' };
+        }
+        return {
+          status: 'error',
+          message:
+            'Data source connected, but no labels received. Verify that Loki and Promtail is configured properly.',
+        };
+      })
+      .catch(err => {
+        let message = 'Loki: ';
+        if (err.statusText) {
+          message += err.statusText;
+        } else {
+          message += 'Cannot connect to Loki';
+        }
 
-      if (err.status) {
-        message += `. ${err.status}`;
-      }
+        if (err.status) {
+          message += `. ${err.status}`;
+        }
 
-      if (err.data && err.data.message) {
-        message += `. ${err.data.message}`;
-      } else if (err.data) {
-        message += `. ${err.data}`;
-      }
-      return { status: 'error', message: message };
-    });
+        if (err.data && err.data.message) {
+          message += `. ${err.data.message}`;
+        } else if (err.data) {
+          message += `. ${err.data}`;
+        }
+        return { status: 'error', message: message };
+      });
   }
 }
 

+ 0 - 1
public/app/plugins/datasource/loki/types.ts

@@ -6,4 +6,3 @@ export interface LokiQuery extends DataQuery {
 }
 
 export type LokiQueryResultFormats = 'time_series' | 'logs';
-

+ 1 - 1
public/app/plugins/datasource/mssql/specs/datasource.test.ts

@@ -210,7 +210,7 @@ describe('MSSQLDatasource', () => {
     };
     const time = {
       from: moment(1521545610656),
-      to: moment(1521546251185)
+      to: moment(1521546251185),
     };
 
     beforeEach(() => {

+ 0 - 1
public/app/plugins/datasource/prometheus/types.ts

@@ -3,4 +3,3 @@ import { DataQuery } from '@grafana/ui/src/types';
 export interface PromQuery extends DataQuery {
   expr: string;
 }
-

+ 1 - 1
public/app/plugins/datasource/testdata/QueryEditor.tsx

@@ -45,7 +45,7 @@ export class QueryEditor extends PureComponent<Props> {
       ...this.props.query,
       scenarioId: item.value,
     });
-  }
+  };
 
   render() {
     const { query } = this.props;

Some files were not shown because too many files changed in this diff