71352 allow selectionlist two line ellipsis

src/components/CategoryPicker.tsx

@@ -85,7 +85,6 @@ function CategoryPicker({selectedCategory, policyID, onSubmit, addBottomSafeArea
             onSelectRow={onSubmit}
             ListItem={RadioListItem}
             initiallyFocusedOptionKey={selectedOptionKey ?? undefined}
-            isRowMultilineSupported
             addBottomSafeAreaPadding={addBottomSafeAreaPadding}
             contentContainerStyle={contentContainerStyle}
         />

src/components/DestinationPicker.tsx

@@ -78,7 +78,6 @@ function DestinationPicker({selectedDestination, policyID, onSubmit}: Destinatio
             onSelectRow={onSubmit}
             ListItem={RadioListItem}
             initiallyFocusedOptionKey={selectedOptionKey ?? undefined}
-            isRowMultilineSupported
             shouldHideKeyboardOnScroll={false}
         />
     );

src/components/SelectionListWithSections/MultiSelectListItem.tsx

@@ -35,9 +35,10 @@ function MultiSelectListItem<TItem extends ListItem>({
                 accessibilityLabel={item.text ?? ''}
                 onPress={() => onSelectRow(item)}
                 isIndeterminate={item.isIndeterminate}
+                style={[isMultilineSupported ? styles.ml3 : null]}
             />
         );
-    }, [isSelected, item, onSelectRow]);
+    }, [isMultilineSupported, isSelected, item, onSelectRow, styles.ml3]);
 
     return (
         <RadioListItem

src/components/SelectionListWithSections/index.native.tsx

@@ -15,6 +15,7 @@ function SelectionListWithSections<TItem extends ListItem>({shouldHideKeyboardOn
                 }
                 Keyboard.dismiss();
             }}
+            isRowMultilineSupported
         />
     );
 }

src/components/SelectionListWithSections/index.tsx

@@ -104,6 +104,7 @@ function SelectionListWithSections<TItem extends ListItem>({onScroll, shouldHide
             // For example, a long press will trigger a focus event on mobile chrome.
             shouldIgnoreFocus={isMobileChrome() && isScreenTouched}
             shouldDebounceScrolling={shouldDebounceScrolling}
+            isRowMultilineSupported
             shouldDisableHoverStyle={shouldDisableHoverStyle}
             setShouldDisableHoverStyle={setShouldDisableHoverStyle}
         />

src/components/TagPicker.tsx

@@ -143,7 +143,6 @@ function TagPicker({
             textInputValue={searchValue}
             headerMessage={headerMessage}
             textInputLabel={shouldShowTextInput ? translate('common.search') : undefined}
-            isRowMultilineSupported
             initiallyFocusedOptionKey={selectedOptionKey}
             onChangeText={setSearchValue}
             onSelectRow={onSubmit}

src/components/TaxPicker.tsx

@@ -119,7 +119,6 @@ function TaxPicker({selectedTaxRate = '', policyID, transactionID, onSubmit, act
             onSelectRow={handleSelectRow}
             ListItem={RadioListItem}
             initiallyFocusedOptionKey={selectedOptionKey ?? undefined}
-            isRowMultilineSupported
             addBottomSafeAreaPadding={addBottomSafeAreaPadding}
         />
     );

src/pages/Debug/ConstantPicker.tsx

@@ -69,7 +69,6 @@ function ConstantPicker({formType, fieldName, fieldValue, onSubmit}: ConstantPic
             onSelectRow={onSubmit}
             ListItem={RadioListItem}
             initiallyFocusedItemKey={selectedOptionKey}
-            isRowMultilineSupported
         />
     );
 }

src/pages/EditReportFieldDropdown.tsx

@@ -1,6 +1,6 @@
 import React, {useCallback, useMemo} from 'react';
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import SelectionList from '@components/SelectionListWithSections';
 import RadioListItem from '@components/SelectionListWithSections/RadioListItem';
 import type {ListItem} from '@components/SelectionListWithSections/types';
@@ -83,7 +83,6 @@
             onChangeText={setSearchValue}
             headerMessage={headerMessage}
             ListItem={RadioListItem}
-            isRowMultilineSupported
             rightHandSideComponent={itemRightSideComponent}
         />
     );

src/pages/workspace/accounting/netsuite/import/NetSuiteImportCustomFieldNew/NetSuiteCustomListSelectorModal.tsx

@@ -91,7 +91,6 @@ function NetSuiteCustomListSelectorModal({isVisible, currentCustomListValue, onC
                     onSelectRow={onCustomListSelected}
                     headerMessage={headerMessage}
                     ListItem={RadioListItem}
-                    isRowMultilineSupported
                     initiallyFocusedOptionKey={currentCustomListValue}
                     shouldSingleExecuteRowSelect
                     shouldStopPropagation

src/styles/index.ts

@@ -1839,7 +1839,6 @@ const staticStyles = (theme: ThemeColors) =>
         },
 
         optionRowCompact: {
-            height: variables.optionRowHeightCompact,
             minHeight: variables.optionRowHeightCompact,
             paddingTop: 12,
             paddingBottom: 12,