react-native-gesture-handler 2.25.0 → 2.26.0

package/lib/commonjs/components/Pressable/utils.js

@@ -3,30 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gestureTouchToPressableEvent = exports.gestureToPressableEvent = exports.isTouchWithinInset = exports.addInsets = exports.numberAsInset = void 0;
-
+exports.numberAsInset = exports.isTouchWithinInset = exports.gestureTouchToPressableEvent = exports.gestureToPressableEvent = exports.addInsets = void 0;
 const numberAsInset = value => ({
   left: value,
   right: value,
   top: value,
   bottom: value
 });
-
 exports.numberAsInset = numberAsInset;
-
-const addInsets = (a, b) => {
-  var _a$left, _b$left, _a$right, _b$right, _a$top, _b$top, _a$bottom, _b$bottom;
-
-  return {
-    left: ((_a$left = a.left) !== null && _a$left !== void 0 ? _a$left : 0) + ((_b$left = b.left) !== null && _b$left !== void 0 ? _b$left : 0),
-    right: ((_a$right = a.right) !== null && _a$right !== void 0 ? _a$right : 0) + ((_b$right = b.right) !== null && _b$right !== void 0 ? _b$right : 0),
-    top: ((_a$top = a.top) !== null && _a$top !== void 0 ? _a$top : 0) + ((_b$top = b.top) !== null && _b$top !== void 0 ? _b$top : 0),
-    bottom: ((_a$bottom = a.bottom) !== null && _a$bottom !== void 0 ? _a$bottom : 0) + ((_b$bottom = b.bottom) !== null && _b$bottom !== void 0 ? _b$bottom : 0)
-  };
-};
-
+const addInsets = (a, b) => ({
+  left: (a.left ?? 0) + (b.left ?? 0),
+  right: (a.right ?? 0) + (b.right ?? 0),
+  top: (a.top ?? 0) + (b.top ?? 0),
+  bottom: (a.bottom ?? 0) + (b.bottom ?? 0)
+});
 exports.addInsets = addInsets;
