31 lines
932 B
TypeScript
31 lines
932 B
TypeScript
import { TableAutoCellOptions, TableColorTextCellOptions } from '@grafana/schema';
|
|
import { Field, Switch, Badge, Label } from '@grafana/ui';
|
|
|
|
import { TableCellEditorProps } from '../TableCellOptionEditor';
|
|
|
|
export const AutoCellOptionsEditor = ({
|
|
cellOptions,
|
|
onChange,
|
|
}: TableCellEditorProps<TableAutoCellOptions | TableColorTextCellOptions>) => {
|
|
// Handle row coloring changes
|
|
const onWrapTextChange = () => {
|
|
cellOptions.wrapText = !cellOptions.wrapText;
|
|
onChange(cellOptions);
|
|
};
|
|
|
|
const label = (
|
|
<Label description="If selected text will be wrapped to the width of text in the configured column">
|
|
{'Wrap text '}
|
|
<Badge text="Alpha" color="blue" style={{ fontSize: '11px', marginLeft: '5px', lineHeight: '1.2' }} />
|
|
</Label>
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<Field label={label}>
|
|
<Switch value={cellOptions.wrapText} onChange={onWrapTextChange} />
|
|
</Field>
|
|
</>
|
|
);
|
|
};
|