refactor: update search functionality

Author: NiclasNorin

js/features/createSearch/search.ts

@@ -48,6 +48,10 @@ export class Search implements SearchInterface {
         return this;
     }
 
+    public getInput(): HTMLInputElement|undefined {
+        return this.searchUi.getInput();
+    }
+
     public getContainer(): HTMLElement|undefined {
         return this.searchUi.getContainer();
     }

js/features/createSearch/search/searchUi.ts

@@ -55,7 +55,7 @@ export class SearchUi implements SearchUiInterface {
             listItem.addEventListener('click', () => {
                 this.itemClickListeners.forEach(listener => listener(item));
                 if (this.input) {
-                    this.input.value = item.address as string;
+                    this.input.value = this.getTitleFromPlaceSchema(item);
                     this.input.focus();
                 }
 
@@ -77,6 +77,7 @@ export class SearchUi implements SearchUiInterface {
     }
 
     private getTitleFromPlaceSchema(item: PlaceObject): string {
+        console.log(item);
         if (!item.address) {
             return item.name as string ?? '';
         }
@@ -85,6 +86,10 @@ export class SearchUi implements SearchUiInterface {
             return item.address;
         }
 
+        if ('name' in item.address) {
+            return item.address.name as string;
+        }
+
         const address = [];
 
         if (item.name) {
@@ -107,7 +112,6 @@ export class SearchUi implements SearchUiInterface {
             address.push(item.address.postalCode);
         }
 
-
         if ('addressCountry' in item.address) {
             address.push(item.address.addressCountry);
         }
@@ -214,7 +218,7 @@ export class SearchUi implements SearchUiInterface {
         return this.resetButton;
     }
 
-    private getInput(): HTMLInputElement|undefined {
+    public getInput(): HTMLInputElement|undefined {
         if (!this.input) {
             this.input = this.getContainer()?.querySelector('input') ?? undefined;
         }

js/features/createSearch/searchInterface.ts

@@ -15,6 +15,7 @@ export interface SearchUiInterface extends AddTo {
     removeSearch(): this;
     getContainer(): HTMLElement|undefined;
     addTo(map: MapInterface): this;
+    getInput(): HTMLInputElement|undefined;
     setSearchListItems(items: any): this;
     addListItemListener(listItemClickListener: ListItemClickListener): this;
 }