mirror of https://github.com/grafana/grafana.git
28 lines
881 B
TypeScript
28 lines
881 B
TypeScript
import { t } from '@grafana/i18n';
|
|
import { TableAutoCellOptions, TableColorTextCellOptions } from '@grafana/schema';
|
|
import { Field, Switch } from '@grafana/ui';
|
|
|
|
import { TableCellEditorProps } from '../TableCellOptionEditor';
|
|
|
|
export const AutoCellOptionsEditor = ({
|
|
cellOptions,
|
|
onChange,
|
|
}: TableCellEditorProps<TableAutoCellOptions | TableColorTextCellOptions>) => {
|
|
const onWrapTextChange = () => {
|
|
cellOptions.wrapText = !cellOptions.wrapText;
|
|
onChange(cellOptions);
|
|
};
|
|
|
|
return (
|
|
<Field
|
|
label={t('table.auto-cell-options-editor.label-wrap-text', 'Wrap text')}
|
|
description={t(
|
|
'table.auto-cell-options-editor.description-wrap-text',
|
|
'If selected text will be wrapped to the width of text in the configured column'
|
|
)}
|
|
>
|
|
<Switch value={cellOptions.wrapText} onChange={onWrapTextChange} />
|
|
</Field>
|
|
);
|
|
};
|