switch to a dialog for desktop support

lib/country_code_picker.dart

@@ -1,5 +1,7 @@
 library country_code_picker;
 
+import 'dart:io';
+
 import 'package:collection/collection.dart' show IterableExtension;
 import 'package:country_code_picker/country_code.dart';
 import 'package:country_code_picker/country_codes.dart';
@@ -114,8 +116,9 @@ class CountryCodePicker extends StatefulWidget {
   State<StatefulWidget> createState() {
     List<Map> jsonList = codes;
 
-    List<CountryCode> elements =
+    List<CountryCode> elements = jsonList
-        jsonList.map((json) => CountryCode.fromJson(json as Map<String, dynamic>)).toList();
+        .map((json) => CountryCode.fromJson(json as Map<String, dynamic>))
+        .toList();
 
     if (comparator != null) {
       elements.sort(comparator);
@@ -227,7 +230,8 @@ class CountryCodePickerState extends State<CountryCodePicker> {
                 (e.code!.toUpperCase() ==
                     widget.initialSelection!.toUpperCase()) ||
                 (e.dialCode == widget.initialSelection) ||
-                (e.name!.toUpperCase() == widget.initialSelection!.toUpperCase()),
+                (e.name!.toUpperCase() ==
+                    widget.initialSelection!.toUpperCase()),
             orElse: () => elements[0]);
       } else {
         selectedItem = elements[0];
@@ -243,7 +247,8 @@ class CountryCodePickerState extends State<CountryCodePicker> {
     if (widget.initialSelection != null) {
       selectedItem = elements.firstWhere(
           (e) =>
-              (e.code!.toUpperCase() == widget.initialSelection!.toUpperCase()) ||
+              (e.code!.toUpperCase() ==
+                  widget.initialSelection!.toUpperCase()) ||
               (e.dialCode == widget.initialSelection) ||
               (e.name!.toUpperCase() == widget.initialSelection!.toUpperCase()),
           orElse: () => elements[0]);
@@ -253,50 +258,91 @@ class CountryCodePickerState extends State<CountryCodePicker> {
 
     favoriteElements = elements
         .where((e) =>
-            widget.favorite.firstWhereOrNull(
+            widget.favorite.firstWhereOrNull((f) =>
-                (f) =>
+                e.code!.toUpperCase() == f.toUpperCase() ||
-                    e.code!.toUpperCase() == f.toUpperCase() ||
+                e.dialCode == f ||
-                    e.dialCode == f ||
+                e.name!.toUpperCase() == f.toUpperCase()) !=
-                    e.name!.toUpperCase() == f.toUpperCase()) !=
             null)
         .toList();
   }
 
   void showCountryCodePickerDialog() {
-    showMaterialModalBottomSheet(
+    if (Platform.isIOS || Platform.isAndroid) {
-      barrierColor: widget.barrierColor ?? Colors.grey.withOpacity(0.5),
+      showMaterialModalBottomSheet(
-      backgroundColor: widget.backgroundColor ?? Colors.transparent,
+        barrierColor: widget.barrierColor ?? Colors.grey.withOpacity(0.5),
-      context: context,
+        backgroundColor: widget.backgroundColor ?? Colors.transparent,
-      builder: (context) => Center(
+        context: context,
-        child: SelectionDialog(
+        builder: (context) => Center(
-          elements,
+          child: SelectionDialog(
-          favoriteElements,
+            elements,
-          showCountryOnly: widget.showCountryOnly,
+            favoriteElements,
-          emptySearchBuilder: widget.emptySearchBuilder,
+            showCountryOnly: widget.showCountryOnly,
-          searchDecoration: widget.searchDecoration,
+            emptySearchBuilder: widget.emptySearchBuilder,
-          searchStyle: widget.searchStyle,
+            searchDecoration: widget.searchDecoration,
-          textStyle: widget.dialogTextStyle,
+            searchStyle: widget.searchStyle,
-          boxDecoration: widget.boxDecoration,
+            textStyle: widget.dialogTextStyle,
-          showFlag: widget.showFlagDialog != null
+            boxDecoration: widget.boxDecoration,
-              ? widget.showFlagDialog
+            showFlag: widget.showFlagDialog != null
-              : widget.showFlag,
+                ? widget.showFlagDialog
-          flagWidth: widget.flagWidth,
+                : widget.showFlag,
-          size: widget.dialogSize,
+            flagWidth: widget.flagWidth,
-          backgroundColor: widget.dialogBackgroundColor,
+            size: widget.dialogSize,
-          barrierColor: widget.barrierColor,
+            backgroundColor: widget.dialogBackgroundColor,
-          hideSearch: widget.hideSearch,
+            barrierColor: widget.barrierColor,
-          closeIcon: widget.closeIcon,
+            hideSearch: widget.hideSearch,
+            closeIcon: widget.closeIcon,
+          ),
         ),
-      ),
+      ).then((e) {
-    ).then((e) {
+        if (e != null) {
-      if (e != null) {
+          setState(() {
-        setState(() {
+            selectedItem = e;
-          selectedItem = e;
+          });
-        });
 
-        _publishSelection(e);
+          _publishSelection(e);
-      }
+        }
-    });
+      });
+    } else {
+      showDialog(
+        barrierColor: widget.barrierColor ?? Colors.grey.withOpacity(0.5),
+        // backgroundColor: widget.backgroundColor ?? Colors.transparent,
+        context: context,
+        builder: (context) => Center(
+          child: Container(
+            constraints: BoxConstraints(maxHeight: 500, maxWidth: 400),
+            child: Dialog(
+              child: SelectionDialog(
+                elements,
+                favoriteElements,
+                showCountryOnly: widget.showCountryOnly,
+                emptySearchBuilder: widget.emptySearchBuilder,
+                searchDecoration: widget.searchDecoration,
+                searchStyle: widget.searchStyle,
+                textStyle: widget.dialogTextStyle,
+                boxDecoration: widget.boxDecoration,
+                showFlag: widget.showFlagDialog != null
+                    ? widget.showFlagDialog
+                    : widget.showFlag,
+                flagWidth: widget.flagWidth,
+                size: widget.dialogSize,
+                backgroundColor: widget.dialogBackgroundColor,
+                barrierColor: widget.barrierColor,
+                hideSearch: widget.hideSearch,
+                closeIcon: widget.closeIcon,
+              ),
+            ),
+          ),
+        ),
+      ).then((e) {
+        if (e != null) {
+          setState(() {
+            selectedItem = e;
+          });
+
+          _publishSelection(e);
+        }
+      });
+    }
   }
 
   void _publishSelection(CountryCode e) {

lib/selection_dialog.dart

@@ -58,7 +58,7 @@ class _SelectionDialogState extends State<SelectionDialog> {
 
   @override
   Widget build(BuildContext context) => Padding(
-        padding: const EdgeInsets.all(16.0),
+        padding: const EdgeInsets.all(0.0),
         child: Container(
           clipBehavior: Clip.hardEdge,
           width: widget.size?.width ?? MediaQuery.of(context).size.width,
@@ -67,7 +67,7 @@ class _SelectionDialogState extends State<SelectionDialog> {
           decoration: widget.boxDecoration ??
               BoxDecoration(
                 color: widget.backgroundColor ?? Colors.white,
-                borderRadius: BorderRadius.all(Radius.circular(25.0)),
+                borderRadius: BorderRadius.all(Radius.circular(8.0)),
                 boxShadow: [
                   BoxShadow(
                     color: widget.barrierColor ?? Colors.grey.withOpacity(1),