mirror of https://github.com/grafana/grafana.git
32 lines
1007 B
TypeScript
32 lines
1007 B
TypeScript
import { PropsWithChildren, useMemo } from 'react';
|
|
|
|
import { VariableType, VariableHide } from '@grafana/data';
|
|
import { Field, RadioButtonGroup } from '@grafana/ui';
|
|
import { t } from 'app/core/internationalization';
|
|
|
|
interface Props {
|
|
onChange: (option: VariableHide) => void;
|
|
hide: VariableHide;
|
|
type: VariableType;
|
|
}
|
|
|
|
const HIDE_OPTIONS = [
|
|
{ label: 'Label and value', value: VariableHide.dontHide },
|
|
{ label: 'Value', value: VariableHide.hideLabel },
|
|
{ label: 'Nothing', value: VariableHide.hideVariable },
|
|
];
|
|
|
|
export function VariableHideSelect({ onChange, hide, type }: PropsWithChildren<Props>) {
|
|
const value = useMemo(() => HIDE_OPTIONS.find((o) => o.value === hide)?.value ?? HIDE_OPTIONS[0].value, [hide]);
|
|
|
|
if (type === 'constant') {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Field label={t('dashboard-scene.variable-hide-select.label-show-on-dashboard', 'Show on dashboard')}>
|
|
<RadioButtonGroup options={HIDE_OPTIONS} onChange={onChange} value={value} />
|
|
</Field>
|
|
);
|
|
}
|