refactor(demo): create AppTextField wrapper component

Author: fadi-george

examples/demo/lib/widgets/app_text_field.dart

@@ -0,0 +1,15 @@
+import 'package:flutter/material.dart';
+
+class AppTextField extends TextField {
+  const AppTextField({
+    super.key,
+    super.controller,
+    super.decoration,
+    super.keyboardType,
+    super.onChanged,
+    super.textAlign,
+    super.style,
+    super.maxLines,
+    super.autocorrect = false,
+  });
+}

examples/demo/lib/widgets/dialogs.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 
 import '../services/tooltip_helper.dart';
 import '../theme.dart';
+import 'app_text_field.dart';
 
 // Single input dialog (login, email, sms)
 class SingleInputDialog extends StatefulWidget {
@@ -42,7 +43,7 @@ class _SingleInputDialogState extends State<SingleInputDialog> {
         width: double.maxFinite,
         child: Semantics(
           label: '${widget.fieldLabel}_input',
-          child: TextField(
+          child: AppTextField(
             controller: _controller,
             decoration: InputDecoration(labelText: widget.fieldLabel),
             keyboardType: widget.keyboardType,
@@ -109,7 +110,7 @@ class _PairInputDialogState extends State<PairInputDialog> {
             Expanded(
               child: Semantics(
                 label: '${widget.keyLabel}_input',
-                child: TextField(
+                child: AppTextField(
                   controller: _keyController,
                   decoration: InputDecoration(labelText: widget.keyLabel),
                   onChanged: (_) => setState(() {}),
@@ -120,7 +121,7 @@ class _PairInputDialogState extends State<PairInputDialog> {
             Expanded(
               child: Semantics(
                 label: '${widget.valueLabel}_input',
-                child: TextField(
+                child: AppTextField(
                   controller: _valueController,
                   decoration: InputDecoration(labelText: widget.valueLabel),
                   onChanged: (_) => setState(() {}),
@@ -231,7 +232,7 @@ class _MultiPairInputDialogState extends State<MultiPairInputDialog> {
                 Row(
                 children: [
                   Expanded(
-                    child: TextField(
+                    child: AppTextField(
                       controller: _keyControllers[i],
                       decoration: InputDecoration(
                         labelText: widget.keyLabel,
@@ -241,7 +242,7 @@ class _MultiPairInputDialogState extends State<MultiPairInputDialog> {
                   ),
                   const SizedBox(width: 8),
                   Expanded(
-                    child: TextField(
+                    child: AppTextField(
                       controller: _valueControllers[i],
                       decoration: InputDecoration(
                         labelText: widget.valueLabel,
@@ -380,7 +381,7 @@ class _LoginDialogState extends State<LoginDialog> {
         width: double.maxFinite,
         child: Semantics(
           label: 'external_user_id_input',
-          child: TextField(
+          child: AppTextField(
             controller: _controller,
             decoration: const InputDecoration(labelText: 'External User Id'),
             onChanged: (_) => setState(() {}),
@@ -468,14 +469,14 @@ class _OutcomeDialogState extends State<OutcomeDialog> {
                 ),
               ),
               const SizedBox(height: 8),
-              TextField(
+              AppTextField(
                 controller: _nameController,
                 decoration: const InputDecoration(labelText: 'Outcome Name'),
                 onChanged: (_) => setState(() {}),
               ),
               if (_type == OutcomeType.withValue) ...[
                 const SizedBox(height: 12),
-                TextField(
+                AppTextField(
                   controller: _valueController,
                   decoration: const InputDecoration(labelText: 'Value'),
                   keyboardType:
@@ -563,13 +564,13 @@ class _TrackEventDialogState extends State<TrackEventDialog> {
           child: Column(
             mainAxisSize: MainAxisSize.min,
             children: [
-              TextField(
+              AppTextField(
                 controller: _nameController,
                 decoration: const InputDecoration(labelText: 'Event Name'),
                 onChanged: (_) => setState(() {}),
               ),
               const SizedBox(height: 12),
-              TextField(
+              AppTextField(
                 controller: _propsController,
                 decoration: InputDecoration(
                   labelText: 'Properties (optional, JSON)',
@@ -642,13 +643,13 @@ class _CustomNotificationDialogState extends State<CustomNotificationDialog> {
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
-            TextField(
+            AppTextField(
               controller: _titleController,
               decoration: const InputDecoration(labelText: 'Title'),
               onChanged: (_) => setState(() {}),
             ),
             const SizedBox(height: 12),
-            TextField(
+            AppTextField(
               controller: _bodyController,
               decoration: const InputDecoration(labelText: 'Body'),
               onChanged: (_) => setState(() {}),

examples/demo/lib/widgets/sections/live_activities_section.dart

@@ -3,6 +3,7 @@ import 'package:provider/provider.dart';
 
 import '../../theme.dart';
 import '../../viewmodels/app_viewmodel.dart';
+import '../app_text_field.dart';
 import '../action_button.dart';
 import '../section_card.dart';
 
@@ -138,7 +139,7 @@ class _InputRow extends StatelessWidget {
           ),
         ),
         Expanded(
-          child: TextField(
+          child: AppTextField(
             controller: controller,
             textAlign: TextAlign.right,
             style: const TextStyle(fontSize: 14, color: Color(0xFF212121)),
@@ -149,7 +150,6 @@ class _InputRow extends StatelessWidget {
               contentPadding: EdgeInsets.symmetric(vertical: 4),
               isDense: true,
             ),
-            autocorrect: false,
             onChanged: onChanged,
           ),
         ),