react-native-gesture-handler 2.25.0 → 2.26.0

package/lib/commonjs/components/touchables/GenericTouchable.js

@@ -4,23 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TOUCHABLE_STATE = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _reactNative = require("react-native");
-
 var _State = require("../../State");
-
 var _GestureButtons = require("../GestureButtons");
-
-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; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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); }
 /**
  * Each touchable is a states' machine which preforms transitions.
  * On very beginning (and on the very end or recognition) touchable is
@@ -28,86 +18,37 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * travel outside it transits to special MOVED_OUTSIDE state. Gesture recognition
  * finishes in UNDETERMINED state.
  */
-const TOUCHABLE_STATE = {
+const TOUCHABLE_STATE = exports.TOUCHABLE_STATE = {
   UNDETERMINED: 0,
   BEGAN: 1,
   MOVED_OUTSIDE: 2
 };
-exports.TOUCHABLE_STATE = TOUCHABLE_STATE;
+
+// TODO: maybe can be better
+// TODO: all clearTimeout have ! added, maybe they shouldn't ?
 
 /**
  * GenericTouchable is not intented to be used as it is.
  * Should be treated as a source for the rest of touchables
  */
-class GenericTouchable extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "pressInTimeout", void 0);
-
-    _defineProperty(this, "pressOutTimeout", void 0);
-
-    _defineProperty(this, "longPressTimeout", void 0);
-
-    _defineProperty(this, "longPressDetected", false);
-
-    _defineProperty(this, "pointerInside", true);
-
-    _defineProperty(this, "STATE", TOUCHABLE_STATE.UNDETERMINED);
-
-    _defineProperty(this, "onGestureEvent", ({
-      nativeEvent: {
-        pointerInside
-      }
-    }) => {
-      if (this.pointerInside !== pointerInside) {
-        if (pointerInside) {
-          this.onMoveIn();
-        } else {
-          this.onMoveOut();
-        }
-      }
-
-      this.pointerInside = pointerInside;
-    });
-
-    _defineProperty(this, "onHandlerStateChange", ({
-      nativeEvent
-    }) => {
-      const {
-        state
-      } = nativeEvent;
-
-      if (state === _State.State.CANCELLED || state === _State.State.FAILED) {
-        // Need to handle case with external cancellation (e.g. by ScrollView)
-        this.moveToState(TOUCHABLE_STATE.UNDETERMINED);
-      } else if ( // This platform check is an implication of slightly different behavior of handlers on different platform.
-      // And Android "Active" state is achieving on first move of a finger, not on press in.
-      // On iOS event on "Began" is not delivered.
-      state === (_reactNative.Platform.OS !== 'android' ? _State.State.ACTIVE : _State.State.BEGAN) && this.STATE === TOUCHABLE_STATE.UNDETERMINED) {
-        // Moving inside requires
-        this.handlePressIn();
-      } else if (state === _State.State.END) {
-        const shouldCallOnPress = !this.longPressDetected && this.STATE !== TOUCHABLE_STATE.MOVED_OUTSIDE && this.pressOutTimeout === null;
-        this.handleGoToUndetermined();
-
-        if (shouldCallOnPress) {
-          var _this$props$onPress, _this$props;
 
-          // Calls only inside component whether no long press was called previously
-          (_this$props$onPress = (_this$props = this.props).onPress) === null || _this$props$onPress === void 0 ? void 0 : _this$props$onPress.call(_this$props);
-        }
-      }
-    });
+class GenericTouchable extends _react.Component {
+  static defaultProps = {
+    delayLongPress: 600,
+    extraButtonProps: {
+      rippleColor: 'transparent',
+      exclusive: true
+    }
+  };
 
-    _defineProperty(this, "onLongPressDetected", () => {
-      var _this$props$onLongPre, _this$props2;
+  // Timeout handlers
 
-      this.longPressDetected = true; // Checked for in the caller of `onLongPressDetected`, but better to check twice
+  // This flag is required since recognition of longPress implies not-invoking onPress
+  longPressDetected = false;
+  pointerInside = true;
 
-      (_this$props$onLongPre = (_this$props2 = this.props).onLongPress) === null || _this$props$onLongPre === void 0 ? void 0 : _this$props$onLongPre.call(_this$props2);
-    });
-  }
+  // State of touchable
+  STATE = TOUCHABLE_STATE.UNDETERMINED;
 
   // handlePressIn in called on first touch on traveling inside component.
   // Handles state transition with delay.
@@ -120,15 +61,13 @@ class GenericTouchable extends React.Component {
     } else {
       this.moveToState(TOUCHABLE_STATE.BEGAN);
     }
-
     if (this.props.onLongPress) {
       const time = (this.props.delayPressIn || 0) + (this.props.delayLongPress || 0);
       this.longPressTimeout = setTimeout(this.onLongPressDetected, time);
     }
-  } // handleMoveOutside in called on traveling outside component.
+  }
+  // handleMoveOutside in called on traveling outside component.
   // Handles state transition with delay.
