grafana/packages/grafana-ui/src/components/FieldConfigs/standardFieldConfigEditorRegistry.tsx

import {
  FieldConfigEditorRegistry,
  Registry,
  FieldPropertyEditorItem,
  ThresholdsConfig,
  DataLink,
} from '@grafana/data';
import { StringValueEditor, StringOverrideEditor, stringOverrideProcessor, StringFieldConfigSettings } from './string';
import { NumberValueEditor, NumberOverrideEditor, numberOverrideProcessor, NumberFieldConfigSettings } from './number';
import { UnitValueEditor, UnitOverrideEditor } from './units';
import {
  ThresholdsValueEditor,
  ThresholdsOverrideEditor,
  thresholdsOverrideProcessor,
  ThresholdsFieldConfigSettings,
} from './thresholds';
import { DataLinksValueEditor, DataLinksOverrideEditor, dataLinksOverrideProcessor } from './links';

const title: FieldPropertyEditorItem<string, StringFieldConfigSettings> = {
  id: 'title', // Match field properties
  name: 'Title',
  description: 'The field title',

  editor: StringValueEditor,
  override: StringOverrideEditor,
  process: stringOverrideProcessor,

  settings: {
    placeholder: 'auto',
  },
};

const unit: FieldPropertyEditorItem<string, StringFieldConfigSettings> = {
  id: 'unit', // Match field properties
  name: 'Unit',
  description: 'value units',

  editor: UnitValueEditor,
  override: UnitOverrideEditor,
  process: stringOverrideProcessor,

  settings: {
    placeholder: 'none',
  },
};

const min: FieldPropertyEditorItem<number, NumberFieldConfigSettings> = {
  id: 'min', // Match field properties
  name: 'Min',
  description: 'Minimum expected value',

  editor: NumberValueEditor,
  override: NumberOverrideEditor,
  process: numberOverrideProcessor,

  settings: {
    placeholder: 'auto',
  },
};

const max: FieldPropertyEditorItem<number, NumberFieldConfigSettings> = {
  id: 'max', // Match field properties
  name: 'Max',
  description: 'Maximum expected value',

  editor: NumberValueEditor,
  override: NumberOverrideEditor,
  process: numberOverrideProcessor,

  settings: {
    placeholder: 'auto',
  },
};

const decimals: FieldPropertyEditorItem<number, NumberFieldConfigSettings> = {
  id: 'decimals', // Match field properties
  name: 'Decimals',
  description: 'How many decimal places should be shown on a number',

  editor: NumberValueEditor,
  override: NumberOverrideEditor,
  process: numberOverrideProcessor,

  settings: {
    placeholder: 'auto',
    min: 0,
    max: 15,
    integer: true,
  },
};

const thresholds: FieldPropertyEditorItem<ThresholdsConfig, ThresholdsFieldConfigSettings> = {
  id: 'thresholds', // Match field properties
  name: 'Thresholds',
  description: 'Manage Thresholds',

  editor: ThresholdsValueEditor,
  override: ThresholdsOverrideEditor,
  process: thresholdsOverrideProcessor,

  settings: {
    // ??
  },
};

const noValue: FieldPropertyEditorItem<string, StringFieldConfigSettings> = {
  id: 'noValue', // Match field properties
  name: 'No Value',
  description: 'What to show when there is no value',

  editor: StringValueEditor,
  override: StringOverrideEditor,
  process: stringOverrideProcessor,

  settings: {
    placeholder: '-',
  },
};

const links: FieldPropertyEditorItem<DataLink[], StringFieldConfigSettings> = {
  id: 'links', // Match field properties
  name: 'DataLinks',
  description: 'Manage date links',
  editor: DataLinksValueEditor,
  override: DataLinksOverrideEditor,
  process: dataLinksOverrideProcessor,
  settings: {
    placeholder: '-',
  },
};

export const standardFieldConfigEditorRegistry: FieldConfigEditorRegistry = new Registry<FieldPropertyEditorItem>(
  () => {
    return [title, unit, min, max, decimals, thresholds, noValue, links];
  }
);