-
 const touchDataToPressEvent = (data, timestamp, targetId) => ({
   identifier: data.id,
   locationX: data.x,
@@ -38,9 +29,7 @@ const touchDataToPressEvent = (data, timestamp, targetId) => ({
   touches: [],
   // Always empty - legacy compatibility
   changedTouches: [] // Always empty - legacy compatibility
-
 });
-
 const gestureToPressEvent = (event, timestamp, targetId) => ({
   identifier: event.handlerTag,
   locationX: event.x,
@@ -52,20 +41,13 @@ const gestureToPressEvent = (event, timestamp, targetId) => ({
   touches: [],
   // Always empty - legacy compatibility
   changedTouches: [] // Always empty - legacy compatibility
-
 });
-
-const isTouchWithinInset = (dimensions, inset, touch) => {
-  var _touch$x, _inset$right, _touch$y, _inset$bottom, _touch$x2, _inset$left, _touch$y2, _inset$top;
-
-  return ((_touch$x = touch === null || touch === void 0 ? void 0 : touch.x) !== null && _touch$x !== void 0 ? _touch$x : 0) < ((_inset$right = inset.right) !== null && _inset$right !== void 0 ? _inset$right : 0) + dimensions.width && ((_touch$y = touch === null || touch === void 0 ? void 0 : touch.y) !== null && _touch$y !== void 0 ? _touch$y : 0) < ((_inset$bottom = inset.bottom) !== null && _inset$bottom !== void 0 ? _inset$bottom : 0) + dimensions.height && ((_touch$x2 = touch === null || touch === void 0 ? void 0 : touch.x) !== null && _touch$x2 !== void 0 ? _touch$x2 : 0) > -((_inset$left = inset.left) !== null && _inset$left !== void 0 ? _inset$left : 0) && ((_touch$y2 = touch === null || touch === void 0 ? void 0 : touch.y) !== null && _touch$y2 !== void 0 ? _touch$y2 : 0) > -((_inset$top = inset.top) !== null && _inset$top !== void 0 ? _inset$top : 0);
-};
-
+const isTouchWithinInset = (dimensions, inset, touch) => (touch?.x ?? 0) < (inset.right ?? 0) + dimensions.width && (touch?.y ?? 0) < (inset.bottom ?? 0) + dimensions.height && (touch?.x ?? 0) > -(inset.left ?? 0) && (touch?.y ?? 0) > -(inset.top ?? 0);
 exports.isTouchWithinInset = isTouchWithinInset;
-
 const gestureToPressableEvent = event => {
-  const timestamp = Date.now(); // As far as I can see, there isn't a conventional way of getting targetId with the data we get
+  const timestamp = Date.now();
 
+  // As far as I can see, there isn't a conventional way of getting targetId with the data we get
   const targetId = 0;
   const pressEvent = gestureToPressEvent(event, timestamp, targetId);
   return {
@@ -83,14 +65,11 @@ const gestureToPressableEvent = event => {
     }
   };
 };
-
 exports.gestureToPressableEvent = gestureToPressableEvent;
-
 const gestureTouchToPressableEvent = event => {
-  var _event$allTouches$at$, _event$allTouches$at, _event$allTouches$at$2, _event$allTouches$at2, _event$allTouches$at$3, _event$allTouches$at3, _event$allTouches$at$4, _event$allTouches$at4;
-
-  const timestamp = Date.now(); // As far as I can see, there isn't a conventional way of getting targetId with the data we get
+  const timestamp = Date.now();
 
+  // As far as I can see, there isn't a conventional way of getting targetId with the data we get
   const targetId = 0;
   const touchesList = event.allTouches.map(touch => touchDataToPressEvent(touch, timestamp, targetId));
   const changedTouchesList = event.changedTouches.map(touch => touchDataToPressEvent(touch, timestamp, targetId));
@@ -99,16 +78,15 @@ const gestureTouchToPressableEvent = event => {
       touches: touchesList,
       changedTouches: changedTouchesList,
       identifier: event.handlerTag,
-      locationX: (_event$allTouches$at$ = (_event$allTouches$at = event.allTouches.at(0)) === null || _event$allTouches$at === void 0 ? void 0 : _event$allTouches$at.x) !== null && _event$allTouches$at$ !== void 0 ? _event$allTouches$at$ : -1,
-      locationY: (_event$allTouches$at$2 = (_event$allTouches$at2 = event.allTouches.at(0)) === null || _event$allTouches$at2 === void 0 ? void 0 : _event$allTouches$at2.y) !== null && _event$allTouches$at$2 !== void 0 ? _event$allTouches$at$2 : -1,
-      pageX: (_event$allTouches$at$3 = (_event$allTouches$at3 = event.allTouches.at(0)) === null || _event$allTouches$at3 === void 0 ? void 0 : _event$allTouches$at3.absoluteX) !== null && _event$allTouches$at$3 !== void 0 ? _event$allTouches$at$3 : -1,
-      pageY: (_event$allTouches$at$4 = (_event$allTouches$at4 = event.allTouches.at(0)) === null || _event$allTouches$at4 === void 0 ? void 0 : _event$allTouches$at4.absoluteY) !== null && _event$allTouches$at$4 !== void 0 ? _event$allTouches$at$4 : -1,
+      locationX: event.allTouches.at(0)?.x ?? -1,
+      locationY: event.allTouches.at(0)?.y ?? -1,
+      pageX: event.allTouches.at(0)?.absoluteX ?? -1,
+      pageY: event.allTouches.at(0)?.absoluteY ?? -1,
       target: targetId,
       timestamp: timestamp,
       force: undefined
     }
   };
 };
-
 exports.gestureTouchToPressableEvent = gestureTouchToPressableEvent;
 //# sourceMappingURL=utils.js.map

package/lib/commonjs/components/Pressable/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["numberAsInset","value","left","right","top","bottom","addInsets","a","b","touchDataToPressEvent","data","timestamp","targetId","identifier","id","locationX","x","locationY","y","pageX","absoluteX","pageY","absoluteY","target","touches","changedTouches","gestureToPressEvent","event","handlerTag","isTouchWithinInset","dimensions","inset","touch","width","height","gestureToPressableEvent","Date","now","pressEvent","nativeEvent","force","undefined","gestureTouchToPressableEvent","touchesList","allTouches","map","changedTouchesList","at"],"mappings":";;;;;;;AAYA,MAAMA,aAAa,GAAIC,KAAD,KAA4B;AAChDC,EAAAA,IAAI,EAAED,KAD0C;AAEhDE,EAAAA,KAAK,EAAEF,KAFyC;AAGhDG,EAAAA,GAAG,EAAEH,KAH2C;AAIhDI,EAAAA,MAAM,EAAEJ;AAJwC,CAA5B,CAAtB;;;;AAOA,MAAMK,SAAS,GAAG,CAACC,CAAD,EAAYC,CAAZ;AAAA;;AAAA,SAAmC;AACnDN,IAAAA,IAAI,EAAE,YAACK,CAAC,CAACL,IAAH,6CAAW,CAAX,gBAAiBM,CAAC,CAACN,IAAnB,6CAA2B,CAA3B,CAD6C;AAEnDC,IAAAA,KAAK,EAAE,aAACI,CAAC,CAACJ,KAAH,+CAAY,CAAZ,iBAAkBK,CAAC,CAACL,KAApB,+CAA6B,CAA7B,CAF4C;AAGnDC,IAAAA,GAAG,EAAE,WAACG,CAAC,CAACH,GAAH,2CAAU,CAAV,eAAgBI,CAAC,CAACJ,GAAlB,2CAAyB,CAAzB,CAH8C;AAInDC,IAAAA,MAAM,EAAE,cAACE,CAAC,CAACF,MAAH,iDAAa,CAAb,kBAAmBG,CAAC,CAACH,MAArB,iDAA+B,CAA/B;AAJ2C,GAAnC;AAAA,CAAlB;;;;AAOA,MAAMI,qBAAqB,GAAG,CAC5BC,IAD4B,EAE5BC,SAF4B,EAG5BC,QAH4B,MAIH;AACzBC,EAAAA,UAAU,EAAEH,IAAI,CAACI,EADQ;AAEzBC,EAAAA,SAAS,EAAEL,IAAI,CAACM,CAFS;AAGzBC,EAAAA,SAAS,EAAEP,IAAI,CAACQ,CAHS;AAIzBC,EAAAA,KAAK,EAAET,IAAI,CAACU,SAJa;AAKzBC,EAAAA,KAAK,EAAEX,IAAI,CAACY,SALa;AAMzBC,EAAAA,MAAM,EAAEX,QANiB;AAOzBD,EAAAA,SAAS,EAAEA,SAPc;AAQzBa,EAAAA,OAAO,EAAE,EARgB;AAQZ;AACbC,EAAAA,cAAc,EAAE,EATS,CASL;;AATK,CAJG,CAA9B;;AAgBA,MAAMC,mBAAmB,GAAG,CAC1BC,KAD0B,EAI1BhB,SAJ0B,EAK1BC,QAL0B,MAMD;AACzBC,EAAAA,UAAU,EAAEc,KAAK,CAACC,UADO;AAEzBb,EAAAA,SAAS,EAAEY,KAAK,CAACX,CAFQ;AAGzBC,EAAAA,SAAS,EAAEU,KAAK,CAACT,CAHQ;AAIzBC,EAAAA,KAAK,EAAEQ,KAAK,CAACP,SAJY;AAKzBC,EAAAA,KAAK,EAAEM,KAAK,CAACL,SALY;AAMzBC,EAAAA,MAAM,EAAEX,QANiB;AAOzBD,EAAAA,SAAS,EAAEA,SAPc;AAQzBa,EAAAA,OAAO,EAAE,EARgB;AAQZ;AACbC,EAAAA,cAAc,EAAE,EATS,CASL;;AATK,CANC,CAA5B;;AAkBA,MAAMI,kBAAkB,GAAG,CACzBC,UADyB,EAEzBC,KAFyB,EAGzBC,KAHyB;AAAA;;AAAA,SAKzB,aAACA,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEhB,CAAR,+CAAa,CAAb,IAAkB,iBAACe,KAAK,CAAC5B,KAAP,uDAAgB,CAAhB,IAAqB2B,UAAU,CAACG,KAAlD,IACA,aAACD,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEd,CAAR,+CAAa,CAAb,IAAkB,kBAACa,KAAK,CAAC1B,MAAP,yDAAiB,CAAjB,IAAsByB,UAAU,CAACI,MADnD,IAEA,cAACF,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEhB,CAAR,iDAAa,CAAb,IAAkB,iBAAEe,KAAK,CAAC7B,IAAR,qDAAgB,CAAhB,CAFlB,IAGA,cAAC8B,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEd,CAAR,iDAAa,CAAb,IAAkB,gBAAEa,KAAK,CAAC3B,GAAR,mDAAe,CAAf,CARO;AAAA,CAA3B;;;;AAUA,MAAM+B,uBAAuB,GAC3BR,KAD8B,IAIX;AACnB,QAAMhB,SAAS,GAAGyB,IAAI,CAACC,GAAL,EAAlB,CADmB,CAGnB;;AACA,QAAMzB,QAAQ,GAAG,CAAjB;AAEA,QAAM0B,UAAU,GAAGZ,mBAAmB,CAACC,KAAD,EAAQhB,SAAR,EAAmBC,QAAnB,CAAtC;AAEA,SAAO;AACL2B,IAAAA,WAAW,EAAE;AACXf,MAAAA,OAAO,EAAE,CAACc,UAAD,CADE;AAEXb,MAAAA,cAAc,EAAE,CAACa,UAAD,CAFL;AAGXzB,MAAAA,UAAU,EAAEyB,UAAU,CAACzB,UAHZ;AAIXE,MAAAA,SAAS,EAAEY,KAAK,CAACX,CAJN;AAKXC,MAAAA,SAAS,EAAEU,KAAK,CAACT,CALN;AAMXC,MAAAA,KAAK,EAAEQ,KAAK,CAACP,SANF;AAOXC,MAAAA,KAAK,EAAEM,KAAK,CAACL,SAPF;AAQXC,MAAAA,MAAM,EAAEX,QARG;AASXD,MAAAA,SAAS,EAAEA,SATA;AAUX6B,MAAAA,KAAK,EAAEC;AAVI;AADR,GAAP;AAcD,CA1BD;;;;AA4BA,MAAMC,4BAA4B,GAChCf,KADmC,IAEhB;AAAA;;AACnB,QAAMhB,SAAS,GAAGyB,IAAI,CAACC,GAAL,EAAlB,CADmB,CAGnB;;AACA,QAAMzB,QAAQ,GAAG,CAAjB;AAEA,QAAM+B,WAAW,GAAGhB,KAAK,CAACiB,UAAN,CAAiBC,GAAjB,CAAsBb,KAAD,IACvCvB,qBAAqB,CAACuB,KAAD,EAAQrB,SAAR,EAAmBC,QAAnB,CADH,CAApB;AAGA,QAAMkC,kBAAkB,GAAGnB,KAAK,CAACF,cAAN,CAAqBoB,GAArB,CAA0Bb,KAAD,IAClDvB,qBAAqB,CAACuB,KAAD,EAAQrB,SAAR,EAAmBC,QAAnB,CADI,CAA3B;AAIA,SAAO;AACL2B,IAAAA,WAAW,EAAE;AACXf,MAAAA,OAAO,EAAEmB,WADE;AAEXlB,MAAAA,cAAc,EAAEqB,kBAFL;AAGXjC,MAAAA,UAAU,EAAEc,KAAK,CAACC,UAHP;AAIXb,MAAAA,SAAS,mDAAEY,KAAK,CAACiB,UAAN,CAAiBG,EAAjB,CAAoB,CAApB,CAAF,yDAAE,qBAAwB/B,CAA1B,yEAA+B,CAAC,CAJ9B;AAKXC,MAAAA,SAAS,qDAAEU,KAAK,CAACiB,UAAN,CAAiBG,EAAjB,CAAoB,CAApB,CAAF,0DAAE,sBAAwB7B,CAA1B,2EAA+B,CAAC,CAL9B;AAMXC,MAAAA,KAAK,qDAAEQ,KAAK,CAACiB,UAAN,CAAiBG,EAAjB,CAAoB,CAApB,CAAF,0DAAE,sBAAwB3B,SAA1B,2EAAuC,CAAC,CANlC;AAOXC,MAAAA,KAAK,qDAAEM,KAAK,CAACiB,UAAN,CAAiBG,EAAjB,CAAoB,CAApB,CAAF,0DAAE,sBAAwBzB,SAA1B,2EAAuC,CAAC,CAPlC;AAQXC,MAAAA,MAAM,EAAEX,QARG;AASXD,MAAAA,SAAS,EAAEA,SATA;AAUX6B,MAAAA,KAAK,EAAEC;AAVI;AADR,GAAP;AAcD,CA7BD","sourcesContent":["import { Insets } from 'react-native';\nimport {\n  HoverGestureHandlerEventPayload,\n  LongPressGestureHandlerEventPayload,\n} from '../../handlers/GestureHandlerEventPayload';\nimport {\n  TouchData,\n  GestureStateChangeEvent,\n  GestureTouchEvent,\n} from '../../handlers/gestureHandlerCommon';\nimport { InnerPressableEvent, PressableEvent } from './PressableProps';\n\nconst numberAsInset = (value: number): Insets => ({\n  left: value,\n  right: value,\n  top: value,\n  bottom: value,\n});\n\nconst addInsets = (a: Insets, b: Insets): Insets => ({\n  left: (a.left ?? 0) + (b.left ?? 0),\n  right: (a.right ?? 0) + (b.right ?? 0),\n  top: (a.top ?? 0) + (b.top ?? 0),\n  bottom: (a.bottom ?? 0) + (b.bottom ?? 0),\n});\n\nconst touchDataToPressEvent = (\n  data: TouchData,\n  timestamp: number,\n  targetId: number\n): InnerPressableEvent => ({\n  identifier: data.id,\n  locationX: data.x,\n  locationY: data.y,\n  pageX: data.absoluteX,\n  pageY: data.absoluteY,\n  target: targetId,\n  timestamp: timestamp,\n  touches: [], // Always empty - legacy compatibility\n  changedTouches: [], // Always empty - legacy compatibility\n});\n\nconst gestureToPressEvent = (\n  event: GestureStateChangeEvent<\n    HoverGestureHandlerEventPayload | LongPressGestureHandlerEventPayload\n  >,\n  timestamp: number,\n  targetId: number\n): InnerPressableEvent => ({\n  identifier: event.handlerTag,\n  locationX: event.x,\n  locationY: event.y,\n  pageX: event.absoluteX,\n  pageY: event.absoluteY,\n  target: targetId,\n  timestamp: timestamp,\n  touches: [], // Always empty - legacy compatibility\n  changedTouches: [], // Always empty - legacy compatibility\n});\n\nconst isTouchWithinInset = (\n  dimensions: { width: number; height: number },\n  inset: Insets,\n  touch?: TouchData\n) =>\n  (touch?.x ?? 0) < (inset.right ?? 0) + dimensions.width &&\n  (touch?.y ?? 0) < (inset.bottom ?? 0) + dimensions.height &&\n  (touch?.x ?? 0) > -(inset.left ?? 0) &&\n  (touch?.y ?? 0) > -(inset.top ?? 0);\n\nconst gestureToPressableEvent = (\n  event: GestureStateChangeEvent<\n    HoverGestureHandlerEventPayload | LongPressGestureHandlerEventPayload\n  >\n): PressableEvent => {\n  const timestamp = Date.now();\n\n  // As far as I can see, there isn't a conventional way of getting targetId with the data we get\n  const targetId = 0;\n\n  const pressEvent = gestureToPressEvent(event, timestamp, targetId);\n\n  return {\n    nativeEvent: {\n      touches: [pressEvent],\n      changedTouches: [pressEvent],\n      identifier: pressEvent.identifier,\n      locationX: event.x,\n      locationY: event.y,\n      pageX: event.absoluteX,\n      pageY: event.absoluteY,\n      target: targetId,\n      timestamp: timestamp,\n      force: undefined,\n    },\n  };\n};\n\nconst gestureTouchToPressableEvent = (\n  event: GestureTouchEvent\n): PressableEvent => {\n  const timestamp = Date.now();\n\n  // As far as I can see, there isn't a conventional way of getting targetId with the data we get\n  const targetId = 0;\n\n  const touchesList = event.allTouches.map((touch: TouchData) =>\n    touchDataToPressEvent(touch, timestamp, targetId)\n  );\n  const changedTouchesList = event.changedTouches.map((touch: TouchData) =>\n    touchDataToPressEvent(touch, timestamp, targetId)\n  );\n\n  return {\n    nativeEvent: {\n      touches: touchesList,\n      changedTouches: changedTouchesList,\n      identifier: event.handlerTag,\n      locationX: event.allTouches.at(0)?.x ?? -1,\n      locationY: event.allTouches.at(0)?.y ?? -1,\n      pageX: event.allTouches.at(0)?.absoluteX ?? -1,\n      pageY: event.allTouches.at(0)?.absoluteY ?? -1,\n      target: targetId,\n      timestamp: timestamp,\n      force: undefined,\n    },\n  };\n};\n\nexport {\n  numberAsInset,\n  addInsets,\n  isTouchWithinInset,\n  gestureToPressableEvent,\n  gestureTouchToPressableEvent,\n};\n"]}
+{"version":3,"names":["numberAsInset","value","left","right","top","bottom","exports","addInsets","a","b","touchDataToPressEvent","data","timestamp","targetId","identifier","id","locationX","x","locationY","y","pageX","absoluteX","pageY","absoluteY","target","touches","changedTouches","gestureToPressEvent","event","handlerTag","isTouchWithinInset","dimensions","inset","touch","width","height","gestureToPressableEvent","Date","now","pressEvent","nativeEvent","force","undefined","gestureTouchToPressableEvent","touchesList","allTouches","map","changedTouchesList","at"],"sourceRoot":"../../../../src","sources":["components/Pressable/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ReanimatedDrawerLayout.js

@@ -3,71 +3,48 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DrawerKeyboardDismissMode = exports.DrawerLockMode = exports.DrawerType = exports.DrawerState = exports.DrawerPosition = void 0;
-
+exports.default = exports.DrawerType = exports.DrawerState = exports.DrawerPosition = exports.DrawerLockMode = exports.DrawerKeyboardDismissMode = void 0;
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 var _gestureObjects = require("../handlers/gestures/gestureObjects");
-
 var _GestureDetector = require("../handlers/gestures/GestureDetector");
-
 var _gestureHandlerCommon = require("../handlers/gestureHandlerCommon");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // This component is based on RN's DrawerLayoutAndroid API
 // It's cross-compatible with all platforms despite
 // `DrawerLayoutAndroid` only being available on android
-const DRAG_TOSS = 0.05;
-let DrawerPosition;
-exports.DrawerPosition = DrawerPosition;
 
-(function (DrawerPosition) {
+const DRAG_TOSS = 0.05;
+let DrawerPosition = exports.DrawerPosition = /*#__PURE__*/function (DrawerPosition) {
   DrawerPosition[DrawerPosition["LEFT"] = 0] = "LEFT";
   DrawerPosition[DrawerPosition["RIGHT"] = 1] = "RIGHT";
-})(DrawerPosition || (exports.DrawerPosition = DrawerPosition = {}));
-
-let DrawerState;
-exports.DrawerState = DrawerState;
-
-(function (DrawerState) {
+  return DrawerPosition;
+}({});
+let DrawerState = exports.DrawerState = /*#__PURE__*/function (DrawerState) {
   DrawerState[DrawerState["IDLE"] = 0] = "IDLE";
   DrawerState[DrawerState["DRAGGING"] = 1] = "DRAGGING";
   DrawerState[DrawerState["SETTLING"] = 2] = "SETTLING";
-})(DrawerState || (exports.DrawerState = DrawerState = {}));
-
-let DrawerType;
-exports.DrawerType = DrawerType;
-
-(function (DrawerType) {
+  return DrawerState;
+}({});
+let DrawerType = exports.DrawerType = /*#__PURE__*/function (DrawerType) {
   DrawerType[DrawerType["FRONT"] = 0] = "FRONT";
   DrawerType[DrawerType["BACK"] = 1] = "BACK";
   DrawerType[DrawerType["SLIDE"] = 2] = "SLIDE";
-})(DrawerType || (exports.DrawerType = DrawerType = {}));
-
-let DrawerLockMode;
-exports.DrawerLockMode = DrawerLockMode;
-
-(function (DrawerLockMode) {
+  return DrawerType;
+}({});
+let DrawerLockMode = exports.DrawerLockMode = /*#__PURE__*/function (DrawerLockMode) {
   DrawerLockMode[DrawerLockMode["UNLOCKED"] = 0] = "UNLOCKED";
   DrawerLockMode[DrawerLockMode["LOCKED_CLOSED"] = 1] = "LOCKED_CLOSED";
   DrawerLockMode[DrawerLockMode["LOCKED_OPEN"] = 2] = "LOCKED_OPEN";
-})(DrawerLockMode || (exports.DrawerLockMode = DrawerLockMode = {}));
-
-let DrawerKeyboardDismissMode;
-exports.DrawerKeyboardDismissMode = DrawerKeyboardDismissMode;
-
-(function (DrawerKeyboardDismissMode) {
+  return DrawerLockMode;
+}({});
+let DrawerKeyboardDismissMode = exports.DrawerKeyboardDismissMode = /*#__PURE__*/function (DrawerKeyboardDismissMode) {
   DrawerKeyboardDismissMode[DrawerKeyboardDismissMode["NONE"] = 0] = "NONE";
   DrawerKeyboardDismissMode[DrawerKeyboardDismissMode["ON_DRAG"] = 1] = "ON_DRAG";
-})(DrawerKeyboardDismissMode || (exports.DrawerKeyboardDismissMode = DrawerKeyboardDismissMode = {}));
-
+  return DrawerKeyboardDismissMode;
+}({});
 const defaultProps = {
   drawerWidth: 200,
   drawerPosition: DrawerPosition.LEFT,
@@ -80,8 +57,9 @@ const defaultProps = {
   activeCursor: 'auto',
   mouseButton: _gestureHandlerCommon.MouseButton.LEFT,
   statusBarAnimation: 'slide'
-}; // StatusBar.setHidden and Keyboard.dismiss cannot be directly referenced in worklets.
+};
 
+// StatusBar.setHidden and Keyboard.dismiss cannot be directly referenced in worklets.
 const setStatusBarHidden = _reactNative.StatusBar.setHidden;
 const dismissKeyboard = _reactNative.Keyboard.dismiss;
 const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(props, ref) {
@@ -115,7 +93,9 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
     animationSpeed: animationSpeedProp
   } = props;
   const isFromLeft = drawerPosition === DrawerPosition.LEFT;
-  const sideCorrection = isFromLeft ? 1 : -1; // While closing the drawer when user starts gesture in the greyed out part of the window,
+  const sideCorrection = isFromLeft ? 1 : -1;
+
+  // While closing the drawer when user starts gesture in the greyed out part of the window,
   // we want the drawer to follow only once the finger reaches the edge of the drawer.
   // See the diagram for reference. * = starting finger position, < = current finger position
   // 1) +---------------+ 2) +---------------+ 3) +---------------+ 4) +---------------+
@@ -131,36 +111,34 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
     onDrawerSlide && (0, _reactNativeReanimated.runOnJS)(onDrawerSlide)(openValue.value);
   }, []);
   const isDrawerOpen = (0, _reactNativeReanimated.useSharedValue)(false);
-
   const handleContainerLayout = ({
     nativeEvent
   }) => {
     setContainerWidth(nativeEvent.layout.width);
   };
-
   const emitStateChanged = (0, _react.useCallback)((newState, drawerWillShow) => {
     'worklet';
 
-    var _runOnJS;
-
-    onDrawerStateChanged && ((_runOnJS = (0, _reactNativeReanimated.runOnJS)(onDrawerStateChanged)) === null || _runOnJS === void 0 ? void 0 : _runOnJS(newState, drawerWillShow));
+    onDrawerStateChanged && (0, _reactNativeReanimated.runOnJS)(onDrawerStateChanged)?.(newState, drawerWillShow);
   }, [onDrawerStateChanged]);
   const drawerAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
     accessibilityViewIsModal: isDrawerOpen.value
   }));
   const overlayAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
     pointerEvents: isDrawerOpen.value ? 'auto' : 'none'
