fetch mast

.github/workflows/coverage.yml

@@ -16,8 +16,17 @@ jobs:
     steps:
       # Without this, there are no files in the directory.
       - uses: actions/checkout@v3
+      - name: Cache Flutter dependencies
+        uses: actions/cache@v4
+        with:
+          path: |
+            ~/.pub-cache
+            ~/.dartServer/.analysis-driver
+          key: ${{ runner.os }}-pub-${{ hashFiles('pubspec.yaml', 'analysis_options.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pub-
       # using flutter
-      - uses: subosito/flutter-action@v2.4.0
+      - uses: subosito/flutter-action@v2
         with:
           channel: 'stable'
       - run: dart --version

README.md

@@ -1,40 +1,46 @@
-## PlutoGrid for flutter - v7.0.2
+## PlutoGrid for flutter - v8.0.0
 
 [![Awesome Flutter](https://img.shields.io/badge/Awesome-Flutter-blue.svg)](https://github.com/Solido/awesome-flutter)
 [![codecov](https://codecov.io/gh/bosskmk/pluto_grid/branch/master/graph/badge.svg)](https://codecov.io/gh/bosskmk/pluto_grid)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 <br>
 
-`PlutoGrid` is a `DataGrid` that can be operated with the keyboard in various situations such as moving cells.  
+`PlutoGrid` is a `DataGrid` that can be operated with the keyboard in various situations such as
+moving cells.  
 It is developed with priority on the web and desktop.  
 Improvements such as UI on mobile are being considered.  
 If you comment on an issue, mobile improvements can be made quickly.
 
 <br>
 
 ### [Demo Web](https://bosskmk.github.io/pluto_grid/build/web/index.html)
+
 > You can try out various functions and usage methods right away.  
 > All features provide example code.
 
 <br>
 
 ### [Pub.Dev](https://pub.dev/packages/pluto_grid)
+
 > Check out how to install from the official distribution site.
 
 <br>
 
 ### [Documentation](https://pluto.weblaze.dev/series/pluto-grid)
+
 > The documentation has more details.
 
 <br>
 
 ### [ChangeLog](https://github.com/bosskmk/pluto_grid/blob/master/CHANGELOG.md)
+
 > Please note the changes when changing the version of PlutoGrid you are using.
 
 <br>
 
 ### [Issue](https://github.com/bosskmk/pluto_grid/issues)
+
 > Report any questions or errors.
 
 <br>
@@ -50,59 +56,71 @@ If you comment on an issue, mobile improvements can be made quickly.
 ### Screenshots
 
 #### Change the color of the rows or make the cells look the way you want them.
+
 ![PlutoGrid Normal](https://bosskmk.github.io/images/pluto_grid/2.8.0/pluto_grid_2.8.0_01.png)
 
 <br>
 
 #### Date type input can be easily selected by pop-up and keyboard.
+
 ![PlutoGrid Select Popup](https://bosskmk.github.io/images/pluto_grid/3.1.0/pluto_grid_3.1.0_01.png)
 
 <br>
 
 #### The selection type column can be easily selected using a pop-up and keyboard.
+
 ![PlutoGrid Select Date](https://bosskmk.github.io/images/pluto_grid/2.8.0/pluto_grid_2.8.0_03.png)
 
 <br>
 
 #### Group columns by desired depth.
+
 ![PlutoGrid Cell renderer](https://bosskmk.github.io/images/pluto_grid/2.8.0/pluto_grid_2.8.0_04.png)
 
 <br>
 
 #### Grid can be expressed in dark mode or a combination of desired colors. Also, freeze the column, move it by dragging, or adjust the size.
+
 ![PlutoGrid Multi select](https://bosskmk.github.io/images/pluto_grid/2.8.0/pluto_grid_2.8.0_05.png)
 
 <br>
 
 ### Example
+
 Generate the data to be used in the grid.
+
 ```dart
 
 List<PlutoColumn> columns = [
+
   /// Text Column definition
   PlutoColumn(
     title: 'text column',
     field: 'text_field',
     type: PlutoColumnType.text(),
   ),
+
   /// Number Column definition
   PlutoColumn(
     title: 'number column',
     field: 'number_field',
     type: PlutoColumnType.number(),
   ),
+
   /// Select Column definition
   PlutoColumn(
     title: 'select column',
     field: 'select_field',
     type: PlutoColumnType.select(['item1', 'item2', 'item3']),
   ),
+
   /// Datetime Column definition
   PlutoColumn(
     title: 'date column',
     field: 'date_field',
     type: PlutoColumnType.date(),
   ),
+
   /// Time Column definition
   PlutoColumn(
     title: 'time column',
@@ -143,6 +161,7 @@ List<PlutoRow> rows = [
 ```
 
 Create a grid with the data created above.
+
 ```dart
   @override
 Widget build(BuildContext context) {
@@ -173,6 +192,7 @@ Widget build(BuildContext context) {
 
 | Flutter          | PlutoGrid             |
 |------------------|-----------------------|
+| 3.19.0 or higher | 8.0.0 or higher       |
 | 3.10.0 or higher | 7.0.0 or higher       |
 | 3.7.0 or higher  | 6.0.0 or higher       |
 | 3.3.0 or higher  | 5.0.6 or higher       |
@@ -184,7 +204,9 @@ For other versions, contact the issue
 <br>
 
 ### Related packages
+
 > develop packages that make it easy to develop admin pages or CMS with Flutter.
+
 * [PlutoGrid](https://github.com/bosskmk/pluto_grid)
 * [PlutoMenuBar](https://github.com/bosskmk/pluto_menu_bar)
 * [PlutoLayout](https://github.com/bosskmk/pluto_layout)

demo/lib/main.dart

@@ -119,7 +119,7 @@ class MyApp extends StatelessWidget {
         scaffoldBackgroundColor: PlutoGridExampleColors.backgroundColor,
         colorScheme: const ColorScheme.light(
           primary: PlutoGridExampleColors.primaryColor,
-          background: PlutoGridExampleColors.backgroundColor,
+          onPrimaryContainer: PlutoGridExampleColors.backgroundColor,
         ),
       ),
     );

demo/lib/screen/development_screen.dart

@@ -35,7 +35,7 @@ class _DevelopmentScreenState extends State<DevelopmentScreen> {
 
   late PlutoGridStateManager stateManager;
 
-  Color Function(PlutoRowColorContext)? rowColorCallback;
+  Color Function(PlutoRowContext)? rowColorCallback;
 
   PlutoRowGroupDelegate? rowGroupDelegate;
 
@@ -128,7 +128,7 @@ class _DevelopmentScreenState extends State<DevelopmentScreen> {
       columns.addAll(testColumnsA);
       columnGroups.addAll(testColumnGroupsA);
       rows.addAll(DummyData.rowsByColumns(length: 10000, columns: columns));
-      rowColorCallback = (PlutoRowColorContext rowColorContext) {
+      rowColorCallback = (PlutoRowContext rowColorContext) {
         return rowColorContext.row.cells['column2']?.value == 'green'
             ? const Color(0xFFE2F6DF)
             : Colors.white;
@@ -958,18 +958,20 @@ final testColumnsA = [
     enableDropToResize: true,
     enableAutoEditing: true,
     titleTextAlign: PlutoColumnTextAlign.right,
-    titleSpan: const TextSpan(
-      children: [
-        WidgetSpan(
-          child: Text(
-            '* ',
-            style: TextStyle(color: Colors.red),
+    titleSpan: (text) {
+      return const TextSpan(
+        children: [
+          WidgetSpan(
+            child: Text(
+              '* ',
+              style: TextStyle(color: Colors.red),
+            ),
+            alignment: PlaceholderAlignment.bottom,
           ),
-          alignment: PlaceholderAlignment.bottom,
-        ),
-        TextSpan(text: 'column1'),
-      ],
-    ),
+          TextSpan(text: 'column1'),
+        ],
+      );
+    },
     width: 250,
     minWidth: 175,
     renderer: (rendererContext) {

demo/lib/screen/feature/add_and_remove_column_row_screen.dart

@@ -37,20 +37,21 @@ class _AddAndRemoveColumnRowScreenState
 
     columns.addAll([
       PlutoColumn(
-        title: 'Id',
-        field: 'id',
-        type: PlutoColumnType.text(),
-        readOnly: true,
-        checkReadOnly: checkReadOnly,
-        titleSpan: const TextSpan(children: [
-          WidgetSpan(
-              child: Icon(
-            Icons.lock_outlined,
-            size: 17,
-          )),
-          TextSpan(text: 'Id'),
-        ]),
-      ),
+          title: 'Id',
+          field: 'id',
+          type: PlutoColumnType.text(),
+          readOnly: true,
+          checkReadOnly: checkReadOnly,
+          titleSpan: (text) {
+            return const TextSpan(children: [
+              WidgetSpan(
+                  child: Icon(
+                Icons.lock_outlined,
+                size: 17,
+              )),
+              TextSpan(text: 'Id'),
+            ]);
+          }),
       PlutoColumn(
         title: 'Name',
         field: 'name',
@@ -66,14 +67,16 @@ class _AddAndRemoveColumnRowScreenState
         ]),
         enableEditingMode: false,
         frozen: PlutoColumnFrozen.end,
-        titleSpan: const TextSpan(children: [
-          WidgetSpan(
-              child: Icon(
-            Icons.lock,
-            size: 17,
-          )),
-          TextSpan(text: 'Status'),
-        ]),
+        titleSpan: (text) {
+          return const TextSpan(children: [
+            WidgetSpan(
+                child: Icon(
+              Icons.lock,
+              size: 17,
+            )),
+            TextSpan(text: 'Status'),
+          ]);
+        },
         renderer: (rendererContext) {
           Color textColor = Colors.black;
 

demo/lib/screen/feature/column_menu_screen.dart

@@ -107,6 +107,19 @@ class _UserColumnMenu implements PlutoColumnMenuDelegate<_UserColumnMenuItem> {
         break;
     }
   }
+
+  @override
+  Future<_UserColumnMenuItem?>? showColumnMenu({
+    required BuildContext context,
+    required Offset position,
+    required List<Widget> items,
+    Color backgroundColor = Colors.white,
+  }) {
+    return Future.value(_UserColumnMenuItem.moveNext);
+  }
+
+  @override
+  Widget? leadingIcon(PlutoColumn column) => null;
 }
 
 enum _UserColumnMenuItem {

demo/lib/screen/feature/listing_mode_screen.dart

@@ -115,7 +115,7 @@ class _ListingModeScreenState extends State<ListingModeScreen> {
                                 },
                                 style: ButtonStyle(
                                   backgroundColor:
-                                      MaterialStateProperty.all<Color>(
+                                      WidgetStateProperty.all<Color>(
                                     Colors.blue,
                                   ),
                                 ),
@@ -204,7 +204,7 @@ class _ListingModeScreenState extends State<ListingModeScreen> {
                                 },
                                 style: ButtonStyle(
                                   backgroundColor:
-                                      MaterialStateProperty.all<Color>(
+                                      WidgetStateProperty.all<Color>(
                                     Colors.blue,
                                   ),
                                 ),

demo/linux/flutter/ephemeral/.plugin_symlinks/printing

@@ -0,0 +1 @@
+C:/Users/manek/AppData/Local/Pub/Cache/hosted/pub.dev/printing-5.9.3/

example/lib/main.dart

@@ -158,7 +158,11 @@ class _PlutoGridExamplePageState extends State<PlutoGridExamplePage> {
           onChanged: (PlutoGridOnChangedEvent event) {
             print(event);
           },
-          configuration: const PlutoGridConfiguration(),
+          configuration: const PlutoGridConfiguration(
+            style: PlutoGridStyleConfig(
+              columnIconViewType: ColumnIconViewType.hover,
+            ),
+          ),
         ),
       ),
     );

lib/src/helper/filter_helper.dart

@@ -504,11 +504,11 @@ class PlutoGridFilterPopupHeader extends StatelessWidget {
   final SetFilterPopupHandler? handleAddNewFilter;
 
   const PlutoGridFilterPopupHeader({
-    Key? key,
+    super.key,
     this.stateManager,
     this.configuration,
     this.handleAddNewFilter,
-  }) : super(key: key);
+  });
 
   void handleAddButton() {
     handleAddNewFilter!(stateManager);

lib/src/helper/pluto_key_manager_event.dart

@@ -3,7 +3,9 @@ import 'package:flutter/services.dart';
 
 class PlutoKeyManagerEvent {
   FocusNode focusNode;
-  RawKeyEvent event;
+  KeyEvent event;
+
+  HardwareKeyboard instance = HardwareKeyboard.instance;
 
   PlutoKeyManagerEvent({
     required this.focusNode,
@@ -12,9 +14,9 @@ class PlutoKeyManagerEvent {
 
   bool get needsThrottle => isMoving || isTab || isPageUp || isPageDown;
 
-  bool get isKeyDownEvent => event.runtimeType == RawKeyDownEvent;
+  bool get isKeyDownEvent => event.runtimeType == KeyDownEvent;
 
-  bool get isKeyUpEvent => event.runtimeType == RawKeyUpEvent;
+  bool get isKeyUpEvent => event.runtimeType == KeyUpEvent;
 
   bool get isMoving => isHorizontal || isVertical;
 
@@ -94,15 +96,15 @@ class PlutoKeyManagerEvent {
   }
 
   bool get isShiftPressed {
-    return event.isShiftPressed;
+    return instance.isShiftPressed;
   }
 
   bool get isCtrlPressed {
-    return event.isMetaPressed || event.isControlPressed;
+    return instance.isMetaPressed || instance.isControlPressed;
   }
 
   bool get isAltPressed {
-    return event.isAltPressed;
+    return instance.isAltPressed;
   }
 
   bool get isModifierPressed {