export declare class PanelPlugin<TOptions = any, TFieldConfigOptions extends object = any> extends GrafanaPlugin<PanelPluginMeta> 

import { PanelPlugin } from '@grafana/data';

constructor(panel: ComponentType<PanelProps<TOptions>> | null);

angularPanelCtrl?: any;

dataSupport: PanelPluginDataSupport;

get defaults(): {};

editor?: ComponentClass<PanelEditorProps<TOptions>>;

get fieldConfigDefaults(): FieldConfigSource<TFieldConfigOptions>;

get fieldConfigRegistry(): FieldConfigOptionsRegistry;

noPadding?: boolean;

onPanelMigration?: PanelMigrationHandler<TOptions>;

onPanelTypeChanged?: PanelTypeChangedHandler<TOptions>;

panel: ComponentType<PanelProps<TOptions>> | null;

setDataSupport(support: Partial<PanelPluginDataSupport>): this;

import { ShapePanel } from './ShapePanel';

interface ShapePanelOptions {}

export const plugin = new PanelPlugin<ShapePanelOptions>(ShapePanel)
    .useFieldConfig({})
    ...
    ...
    .setDataSupport({
      annotations: true,
      alertStates: true,
    });

setDefaults(defaults: TOptions): this;

setEditor(editor: ComponentClass<PanelEditorProps<TOptions>>): this;

setMigrationHandler(handler: PanelMigrationHandler<TOptions>): this;

setNoPadding(): this;

setPanelChangeHandler(handler: PanelTypeChangedHandler): this;

setPanelOptions(builder: PanelOptionsSupplier<TOptions>): this;

import { ShapePanel } from './ShapePanel';

interface ShapePanelOptions {}

export const plugin = new PanelPlugin<ShapePanelOptions>(ShapePanel)
  .setPanelOptions(builder => {
    builder
      .addSelect({
        id: 'shape',
        name: 'Shape',
        description: 'Select shape to render'
        settings: {
          options: [
            {value: 'circle', label: 'Circle' },
            {value: 'square', label: 'Square },
            {value: 'triangle', label: 'Triangle }
           ]
        },
      })
  })

useFieldConfig(config?: SetFieldConfigOptionsArgs<TFieldConfigOptions>): this;

import { ShapePanel } from './ShapePanel';

interface ShapePanelOptions {}

// when plugin should use all standard options
export const plugin = new PanelPlugin<ShapePanelOptions>(ShapePanel)
 .useFieldConfig();

// when plugin should only display specific standard options
// note, that options will be displayed in the order they are provided
export const plugin = new PanelPlugin<ShapePanelOptions>(ShapePanel)
 .useFieldConfig({
   standardOptions: [FieldConfigProperty.Min, FieldConfigProperty.Max]
  });

// when standard option's default value needs to be provided
export const plugin = new PanelPlugin<ShapePanelOptions>(ShapePanel)
 .useFieldConfig({
   standardOptions: [FieldConfigProperty.Min, FieldConfigProperty.Max],
   standardOptionsDefaults: {
     [FieldConfigProperty.Min]: 20,
     [FieldConfigProperty.Max]: 100
   }
 });

// when custom field config options needs to be provided
export const plugin = new PanelPlugin<ShapePanelOptions>(ShapePanel)
 .useFieldConfig({
   useCustomConfig: builder => {
     builder
      .addNumberInput({
        id: 'shapeBorderWidth',
        name: 'Border width',
        description: 'Border width of the shape',
        settings: {
          min: 1,
          max: 5,
        },
      })
      .addSelect({
        id: 'displayMode',
        name: 'Display mode',
        description: 'How the shape shout be rendered'
        settings: {
        options: [{value: 'fill', label: 'Fill' }, {value: 'transparent', label: 'Transparent }]
      },
    })
  },
 });