diff --git a/packages/components/src/components/autocomplete/autocomplete.tsx b/packages/components/src/components/autocomplete/autocomplete.tsx index 6ee93facee58..163fa22ac561 100644 --- a/packages/components/src/components/autocomplete/autocomplete.tsx +++ b/packages/components/src/components/autocomplete/autocomplete.tsx @@ -13,23 +13,23 @@ type TAutocompleteProps = { disabled?: boolean; dropdown_offset: string; error: string; - has_updating_list: boolean; - hide_list: boolean; + has_updating_list?: boolean; + hide_list?: boolean; historyValue: string; input_id: string; is_alignment_top: boolean; - is_list_visible: boolean; + is_list_visible?: boolean; list_height: string; list_items: TItem[]; list_portal_id: string; - not_found_text: string; + not_found_text?: string; onBlur?: (e: React.FocusEvent) => void; onHideDropdownList: () => void; onItemSelection: (item: TItem) => void; onScrollStop?: () => void; onShowDropdownList?: () => void; should_filter_by_char: boolean; - show_list: boolean; + show_list?: boolean; trailing_icon?: React.ReactElement; value: string; }; @@ -51,7 +51,9 @@ const getFilteredItems = (val: string, list: TItem[], should_filter_by_char = fa return list.filter(item => typeof item === 'string' ? getEnglishCharacters(item).toLowerCase().includes(val) || item.toLowerCase().includes(val) - : getEnglishCharacters(item.text).toLowerCase().includes(val) || item?.text?.toLowerCase().includes(val) + : getEnglishCharacters(item.text || '') + .toLowerCase() + .includes(val) || item?.text?.toLowerCase().includes(val) ); }; const Autocomplete = React.memo((props: TAutocompleteProps) => { diff --git a/packages/components/src/components/dropdown-list/dropdown-list.tsx b/packages/components/src/components/dropdown-list/dropdown-list.tsx index e881d551a89e..5e2314f9bb8d 100644 --- a/packages/components/src/components/dropdown-list/dropdown-list.tsx +++ b/packages/components/src/components/dropdown-list/dropdown-list.tsx @@ -29,7 +29,7 @@ type TListItems = { active_index: number; is_object_list?: boolean; list_items: TItem[]; - not_found_text: string; + not_found_text?: string; onItemSelection: (item: TItem) => void; setActiveIndex: (index: number) => void; }; @@ -49,7 +49,7 @@ type TDropDownList = { onItemSelection: (item: TItem) => void; setActiveIndex: (index: number) => void; style: React.CSSProperties; - not_found_text: string; + not_found_text?: string; portal_id?: string; dropdown_refs?: TDropdownRefs; };