TF-987: make email range selection function simple

lib/features/mailbox_dashboard/presentation/widgets/top_bar_thread_selection.dart

@@ -55,8 +55,8 @@ class TopBarThreadSelection {
       buildIconWeb(
           icon: SvgPicture.asset(
               listEmail.isAllEmailRead
-                  ? imagePaths.icUnread
+                  ? imagePaths.icRead
-                  : imagePaths.icRead,
+                  : imagePaths.icUnread,
               fit: BoxFit.fill),
           tooltip: listEmail.isAllEmailRead
               ? AppLocalizations.of(context).mark_as_unread

lib/features/search/presentation/widgets/app_bar_selection_mode.dart

@@ -60,8 +60,8 @@ class AppBarSelectionMode extends StatelessWidget {
           splashRadius: 15,
           icon: SvgPicture.asset(
               listEmail.isAllEmailRead
-                  ? _imagePaths.icUnread
+                  ? _imagePaths.icRead
-                  : _imagePaths.icRead,
+                  : _imagePaths.icUnread,
               fit: BoxFit.fill),
           tooltip: listEmail.isAllEmailRead
               ? AppLocalizations.of(context).unread

lib/features/thread/presentation/thread_controller.dart

@@ -101,7 +101,7 @@ class ThreadController extends BaseController {
   final CachingManager _cachingManager;
 
   final listEmailDrag = <PresentationEmail>[].obs;
-  bool shiftSelectedMode = false;
+  bool _rangeSelectionMode = false;
   bool canLoadMore = true;
   bool canSearchMore = true;
   bool _isLoadingMore = false;
@@ -110,7 +110,7 @@ class ThreadController extends BaseController {
   jmap.State? _currentEmailState;
   final ScrollController listEmailController = ScrollController();
   final FocusNode focusNodeKeyBoard = FocusNode();
-  final latestEmailAction = Rxn<PresentationEmail>();
+  final latestEmailInteracted = Rxn<PresentationEmail>();
   late Worker mailboxWorker, searchWorker, dashboardActionWorker, viewStateWorker, advancedSearchFilterWorker;
 
   Set<Comparator>? get _sortOrder => <Comparator>{}
@@ -520,44 +520,48 @@ class ThreadController extends BaseController {
     mailboxDashBoardController.dispatchRoute(DashboardRoutes.emailDetailed);
   }
 
-  void _shiftSelectEmail(PresentationEmail presentationEmailSelected) {
+  Tuple2<int,int> _getSelectionEmailsRange(PresentationEmail presentationEmailSelected) {
-    int startIndexAction = 0;
+    final emailSelectedIndex = emailList.indexWhere((e) => e.id == presentationEmailSelected.id);
-    int endIndexAction = 0;
+    final latestEmailInteractedIndex = emailList.indexWhere((e) => e.id == latestEmailInteracted.value?.id);
-    final indexOfPresentationEmailSelected = emailList.indexWhere((e) => e.id == presentationEmailSelected.id);
+    if (emailSelectedIndex > latestEmailInteractedIndex) {
-    final indexOfLatestEmailAction = emailList.indexWhere((e) => e.id == latestEmailAction.value?.id);
+      return Tuple2(latestEmailInteractedIndex, emailSelectedIndex);
-    if (indexOfPresentationEmailSelected > indexOfLatestEmailAction) {
-      startIndexAction = indexOfLatestEmailAction;
-      endIndexAction = indexOfPresentationEmailSelected;
     } else {
-      startIndexAction = indexOfPresentationEmailSelected;
+      return Tuple2(emailSelectedIndex, latestEmailInteractedIndex);
-      endIndexAction = indexOfLatestEmailAction;
+    }
   }
 
-    final enableChangeSelectModeOfEmailsToActive = latestEmailAction.value?.selectMode == SelectMode.ACTIVE &&
+  bool _checkAllowMakeRangeEmailsSelected(Tuple2<int,int> selectionEmailsRange) {
-        !emailList.sublist(startIndexAction, endIndexAction).every((e) => e.selectMode == SelectMode.ACTIVE) ||
+    return latestEmailInteracted.value?.selectMode == SelectMode.ACTIVE &&
-        latestEmailAction.value?.selectMode == SelectMode.INACTIVE &&
+      !emailList.sublist(selectionEmailsRange.value1, selectionEmailsRange.value2).every((e) => e.selectMode == SelectMode.ACTIVE) ||
-        emailList.sublist(startIndexAction, endIndexAction).every((e) => e.selectMode == SelectMode.INACTIVE);
+      latestEmailInteracted.value?.selectMode == SelectMode.INACTIVE &&
+      emailList.sublist(selectionEmailsRange.value1, selectionEmailsRange.value2).every((e) => e.selectMode == SelectMode.INACTIVE);
+  }
 
-    if (enableChangeSelectModeOfEmailsToActive) {
+  void _applySelectModeToRangeEmails(Tuple2<int,int> selectionEmailsRange, SelectMode selectMode) {
     emailList.value = emailList.asMap().map((index, email) {
-        return MapEntry(index, index >= startIndexAction && index <= endIndexAction ? email.toSelectedEmail(selectMode: SelectMode.ACTIVE) : email);
+      return MapEntry(index, index >= selectionEmailsRange.value1 && index <= selectionEmailsRange.value2 ? email.toSelectedEmail(selectMode: selectMode) : email);
     }).values.toList();
+  }
+
+  void _rangeSelectionEmailsAction(PresentationEmail presentationEmailSelected) {
+    final selectionEmailsRange = _getSelectionEmailsRange(presentationEmailSelected);
+
+    if (_checkAllowMakeRangeEmailsSelected(selectionEmailsRange)) {
+      _applySelectModeToRangeEmails(selectionEmailsRange, SelectMode.ACTIVE);
     } else {
-      emailList.value = emailList.asMap().map((index, email) {
+      _applySelectModeToRangeEmails(selectionEmailsRange, SelectMode.INACTIVE);
-        return MapEntry(index, index >= startIndexAction && index <= endIndexAction ? email.toSelectedEmail(selectMode: SelectMode.INACTIVE) : email);
-      }).values.toList();
     }
   }
 
   void selectEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
-    if (shiftSelectedMode && latestEmailAction.value != null && latestEmailAction.value?.id != presentationEmailSelected.id) {
+    if (_rangeSelectionMode && latestEmailInteracted.value != null && latestEmailInteracted.value?.id != presentationEmailSelected.id) {
-      _shiftSelectEmail(presentationEmailSelected);
+      _rangeSelectionEmailsAction(presentationEmailSelected);
     } else {
       emailList.value = emailList
         .map((email) => email.id == presentationEmailSelected.id ? email.toggleSelect() : email)
         .toList();
     }
-    latestEmailAction.value = emailList.firstWhere((e) => e.id == presentationEmailSelected.id);
+    latestEmailInteracted.value = emailList.firstWhere((e) => e.id == presentationEmailSelected.id);
     focusNodeKeyBoard.requestFocus();
     if (_isUnSelectedAll()) {
       mailboxDashBoardController.currentSelectMode.value = SelectMode.INACTIVE;
@@ -1512,11 +1516,11 @@ class ThreadController extends BaseController {
   KeyEventResult handleKeyEvent(FocusNode node, RawKeyEvent event) {
     final shiftEvent = event.logicalKey == LogicalKeyboardKey.shiftLeft || event.logicalKey == LogicalKeyboardKey.shiftRight;
     if (event is RawKeyDownEvent && shiftEvent) {
-      shiftSelectedMode = true;
+      _rangeSelectionMode = true;
     }
 
     if (event is RawKeyUpEvent && shiftEvent) {
-      shiftSelectedMode = false;
+      _rangeSelectionMode = false;
     }
     return shiftEvent
         ? KeyEventResult.handled

lib/features/thread/presentation/thread_view.dart

@@ -319,6 +319,10 @@ class ThreadView extends GetWidget<ThreadController> with AppLoaderMixin,
         }
         return false;
       },
+      child: Focus(
+        focusNode: controller.focusNodeKeyBoard,
+        autofocus: kIsWeb,
+        onKey: kIsWeb ? controller.handleKeyEvent : null,
         child: ListView.builder(
           controller: controller.listEmailController,
           physics: const AlwaysScrollableScrollPhysics(),
@@ -371,7 +375,8 @@ class ThreadView extends GetWidget<ThreadController> with AppLoaderMixin,
                 controller.calculateDragValue(listPresentationEmail[index]);
               },
             ));
-        })
+          }),
+      )
     );
   }
 

lib/features/thread/presentation/widgets/app_bar_thread_widget_builder.dart

@@ -112,8 +112,8 @@ class AppBarThreadWidgetBuilder extends StatelessWidget {
           splashRadius: 15,
           icon: SvgPicture.asset(
               _listSelectionEmail.isAllEmailRead
-                  ? _imagePaths.icUnread
+                  ? _imagePaths.icRead
-                  : _imagePaths.icRead,
+                  : _imagePaths.icUnread,
               fit: BoxFit.fill),
           tooltip: _listSelectionEmail.isAllEmailRead
               ? AppLocalizations.of(context).unread

lib/features/thread/presentation/widgets/email_tile_web_builder.dart

@@ -393,8 +393,8 @@ class EmailTileBuilder with BaseEmailItemTile {
           splashRadius: 10,
           icon: SvgPicture.asset(
               _presentationEmail.hasRead
-                  ? imagePaths.icUnread
+                  ? imagePaths.icRead
-                  : imagePaths.icRead,
+                  : imagePaths.icUnread,
               color: AppColor.colorActionButtonHover,
               width: 16,
               height: 16,