IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

InfluxDB: InfluxQL: apply on enter not on blur (#34963)

Browse Source
This commit is contained in:
Gábor Farkas 2021-05-31 10:09:29 +02:00 committed by GitHub
parent e38c6d73a0
commit 618dc6a2f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/app/plugins/datasource/influxdb/components/VisualInfluxQLEditor/Seg.tsx
View File

@ -137,22 +137,23 @@ const Sel = ({ loadOptions, filterByLoadOptions, allowCustomValue, onChange, onC
type InpProps = {
initialValue: string;
onChange: (newVal: string) => void;
onClose: () => void;
};
const Inp = ({ initialValue, onChange }: InpProps): JSX.Element => {
const Inp = ({ initialValue, onChange, onClose }: InpProps): JSX.Element => {
const [currentValue, setCurrentValue] = useShadowedState(initialValue);
const onBlur = () => {
// we send empty-string as undefined
onChange(currentValue);
};
return (
<Input
autoFocus
type="text"
spellCheck={false}
onBlur={onBlur}
onBlur={onClose}
onKeyDown={(e) => {
if (e.key === 'Enter') {
onChange(currentValue);
}
}}
onChange={(e) => {
setCurrentValue(e.currentTarget.value);
}}
@ -208,6 +209,9 @@ export const Seg = ({
return (
<Inp
initialValue={value}
onClose={() => {
setOpen(false);
}}
onChange={(v) => {
setOpen(false);
onChange({ value: v, label: v });