TF-3408 Auto load more when user uses arrow down of keyboard

lib/features/email_recovery/presentation/styles/text_input_field/suggestion_item_widget_styles.dart

@@ -1,8 +1,10 @@
 import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/composer/presentation/styles/composer_style.dart';
 
 class SuggestionItemWidgetStyles {
   static const double iconSelectedSize = 24.0;
+  static const double suggestionItemHeight = ComposerStyle.suggestionItemHeight;
 
   static const EdgeInsetsGeometry margin = EdgeInsets.all(8.0);
   static const EdgeInsetsGeometry contentPaddingDuplicated = EdgeInsets.symmetric(

lib/features/email_recovery/presentation/styles/text_input_field/text_input_suggestion_field_widget_styles.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/composer/presentation/styles/composer_style.dart';
 
 class TextInputSuggestionFieldWidgetStyles {
   static const double titleWidth = 112.0;
@@ -8,6 +9,7 @@ class TextInputSuggestionFieldWidgetStyles {
   static const double suggestionsBoxElevation = 20.0;
   static const double suggestionsBoxRadius = 20.0;
   static const double suggestionsBoxMaxHeight = 350.0;
+  static const double suggestionBoxItemHeight = ComposerStyle.suggestionItemHeight;
   static const double space = 12.0;
   static const double spaceMobile = 8.0;
 

lib/features/email_recovery/presentation/widgets/text_input_field/suggestion_item_widget.dart

@@ -1,95 +0,0 @@
-import 'package:core/presentation/extensions/color_extension.dart';
-import 'package:core/presentation/resources/image_paths.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
-import 'package:get/get.dart';
-import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
-import 'package:model/model.dart';
-import 'package:super_tag_editor/widgets/rich_text_widget.dart';
-import 'package:tmail_ui_user/features/email_recovery/presentation/styles/text_input_field/suggestion_item_widget_styles.dart';
-import 'package:tmail_ui_user/features/email_recovery/presentation/widgets/text_input_field/avatar_suggestion_item_widget.dart';
-import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/suggesstion_email_address.dart';
-
-typedef OnSelectedRecipientSuggestionAction = void Function(EmailAddress emailAddress);
-
-class SuggestionItemWidget extends StatelessWidget {
-  final SuggestionEmailState suggestionState;
-  final EmailAddress emailAddress;
-  final String? suggestionValid;
-  final bool highlight;
-  final OnSelectedRecipientSuggestionAction? onSelectedAction;
-
-  final _imagePaths = Get.find<ImagePaths>();
-
-  SuggestionItemWidget({
-    super.key,
-    required this.suggestionState,
-    required this.emailAddress,
-    this.highlight = false,
-    this.suggestionValid,
-    this.onSelectedAction,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    if (suggestionState == SuggestionEmailState.duplicated) {
-      return Container(
-        margin: SuggestionItemWidgetStyles.margin,
-        decoration: SuggestionItemWidgetStyles.decoration,
-        child: Material(
-          type: MaterialType.transparency,
-          child: ListTile(
-            contentPadding: SuggestionItemWidgetStyles.contentPaddingDuplicated,
-            leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
-            title: RichTextWidget(
-              textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? '',
-              overflow: TextOverflow.ellipsis,
-            ),
-            subtitle: emailAddress.displayName.isNotEmpty
-              ? RichTextWidget(
-                  textOrigin: emailAddress.emailAddress,
-                  wordSearched: suggestionValid ?? '',
-                  styleTextOrigin: SuggestionItemWidgetStyles.subTitleTextOriginStyle,
-                  styleWordSearched: SuggestionItemWidgetStyles.subTitleWordSearchedStyle,
-                  overflow: TextOverflow.ellipsis,
-                )
-              : null,
-            trailing: SvgPicture.asset(
-              _imagePaths.icFilterSelected,
-              width: SuggestionItemWidgetStyles.iconSelectedSize,
-              height: SuggestionItemWidgetStyles.iconSelectedSize,
-              fit: BoxFit.fill,
-            ),
-          ),
-        ),
-      );
-    } else {
-      return Container(
-        color: highlight ? AppColor.colorItemSelected : Colors.white,
-        child: Material(
-          type: MaterialType.transparency,
-          child: ListTile(
-            contentPadding: SuggestionItemWidgetStyles.contentPaddingValid,
-            leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
-            title: RichTextWidget(
-              textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? '',
-              overflow: TextOverflow.ellipsis,
-            ),
-            subtitle: emailAddress.displayName.isNotEmpty
-              ? RichTextWidget(
-                  textOrigin: emailAddress.emailAddress,
-                  wordSearched: suggestionValid ?? '',
-                  styleTextOrigin: SuggestionItemWidgetStyles.subTitleTextOriginStyle,
-                  styleWordSearched: SuggestionItemWidgetStyles.subTitleWordSearchedStyle,
-                  overflow: TextOverflow.ellipsis,
-              )
-              : null,
-            onTap: () => onSelectedAction?.call(emailAddress),
-          ),
-        ),
-      );
-    }
-  }
-}

lib/features/email_recovery/presentation/widgets/text_input_field/text_input_field_suggestion_widget.dart

@@ -1,20 +1,22 @@
 import 'dart:async';
 import 'dart:math';
+import 'package:core/presentation/resources/image_paths.dart';
 import 'package:core/utils/app_logger.dart';
 import 'package:collection/collection.dart';
 import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:get/get.dart';
 import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
 import 'package:model/mailbox/expand_mode.dart';
 import 'package:model/extensions/email_address_extension.dart';
 import 'package:super_tag_editor/tag_editor.dart';
+import 'package:tmail_ui_user/features/composer/presentation/model/suggestion_email_address.dart';
+import 'package:tmail_ui_user/features/composer/presentation/widgets/recipient_suggestion_item_widget.dart';
 import 'package:tmail_ui_user/features/email_recovery/presentation/model/email_recovery_field.dart';
 import 'package:tmail_ui_user/features/email_recovery/presentation/styles/text_input_field/text_input_suggestion_field_widget_styles.dart';
-import 'package:tmail_ui_user/features/email_recovery/presentation/widgets/text_input_field/suggestion_item_widget.dart';
 import 'package:tmail_ui_user/features/email_recovery/presentation/widgets/text_input_field/suggestion_tag_item_widget.dart';
-import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/suggesstion_email_address.dart';
 import 'package:tmail_ui_user/main/utils/app_config.dart';
 
 typedef OnSuggestionEmailAddress = Future<List<EmailAddress>> Function(String word, {int? limit});
@@ -68,6 +70,8 @@ class TextInputFieldSuggestionWidget extends StatefulWidget {
 }
 
 class _TextInputFieldSuggestionWidgetState extends State<TextInputFieldSuggestionWidget> {
+  final _imagePaths = Get.find<ImagePaths>();
+
   bool _lastTagFocused = false;
   late List<EmailAddress> _currentListEmailAddress;
   Timer? _gapBetweenTagChangedAndFindSuggestion;
@@ -138,6 +142,7 @@ class _TextInputFieldSuggestionWidgetState extends State<TextInputFieldSuggestio
                 suggestionsBoxBackgroundColor: Colors.white,
                 suggestionsBoxRadius: TextInputSuggestionFieldWidgetStyles.suggestionsBoxRadius,
                 suggestionsBoxMaxHeight: TextInputSuggestionFieldWidgetStyles.suggestionsBoxMaxHeight,
+                suggestionItemHeight: TextInputSuggestionFieldWidgetStyles.suggestionBoxItemHeight,
                 suggestionBoxWidth: _getSuggestionBoxWidth(constraints.maxWidth),
                 textStyle: TextInputSuggestionFieldWidgetStyles.inputFieldTextStyle,
                 onFocusTagAction: (focused) => _handleFocusTagAction.call(focused, setState),
@@ -168,7 +173,8 @@ class _TextInputFieldSuggestionWidgetState extends State<TextInputFieldSuggestio
                 isLoadMoreReplaceAllOld: false,
                 loadMoreSuggestions: _findSuggestions,
                 suggestionBuilder: (context, tagEditorState, suggestionEmailAddress, index, length, highlight, suggestionValid) {
-                  return SuggestionItemWidget(
+                  return RecipientSuggestionItemWidget(
+                    imagePaths: _imagePaths,
                     suggestionState: suggestionEmailAddress.state,
                     emailAddress: suggestionEmailAddress.emailAddress,
                     suggestionValid: suggestionValid,