[Feat] Add display format setting for table/tooltip (#2826)

- [Feat] Add display format setting for table/tooltip
- ts changes

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

src/actions/src/vis-state-actions.ts

@@ -773,10 +773,8 @@ export type SetColumnDisplayFormatUpdaterAction = {
  * @public
  */
 export function setColumnDisplayFormat(
-  dataId: string,
-  formats: {
-    [key: string]: string;
-  }
+  dataId: SetColumnDisplayFormatUpdaterAction['dataId'],
+  formats: SetColumnDisplayFormatUpdaterAction['formats']
 ): Merge<
   SetColumnDisplayFormatUpdaterAction,
   {type: typeof ActionTypes.SET_COLUMN_DISPLAY_FORMAT}

src/types/schemas.d.ts

@@ -60,11 +60,11 @@ export type SavedLayer = {
     columns: {
       [key: string]: string;
     };
+    columnMode: string;
     isVisible: boolean;
     visConfig: Record<string, any>;
     hidden: boolean;
     textLabel: Merge<LayerTextLabel, {field: {name: string; type: string} | null}>;
-    columnMode: string;
   };
   visualChannels: SavedVisualChannels;
 };

src/utils/src/data-scale-utils.ts

@@ -206,7 +206,7 @@ function getScaleLabels(
   });
 }
 
-const customScaleLabelFormat = d => String(d);
+const customScaleLabelFormat = n => (n ? formatNumber(n, 'real') : 'no value');
 /**
  * Get linear / quant scale color breaks
  */

src/utils/src/utils.ts

@@ -230,9 +230,10 @@ export function findById(id: string): <X extends {id: string}>(arr: X[]) => X |
  * Returns array difference from
  */
 export function arrayDifference<X extends {id: string}>(source: X[]): (compare: X[]) => X[] {
+  const initial: X[] = [];
   return compare =>
     source.reduce((acc, element) => {
       const foundElement = findById(element.id)(compare);
       return foundElement ? [...acc, foundElement] : acc;
-    }, [] as X[]);
+    }, initial);
 }