Commit 3ae6ba03 by Ryan McKinley Committed by GitHub

Graph NG: make series color easy to clear (#27778)

parent 8a22111a
...@@ -22,7 +22,7 @@ export const ColorValueEditor: React.FC<FieldConfigEditorProps<FieldColor, Color ...@@ -22,7 +22,7 @@ export const ColorValueEditor: React.FC<FieldConfigEditorProps<FieldColor, Color
const theme = getTheme(); const theme = getTheme();
const styles = getStyles(theme); const styles = getStyles(theme);
const color = value.fixedColor || item.defaultValue?.fixedColor; const color = value?.fixedColor || item.defaultValue?.fixedColor;
const onValueChange = useCallback( const onValueChange = useCallback(
color => { color => {
...@@ -41,7 +41,7 @@ export const ColorValueEditor: React.FC<FieldConfigEditorProps<FieldColor, Color ...@@ -41,7 +41,7 @@ export const ColorValueEditor: React.FC<FieldConfigEditorProps<FieldColor, Color
ref={ref} ref={ref}
onClick={showColorPicker} onClick={showColorPicker}
onMouseLeave={hideColorPicker} onMouseLeave={hideColorPicker}
color={color ? getColorFromHexRgbOrName(color, theme.type) : ''} color={color ? getColorFromHexRgbOrName(color, theme.type) : theme.colors.formInputBorder}
/> />
</div> </div>
<div className={styles.colorText} onClick={showColorPicker}> <div className={styles.colorText} onClick={showColorPicker}>
......
...@@ -10,4 +10,4 @@ export * from './themes'; ...@@ -10,4 +10,4 @@ export * from './themes';
export * from './slate-plugins'; export * from './slate-plugins';
// Exposes standard editors for registries of optionsUi config and panel options UI // Exposes standard editors for registries of optionsUi config and panel options UI
export { getStandardFieldConfigs, getStandardOptionEditors } from './utils//standardEditors'; export { getStandardFieldConfigs, getStandardOptionEditors } from './utils/standardEditors';
import { import {
FieldColor, FieldColor,
FieldColorMode, FieldConfigProperty,
identityOverrideProcessor, identityOverrideProcessor,
PanelPlugin, PanelPlugin,
standardEditorsRegistry, standardEditorsRegistry,
...@@ -11,6 +11,16 @@ import { Options } from './types'; ...@@ -11,6 +11,16 @@ import { Options } from './types';
export const plugin = new PanelPlugin<Options, GraphCustomFieldConfig>(GraphPanel) export const plugin = new PanelPlugin<Options, GraphCustomFieldConfig>(GraphPanel)
.useFieldConfig({ .useFieldConfig({
standardOptions: [
// FieldConfigProperty.Min,
// FieldConfigProperty.Max,
FieldConfigProperty.Unit,
FieldConfigProperty.DisplayName,
FieldConfigProperty.Decimals,
// NOT: FieldConfigProperty.Thresholds,
FieldConfigProperty.Mappings,
],
useCustomConfig: builder => { useCustomConfig: builder => {
builder builder
// TODO: Until we fix standard color property let's do it the custom editor way // TODO: Until we fix standard color property let's do it the custom editor way
...@@ -19,8 +29,11 @@ export const plugin = new PanelPlugin<Options, GraphCustomFieldConfig>(GraphPane ...@@ -19,8 +29,11 @@ export const plugin = new PanelPlugin<Options, GraphCustomFieldConfig>(GraphPane
id: 'line.color', id: 'line.color',
name: 'Series color', name: 'Series color',
shouldApply: () => true, shouldApply: () => true,
settings: {}, settings: {
defaultValue: { mode: FieldColorMode.Fixed }, allowUndefined: true,
textWhenUndefined: 'Automatic',
},
defaultValue: undefined,
editor: standardEditorsRegistry.get('color').editor as any, editor: standardEditorsRegistry.get('color').editor as any,
override: standardEditorsRegistry.get('color').editor as any, override: standardEditorsRegistry.get('color').editor as any,
process: identityOverrideProcessor, process: identityOverrideProcessor,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment