TF-4243 Delete a label

contact/pubspec.lock

@@ -381,6 +381,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.2"
+  flutter_hsvcolor_picker:
+    dependency: transitive
+    description:
+      name: flutter_hsvcolor_picker
+      sha256: f3480d7beaf4d3a3b76512a0c149a3b698076c8cf721bc515cded30de37ded6a
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.1"
   flutter_image_compress:
     dependency: transitive
     description:

core/lib/core.dart

@@ -18,6 +18,7 @@ export 'presentation/extensions/map_extensions.dart';
 export 'presentation/extensions/either_view_state_extension.dart';
 export 'presentation/extensions/media_type_extension.dart';
 export 'presentation/extensions/scroll_controller_extension.dart';
+export 'presentation/extensions/hex_color_extension.dart';
 
 // Exceptions
 export 'domain/exceptions/download_file_exception.dart';
@@ -60,6 +61,7 @@ export 'utils/preview_eml_file_utils.dart';
 export 'utils/logger/log_tracking.dart';
 export 'utils/html/html_utils.dart';
 export 'utils/web_link_generator.dart';
+export 'utils/widget_utils.dart';
 
 // Views
 export 'presentation/views/text/slogan_builder.dart';
@@ -73,6 +75,7 @@ export 'presentation/views/responsive/responsive_widget.dart';
 export 'presentation/views/list/tree_view.dart';
 export 'presentation/views/button/icon_button_web.dart';
 export 'presentation/views/button/tmail_button_widget.dart';
+export 'presentation/views/button/default_close_button_widget.dart';
 export 'presentation/views/image/avatar_builder.dart';
 export 'presentation/views/list/sliver_grid_delegate_fixed_height.dart';
 export 'presentation/views/list/no_stretch_scroll_behavior.dart';
@@ -85,6 +88,7 @@ export 'presentation/views/dialog/downloading_file_dialog_builder.dart';
 export 'presentation/views/dialog/confirmation_dialog_builder.dart';
 export 'presentation/views/dialog/edit_text_dialog_builder.dart';
 export 'presentation/views/dialog/color_picker_dialog_builder.dart';
+export 'presentation/views/dialog/modal_list_action_button_widget.dart';
 export 'presentation/views/html_viewer/html_content_viewer_widget.dart';
 export 'presentation/views/html_viewer/html_content_viewer_on_web_widget.dart';
 export 'presentation/views/floating_button/scrolling_floating_button_animated.dart';
@@ -112,6 +116,9 @@ export 'presentation/views/semantics/text_field_semantics.dart';
 export 'presentation/views/semantics/icon_semantics.dart';
 export 'presentation/views/shortcut/key_shortcut.dart';
 export 'presentation/views/tooltip/iframe_tooltip_overlay.dart';
+export 'presentation/views/color/color_circle_widget.dart';
+export 'presentation/views/color/colors_map_widget.dart';
+export 'presentation/views/color/color_picker_modal.dart';
 
 // Resources
 export 'presentation/resources/assets_paths.dart';

core/lib/presentation/extensions/color_extension.dart

@@ -280,6 +280,7 @@ extension AppColor on Color {
   static const gray49454F = Color(0xFF49454F);
   static const blue00B7FF = Color(0xFF00B7FF);
   static const blueD2E9FF = Color(0xFFD2E9FF);
+  static const grayCDCDCD = Color(0xFFCDCDCD);
   static const lightGrayF9FAFB = Color(0xFFF9FAFB);
   static const black4D4D4D = Color(0xFF4D4D4D);
   static const black1A1A1A = Color(0xFF1A1A1A);

core/lib/presentation/extensions/hex_color_extension.dart

@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+
+extension HexColorExtension on String {
+  Color toColor({Color fallback = Colors.transparent}) {
+    try {
+      final hex = replaceAll('#', '');
+
+      if (hex.length != 6 && hex.length != 8) {
+        return fallback;
+      }
+
+      final fullHex = hex.length == 6 ? 'FF$hex' : hex;
+      return Color(int.parse(fullHex, radix: 16));
+    } catch (_) {
+      return fallback;
+    }
+  }
+}

core/lib/presentation/resources/image_paths.dart

@@ -274,6 +274,9 @@ class ImagePaths {
   String get icAiMoreDetail => _getImagePath('ic_ai_more_detail.svg');
   String get icAiMoreProfessional => _getImagePath('ic_ai_more_professional.svg');
   String get icAiMorePolite => _getImagePath('ic_ai_more_polite.svg');
+  String get icTag => _getImagePath('ic_tag.svg');
+  String get icColorPicker => _getImagePath('ic_color_picker.svg');
+  String get icThumbsUp => _getImagePath('ic_thumbs_up.svg');
 
   String _getImagePath(String imageName) {
     return AssetsPaths.images + imageName;

core/lib/presentation/views/button/tmail_button_widget.dart

@@ -110,6 +110,7 @@ class TMailButtonWidget extends StatelessWidget {
     EdgeInsetsGeometry? margin,
     Color? hoverColor,
     Alignment? alignment,
+    BoxBorder? border,
   }) {
     return TMailButtonWidget(
       key: key,
@@ -137,6 +138,7 @@ class TMailButtonWidget extends StatelessWidget {
       margin: margin,
       hoverColor: hoverColor,
       alignment: alignment,
+      border: border,
     );
   }
 

core/lib/presentation/views/color/color_circle_widget.dart

@@ -0,0 +1,49 @@
+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';
+
+class ColorCircleWidget extends StatelessWidget {
+  final Color color;
+  final bool isSelected;
+  final ImagePaths imagePaths;
+  final VoidCallback onTap;
+
+  const ColorCircleWidget({
+    super.key,
+    required this.color,
+    required this.isSelected,
+    required this.imagePaths,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      type: MaterialType.transparency,
+      child: InkWell(
+        onTap: onTap,
+        customBorder: const CircleBorder(),
+        child: Container(
+          width: 40,
+          height: 40,
+          decoration: BoxDecoration(
+            color: color,
+            shape: BoxShape.circle,
+          ),
+          child: isSelected
+              ? Center(
+                  child: SvgPicture.asset(
+                    imagePaths.icCheck,
+                    colorFilter: Colors.white.asFilter(),
+                    width: 18.46,
+                    height: 18.46,
+                    fit: BoxFit.fill,
+                  ),
+                )
+              : null,
+        ),
+      ),
+    );
+  }
+}