feat(bottom-sheet-native): add on change

Author: Andries-Smit

Diff for: 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 for: 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 for: packages/pluggableWidgets/bottom-sheet-native/typings/BottomSheetProps.d.ts

@@ -60,4 +60,5 @@ export interface BottomSheetPreviewProps {
     fullscreenContent: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };
     onOpen: {} | null;
     onClose: {} | null;
+    triggerAttributeChange: {} | null;
 }