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

Author: Andries-Smit

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) {

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" />

packages/pluggableWidgets/bottom-sheet-native/typings/BottomSheetProps.d.ts

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