Added keys to all Formfields, other minor fixes

Author: danvick

.idea/workspace.xml

@@ -49,3 +49,10 @@
 * Fixed bug where validation not working for fields outside screen (when using ListView) - [Flutter Issue #17385](https://github.com/flutter/flutter/issues/17385)
 * Added InputDecoration for all custom FormFields
 
+## [1.2.0] - 23-Nov-2018
+* New `FormBuilderInput` types:  
+    * ChipsInput
+* Some bug fixes
+* Minor UI improvements
+* Some bugs introduced, to be fixed later
+

CHANGELOG.md

@@ -193,5 +193,5 @@ FormBuilder(
 * Resetting the form doesn't clear all `FormField`s
 * Overlay for ChipsInput doesn't move when input height changes i.e. when chips wrap
 * For some reason Overlay for ChipsInput floats above AppBar when scrolling
-* DatePicker and TimePicker Textfields don't get focus when selecting
+* TypeAhead text gets cleared when Dropdown/ChipsInput value changes. What the Flip????
 

README.md

@@ -46,8 +46,247 @@ class MyHomePage extends StatelessWidget {
           'https://upload.wikimedia.org/wikipedia/commons/7/7c/Profile_avatar_placeholder_large.png'),
     ];
 
-    const allCountries = ["Afghanistan", "Albania", "Algeria", "American Samoa", "Andorra", "Angola", "Anguilla", "Antarctica", "Antigua and Barbuda", "Argentina", "Armenia", "Aruba", "Australia", "Austria", "Azerbaijan", "Bahamas", "Bahrain", "Bangladesh", "Barbados", "Belarus", "Belgium", "Belize", "Benin", "Bermuda", "Bhutan", "Bolivia", "Bosnia and Herzegowina", "Botswana", "Bouvet Island", "Brazil", "British Indian Ocean Territory", "Brunei Darussalam", "Bulgaria", "Burkina Faso", "Burundi", "Cambodia", "Cameroon", "Canada", "Cape Verde", "Cayman Islands", "Central African Republic", "Chad", "Chile", "China", "Christmas Island", "Cocos (Keeling) Islands", "Colombia", "Comoros", "Congo", "Congo, the Democratic Republic of the", "Cook Islands", "Costa Rica", "Cote d'Ivoire", "Croatia (Hrvatska)", "Cuba", "Cyprus", "Czech Republic", "Denmark", "Djibouti", "Dominica", "Dominican Republic", "East Timor", "Ecuador", "Egypt", "El Salvador", "Equatorial Guinea", "Eritrea", "Estonia", "Ethiopia", "Falkland Islands (Malvinas)", "Faroe Islands", "Fiji", "Finland", "France", "France Metropolitan", "French Guiana", "French Polynesia", "French Southern Territories", "Gabon", "Gambia", "Georgia", "Germany", "Ghana", "Gibraltar", "Greece", "Greenland", "Grenada", "Guadeloupe", "Guam", "Guatemala", "Guinea", "Guinea-Bissau", "Guyana", "Haiti", "Heard and Mc Donald Islands", "Holy See (Vatican City State)", "Honduras", "Hong Kong", "Hungary", "Iceland", "India", "Indonesia", "Iran (Islamic Republic of)", "Iraq", "Ireland", "Israel", "Italy", "Jamaica", "Japan", "Jordan", "Kazakhstan", "Kenya", "Kiribati", "Korea, Democratic People's Republic of", "Korea, Republic of", "Kuwait", "Kyrgyzstan", "Lao, People's Democratic Republic", "Latvia", "Lebanon", "Lesotho", "Liberia", "Libyan Arab Jamahiriya", "Liechtenstein", "Lithuania", "Luxembourg", "Macau", "Macedonia, The Former Yugoslav Republic of", "Madagascar", "Malawi", "Malaysia", "Maldives", "Mali", "Malta", "Marshall Islands", "Martinique", "Mauritania", "Mauritius", "Mayotte", "Mexico", "Micronesia, Federated States of", "Moldova, Republic of", "Monaco", "Mongolia", "Montserrat", "Morocco", "Mozambique", "Myanmar", "Namibia", "Nauru", "Nepal", "Netherlands", "Netherlands Antilles", "New Caledonia", "New Zealand", "Nicaragua", "Niger", "Nigeria", "Niue", "Norfolk Island", "Northern Mariana Islands", "Norway", "Oman", "Pakistan", "Palau", "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Pitcairn", "Poland", "Portugal", "Puerto Rico", "Qatar", "Reunion", "Romania", "Russian Federation", "Rwanda", "Saint Kitts and Nevis", "Saint Lucia", "Saint Vincent and the Grenadines", "Samoa", "San Marino", "Sao Tome and Principe", "Saudi Arabia", "Senegal", "Seychelles", "Sierra Leone", "Singapore", "Slovakia (Slovak Republic)", "Slovenia", "Solomon Islands", "Somalia", "South Africa", "South Georgia and the South Sandwich Islands", "Spain", "Sri Lanka", "St. Helena", "St. Pierre and Miquelon", "Sudan", "Suriname", "Svalbard and Jan Mayen Islands", "Swaziland", "Sweden", "Switzerland", "Syrian Arab Republic", "Taiwan, Province of China", "Tajikistan", "Tanzania, United Republic of", "Thailand", "Togo", "Tokelau", "Tonga", "Trinidad and Tobago", "Tunisia", "Turkey", "Turkmenistan", "Turks and Caicos Islands", "Tuvalu", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom", "United States", "United States Minor Outlying Islands", "Uruguay", "Uzbekistan", "Vanuatu", "Venezuela", "Vietnam", "Virgin Islands (British)", "Virgin Islands (U.S.)", "Wallis and Futuna Islands", "Western Sahara", "Yemen", "Yugoslavia", "Zambia", "Zimbabwe"];
-
+    const allCountries = [
+      "Afghanistan",
+      "Albania",
+      "Algeria",
+      "American Samoa",
+      "Andorra",
+      "Angola",
+      "Anguilla",
+      "Antarctica",
+      "Antigua and Barbuda",
+      "Argentina",
+      "Armenia",
+      "Aruba",
+      "Australia",
+      "Austria",
+      "Azerbaijan",
+      "Bahamas",
+      "Bahrain",
+      "Bangladesh",
+      "Barbados",
+      "Belarus",
+      "Belgium",
+      "Belize",
+      "Benin",
+      "Bermuda",
+      "Bhutan",
+      "Bolivia",
+      "Bosnia and Herzegowina",
+      "Botswana",
+      "Bouvet Island",
+      "Brazil",
+      "British Indian Ocean Territory",
+      "Brunei Darussalam",
+      "Bulgaria",
+      "Burkina Faso",
+      "Burundi",
+      "Cambodia",
+      "Cameroon",
+      "Canada",
+      "Cape Verde",
+      "Cayman Islands",
+      "Central African Republic",
+      "Chad",
+      "Chile",
+      "China",
+      "Christmas Island",
+      "Cocos (Keeling) Islands",
+      "Colombia",
+      "Comoros",
+      "Congo",
+      "Congo, the Democratic Republic of the",
+      "Cook Islands",
+      "Costa Rica",
+      "Cote d'Ivoire",
+      "Croatia (Hrvatska)",
+      "Cuba",
+      "Cyprus",
+      "Czech Republic",
+      "Denmark",
+      "Djibouti",
+      "Dominica",
+      "Dominican Republic",
+      "East Timor",
+      "Ecuador",
+      "Egypt",
+      "El Salvador",
+      "Equatorial Guinea",
+      "Eritrea",
+      "Estonia",
+      "Ethiopia",
+      "Falkland Islands (Malvinas)",
+      "Faroe Islands",
+      "Fiji",
+      "Finland",
+      "France",
+      "France Metropolitan",
+      "French Guiana",
+      "French Polynesia",
+      "French Southern Territories",
+      "Gabon",
+      "Gambia",
+      "Georgia",
+      "Germany",
+      "Ghana",
+      "Gibraltar",
+      "Greece",
+      "Greenland",
+      "Grenada",
+      "Guadeloupe",
+      "Guam",
+      "Guatemala",
+      "Guinea",
+      "Guinea-Bissau",
+      "Guyana",
+      "Haiti",
+      "Heard and Mc Donald Islands",
+      "Holy See (Vatican City State)",
+      "Honduras",
+      "Hong Kong",
+      "Hungary",
+      "Iceland",
+      "India",
+      "Indonesia",
+      "Iran (Islamic Republic of)",
+      "Iraq",
+      "Ireland",
+      "Israel",
+      "Italy",
+      "Jamaica",
+      "Japan",
+      "Jordan",
+      "Kazakhstan",
+      "Kenya",
+      "Kiribati",
+      "Korea, Democratic People's Republic of",
+      "Korea, Republic of",
+      "Kuwait",
+      "Kyrgyzstan",
+      "Lao, People's Democratic Republic",
+      "Latvia",
+      "Lebanon",
+      "Lesotho",
+      "Liberia",
+      "Libyan Arab Jamahiriya",
+      "Liechtenstein",
+      "Lithuania",
+      "Luxembourg",
+      "Macau",
+      "Macedonia, The Former Yugoslav Republic of",
+      "Madagascar",
+      "Malawi",
+      "Malaysia",
+      "Maldives",
+      "Mali",
+      "Malta",
+      "Marshall Islands",
+      "Martinique",
+      "Mauritania",
+      "Mauritius",
+      "Mayotte",
+      "Mexico",
+      "Micronesia, Federated States of",
+      "Moldova, Republic of",
+      "Monaco",
+      "Mongolia",
+      "Montserrat",
+      "Morocco",
+      "Mozambique",
+      "Myanmar",
+      "Namibia",
+      "Nauru",
+      "Nepal",
+      "Netherlands",
+      "Netherlands Antilles",
+      "New Caledonia",
+      "New Zealand",
+      "Nicaragua",
+      "Niger",
+      "Nigeria",
+      "Niue",
+      "Norfolk Island",
+      "Northern Mariana Islands",
+      "Norway",
+      "Oman",
+      "Pakistan",
+      "Palau",
+      "Panama",
+      "Papua New Guinea",
+      "Paraguay",
+      "Peru",
+      "Philippines",
+      "Pitcairn",
+      "Poland",
+      "Portugal",
+      "Puerto Rico",
+      "Qatar",
+      "Reunion",
+      "Romania",
+      "Russian Federation",
+      "Rwanda",
+      "Saint Kitts and Nevis",
+      "Saint Lucia",
+      "Saint Vincent and the Grenadines",
+      "Samoa",
+      "San Marino",
+      "Sao Tome and Principe",
+      "Saudi Arabia",
+      "Senegal",
+      "Seychelles",
+      "Sierra Leone",
+      "Singapore",
+      "Slovakia (Slovak Republic)",
+      "Slovenia",
+      "Solomon Islands",
+      "Somalia",
+      "South Africa",
+      "South Georgia and the South Sandwich Islands",
+      "Spain",
+      "Sri Lanka",
+      "St. Helena",
+      "St. Pierre and Miquelon",
+      "Sudan",
+      "Suriname",
+      "Svalbard and Jan Mayen Islands",
+      "Swaziland",
+      "Sweden",
+      "Switzerland",
+      "Syrian Arab Republic",
+      "Taiwan, Province of China",
+      "Tajikistan",
+      "Tanzania, United Republic of",
+      "Thailand",
+      "Togo",
+      "Tokelau",
+      "Tonga",
+      "Trinidad and Tobago",
+      "Tunisia",
+      "Turkey",
+      "Turkmenistan",
+      "Turks and Caicos Islands",
+      "Tuvalu",
+      "Uganda",
+      "Ukraine",
+      "United Arab Emirates",
+      "United Kingdom",
+      "United States",
+      "United States Minor Outlying Islands",
+      "Uruguay",
+      "Uzbekistan",
+      "Vanuatu",
+      "Venezuela",
+      "Vietnam",
+      "Virgin Islands (British)",
+      "Virgin Islands (U.S.)",
+      "Wallis and Futuna Islands",
+      "Western Sahara",
+      "Yemen",
+      "Yugoslavia",
+      "Zambia",
+      "Zimbabwe"
+    ];
 
     return Scaffold(
       appBar: AppBar(
@@ -61,17 +300,55 @@ class MyHomePage extends StatelessWidget {
           showResetButton: true,
           // resetButtonContent: Text("Clear Form"),
           controls: [
+            FormBuilderInput.typeAhead(
+              label: 'Country',
+              attribute: 'country',
+              require: true,
+              value: 'Kenya',
+              itemBuilder: (context, country) {
+                return ListTile(
+                  title: Text(country),
+                );
+              },
+              suggestionsCallback: (query) {
+                if (query.length != 0) {
+                  var lowercaseQuery = query.toLowerCase();
+                  return allCountries.where((country) {
+                    return country.toLowerCase().contains(lowercaseQuery);
+                  }).toList(growable: false)
+                    ..sort((a, b) => a
+                        .toLowerCase()
+                        .indexOf(lowercaseQuery)
+                        .compareTo(b.toLowerCase().indexOf(lowercaseQuery)));
+                } else {
+                  return allCountries;
+                }
+              },
+            ),
             FormBuilderInput.chipsInput(
               label: 'Chips',
               attribute: 'chips_test',
               require: true,
-              value: [AppProfile('Andrew', '[email protected]','https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX4057996.jpg')],
+              value: [
+                AppProfile('Andrew', '[email protected]',
+                    'https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX4057996.jpg')
+              ],
               suggestionsCallback: (String query) {
                 if (query.length != 0) {
+                  var lowercaseQuery = query.toLowerCase();
                   return mockResults.where((profile) {
-                    return profile.name.toLowerCase().contains(query.toLowerCase()) ||
-                        profile.email.toLowerCase().contains(query.toLowerCase());
-                  }).toList(growable: false);
+                    return profile.name
+                            .toLowerCase()
+                            .contains(query.toLowerCase()) ||
+                        profile.email
+                            .toLowerCase()
+                            .contains(query.toLowerCase());
+                  }).toList(growable: false)
+                    ..sort((a, b) => a.name
+                        .toLowerCase()
+                        .indexOf(lowercaseQuery)
+                        .compareTo(b.name.toLowerCase().indexOf(lowercaseQuery)));
+                  ;
                 } else {
                   return const <AppProfile>[];
                 }
@@ -99,25 +376,6 @@ class MyHomePage extends StatelessWidget {
                 );
               },
             ),
-            FormBuilderInput.typeAhead(
-              label: 'Country',
-              attribute: 'country',
-              require: true,
-              itemBuilder: (context, country) {
-                return ListTile(
-                  title: Text(country),
-                );
-              },
-              suggestionsCallback: (query) {
-                if (query.length != 0) {
-                  return allCountries.where((country) {
-                    return country.toLowerCase().contains(query.toLowerCase());
-                  }).toList(growable: false);
-                } else {
-                  return allCountries;
-                }
-              },
-            ),
             FormBuilderInput.textField(
               type: FormBuilderInput.TYPE_TEXT,
               attribute: "name",

example/lib/main.dart

@@ -42,7 +42,8 @@ class ChipsInputState<T> extends State<ChipsInput<T>>
   TextEditingValue _value = TextEditingValue();
   TextInputConnection _connection;
   _SuggestionsBoxController _suggestionsBoxController;
-  final LayerLink _layerLink = LayerLink();
+  LayerLink _layerLink = LayerLink();
+  Size size;
 
   String get text => String.fromCharCodes(
         _value.text.codeUnits.where((ch) => ch != kObjectReplacementChar),
@@ -99,7 +100,8 @@ class ChipsInputState<T> extends State<ChipsInput<T>>
       await Future.delayed(Duration(milliseconds: 10));
     }
 
-    var size = renderBox.size;
+    size = renderBox.size;
+    print(size);
 
     this._suggestionsBoxController._overlayEntry = OverlayEntry(
       builder: (context) {
@@ -263,7 +265,7 @@ class ChipsInputState<T> extends State<ChipsInput<T>>
       selection: TextSelection.collapsed(offset: text.length),
       composing: TextRange(start: 0, end: text.length),
     );
-    if(_connection == null)
+    if (_connection == null)
       _connection = TextInput.attach(this, TextInputConfiguration());
     _connection.setEditingState(_value);
   }