From 1e3c9b722e3692bf503b029261ff0f14ad8b541f Mon Sep 17 00:00:00 2001
From: Kim Santiago <31145923+kisantia@users.noreply.github.com>
Date: Mon, 26 Oct 2020 16:30:53 -0700
Subject: [PATCH] Expose inputbox title so hover text can be set (#13084)

* expose inputbox title so hover text can be set

* only update title if there's a value
---
 src/sql/azdata.proposed.d.ts                        |  4 ++++
 .../browser/modelComponents/inputbox.component.ts   | 13 +++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/sql/azdata.proposed.d.ts b/src/sql/azdata.proposed.d.ts
index f2f285c698..9420e37e3d 100644
--- a/src/sql/azdata.proposed.d.ts
+++ b/src/sql/azdata.proposed.d.ts
@@ -531,6 +531,10 @@ declare module 'azdata' {
 	export interface InputBoxProperties extends ComponentProperties {
 		validationErrorMessage?: string;
 		readOnly?: boolean;
+		/**
+		* This title will show when hovered over
+		*/
+		title?: string;
 	}
 
 	export interface CheckBoxProperties {
diff --git a/src/sql/workbench/browser/modelComponents/inputbox.component.ts b/src/sql/workbench/browser/modelComponents/inputbox.component.ts
index 13288704ea..9df7c0ab04 100644
--- a/src/sql/workbench/browser/modelComponents/inputbox.component.ts
+++ b/src/sql/workbench/browser/modelComponents/inputbox.component.ts
@@ -245,6 +245,11 @@ export default class InputBoxComponent extends ComponentBase<azdata.InputBoxProp
 
 		input.inputElement.required = this.required;
 		input.inputElement.readOnly = this.readOnly;
+
+		// only update title if there's a value, otherwise title gets set to placeholder above
+		if (this.title) {
+			input.inputElement.title = this.title;
+		}
 	}
 
 	// CSS-bound properties
@@ -269,6 +274,14 @@ export default class InputBoxComponent extends ComponentBase<azdata.InputBoxProp
 		this.setPropertyFromUI<string>((props, value) => props.placeHolder = value, newValue);
 	}
 
+	public get title(): string {
+		return this.getPropertyOrDefault<string>((props) => props.title, '');
+	}
+
+	public set title(newValue: string) {
+		this.setPropertyFromUI<string>((props, value) => props.title = value, newValue);
+	}
+
 	public set columns(newValue: number) {
 		this.setPropertyFromUI<number>((props, value) => props.columns = value, newValue);
 	}