🐛 Add safety checks to List

Author: Frontendland

src/components/List/List.svelte

@@ -40,7 +40,7 @@
         wrapperClassName
     ]))
 
-    const search = (event: InputEvent) => {
+    const search = (event: Event) => {
         searchValue = (event.target as HTMLInputElement).value.toLowerCase()
 
         numberOfResults = itemGroups
@@ -49,7 +49,7 @@
             .filter(item => {
                 return item.value?.toLowerCase().includes(searchValue)
                     || item.subText?.toLowerCase().includes(searchValue)
-                    || item.name.toLowerCase().includes(searchValue)
+                    || item.name?.toLowerCase().includes(searchValue)
             }).length
     }
 
@@ -118,7 +118,7 @@
                     data-hidden={(
                         !item.value?.toLowerCase().includes(searchValue)
                         && !item.subText?.toLowerCase().includes(searchValue)
-                        && !item.name.toLowerCase().includes(searchValue)
+                        && !item.name?.toLowerCase().includes(searchValue)
                     ) ? true : null}
                     onclick={item.disabled ? null : select}
                     onkeyup={item.disabled ? null : selectByKey}

src/components/List/List.tsx

@@ -55,7 +55,7 @@ const List = ({
                 .filter(item => {
                     return item.value?.toLowerCase().includes(value)
                         || item.subText?.toLowerCase().includes(value)
-                        || item.name.toLowerCase().includes(value)
+                        || item.name?.toLowerCase().includes(value)
                 }).length
         )
     }
@@ -127,7 +127,7 @@ const List = ({
                                 data-hidden={(
                                     !item.value?.toLowerCase().includes(searchValue)
                                     && !item.subText?.toLowerCase().includes(searchValue)
-                                    && !item.name.toLowerCase().includes(searchValue)
+                                    && !item.name?.toLowerCase().includes(searchValue)
                                 ) ? true : null}
                                 onClick={item.disabled ? undefined : select}
                                 onKeyUp={item.disabled ? undefined : selectByKey}