feat: support VSCode API: inputBox.valueSelection (#4145)

* chore: add valueSelection typings

* feat: support InputBox.valueSelection

packages/extension/src/hosted/api/vscode/ext.host.quickopen.ts

@@ -446,6 +446,7 @@ abstract class ExtQuickInput implements vscode.InputBox {
   abstract type: QuickInputType;
 
   private _value: string;
+  private _valueSelection: [number, number] | undefined;
   private _placeholder: string | undefined;
   private _password: boolean;
   private _buttons: vscode.QuickInputButton[];
@@ -565,6 +566,15 @@ abstract class ExtQuickInput implements vscode.InputBox {
     this.update({ value });
   }
 
+  get valueSelection(): [number, number] | undefined {
+    return this._valueSelection;
+  }
+
+  set valueSelection(valueSelection: [number, number] | undefined) {
+    this._valueSelection = valueSelection;
+    this.update({ valueSelection });
+  }
+
   get totalSteps(): number | undefined {
     return this._totalSteps;
   }

packages/quick-open/src/browser/quick-open.widget.tsx

@@ -71,7 +71,6 @@ export class QuickOpenWidget implements IQuickOpenWidget {
   @observable
   private _valueSelection?: [number, number];
 
-  @computed
   get valueSelection() {
     return this._valueSelection;
   }

packages/types/vscode/typings/vscode.quickpick.d.ts

@@ -377,6 +377,17 @@ declare module 'vscode' {
      */
     value: string;
 
+    /**
+		 * Selection range in the input value. Defined as tuple of two number where the
+		 * first is the inclusive start index and the second the exclusive end index. When `undefined` the whole
+		 * pre-filled value will be selected, when empty (start equals end) only the cursor will be set,
+		 * otherwise the defined range will be selected.
+		 *
+		 * This property does not get updated when the user types or makes a selection,
+		 * but it can be updated by the extension.
+		 */
+		valueSelection: readonly [number, number] | undefined;
+
     /**
      * Optional placeholder in the filter text.
      */