feat: Add GestureDetector widget support with tap, drag and press handlers

examples/stac_gallery/assets/json/image_example.json

@@ -29,9 +29,16 @@
               "crossAxisAlignment": "center",
               "children": [
                 {
-                  "type": "image",
-                  "src": "https://images.pexels.com/photos/15113967/pexels-photo-15113967.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
-                  "height": 150
+                  "type": "gestureDetector",
+                  "child": {
+                    "type": "image",
+                    "src": "https://images.pexels.com/photos/15113967/pexels-photo-15113967.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
+                    "height": 150
+                  },
+                  "onTap": {
+                    "actionType": "navigate",
+                    "assetPath": "assets/json/form_example.json"
+                  }
                 },
                 {
                   "type": "sizedBox",

packages/stac/lib/src/framework/stac.dart

@@ -98,6 +98,7 @@ class Stac {
     const StacDynamicViewParser(),
     const StacDropdownMenuParser(),
     const StacClipRRectParser(),
+    const StacGestureDetectorParser(),
   ];
 
   static final _actionParsers = <StacActionParser>[

packages/stac/lib/src/parsers/widgets/stac_gesture_detector/stac_gesture_detector.dart

@@ -0,0 +1,68 @@
+import 'package:flutter/gestures.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+export 'stac_gesture_detector_parser.dart';
+
+part 'stac_gesture_detector.freezed.dart';
+part 'stac_gesture_detector.g.dart';
+
+@freezed
+abstract class StacGestureDetector with _$StacGestureDetector {
+  const factory StacGestureDetector({
+    Map<String, dynamic>? child,
+    Map<String, dynamic>? onTapDown,
+    Map<String, dynamic>? onTapUp,
+    Map<String, dynamic>? onTap,
+    Map<String, dynamic>? onTapCancel,
+    Map<String, dynamic>? onSecondaryTap,
+    Map<String, dynamic>? onSecondaryTapDown,
+    Map<String, dynamic>? onSecondaryTapUp,
+    Map<String, dynamic>? onSecondaryTapCancel,
+    Map<String, dynamic>? onTertiaryTapDown,
+    Map<String, dynamic>? onTertiaryTapUp,
+    Map<String, dynamic>? onTertiaryTapCancel,
+    Map<String, dynamic>? onDoubleTapDown,
+    Map<String, dynamic>? onDoubleTap,
+    Map<String, dynamic>? onDoubleTapCancel,
+    Map<String, dynamic>? onLongPressDown,
+    Map<String, dynamic>? onLongPressCancel,
+    Map<String, dynamic>? onLongPress,
+    Map<String, dynamic>? onLongPressStart,
+    Map<String, dynamic>? onLongPressMoveUpdate,
+    Map<String, dynamic>? onLongPressUp,
+    Map<String, dynamic>? onLongPressEnd,
+    Map<String, dynamic>? onSecondaryLongPressDown,
+    Map<String, dynamic>? onSecondaryLongPressCancel,
+    Map<String, dynamic>? onSecondaryLongPress,
+    Map<String, dynamic>? onSecondaryLongPressStart,
+    Map<String, dynamic>? onSecondaryLongPressMoveUpdate,
+    Map<String, dynamic>? onSecondaryLongPressUp,
+    Map<String, dynamic>? onSecondaryLongPressEnd,
+    Map<String, dynamic>? onTertiaryLongPressDown,
+    Map<String, dynamic>? onTertiaryLongPressCancel,
+    Map<String, dynamic>? onTertiaryLongPress,
+    Map<String, dynamic>? onTertiaryLongPressStart,
+    Map<String, dynamic>? onTertiaryLongPressMoveUpdate,
+    Map<String, dynamic>? onTertiaryLongPressUp,
+    Map<String, dynamic>? onTertiaryLongPressEnd,
+    Map<String, dynamic>? onVerticalDragDown,
+    Map<String, dynamic>? onVerticalDragStart,
+    Map<String, dynamic>? onVerticalDragUpdate,
+    Map<String, dynamic>? onVerticalDragEnd,
+    Map<String, dynamic>? onVerticalDragCancel,
+    Map<String, dynamic>? onHorizontalDragDown,
+    Map<String, dynamic>? onHorizontalDragStart,
+    Map<String, dynamic>? onHorizontalDragUpdate,
+    Map<String, dynamic>? onHorizontalDragEnd,
+    Map<String, dynamic>? onHorizontalDragCancel,
+    Map<String, dynamic>? onForcePressStart,
+    Map<String, dynamic>? onForcePressPeak,
+    Map<String, dynamic>? onForcePressUpdate,
+    Map<String, dynamic>? onForcePressEnd,
+    @Default(false) bool excludeFromSemantics,
+    @Default(DragStartBehavior.start) DragStartBehavior dragStartBehavior,
+  }) = _StacGestureDetector;
+
+  factory StacGestureDetector.fromJson(Map<String, dynamic> json) =>
+      _$StacGestureDetectorFromJson(json);
+}

packages/stac/lib/src/parsers/widgets/stac_gesture_detector/stac_gesture_detector_parser.dart

@@ -0,0 +1,114 @@
+import 'package:flutter/material.dart';
+import 'package:stac/src/framework/framework.dart';
+import 'package:stac/src/parsers/widgets/stac_gesture_detector/stac_gesture_detector.dart';
+import 'package:stac/src/utils/widget_type.dart';
+import 'package:stac_framework/stac_framework.dart';
+
+class StacGestureDetectorParser extends StacParser<StacGestureDetector> {
+  const StacGestureDetectorParser();
+
+  @override
+  String get type => WidgetType.gestureDetector.name;
+
+  @override
+  StacGestureDetector getModel(Map<String, dynamic> json) =>
+      StacGestureDetector.fromJson(json);
+
+  @override
+  Widget parse(BuildContext context, StacGestureDetector model) {
+    return GestureDetector(
+      onTapDown: (_) => Stac.onCallFromJson(model.onTapDown, context),
+      onTapUp: (_) => Stac.onCallFromJson(model.onTapUp, context),
+      onTap: () => Stac.onCallFromJson(model.onTap, context),
+      onTapCancel: () => Stac.onCallFromJson(model.onTapCancel, context),
+      onSecondaryTap: () => Stac.onCallFromJson(model.onSecondaryTap, context),
+      onSecondaryTapDown: (_) =>
+          Stac.onCallFromJson(model.onSecondaryTapDown, context),
+      onSecondaryTapUp: (_) =>
+          Stac.onCallFromJson(model.onSecondaryTapUp, context),
+      onSecondaryTapCancel: () =>
+          Stac.onCallFromJson(model.onSecondaryTapCancel, context),
+      onTertiaryTapDown: (_) =>
+          Stac.onCallFromJson(model.onTertiaryTapDown, context),
+      onTertiaryTapUp: (_) =>
+          Stac.onCallFromJson(model.onTertiaryTapUp, context),
+      onTertiaryTapCancel: () =>
+          Stac.onCallFromJson(model.onTertiaryTapCancel, context),
+      onDoubleTapDown: (_) =>
+          Stac.onCallFromJson(model.onDoubleTapDown, context),
+      onDoubleTap: () => Stac.onCallFromJson(model.onDoubleTap, context),
+      onDoubleTapCancel: () =>
+          Stac.onCallFromJson(model.onDoubleTapCancel, context),
+      onLongPressDown: (_) =>
+          Stac.onCallFromJson(model.onLongPressDown, context),
+      onLongPressCancel: () =>
+          Stac.onCallFromJson(model.onLongPressCancel, context),
+      onLongPress: () => Stac.onCallFromJson(model.onLongPress, context),
+      onLongPressStart: (_) =>
+          Stac.onCallFromJson(model.onLongPressStart, context),
+      onLongPressMoveUpdate: (_) =>
+          Stac.onCallFromJson(model.onLongPressMoveUpdate, context),
+      onLongPressUp: () => Stac.onCallFromJson(model.onLongPressUp, context),
+      onLongPressEnd: (_) => Stac.onCallFromJson(model.onLongPressEnd, context),
+      onSecondaryLongPressDown: (_) =>
+          Stac.onCallFromJson(model.onSecondaryLongPressDown, context),
+      onSecondaryLongPressCancel: () =>
+          Stac.onCallFromJson(model.onSecondaryLongPressCancel, context),
+      onSecondaryLongPress: () =>
+          Stac.onCallFromJson(model.onSecondaryLongPress, context),
+      onSecondaryLongPressStart: (_) =>
+          Stac.onCallFromJson(model.onSecondaryLongPressStart, context),
+      onSecondaryLongPressMoveUpdate: (_) =>
+          Stac.onCallFromJson(model.onSecondaryLongPressMoveUpdate, context),
+      onSecondaryLongPressUp: () =>
+          Stac.onCallFromJson(model.onSecondaryLongPressUp, context),
+      onSecondaryLongPressEnd: (_) =>
+          Stac.onCallFromJson(model.onSecondaryLongPressEnd, context),
+      onTertiaryLongPressDown: (_) =>
+          Stac.onCallFromJson(model.onTertiaryLongPressDown, context),
+      onTertiaryLongPressCancel: () =>
+          Stac.onCallFromJson(model.onTertiaryLongPressCancel, context),
+      onTertiaryLongPress: () =>
+          Stac.onCallFromJson(model.onTertiaryLongPress, context),
+      onTertiaryLongPressStart: (_) =>
+          Stac.onCallFromJson(model.onTertiaryLongPressStart, context),
+      onTertiaryLongPressMoveUpdate: (_) =>
+          Stac.onCallFromJson(model.onTertiaryLongPressMoveUpdate, context),
+      onTertiaryLongPressUp: () =>
+          Stac.onCallFromJson(model.onTertiaryLongPressUp, context),
+      onTertiaryLongPressEnd: (_) =>
+          Stac.onCallFromJson(model.onTertiaryLongPressEnd, context),
+      onVerticalDragDown: (_) =>
+          Stac.onCallFromJson(model.onVerticalDragDown, context),
+      onVerticalDragStart: (_) =>
+          Stac.onCallFromJson(model.onVerticalDragStart, context),
+      onVerticalDragUpdate: (_) =>
+          Stac.onCallFromJson(model.onVerticalDragUpdate, context),
+      onVerticalDragEnd: (_) =>
+          Stac.onCallFromJson(model.onVerticalDragEnd, context),
+      onVerticalDragCancel: () =>
+          Stac.onCallFromJson(model.onVerticalDragCancel, context),
+      onHorizontalDragDown: (_) =>
+          Stac.onCallFromJson(model.onHorizontalDragDown, context),
+      onHorizontalDragStart: (_) =>
+          Stac.onCallFromJson(model.onHorizontalDragStart, context),
+      onHorizontalDragUpdate: (_) =>
+          Stac.onCallFromJson(model.onHorizontalDragUpdate, context),
+      onHorizontalDragEnd: (_) =>
+          Stac.onCallFromJson(model.onHorizontalDragEnd, context),
+      onHorizontalDragCancel: () =>
+          Stac.onCallFromJson(model.onHorizontalDragCancel, context),
+      onForcePressStart: (_) =>
+          Stac.onCallFromJson(model.onForcePressStart, context),
+      onForcePressPeak: (_) =>
+          Stac.onCallFromJson(model.onForcePressPeak, context),
+      onForcePressUpdate: (_) =>
+          Stac.onCallFromJson(model.onForcePressUpdate, context),
+      onForcePressEnd: (_) =>
+          Stac.onCallFromJson(model.onForcePressEnd, context),
+      excludeFromSemantics: model.excludeFromSemantics,
+      dragStartBehavior: model.dragStartBehavior,
+      child: Stac.fromJson(model.child, context),
+    );
+  }
+}

packages/stac/lib/src/parsers/widgets/widgets.dart

@@ -48,6 +48,7 @@ export 'package:stac/src/parsers/widgets/stac_form/stac_form.dart';
 export 'package:stac/src/parsers/widgets/stac_form/stac_form_scope.dart';
 export 'package:stac/src/parsers/widgets/stac_form_field_validator/stac_form_validator.dart';
 export 'package:stac/src/parsers/widgets/stac_fractionally_sized_box/stac_fractionally_sized_box.dart';
+export 'package:stac/src/parsers/widgets/stac_gesture_detector/stac_gesture_detector.dart';
 export 'package:stac/src/parsers/widgets/stac_gradient/stac_gradient.dart';
 export 'package:stac/src/parsers/widgets/stac_grid_view/stac_grid_view.dart';
 export 'package:stac/src/parsers/widgets/stac_hero/stac_hero.dart';

packages/stac/lib/src/utils/widget_type.dart

@@ -32,6 +32,7 @@ enum WidgetType {
   form,
   formField,
   fractionallySizedBox,
+  gestureDetector,
   gridView,
   hero,
   icon,