Make InviteReceiptPartnerPolicyPage use new SelectionList

Author: zfurtak

src/components/SelectionList/BaseSelectionList.tsx

@@ -43,6 +43,7 @@ function BaseSelectionList<TItem extends ListItem>({
     onSelectAll,
     onCheckboxPress,
     onScrollBeginDrag,
+    onDismissError,
     onEndReached,
     onEndReachedThreshold,
     confirmButtonOptions,
@@ -329,6 +330,7 @@ function BaseSelectionList<TItem extends ListItem>({
                     isFocused={isItemFocused}
                     isDisabled={isItemDisabled}
                     canSelectMultiple={canSelectMultiple}
+                    onDismissError={onDismissError}
                     shouldSingleExecuteRowSelect={shouldSingleExecuteRowSelect}
                     shouldPreventDefaultFocusOnSelectRow={shouldPreventDefaultFocusOnSelectRow}
                     rightHandSideComponent={rightHandSideComponent}

src/components/SelectionList/types.ts

@@ -32,6 +32,9 @@ type SelectionListProps<TItem extends ListItem> = Partial<ChildrenProps> & {
     /** Called when the list is scrolled and the user begins dragging */
     onScrollBeginDrag?: () => void;
 
+    /** Callback to fire when an error is dismissed */
+    onDismissError?: (item: TItem) => void;
+
     /** Called once when the scroll position gets within onEndReachedThreshold of the rendered content */
     onEndReached?: () => void;
 

src/pages/workspace/receiptPartners/EditInviteReceiptPartnerPolicyPage.tsx

@@ -7,9 +7,9 @@ import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import * as Expensicons from '@components/Icon/Expensicons';
 import PressableWithDelayToggle from '@components/Pressable/PressableWithDelayToggle';
 import ScreenWrapper from '@components/ScreenWrapper';
-import SelectionList from '@components/SelectionListWithSections';
-import type {ListItem} from '@components/SelectionListWithSections/types';
-import UserListItem from '@components/SelectionListWithSections/UserListItem';
+import SelectionList from '@components/SelectionList';
+import UserListItem from '@components/SelectionList/ListItem/UserListItem';
+import type {ListItem} from '@components/SelectionList/types';
 import TabSelector from '@components/TabSelector/TabSelector';
 import useDebouncedState from '@hooks/useDebouncedState';
 import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset';
@@ -317,20 +317,21 @@ function EditInviteReceiptPartnerPolicyPage({route}: EditInviteReceiptPartnerPol
                                 return (
                                     <TabScreenWithFocusTrapWrapper>
                                         <SelectionList
+                                            data={filteredMembers}
                                             ListItem={UserListItem}
                                             onSelectRow={() => {}}
                                             onDismissError={dismissError}
-                                            listItemWrapperStyle={styles.cursorDefault}
+                                            style={{listItemWrapperStyle: styles.cursorDefault}}
                                             addBottomSafeAreaPadding
                                             shouldShowTextInput={shouldShowTextInput}
-                                            textInputLabel={shouldShowTextInput ? translate('common.search') : undefined}
-                                            textInputValue={searchTerm}
-                                            onChangeText={setSearchTerm}
-                                            headerMessage={currentHeaderMessage}
-                                            sections={buildSections(filteredMembers)}
+                                            textInputOptions={{
+                                                label: shouldShowTextInput ? translate('common.search') : undefined,
+                                                value: searchTerm,
+                                                onChangeText: setSearchTerm,
+                                                headerMessage: currentHeaderMessage,
+                                            }}
                                             listEmptyContent={listEmptyContent}
-                                            shouldShowListEmptyContent={shouldShowListEmptyContent}
-                                            sectionListStyle={styles.pt3}
+                                            showListEmptyContent={shouldShowListEmptyContent}
                                         />
                                     </TabScreenWithFocusTrapWrapper>
                                 );