From 23a85e92f6cf41364edb733abea20d01ca9ad2a2 Mon Sep 17 00:00:00 2001 From: Matthew Bargar Date: Mon, 14 Jan 2019 17:16:26 -0500 Subject: [PATCH 1/2] Add inputRef prop to combobox like other EUI form elements --- src/components/combo_box/combo_box.js | 4 ++++ src/components/combo_box/index.d.ts | 1 + 2 files changed, 5 insertions(+) diff --git a/src/components/combo_box/combo_box.js b/src/components/combo_box/combo_box.js index 732dbb648f3..3959a8d8e86 100644 --- a/src/components/combo_box/combo_box.js +++ b/src/components/combo_box/combo_box.js @@ -49,6 +49,7 @@ export class EuiComboBox extends Component { isClearable: PropTypes.bool, fullWidth: PropTypes.bool, compressed: PropTypes.bool, + inputRef: PropTypes.func, } static defaultProps = { @@ -448,6 +449,9 @@ export class EuiComboBox extends Component { searchInputRef = node => { this.searchInput = node; + if (this.props.inputRef) { + this.props.inputRef(node); + } }; optionsListRef = node => { diff --git a/src/components/combo_box/index.d.ts b/src/components/combo_box/index.d.ts index 41118f3b3dd..7da37f331f4 100644 --- a/src/components/combo_box/index.d.ts +++ b/src/components/combo_box/index.d.ts @@ -73,6 +73,7 @@ declare module '@elastic/eui' { rowHeight?: number, isClearable?: boolean, fullWidth?: boolean, + inputRef?: (element: HTMLInputElement) => void; } export const EuiComboBox: SFC; } From b40df3276d7a3c3584a9d4ccfe876234d4afc37e Mon Sep 17 00:00:00 2001 From: Matthew Bargar Date: Tue, 15 Jan 2019 16:12:36 -0500 Subject: [PATCH 2/2] update changelog --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 953d5ac71c8..ce3a53ea568 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ ## [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `6.3.0`. +- Added `inputRef` prop to `EuiComboBox` ([#1433](https://github.com/elastic/eui/pull/1433)) ## [`6.3.0`](https://github.com/elastic/eui/tree/v6.3.0)