-
-
   handleMoveOutside() {
     if (this.props.delayPressOut) {
       this.pressOutTimeout = this.pressOutTimeout || setTimeout(() => {
@@ -138,18 +77,16 @@ class GenericTouchable extends React.Component {
     } else {
       this.moveToState(TOUCHABLE_STATE.MOVED_OUTSIDE);
     }
-  } // handleGoToUndetermined transits to UNDETERMINED state with proper delay
-
+  }
 
+  // handleGoToUndetermined transits to UNDETERMINED state with proper delay
   handleGoToUndetermined() {
     clearTimeout(this.pressOutTimeout); // TODO: maybe it can be undefined
-
     if (this.props.delayPressOut) {
       this.pressOutTimeout = setTimeout(() => {
         if (this.STATE === TOUCHABLE_STATE.UNDETERMINED) {
           this.moveToState(TOUCHABLE_STATE.BEGAN);
         }
-
         this.moveToState(TOUCHABLE_STATE.UNDETERMINED);
         this.pressOutTimeout = null;
       }, this.props.delayPressOut);
@@ -157,16 +94,13 @@ class GenericTouchable extends React.Component {
       if (this.STATE === TOUCHABLE_STATE.UNDETERMINED) {
         this.moveToState(TOUCHABLE_STATE.BEGAN);
       }
-
       this.moveToState(TOUCHABLE_STATE.UNDETERMINED);
     }
   }
-
   componentDidMount() {
     this.reset();
-  } // Reset timeout to prevent memory leaks.
-
-
+  }
+  // Reset timeout to prevent memory leaks.
   reset() {
     this.longPressDetected = false;
     this.pointerInside = true;
@@ -176,76 +110,102 @@ class GenericTouchable extends React.Component {
     this.pressOutTimeout = null;
     this.longPressTimeout = null;
     this.pressInTimeout = null;
-  } // All states' transitions are defined here.
-
+  }
 
+  // All states' transitions are defined here.
   moveToState(newState) {
-    var _this$props$onStateCh, _this$props6;
-
     if (newState === this.STATE) {
       // Ignore dummy transitions
       return;
     }
-
     if (newState === TOUCHABLE_STATE.BEGAN) {
-      var _this$props$onPressIn, _this$props3;
-
       // First touch and moving inside
-      (_this$props$onPressIn = (_this$props3 = this.props).onPressIn) === null || _this$props$onPressIn === void 0 ? void 0 : _this$props$onPressIn.call(_this$props3);
+      this.props.onPressIn?.();
     } else if (newState === TOUCHABLE_STATE.MOVED_OUTSIDE) {
-      var _this$props$onPressOu, _this$props4;
-
       // Moving outside
-      (_this$props$onPressOu = (_this$props4 = this.props).onPressOut) === null || _this$props$onPressOu === void 0 ? void 0 : _this$props$onPressOu.call(_this$props4);
+      this.props.onPressOut?.();
     } else if (newState === TOUCHABLE_STATE.UNDETERMINED) {
       // Need to reset each time on transition to UNDETERMINED
       this.reset();
-
       if (this.STATE === TOUCHABLE_STATE.BEGAN) {
-        var _this$props$onPressOu2, _this$props5;
-
         // ... and if it happens inside button.
-        (_this$props$onPressOu2 = (_this$props5 = this.props).onPressOut) === null || _this$props$onPressOu2 === void 0 ? void 0 : _this$props$onPressOu2.call(_this$props5);
+        this.props.onPressOut?.();
       }
-    } // Finally call lister (used by subclasses)
-
-
-    (_this$props$onStateCh = (_this$props6 = this.props).onStateChange) === null || _this$props$onStateCh === void 0 ? void 0 : _this$props$onStateCh.call(_this$props6, this.STATE, newState); // ... and make transition.
-
+    }
+    // Finally call lister (used by subclasses)
+    this.props.onStateChange?.(this.STATE, newState);
+    // ... and make transition.
     this.STATE = newState;
   }
-
+  onGestureEvent = ({
+    nativeEvent: {
+      pointerInside
+    }
+  }) => {
+    if (this.pointerInside !== pointerInside) {
+      if (pointerInside) {
+        this.onMoveIn();
+      } else {
+        this.onMoveOut();
+      }
+    }
+    this.pointerInside = pointerInside;
+  };
+  onHandlerStateChange = ({
+    nativeEvent
+  }) => {
+    const {
+      state
+    } = nativeEvent;
+    if (state === _State.State.CANCELLED || state === _State.State.FAILED) {
+      // Need to handle case with external cancellation (e.g. by ScrollView)
+      this.moveToState(TOUCHABLE_STATE.UNDETERMINED);
+    } else if (
+    // This platform check is an implication of slightly different behavior of handlers on different platform.
+    // And Android "Active" state is achieving on first move of a finger, not on press in.
+    // On iOS event on "Began" is not delivered.
+    state === (_reactNative.Platform.OS !== 'android' ? _State.State.ACTIVE : _State.State.BEGAN) && this.STATE === TOUCHABLE_STATE.UNDETERMINED) {
+      // Moving inside requires
+      this.handlePressIn();
+    } else if (state === _State.State.END) {
+      const shouldCallOnPress = !this.longPressDetected && this.STATE !== TOUCHABLE_STATE.MOVED_OUTSIDE && this.pressOutTimeout === null;
+      this.handleGoToUndetermined();
+      if (shouldCallOnPress) {
+        // Calls only inside component whether no long press was called previously
+        this.props.onPress?.();
+      }
+    }
+  };
+  onLongPressDetected = () => {
+    this.longPressDetected = true;
+    // Checked for in the caller of `onLongPressDetected`, but better to check twice
+    this.props.onLongPress?.();
+  };
   componentWillUnmount() {
     // To prevent memory leaks
     this.reset();
   }
-
   onMoveIn() {
     if (this.STATE === TOUCHABLE_STATE.MOVED_OUTSIDE) {
       // This call is not throttled with delays (like in RN's implementation).
       this.moveToState(TOUCHABLE_STATE.BEGAN);
     }
   }
-
   onMoveOut() {
     // Long press should no longer be detected
     clearTimeout(this.longPressTimeout);
     this.longPressTimeout = null;
-
     if (this.STATE === TOUCHABLE_STATE.BEGAN) {
       this.handleMoveOutside();
     }
   }
-
   render() {
-    var _ref, _this$props$touchSoun;
-
-    const hitSlop = (_ref = typeof this.props.hitSlop === 'number' ? {
+    const hitSlop = (typeof this.props.hitSlop === 'number' ? {
       top: this.props.hitSlop,
       left: this.props.hitSlop,
       bottom: this.props.hitSlop,
       right: this.props.hitSlop
-    } : this.props.hitSlop) !== null && _ref !== void 0 ? _ref : undefined;
+    } : this.props.hitSlop) ?? undefined;
     const coreProps = {
       accessible: this.props.accessible !== false,
       accessibilityLabel: this.props.accessibilityLabel,
@@ -259,9 +219,10 @@ class GenericTouchable extends React.Component {
       nativeID: this.props.nativeID,
       onLayout: this.props.onLayout
     };
-    return /*#__PURE__*/React.createElement(_GestureButtons.BaseButton, _extends({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GestureButtons.BaseButton, {
       style: this.props.containerStyle,
-      onHandlerStateChange: // TODO: not sure if it can be undefined instead of null
+      onHandlerStateChange:
+      // TODO: not sure if it can be undefined instead of null
       this.props.disabled ? undefined : this.onHandlerStateChange,
       onGestureEvent: this.onGestureEvent,
       hitSlop: hitSlop,
@@ -269,22 +230,16 @@ class GenericTouchable extends React.Component {
       shouldActivateOnStart: this.props.shouldActivateOnStart,
       disallowInterruption: this.props.disallowInterruption,
       testID: this.props.testID,
-      touchSoundDisabled: (_this$props$touchSoun = this.props.touchSoundDisabled) !== null && _this$props$touchSoun !== void 0 ? _this$props$touchSoun : false,
-      enabled: !this.props.disabled
-    }, this.props.extraButtonProps), /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, coreProps, {
-      style: this.props.style
-    }), this.props.children));
+      touchSoundDisabled: this.props.touchSoundDisabled ?? false,
+      enabled: !this.props.disabled,
+      ...this.props.extraButtonProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        ...coreProps,
+        style: this.props.style,
+        children: this.props.children
+      })
+    });
   }
