feat: add require_trailing_commas to analysis_options.ymal. (#2227)

.github/workflows/flutter_ci.yaml

@@ -99,7 +99,8 @@ jobs:
 
       - name: Flutter Analyzer
         working-directory: frontend/appflowy_flutter
-        run: flutter analyze
+        run: |
+          flutter analyze .
 
       - name: Run Flutter unit tests
         working-directory: frontend

frontend/appflowy_flutter/analysis_options.yaml

@@ -14,9 +14,7 @@ analyzer:
   exclude:
     - "**/*.g.dart"
     - "**/*.freezed.dart"
-    - "packages/appflowy_editor/**"
+
-    - "packages/editor/**"
-    # - "packages/flowy_infra_ui/**"
 linter:
   # The lint rules applied to this project can be customized in the
   # section below to disable rules from the `package:flutter_lints/flutter.yaml`
@@ -30,8 +28,7 @@ linter:
   # `// ignore_for_file: name_of_lint` syntax on the line or in the file
   # producing the lint.
   rules:
-    # avoid_print: false  # Uncomment to disable the `avoid_print` rule
+    - require_trailing_commas
-    # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
 
 # Additional information about this file can be found at
 # https://dart.dev/guides/language/analysis-options

frontend/appflowy_flutter/integration_test/board_test.dart

@@ -35,7 +35,9 @@ void main() {
     setUpAll(() async => await service.setUpAll());
     setUp(() async => await service.setUp());
 
-    testWidgets('integration test unzips the proper workspace and loads it correctly.', (tester) async {
+    testWidgets(
+        'integration test unzips the proper workspace and loads it correctly.',
+        (tester) async {
       await tester.initializeAppFlowy();
       expect(find.byType(AppFlowyBoard), findsOneWidget);
     });

frontend/appflowy_flutter/integration_test/empty_document_test.dart

@@ -31,7 +31,8 @@ void main() {
     setUpAll(() async => await service.setUpAll());
     setUp(() async => await service.setUp());
 
-    testWidgets('/board shortcut creates a new board and view of the board', (tester) async {
+    testWidgets('/board shortcut creates a new board and view of the board',
+        (tester) async {
       await tester.initializeAppFlowy();
 
       // Needs tab to obtain focus for the app flowy editor.
@@ -44,7 +45,8 @@ void main() {
       // does not contain any EditableText widgets.
       // to interact with the app during an integration test,
       // simulate physical keyboard events.
-      await FlowyTestKeyboard.simulateKeyDownEvent([
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
           LogicalKeyboardKey.slash,
           LogicalKeyboardKey.keyB,
           LogicalKeyboardKey.keyO,
@@ -52,16 +54,21 @@ void main() {
           LogicalKeyboardKey.keyR,
           LogicalKeyboardKey.keyD,
           LogicalKeyboardKey.arrowDown,
-      ], tester: tester);
+        ],
+        tester: tester,
+      );
 
       // Checks whether the options in the selection menu
       // for /board exist.
       expect(find.byType(SelectionMenuItemWidget), findsAtLeastNWidgets(2));
 
       // Finalizes the slash command that creates the board.
-      await FlowyTestKeyboard.simulateKeyDownEvent([
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
           LogicalKeyboardKey.enter,
-      ], tester: tester);
+        ],
+        tester: tester,
+      );
 
       // Checks whether new board is referenced and properly on the page.
       expect(find.byType(BuiltInPageWidget), findsOneWidget);
@@ -75,7 +82,8 @@ void main() {
       expect(find.text(viewOfBoardLabel), findsNWidgets(2));
     });
 
-    testWidgets('/grid shortcut creates a new grid and view of the grid', (tester) async {
+    testWidgets('/grid shortcut creates a new grid and view of the grid',
+        (tester) async {
       await tester.initializeAppFlowy();
 
       // Needs tab to obtain focus for the app flowy editor.
@@ -88,14 +96,17 @@ void main() {
       // does not contain any EditableText widgets.
       // to interact with the app during an integration test,
       // simulate physical keyboard events.
-      await FlowyTestKeyboard.simulateKeyDownEvent([
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
           LogicalKeyboardKey.slash,
           LogicalKeyboardKey.keyG,
           LogicalKeyboardKey.keyR,
           LogicalKeyboardKey.keyI,
           LogicalKeyboardKey.keyD,
           LogicalKeyboardKey.arrowDown,
-      ], tester: tester);
+        ],
+        tester: tester,
+      );
 
       // Checks whether the options in the selection menu
       // for /grid exist.

frontend/appflowy_flutter/integration_test/util/data.dart

@@ -61,6 +61,8 @@ class TestWorkspaceService {
         InputFileStream(await workspace.zip.then((value) => value.path));
     final archive = ZipDecoder().decodeBuffer(inputStream);
     extractArchiveToDisk(
-        archive, await TestWorkspace._parent.then((value) => value.path));
+      archive,
+      await TestWorkspace._parent.then((value) => value.path),
+    );
   }
 }

frontend/appflowy_flutter/integration_test/util/keyboard.dart

@@ -2,8 +2,10 @@ import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart' as flutter_test;
 
 class FlowyTestKeyboard {
-  static Future<void> simulateKeyDownEvent(List<LogicalKeyboardKey> keys,
+  static Future<void> simulateKeyDownEvent(
-      {required flutter_test.WidgetTester tester}) async {
+    List<LogicalKeyboardKey> keys, {
+    required flutter_test.WidgetTester tester,
+  }) async {
     for (final LogicalKeyboardKey key in keys) {
       await flutter_test.simulateKeyDownEvent(key);
       await tester.pumpAndSettle();

frontend/appflowy_flutter/lib/core/folder_notification.dart

@@ -16,9 +16,10 @@ typedef FolderNotificationCallback = void Function(
 
 class FolderNotificationParser
     extends NotificationParser<FolderNotification, FlowyError> {
-  FolderNotificationParser(
+  FolderNotificationParser({
-      {String? id, required FolderNotificationCallback callback})
+    String? id,
-      : super(
+    required FolderNotificationCallback callback,
+  }) : super(
           id: id,
           callback: callback,
           tyParser: (ty) => FolderNotification.valueOf(ty),

frontend/appflowy_flutter/lib/core/grid_notification.dart

@@ -16,9 +16,10 @@ typedef DatabaseNotificationCallback = void Function(
 
 class DatabaseNotificationParser
     extends NotificationParser<DatabaseNotification, FlowyError> {
-  DatabaseNotificationParser(
+  DatabaseNotificationParser({
-      {String? id, required DatabaseNotificationCallback callback})
+    String? id,
-      : super(
+    required DatabaseNotificationCallback callback,
+  }) : super(
           id: id,
           callback: callback,
           tyParser: (ty) => DatabaseNotification.valueOf(ty),
@@ -27,7 +28,9 @@ class DatabaseNotificationParser
 }
 
 typedef DatabaseNotificationHandler = Function(
-    DatabaseNotification ty, Either<Uint8List, FlowyError> result);
+  DatabaseNotification ty,
+  Either<Uint8List, FlowyError> result,
+);
 
 class DatabaseNotificationListener {
   StreamSubscription<SubscribeObject>? _subscription;

frontend/appflowy_flutter/lib/core/notification_helper.dart

@@ -9,11 +9,12 @@ class NotificationParser<T, E> {
   T? Function(int) tyParser;
   E Function(Uint8List) errorParser;
 
-  NotificationParser(
+  NotificationParser({
-      {this.id,
+    this.id,
     required this.callback,
     required this.errorParser,
-      required this.tyParser});
+    required this.tyParser,
+  });
   void parse(SubscribeObject subject) {
     if (id != null) {
       if (subject.id != id) {

frontend/appflowy_flutter/lib/core/user_notification.dart

@@ -16,9 +16,10 @@ typedef UserNotificationCallback = void Function(
 
 class UserNotificationParser
     extends NotificationParser<UserNotification, FlowyError> {
-  UserNotificationParser(
+  UserNotificationParser({
-      {required String id, required UserNotificationCallback callback})
+    required String id,
-      : super(
+    required UserNotificationCallback callback,
+  }) : super(
           id: id,
           callback: callback,
           tyParser: (ty) => UserNotification.valueOf(ty),
@@ -27,7 +28,9 @@ class UserNotificationParser
 }
 
 typedef UserNotificationHandler = Function(
-    UserNotification ty, Either<Uint8List, FlowyError> result);
+  UserNotification ty,
+  Either<Uint8List, FlowyError> result,
+);
 
 class UserNotificationListener {
   StreamSubscription<SubscribeObject>? _subscription;

frontend/appflowy_flutter/lib/plugins/database_view/application/cell/cell_controller.dart

@@ -73,7 +73,8 @@ class CellController<T, D> extends Equatable {
     /// For example:
     ///  user input: 12
     ///  cell display: $12
-    _cellListener?.start(onCellChanged: (result) {
+    _cellListener?.start(
+      onCellChanged: (result) {
         result.fold(
           (_) {
             _cellCache.remove(_cacheKey);
@@ -81,11 +82,14 @@ class CellController<T, D> extends Equatable {
           },
           (err) => Log.error(err),
         );
-    });
+      },
+    );
 
     /// 2.Listen on the field event and load the cell data if needed.
-    _fieldListener.start(onFieldChanged: (result) {
+    _fieldListener.start(
-      result.fold((fieldPB) {
+      onFieldChanged: (result) {
+        result.fold(
+          (fieldPB) {
             /// reloadOnFieldChanged should be true if you need to load the data when the corresponding field is changed
             /// For example:
             ///   ￥12 -> $12
@@ -93,8 +97,11 @@ class CellController<T, D> extends Equatable {
               _loadData();
             }
             _onCellFieldChanged?.call();
-      }, (err) => Log.error(err));
+          },
-    });
+          (err) => Log.error(err),
+        );
+      },
+    );
   }
 
   /// Listen on the cell content or field changes
@@ -130,7 +137,8 @@ class CellController<T, D> extends Equatable {
   /// Return the TypeOptionPB that can be parsed into corresponding class using the [parser].
   /// [PD] is the type that the parser return.
   Future<Either<PD, FlowyError>> getTypeOption<PD, P extends TypeOptionParser>(
-      P parser) {
+    P parser,
+  ) {
     return _fieldBackendSvc
         .getFieldTypeOptionData(fieldType: fieldType)
         .then((result) {

frontend/appflowy_flutter/lib/plugins/database_view/application/cell/cell_listener.dart

@@ -19,7 +19,9 @@ class CellListener {
   void start({required void Function(UpdateFieldNotifiedValue) onCellChanged}) {
     _updateCellNotifier?.addPublishListener(onCellChanged);
     _listener = DatabaseNotificationListener(
-        objectId: "$rowId:$fieldId", handler: _handler);
+      objectId: "$rowId:$fieldId",
+      handler: _handler,
+    );
   }
 
   void _handler(DatabaseNotification ty, Either<Uint8List, FlowyError> result) {

frontend/appflowy_flutter/lib/plugins/database_view/application/database_controller.dart

@@ -187,8 +187,10 @@ class DatabaseController {
     );
   }
 
-  Future<Either<Unit, FlowyError>> moveGroup(
+  Future<Either<Unit, FlowyError>> moveGroup({
-      {required String fromGroupId, required String toGroupId}) {
+    required String fromGroupId,
+    required String toGroupId,
+  }) {
     return _databaseViewBackendSvc.moveGroup(
       fromGroupId: fromGroupId,
       toGroupId: toGroupId,
@@ -196,7 +198,8 @@ class DatabaseController {
   }
 
   Future<void> updateCalenderLayoutSetting(
-      CalendarLayoutSettingsPB layoutSetting) async {
+    CalendarLayoutSettingsPB layoutSetting,
+  ) async {
     await _databaseViewBackendSvc
         .updateLayoutSetting(calendarLayoutSetting: layoutSetting)
         .then((result) {
@@ -234,16 +237,20 @@ class DatabaseController {
   }
 
   void _listenOnRowsChanged() {
-    final callbacks =
+    final callbacks = DatabaseViewCallbacks(
-        DatabaseViewCallbacks(onRowsChanged: (rows, rowByRowId, reason) {
+      onRowsChanged: (rows, rowByRowId, reason) {
         _databaseCallbacks?.onRowsChanged?.call(rows, rowByRowId, reason);
-    }, onRowsDeleted: (ids) {
+      },
+      onRowsDeleted: (ids) {
         _databaseCallbacks?.onRowsDeleted?.call(ids);
-    }, onRowsUpdated: (ids) {
+      },
+      onRowsUpdated: (ids) {
         _databaseCallbacks?.onRowsUpdated?.call(ids);
-    }, onRowsCreated: (ids) {
+      },
+      onRowsCreated: (ids) {
         _databaseCallbacks?.onRowsCreated?.call(ids);
-    });
+      },
+    );
     _viewCache.addListener(callbacks);
   }
 
@@ -261,7 +268,8 @@ class DatabaseController {
   void _listenOnGroupChanged() {
     groupListener.start(
       onNumOfGroupsChanged: (result) {
-        result.fold((changeset) {
+        result.fold(
+          (changeset) {
             if (changeset.updateGroups.isNotEmpty) {
               _groupCallbacks?.onUpdateGroup?.call(changeset.updateGroups);
             }
@@ -273,30 +281,45 @@ class DatabaseController {
             for (final insertedGroup in changeset.insertedGroups) {
               _groupCallbacks?.onInsertGroup?.call(insertedGroup);
             }
-        }, (r) => Log.error(r));
+          },
+          (r) => Log.error(r),
+        );
       },
       onGroupByNewField: (result) {
-        result.fold((groups) {
+        result.fold(
+          (groups) {
             _groupCallbacks?.onGroupByField?.call(groups);
-        }, (r) => Log.error(r));
+          },
+          (r) => Log.error(r),
+        );
       },
     );
   }
 
   void _listenOnLayoutChanged() {
-    layoutListener.start(onLayoutChanged: (result) {
+    layoutListener.start(
-      result.fold((l) {
+      onLayoutChanged: (result) {
+        result.fold(
+          (l) {
             _layoutCallbacks?.onLayoutChanged(l);
-      }, (r) => Log.error(r));
+          },
-    });
+          (r) => Log.error(r),
+        );
+      },
+    );
   }
 
   void _listenOnCalendarLayoutChanged() {
-    calendarLayoutListener.start(onCalendarLayoutChanged: (result) {
+    calendarLayoutListener.start(
-      result.fold((l) {
+      onCalendarLayoutChanged: (result) {
+        result.fold(
+          (l) {
             _calendarLayoutCallbacks?.onCalendarLayoutChanged(l);
-      }, (r) => Log.error(r));
+          },
-    });
+          (r) => Log.error(r),
+        );
+      },
+    );
   }
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/application/database_view_service.dart

@@ -73,8 +73,9 @@ class DatabaseViewBackendService {
     return DatabaseEventMoveGroup(payload).send();
   }
 
-  Future<Either<List<FieldPB>, FlowyError>> getFields(
+  Future<Either<List<FieldPB>, FlowyError>> getFields({
-      {List<FieldIdPB>? fieldIds}) {
+    List<FieldIdPB>? fieldIds,
+  }) {
     var payload = GetFieldPayloadPB.create()..viewId = viewId;
 
     if (fieldIds != null) {
@@ -86,15 +87,17 @@ class DatabaseViewBackendService {
   }
 
   Future<Either<LayoutSettingPB, FlowyError>> getLayoutSetting(
-      LayoutTypePB layoutType) {
+    LayoutTypePB layoutType,
+  ) {
     final payload = DatabaseLayoutIdPB.create()
       ..viewId = viewId
       ..layout = layoutType;
     return DatabaseEventGetLayoutSetting(payload).send();
   }
 
-  Future<Either<Unit, FlowyError>> updateLayoutSetting(
+  Future<Either<Unit, FlowyError>> updateLayoutSetting({
-      {CalendarLayoutSettingsPB? calendarLayoutSetting}) {
+    CalendarLayoutSettingsPB? calendarLayoutSetting,
+  }) {
     final layoutSetting = LayoutSettingPB.create();
     if (calendarLayoutSetting != null) {
       layoutSetting.calendar = calendarLayoutSetting;

frontend/appflowy_flutter/lib/plugins/database_view/application/field/field_cell_bloc.dart

@@ -17,7 +17,9 @@ class FieldCellBloc extends Bloc<FieldCellEvent, FieldCellState> {
     required FieldCellContext cellContext,
   })  : _fieldListener = SingleFieldListener(fieldId: cellContext.field.id),
         _fieldBackendSvc = FieldBackendService(
-            viewId: cellContext.viewId, fieldId: cellContext.field.id),
+          viewId: cellContext.viewId,
+          fieldId: cellContext.field.id,
+        ),
         super(FieldCellState.initial(cellContext)) {
     on<FieldCellEvent>(
       (event, emit) async {
@@ -49,7 +51,8 @@ class FieldCellBloc extends Bloc<FieldCellEvent, FieldCellState> {
   }
 
   void _startListening() {
-    _fieldListener.start(onFieldChanged: (result) {
+    _fieldListener.start(
+      onFieldChanged: (result) {
         if (isClosed) {
           return;
         }
@@ -57,7 +60,8 @@ class FieldCellBloc extends Bloc<FieldCellEvent, FieldCellState> {
           (field) => add(FieldCellEvent.didReceiveFieldUpdate(field)),
           (err) => Log.error(err),
         );
-    });
+      },
+    );
   }
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/application/field/field_controller.dart

@@ -255,7 +255,8 @@ class FieldController {
       }
     }
 
-    _filtersListener.start(onFilterChanged: (result) {
+    _filtersListener.start(
+      onFilterChanged: (result) {
         result.fold(
           (FilterChangesetNotificationPB changeset) {
             final List<FilterInfo> filters = filterInfos;
@@ -272,7 +273,8 @@ class FieldController {
           },
           (err) => Log.error(err),
         );
-    });
+      },
+    );
   }
 
   void _listenOnSortChanged() {
@@ -347,7 +349,8 @@ class FieldController {
       }
     }
 
-    _sortsListener.start(onSortChanged: (result) {
+    _sortsListener.start(
+      onSortChanged: (result) {
         result.fold(
           (SortChangesetNotificationPB changeset) {
             final List<SortInfo> newSortInfos = sortInfos;
@@ -360,22 +363,26 @@ class FieldController {
           },
           (err) => Log.error(err),
         );
-    });
+      },
+    );
   }
 
   void _listenOnSettingChanges() {
     //Listen on setting changes
-    _settingListener.start(onSettingUpdated: (result) {
+    _settingListener.start(
+      onSettingUpdated: (result) {
         result.fold(
           (setting) => _updateSetting(setting),
           (r) => Log.error(r),
         );
-    });
+      },
+    );
   }
 
   void _listenOnFieldChanges() {
     //Listen on field's changes
-    _fieldListener.start(onFieldsChanged: (result) {
+    _fieldListener.start(
+      onFieldsChanged: (result) {
         result.fold(
           (changeset) {
             _deleteFields(changeset.deletedFields);
@@ -388,7 +395,8 @@ class FieldController {
           },
           (err) => Log.error(err),
         );
-    });
+      },
+    );
   }
 
   void _updateSetting(DatabaseViewSettingPB setting) {

frontend/appflowy_flutter/lib/plugins/database_view/application/field/field_editor_bloc.dart

@@ -36,11 +36,13 @@ class FieldEditorBloc extends Bloc<FieldEditorEvent, FieldEditorState> {
             }
           },
           didReceiveFieldChanged: (FieldPB field) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 field: Some(field),
                 name: field.name,
                 canDelete: field.isPrimary,
-            ));
+              ),
+            );
           },
           deleteField: () {
             state.field.fold(

frontend/appflowy_flutter/lib/plugins/database_view/application/field/field_listener.dart

@@ -17,8 +17,9 @@ class SingleFieldListener {
 
   SingleFieldListener({required this.fieldId});
 
-  void start(
+  void start({
-      {required void Function(UpdateFieldNotifiedValue) onFieldChanged}) {
+    required void Function(UpdateFieldNotifiedValue) onFieldChanged,
+  }) {
     _updateFieldNotifier?.addPublishListener(onFieldChanged);
     _listener = DatabaseNotificationListener(
       objectId: fieldId,
@@ -60,8 +61,9 @@ class FieldsListener {
   DatabaseNotificationListener? _listener;
   FieldsListener({required this.viewId});
 
-  void start(
+  void start({
-      {required void Function(UpdateFieldsNotifiedValue) onFieldsChanged}) {
+    required void Function(UpdateFieldsNotifiedValue) onFieldsChanged,
+  }) {
     updateFieldsNotifier?.addPublishListener(onFieldsChanged);
     _listener = DatabaseNotificationListener(
       objectId: viewId,

frontend/appflowy_flutter/lib/plugins/database_view/application/field/type_option/date_bloc.dart

@@ -15,16 +15,25 @@ class DateTypeOptionBloc
       (event, emit) async {
         event.map(
           didSelectDateFormat: (_DidSelectDateFormat value) {
-            emit(state.copyWith(
+            emit(
-                typeOption: _updateTypeOption(dateFormat: value.format)));
+              state.copyWith(
+                typeOption: _updateTypeOption(dateFormat: value.format),
+              ),
+            );
           },
           didSelectTimeFormat: (_DidSelectTimeFormat value) {
-            emit(state.copyWith(
+            emit(
-                typeOption: _updateTypeOption(timeFormat: value.format)));
+              state.copyWith(
+                typeOption: _updateTypeOption(timeFormat: value.format),
+              ),
+            );
           },
           includeTime: (_IncludeTime value) {
-            emit(state.copyWith(
+            emit(
-                typeOption: _updateTypeOption(includeTime: value.includeTime)));
+              state.copyWith(
+                typeOption: _updateTypeOption(includeTime: value.includeTime),
+              ),
+            );
           },
         );
       },

frontend/appflowy_flutter/lib/plugins/database_view/application/field/type_option/number_format_bloc.dart

@@ -7,16 +7,20 @@ class NumberFormatBloc extends Bloc<NumberFormatEvent, NumberFormatState> {
   NumberFormatBloc() : super(NumberFormatState.initial()) {
     on<NumberFormatEvent>(
       (event, emit) async {
-        event.map(setFilter: (_SetFilter value) {
+        event.map(
+          setFilter: (_SetFilter value) {
             final List<NumberFormat> formats = List.from(NumberFormat.values);
             if (value.filter.isNotEmpty) {
-            formats.retainWhere((element) => element
+              formats.retainWhere(
+                (element) => element
                     .title()
                     .toLowerCase()
-                .contains(value.filter.toLowerCase()));
+                    .contains(value.filter.toLowerCase()),
+              );
             }
             emit(state.copyWith(formats: formats, filter: value.filter));
-        });
+          },
+        );
       },
     );
   }

frontend/appflowy_flutter/lib/plugins/database_view/application/field/type_option/select_option_type_option_bloc.dart

@@ -59,9 +59,11 @@ class SelectOptionTypeOptionEvent with _$SelectOptionTypeOptionEvent {
   const factory SelectOptionTypeOptionEvent.endAddingOption() =
       _EndAddingOption;
   const factory SelectOptionTypeOptionEvent.updateOption(
-      SelectOptionPB option) = _UpdateOption;
+    SelectOptionPB option,
+  ) = _UpdateOption;
   const factory SelectOptionTypeOptionEvent.deleteOption(
-      SelectOptionPB option) = _DeleteOption;
+    SelectOptionPB option,
+  ) = _DeleteOption;
 }
 
 @freezed

frontend/appflowy_flutter/lib/plugins/database_view/application/field/type_option/type_option_context.dart

@@ -158,7 +158,9 @@ abstract class IFieldTypeOptionLoader {
   Future<Either<TypeOptionPB, FlowyError>> load();
 
   Future<Either<Unit, FlowyError>> switchToField(
-      String fieldId, FieldType fieldType) {
+    String fieldId,
+    FieldType fieldType,
+  ) {
     final payload = UpdateFieldTypePayloadPB.create()
       ..viewId = viewId
       ..fieldId = fieldId

frontend/appflowy_flutter/lib/plugins/database_view/application/filter/filter_listener.dart

@@ -107,7 +107,8 @@ class FilterListener {
       case DatabaseNotification.DidUpdateFilter:
         result.fold(
           (payload) => handleChangeset(
-              FilterChangesetNotificationPB.fromBuffer(payload)),
+            FilterChangesetNotificationPB.fromBuffer(payload),
+          ),
           (error) {},
         );
         break;

frontend/appflowy_flutter/lib/plugins/database_view/application/filter/filter_service.dart

@@ -97,7 +97,8 @@ class FilterBackendService {
         filter.end = $fixnum.Int64(end);
       } else {
         throw Exception(
-            "Start and end should not be null if the timestamp is null");
+          "Start and end should not be null if the timestamp is null",
+        );
       }
     }
 

frontend/appflowy_flutter/lib/plugins/database_view/application/layout/calendar_setting_listener.dart

@@ -15,8 +15,9 @@ class DatabaseCalendarLayoutListener {
   DatabaseNotificationListener? _listener;
   DatabaseCalendarLayoutListener(this.viewId);
 
-  void start(
+  void start({
-      {required void Function(NewLayoutFieldValue) onCalendarLayoutChanged}) {
+    required void Function(NewLayoutFieldValue) onCalendarLayoutChanged,
+  }) {
     _newLayoutFieldNotifier?.addPublishListener(onCalendarLayoutChanged);
     _listener = DatabaseNotificationListener(
       objectId: viewId,

frontend/appflowy_flutter/lib/plugins/database_view/application/row/row_cache.dart

@@ -102,11 +102,16 @@ class RowCache {
     final rowInfo = _rowList.get(reorderRow.rowId);
     if (rowInfo != null) {
       _rowList.moveRow(
-          reorderRow.rowId, reorderRow.oldIndex, reorderRow.newIndex);
+        reorderRow.rowId,
-      _rowChangeReasonNotifier.receive(RowsChangedReason.reorderSingleRow(
+        reorderRow.oldIndex,
+        reorderRow.newIndex,
+      );
+      _rowChangeReasonNotifier.receive(
+        RowsChangedReason.reorderSingleRow(
           reorderRow,
           rowInfo,
-      ));
+        ),
+      );
     }
   }
 
@@ -325,7 +330,9 @@ class RowsChangedReason with _$RowsChangedReason {
   const factory RowsChangedReason.initial() = InitialListState;
   const factory RowsChangedReason.reorderRows() = _ReorderRows;
   const factory RowsChangedReason.reorderSingleRow(
-      ReorderSingleRowPB reorderRow, RowInfo rowInfo) = _ReorderSingleRow;
+    ReorderSingleRowPB reorderRow,
+    RowInfo rowInfo,
+  ) = _ReorderSingleRow;
 }
 
 class InsertedIndex {

frontend/appflowy_flutter/lib/plugins/database_view/application/row/row_data_controller.dart

@@ -23,10 +23,12 @@ class RowController {
   }
 
   void addListener({OnRowChanged? onRowChanged}) {
-    _onRowChangedListeners.add(_rowCache.addListener(
+    _onRowChangedListeners.add(
+      _rowCache.addListener(
         rowId: rowId,
         onCellUpdated: onRowChanged,
-    ));
+      ),
+    );
   }
 
   void dispose() {

frontend/appflowy_flutter/lib/plugins/database_view/application/row/row_list.dart

@@ -85,10 +85,12 @@ class RowList {
       insert(index, builder(insertRow.row));
 
       if (!isContains) {
-        insertIndexs.add(InsertedIndex(
+        insertIndexs.add(
+          InsertedIndex(
             index: index,
             rowId: insertRow.row.id,
-        ));
+          ),
+        );
       }
     }
     return insertIndexs;

frontend/appflowy_flutter/lib/plugins/database_view/application/setting/group_bloc.dart

@@ -67,7 +67,8 @@ class DatabaseGroupEvent with _$DatabaseGroupEvent {
     FieldType fieldType,
   ) = _DatabaseGroupEvent;
   const factory DatabaseGroupEvent.didReceiveFieldUpdate(
-      List<FieldInfo> fields) = _DidReceiveFieldUpdate;
+    List<FieldInfo> fields,
+  ) = _DidReceiveFieldUpdate;
 }
 
 @freezed
@@ -78,7 +79,9 @@ class DatabaseGroupState with _$DatabaseGroupState {
   }) = _DatabaseGroupState;
 
   factory DatabaseGroupState.initial(
-          String viewId, List<FieldInfo> fieldContexts) =>
+    String viewId,
+    List<FieldInfo> fieldContexts,
+  ) =>
       DatabaseGroupState(
         viewId: viewId,
         fieldContexts: fieldContexts,

frontend/appflowy_flutter/lib/plugins/database_view/application/setting/property_bloc.dart

@@ -13,11 +13,13 @@ class DatabasePropertyBloc
   final FieldController _fieldController;
   Function(List<FieldInfo>)? _onFieldsFn;
 
-  DatabasePropertyBloc(
+  DatabasePropertyBloc({
-      {required String viewId, required FieldController fieldController})
+    required String viewId,
-      : _fieldController = fieldController,
+    required FieldController fieldController,
+  })  : _fieldController = fieldController,
         super(
-            DatabasePropertyState.initial(viewId, fieldController.fieldInfos)) {
+          DatabasePropertyState.initial(viewId, fieldController.fieldInfos),
+        ) {
     on<DatabasePropertyEvent>(
       (event, emit) async {
         await event.map(
@@ -68,9 +70,12 @@ class DatabasePropertyBloc
 class DatabasePropertyEvent with _$DatabasePropertyEvent {
   const factory DatabasePropertyEvent.initial() = _Initial;
   const factory DatabasePropertyEvent.setFieldVisibility(
-      String fieldId, bool visibility) = _SetFieldVisibility;
+    String fieldId,
+    bool visibility,
+  ) = _SetFieldVisibility;
   const factory DatabasePropertyEvent.didReceiveFieldUpdate(
-      List<FieldInfo> fields) = _DidReceiveFieldUpdate;
+    List<FieldInfo> fields,
+  ) = _DidReceiveFieldUpdate;
   const factory DatabasePropertyEvent.moveField(int fromIndex, int toIndex) =
       _MoveField;
 }

frontend/appflowy_flutter/lib/plugins/database_view/application/setting/setting_bloc.dart

@@ -11,9 +11,11 @@ class DatabaseSettingBloc
       : super(DatabaseSettingState.initial()) {
     on<DatabaseSettingEvent>(
       (event, emit) async {
-        event.map(performAction: (_PerformAction value) {
+        event.map(
+          performAction: (_PerformAction value) {
             emit(state.copyWith(selectedAction: Some(value.action)));
-        });
+          },
+        );
       },
     );
   }
@@ -22,7 +24,8 @@ class DatabaseSettingBloc
 @freezed
 class DatabaseSettingEvent with _$DatabaseSettingEvent {
   const factory DatabaseSettingEvent.performAction(
-      DatabaseSettingAction action) = _PerformAction;
+    DatabaseSettingAction action,
+  ) = _PerformAction;
 }
 
 @freezed

frontend/appflowy_flutter/lib/plugins/database_view/application/setting/setting_controller.dart

@@ -28,12 +28,14 @@ class SettingController {
     });
 
     // Listen on the setting changes
-    _listener.start(onSettingUpdated: (result) {
+    _listener.start(
+      onSettingUpdated: (result) {
         result.fold(
           (newSetting) => updateSetting(newSetting),
           (err) => _onError?.call(err),
         );
-    });
+      },
+    );
   }
 
   void startListening({

frontend/appflowy_flutter/lib/plugins/database_view/application/view/view_cache.dart

@@ -69,9 +69,11 @@ class DatabaseViewCache {
             }
 
             if (changeset.insertedRows.isNotEmpty) {
-              _callbacks?.onRowsCreated?.call(changeset.insertedRows
+              _callbacks?.onRowsCreated?.call(
+                changeset.insertedRows
                     .map((insertedRow) => insertedRow.row.id)
-                  .toList());
+                    .toList(),
+              );
             }
           },
           (err) => Log.error(err),

frontend/appflowy_flutter/lib/plugins/database_view/board/application/board_bloc.dart

@@ -105,23 +105,31 @@ class BoardBloc extends Bloc<BoardEvent, BoardState> {
             );
           },
           didCreateRow: (group, row, int? index) {
-            emit(state.copyWith(
+            emit(
-              editingRow: Some(BoardEditingRow(
+              state.copyWith(
+                editingRow: Some(
+                  BoardEditingRow(
                     group: group,
                     row: row,
                     index: index,
-              )),
+                  ),
-            ));
+                ),
+              ),
+            );
             _groupItemStartEditing(group, row, true);
           },
           startEditingRow: (group, row) {
-            emit(state.copyWith(
+            emit(
-              editingRow: Some(BoardEditingRow(
+              state.copyWith(
+                editingRow: Some(
+                  BoardEditingRow(
                     group: group,
                     row: row,
                     index: null,
-              )),
+                  ),
-            ));
+                ),
+              ),
+            );
             _groupItemStartEditing(group, row, true);
           },
           endEditingRow: (rowId) {
@@ -175,10 +183,12 @@ class BoardBloc extends Bloc<BoardEvent, BoardState> {
     groupControllers.clear();
     boardController.clear();
 
-    boardController.addGroups(groups
+    boardController.addGroups(
+      groups
           .where((group) => fieldController.getField(group.fieldId) != null)
           .map((group) => initializeGroupData(group))
-        .toList());
+          .toList(),
+    );
 
     for (final group in groups) {
       final controller = initializeGroupController(group);
@@ -334,7 +344,8 @@ class BoardState with _$BoardState {
 class GridLoadingState with _$GridLoadingState {
   const factory GridLoadingState.loading() = _Loading;
   const factory GridLoadingState.finish(
-      Either<Unit, FlowyError> successOrFail) = _Finish;
+    Either<Unit, FlowyError> successOrFail,
+  ) = _Finish;
 }
 
 class GridFieldEquatable extends Equatable {

frontend/appflowy_flutter/lib/plugins/database_view/board/application/group_controller.dart

@@ -41,7 +41,8 @@ class GroupController {
   }
 
   void startListening() {
-    _listener.start(onGroupChanged: (result) {
+    _listener.start(
+      onGroupChanged: (result) {
         result.fold(
           (GroupRowsNotificationPB changeset) {
             for (final deletedRow in changeset.deletedRows) {
@@ -78,7 +79,8 @@ class GroupController {
           },
           (err) => Log.error(err),
         );
-    });
+      },
+    );
   }
 
   Future<void> dispose() async {

frontend/appflowy_flutter/lib/plugins/database_view/board/application/toolbar/board_setting_bloc.dart

@@ -10,9 +10,11 @@ class BoardSettingBloc extends Bloc<BoardSettingEvent, BoardSettingState> {
       : super(BoardSettingState.initial()) {
     on<BoardSettingEvent>(
       (event, emit) async {
-        event.when(performAction: (action) {
+        event.when(
+          performAction: (action) {
             emit(state.copyWith(selectedAction: Some(action)));
-        });
+          },
+        );
       },
     );
   }

frontend/appflowy_flutter/lib/plugins/database_view/calendar/application/calendar_bloc.dart

@@ -67,16 +67,20 @@ class CalendarBloc extends Bloc<CalendarEvent, CalendarState> {
             if (index != -1) {
               allEvents[index] = eventData;
             }
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 allEvents: allEvents,
                 updateEvent: eventData,
-            ));
+              ),
+            );
           },
           didReceiveNewEvent: (CalendarEventData<CalendarDayEvent> event) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 allEvents: [...state.allEvents, event],
                 newEvent: event,
-            ));
+              ),
+            );
           },
           didDeleteEvents: (List<String> deletedRowIds) {
             var events = [...state.allEvents];
@@ -155,7 +159,8 @@ class CalendarBloc extends Bloc<CalendarEvent, CalendarState> {
   }
 
   Future<void> _updateCalendarLayoutSetting(
-      CalendarLayoutSettingsPB layoutSetting) async {
+    CalendarLayoutSettingsPB layoutSetting,
+  ) async {
     return _databaseController.updateCalenderLayoutSetting(layoutSetting);
   }
 
@@ -198,7 +203,8 @@ class CalendarBloc extends Bloc<CalendarEvent, CalendarState> {
   }
 
   CalendarEventData<CalendarDayEvent>? _calendarEventDataFromEventPB(
-      CalendarEventPB eventPB) {
+    CalendarEventPB eventPB,
+  ) {
     final fieldInfo = fieldInfoByFieldId[eventPB.titleFieldId];
     if (fieldInfo != null) {
       final cellId = CellIdentifier(
@@ -267,7 +273,8 @@ class CalendarBloc extends Bloc<CalendarEvent, CalendarState> {
     );
 
     final onCalendarLayoutFieldChanged = CalendarLayoutCallbacks(
-        onCalendarLayoutChanged: _didReceiveNewLayoutField);
+      onCalendarLayoutChanged: _didReceiveNewLayoutField,
+    );
 
     _databaseController.addListener(
       onDatabaseChanged: onDatabaseChanged,
@@ -299,7 +306,8 @@ class CalendarEvent with _$CalendarEvent {
 
   // Called after loading the calendar layout setting from the backend
   const factory CalendarEvent.didReceiveCalendarSettings(
-      CalendarLayoutSettingsPB settings) = _ReceiveCalendarSettings;
+    CalendarLayoutSettingsPB settings,
+  ) = _ReceiveCalendarSettings;
 
   // Called after loading all the current evnets
   const factory CalendarEvent.didLoadAllEvents(Events events) =
@@ -307,11 +315,13 @@ class CalendarEvent with _$CalendarEvent {
 
   // Called when specific event was updated
   const factory CalendarEvent.didUpdateEvent(
-      CalendarEventData<CalendarDayEvent> event) = _DidUpdateEvent;
+    CalendarEventData<CalendarDayEvent> event,
+  ) = _DidUpdateEvent;
 
   // Called after creating a new event
   const factory CalendarEvent.didReceiveNewEvent(
-      CalendarEventData<CalendarDayEvent> event) = _DidReceiveNewEvent;
+    CalendarEventData<CalendarDayEvent> event,
+  ) = _DidReceiveNewEvent;
 
   // Called when deleting events
   const factory CalendarEvent.didDeleteEvents(List<String> rowIds) =
@@ -323,13 +333,15 @@ class CalendarEvent with _$CalendarEvent {
 
   // Called when updating the calendar's layout settings
   const factory CalendarEvent.updateCalendarLayoutSetting(
-      CalendarLayoutSettingsPB layoutSetting) = _UpdateCalendarLayoutSetting;
+    CalendarLayoutSettingsPB layoutSetting,
+  ) = _UpdateCalendarLayoutSetting;
 
   const factory CalendarEvent.didReceiveDatabaseUpdate(DatabasePB database) =
       _ReceiveDatabaseUpdate;
 
   const factory CalendarEvent.didReceiveNewLayoutField(
-      CalendarLayoutSettingsPB layoutSettings) = _DidReceiveNewLayoutField;
+    CalendarLayoutSettingsPB layoutSettings,
+  ) = _DidReceiveNewLayoutField;
 }
 
 @freezed
@@ -361,7 +373,8 @@ class CalendarState with _$CalendarState {
 class DatabaseLoadingState with _$DatabaseLoadingState {
   const factory DatabaseLoadingState.loading() = _Loading;
   const factory DatabaseLoadingState.finish(
-      Either<Unit, FlowyError> successOrFail) = _Finish;
+    Either<Unit, FlowyError> successOrFail,
+  ) = _Finish;
 }
 
 class CalendarEditingRow {

frontend/appflowy_flutter/lib/plugins/database_view/calendar/application/calendar_setting_bloc.dart

@@ -22,7 +22,6 @@ class CalendarSettingBloc
       );
     });
   }
-
 }
 
 @freezed
@@ -33,7 +32,8 @@ class CalendarSettingState with _$CalendarSettingState {
   }) = _CalendarSettingState;
 
   factory CalendarSettingState.initial(
-          CalendarLayoutSettingsPB? layoutSettings) =>
+    CalendarLayoutSettingsPB? layoutSettings,
+  ) =>
       CalendarSettingState(
         selectedAction: none(),
         layoutSetting: layoutSettings == null ? none() : Some(layoutSettings),
@@ -43,9 +43,11 @@ class CalendarSettingState with _$CalendarSettingState {
 @freezed
 class CalendarSettingEvent with _$CalendarSettingEvent {
   const factory CalendarSettingEvent.performAction(
-      CalendarSettingAction action) = _PerformAction;
+    CalendarSettingAction action,
+  ) = _PerformAction;
   const factory CalendarSettingEvent.updateLayoutSetting(
-      CalendarLayoutSettingsPB setting) = _UpdateLayoutSetting;
+    CalendarLayoutSettingsPB setting,
+  ) = _UpdateLayoutSetting;
 }
 
 enum CalendarSettingAction {

frontend/appflowy_flutter/lib/plugins/database_view/calendar/presentation/calendar_day.dart

@@ -85,7 +85,8 @@ class CalendarDayCard extends StatelessWidget {
                 ),
               ),
             ],
-            ));
+          ),
+        );
 
         return Container(
           color: backgroundColor,

frontend/appflowy_flutter/lib/plugins/database_view/calendar/presentation/calendar_page.dart

@@ -73,9 +73,11 @@ class _CalendarPageState extends State<CalendarPage> {
               listenWhen: (p, c) => p.updateEvent != c.updateEvent,
               listener: (context, state) {
                 if (state.updateEvent != null) {
-                  _eventController.removeWhere((element) =>
+                  _eventController.removeWhere(
+                    (element) =>
                         state.updateEvent!.event!.eventId ==
-                      element.event!.eventId);
+                        element.event!.eventId,
+                  );
                   _eventController.add(state.updateEvent!);
                 }
               },

frontend/appflowy_flutter/lib/plugins/database_view/calendar/presentation/toolbar/calendar_layout_setting.dart

@@ -96,16 +96,22 @@ class _CalendarLayoutSettingState extends State<CalendarLayoutSetting> {
                 fieldId: settings.layoutFieldId,
                 popoverMutex: popoverMutex,
                 onUpdated: (fieldId) {
-                  _updateLayoutSettings(context,
+                  _updateLayoutSettings(
-                      onUpdated: widget.onUpdated, layoutFieldId: fieldId);
+                    context,
+                    onUpdated: widget.onUpdated,
+                    layoutFieldId: fieldId,
+                  );
                 },
               );
             default:
               return ShowWeekends(
                 showWeekends: settings.showWeekends,
                 onUpdated: (showWeekends) {
-                  _updateLayoutSettings(context,
+                  _updateLayoutSettings(
-                      onUpdated: widget.onUpdated, showWeekends: showWeekends);
+                    context,
+                    onUpdated: widget.onUpdated,
+                    showWeekends: showWeekends,
+                  );
                 },
               );
           }
@@ -129,7 +135,8 @@ class _CalendarLayoutSettingState extends State<CalendarLayoutSetting> {
   }
 
   List<CalendarLayoutSettingAction> _availableCalendarSettings(
-      CalendarLayoutSettingsPB layoutSettings) {
+    CalendarLayoutSettingsPB layoutSettings,
+  ) {
     List<CalendarLayoutSettingAction> settings = [
       CalendarLayoutSettingAction.layoutField,
       // CalendarLayoutSettingAction.layoutType,
@@ -220,8 +227,9 @@ class LayoutDateField extends StatelessWidget {
       popupBuilder: (context) {
         return BlocProvider(
           create: (context) => getIt<DatabasePropertyBloc>(
-              param1: viewId, param2: fieldController)
+            param1: viewId,
-            ..add(const DatabasePropertyEvent.initial()),
+            param2: fieldController,
+          )..add(const DatabasePropertyEvent.initial()),
           child: BlocBuilder<DatabasePropertyBloc, DatabasePropertyState>(
             builder: (context, state) {
               final items = state.fieldContexts
@@ -264,7 +272,8 @@ class LayoutDateField extends StatelessWidget {
         child: FlowyButton(
           margin: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 10.0),
           text: FlowyText.medium(
-              LocaleKeys.calendar_settings_layoutDateField.tr()),
+            LocaleKeys.calendar_settings_layoutDateField.tr(),
+          ),
         ),
       ),
     );
@@ -368,7 +377,8 @@ class FirstDayOfWeek extends StatelessWidget {
         child: FlowyButton(
           margin: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 10.0),
           text: FlowyText.medium(
-              LocaleKeys.calendar_settings_firstDayOfWeek.tr()),
+            LocaleKeys.calendar_settings_firstDayOfWeek.tr(),
+          ),
         ),
       ),
     );

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/filter/checkbox_filter_editor_bloc.dart

@@ -45,10 +45,12 @@ class CheckboxFilterEditorBloc
           didReceiveFilter: (FilterPB filter) {
             final filterInfo = state.filterInfo.copyWith(filter: filter);
             final checkboxFilter = filterInfo.checkboxFilter()!;
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 filterInfo: filterInfo,
                 filter: checkboxFilter,
-            ));
+              ),
+            );
           },
         );
       },
@@ -79,7 +81,8 @@ class CheckboxFilterEditorEvent with _$CheckboxFilterEditorEvent {
   const factory CheckboxFilterEditorEvent.didReceiveFilter(FilterPB filter) =
       _DidReceiveFilter;
   const factory CheckboxFilterEditorEvent.updateCondition(
-      CheckboxFilterConditionPB condition) = _UpdateCondition;
+    CheckboxFilterConditionPB condition,
+  ) = _UpdateCondition;
   const factory CheckboxFilterEditorEvent.delete() = _Delete;
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/filter/checklist_filter_bloc.dart

@@ -46,10 +46,12 @@ class ChecklistFilterEditorBloc
           didReceiveFilter: (FilterPB filter) {
             final filterInfo = state.filterInfo.copyWith(filter: filter);
             final checklistFilter = filterInfo.checklistFilter()!;
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 filterInfo: filterInfo,
                 filter: checklistFilter,
-            ));
+              ),
+            );
           },
         );
       },
@@ -82,7 +84,8 @@ class ChecklistFilterEditorEvent with _$ChecklistFilterEditorEvent {
   const factory ChecklistFilterEditorEvent.didReceiveFilter(FilterPB filter) =
       _DidReceiveFilter;
   const factory ChecklistFilterEditorEvent.updateCondition(
-      ChecklistFilterConditionPB condition) = _UpdateCondition;
+    ChecklistFilterConditionPB condition,
+  ) = _UpdateCondition;
   const factory ChecklistFilterEditorEvent.delete() = _Delete;
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/filter/filter_menu_bloc.dart

@@ -14,11 +14,13 @@ class GridFilterMenuBloc
   void Function(List<FieldInfo>)? _onFieldFn;
 
   GridFilterMenuBloc({required this.viewId, required this.fieldController})
-      : super(GridFilterMenuState.initial(
+      : super(
+          GridFilterMenuState.initial(
             viewId,
             fieldController.filterInfos,
             fieldController.fieldInfos,
-        )) {
+          ),
+        ) {
     on<GridFilterMenuEvent>(
       (event, emit) async {
         event.when(
@@ -82,7 +84,8 @@ class GridFilterMenuBloc
 class GridFilterMenuEvent with _$GridFilterMenuEvent {
   const factory GridFilterMenuEvent.initial() = _Initial;
   const factory GridFilterMenuEvent.didReceiveFilters(
-      List<FilterInfo> filters) = _DidReceiveFilters;
+    List<FilterInfo> filters,
+  ) = _DidReceiveFilters;
   const factory GridFilterMenuEvent.didReceiveFields(List<FieldInfo> fields) =
       _DidReceiveFields;
   const factory GridFilterMenuEvent.toggleMenu() = _SetMenuVisibility;

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/filter/select_option_filter_bloc.dart

@@ -61,10 +61,12 @@ class SelectOptionFilterEditorBloc
           didReceiveFilter: (FilterPB filter) {
             final filterInfo = state.filterInfo.copyWith(filter: filter);
             final selectOptionFilter = filterInfo.selectOptionFilter()!;
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 filterInfo: filterInfo,
                 filter: selectOptionFilter,
-            ));
+              ),
+            );
           },
           updateFilterDescription: (String desc) {
             emit(state.copyWith(filterDesc: desc));
@@ -112,13 +114,17 @@ class SelectOptionFilterEditorBloc
 class SelectOptionFilterEditorEvent with _$SelectOptionFilterEditorEvent {
   const factory SelectOptionFilterEditorEvent.initial() = _Initial;
   const factory SelectOptionFilterEditorEvent.didReceiveFilter(
-      FilterPB filter) = _DidReceiveFilter;
+    FilterPB filter,
+  ) = _DidReceiveFilter;
   const factory SelectOptionFilterEditorEvent.updateCondition(
-      SelectOptionConditionPB condition) = _UpdateCondition;
+    SelectOptionConditionPB condition,
+  ) = _UpdateCondition;
   const factory SelectOptionFilterEditorEvent.updateContent(
-      List<String> optionIds) = _UpdateContent;
+    List<String> optionIds,
+  ) = _UpdateContent;
   const factory SelectOptionFilterEditorEvent.updateFilterDescription(
-      String desc) = _UpdateDesc;
+    String desc,
+  ) = _UpdateDesc;
   const factory SelectOptionFilterEditorEvent.delete() = _Delete;
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/filter/select_option_filter_list_bloc.dart

@@ -43,15 +43,22 @@ class SelectOptionFilterListBloc<T>
           didReceiveOptions: (newOptions) {
             List<SelectOptionPB> options = List.from(newOptions);
             options.retainWhere(
-                (element) => element.name.contains(state.predicate));
+              (element) => element.name.contains(state.predicate),
+            );
 
             final visibleOptions = options.map((option) {
               return VisibleSelectOption(
-                  option, state.selectedOptionIds.contains(option.id));
+                option,
+                state.selectedOptionIds.contains(option.id),
+              );
             }).toList();
 
-            emit(state.copyWith(
+            emit(
-                options: options, visibleOptions: visibleOptions));
+              state.copyWith(
+                options: options,
+                visibleOptions: visibleOptions,
+              ),
+            );
           },
           filterOption: (optionName) {
             _updateSelectOptions(predicate: optionName, emit: emit);
@@ -71,11 +78,13 @@ class SelectOptionFilterListBloc<T>
       selectedOptionIds ?? state.selectedOptionIds,
     );
 
-    emit(state.copyWith(
+    emit(
+      state.copyWith(
         predicate: predicate ?? state.predicate,
         visibleOptions: visibleOptions,
         selectedOptionIds: selectedOptionIds ?? state.selectedOptionIds,
-    ));
+      ),
+    );
   }
 
   List<VisibleSelectOption> _makeVisibleOptions(
@@ -105,11 +114,14 @@ class SelectOptionFilterListBloc<T>
 class SelectOptionFilterListEvent with _$SelectOptionFilterListEvent {
   const factory SelectOptionFilterListEvent.initial() = _Initial;
   const factory SelectOptionFilterListEvent.selectOption(
-      SelectOptionPB option) = _SelectOption;
+    SelectOptionPB option,
+  ) = _SelectOption;
   const factory SelectOptionFilterListEvent.unselectOption(
-      SelectOptionPB option) = _UnSelectOption;
+    SelectOptionPB option,
+  ) = _UnSelectOption;
   const factory SelectOptionFilterListEvent.didReceiveOptions(
-      List<SelectOptionPB> options) = _DidReceiveOptions;
+    List<SelectOptionPB> options,
+  ) = _DidReceiveOptions;
   const factory SelectOptionFilterListEvent.filterOption(String optionName) =
       _SelectOptionFilter;
 }

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/filter/text_filter_editor_bloc.dart

@@ -54,10 +54,12 @@ class TextFilterEditorBloc
           didReceiveFilter: (FilterPB filter) {
             final filterInfo = state.filterInfo.copyWith(filter: filter);
             final textFilter = filterInfo.textFilter()!;
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 filterInfo: filterInfo,
                 filter: textFilter,
-            ));
+              ),
+            );
           },
         );
       },
@@ -88,7 +90,8 @@ class TextFilterEditorEvent with _$TextFilterEditorEvent {
   const factory TextFilterEditorEvent.didReceiveFilter(FilterPB filter) =
       _DidReceiveFilter;
   const factory TextFilterEditorEvent.updateCondition(
-      TextFilterConditionPB condition) = _UpdateCondition;
+    TextFilterConditionPB condition,
+  ) = _UpdateCondition;
   const factory TextFilterEditorEvent.updateContent(String content) =
       _UpdateContent;
   const factory TextFilterEditorEvent.delete() = _Delete;

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/grid_accessory_bloc.dart

@@ -8,9 +8,11 @@ class GridAccessoryMenuBloc
   final String viewId;
 
   GridAccessoryMenuBloc({required this.viewId})
-      : super(GridAccessoryMenuState.initial(
+      : super(
+          GridAccessoryMenuState.initial(
             viewId,
-        )) {
+          ),
+        ) {
     on<GridAccessoryMenuEvent>(
       (event, emit) async {
         event.when(

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/grid_bloc.dart

@@ -39,16 +39,20 @@ class GridBloc extends Bloc<GridEvent, GridState> {
             emit(state.copyWith(grid: Some(grid)));
           },
           didReceiveFieldUpdate: (fields) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 fields: GridFieldEquatable(fields),
-            ));
+              ),
+            );
           },
           didReceiveRowUpdate: (newRowInfos, reason) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 rowInfos: newRowInfos,
                 rowCount: newRowInfos.length,
                 reason: reason,
-            ));
+              ),
+            );
           },
         );
       },
@@ -146,7 +150,8 @@ class GridState with _$GridState {
 class GridLoadingState with _$GridLoadingState {
   const factory GridLoadingState.loading() = _Loading;
   const factory GridLoadingState.finish(
-      Either<Unit, FlowyError> successOrFail) = _Finish;
+    Either<Unit, FlowyError> successOrFail,
+  ) = _Finish;
 }
 
 class GridFieldEquatable extends Equatable {

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/grid_header_bloc.dart

@@ -40,7 +40,9 @@ class GridHeaderBloc extends Bloc<GridHeaderEvent, GridHeaderState> {
   }
 
   Future<void> _moveField(
-      _MoveField value, Emitter<GridHeaderState> emit) async {
+    _MoveField value,
+    Emitter<GridHeaderState> emit,
+  ) async {
     final fields = List<FieldInfo>.from(state.fields);
     fields.insert(value.toIndex, fields.removeAt(value.fromIndex));
     emit(state.copyWith(fields: fields));
@@ -69,7 +71,10 @@ class GridHeaderEvent with _$GridHeaderEvent {
   const factory GridHeaderEvent.didReceiveFieldUpdate(List<FieldInfo> fields) =
       _DidReceiveFieldUpdate;
   const factory GridHeaderEvent.moveField(
-      FieldPB field, int fromIndex, int toIndex) = _MoveField;
+    FieldPB field,
+    int fromIndex,
+    int toIndex,
+  ) = _MoveField;
 }
 
 @freezed

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/row/row_bloc.dart

@@ -35,11 +35,13 @@ class RowBloc extends Bloc<RowEvent, RowState> {
             final cells = cellByFieldId.values
                 .map((e) => GridCellEquatable(e.fieldInfo))
                 .toList();
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 cellByFieldId: cellByFieldId,
                 cells: UnmodifiableListView(cells),
                 changeReason: reason,
-            ));
+              ),
+            );
           },
         );
       },
@@ -68,8 +70,9 @@ class RowEvent with _$RowEvent {
   const factory RowEvent.initial() = _InitialRow;
   const factory RowEvent.createRow() = _CreateRow;
   const factory RowEvent.didReceiveCells(
-          CellByFieldId cellsByFieldId, RowsChangedReason reason) =
+    CellByFieldId cellsByFieldId,
-      _DidReceiveCells;
+    RowsChangedReason reason,
+  ) = _DidReceiveCells;
 }
 
 @freezed

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/row/row_detail_bloc.dart

@@ -59,7 +59,8 @@ class RowDetailEvent with _$RowDetailEvent {
   const factory RowDetailEvent.initial() = _Initial;
   const factory RowDetailEvent.deleteField(String fieldId) = _DeleteField;
   const factory RowDetailEvent.didReceiveCellDatas(
-      List<CellIdentifier> gridCells) = _DidReceiveCellDatas;
+    List<CellIdentifier> gridCells,
+  ) = _DidReceiveCellDatas;
 }
 
 @freezed

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/sort/sort_create_bloc.dart

@@ -84,7 +84,8 @@ class CreateSortBloc extends Bloc<CreateSortEvent, CreateSortState> {
     final result = await _sortBackendSvc.insertSort(
       fieldId: field.id,
       fieldType: field.fieldType,
-        condition: SortConditionPB.Ascending);
+      condition: SortConditionPB.Ascending,
+    );
 
     return result;
   }

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/sort/sort_editor_bloc.dart

