@nativescript-community/ui-drawer 0.0.34 → 0.1.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/nativescript-community/ui-drawer/compare/v0.1.0...v0.1.1) (2022-05-12)
+
+**Note:** Version bump only for package @nativescript-community/ui-drawer
+
+
+
+
+
+# [0.1.0](https://github.com/nativescript-community/ui-drawer/compare/v0.0.35...v0.1.0) (2022-05-03)
+
+
+### Features
+
+* allow `gestureHandlerOptions` to customize gesture handler ([6ba74c2](https://github.com/nativescript-community/ui-drawer/commit/6ba74c21cf8f96b05a4a030a049c96d606285aa2))
+
+
+
+
+
+## [0.0.35](https://github.com/nativescript-community/ui-drawer/compare/v0.0.34...v0.0.35) (2022-04-14)
+
+**Note:** Version bump only for package @nativescript-community/ui-drawer
+
+
+
+
+
 ## [0.0.34](https://github.com/nativescript-community/ui-drawer/compare/v0.0.33...v0.0.34) (2022-04-11)
 
 

package/README.md

@@ -99,6 +99,7 @@ install();
 | leftDrawerMode      | `slide`                           | `Mode ('under' or 'slide')` | The color of the backdrop behind the drawer             |
 | rightDrawerMode     | `slide`                           | `Mode ('under' or 'slide')` | The color of the backdrop behind the drawer             |
 | gestureMinDist     | `10`                           | number | The min "swipe" distance to trigger the menu gesture             |
+| gestureHandlerOptions     | `null`                           | PanGestureHandlerOptions | Options to customize the pan gesture handler             |
 | leftSwipeDistance     | `40`                           | number | The "left" zone size from where the gesture is recognized             |
 | rightSwipeDistance     | `40`                           | number | The "right" zone size from where the gesture is recognized             |
 | topSwipeDistance     | `40`                           | number | The "top" zone size from where the gesture is recognized             |

package/index.d.ts

@@ -27,6 +27,7 @@ export declare class Drawer extends GridLayout {
     mainContent: View;
     backDrop: View;
     gestureMinDist: number;
+    gestureHandlerOptions: any;
     waitFor: any[];
     simultaneousHandlers: any[];
     shouldStartSheetDragging?: (side: Side | VerticalSide) => boolean;
@@ -46,6 +47,7 @@ export declare class Drawer extends GridLayout {
     topClosedDrawerAllowDraging: boolean;
     panGestureHandler: PanGestureHandler;
     gestureEnabled: boolean;
+    backdropTapGestureEnabled: boolean;
     private isPanning;
     private isAnimating;
     private prevDeltaX;

package/index.js

@@ -87,6 +87,7 @@ let Drawer = class Drawer extends GridLayout {
         this.bottomClosedDrawerAllowDraging = true;
         this.topClosedDrawerAllowDraging = true;
         this.gestureEnabled = true;
+        this.backdropTapGestureEnabled = true;
         this.isPanning = false;
         this.isAnimating = false;
         this.prevDeltaX = 0;
@@ -105,16 +106,13 @@ let Drawer = class Drawer extends GridLayout {
         this.insertChild(this.backDrop, 0);
     }
     onBackdropTap() {
-        this.close();
+        if (this.backdropTapGestureEnabled) {
+            this.close();
+        }
     }
     initGestures() {
         const manager = Manager.getInstance();
-        const gestureHandler = manager.createGestureHandler(HandlerType.PAN, PAN_GESTURE_TAG, {
-            shouldStartGesture: this.shouldStartGesture.bind(this),
-            simultaneousHandlers: this.simultaneousHandlers,
-            waitFor: this.waitFor,
-            minDist: this.gestureMinDist
-        });
+        const gestureHandler = manager.createGestureHandler(HandlerType.PAN, PAN_GESTURE_TAG, Object.assign({ shouldStartGesture: this.shouldStartGesture.bind(this), simultaneousHandlers: this.simultaneousHandlers, waitFor: this.waitFor, minDist: this.gestureMinDist }, (this.gestureHandlerOptions || {})));
         gestureHandler.on(GestureHandlerTouchEvent, this.onGestureTouch, this);
         gestureHandler.on(GestureHandlerStateEvent, this.onGestureState, this);
         gestureHandler.attachToView(this);
@@ -766,6 +764,9 @@ let Drawer = class Drawer extends GridLayout {
                 return;
             }
         }
+        if (this.showingSide && this.showingSide !== side) {
+            this.close();
+        }
         if (!this.isOpened(side)) {
             this.forceEnsureSize(side);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nativescript-community/ui-drawer",
-    "version": "0.0.34",
+    "version": "0.1.1",
     "description": "Easily add a side drawer (side menu) to your projects.",
     "main": "./index",
     "sideEffects": false,
@@ -52,7 +52,7 @@
     "license": "Apache-2.0",
     "readmeFilename": "README.md",
     "dependencies": {
-        "@nativescript-community/gesturehandler": "^2.0.3"
+        "@nativescript-community/gesturehandler": "^2.0.5"
     },
-    "gitHead": "d4bdfdfe1179ce2375c4f4c6b2edf8b83626fb16"
+    "gitHead": "e4f63bef53edc1e7e0f1ec9c5195677cac46f552"
 }