-
 }
-
 exports.default = GenericTouchable;
-
-_defineProperty(GenericTouchable, "defaultProps", {
-  delayLongPress: 600,
-  extraButtonProps: {
-    rippleColor: 'transparent',
-    exclusive: true
-  }
-});
 //# sourceMappingURL=GenericTouchable.js.map

package/lib/commonjs/components/touchables/GenericTouchable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GenericTouchable.tsx"],"names":["TOUCHABLE_STATE","UNDETERMINED","BEGAN","MOVED_OUTSIDE","GenericTouchable","Component","nativeEvent","pointerInside","onMoveIn","onMoveOut","state","State","CANCELLED","FAILED","moveToState","Platform","OS","ACTIVE","STATE","handlePressIn","END","shouldCallOnPress","longPressDetected","pressOutTimeout","handleGoToUndetermined","props","onPress","onLongPress","delayPressIn","pressInTimeout","setTimeout","time","delayLongPress","longPressTimeout","onLongPressDetected","handleMoveOutside","delayPressOut","clearTimeout","componentDidMount","reset","newState","onPressIn","onPressOut","onStateChange","componentWillUnmount","render","hitSlop","top","left","bottom","right","undefined","coreProps","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityActions","onAccessibilityAction","nativeID","onLayout","containerStyle","disabled","onHandlerStateChange","onGestureEvent","userSelect","shouldActivateOnStart","disallowInterruption","testID","touchSoundDisabled","extraButtonProps","style","children","rippleColor","exclusive"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Component } from 'react';\nimport { Animated, Platform } from 'react-native';\n\nimport { State } from '../../State';\nimport { BaseButton } from '../GestureButtons';\n\nimport {\n  GestureEvent,\n  HandlerStateChangeEvent,\n} from '../../handlers/gestureHandlerCommon';\nimport type { NativeViewGestureHandlerPayload } from '../../handlers/GestureHandlerEventPayload';\nimport type { GenericTouchableProps } from './GenericTouchableProps';\n\n/**\n * Each touchable is a states' machine which preforms transitions.\n * On very beginning (and on the very end or recognition) touchable is\n * UNDETERMINED. Then it moves to BEGAN. If touchable recognizes that finger\n * travel outside it transits to special MOVED_OUTSIDE state. Gesture recognition\n * finishes in UNDETERMINED state.\n */\nexport const TOUCHABLE_STATE = {\n  UNDETERMINED: 0,\n  BEGAN: 1,\n  MOVED_OUTSIDE: 2,\n} as const;\n\ntype TouchableState = (typeof TOUCHABLE_STATE)[keyof typeof TOUCHABLE_STATE];\n\ninterface InternalProps {\n  onStateChange?: (oldState: TouchableState, newState: TouchableState) => void;\n}\n\n// TODO: maybe can be better\n// TODO: all clearTimeout have ! added, maybe they shouldn't ?\ntype Timeout = ReturnType<typeof setTimeout> | null | undefined;\n\n/**\n * GenericTouchable is not intented to be used as it is.\n * Should be treated as a source for the rest of touchables\n */\n\nexport default class GenericTouchable extends Component<\n  GenericTouchableProps & InternalProps\n> {\n  static defaultProps = {\n    delayLongPress: 600,\n    extraButtonProps: {\n      rippleColor: 'transparent',\n      exclusive: true,\n    },\n  };\n\n  // Timeout handlers\n  pressInTimeout: Timeout;\n  pressOutTimeout: Timeout;\n  longPressTimeout: Timeout;\n\n  // This flag is required since recognition of longPress implies not-invoking onPress\n  longPressDetected = false;\n\n  pointerInside = true;\n\n  // State of touchable\n  STATE: TouchableState = TOUCHABLE_STATE.UNDETERMINED;\n\n  // handlePressIn in called on first touch on traveling inside component.\n  // Handles state transition with delay.\n  handlePressIn() {\n    if (this.props.delayPressIn) {\n      this.pressInTimeout = setTimeout(() => {\n        this.moveToState(TOUCHABLE_STATE.BEGAN);\n        this.pressInTimeout = null;\n      }, this.props.delayPressIn);\n    } else {\n      this.moveToState(TOUCHABLE_STATE.BEGAN);\n    }\n    if (this.props.onLongPress) {\n      const time =\n        (this.props.delayPressIn || 0) + (this.props.delayLongPress || 0);\n      this.longPressTimeout = setTimeout(this.onLongPressDetected, time);\n    }\n  }\n  // handleMoveOutside in called on traveling outside component.\n  // Handles state transition with delay.\n  handleMoveOutside() {\n    if (this.props.delayPressOut) {\n      this.pressOutTimeout =\n        this.pressOutTimeout ||\n        setTimeout(() => {\n          this.moveToState(TOUCHABLE_STATE.MOVED_OUTSIDE);\n          this.pressOutTimeout = null;\n        }, this.props.delayPressOut);\n    } else {\n      this.moveToState(TOUCHABLE_STATE.MOVED_OUTSIDE);\n    }\n  }\n\n  // handleGoToUndetermined transits to UNDETERMINED state with proper delay\n  handleGoToUndetermined() {\n    clearTimeout(this.pressOutTimeout!); // TODO: maybe it can be undefined\n    if (this.props.delayPressOut) {\n      this.pressOutTimeout = setTimeout(() => {\n        if (this.STATE === TOUCHABLE_STATE.UNDETERMINED) {\n          this.moveToState(TOUCHABLE_STATE.BEGAN);\n        }\n        this.moveToState(TOUCHABLE_STATE.UNDETERMINED);\n        this.pressOutTimeout = null;\n      }, this.props.delayPressOut);\n    } else {\n      if (this.STATE === TOUCHABLE_STATE.UNDETERMINED) {\n        this.moveToState(TOUCHABLE_STATE.BEGAN);\n      }\n      this.moveToState(TOUCHABLE_STATE.UNDETERMINED);\n    }\n  }\n\n  componentDidMount() {\n    this.reset();\n  }\n  // Reset timeout to prevent memory leaks.\n  reset() {\n    this.longPressDetected = false;\n    this.pointerInside = true;\n    clearTimeout(this.pressInTimeout!);\n    clearTimeout(this.pressOutTimeout!);\n    clearTimeout(this.longPressTimeout!);\n    this.pressOutTimeout = null;\n    this.longPressTimeout = null;\n    this.pressInTimeout = null;\n  }\n\n  // All states' transitions are defined here.\n  moveToState(newState: TouchableState) {\n    if (newState === this.STATE) {\n      // Ignore dummy transitions\n      return;\n    }\n    if (newState === TOUCHABLE_STATE.BEGAN) {\n      // First touch and moving inside\n      this.props.onPressIn?.();\n    } else if (newState === TOUCHABLE_STATE.MOVED_OUTSIDE) {\n      // Moving outside\n      this.props.onPressOut?.();\n    } else if (newState === TOUCHABLE_STATE.UNDETERMINED) {\n      // Need to reset each time on transition to UNDETERMINED\n      this.reset();\n      if (this.STATE === TOUCHABLE_STATE.BEGAN) {\n        // ... and if it happens inside button.\n        this.props.onPressOut?.();\n      }\n    }\n    // Finally call lister (used by subclasses)\n    this.props.onStateChange?.(this.STATE, newState);\n    // ... and make transition.\n    this.STATE = newState;\n  }\n\n  onGestureEvent = ({\n    nativeEvent: { pointerInside },\n  }: GestureEvent<NativeViewGestureHandlerPayload>) => {\n    if (this.pointerInside !== pointerInside) {\n      if (pointerInside) {\n        this.onMoveIn();\n      } else {\n        this.onMoveOut();\n      }\n    }\n    this.pointerInside = pointerInside;\n  };\n\n  onHandlerStateChange = ({\n    nativeEvent,\n  }: HandlerStateChangeEvent<NativeViewGestureHandlerPayload>) => {\n    const { state } = nativeEvent;\n    if (state === State.CANCELLED || state === State.FAILED) {\n      // Need to handle case with external cancellation (e.g. by ScrollView)\n      this.moveToState(TOUCHABLE_STATE.UNDETERMINED);\n    } else if (\n      // This platform check is an implication of slightly different behavior of handlers on different platform.\n      // And Android \"Active\" state is achieving on first move of a finger, not on press in.\n      // On iOS event on \"Began\" is not delivered.\n      state === (Platform.OS !== 'android' ? State.ACTIVE : State.BEGAN) &&\n      this.STATE === TOUCHABLE_STATE.UNDETERMINED\n    ) {\n      // Moving inside requires\n      this.handlePressIn();\n    } else if (state === State.END) {\n      const shouldCallOnPress =\n        !this.longPressDetected &&\n        this.STATE !== TOUCHABLE_STATE.MOVED_OUTSIDE &&\n        this.pressOutTimeout === null;\n      this.handleGoToUndetermined();\n      if (shouldCallOnPress) {\n        // Calls only inside component whether no long press was called previously\n        this.props.onPress?.();\n      }\n    }\n  };\n\n  onLongPressDetected = () => {\n    this.longPressDetected = true;\n    // Checked for in the caller of `onLongPressDetected`, but better to check twice\n    this.props.onLongPress?.();\n  };\n\n  componentWillUnmount() {\n    // To prevent memory leaks\n    this.reset();\n  }\n\n  onMoveIn() {\n    if (this.STATE === TOUCHABLE_STATE.MOVED_OUTSIDE) {\n      // This call is not throttled with delays (like in RN's implementation).\n      this.moveToState(TOUCHABLE_STATE.BEGAN);\n    }\n  }\n\n  onMoveOut() {\n    // Long press should no longer be detected\n    clearTimeout(this.longPressTimeout!);\n    this.longPressTimeout = null;\n    if (this.STATE === TOUCHABLE_STATE.BEGAN) {\n      this.handleMoveOutside();\n    }\n  }\n\n  render() {\n    const hitSlop =\n      (typeof this.props.hitSlop === 'number'\n        ? {\n            top: this.props.hitSlop,\n            left: this.props.hitSlop,\n            bottom: this.props.hitSlop,\n            right: this.props.hitSlop,\n          }\n        : this.props.hitSlop) ?? undefined;\n\n    const coreProps = {\n      accessible: this.props.accessible !== false,\n      accessibilityLabel: this.props.accessibilityLabel,\n      accessibilityHint: this.props.accessibilityHint,\n      accessibilityRole: this.props.accessibilityRole,\n      // TODO: check if changed to no 's' correctly, also removed 2 props that are no longer available: `accessibilityComponentType` and `accessibilityTraits`,\n      // would be good to check if it is ok for sure, see: https://github.com/facebook/react-native/issues/24016\n      accessibilityState: this.props.accessibilityState,\n      accessibilityActions: this.props.accessibilityActions,\n      onAccessibilityAction: this.props.onAccessibilityAction,\n      nativeID: this.props.nativeID,\n      onLayout: this.props.onLayout,\n    };\n\n    return (\n      <BaseButton\n        style={this.props.containerStyle}\n        onHandlerStateChange={\n          // TODO: not sure if it can be undefined instead of null\n          this.props.disabled ? undefined : this.onHandlerStateChange\n        }\n        onGestureEvent={this.onGestureEvent}\n        hitSlop={hitSlop}\n        userSelect={this.props.userSelect}\n        shouldActivateOnStart={this.props.shouldActivateOnStart}\n        disallowInterruption={this.props.disallowInterruption}\n        testID={this.props.testID}\n        touchSoundDisabled={this.props.touchSoundDisabled ?? false}\n        enabled={!this.props.disabled}\n        {...this.props.extraButtonProps}>\n        <Animated.View {...coreProps} style={this.props.style}>\n          {this.props.children}\n        </Animated.View>\n      </BaseButton>\n    );\n  }\n}\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNative","_State","_GestureButtons","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TOUCHABLE_STATE","exports","UNDETERMINED","BEGAN","MOVED_OUTSIDE","GenericTouchable","Component","defaultProps","delayLongPress","extraButtonProps","rippleColor","exclusive","longPressDetected","pointerInside","STATE","handlePressIn","props","delayPressIn","pressInTimeout","setTimeout","moveToState","onLongPress","time","longPressTimeout","onLongPressDetected","handleMoveOutside","delayPressOut","pressOutTimeout","handleGoToUndetermined","clearTimeout","componentDidMount","reset","newState","onPressIn","onPressOut","onStateChange","onGestureEvent","nativeEvent","onMoveIn","onMoveOut","onHandlerStateChange","state","State","CANCELLED","FAILED","Platform","OS","ACTIVE","END","shouldCallOnPress","onPress","componentWillUnmount","render","hitSlop","top","left","bottom","right","undefined","coreProps","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityActions","onAccessibilityAction","nativeID","onLayout","jsx","BaseButton","style","containerStyle","disabled","userSelect","shouldActivateOnStart","disallowInterruption","testID","touchSoundDisabled","enabled","children","Animated","View"],"sourceRoot":"../../../../src","sources":["components/touchables/GenericTouchable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/touchables/GenericTouchableProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/touchables/GenericTouchableProps.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/touchables/TouchableHighlight.js

@@ -4,87 +4,75 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _GenericTouchable = _interopRequireWildcard(require("./GenericTouchable"));
-
 var _reactNative = require("react-native");
-
-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; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+/**
+ * @deprecated TouchableHighlight will be removed in the future version of Gesture Handler. Use Pressable instead.
+ */
 
 /**
  * @deprecated TouchableHighlight will be removed in the future version of Gesture Handler. Use Pressable instead.
  *
  * TouchableHighlight follows RN's implementation
  */
-class TouchableHighlight extends React.Component {
+class TouchableHighlight extends _react.Component {
+  static defaultProps = {
+    ..._GenericTouchable.default.defaultProps,
+    activeOpacity: 0.85,
+    delayPressOut: 100,
+    underlayColor: 'black'
+  };
   constructor(props) {
     super(props);
-
-    _defineProperty(this, "showUnderlay", () => {
-      var _this$props$onShowUnd, _this$props;
-
-      if (!this.hasPressHandler()) {
-        return;
-      }
-
-      this.setState({
-        extraChildStyle: {
-          opacity: this.props.activeOpacity
-        },
-        extraUnderlayStyle: {
-          backgroundColor: this.props.underlayColor
-        }
-      });
-      (_this$props$onShowUnd = (_this$props = this.props).onShowUnderlay) === null || _this$props$onShowUnd === void 0 ? void 0 : _this$props$onShowUnd.call(_this$props);
-    });
-
-    _defineProperty(this, "hasPressHandler", () => this.props.onPress || this.props.onPressIn || this.props.onPressOut || this.props.onLongPress);
-
-    _defineProperty(this, "hideUnderlay", () => {
-      var _this$props$onHideUnd, _this$props2;
-
-      this.setState({
-        extraChildStyle: null,
-        extraUnderlayStyle: null
-      });
-      (_this$props$onHideUnd = (_this$props2 = this.props).onHideUnderlay) === null || _this$props$onHideUnd === void 0 ? void 0 : _this$props$onHideUnd.call(_this$props2);
-    });
-
-    _defineProperty(this, "onStateChange", (_from, to) => {
-      if (to === _GenericTouchable.TOUCHABLE_STATE.BEGAN) {
-        this.showUnderlay();
-      } else if (to === _GenericTouchable.TOUCHABLE_STATE.UNDETERMINED || to === _GenericTouchable.TOUCHABLE_STATE.MOVED_OUTSIDE) {
-        this.hideUnderlay();
-      }
-    });
-
     this.state = {
       extraChildStyle: null,
       extraUnderlayStyle: null
     };
-  } // Copied from RN
-
+  }
 
+  // Copied from RN
+  showUnderlay = () => {
+    if (!this.hasPressHandler()) {
+      return;
+    }
+    this.setState({
+      extraChildStyle: {
+        opacity: this.props.activeOpacity
+      },
+      extraUnderlayStyle: {
+        backgroundColor: this.props.underlayColor
+      }
+    });
+    this.props.onShowUnderlay?.();
+  };
+  hasPressHandler = () => this.props.onPress || this.props.onPressIn || this.props.onPressOut || this.props.onLongPress;
+  hideUnderlay = () => {
+    this.setState({
+      extraChildStyle: null,
+      extraUnderlayStyle: null
+    });
+    this.props.onHideUnderlay?.();
+  };
   renderChildren() {
     if (!this.props.children) {
-      return /*#__PURE__*/React.createElement(_reactNative.View, null);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {});
     }
-
     const child = React.Children.only(this.props.children); // TODO: not sure if OK but fixes error
-
     return /*#__PURE__*/React.cloneElement(child, {
       style: _reactNative.StyleSheet.compose(child.props.style, this.state.extraChildStyle)
     });
   }
-
+  onStateChange = (_from, to) => {
+    if (to === _GenericTouchable.TOUCHABLE_STATE.BEGAN) {
+      this.showUnderlay();
+    } else if (to === _GenericTouchable.TOUCHABLE_STATE.UNDETERMINED || to === _GenericTouchable.TOUCHABLE_STATE.MOVED_OUTSIDE) {
+      this.hideUnderlay();
+    }
+  };
   render() {
     const {
       style = {},
@@ -93,19 +81,13 @@ class TouchableHighlight extends React.Component {
     const {
       extraUnderlayStyle
     } = this.state;
-    return /*#__PURE__*/React.createElement(_GenericTouchable.default, _extends({}, rest, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericTouchable.default, {
+      ...rest,
       style: [style, extraUnderlayStyle],
-      onStateChange: this.onStateChange
-    }), this.renderChildren());
+      onStateChange: this.onStateChange,
+      children: this.renderChildren()
+    });
   }
-
 }
