value formats: another rename and updates code to use new valueFormats func

packages/grafana-ui/src/utils/index.ts

@@ -1,2 +1,2 @@
 export * from './processTimeSeries';
-export * from './value_formats/valueFormats';
+export * from './valueFormats/valueFormats';

packages/grafana-ui/src/utils/valueFormats/valueFormats.ts

@@ -158,7 +158,7 @@ export function getValueFormats() {
       submenu: cat.formats.map(format => {
         return {
           text: format.name,
-          id: format.id,
+          value: format.id,
         };
       }),
     };

public/app/core/components/Select/UnitPicker.tsx

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import Select from './Select';
-import kbn from 'app/core/utils/kbn';
+import { getValueFormats } from '@grafana/ui';
 
 interface Props {
   onChange: (item: any) => void;
@@ -16,14 +16,14 @@ export default class UnitPicker extends PureComponent<Props> {
   render() {
     const { defaultValue, onChange, width } = this.props;
 
-    const unitGroups = kbn.getUnitFormats();
+    const unitGroups = getValueFormats();
 
     // Need to transform the data structure to work well with Select
     const groupOptions = unitGroups.map(group => {
       const options = group.submenu.map(unit => {
         return {
           label: unit.text,
-          value: unit.id,
+          value: unit.value,
         };
       });
 

public/app/core/utils/kbn.ts

@@ -1,6 +1,5 @@
 import _ from 'lodash';
-import { getValueFormat, getValueFormatterIndex  } from '@grafana/ui';
+import { getValueFormat, getValueFormatterIndex, getValueFormats } from '@grafana/ui';
-import { getUnitFormats } from '@grafana/ui/src';
 
 const kbn: any = {};
 
@@ -284,9 +283,12 @@ kbn.roundValue = (num, decimals) => {
 ///// FORMAT MENU /////
 
 kbn.getUnitFormats = () => {
-  return getUnitFormats();
+  return getValueFormats();
 };
 
+//
+// Backward compatible layer for value formats to support old plugins
+//
 if (typeof Proxy !== "undefined") {
   kbn.valueFormats = new Proxy(kbn.valueFormats, {
     get(target, name, receiver) {

public/app/plugins/panel/graph/axes_editor.ts

@@ -1,4 +1,4 @@
-import kbn from 'app/core/utils/kbn';
+import { getValueFormats } from '@grafana/ui';
 
 export class AxesEditorCtrl {
   panel: any;
@@ -15,7 +15,7 @@ export class AxesEditorCtrl {
     this.panel = this.panelCtrl.panel;
     this.$scope.ctrl = this;
 
-    this.unitFormats = kbn.getUnitFormats();
+    this.unitFormats = getValueFormats();
 
     this.logScales = {
       linear: 1,

public/app/plugins/panel/table/column_options.ts

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import kbn from 'app/core/utils/kbn';
+import { getValueFormats } from '@grafana/ui';
 
 export class ColumnOptionsCtrl {
   panel: any;
@@ -22,7 +22,7 @@ export class ColumnOptionsCtrl {
     this.activeStyleIndex = 0;
     this.panelCtrl = $scope.ctrl;
     this.panel = this.panelCtrl.panel;
-    this.unitFormats = kbn.getUnitFormats();
+    this.unitFormats = getValueFormats();
     this.colorModes = [
       { text: 'Disabled', value: null },
       { text: 'Cell', value: 'cell' },