feat(bottomsheet): closedBottomSheet event

Author: farfromrefug

src/bottomsheet/bottomsheet-common.ts

@@ -25,6 +25,7 @@ export type onChangeStateBottomSheet = (stateBottomSheet: StateBottomSheet, slid
 
 export const shownInBottomSheetEvent = 'shownInBottomSheet';
 export const showingInBottomSheetEvent = 'showingInBottomSheet';
+export const closedSheetEvent = 'closedBottomSheet';
 
 export interface BottomSheetOptions {
     view: string | ViewBase; // View instance to be shown in bottom sheet. Or the name of the module to load starting from the application root.
@@ -43,7 +44,7 @@ export interface BottomSheetOptions {
     peekHeight?: number; // optional parameter to set the collapsed sheet height. To work on iOS you need to set trackingScrollView.
     ignoreKeyboardHeight?: boolean; //(iOS only) A Boolean value that controls whether the height of the keyboard should affect the bottom sheet's frame when the keyboard shows on the screen. (Default: true)
     onChangeState?: onChangeStateBottomSheet; // One works to be called on the scroll of the sheet. Parameters: state (CLOSED, DRAGGING, DRAGGING, COLLAPSED) and slideOffset is the new offset of this bottom sheet within [-1,1] range. Offset increases as this bottom sheet is moving upward. From 0 to 1 the sheet is between collapsed and expanded states and from -1 to 0 it is between hidden and collapsed states.
-    canTouchBehind?: boolean //(Android only) allows to interact with the screen behind the sheet. For it to work properly need dismissOnBackgroundTap set to true
+    canTouchBehind?: boolean; //(Android only) allows to interact with the screen behind the sheet. For it to work properly need dismissOnBackgroundTap set to true
 }
 
 export abstract class ViewWithBottomSheetBase extends View {
@@ -102,6 +103,7 @@ export abstract class ViewWithBottomSheetBase extends View {
             if (!this._onDismissBottomSheetCallback) {
                 return;
             }
+            this._raiseClosedBottomSheetEvent();
             this._onDismissBottomSheetCallback = null;
             this._closeBottomSheetCallback = null;
             this._bottomSheetClosed();
@@ -150,6 +152,15 @@ export abstract class ViewWithBottomSheetBase extends View {
         this.notify(args);
     }
 
+    _raiseClosedBottomSheetEvent() {
+        const args = {
+            eventName: closedSheetEvent,
+            object: this,
+            context: this._bottomSheetContext
+        };
+        this.notify(args);
+    }
+
     public closeBottomSheet(...args) {
         const closeCallback = this._closeBottomSheetCallback;
         if (closeCallback) {
@@ -168,10 +179,10 @@ export abstract class ViewWithBottomSheetBase extends View {
         } else {
             const view =
                 options.view instanceof View
-                    ? (options.view as ViewWithBottomSheetBase)
+                    ? (options.view as any as ViewWithBottomSheetBase)
                     : (Builder.createViewFromEntry({
-                        moduleName: options.view as string
-                    }) as ViewWithBottomSheetBase);
+                          moduleName: options.view as string
+                      }) as ViewWithBottomSheetBase);
             view._showNativeBottomSheet(this, options);
             return view;
         }

src/bottomsheet/bottomsheet.d.ts

@@ -1,4 +1,3 @@
-
 /**
  * Material BottomSheet component
  * @module @nativescript-community/ui-material-bottomsheet
@@ -14,28 +13,28 @@ export declare abstract class ViewWithBottomSheetBase extends View {
     /**
      * @hidden
      */
-     protected _closeBottomSheetCallback: Function;
+    protected _closeBottomSheetCallback: Function;
 
     // used when the bottomSheet is dismissed
     /**
      * @hidden
      */
-     public _onDismissBottomSheetCallback: Function;
+    public _onDismissBottomSheetCallback: Function;
 
     /**
      * @hidden
      */
-     _bottomSheetFragment: any; // com.google.android.material.bottomsheet.BottomSheetDialogFragment
+    _bottomSheetFragment: any; // com.google.android.material.bottomsheet.BottomSheetDialogFragment
 
     /**
      * @hidden
      */
-     protected abstract _hideNativeBottomSheet(parent: any, whenClosedCallback: any): void;
+    protected abstract _hideNativeBottomSheet(parent: any, whenClosedCallback: any): void;
 
     /**
      * @hidden
      */
-     protected _bottomSheetContext: any;
+    protected _bottomSheetContext: any;
 
     /**
      * @hidden
@@ -55,22 +54,20 @@ export declare abstract class ViewWithBottomSheetBase extends View {
     /**
      * @hidden
      */
-     protected _commonShowNativeBottomSheet(parent: View, options: BottomSheetOptions): void;
-    
+    protected _commonShowNativeBottomSheet(parent: View, options: BottomSheetOptions): void;
+
     /**
      * @hidden
      */
     protected _raiseShowingBottomSheetEvent(): void;
 
-
     /**
      * closes the current BottomSheet
      *
      * @param args anything you want as a result of the `showBottomSheet` Promise
      */
     public closeBottomSheet(...args: any): void;
 
-
     /**
      *  shows a modal BottomSheet
      *
@@ -87,3 +84,10 @@ declare module '@nativescript/core/ui/core/view' {
         showBottomSheet(options: BottomSheetOptions): ViewBase;
     }
 }
+
+declare module '@nativescript/core' {
+    interface View {
+        closeBottomSheet(...args: any): void;
+        showBottomSheet(options: BottomSheetOptions): ViewBase;
+    }
+}