-
 exports.default = TouchableHighlight;
-
-_defineProperty(TouchableHighlight, "defaultProps", { ..._GenericTouchable.default.defaultProps,
-  activeOpacity: 0.85,
-  delayPressOut: 100,
-  underlayColor: 'black'
-});
 //# sourceMappingURL=TouchableHighlight.js.map

package/lib/commonjs/components/touchables/TouchableHighlight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TouchableHighlight.tsx"],"names":["TouchableHighlight","Component","constructor","props","hasPressHandler","setState","extraChildStyle","opacity","activeOpacity","extraUnderlayStyle","backgroundColor","underlayColor","onShowUnderlay","onPress","onPressIn","onPressOut","onLongPress","onHideUnderlay","_from","to","TOUCHABLE_STATE","BEGAN","showUnderlay","UNDETERMINED","MOVED_OUTSIDE","hideUnderlay","state","renderChildren","children","child","React","Children","only","cloneElement","style","StyleSheet","compose","render","rest","onStateChange","GenericTouchable","defaultProps","delayPressOut"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;;;;;AAuBA;AACA;AACA;AACA;AACA;AACe,MAAMA,kBAAN,SAAiCC,eAAjC,CAGb;AAQAC,EAAAA,WAAW,CAACC,KAAD,EAAiC;AAC1C,UAAMA,KAAN;;AAD0C,0CAS7B,MAAM;AAAA;;AACnB,UAAI,CAAC,KAAKC,eAAL,EAAL,EAA6B;AAC3B;AACD;;AACD,WAAKC,QAAL,CAAc;AACZC,QAAAA,eAAe,EAAE;AACfC,UAAAA,OAAO,EAAE,KAAKJ,KAAL,CAAWK;AADL,SADL;AAIZC,QAAAA,kBAAkB,EAAE;AAClBC,UAAAA,eAAe,EAAE,KAAKP,KAAL,CAAWQ;AADV;AAJR,OAAd;AAQA,mDAAKR,KAAL,EAAWS,cAAX;AACD,KAtB2C;;AAAA,6CAwB1B,MAChB,KAAKT,KAAL,CAAWU,OAAX,IACA,KAAKV,KAAL,CAAWW,SADX,IAEA,KAAKX,KAAL,CAAWY,UAFX,IAGA,KAAKZ,KAAL,CAAWa,WA5B+B;;AAAA,0CA8B7B,MAAM;AAAA;;AACnB,WAAKX,QAAL,CAAc;AACZC,QAAAA,eAAe,EAAE,IADL;AAEZG,QAAAA,kBAAkB,EAAE;AAFR,OAAd;AAIA,oDAAKN,KAAL,EAAWc,cAAX;AACD,KApC2C;;AAAA,2CAmD5B,CAACC,KAAD,EAAgBC,EAAhB,KAA+B;AAC7C,UAAIA,EAAE,KAAKC,kCAAgBC,KAA3B,EAAkC;AAChC,aAAKC,YAAL;AACD,OAFD,MAEO,IACLH,EAAE,KAAKC,kCAAgBG,YAAvB,IACAJ,EAAE,KAAKC,kCAAgBI,aAFlB,EAGL;AACA,aAAKC,YAAL;AACD;AACF,KA5D2C;;AAE1C,SAAKC,KAAL,GAAa;AACXpB,MAAAA,eAAe,EAAE,IADN;AAEXG,MAAAA,kBAAkB,EAAE;AAFT,KAAb;AAID,GAdD,CAgBA;;;AA8BAkB,EAAAA,cAAc,GAAG;AACf,QAAI,CAAC,KAAKxB,KAAL,CAAWyB,QAAhB,EAA0B;AACxB,0BAAO,oBAAC,iBAAD,OAAP;AACD;;AAED,UAAMC,KAAK,GAAGC,KAAK,CAACC,QAAN,CAAeC,IAAf,CACZ,KAAK7B,KAAL,CAAWyB,QADC,CAAd,CALe,CAOqB;;AACpC,wBAAOE,KAAK,CAACG,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BK,MAAAA,KAAK,EAAEC,wBAAWC,OAAX,CAAmBP,KAAK,CAAC1B,KAAN,CAAY+B,KAA/B,EAAsC,KAAKR,KAAL,CAAWpB,eAAjD;AADwB,KAA1B,CAAP;AAGD;;AAaD+B,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEH,MAAAA,KAAK,GAAG,EAAV;AAAc,SAAGI;AAAjB,QAA0B,KAAKnC,KAArC;AACA,UAAM;AAAEM,MAAAA;AAAF,QAAyB,KAAKiB,KAApC;AACA,wBACE,oBAAC,yBAAD,eACMY,IADN;AAEE,MAAA,KAAK,EAAE,CAACJ,KAAD,EAAQzB,kBAAR,CAFT;AAGE,MAAA,aAAa,EAAE,KAAK8B;AAHtB,QAIG,KAAKZ,cAAL,EAJH,CADF;AAQD;;AAjFD;;;;gBAHmB3B,kB,kBAIG,EACpB,GAAGwC,0BAAiBC,YADA;AAEpBjC,EAAAA,aAAa,EAAE,IAFK;AAGpBkC,EAAAA,aAAa,EAAE,GAHK;AAIpB/B,EAAAA,aAAa,EAAE;AAJK,C","sourcesContent":["import * as React from 'react';\nimport { Component } from 'react';\nimport GenericTouchable, { TOUCHABLE_STATE } from './GenericTouchable';\nimport type { GenericTouchableProps } from './GenericTouchableProps';\nimport {\n  StyleSheet,\n  View,\n  TouchableHighlightProps as RNTouchableHighlightProps,\n  ColorValue,\n  ViewProps,\n} from 'react-native';\n\ninterface State {\n  extraChildStyle: null | {\n    opacity?: number;\n  };\n  extraUnderlayStyle: null | {\n    backgroundColor?: ColorValue;\n  };\n}\n\n/**\n * @deprecated TouchableHighlight will be removed in the future version of Gesture Handler. Use Pressable instead.\n */\nexport type TouchableHighlightProps = RNTouchableHighlightProps &\n  GenericTouchableProps;\n\n/**\n * @deprecated TouchableHighlight will be removed in the future version of Gesture Handler. Use Pressable instead.\n *\n * TouchableHighlight follows RN's implementation\n */\nexport default class TouchableHighlight extends Component<\n  TouchableHighlightProps,\n  State\n> {\n  static defaultProps = {\n    ...GenericTouchable.defaultProps,\n    activeOpacity: 0.85,\n    delayPressOut: 100,\n    underlayColor: 'black',\n  };\n\n  constructor(props: TouchableHighlightProps) {\n    super(props);\n    this.state = {\n      extraChildStyle: null,\n      extraUnderlayStyle: null,\n    };\n  }\n\n  // Copied from RN\n  showUnderlay = () => {\n    if (!this.hasPressHandler()) {\n      return;\n    }\n    this.setState({\n      extraChildStyle: {\n        opacity: this.props.activeOpacity,\n      },\n      extraUnderlayStyle: {\n        backgroundColor: this.props.underlayColor,\n      },\n    });\n    this.props.onShowUnderlay?.();\n  };\n\n  hasPressHandler = () =>\n    this.props.onPress ||\n    this.props.onPressIn ||\n    this.props.onPressOut ||\n    this.props.onLongPress;\n\n  hideUnderlay = () => {\n    this.setState({\n      extraChildStyle: null,\n      extraUnderlayStyle: null,\n    });\n    this.props.onHideUnderlay?.();\n  };\n\n  renderChildren() {\n    if (!this.props.children) {\n      return <View />;\n    }\n\n    const child = React.Children.only(\n      this.props.children\n    ) as React.ReactElement<ViewProps>; // TODO: not sure if OK but fixes error\n    return React.cloneElement(child, {\n      style: StyleSheet.compose(child.props.style, this.state.extraChildStyle),\n    });\n  }\n\n  onStateChange = (_from: number, to: number) => {\n    if (to === TOUCHABLE_STATE.BEGAN) {\n      this.showUnderlay();\n    } else if (\n      to === TOUCHABLE_STATE.UNDETERMINED ||\n      to === TOUCHABLE_STATE.MOVED_OUTSIDE\n    ) {\n      this.hideUnderlay();\n    }\n  };\n\n  render() {\n    const { style = {}, ...rest } = this.props;\n    const { extraUnderlayStyle } = this.state;\n    return (\n      <GenericTouchable\n        {...rest}\n        style={[style, extraUnderlayStyle]}\n        onStateChange={this.onStateChange}>\n        {this.renderChildren()}\n      </GenericTouchable>\n    );\n  }\n}\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_GenericTouchable","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TouchableHighlight","Component","defaultProps","GenericTouchable","activeOpacity","delayPressOut","underlayColor","constructor","props","state","extraChildStyle","extraUnderlayStyle","showUnderlay","hasPressHandler","setState","opacity","backgroundColor","onShowUnderlay","onPress","onPressIn","onPressOut","onLongPress","hideUnderlay","onHideUnderlay","renderChildren","children","jsx","View","child","Children","only","cloneElement","style","StyleSheet","compose","onStateChange","_from","to","TOUCHABLE_STATE","BEGAN","UNDETERMINED","MOVED_OUTSIDE","render","rest","exports"],"sourceRoot":"../../../../src","sources":["components/touchables/TouchableHighlight.tsx"],"mappings":"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","ignoreList":[]}