28 lines
815 B
TypeScript
28 lines
815 B
TypeScript
import { useRef } from 'react';
|
|
|
|
import { MonacoQueryFieldLazy } from './MonacoQueryFieldLazy';
|
|
import { Props as MonacoProps } from './MonacoQueryFieldProps';
|
|
|
|
export type Props = Omit<MonacoProps, 'onRunQuery' | 'onBlur'> & {
|
|
onChange: (query: string) => void;
|
|
onRunQuery: () => void;
|
|
onQueryType?: (query: string) => void;
|
|
};
|
|
|
|
export const MonacoQueryFieldWrapper = (props: Props) => {
|
|
const lastRunValueRef = useRef<string | null>(null);
|
|
const { onRunQuery, onChange, ...rest } = props;
|
|
|
|
const handleRunQuery = (value: string) => {
|
|
lastRunValueRef.current = value;
|
|
onChange(value);
|
|
onRunQuery();
|
|
};
|
|
|
|
const handleBlur = (value: string) => {
|
|
onChange(value);
|
|
};
|
|
|
|
return <MonacoQueryFieldLazy onRunQuery={handleRunQuery} onBlur={handleBlur} onChange={onChange} {...rest} />;
|
|
};
|