diff --git a/src/components/SelectionList/BaseListItem.tsx b/src/components/SelectionList/BaseListItem.tsx index dcebaf54e91e..0ea868d6d24e 100644 --- a/src/components/SelectionList/BaseListItem.tsx +++ b/src/components/SelectionList/BaseListItem.tsx @@ -24,7 +24,7 @@ function BaseListItem({ onCheckboxPress, onDismissError = () => {}, rightHandSideComponent, - checkmarkDirection = 'left', + checkmarkPosition = 'left', keyForList, errors, pendingAction, @@ -78,7 +78,7 @@ function BaseListItem({ style={pressableStyle} > - {canSelectMultiple && checkmarkDirection === 'left' && ( + {canSelectMultiple && checkmarkPosition === 'left' && ( ({ {typeof children === 'function' ? children(hovered) : children} - {canSelectMultiple && checkmarkDirection === 'right' && ( + {canSelectMultiple && checkmarkPosition === 'right' && ( ( shouldShowTooltips = true, shouldUseDynamicMaxToRenderPerBatch = false, rightHandSideComponent, - checkmarkDirection, + checkmarkPosition, isLoadingNewOptions = false, onLayout, customListHeader, @@ -330,7 +330,7 @@ function BaseSelectionList( onDismissError={() => onDismissError?.(item)} shouldPreventDefaultFocusOnSelectRow={shouldPreventDefaultFocusOnSelectRow} rightHandSideComponent={rightHandSideComponent} - checkmarkDirection={checkmarkDirection} + checkmarkPosition={checkmarkPosition} keyForList={item.keyForList ?? ''} isMultilineSupported={isRowMultilineSupported} /> diff --git a/src/components/SelectionList/RadioListItem.tsx b/src/components/SelectionList/RadioListItem.tsx index 7de47d02c6f2..1c5484772dbf 100644 --- a/src/components/SelectionList/RadioListItem.tsx +++ b/src/components/SelectionList/RadioListItem.tsx @@ -17,7 +17,7 @@ function RadioListItem({ onDismissError, shouldPreventDefaultFocusOnSelectRow, rightHandSideComponent, - checkmarkDirection, + checkmarkPosition, isMultilineSupported = false, }: RadioListItemProps) { const styles = useThemeStyles(); @@ -37,7 +37,7 @@ function RadioListItem({ onDismissError={onDismissError} shouldPreventDefaultFocusOnSelectRow={shouldPreventDefaultFocusOnSelectRow} rightHandSideComponent={rightHandSideComponent} - checkmarkDirection={checkmarkDirection} + checkmarkPosition={checkmarkPosition} keyForList={item.keyForList} > <> diff --git a/src/components/SelectionList/TableListItem.tsx b/src/components/SelectionList/TableListItem.tsx index a8b263116811..6a5630bc9df6 100644 --- a/src/components/SelectionList/TableListItem.tsx +++ b/src/components/SelectionList/TableListItem.tsx @@ -19,7 +19,7 @@ function TableListItem({ onDismissError, shouldPreventDefaultFocusOnSelectRow, rightHandSideComponent, - checkmarkDirection, + checkmarkPosition, }: TableListItemProps) { const styles = useThemeStyles(); const theme = useTheme(); @@ -43,7 +43,7 @@ function TableListItem({ onDismissError={onDismissError} shouldPreventDefaultFocusOnSelectRow={shouldPreventDefaultFocusOnSelectRow} rightHandSideComponent={rightHandSideComponent} - checkmarkDirection={checkmarkDirection} + checkmarkPosition={checkmarkPosition} errors={item.errors} pendingAction={item.pendingAction} keyForList={item.keyForList} diff --git a/src/components/SelectionList/UserListItem.tsx b/src/components/SelectionList/UserListItem.tsx index eaeb0110190c..b52289ffdb59 100644 --- a/src/components/SelectionList/UserListItem.tsx +++ b/src/components/SelectionList/UserListItem.tsx @@ -23,7 +23,7 @@ function UserListItem({ onDismissError, shouldPreventDefaultFocusOnSelectRow, rightHandSideComponent, - checkmarkDirection, + checkmarkPosition, }: UserListItemProps) { const styles = useThemeStyles(); const theme = useTheme(); @@ -48,7 +48,7 @@ function UserListItem({ onDismissError={onDismissError} shouldPreventDefaultFocusOnSelectRow={shouldPreventDefaultFocusOnSelectRow} rightHandSideComponent={rightHandSideComponent} - checkmarkDirection={checkmarkDirection} + checkmarkPosition={checkmarkPosition} errors={item.errors} pendingAction={item.pendingAction} FooterComponent={ diff --git a/src/components/SelectionList/types.ts b/src/components/SelectionList/types.ts index 4608af348c7c..5851f90276e4 100644 --- a/src/components/SelectionList/types.ts +++ b/src/components/SelectionList/types.ts @@ -35,7 +35,7 @@ type CommonListItemProps = { rightHandSideComponent?: ((item: TItem) => ReactElement) | ReactElement | null; /** Direction of checkmark to show */ - checkmarkDirection?: 'left' | 'right'; + checkmarkPosition?: 'left' | 'right'; /** Styles for the pressable component */ pressableStyle?: StyleProp; @@ -271,7 +271,7 @@ type BaseSelectionListProps = Partial & { rightHandSideComponent?: ((item: ListItem) => ReactElement) | ReactElement | null; /** Direction of checkmark to show */ - checkmarkDirection?: 'left' | 'right'; + checkmarkPosition?: 'left' | 'right'; /** Whether to show the loading indicator for new options */ isLoadingNewOptions?: boolean; diff --git a/src/pages/workspace/WorkspaceInvitePage.tsx b/src/pages/workspace/WorkspaceInvitePage.tsx index 567afffd7d1b..afca6c29aee8 100644 --- a/src/pages/workspace/WorkspaceInvitePage.tsx +++ b/src/pages/workspace/WorkspaceInvitePage.tsx @@ -321,7 +321,7 @@ function WorkspaceInvitePage({ showScrollIndicator showLoadingPlaceholder={!didScreenTransitionEnd || !OptionsListUtils.isPersonalDetailsReady(personalDetailsProp)} shouldPreventDefaultFocusOnSelectRow={!DeviceCapabilities.canUseTouchScreen()} - checkmarkDirection="right" + checkmarkPosition="right" />