@@ -100,7 +100,9 @@ class SortEditorEvent with _$SortEditorEvent {
   const factory SortEditorEvent.didReceiveSorts(List<SortInfo> sortInfos) =
       _DidReceiveSorts;
   const factory SortEditorEvent.setCondition(
-      SortInfo sortInfo, SortConditionPB condition) = _SetCondition;
+    SortInfo sortInfo,
+    SortConditionPB condition,
+  ) = _SetCondition;
   const factory SortEditorEvent.deleteSort(SortInfo sortInfo) = _DeleteSort;
   const factory SortEditorEvent.deleteAllSorts() = _DeleteAllSorts;
 }

frontend/appflowy_flutter/lib/plugins/database_view/grid/application/sort/sort_menu_bloc.dart

@@ -14,11 +14,13 @@ class SortMenuBloc extends Bloc<SortMenuEvent, SortMenuState> {
   void Function(List<FieldInfo>)? _onFieldFn;
 
   SortMenuBloc({required this.viewId, required this.fieldController})
-      : super(SortMenuState.initial(
+      : super(
+          SortMenuState.initial(
             viewId,
             fieldController.sortInfos,
             fieldController.fieldInfos,
-        )) {
+          ),
+        ) {
     on<SortMenuEvent>(
       (event, emit) async {
         event.when(

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/grid_page.dart

@@ -117,7 +117,8 @@ class FlowyGrid extends StatefulWidget {
 
 class _FlowyGridState extends State<FlowyGrid> {
   final _scrollController = GridScrollController(
-      scrollGroupController: LinkedScrollControllerGroup());
+    scrollGroupController: LinkedScrollControllerGroup(),
+  );
   late ScrollController headerScrollController;
 
   @override
@@ -325,7 +326,8 @@ class _GridRowsState extends State<_GridRows> {
           cellBuilder: cellBuilder,
           dataController: dataController,
         );
-        });
+      },
+    );
   }
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/grid_scroll.dart

@@ -8,9 +8,9 @@ class GridScrollController {
 
   final List<ScrollController> _linkHorizontalControllers = [];
 
-  GridScrollController(
+  GridScrollController({
-      {required LinkedScrollControllerGroup scrollGroupController})
+    required LinkedScrollControllerGroup scrollGroupController,
-      : _scrollGroupController = scrollGroupController,
+  })  : _scrollGroupController = scrollGroupController,
         verticalController = ScrollController(),
         horizontalController = scrollGroupController.addAndGet();
 

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/accessory_menu.dart

@@ -24,7 +24,8 @@ class GridAccessoryMenu extends StatelessWidget {
             listenWhen: (p, c) => p.isVisible != c.isVisible,
             listener: (context, state) => context
                 .read<GridAccessoryMenuBloc>()
-                  .add(const GridAccessoryMenuEvent.toggleMenu())),
+                .add(const GridAccessoryMenuEvent.toggleMenu()),
+          ),
           BlocListener<SortMenuBloc, SortMenuState>(
             listenWhen: (p, c) => p.isVisible != c.isVisible,
             listener: (context, state) => context

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/checkbox.dart

@@ -100,7 +100,9 @@ class _CheckboxFilterEditorState extends State<CheckboxFilterEditor> {
   }
 
   Widget _buildFilterPanel(
-      BuildContext context, CheckboxFilterEditorState state) {
+    BuildContext context,
+    CheckboxFilterEditorState state,
+  ) {
     return SizedBox(
       height: 20,
       child: Row(

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/checklist/checklist.dart

@@ -70,9 +70,11 @@ class _ChecklistFilterChoicechipState extends State<ChecklistFilterChoicechip> {
 class ChecklistFilterEditor extends StatefulWidget {
   final ChecklistFilterEditorBloc bloc;
   final PopoverMutex popoverMutex;
-  const ChecklistFilterEditor(
+  const ChecklistFilterEditor({
-      {required this.bloc, required this.popoverMutex, Key? key})
+    required this.bloc,
-      : super(key: key);
+    required this.popoverMutex,
+    Key? key,
+  }) : super(key: key);
 
   @override
   ChecklistState createState() => ChecklistState();

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/choicechip.dart

@@ -65,8 +65,10 @@ class _ChoicechipFilterDesc extends StatelessWidget {
   Widget build(BuildContext context) {
     final arrow = Transform.rotate(
       angle: -math.pi / 2,
-      child: svgWidget("home/arrow_left",
+      child: svgWidget(
-          color: AFThemeExtension.of(context).textColor),
+        "home/arrow_left",
+        color: AFThemeExtension.of(context).textColor,
+      ),
     );
     return Padding(
       padding: const EdgeInsets.symmetric(horizontal: 2),

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/select_option/select_option.dart

@@ -110,7 +110,10 @@ class _SelectOptionFilterEditorState extends State<SelectOptionFilterEditor> {
                   selectedOptionIds: state.filter.optionIds,
                   onSelectedOptions: (optionIds) {
                     context.read<SelectOptionFilterEditorBloc>().add(
-                        SelectOptionFilterEditorEvent.updateContent(optionIds));
+                          SelectOptionFilterEditorEvent.updateContent(
+                            optionIds,
+                          ),
+                        );
                   },
                 ),
               ),
@@ -132,7 +135,9 @@ class _SelectOptionFilterEditorState extends State<SelectOptionFilterEditor> {
   }
 
   Widget _buildFilterPanel(
-      BuildContext context, SelectOptionFilterEditorState state) {
+    BuildContext context,
+    SelectOptionFilterEditorState state,
+  ) {
     return SizedBox(
       height: 20,
       child: Row(
@@ -144,7 +149,8 @@ class _SelectOptionFilterEditorState extends State<SelectOptionFilterEditor> {
             popoverMutex: popoverMutex,
             onCondition: (condition) {
               context.read<SelectOptionFilterEditorBloc>().add(
-                  SelectOptionFilterEditorEvent.updateCondition(condition));
+                    SelectOptionFilterEditorEvent.updateCondition(condition),
+                  );
             },
           ),
           const Spacer(),

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/text.dart

@@ -147,7 +147,9 @@ class _TextFilterEditorState extends State<TextFilterEditor> {
   }
 
   Widget _buildFilterTextField(
-      BuildContext context, TextFilterEditorState state) {
+    BuildContext context,
+    TextFilterEditorState state,
+  ) {
     return FlowyTextField(
       text: state.filter.content,
       hintText: LocaleKeys.grid_settings_typeAValue.tr(),

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/condition_button.dart

@@ -18,8 +18,10 @@ class ConditionButton extends StatelessWidget {
   Widget build(BuildContext context) {
     final arrow = Transform.rotate(
       angle: -math.pi / 2,
-      child: svgWidget("home/arrow_left",
+      child: svgWidget(
-          color: AFThemeExtension.of(context).textColor),
+        "home/arrow_left",
+        color: AFThemeExtension.of(context).textColor,
+      ),
     );
 
     return SizedBox(

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart

@@ -117,7 +117,10 @@ class _FilterTextFieldDelegate extends SliverPersistentHeaderDelegate {
 
   @override
   Widget build(
-      BuildContext context, double shrinkOffset, bool overlapsContent) {
+    BuildContext context,
+    double shrinkOffset,
+    bool overlapsContent,
+  ) {
     return Container(
       padding: const EdgeInsets.only(top: 4),
       height: fixHeight,

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell.dart

@@ -99,13 +99,16 @@ class _GridHeaderCellContainer extends StatelessWidget {
         top: borderSide,
         right: borderSide,
         bottom: borderSide,
-    ));
+      ),
+    );
 
     return Container(
       width: width,
       decoration: decoration,
       child: ConstrainedBox(
-          constraints: const BoxConstraints.expand(), child: child),
+        constraints: const BoxConstraints.expand(),
+        child: child,
+      ),
     );
   }
 }

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell_action_sheet.dart

@@ -101,7 +101,8 @@ class _FieldOperationList extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Column(children: [
+    return Column(
+      children: [
         Flex(
           direction: Axis.horizontal,
           children: [
@@ -119,7 +120,8 @@ class _FieldOperationList extends StatelessWidget {
             const Spacer(),
           ],
         ),
-    ]);
+      ],
+    );
   }
 
   Widget _actionCell(FieldAction action) {

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_option_editor.dart

@@ -90,11 +90,13 @@ class _SwitchFieldButton extends StatelessWidget {
       mutex: popoverMutex,
       offset: const Offset(8, 0),
       popupBuilder: (popOverContext) {
-        return FieldTypeList(onSelectField: (newFieldType) {
+        return FieldTypeList(
+          onSelectField: (newFieldType) {
             context
                 .read<FieldTypeOptionEditBloc>()
                 .add(FieldTypeOptionEditEvent.switchToField(newFieldType));
-        });
+          },
+        );
       },
       child: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 12.0),

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart

@@ -39,7 +39,9 @@ class _GridHeaderSliverAdaptorState extends State<GridHeaderSliverAdaptor> {
     return BlocProvider(
       create: (context) {
         final bloc = getIt<GridHeaderBloc>(
-            param1: widget.viewId, param2: widget.fieldController);
+          param1: widget.viewId,
+          param2: widget.fieldController,
+        );
         bloc.add(const GridHeaderEvent.initial());
         return bloc;
       },
@@ -98,10 +100,16 @@ class _GridHeaderState extends State<_GridHeader> {
       builder: (context, state) {
         final cells = state.fields
             .where((field) => field.visibility)
-            .map((field) =>
+            .map(
-                FieldCellContext(viewId: widget.viewId, field: field.field))
+              (field) =>
-            .map((ctx) =>
+                  FieldCellContext(viewId: widget.viewId, field: field.field),
-                GridFieldCell(key: _getKeyById(ctx.field.id), cellContext: ctx))
+            )
+            .map(
+              (ctx) => GridFieldCell(
+                key: _getKeyById(ctx.field.id),
+                cellContext: ctx,
+              ),
+            )
             .toList();
 
         return Container(
@@ -124,8 +132,12 @@ class _GridHeaderState extends State<_GridHeader> {
     );
   }
 
-  void _onReorder(List<GridFieldCell> cells, int oldIndex, BuildContext context,
+  void _onReorder(
-      int newIndex) {
+    List<GridFieldCell> cells,
+    int oldIndex,
+    BuildContext context,
+    int newIndex,
+  ) {
     if (cells.length > oldIndex) {
       final field = cells[oldIndex].cellContext.field;
       context
@@ -197,12 +209,17 @@ class SliverHeaderDelegateImplementation
   final String gridId;
   final List<FieldPB> fields;
 
-  SliverHeaderDelegateImplementation(
+  SliverHeaderDelegateImplementation({
-      {required this.gridId, required this.fields});
+    required this.gridId,
+    required this.fields,
+  });
 
   @override
   Widget build(
-      BuildContext context, double shrinkOffset, bool overlapsContent) {
+    BuildContext context,
+    double shrinkOffset,
+    bool overlapsContent,
+  ) {
     return _GridHeader(viewId: gridId);
   }
 

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/builder.dart

@@ -81,7 +81,8 @@ TypeOptionWidgetBuilder makeTypeOptionWidgetBuilder({
           fieldType: fieldType,
           dataController: dataController,
         ),
-          popoverMutex);
+        popoverMutex,
+      );
     case FieldType.SingleSelect:
       return SingleSelectTypeOptionWidgetBuilder(
         makeTypeOptionContextWithDataController<SingleSelectTypeOptionPB>(

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/checklist.dart

@@ -4,7 +4,8 @@ import 'builder.dart';
 
 class ChecklistTypeOptionWidgetBuilder extends TypeOptionWidgetBuilder {
   ChecklistTypeOptionWidgetBuilder(
-      ChecklistTypeOptionContext typeOptionContext);
+    ChecklistTypeOptionContext typeOptionContext,
+  );
 
   @override
   Widget? build(BuildContext context) => null;

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/number.dart

@@ -28,10 +28,12 @@ class NumberTypeOptionWidgetBuilder extends TypeOptionWidgetBuilder {
 
   @override
   Widget? build(BuildContext context) {
-    return Column(children: [
+    return Column(
+      children: [
         VSpace(GridSize.typeOptionSeparatorHeight),
         _widget,
-    ]);
+      ],
+    );
   }
 }
 
@@ -108,9 +110,11 @@ typedef SelectNumberFormatCallback = Function(NumberFormat format);
 class NumberFormatList extends StatelessWidget {
   final SelectNumberFormatCallback onSelected;
   final NumberFormat selectedFormat;
-  const NumberFormatList(
+  const NumberFormatList({
-      {required this.selectedFormat, required this.onSelected, Key? key})
+    required this.selectedFormat,
-      : super(key: key);
+    required this.onSelected,
+    Key? key,
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -131,7 +135,8 @@ class NumberFormatList extends StatelessWidget {
                     format: format,
                     onSelected: (format) {
                       onSelected(format);
-                      });
+                    },
+                  );
                 }).toList();
 
                 final list = ListView.separated(

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option_editor.dart

@@ -66,7 +66,8 @@ class SelectOptionTypeOptionEditor extends StatelessWidget {
             if (showOptions) {
               cells.add(const TypeOptionSeparator());
               cells.add(
-                  SelectOptionColorList(selectedColor: state.option.color));
+                SelectOptionColorList(selectedColor: state.option.color),
+              );
             }
 
             return SizedBox(
@@ -126,9 +127,11 @@ class _DeleteTag extends StatelessWidget {
 class _OptionNameTextField extends StatelessWidget {
   final String name;
   final bool autoFocus;
-  const _OptionNameTextField(
+  const _OptionNameTextField({
-      {required this.name, required this.autoFocus, Key? key})
+    required this.name,
-      : super(key: key);
+    required this.autoFocus,
+    Key? key,
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -157,7 +160,9 @@ class SelectOptionColorList extends StatelessWidget {
   Widget build(BuildContext context) {
     final cells = SelectOptionColorPB.values.map((color) {
       return _SelectOptionColorCell(
-          color: color, isSelected: selectedColor == color);
+        color: color,
+        isSelected: selectedColor == color,
+      );
     }).toList();
 
     return Column(
@@ -195,9 +200,11 @@ class SelectOptionColorList extends StatelessWidget {
 class _SelectOptionColorCell extends StatelessWidget {
   final SelectOptionColorPB color;
   final bool isSelected;
-  const _SelectOptionColorCell(
+  const _SelectOptionColorCell({
-      {required this.color, required this.isSelected, Key? key})
+    required this.color,
-      : super(key: key);
+    required this.isSelected,
+    Key? key,
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/row.dart

@@ -68,11 +68,13 @@ class _GridRowState extends State<GridRow> {
               ),
             );
 
-            return Row(children: [
+            return Row(
+              children: [
                 const _RowLeading(),
                 content,
                 const _RowTrailing(),
-            ]);
+              ],
+            );
           },
         ),
       ),
@@ -129,9 +131,11 @@ class _RowLeadingState extends State<_RowLeading> {
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
         const _InsertButton(),
-        _MenuButton(openMenu: () {
+        _MenuButton(
+          openMenu: () {
             popoverController.show();
-        }),
+          },
+        ),
       ],
     );
   }
@@ -221,7 +225,8 @@ class RowContent extends StatelessWidget {
             mainAxisAlignment: MainAxisAlignment.start,
             crossAxisAlignment: CrossAxisAlignment.stretch,
             children: _makeCells(context, state.cellByFieldId),
-        ));
+          ),
+        );
       },
     );
   }

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart

@@ -116,7 +116,10 @@ class _FilterTextFieldDelegate extends SliverPersistentHeaderDelegate {
 
   @override
   Widget build(
-      BuildContext context, double shrinkOffset, bool overlapsContent) {
+    BuildContext context,
+    double shrinkOffset,
+    bool overlapsContent,
+  ) {
     return Container(
       padding: const EdgeInsets.only(top: 4),
       height: fixHeight,

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/sort_editor.dart

@@ -76,13 +76,15 @@ class _SortList extends StatelessWidget {
     return BlocBuilder<SortEditorBloc, SortEditorState>(
       builder: (context, state) {
         final List<Widget> children = state.sortInfos
-            .map((info) => Padding(
+            .map(
+              (info) => Padding(
                 padding: const EdgeInsets.symmetric(vertical: 6),
                 child: _SortItem(
                   sortInfo: info,
                   popoverMutex: popoverMutex,
                 ),
-                ))
+              ),
+            )
             .toList();
 
         return Column(

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/toolbar/grid_property.dart

@@ -40,8 +40,9 @@ class _GridPropertyListState extends State<GridPropertyList> {
   Widget build(BuildContext context) {
     return BlocProvider(
       create: (context) => getIt<DatabasePropertyBloc>(
-          param1: widget.viewId, param2: widget.fieldController)
+        param1: widget.viewId,
-        ..add(const DatabasePropertyEvent.initial()),
+        param2: widget.fieldController,
+      )..add(const DatabasePropertyEvent.initial()),
       child: BlocBuilder<DatabasePropertyBloc, DatabasePropertyState>(
         builder: (context, state) {
           final cells = state.fieldContexts.map((field) {
@@ -130,7 +131,10 @@ class _GridPropertyCellState extends State<_GridPropertyCell> {
           onPressed: () {
             context.read<DatabasePropertyBloc>().add(
                   DatabasePropertyEvent.setFieldVisibility(
-                    widget.fieldInfo.id, !widget.fieldInfo.visibility));
+                    widget.fieldInfo.id,
+                    !widget.fieldInfo.visibility,
+                  ),
+                );
           },
           icon: checkmark.padding(all: 6.0),
         ),

frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/toolbar/grid_setting.dart

@@ -25,9 +25,11 @@ class GridSettingContext {
 class GridSettingList extends StatelessWidget {
   final GridSettingContext settingContext;
   final Function(DatabaseSettingAction, GridSettingContext) onAction;
-  const GridSettingList(
+  const GridSettingList({
-      {required this.settingContext, required this.onAction, Key? key})
+    required this.settingContext,
-      : super(key: key);
+    required this.onAction,
+    Key? key,
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -36,7 +38,8 @@ class GridSettingList extends StatelessWidget {
         .map((action) {
       return _SettingItem(
         action: action,
-          onAction: (action) => onAction(action, settingContext));
+        onAction: (action) => onAction(action, settingContext),
+      );
     }).toList();
 
     return SizedBox(

frontend/appflowy_flutter/lib/plugins/database_view/widgets/card/bloc/checkbox_card_cell_bloc.dart

@@ -66,7 +66,8 @@ class CheckboxCardCellState with _$CheckboxCardCellState {
 
   factory CheckboxCardCellState.initial(TextCellController context) {
     return CheckboxCardCellState(
-        isSelected: _isSelected(context.getCellData()));
+      isSelected: _isSelected(context.getCellData()),
+    );
   }
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/widgets/card/bloc/date_card_cell_bloc.dart

@@ -18,8 +18,12 @@ class DateCardCellBloc extends Bloc<DateCardCellEvent, DateCardCellState> {
         event.when(
           initial: () => _startListening(),
           didReceiveCellUpdate: (DateCellDataPB? cellData) {
-            emit(state.copyWith(
+            emit(
-                data: cellData, dateStr: _dateStrFromCellData(cellData)));
+              state.copyWith(
+                data: cellData,
+                dateStr: _dateStrFromCellData(cellData),
+              ),
+            );
           },
         );
       },

frontend/appflowy_flutter/lib/plugins/database_view/widgets/card/bloc/select_option_card_cell_bloc.dart

@@ -42,9 +42,11 @@ class SelectOptionCardCellBloc
     _onCellChangedFn = cellController.startListening(
       onCellChanged: ((selectOptionContext) {
         if (!isClosed) {
-          add(SelectOptionCardCellEvent.didReceiveOptions(
+          add(
+            SelectOptionCardCellEvent.didReceiveOptions(
               selectOptionContext?.selectOptions ?? [],
-          ));
+            ),
+          );
         }
       }),
     );
@@ -66,7 +68,8 @@ class SelectOptionCardCellState with _$SelectOptionCardCellState {
   }) = _SelectOptionCardCellState;
 
   factory SelectOptionCardCellState.initial(
-      SelectOptionCellController context) {
+    SelectOptionCellController context,
+  ) {
     final data = context.getCellData();
     return SelectOptionCardCellState(
       selectedOptions: data?.selectOptions ?? [],

frontend/appflowy_flutter/lib/plugins/database_view/widgets/card/bloc/url_card_cell_bloc.dart

@@ -19,10 +19,12 @@ class URLCardCellBloc extends Bloc<URLCardCellEvent, URLCardCellState> {
             _startListening();
           },
           didReceiveCellUpdate: (cellData) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 content: cellData?.content ?? "",
                 url: cellData?.url ?? "",
-            ));
+              ),
+            );
           },
           updateURL: (String url) {
             cellController.saveCellData(url, deduplicate: true);

frontend/appflowy_flutter/lib/plugins/database_view/widgets/card/card_bloc.dart

@@ -41,10 +41,12 @@ class CardBloc extends Bloc<BoardCardEvent, BoardCardState> {
             await _startListening();
           },
           didReceiveCells: (cells, reason) async {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 cells: cells,
                 changeReason: reason,
-            ));
+              ),
+            );
           },
           setIsEditing: (bool isEditing) {
             emit(state.copyWith(isEditing: isEditing));
@@ -87,7 +89,9 @@ class CardBloc extends Bloc<BoardCardEvent, BoardCardState> {
 }
 
 List<BoardCellEquatable> _makeCells(
-    String groupFieldId, CellByFieldId originalCellMap) {
+  String groupFieldId,
+  CellByFieldId originalCellMap,
+) {
   List<BoardCellEquatable> cells = [];
   for (final entry in originalCellMap.entries) {
     // Filter out the cell if it's fieldId equal to the groupFieldId

frontend/appflowy_flutter/lib/plugins/database_view/widgets/card/cells/select_option_card_cell.dart

@@ -52,7 +52,8 @@ class _SelectOptionCardCellState extends State<SelectOptionCardCell> {
       child: BlocBuilder<SelectOptionCardCellBloc, SelectOptionCardCellState>(
         buildWhen: (previous, current) {
           return previous.selectedOptions != current.selectedOptions;
-      }, builder: (context, state) {
+        },
+        builder: (context, state) {
           Widget? custom = widget.renderHook?.call(
             state.selectedOptions,
             widget.cardData,
@@ -80,15 +81,18 @@ class _SelectOptionCardCellState extends State<SelectOptionCardCell> {
               ),
             ),
           );
-      }),
+        },
+      ),
     );
   }
 
   Widget _wrapPopover(Widget child) {
-    final constraints = BoxConstraints.loose(Size(
+    final constraints = BoxConstraints.loose(
+      Size(
         SelectOptionCellEditor.editorPanelWidth,
         300,
-    ));
+      ),
+    );
     return AppFlowyPopover(
       controller: _popover,
       constraints: constraints,

frontend/appflowy_flutter/lib/plugins/database_view/widgets/card/container/card_container.dart

@@ -97,7 +97,8 @@ class _CardEnterRegion extends StatelessWidget {
               alignment: AlignmentDirectional.topEnd,
               fit: StackFit.expand,
               children: children,
-          )),
+            ),
+          ),
         );
       },
     );

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/accessory/cell_accessory.dart

@@ -127,10 +127,12 @@ class _AccessoryHoverState extends State<AccessoryHover> {
 
     final accessoryBuilder = widget.child.accessoryBuilder;
     if (accessoryBuilder != null) {
-      final accessories = accessoryBuilder((GridCellAccessoryBuildContext(
+      final accessories = accessoryBuilder(
+        (GridCellAccessoryBuildContext(
           anchorContext: context,
           isCellEditing: false,
-      )));
+        )),
+      );
       children.add(
         Padding(
           padding: const EdgeInsets.only(right: 6),

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cell_builder.dart

@@ -96,7 +96,8 @@ abstract class CellEditable {
 }
 
 typedef AccessoryBuilder = List<GridCellAccessoryBuilder> Function(
-    GridCellAccessoryBuildContext buildContext);
+  GridCellAccessoryBuildContext buildContext,
+);
 
 abstract class CellAccessory extends Widget {
   const CellAccessory({Key? key}) : super(key: key);
@@ -127,7 +128,8 @@ abstract class GridCellWidget extends StatefulWidget
 
   @override
   List<GridCellAccessoryBuilder> Function(
-      GridCellAccessoryBuildContext buildContext)? get accessoryBuilder => null;
+    GridCellAccessoryBuildContext buildContext,
+  )? get accessoryBuilder => null;
 
   @override
   final GridCellFocusListener beginFocus = GridCellFocusListener();

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/cell_container.dart

@@ -77,7 +77,8 @@ class CellContainer extends StatelessWidget {
         width: 1.0,
       );
       return BoxDecoration(
-          border: Border(right: borderSide, bottom: borderSide));
+        border: Border(right: borderSide, bottom: borderSide),
+      );
     }
   }
 }

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checkbox_cell/checkbox_cell.dart

@@ -27,8 +27,9 @@ class _CheckboxCellState extends GridCellState<GridCheckboxCell> {
     final cellController =
         widget.cellControllerBuilder.build() as CheckboxCellController;
     _cellBloc = CheckboxCellBloc(
-        service: CellBackendService(), cellController: cellController)
+      service: CellBackendService(),
-      ..add(const CheckboxCellEvent.initial());
+      cellController: cellController,
+    )..add(const CheckboxCellEvent.initial());
     super.initState();
   }
 

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checkbox_cell/checkbox_cell_bloc.dart

@@ -43,12 +43,13 @@ class CheckboxCellBloc extends Bloc<CheckboxCellEvent, CheckboxCellState> {
   }
 
   void _startListening() {
-    _onCellChangedFn =
+    _onCellChangedFn = cellController.startListening(
-        cellController.startListening(onCellChanged: ((cellData) {
+      onCellChanged: ((cellData) {
         if (!isClosed) {
           add(CheckboxCellEvent.didReceiveCellUpdate(cellData));
         }
-    }));
+      }),
+    );
   }
 }
 

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checklist_cell/checklist_cell_bloc.dart

@@ -26,11 +26,13 @@ class ChecklistCardCellBloc
             _loadOptions();
           },
           didReceiveOptions: (data) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 allOptions: data.options,
                 selectedOptions: data.selectOptions,
                 percent: percentFromSelectOptionCellData(data),
-            ));
+              ),
+            );
           },
         );
       },
@@ -76,7 +78,8 @@ class ChecklistCardCellBloc
 class ChecklistCellEvent with _$ChecklistCellEvent {
   const factory ChecklistCellEvent.initial() = _InitialCell;
   const factory ChecklistCellEvent.didReceiveOptions(
-      SelectOptionCellDataPB data) = _DidReceiveCellUpdate;
+    SelectOptionCellDataPB data,
+  ) = _DidReceiveCellUpdate;
 }
 
 @freezed

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checklist_cell/checklist_cell_editor_bloc.dart

@@ -28,16 +28,20 @@ class ChecklistCellEditorBloc
             _loadOptions();
           },
           didReceiveOptions: (data) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 allOptions: _makeChecklistSelectOptions(data, state.predicate),
                 percent: percentFromSelectOptionCellData(data),
-            ));
+              ),
+            );
           },
           newOption: (optionName) {
             _createOption(optionName);
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 predicate: '',
-            ));
+              ),
+            );
           },
           deleteOption: (option) {
             _deleteOption([option]);
@@ -114,11 +118,13 @@ class ChecklistCellEditorBloc
 class ChecklistCellEditorEvent with _$ChecklistCellEditorEvent {
   const factory ChecklistCellEditorEvent.initial() = _Initial;
   const factory ChecklistCellEditorEvent.didReceiveOptions(
-      SelectOptionCellDataPB data) = _DidReceiveOptions;
+    SelectOptionCellDataPB data,
+  ) = _DidReceiveOptions;
   const factory ChecklistCellEditorEvent.newOption(String optionName) =
       _NewOption;
   const factory ChecklistCellEditorEvent.selectOption(
-      ChecklistSelectOption option) = _SelectOption;
+    ChecklistSelectOption option,
+  ) = _SelectOption;
   const factory ChecklistCellEditorEvent.updateOption(SelectOptionPB option) =
       _UpdateOption;
   const factory ChecklistCellEditorEvent.deleteOption(SelectOptionPB option) =
@@ -163,7 +169,9 @@ double percentFromSelectOptionCellData(SelectOptionCellDataPB? data) {
 }
 
 List<ChecklistSelectOption> _makeChecklistSelectOptions(
-    SelectOptionCellDataPB? data, String predicate) {
+  SelectOptionCellDataPB? data,
+  String predicate,
+) {
   if (data == null) {
     return [];
   }

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checklist_cell/checklist_progress_bar.dart

@@ -46,7 +46,10 @@ class _SliverChecklistProgressBarDelegate
 
   @override
   Widget build(
-      BuildContext context, double shrinkOffset, bool overlapsContent) {
+    BuildContext context,
+    double shrinkOffset,
+    bool overlapsContent,
+  ) {
     return BlocBuilder<ChecklistCellEditorBloc, ChecklistCellEditorState>(
       builder: (context, state) {
         return Container(

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cal_bloc.dart

@@ -44,7 +44,9 @@ class DateCellCalendarBloc
           didReceiveCellUpdate: (DateCellDataPB? cellData) {
             final dateCellData = calDataFromCellData(cellData);
             final time = dateCellData.foldRight(
-                "", (dateData, previous) => dateData.time ?? '');
+              "",
+              (dateData, previous) => dateData.time ?? '',
+            );
             emit(state.copyWith(dateCellData: dateCellData, time: time));
           },
           setIncludeTime: (includeTime) async {
@@ -63,16 +65,24 @@ class DateCellCalendarBloc
           },
           didUpdateCalData:
               (Option<DateCellData> data, Option<String> timeFormatError) {
-            emit(state.copyWith(
+            emit(
-                dateCellData: data, timeFormatError: timeFormatError));
+              state.copyWith(
+                dateCellData: data,
+                timeFormatError: timeFormatError,
+              ),
+            );
           },
         );
       },
     );
   }
 
-  Future<void> _updateDateData(Emitter<DateCellCalendarState> emit,
+  Future<void> _updateDateData(
-      {DateTime? date, String? time, bool? includeTime}) {
+    Emitter<DateCellCalendarState> emit, {
+    DateTime? date,
+    String? time,
+    bool? includeTime,
+  }) {
     final DateCellData newDateData = state.dateCellData.fold(
       () => DateCellData(
         date: date ?? DateTime.now(),
@@ -101,20 +111,30 @@ class DateCellCalendarBloc
   }
 
   Future<void> _saveDateData(
-      Emitter<DateCellCalendarState> emit, DateCellData newCalData) async {
+    Emitter<DateCellCalendarState> emit,
+    DateCellData newCalData,
+  ) async {
     if (state.dateCellData == Some(newCalData)) {
       return;
     }
 
     updateCalData(
-        Option<DateCellData> dateCellData, Option<String> timeFormatError) {
+      Option<DateCellData> dateCellData,
+      Option<String> timeFormatError,
+    ) {
       if (!isClosed) {
-        add(DateCellCalendarEvent.didUpdateCalData(
+        add(
-            dateCellData, timeFormatError));
+          DateCellCalendarEvent.didUpdateCalData(
+            dateCellData,
+            timeFormatError,
+          ),
+        );
       }
     }
 
-    cellController.saveCellData(newCalData, onFinish: (result) {
+    cellController.saveCellData(
+      newCalData,
+      onFinish: (result) {
         result.fold(
           () => updateCalData(Some(newCalData), none()),
           (err) {
@@ -127,7 +147,8 @@ class DateCellCalendarBloc
             }
           },
         );
-    });
+      },
+    );
   }
 
   String timeFormatPrompt(FlowyError error) {
@@ -188,9 +209,12 @@ class DateCellCalendarBloc
     );
 
     result.fold(
-      (l) => emit(state.copyWith(
+      (l) => emit(
+        state.copyWith(
           dateTypeOptionPB: newDateTypeOption,
-          timeHintText: _timeHintText(newDateTypeOption))),
+          timeHintText: _timeHintText(newDateTypeOption),
+        ),
+      ),
       (err) => Log.error(err),
     );
   }
@@ -211,10 +235,12 @@ class DateCellCalendarEvent with _$DateCellCalendarEvent {
       _IncludeTime;
   const factory DateCellCalendarEvent.setTime(String time) = _Time;
   const factory DateCellCalendarEvent.didReceiveCellUpdate(
-      DateCellDataPB? data) = _DidReceiveCellUpdate;
+    DateCellDataPB? data,
+  ) = _DidReceiveCellUpdate;
   const factory DateCellCalendarEvent.didUpdateCalData(
-          Option<DateCellData> data, Option<String> timeFormatError) =
+    Option<DateCellData> data,
-      _DidUpdateCalData;
+    Option<String> timeFormatError,
+  ) = _DidUpdateCalData;
 }
 
 @freezed
@@ -268,11 +294,13 @@ Option<DateCellData> calDataFromCellData(DateCellDataPB? cellData) {
       timestamp.toInt(),
       isUtc: true,
     );
-    dateData = Some(DateCellData(
+    dateData = Some(
+      DateCellData(
         date: date,
         time: time,
         includeTime: cellData.includeTime,
-    ));
+      ),
+    );
   }
   return dateData;
 }

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_cell_bloc.dart

