fixup! TF-3308 Integrate super_drag_and_drop

Author: tddang-linagora

core/lib/presentation/views/text/text_drop_zone_web.dart

@@ -7,7 +7,7 @@ import 'package:flutter/material.dart';
 import 'package:super_drag_and_drop/super_drag_and_drop.dart';
 import 'package:universal_html/html.dart' hide VoidCallback;
 
-typedef OnSuperDrop = void Function(String value);
+typedef OnSuperTextDrop = void Function(String value);
 
 class TextDropZoneWeb extends StatefulWidget {
   const TextDropZoneWeb({
@@ -21,7 +21,7 @@ class TextDropZoneWeb extends StatefulWidget {
   final Widget child;
   final VoidCallback? onHover;
   final VoidCallback? onLeave;
-  final OnSuperDrop? onDrop;
+  final OnSuperTextDrop? onDrop;
 
   @override
   State<TextDropZoneWeb> createState() => _TextDropZoneWebState();
@@ -39,26 +39,14 @@ class _TextDropZoneWebState extends State<TextDropZoneWeb> {
     super.initState();
     WidgetsBinding.instance.addPostFrameCallback((_) {
       _dragEnterSubscription = window.onDragEnter.listen((event) {
-        if (event.dataTransfer.types?.validateFilesTransfer == true) {
-          setState(() {
-            _textIsDragging = false;
-          });
-        } else {
-          setState(() {
-            _textIsDragging = true;
-          });
-        }
+        setState(() {
+          _textIsDragging = event.dataTransfer.types?.validateFilesTransfer != true;
+        });
       });
       _dragOverSubscription = window.onDragOver.listen((event) {
-        if (event.dataTransfer.types?.validateFilesTransfer == true) {
-          setState(() {
-            _textIsDragging = false;
-          });
-        } else {
-          setState(() {
-            _textIsDragging = true;
-          });
-        }
+        setState(() {
+          _textIsDragging = event.dataTransfer.types?.validateFilesTransfer != true;
+        });
       });
       _dropSubscription = window.onDrop.listen((event) {
         setState(() {

lib/features/composer/presentation/widgets/web/local_file_drop_zone_widget.dart

@@ -13,14 +13,15 @@ import 'package:super_drag_and_drop/super_drag_and_drop.dart';
 import 'package:tmail_ui_user/features/composer/presentation/styles/web/drop_zone_widget_style.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
+typedef OnSuperFileDrop = void Function(List<FileInfo> fileInfos);
 
 class LocalFileDropZoneWidget extends StatelessWidget {
 
   final ImagePaths imagePaths;
   final double? width;
   final double? height;
   final EdgeInsetsGeometry margin;
-  final void Function(List<FileInfo> fileInfos)? onSuperDrop;
+  final OnSuperFileDrop? onSuperDrop;
 
   const LocalFileDropZoneWidget({
     super.key,
@@ -31,38 +32,20 @@ class LocalFileDropZoneWidget extends StatelessWidget {
     this.onSuperDrop,
   });
 
+  static final allowedFormats = Formats.standardFormats.where((format) {
+    return format != Formats.plainText
+      && format != Formats.htmlText
+      && format != Formats.uri
+      && format != Formats.fileUri;
+  }).cast<SimpleFileFormat>().toList();
+
   @override
   Widget build(BuildContext context) {
-    final allowedFormats = Formats.standardFormats.where((format) {
-      return format != Formats.plainText
-        && format != Formats.htmlText
-        && format != Formats.uri
-        && format != Formats.fileUri;
-    }).cast<SimpleFileFormat>().toList();
-
     return DropRegion(
       formats: allowedFormats,
       onDropOver: (_) => DropOperation.copy,
-      onPerformDrop: (performDropEvent) async {
-        final items = performDropEvent.session.items;
-        final listFileInfo = await Future.wait(items.map(
-          (item) async {
-            final dataReaderFile = await item.dataReader?.getFileFuture(
-              SimpleFileFormat(mimeTypes: item.platformFormats)
-            );
-            final bytes = await dataReaderFile?.readAll();
-            return FileInfo(
-              fileName: dataReaderFile?.fileName ?? await item.dataReader?.getSuggestedName() ?? '',
-              fileSize: bytes?.length ?? 0,
-              bytes: bytes,
-              isInline: item.platformFormats.firstOrNull?.startsWith(Constant.imageType),
-              type: item.platformFormats.firstOrNull,
-            );
-          },
-        ));
-        
-        onSuperDrop?.call(listFileInfo);
-      },
+      onPerformDrop: _onFileDrop,
+      hitTestBehavior: HitTestBehavior.opaque,
       child: SizedBox(
         width: width,
         height: height,
@@ -101,6 +84,27 @@ class LocalFileDropZoneWidget extends StatelessWidget {
       ),
     );
   }
+
+  Future<void> _onFileDrop(PerformDropEvent performDropEvent) async {
+    final items = performDropEvent.session.items;
+    final listFileInfo = await Future.wait(items.map(
+      (item) async {
+        final dataReaderFile = await item.dataReader?.getFileFuture(
+          SimpleFileFormat(mimeTypes: item.platformFormats)
+        );
+        final bytes = await dataReaderFile?.readAll();
+        return FileInfo(
+          fileName: dataReaderFile?.fileName ?? await item.dataReader?.getSuggestedName() ?? '',
+          fileSize: bytes?.length ?? 0,
+          bytes: bytes,
+          isInline: item.platformFormats.firstOrNull?.startsWith(Constant.imageType),
+          type: item.platformFormats.firstOrNull,
+        );
+      },
+    ));
+    
+    onSuperDrop?.call(listFileInfo);
+  }
 }
 
 extension _DataReaderExtension on DataReader {