Make selection button clickable in SelectableListItem when item is selected but disabled

Author: mhawryluk

src/components/SelectionList/ListItem/SelectableListItem.tsx

@@ -41,8 +41,7 @@ function SelectableListItem<TItem extends ListItem>({
                         <ButtonComponent
                             item={item}
                             onSelectRow={onSelectionButtonPress ?? onSelectRow}
-                            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- disabled if either of the optional booleans are true
-                            disabled={isDisabled || item.isDisabledCheckbox}
+                            disabled={(!!isDisabled && !item.isSelected) || item.isDisabledCheckbox}
                             style={styles.ml3}
                         />
                         {typeof rightHandSideComponent === 'function' ? rightHandSideComponent(item, isFocused) : rightHandSideComponent}
@@ -58,8 +57,7 @@ function SelectableListItem<TItem extends ListItem>({
                           <ButtonComponent
                               item={item}
                               onSelectRow={onSelectionButtonPress ?? onSelectRow}
-                              // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- disabled if either of the optional booleans are true
-                              disabled={isDisabled || item.isDisabledCheckbox}
+                              disabled={(!!isDisabled && !item.isSelected) || item.isDisabledCheckbox}
                               style={styles.mr3}
                           />
                           {typeof children === 'function' ? children(hovered) : children}