feat: Component phone input (#34)

* chore: update contributing * fix: Fix button group immutability (#1) * Fix errors * fix copywith function * [automated commit] lint format and import sort --------- Co-authored-by: Osman <[email protected]> Co-authored-by: github-actions <[email protected]> * [automated commit] lint format and import sort * update on-main to push to firebase (#3) * ci: move firebase to flutter main host for qa (#4) * feat: Add List Item (#5) * feat: Add List Item * [automated commit] lint format and import sort --------- Co-authored-by: Simeon Dimitrov <[email protected]> Co-authored-by: github-actions <[email protected]> * fix(main): ListItem disabled color (#8) * fix(main): ListItem disabled color * [automated commit] lint format and import sort --------- Co-authored-by: github-actions <[email protected]> * feat : Dropdown menu (#7) * Create dropdown * Add sizes * create stoyrybook and add size * Fix errrs and respond to comments * Fix issues * [automated commit] lint format and import sort * Alter isLarge * Fix spacing * [automated commit] lint format and import sort * Alter leading styles * [automated commit] lint format and import sort --------- Co-authored-by: Osman <[email protected]> Co-authored-by: github-actions <[email protected]> * Component ZetaSwitch (#6) * create ZetaSwitch * ZetaSwitch using MaterialSwitch * widgetbook for ZetaSwitch * remove hover; fix initState * add showHover parameter * add comments 'Zeta change' in material_switch.dart * remove size parameter and factory constructors * fix example and widgetbook * Component Zeta Radio Button (#9) * create component Zeta Radio Button * remove hover color * fix label line height * feat(main): SnackBar (#10) * add snackbar example * Add snackbar widgetbook * feat(main): SnackBar * [automated commit] lint format and import sort * remove view icon * Add view icon * Add widgetbook icon helper * [automated commit] lint format and import sort * fix alphabetical imports * Fix delete and error background color --------- Co-authored-by: github-actions <[email protected]> * feat(main): Tabs (#11) * feat(main): Tabs * [automated commit] lint format and import sort --------- Co-authored-by: github-actions <[email protected]> * chore: Update text styles (#13) * fix: switch on web (#14) * Component date input (#12) * create ZetaDateInput * create different ZetaDateInput variants * fix show error style * date validation and input mask; documentation for ZetaDateInput properties * create widgetbook * changes according to comments * Component date input (#16) * create ZetaDateInput * create different ZetaDateInput variants * fix show error style * date validation and input mask; documentation for ZetaDateInput properties * create widgetbook * changes according to comments * fix Typography of Date Input * restore * remove text line height * ZetaPhoneInput initial commit * complete ZetaPhoneInput; add flags * create phoneInputUseCase in Widgetbook * refactor phone input to use native alert dialog * don't use root navigator in widgetbook * pass parameter useRootNavigator * restore some missing countries in the list * countries search * add searchHint * fix comments * use ZetaSearchBar in CountriesDialog --------- Co-authored-by: Luke <[email protected]> Co-authored-by: ahmed-osman3 <[email protected]> Co-authored-by: Osman <[email protected]> Co-authored-by: github-actions <[email protected]> Co-authored-by: Luke Walton <[email protected]> Co-authored-by: Simeon Dimitrov <[email protected]> Co-authored-by: sd-athlon <[email protected]>
ZebraDevs · Apr 25, 2024 · d19547b · d19547b
1 parent 837f482
commit d19547b
Showing 1 changed file with 6 additions and 30 deletions.
diff --git a/lib/src/components/phone_input/countries_dialog.dart b/lib/src/components/phone_input/countries_dialog.dart
@@ -117,7 +117,6 @@ class _CountriesList extends StatefulWidget {
 
 class _CountriesListState extends State<_CountriesList> {
   late final bool _enableSearch = widget.items.length > 20;
-  final _controller = TextEditingController();
   List<CountriesMenuItem> _items = [];
 
   @override
@@ -126,7 +125,8 @@ class _CountriesListState extends State<_CountriesList> {
     _items = List.from(widget.items);
   }
 
-  void _search(String value) {
+  void _search(String? text) {
+    final value = text ?? '';
     setState(() {
       _items = widget.items.where((item) {
         return item.value.name.toLowerCase().contains(value.toLowerCase()) ||
@@ -135,19 +135,6 @@ class _CountriesListState extends State<_CountriesList> {
     });
   }
 
-  void _clearSearch() {
-    _controller.clear();
-    setState(() {
-      _items = List.from(widget.items);
-    });
-  }
-
-  @override
-  void dispose() {
-    _controller.dispose();
-    super.dispose();
-  }
-
   @override
   Widget build(BuildContext context) {
     final zeta = widget.zeta ?? Zeta.of(context);
@@ -163,22 +150,11 @@ class _CountriesListState extends State<_CountriesList> {
             if (_enableSearch)
               Padding(
                 padding: const EdgeInsets.only(bottom: ZetaSpacing.b),
-                child: TextField(
-                  controller: _controller,
+                child: ZetaSearchBar(
                   onChanged: _search,
-                  decoration: InputDecoration(
-                    hintText: widget.searchHint ?? 'Search by name or dial code',
-                    prefixIcon: const Icon(ZetaIcons.search_round),
-                    suffixIcon: _controller.text.isEmpty
-                        ? null
-                        : IconButton(
-                            onPressed: _clearSearch,
-                            icon: Icon(
-                              ZetaIcons.cancel_round,
-                              color: zeta.colors.cool.shade70,
-                            ),
-                          ),
-                  ),
+                  hint: widget.searchHint ?? 'Country or dial code',
+                  shape: ZetaWidgetBorder.full,
+                  showSpeechToText: false,
                 ),
               ),
             if (_enableSearch)