refactor: SelectionList multiple selection

src/components/CountryPicker/CountrySelectorModal.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import CONST from '../../CONST';
 import useLocalize from '../../hooks/useLocalize';
 import HeaderWithBackButton from '../HeaderWithBackButton';
-import SelectionListRadio from '../SelectionListRadio';
+import SelectionList from '../SelectionList';
 import Modal from '../Modal';
 import ScreenWrapper from '../ScreenWrapper';
 import styles from '../../styles/styles';
@@ -73,16 +73,14 @@ function CountrySelectorModal({currentCountry, isVisible, onClose, onCountrySele
  title={translate('common.country')}
  onBackButtonPress={onClose}
  />
- <SelectionListRadio
+ <SelectionList
  headerMessage={headerMessage}
  textInputLabel={translate('common.country')}
  textInputPlaceholder={translate('countrySelectorModal.placeholderText')}
  textInputValue={searchValue}
  sections={[{data: searchResults, indexOffset: 0}]}
  onSelectRow={onCountrySelected}
  onChangeText={setSearchValue}
- shouldFocusOnSelectRow
- shouldHaveOptionSeparator
  shouldDelayFocus
  initiallyFocusedOptionKey={currentCountry}
  />

src/components/NewDatePicker/CalendarPicker/YearPickerModal.js

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import _ from 'underscore';
 import HeaderWithBackButton from '../../HeaderWithBackButton';
 import CONST from '../../../CONST';
-import SelectionListRadio from '../../SelectionListRadio';
+import SelectionList from '../../SelectionList';
 import Modal from '../../Modal';
-import {radioListItemPropTypes} from '../../SelectionListRadio/selectionListRadioPropTypes';
+import {radioListItemPropTypes} from '../../SelectionList/selectionListPropTypes';
 import useLocalize from '../../../hooks/useLocalize';
 import ScreenWrapper from '../../ScreenWrapper';
 import styles from '../../../styles/styles';
@@ -15,7 +15,7 @@ const propTypes = {
  isVisible: PropTypes.bool.isRequired,
 
  /** The list of years to render */
- years: PropTypes.arrayOf(PropTypes.shape(radioListItemPropTypes)).isRequired,
+ years: PropTypes.arrayOf(PropTypes.shape(radioListItemPropTypes.item)).isRequired,
 
  /** Currently selected year */
  currentYear: PropTypes.number,
@@ -69,7 +69,7 @@ function YearPickerModal(props) {
  title={translate('yearPickerPage.year')}
  onBackButtonPress={props.onClose}
  />
- <SelectionListRadio
+ <SelectionList
  shouldDelayFocus
  textInputLabel={translate('yearPickerPage.selectYear')}
  textInputValue={searchText}