-  })); // While the drawer is hidden, it's hitSlop overflows onto the main view by edgeWidth
-  // This way it can be swiped open even when it's hidden
+  }));
 
+  // While the drawer is hidden, it's hitSlop overflows onto the main view by edgeWidth
+  // This way it can be swiped open even when it's hidden
   const [edgeHitSlop, setEdgeHitSlop] = (0, _react.useState)(isFromLeft ? {
     left: 0,
     width: edgeWidth
   } : {
     right: 0,
     width: edgeWidth
-  }); // gestureOrientation is 1 if the gesture is expected to move from left to right and -1 otherwise
+  });
 
+  // gestureOrientation is 1 if the gesture is expected to move from left to right and -1 otherwise
   const gestureOrientation = (0, _react.useMemo)(() => sideCorrection * (drawerOpened ? -1 : 1), [sideCorrection, drawerOpened]);
   (0, _react.useEffect)(() => {
     setEdgeHitSlop(isFromLeft ? {
@@ -178,17 +156,15 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
     isDrawerOpen.value = willShow;
     emitStateChanged(DrawerState.SETTLING, willShow);
     (0, _reactNativeReanimated.runOnJS)(setDrawerState)(DrawerState.SETTLING);
-
     if (hideStatusBar) {
       (0, _reactNativeReanimated.runOnJS)(setStatusBarHidden)(willShow, statusBarAnimation);
     }
-
     const normalizedToValue = (0, _reactNativeReanimated.interpolate)(toValue, [0, drawerWidth], [0, 1], _reactNativeReanimated.Extrapolation.CLAMP);
     const normalizedInitialVelocity = (0, _reactNativeReanimated.interpolate)(initialVelocity, [0, drawerWidth], [0, 1], _reactNativeReanimated.Extrapolation.CLAMP);
     openValue.value = (0, _reactNativeReanimated.withSpring)(normalizedToValue, {
       overshootClamping: true,
       velocity: normalizedInitialVelocity,
-      mass: animationSpeed ? 1 / animationSpeed : 1 / (animationSpeedProp !== null && animationSpeedProp !== void 0 ? animationSpeedProp : 1),
+      mass: animationSpeed ? 1 / animationSpeed : 1 / (animationSpeedProp ?? 1),
       damping: 40,
       stiffness: 500
     }, finished => {
@@ -196,15 +172,10 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
         emitStateChanged(DrawerState.IDLE, willShow);
         (0, _reactNativeReanimated.runOnJS)(setDrawerOpened)(willShow);
         (0, _reactNativeReanimated.runOnJS)(setDrawerState)(DrawerState.IDLE);
-
         if (willShow) {
-          var _runOnJS2;
-
-          onDrawerOpen && ((_runOnJS2 = (0, _reactNativeReanimated.runOnJS)(onDrawerOpen)) === null || _runOnJS2 === void 0 ? void 0 : _runOnJS2());
+          onDrawerOpen && (0, _reactNativeReanimated.runOnJS)(onDrawerOpen)?.();
         } else {
-          var _runOnJS3;
-
-          onDrawerClose && ((_runOnJS3 = (0, _reactNativeReanimated.runOnJS)(onDrawerClose)) === null || _runOnJS3 === void 0 ? void 0 : _runOnJS3());
+          onDrawerClose && (0, _reactNativeReanimated.runOnJS)(onDrawerClose)?.();
         }
       }
     });
@@ -217,7 +188,6 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
       velocityX,
       x: touchX
     } = event;
-
     if (drawerPosition !== DrawerPosition.LEFT) {
       // See description in _updateAnimatedEvent about why events are flipped
       // for right-side drawer
@@ -225,18 +195,14 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
       touchX = containerWidth - touchX;
       velocityX = -velocityX;
     }
-
     const gestureStartX = touchX - dragX;
     let dragOffsetBasedOnStart = 0;
-
     if (drawerType === DrawerType.FRONT) {
       dragOffsetBasedOnStart = gestureStartX > drawerWidth ? gestureStartX - drawerWidth : 0;
     }
-
     const startOffsetX = dragX + dragOffsetBasedOnStart + (isDrawerOpen.value ? drawerWidth : 0);
     const projOffsetX = startOffsetX + DRAG_TOSS * velocityX;
     const shouldOpen = projOffsetX > drawerWidth / 2;
-
     if (shouldOpen) {
       animateDrawer(drawerWidth, velocityX);
     } else {
@@ -246,16 +212,12 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
   const openDrawer = (0, _react.useCallback)((options = {}) => {
     'worklet';
 
-    var _options$initialVeloc;
-
-    animateDrawer(drawerWidth, (_options$initialVeloc = options.initialVelocity) !== null && _options$initialVeloc !== void 0 ? _options$initialVeloc : 0, options.animationSpeed);
+    animateDrawer(drawerWidth, options.initialVelocity ?? 0, options.animationSpeed);
   }, [animateDrawer, drawerWidth]);
   const closeDrawer = (0, _react.useCallback)((options = {}) => {
     'worklet';
 
-    var _options$initialVeloc2;
-
-    animateDrawer(0, (_options$initialVeloc2 = options.initialVelocity) !== null && _options$initialVeloc2 !== void 0 ? _options$initialVeloc2 : 0, options.animationSpeed);
+    animateDrawer(0, options.initialVelocity ?? 0, options.animationSpeed);
   }, [animateDrawer]);
   const overlayDismissGesture = (0, _react.useMemo)(() => _gestureObjects.GestureObjects.Tap().maxDistance(25).onEnd(() => {
     if (isDrawerOpen.value && drawerLockMode !== DrawerLockMode.LOCKED_OPEN) {
@@ -275,11 +237,9 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
     return _gestureObjects.GestureObjects.Pan().activeCursor(activeCursor).mouseButton(mouseButton).hitSlop(drawerOpened ? fillHitSlop : edgeHitSlop).minDistance(drawerOpened ? 100 : 0).activeOffsetX(gestureOrientation * minSwipeDistance).failOffsetY([-15, 15]).simultaneousWithExternalGesture(overlayDismissGesture).enableTrackpadTwoFingerGesture(enableTrackpadTwoFingerGesture).enabled(drawerState !== DrawerState.SETTLING && (drawerOpened ? drawerLockMode !== DrawerLockMode.LOCKED_OPEN : drawerLockMode !== DrawerLockMode.LOCKED_CLOSED)).onStart(() => {
       emitStateChanged(DrawerState.DRAGGING, false);
       (0, _reactNativeReanimated.runOnJS)(setDrawerState)(DrawerState.DRAGGING);
-
       if (keyboardDismissMode === DrawerKeyboardDismissMode.ON_DRAG) {
         (0, _reactNativeReanimated.runOnJS)(dismissKeyboard)();
       }
-
       if (hideStatusBar) {
         (0, _reactNativeReanimated.runOnJS)(setStatusBarHidden)(true, statusBarAnimation);
       }
@@ -289,8 +249,9 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
       const adjustedTranslation = Math.max(drawerOpened ? startedOutsideTranslation : 0, startedInsideTranslation);
       openValue.value = (0, _reactNativeReanimated.interpolate)(adjustedTranslation, [-drawerWidth, 0, drawerWidth], [1, 0, 1], _reactNativeReanimated.Extrapolation.CLAMP);
     }).onEnd(handleRelease);
-  }, [drawerLockMode, openValue, drawerWidth, emitStateChanged, gestureOrientation, handleRelease, edgeHitSlop, fillHitSlop, minSwipeDistance, hideStatusBar, keyboardDismissMode, overlayDismissGesture, drawerOpened, isFromLeft, containerWidth, sideCorrection, drawerState, activeCursor, enableTrackpadTwoFingerGesture, mouseButton, statusBarAnimation]); // When using RTL, row and row-reverse flex directions are flipped.
+  }, [drawerLockMode, openValue, drawerWidth, emitStateChanged, gestureOrientation, handleRelease, edgeHitSlop, fillHitSlop, minSwipeDistance, hideStatusBar, keyboardDismissMode, overlayDismissGesture, drawerOpened, isFromLeft, containerWidth, sideCorrection, drawerState, activeCursor, enableTrackpadTwoFingerGesture, mouseButton, statusBarAnimation]);
 
+  // When using RTL, row and row-reverse flex directions are flipped.
   const reverseContentDirection = _reactNative.I18nManager.isRTL ? isFromLeft : !isFromLeft;
   const dynamicDrawerStyles = {
     backgroundColor: drawerBackgroundColor,
@@ -300,7 +261,6 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
     if (drawerType === DrawerType.FRONT) {
       return {};
     }
-
     return {
       transform: [{
         translateX: (0, _reactNativeReanimated.interpolate)(openValue.value, [0, 1], [0, drawerWidth * sideCorrection], _reactNativeReanimated.Extrapolation.CLAMP)
@@ -311,7 +271,6 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
     const closedDrawerOffset = drawerWidth * -sideCorrection;
     const isBack = drawerType === DrawerType.BACK;
     const isIdle = drawerState === DrawerState.IDLE;
-
     if (isBack) {
       return {
         transform: [{
@@ -320,15 +279,12 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
         flexDirection: reverseContentDirection ? 'row-reverse' : 'row'
       };
     }
-
     let translateX = 0;
-
     if (isIdle) {
       translateX = drawerOpened ? 0 : closedDrawerOffset;
     } else {
       translateX = (0, _reactNativeReanimated.interpolate)(openValue.value, [0, 1], [closedDrawerOffset, 0], _reactNativeReanimated.Extrapolation.CLAMP);
     }
-
     return {
       transform: [{
         translateX
@@ -345,48 +301,56 @@ const DrawerLayout = /*#__PURE__*/(0, _react.forwardRef)(function DrawerLayout(p
     openDrawer,
     closeDrawer
   }), [openDrawer, closeDrawer]);
-  return /*#__PURE__*/_react.default.createElement(_GestureDetector.GestureDetector, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GestureDetector.GestureDetector, {
     gesture: panGesture,
     userSelect: userSelect,
-    enableContextMenu: enableContextMenu
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: styles.main,
-    onLayout: handleContainerLayout
-  }, /*#__PURE__*/_react.default.createElement(_GestureDetector.GestureDetector, {
-    gesture: overlayDismissGesture
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [drawerType === DrawerType.FRONT ? styles.containerOnBack : styles.containerInFront, containerStyles, contentContainerStyle],
-    animatedProps: containerAnimatedProps
-  }, children, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    animatedProps: overlayAnimatedProps,
-    style: [styles.overlay, overlayAnimatedStyle]
-  }))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    pointerEvents: "box-none",
-    animatedProps: drawerAnimatedProps,
-    style: [styles.drawerContainer, drawerAnimatedStyle, drawerContainerStyle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: dynamicDrawerStyles
-  }, renderNavigationView(openValue)))));
+    enableContextMenu: enableContextMenu,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: styles.main,
+      onLayout: handleContainerLayout,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GestureDetector.GestureDetector, {
+        gesture: overlayDismissGesture,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+          style: [drawerType === DrawerType.FRONT ? styles.containerOnBack : styles.containerInFront, containerStyles, contentContainerStyle],
+          animatedProps: containerAnimatedProps,
+          children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+            animatedProps: overlayAnimatedProps,
+            style: [styles.overlay, overlayAnimatedStyle]
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        pointerEvents: "box-none",
+        animatedProps: drawerAnimatedProps,
+        style: [styles.drawerContainer, drawerAnimatedStyle, drawerContainerStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: dynamicDrawerStyles,
+          children: renderNavigationView(openValue)
+        })
+      })]
+    })
+  });
 });
-var _default = DrawerLayout;
-exports.default = _default;
-
+var _default = exports.default = DrawerLayout;
 const styles = _reactNative.StyleSheet.create({
-  drawerContainer: { ..._reactNative.StyleSheet.absoluteFillObject,
+  drawerContainer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
     zIndex: 1001,
     flexDirection: 'row'
   },
-  containerInFront: { ..._reactNative.StyleSheet.absoluteFillObject,
+  containerInFront: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
     zIndex: 1002
   },
-  containerOnBack: { ..._reactNative.StyleSheet.absoluteFillObject
+  containerOnBack: {
+    ..._reactNative.StyleSheet.absoluteFillObject
   },
   main: {
     flex: 1,
     zIndex: 0,
     overflow: 'hidden'
   },
-  overlay: { ..._reactNative.StyleSheet.absoluteFillObject,
+  overlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
     zIndex: 1000
   }
 });