mirror of
https://github.com/elastic/kibana.git
synced 2025-06-28 11:05:39 -04:00
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
* Side Public License, v 1.
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { i18n } from '@kbn/i18n';
|
|
import { EuiFormRow } from '@elastic/eui';
|
|
import { DebouncedInput } from './debounced_input';
|
|
|
|
export const NameInput = ({
|
|
value,
|
|
onChange,
|
|
defaultValue,
|
|
}: {
|
|
value: string;
|
|
onChange: (value: string) => void;
|
|
defaultValue?: string;
|
|
}) => {
|
|
return (
|
|
<EuiFormRow
|
|
label={i18n.translate('visualizationUiComponents.nameInput.columnLabel', {
|
|
defaultMessage: 'Name',
|
|
description: 'Name of a column of data',
|
|
})}
|
|
display="columnCompressed"
|
|
fullWidth
|
|
>
|
|
<DebouncedInput
|
|
fullWidth
|
|
compressed
|
|
data-test-subj="name-input"
|
|
value={value}
|
|
onChange={onChange}
|
|
defaultValue={defaultValue}
|
|
/>
|
|
</EuiFormRow>
|
|
);
|
|
};
|