ValueFormats: dynamically create units (#20763)

* update fixed

* update fixed

* update fixed

* don't change any tests

* add mising space

* Custom unit formats

* return a string for kbn

* return a string for kbn

* return a string for kbn

* Simplify unit tests

* More units

* fix more tests

* fix more tests

* fix more tests

* format values

* format values

* TimeSeries to string

* more kbn tests

* use the formatted value

* BarGauge: Fixed font size calculations

* support prefix

* add si support

* avoid npe

* BarGauge/BigValue: value formatting

* fix some tests

* fix tests

* remove displayDateFormat

* another unicode char

* Graph: Use react unit picker

* Updated unit picker

* Fixed build errors

* more formatting

* graph2 tooltip formatting

* optional chaining

packages/grafana-data/src/valueFormats/arithmeticFormatters.test.ts

@@ -1,40 +1,41 @@
 import { toHex, toHex0x } from './arithmeticFormatters';
+import { formattedValueToString } from './valueFormats';
 
 describe('hex', () => {
   it('positive integer', () => {
     const str = toHex(100, 0);
-    expect(str).toBe('64');
+    expect(formattedValueToString(str)).toBe('64');
   });
   it('negative integer', () => {
     const str = toHex(-100, 0);
-    expect(str).toBe('-64');
+    expect(formattedValueToString(str)).toBe('-64');
   });
   it('positive float', () => {
     const str = toHex(50.52, 1);
-    expect(str).toBe('32.8');
+    expect(formattedValueToString(str)).toBe('32.8');
   });
   it('negative float', () => {
     const str = toHex(-50.333, 2);
-    expect(str).toBe('-32.547AE147AE14');
+    expect(formattedValueToString(str)).toBe('-32.547AE147AE14');
   });
 });
 
 describe('hex 0x', () => {
   it('positive integeter', () => {
     const str = toHex0x(7999, 0);
-    expect(str).toBe('0x1F3F');
+    expect(formattedValueToString(str)).toBe('0x1F3F');
   });
   it('negative integer', () => {
     const str = toHex0x(-584, 0);
-    expect(str).toBe('-0x248');
+    expect(formattedValueToString(str)).toBe('-0x248');
   });
 
   it('positive float', () => {
     const str = toHex0x(74.443, 3);
-    expect(str).toBe('0x4A.716872B020C4');
+    expect(formattedValueToString(str)).toBe('0x4A.716872B020C4');
   });
   it('negative float', () => {
     const str = toHex0x(-65.458, 1);
-    expect(str).toBe('-0x41.8');
+    expect(formattedValueToString(str)).toBe('-0x41.8');
   });
 });