docs(select): fix typeahead search (#2840)

liamdebeasi · BlackHakwDC · web-flow · commit 8c65f1adfd3d · 2023-03-21T11:02:02.000-04:00
Co-authored-by: BlackHakwDC &lt;BlackHakwDC@users.noreply.github.com&gt;
diff --git a/static/usage/v6/select/typeahead/angular/modal-example_component_ts.md b/static/usage/v6/select/typeahead/angular/modal-example_component_ts.md
@@ -60,7 +60,7 @@ export class TypeaheadComponent implements OnInit {
        */
       const normalizedQuery = searchQuery.toLowerCase(); 
       this.filteredItems = this.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       });
     }
   }
diff --git a/static/usage/v6/select/typeahead/demo.html b/static/usage/v6/select/typeahead/demo.html
@@ -108,7 +108,7 @@
 
         const normalizedQuery = searchQuery.toLowerCase();
 
-        return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+        return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
       }
 
       /**
diff --git a/static/usage/v6/select/typeahead/javascript.md b/static/usage/v6/select/typeahead/javascript.md
@@ -94,7 +94,7 @@
 
     const normalizedQuery = searchQuery.toLowerCase();
 
-    return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+    return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
   }
 
   /**
diff --git a/static/usage/v6/select/typeahead/react/typeahead_component_tsx.md b/static/usage/v6/select/typeahead/react/typeahead_component_tsx.md
@@ -59,7 +59,7 @@ function AppTypeahead(props: TypeaheadProps) {
        */
       const normalizedQuery = searchQuery.toLowerCase();
       setFilteredItems(props.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       }));
     }
   }
diff --git a/static/usage/v6/select/typeahead/vue/typeahead_component_vue.md b/static/usage/v6/select/typeahead/vue/typeahead_component_vue.md
@@ -89,7 +89,7 @@
            */
           const normalizedQuery = searchQuery.toLowerCase(); 
           filteredItems.value = props.items.filter(item => {
-            return item.value.includes(normalizedQuery);
+            return item.text.toLowerCase().includes(normalizedQuery);
           });
         }
       }
diff --git a/static/usage/v7/select/typeahead/angular/modal-example_component_ts.md b/static/usage/v7/select/typeahead/angular/modal-example_component_ts.md
@@ -7,7 +7,7 @@ import { Item } from './types';
   selector: 'app-typeahead',
   templateUrl: 'typeahead.component.html',
 })
-export class TypeaheadComponentt implements OnInit {
+export class TypeaheadComponent implements OnInit {
   @Input() items: Item[] = [];
   @Input() selectedItems: string[] = [];
   @Input() title = 'Select Items';
@@ -60,7 +60,7 @@ export class TypeaheadComponentt implements OnInit {
        */
       const normalizedQuery = searchQuery.toLowerCase(); 
       this.filteredItems = this.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       });
     }
   }
diff --git a/static/usage/v7/select/typeahead/demo.html b/static/usage/v7/select/typeahead/demo.html
@@ -13,7 +13,7 @@
   <body>
     <ion-app>
       <ion-content color="light">
-        <div class="container">
+        <div class="container">
           <ion-list inset="true">
             <ion-item button="true" detail="false" id="select-fruits">
               <ion-label>Favorite Fruits</ion-label>
@@ -108,7 +108,7 @@
 
         const normalizedQuery = searchQuery.toLowerCase();
 
-        return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+        return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
       }
 
       /**
diff --git a/static/usage/v7/select/typeahead/javascript.md b/static/usage/v7/select/typeahead/javascript.md
@@ -94,7 +94,7 @@
 
     const normalizedQuery = searchQuery.toLowerCase();
 
-    return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+    return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
   }
 
   /**
diff --git a/static/usage/v7/select/typeahead/react/typeahead_component_tsx.md b/static/usage/v7/select/typeahead/react/typeahead_component_tsx.md
@@ -59,7 +59,7 @@ function AppTypeahead(props: TypeaheadProps) {
        */
       const normalizedQuery = searchQuery.toLowerCase();
       setFilteredItems(props.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       }));
     }
   }
diff --git a/static/usage/v7/select/typeahead/vue/typeahead_component_vue.md b/static/usage/v7/select/typeahead/vue/typeahead_component_vue.md
@@ -88,7 +88,7 @@
            */
           const normalizedQuery = searchQuery.toLowerCase(); 
           filteredItems.value = props.items.filter(item => {
-            return item.value.includes(normalizedQuery);
+            return item.text.toLowerCase().includes(normalizedQuery);
           });
         }
       }

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@ export class TypeaheadComponent implements OnInit {`
`60`	`60`	`*/`
`61`	`61`	`const normalizedQuery = searchQuery.toLowerCase();`
`62`	`62`	`this.filteredItems = this.items.filter(item => {`
`63`		`- return item.value.includes(normalizedQuery);`
	`63`	`+ return item.text.toLowerCase().includes(normalizedQuery);`
`64`	`64`	`});`
`65`	`65`	`}`
`66`	`66`	`}`
Original file line number	Diff line number	Diff line change
`@@ -108,7 +108,7 @@`
`108`	`108`
`109`	`109`	`const normalizedQuery = searchQuery.toLowerCase();`
`110`	`110`
`111`		`- return fruits.filter(fruit => fruit.value.includes(normalizedQuery));`
	`111`	`+ return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));`
`112`	`112`	`}`
`113`	`113`
`114`	`114`	`/**`
Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@`
`94`	`94`
`95`	`95`	`const normalizedQuery = searchQuery.toLowerCase();`
`96`	`96`
`97`		`- return fruits.filter(fruit => fruit.value.includes(normalizedQuery));`
	`97`	`+ return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));`
`98`	`98`	`}`
`99`	`99`
`100`	`100`	`/**`
Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ function AppTypeahead(props: TypeaheadProps) {`
`59`	`59`	`*/`
`60`	`60`	`const normalizedQuery = searchQuery.toLowerCase();`
`61`	`61`	`setFilteredItems(props.items.filter(item => {`
`62`		`- return item.value.includes(normalizedQuery);`
	`62`	`+ return item.text.toLowerCase().includes(normalizedQuery);`
`63`	`63`	`}));`
`64`	`64`	`}`
`65`	`65`	`}`
Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@`
`89`	`89`	`*/`
`90`	`90`	`const normalizedQuery = searchQuery.toLowerCase();`
`91`	`91`	`filteredItems.value = props.items.filter(item => {`
`92`		`- return item.value.includes(normalizedQuery);`
	`92`	`+ return item.text.toLowerCase().includes(normalizedQuery);`
`93`	`93`	`});`
`94`	`94`	`}`
`95`	`95`	`}`
Original file line number	Diff line number	Diff line change
`@@ -88,7 +88,7 @@`
`88`	`88`	`*/`
`89`	`89`	`const normalizedQuery = searchQuery.toLowerCase();`
`90`	`90`	`filteredItems.value = props.items.filter(item => {`
`91`		`- return item.value.includes(normalizedQuery);`
	`91`	`+ return item.text.toLowerCase().includes(normalizedQuery);`
`92`	`92`	`});`
`93`	`93`	`}`
`94`	`94`	`}`