Refactoring - Version OK

unionflow-mobile-apps/lib/shared/design_system/components/inputs/uf_dropdown_tile.dart

@@ -0,0 +1,99 @@
+/// UnionFlow Dropdown Tile - Ligne de paramètre avec dropdown
+/// 
+/// Tile avec titre et dropdown pour les paramètres
+library uf_dropdown_tile;
+
+import 'package:flutter/material.dart';
+import '../../tokens/color_tokens.dart';
+import '../../tokens/spacing_tokens.dart';
+import '../../tokens/typography_tokens.dart';
+
+/// Tile de paramètre avec dropdown
+/// 
+/// Usage:
+/// ```dart
+/// UFDropdownTile<String>(
+///   title: 'Niveau de log',
+///   value: 'INFO',
+///   items: ['TRACE', 'DEBUG', 'INFO', 'WARN', 'ERROR'],
+///   onChanged: (value) => setState(() => _logLevel = value),
+/// )
+/// ```
+class UFDropdownTile<T> extends StatelessWidget {
+  /// Titre du paramètre
+  final String title;
+  
+  /// Valeur actuelle
+  final T value;
+  
+  /// Liste des options
+  final List<T> items;
+  
+  /// Callback appelé lors du changement
+  final ValueChanged<T?>? onChanged;
+  
+  /// Couleur de fond (par défaut: surfaceVariant)
+  final Color? backgroundColor;
+  
+  /// Fonction pour afficher le texte d'un item (par défaut: toString())
+  final String Function(T)? itemBuilder;
+
+  const UFDropdownTile({
+    super.key,
+    required this.title,
+    required this.value,
+    required this.items,
+    this.onChanged,
+    this.backgroundColor,
+    this.itemBuilder,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final effectiveBgColor = backgroundColor ?? ColorTokens.surfaceVariant;
+    final effectiveItemBuilder = itemBuilder ?? (item) => item.toString();
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: SpacingTokens.lg),
+      padding: const EdgeInsets.all(SpacingTokens.lg),
+      decoration: BoxDecoration(
+        color: effectiveBgColor,
+        borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
+      ),
+      child: Row(
+        children: [
+          Expanded(
+            child: Text(
+              title,
+              style: TypographyTokens.bodyMedium.copyWith(
+                fontWeight: FontWeight.w600,
+                color: ColorTokens.onSurface,
+              ),
+            ),
+          ),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: SpacingTokens.lg),
+            decoration: BoxDecoration(
+              color: ColorTokens.surface,
+              borderRadius: BorderRadius.circular(SpacingTokens.radiusMd),
+              border: Border.all(color: ColorTokens.outline),
+            ),
+            child: DropdownButtonHideUnderline(
+              child: DropdownButton<T>(
+                value: value,
+                onChanged: onChanged,
+                items: items.map((item) {
+                  return DropdownMenuItem<T>(
+                    value: item,
+                    child: Text(effectiveItemBuilder(item)),
+                  );
+                }).toList(),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+

unionflow-mobile-apps/lib/shared/design_system/components/inputs/uf_switch_tile.dart

@@ -0,0 +1,90 @@
+/// UnionFlow Switch Tile - Ligne de paramètre avec switch
+/// 
+/// Tile avec titre, description et switch pour les paramètres
+library uf_switch_tile;
+
+import 'package:flutter/material.dart';
+import '../../tokens/color_tokens.dart';
+import '../../tokens/spacing_tokens.dart';
+import '../../tokens/typography_tokens.dart';
+
+/// Tile de paramètre avec switch
+/// 
+/// Usage:
+/// ```dart
+/// UFSwitchTile(
+///   title: 'Notifications',
+///   subtitle: 'Activer les notifications push',
+///   value: true,
+///   onChanged: (value) => setState(() => _notifications = value),
+/// )
+/// ```
+class UFSwitchTile extends StatelessWidget {
+  /// Titre du paramètre
+  final String title;
+  
+  /// Description du paramètre
+  final String subtitle;
+  
+  /// Valeur actuelle du switch
+  final bool value;
+  
+  /// Callback appelé lors du changement
+  final ValueChanged<bool>? onChanged;
+  
+  /// Couleur de fond (par défaut: surfaceVariant)
+  final Color? backgroundColor;
+
+  const UFSwitchTile({
+    super.key,
+    required this.title,
+    required this.subtitle,
+    required this.value,
+    this.onChanged,
+    this.backgroundColor,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final effectiveBgColor = backgroundColor ?? ColorTokens.surfaceVariant;
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: SpacingTokens.lg),
+      padding: const EdgeInsets.all(SpacingTokens.lg),
+      decoration: BoxDecoration(
+        color: effectiveBgColor,
+        borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
+      ),
+      child: Row(
+        children: [
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  title,
+                  style: TypographyTokens.bodyMedium.copyWith(
+                    fontWeight: FontWeight.w600,
+                    color: ColorTokens.onSurface,
+                  ),
+                ),
+                Text(
+                  subtitle,
+                  style: TypographyTokens.bodySmall.copyWith(
+                    color: ColorTokens.onSurfaceVariant,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          Switch(
+            value: value,
+            onChanged: onChanged,
+            activeColor: ColorTokens.primary,
+          ),
+        ],
+      ),
+    );
+  }
+}
+