From 56fa8fdd145a8f6c4a4b341953d617c1bfd09ac7 Mon Sep 17 00:00:00 2001
From: Andries Smit <mr.andries.smit@gmail.com>
Date: Tue, 31 Jan 2023 16:10:13 +0100
Subject: [PATCH] feat(bottom-sheet-native): add on change

---
 .../bottom-sheet-native/src/BottomSheet.editorConfig.ts   | 1 +
 .../bottom-sheet-native/src/BottomSheet.xml               | 8 +++++++-
 .../bottom-sheet-native/typings/BottomSheetProps.d.ts     | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.editorConfig.ts b/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.editorConfig.ts
index 73253efb0..70319ce39 100644
--- a/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.editorConfig.ts
+++ b/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.editorConfig.ts
@@ -89,6 +89,7 @@ export const getProperties = (values: any, defaultProperties: Properties): Prope
             "nativeImplementation",
             "itemsBasic",
             "triggerAttribute",
+            "triggerAttributeChange",
             "modalRendering"
         ]);
         if (!values.showFullscreenContent) {
diff --git a/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.xml b/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.xml
index 033fc3c84..89a2f2e99 100644
--- a/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.xml
+++ b/packages/pluggableWidgets/bottom-sheet-native/src/BottomSheet.xml
@@ -15,7 +15,7 @@
                         <enumerationValue key="expanding">Expanding</enumerationValue>
                     </enumerationValues>
                 </property>
-                <property key="triggerAttribute" type="attribute" required="false">
+                <property key="triggerAttribute" type="attribute" onChange="triggerAttributeChange" required="false">
                     <caption>Trigger attribute</caption>
                     <description>Defines if the modal bottom sheet is visible or not. Initially this value should be false. When set to true, the bottom sheet will be shown. When the bottom sheet is hidden, the trigger attribute value is set to false.</description>
                     <attributeTypes>
@@ -86,6 +86,12 @@
                     <description />
                 </property>
             </propertyGroup>
+            <propertyGroup caption="Events">
+                <property key="triggerAttributeChange" type="action" required="false">
+                    <caption>On change</caption>
+                    <description>Called on change of the 'Trigger attribute'</description>
+                </property>
+            </propertyGroup>
             <propertyGroup caption="Common">
                 <systemProperty key="Name"/>
                 <systemProperty key="Visibility" />
diff --git a/packages/pluggableWidgets/bottom-sheet-native/typings/BottomSheetProps.d.ts b/packages/pluggableWidgets/bottom-sheet-native/typings/BottomSheetProps.d.ts
index e03719f62..6304e42e7 100644
--- a/packages/pluggableWidgets/bottom-sheet-native/typings/BottomSheetProps.d.ts
+++ b/packages/pluggableWidgets/bottom-sheet-native/typings/BottomSheetProps.d.ts
@@ -62,4 +62,5 @@ export interface BottomSheetPreviewProps {
     fullscreenContent: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };
     onOpen: {} | null;
     onClose: {} | null;
+    triggerAttributeChange: {} | null;
 }