@@ -17,8 +17,12 @@ class DateCellBloc extends Bloc<DateCellEvent, DateCellState> {
         event.when(
           initial: () => _startListening(),
           didReceiveCellUpdate: (DateCellDataPB? cellData) {
-            emit(state.copyWith(
+            emit(
-                data: cellData, dateStr: _dateStrFromCellData(cellData)));
+              state.copyWith(
+                data: cellData,
+                dateStr: _dateStrFromCellData(cellData),
+              ),
+            );
           },
         );
       },

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/date_cell/date_editor.dart

@@ -193,9 +193,11 @@ class _CellCalendarWidgetState extends State<_CellCalendarWidget> {
             cellMargin: const EdgeInsets.all(3),
             defaultDecoration: boxDecoration,
             selectedDecoration: boxDecoration.copyWith(
-                color: Theme.of(context).colorScheme.primary),
+              color: Theme.of(context).colorScheme.primary,
+            ),
             todayDecoration: boxDecoration.copyWith(
-                color: AFThemeExtension.of(context).lightGreyHover),
+              color: AFThemeExtension.of(context).lightGreyHover,
+            ),
             weekendDecoration: boxDecoration,
             outsideDecoration: boxDecoration,
             defaultTextStyle: textStyle,
@@ -452,7 +454,8 @@ class _CalDateTimeSettingState extends State<_CalDateTimeSetting> {
             onSelected: (format) {
               widget.onEvent(DateCellCalendarEvent.setTimeFormat(format));
               timeSettingPopoverMutex.close();
-              });
+            },
+          );
         },
         child: Padding(
           padding: const EdgeInsets.symmetric(horizontal: 6.0),

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/number_cell/number_cell_bloc.dart

@@ -25,12 +25,15 @@ class NumberCellBloc extends Bloc<NumberCellEvent, NumberCellState> {
           updateCell: (text) {
             if (state.cellContent != text) {
               emit(state.copyWith(cellContent: text));
-              cellController.saveCellData(text, onFinish: (result) {
+              cellController.saveCellData(
+                text,
+                onFinish: (result) {
                   result.fold(
                     () {},
                     (err) => Log.error(err),
                   );
-              });
+                },
+              );
             }
           },
         );

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/select_option_cell.dart

@@ -169,10 +169,12 @@ class _SelectOptionWrapState extends State<SelectOptionWrap> {
   Widget build(BuildContext context) {
     Widget child = _buildOptions(context);
 
-    final constraints = BoxConstraints.loose(Size(
+    final constraints = BoxConstraints.loose(
+      Size(
         SelectOptionCellEditor.editorPanelWidth,
         300,
-    ));
+      ),
+    );
     return AppFlowyPopover(
       controller: widget.popoverController,
       constraints: constraints,

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/select_option_cell_bloc.dart

@@ -21,9 +21,11 @@ class SelectOptionCellBloc
             _startListening();
           },
           didReceiveOptions: (_DidReceiveOptions value) {
-            emit(state.copyWith(
+            emit(
+              state.copyWith(
                 selectedOptions: value.selectedOptions,
-            ));
+              ),
+            );
           },
         );
       },
@@ -44,9 +46,11 @@ class SelectOptionCellBloc
     _onCellChangedFn = cellController.startListening(
       onCellChanged: ((selectOptionContext) {
         if (!isClosed) {
-          add(SelectOptionCellEvent.didReceiveOptions(
+          add(
+            SelectOptionCellEvent.didReceiveOptions(
               selectOptionContext?.selectOptions ?? [],
-          ));
+            ),
+          );
         }
       }),
     );

frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/select_option_editor.dart

@@ -77,13 +77,15 @@ class _OptionList extends StatelessWidget {
       builder: (context, state) {
         List<Widget> cells = [];
         cells.add(const _Title());
-        cells.addAll(state.options.map((option) {
+        cells.addAll(
+          state.options.map((option) {
             return _SelectOptionCell(
               option: option,
               isSelected: state.selectedOptions.contains(option),
               popoverMutex: popoverMutex,
             );
-        }).toList());
+          }).toList(),
+        );
 
         state.createOption.fold(
           () => null,
@@ -126,7 +128,8 @@ class _TextField extends StatelessWidget {
         final optionMap = LinkedHashMap<String, SelectOptionPB>.fromIterable(
           state.selectedOptions,
           key: (option) => option.name,
-            value: (option) => option);
+          value: (option) => option,
+        );
 
         return Padding(
           padding: const EdgeInsets.all(_padding),
@@ -149,19 +152,19 @@ class _TextField extends StatelessWidget {
                   .add(SelectOptionEditorEvent.trySelectOption(tagName));
             },
             onPaste: (tagNames, remainder) {
-              context
+              context.read<SelectOptionCellEditorBloc>().add(
-                  .read<SelectOptionCellEditorBloc>()
+                    SelectOptionEditorEvent.selectMultipleOptions(
-                  .add(SelectOptionEditorEvent.selectMultipleOptions(
                       tagNames,
                       remainder,
-                  ));
+                    ),
+                  );
             },
             onRemove: (optionName) {
-              context
+              context.read<SelectOptionCellEditorBloc>().add(
-                  .read<SelectOptionCellEditorBloc>()
+                    SelectOptionEditorEvent.unSelectOption(
-                  .add(SelectOptionEditorEvent.unSelectOption(
                       optionMap[optionName]!.id,
-                  ));
+                    ),
+                  );
             },
           ),
         );