feat: GridStyle is now an abstract class with subclasses that provide lines, hierarchical, dots, cross and none styles!

Author: pavanpodila

packages/demo/lib/examples/advanced/theming.dart

@@ -546,17 +546,25 @@ class _ThemingExampleState extends State<ThemingExample> {
         Wrap(
           spacing: 8,
           runSpacing: 8,
-          children: GridStyle.values.map((style) {
-            return ChoiceChip(
-              label: Text(style.name, style: const TextStyle(fontSize: 11)),
-              selected: _theme.gridStyle == style,
-              onSelected: (selected) {
-                if (selected) {
-                  _updateTheme(_theme.copyWith(gridStyle: style));
-                }
-              },
-            );
-          }).toList(),
+          children:
+              [
+                ('lines', GridStyles.lines),
+                ('dots', GridStyles.dots),
+                ('hierarchical', GridStyles.hierarchical),
+                ('cross', GridStyles.cross),
+                ('none', GridStyles.none),
+              ].map((entry) {
+                final (name, style) = entry;
+                return ChoiceChip(
+                  label: Text(name, style: const TextStyle(fontSize: 11)),
+                  selected: _theme.gridStyle == style,
+                  onSelected: (selected) {
+                    if (selected) {
+                      _updateTheme(_theme.copyWith(gridStyle: style));
+                    }
+                  },
+                );
+              }).toList(),
         ),
       ],
     );

packages/demo/lib/examples/basics/ports.dart

@@ -622,24 +622,36 @@ class _PortCombinationsDemoState extends State<PortCombinationsDemo> {
       const SectionTitle('Grid Settings'),
       const SizedBox(height: 8),
       Observer(
-        builder: (context) => DropdownButtonFormField<GridStyle>(
+        builder: (context) => InputDecorator(
           decoration: const InputDecoration(
             labelText: 'Grid Style',
             border: OutlineInputBorder(),
             isDense: true,
+            contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+          ),
+          child: DropdownButtonHideUnderline(
+            child: DropdownButton<GridStyle>(
+              value: _themeControl._gridStyle.value,
+              isDense: true,
+              items:
+                  [
+                    ('Lines', GridStyles.lines),
+                    ('Dots', GridStyles.dots),
+                    ('Hierarchical', GridStyles.hierarchical),
+                    ('Cross', GridStyles.cross),
+                    ('None', GridStyles.none),
+                  ].map((entry) {
+                    final (name, style) = entry;
+                    return DropdownMenuItem(
+                      value: style,
+                      child: Text(name, style: const TextStyle(fontSize: 13)),
+                    );
+                  }).toList(),
+              onChanged: (value) {
+                _themeControl.gridStyle = value!;
+              },
+            ),
           ),
-          initialValue: _themeControl._gridStyle.value,
-          items: GridStyle.values.map((style) {
-            return DropdownMenuItem(
-              value: style,
-              child: Text(style.name, style: const TextStyle(fontSize: 13)),
-            );
-          }).toList(),
-          onChanged: (value) {
-            if (value != null) {
-              _themeControl.gridStyle = value;
-            }
-          },
         ),
       ),
 
@@ -818,7 +830,7 @@ class ThemeControlStore {
   set rotationSpeed(double value) =>
       runInAction(() => _rotationSpeed.value = value);
 
-  final Observable<GridStyle> _gridStyle = Observable(GridStyle.dots);
+  final Observable<GridStyle> _gridStyle = Observable(GridStyles.dots);
 
   GridStyle get gridStyle => _gridStyle.value;
 

packages/demo/pubspec.yaml

@@ -14,7 +14,7 @@ dependencies:
     sdk: flutter
   flutter_mobx: ^2.3.0
   font_awesome_flutter: ^10.7.0
-  go_router: ^16.3.0
+  go_router: ^17.0.0
   http: ^1.2.0
   mobx: ^2.5.0
   url_launcher: ^6.3.1