Make FAB of Scaffold an action item.

Author: BirjuVachhani

lib/src/functions/functions_repository.dart

@@ -592,18 +592,23 @@ class FunctionsRepository {
         );
   }
 
+  /// Triggers actions on given [node] or [reactions] with given [type].
+  /// Returns `true` if any action was triggered, `false` otherwise.
+  /// If [reactions] is not provided, it will use [node]'s reactions.
+  /// If [value] is provided, it will be passed to the action.
   static bool triggerAction(
     BuildContext context,
     ReactionMixin node,
-    TriggerType type, [
+    TriggerType type, {
     dynamic value,
-  ]) {
-    final reactions = node.reactions
-        .where((reaction) => reaction.trigger.type == TriggerType.changed);
+    List<Reaction>? reactions,
+  }) {
+    final filteredReactions = (reactions ?? node.reactions)
+        .where((reaction) => reaction.trigger.type == type);
 
-    if (reactions.isEmpty) return false;
+    if (filteredReactions.isEmpty) return false;
 
-    for (final reaction in reactions) {
+    for (final reaction in filteredReactions) {
       FunctionsRepository.performAction(
         context,
         reaction.action,

lib/src/transformers/node_transformers/passive_canvas_transformer.dart

@@ -2,6 +2,7 @@ import 'package:codelessly_api/codelessly_api.dart';
 import 'package:flutter/material.dart';
 
 import '../../../codelessly_sdk.dart';
+import '../../functions/functions_repository.dart';
 
 class PassiveCanvasTransformer extends NodeWidgetTransformer<CanvasNode> {
   PassiveCanvasTransformer(super.getNode, super.manager);
@@ -34,6 +35,7 @@ class PassiveCanvasTransformer extends NodeWidgetTransformer<CanvasNode> {
             node.id,
             props.floatingActionButton!,
             useFonts: false,
+            onPressed: () => onFaBPressed(context, node),
           )
         : null;
     Widget? bottomNavigationBar = navigationBarPlaceholder ??
@@ -120,6 +122,11 @@ class PassiveCanvasTransformer extends NodeWidgetTransformer<CanvasNode> {
     );
   }
 
+  void onFaBPressed(BuildContext context, CanvasNode node) {
+    FunctionsRepository.triggerAction(context, node, TriggerType.click,
+        reactions: node.properties.floatingActionButton?.reactions);
+  }
+
   @override
   Widget buildWidget(
     CanvasNode node,

lib/src/transformers/node_transformers/passive_checkbox_transformer.dart

@@ -73,7 +73,7 @@ class PassiveCheckboxTransformer extends NodeWidgetTransformer<CheckboxNode> {
         node: node, property: 'value', value: internalValue);
 
     FunctionsRepository.triggerAction(
-        context, node, TriggerType.changed, internalValue);
+        context, node, TriggerType.changed, value: internalValue);
   }
 }
 

lib/src/transformers/node_transformers/passive_progressbar_transformer.dart

@@ -76,7 +76,7 @@ class PassiveProgressBarTransformer
         node: node, property: 'currentValue', value: value);
 
     FunctionsRepository.triggerAction(
-        context, node, TriggerType.changed, value);
+        context, node, TriggerType.changed, value: value);
   }
 }
 

lib/src/transformers/node_transformers/passive_radio_transformer.dart

@@ -72,7 +72,7 @@ class PassiveRadioTransformer extends NodeWidgetTransformer<RadioNode> {
     FunctionsRepository.setPropertyValue(context,
         node: node, property: 'groupValue', value: value);
 
-    FunctionsRepository.triggerAction(context, node, TriggerType.click, value);
+    FunctionsRepository.triggerAction(context, node, TriggerType.click, value: value);
   }
 
   void onAction(Reaction reaction) {

lib/src/transformers/node_transformers/passive_slider_transformer.dart

@@ -75,7 +75,7 @@ class PassiveSliderTransformer extends NodeWidgetTransformer<SliderNode> {
         node: node, property: 'value', value: internalValue);
 
     FunctionsRepository.triggerAction(
-        context, node, TriggerType.changed, internalValue);
+        context, node, TriggerType.changed, value: internalValue);
   }
 }
 

lib/src/transformers/node_transformers/passive_switch_transformer.dart

@@ -72,8 +72,8 @@ class PassiveSwitchTransformer extends NodeWidgetTransformer<SwitchNode> {
     FunctionsRepository.setPropertyValue(context,
         node: node, property: 'value', value: internalValue);
 
-    FunctionsRepository.triggerAction(
-        context, node, TriggerType.changed, internalValue);
+    FunctionsRepository.triggerAction(context, node, TriggerType.changed,
+        value: internalValue);
   }
 }
 

lib/src/transformers/node_transformers/passive_text_field_transformer.dart

@@ -150,7 +150,7 @@ class PassiveTextFieldTransformer extends NodeWidgetTransformer<TextFieldNode> {
         node: node, property: 'inputValue', value: inputValue);
 
     FunctionsRepository.triggerAction(
-        context, node, TriggerType.changed, inputValue);
+        context, node, TriggerType.changed, value: inputValue);
   }
 
   void onSubmitted(
@@ -159,7 +159,7 @@ class PassiveTextFieldTransformer extends NodeWidgetTransformer<TextFieldNode> {
     String inputValue,
   ) =>
       FunctionsRepository.triggerAction(
-          context, node, TriggerType.changed, inputValue);
+          context, node, TriggerType.changed, value: inputValue);
 }
 
 class PassiveTextFieldWidget extends StatefulWidget {