@fluid-topics/ftds-combobox 2.1.22 → 2.1.24

package/build/ftds-combobox.d.ts

@@ -14,6 +14,7 @@ export declare class FtdsCombobox extends FtdsBaseCombobox<string> implements Ft
     private commit;
     resetCombobox(): void;
     protected updated(changedProperties: PropertyValues): void;
+    private computeNewSuggestionFromProvider;
     isSuggestionSelected(value: string): boolean;
     onType(e: Event): Promise<void>;
     render(): TemplateResult;

package/build/ftds-combobox.js

@@ -58,12 +58,28 @@ export class FtdsCombobox extends FtdsBaseCombobox {
         super.updated(changedProperties);
         if (changedProperties.has("value")) {
             const previous = (_a = (changedProperties.get("value"))) !== null && _a !== void 0 ? _a : "";
-            const hasValueChanged = this.value !== previous && !this.isOpen && this.inputValue === previous;
+            const hasValueChanged = this.value !== previous && !this.isOpen && this.inputValue === this.previousCommittedLabel;
             if (hasValueChanged) {
-                this.inputValue = this.value;
+                this.computeNewSuggestionFromProvider(this.value)
+                    .then((suggestion) => {
+                    this.value = suggestion.value;
+                    this.inputValue = suggestion.label;
+                    this.previousCommittedLabel = suggestion.label;
+                });
             }
         }
     }
+    async computeNewSuggestionFromProvider(value) {
+        const suggestions = await this.suggestionsProvider(value);
+        const matchingSuggestion = suggestions.find((s) => s.value === value);
+        if (matchingSuggestion) {
+            return matchingSuggestion;
+        }
+        return {
+            value: this.canOfferNewValue ? value : "",
+            label: this.canOfferNewValue ? value : "",
+        };
+    }
     isSuggestionSelected(value) {
         return value === this.value;
     }