@financial-times/o-autocomplete 2.2.0 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.3.0](https://github.com/Financial-Times/origami/compare/o-autocomplete-v2.2.0...o-autocomplete-v2.3.0) (2026-01-15)
+
+
+### Features
+
+* Add o-autocomplete confirmOnBlur option ([#2322](https://github.com/Financial-Times/origami/issues/2322)) ([ba27a93](https://github.com/Financial-Times/origami/commit/ba27a93fa1c91ce2f8f1d3897095b88ed34ef6cc))
+
 ## [2.2.0](https://github.com/Financial-Times/origami/compare/o-autocomplete-v2.1.0...o-autocomplete-v2.2.0) (2026-01-12)
 
 

package/README.md

@@ -11,6 +11,7 @@ An Origami component for autocomplete inputs. This is built on top of the excell
 - [JavaScript](#javascript)
   - [dynamic suggestions function](#dynamic-suggestions-function)
   - [mapOptionToSuggestedValue](#mapoptiontosuggestedvalue)
+  - [suggestionTemplate](#suggestiontemplate)
   - [onConfirm](#onconfirm)
 - [Keyboard Support](#keyboard-support)
   - [When focus is within the text input](#when-focus-is-within-the-text-input)
@@ -202,43 +203,6 @@ new oAutocomplete(oAutocompleteElement, {
 | ------ | --------------- | ------------------------------------------------ |
 | option | <code>\*</code> | The option to transform into a suggestion string |
 
-### onConfirm
-
-This function is called when the user selects an option and is called with the option the user selected.
-
-#### Example
-
-```js
-import oAutocomplete from 'o-autocomplete';
-
-async function customSuggestions(query, populateOptions) {
-	const suggestions = await getSuggestions(query);
-	populateOptions(suggestions);
-}
-
-/**
- * @param {{"suggestionText": string}} option - The option to transform into a suggestion string
- * @returns {string} The string to display as the suggestions for this option
-*/
-function mapOptionToSuggestedValue(option) {
-	return option.suggestionText;
-}
-
-/**
- * @param {{"suggestionText": string}} option - The option the user selected
-*/
-function onConfirm(option) {
-    console.log('You selected option: ', option);
-}
-
-const oAutocompleteElement = document.getElementById('my-o-autocomplete-element');
-new oAutocomplete(oAutocompleteElement, {
-    onConfirm
-    mapOptionToSuggestedValue,
-    source: customSuggestions,
-});
-```
-
 ### suggestionTemplate
 
 This function is used to override the default rendering of suggestion items, with a function that returns a custom HTML string for the given option.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@financial-times/o-autocomplete",
-	"version": "2.2.0",
+	"version": "2.3.0",
 	"description": "An origami component for autocomplete inputs",
 	"keywords": [
 		"autocomplete",

package/src/js/autocomplete.js

@@ -210,6 +210,7 @@ class Autocomplete {
 			this.options.onConfirm = opts.onConfirm;
 		}
 		this.options.showNoOptionsFound = opts.showNoOptionsFound || false;
+		this.options.confirmOnBlur = opts.confirmOnBlur ?? true;
 		if (opts.suggestionTemplate) {
 			this.options.suggestionTemplate = opts.suggestionTemplate;
 		}
@@ -308,6 +309,7 @@ class Autocomplete {
 						this.options.onConfirm(option);
 					}
 				},
+				confirmOnBlur: this.options.confirmOnBlur,
 				source: this.options.source,
 				cssNamespace: 'o-autocomplete',
 				displayMenu: 'overlay',