From 5c13d8eefd8683317bb5ed803147bf8967344172 Mon Sep 17 00:00:00 2001 From: Marcus Andersson Date: Tue, 7 Mar 2023 12:44:45 +0100 Subject: [PATCH] Plugins: make sure we expose all available field color modes (#64289) expose all available field color modes via fieldcolormodeid enum. --- packages/grafana-data/src/field/fieldColor.ts | 24 +++++++++---------- packages/grafana-data/src/types/fieldColor.ts | 9 +++++++ 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/packages/grafana-data/src/field/fieldColor.ts b/packages/grafana-data/src/field/fieldColor.ts index 003b2e8c684..8cd714e7f7a 100644 --- a/packages/grafana-data/src/field/fieldColor.ts +++ b/packages/grafana-data/src/field/fieldColor.ts @@ -51,70 +51,70 @@ export const fieldColorModeRegistry = new Registry(() => { }, }), new FieldColorSchemeMode({ - id: 'continuous-GrYlRd', + id: FieldColorModeId.ContinuousGrYlRd, name: 'Green-Yellow-Red', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['green', 'yellow', 'red'], }), new FieldColorSchemeMode({ - id: 'continuous-RdYlGr', + id: FieldColorModeId.ContinuousRdYlGr, name: 'Red-Yellow-Green', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['red', 'yellow', 'green'], }), new FieldColorSchemeMode({ - id: 'continuous-BlYlRd', + id: FieldColorModeId.ContinuousBlYlRd, name: 'Blue-Yellow-Red', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['dark-blue', 'super-light-yellow', 'dark-red'], }), new FieldColorSchemeMode({ - id: 'continuous-YlRd', + id: FieldColorModeId.ContinuousYlRd, name: 'Yellow-Red', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['super-light-yellow', 'dark-red'], }), new FieldColorSchemeMode({ - id: 'continuous-BlPu', + id: FieldColorModeId.ContinuousBlPu, name: 'Blue-Purple', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['blue', 'purple'], }), new FieldColorSchemeMode({ - id: 'continuous-YlBl', + id: FieldColorModeId.ContinuousYlBl, name: 'Yellow-Blue', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['super-light-yellow', 'dark-blue'], }), new FieldColorSchemeMode({ - id: 'continuous-blues', + id: FieldColorModeId.ContinuousBlues, name: 'Blues', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['panel-bg', 'dark-blue'], }), new FieldColorSchemeMode({ - id: 'continuous-reds', + id: FieldColorModeId.ContinuousReds, name: 'Reds', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['panel-bg', 'dark-red'], }), new FieldColorSchemeMode({ - id: 'continuous-greens', + id: FieldColorModeId.ContinuousGreens, name: 'Greens', isContinuous: true, isByValue: true, getColors: (theme: GrafanaTheme2) => ['panel-bg', 'dark-green'], }), new FieldColorSchemeMode({ - id: 'continuous-purples', + id: FieldColorModeId.ContinuousPurples, name: 'Purples', isContinuous: true, isByValue: true, @@ -124,7 +124,7 @@ export const fieldColorModeRegistry = new Registry(() => { }); interface FieldColorSchemeModeOptions { - id: string; + id: FieldColorModeId; name: string; description?: string; getColors: (theme: GrafanaTheme2) => string[]; @@ -133,7 +133,7 @@ interface FieldColorSchemeModeOptions { } export class FieldColorSchemeMode implements FieldColorMode { - id: string; + id: FieldColorModeId; name: string; description?: string; isContinuous: boolean; diff --git a/packages/grafana-data/src/types/fieldColor.ts b/packages/grafana-data/src/types/fieldColor.ts index 4243f4bed5c..465c268e1a5 100644 --- a/packages/grafana-data/src/types/fieldColor.ts +++ b/packages/grafana-data/src/types/fieldColor.ts @@ -6,6 +6,15 @@ export enum FieldColorModeId { PaletteClassic = 'palette-classic', PaletteSaturated = 'palette-saturated', ContinuousGrYlRd = 'continuous-GrYlRd', + ContinuousRdYlGr = 'continuous-RdYlGr', + ContinuousBlYlRd = 'continuous-BlYlRd', + ContinuousYlRd = 'continuous-YlRd', + ContinuousBlPu = 'continuous-BlPu', + ContinuousYlBl = 'continuous-YlBl', + ContinuousBlues = 'continuous-blues', + ContinuousReds = 'continuous-reds', + ContinuousGreens = 'continuous-greens', + ContinuousPurples = 'continuous-purples', Fixed = 'fixed', }