Test: Proposed Value Selection API on Quick Pick

[TylerLeonhardt]

Refs: #233274

• anyOS @chrmarti
• anyOS @osortega

Complexity: 3

Create Issue

---

This iteration we added proposed API to allow value selection in a QuickPick. "Value selection" allows you to have part of the input box selected.

 declare module 'vscode' {
 	export interface QuickPick<T> {
 		/**
 		 * 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;
 	}
 }

Prereqs

• Have an extension (don't have one? create one!)
• Add the proposed API in the package.json:

  "enabledApiProposals": ["valueSelectionInQuickPick"],

• Run npx @vscode/dts dev to get the proposed API file

Use the window.createQuickPick() API

Use the vscode.window.createQuickPick() to create a quick pick where you can use valueSelection.

Things to try out:

• Updating the value selection before showing the quickpick
• Updating the value selection after showing the quickpick

Have fun with it!