@amazon-devices/react-native-gesture-handler 4.0.0 → 4.0.2

package/lib/commonjs/handlers/gestures/hoverGesture.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hoverGestureHandlerProps = exports.HoverGesture = exports.HoverEffect = void 0;
-var _gesture = require("./gesture");
-let HoverEffect = exports.HoverEffect = /*#__PURE__*/function (HoverEffect) {
-  HoverEffect[HoverEffect["NONE"] = 0] = "NONE";
-  HoverEffect[HoverEffect["LIFT"] = 1] = "LIFT";
-  HoverEffect[HoverEffect["HIGHLIGHT"] = 2] = "HIGHLIGHT";
-  return HoverEffect;
-}({});
-const hoverGestureHandlerProps = exports.hoverGestureHandlerProps = ['hoverEffect'];
-function changeEventCalculator(current, previous) {
-  'worklet';
-
-  let changePayload;
-  if (previous === undefined) {
-    changePayload = {
-      changeX: current.x,
-      changeY: current.y
-    };
-  } else {
-    changePayload = {
-      changeX: current.x - previous.x,
-      changeY: current.y - previous.y
-    };
-  }
-  return {
-    ...current,
-    ...changePayload
-  };
-}
-class HoverGesture extends _gesture.ContinousBaseGesture {
-  config = {};
-  constructor() {
-    super();
-    this.handlerName = 'HoverGestureHandler';
-  }
-
-  /**
-   * #### iOS only
-   * Sets the visual hover effect.
-   */
-  effect(effect) {
-    this.config.hoverEffect = effect;
-    return this;
-  }
-  onChange(callback) {
-    // @ts-ignore TS being overprotective, HoverGestureHandlerEventPayload is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-exports.HoverGesture = HoverGesture;
-//# sourceMappingURL=hoverGesture.js.map

package/lib/commonjs/handlers/gestures/longPressGesture.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LongPressGesture = void 0;
-var _gesture = require("./gesture");
-class LongPressGesture extends _gesture.BaseGesture {
-  config = {};
-  constructor() {
-    super();
-    this.handlerName = 'LongPressGestureHandler';
-    this.shouldCancelWhenOutside(true);
-  }
-
-  /**
-   * Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view.
-   * The default value is 500.
-   * @param duration
-   */
-  minDuration(duration) {
-    this.config.minDurationMs = duration;
-    return this;
-  }
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture.
-   * @param distance
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/long-press-gesture#maxdistancevalue-number
-   */
-  maxDistance(distance) {
-    this.config.maxDist = distance;
-    return this;
-  }
-
-  /**
-   * Determine exact number of points required to handle the long press gesture.
-   * @param pointers
-   */
-  numberOfPointers(pointers) {
-    this.config.numberOfPointers = pointers;
-    return this;
-  }
-}
-exports.LongPressGesture = LongPressGesture;
-//# sourceMappingURL=longPressGesture.js.map

package/lib/commonjs/handlers/gestures/manualGesture.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ManualGesture = void 0;
-var _gesture = require("./gesture");
-function changeEventCalculator(current, _previous) {
-  'worklet';
-
-  return current;
-}
-class ManualGesture extends _gesture.ContinousBaseGesture {
-  constructor() {
-    super();
-    this.handlerName = 'ManualGestureHandler';
-  }
-  onChange(callback) {
-    // @ts-ignore TS being overprotective, Record<string, never> is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-exports.ManualGesture = ManualGesture;
-//# sourceMappingURL=manualGesture.js.map

package/lib/commonjs/handlers/gestures/nativeGesture.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NativeGesture = void 0;
-var _gesture = require("./gesture");
-class NativeGesture extends _gesture.BaseGesture {
-  config = {};
-  constructor() {
-    super();
-    this.handlerName = 'NativeViewGestureHandler';
-  }
-
-  /**
-   * When true, underlying handler will activate unconditionally when in `BEGAN` or `UNDETERMINED` state.
-   * @param value
-   */
-  shouldActivateOnStart(value) {
-    this.config.shouldActivateOnStart = value;
-    return this;
-  }
-
-  /**
-   * When true, cancels all other gesture handlers when this `NativeViewGestureHandler` receives an `ACTIVE` state event.
-   * @param value
-   */
-  disallowInterruption(value) {
-    this.config.disallowInterruption = value;
-    return this;
-  }
-}
-exports.NativeGesture = NativeGesture;
-//# sourceMappingURL=nativeGesture.js.map

package/lib/commonjs/handlers/gestures/panGesture.js

@@ -1,197 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PanGesture = void 0;
-var _gesture = require("./gesture");
-function changeEventCalculator(current, previous) {
-  'worklet';
-
-  let changePayload;
-  if (previous === undefined) {
-    changePayload = {
-      changeX: current.translationX,
-      changeY: current.translationY
-    };
-  } else {
-    changePayload = {
-      changeX: current.translationX - previous.translationX,
-      changeY: current.translationY - previous.translationY
-    };
-  }
-  return {
-    ...current,
-    ...changePayload
-  };
-}
-class PanGesture extends _gesture.ContinousBaseGesture {
-  config = {};
-  constructor() {
-    super();
-    this.handlerName = 'PanGestureHandler';
-  }
-
-  /**
-   * Range along Y axis (in points) where fingers travels without activation of gesture.
-   * @param offset
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture#activeoffsetyvalue-number--number
-   */
-  activeOffsetY(offset) {
-    if (Array.isArray(offset)) {
-      this.config.activeOffsetYStart = offset[0];
-      this.config.activeOffsetYEnd = offset[1];
-    } else if (offset < 0) {
-      this.config.activeOffsetYStart = offset;
-    } else {
-      this.config.activeOffsetYEnd = offset;
-    }
-    return this;
-  }
-
-  /**
-   * Range along X axis (in points) where fingers travels without activation of gesture.
-   * @param offset
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture#activeoffsetxvalue-number--number
-   */
-  activeOffsetX(offset) {
-    if (Array.isArray(offset)) {
-      this.config.activeOffsetXStart = offset[0];
-      this.config.activeOffsetXEnd = offset[1];
-    } else if (offset < 0) {
-      this.config.activeOffsetXStart = offset;
-    } else {
-      this.config.activeOffsetXEnd = offset;
-    }
-    return this;
-  }
-
-  /**
-   * When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture.
-   * @param offset
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture#failoffsetyvalue-number--number
-   */
-  failOffsetY(offset) {
-    if (Array.isArray(offset)) {
-      this.config.failOffsetYStart = offset[0];
-      this.config.failOffsetYEnd = offset[1];
-    } else if (offset < 0) {
-      this.config.failOffsetYStart = offset;
-    } else {
-      this.config.failOffsetYEnd = offset;
-    }
-    return this;
-  }
-
-  /**
-   * When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture.
-   * @param offset
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture#failoffsetxvalue-number--number
-   */
-  failOffsetX(offset) {
-    if (Array.isArray(offset)) {
-      this.config.failOffsetXStart = offset[0];
-      this.config.failOffsetXEnd = offset[1];
-    } else if (offset < 0) {
-      this.config.failOffsetXStart = offset;
-    } else {
-      this.config.failOffsetXEnd = offset;
-    }
-    return this;
-  }
-
-  /**
-   * A number of fingers that is required to be placed before gesture can activate. Should be a higher or equal to 0 integer.
-   * @param minPointers
-   */
-  minPointers(minPointers) {
-    this.config.minPointers = minPointers;
-    return this;
-  }
-
-  /**
-   * When the given number of fingers is placed on the screen and gesture hasn't yet activated it will fail recognizing the gesture.
-   * Should be a higher or equal to 0 integer.
-   * @param maxPointers
-   */
-  maxPointers(maxPointers) {
-    this.config.maxPointers = maxPointers;
-    return this;
-  }
-
-  /**
-   * Minimum distance the finger (or multiple finger) need to travel before the gesture activates.
-   * Expressed in points.
-   * @param distance
-   */
-  minDistance(distance) {
-    this.config.minDist = distance;
-    return this;
-  }
-
-  /**
-   * Minimum velocity the finger has to reach in order to activate handler.
-   * @param velocity
-   */
-  minVelocity(velocity) {
-    this.config.minVelocity = velocity;
-    return this;
-  }
-
-  /**
-   * Minimum velocity along X axis the finger has to reach in order to activate handler.
-   * @param velocity
-   */
-  minVelocityX(velocity) {
-    this.config.minVelocityX = velocity;
-    return this;
-  }
-
-  /**
-   * Minimum velocity along Y axis the finger has to reach in order to activate handler.
-   * @param velocity
-   */
-  minVelocityY(velocity) {
-    this.config.minVelocityY = velocity;
-    return this;
-  }
-
-  /**
-   * #### Android only
-   * Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen).
-   * This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
-   * @param value
-   */
-  averageTouches(value) {
-    this.config.avgTouches = value;
-    return this;
-  }
-
-  /**
-   * #### iOS only
-   * Enables two-finger gestures on supported devices, for example iPads with trackpads.
-   * @param value
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture/#enabletrackpadtwofingergesturevalue-boolean-ios-only
-   */
-  enableTrackpadTwoFingerGesture(value) {
-    this.config.enableTrackpadTwoFingerGesture = value;
-    return this;
-  }
-
-  /**
-   * Duration in milliseconds of the LongPress gesture before Pan is allowed to activate.
-   * @param duration
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture/#activateafterlongpressduration-number
-   */
-  activateAfterLongPress(duration) {
-    this.config.activateAfterLongPress = duration;
-    return this;
-  }
-  onChange(callback) {
-    // @ts-ignore TS being overprotective, PanGestureHandlerEventPayload is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-exports.PanGesture = PanGesture;
-//# sourceMappingURL=panGesture.js.map

package/lib/commonjs/handlers/gestures/pinchGesture.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PinchGesture = void 0;
-var _gesture = require("./gesture");
-function changeEventCalculator(current, previous) {
-  'worklet';
-
-  let changePayload;
-  if (previous === undefined) {
-    changePayload = {
-      scaleChange: current.scale
-    };
-  } else {
-    changePayload = {
-      scaleChange: current.scale / previous.scale
-    };
-  }
-  return {
-    ...current,
-    ...changePayload
-  };
-}
-class PinchGesture extends _gesture.ContinousBaseGesture {
-  constructor() {
-    super();
-    this.handlerName = 'PinchGestureHandler';
-  }
-  onChange(callback) {
-    // @ts-ignore TS being overprotective, PinchGestureHandlerEventPayload is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-exports.PinchGesture = PinchGesture;
-//# sourceMappingURL=pinchGesture.js.map

package/lib/commonjs/handlers/gestures/reanimatedWrapper.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Reanimated = void 0;
-var _utils = require("../../utils");
-let Reanimated = exports.Reanimated = void 0;
-try {
-  exports.Reanimated = Reanimated = require('@amazon-devices/react-native-reanimated');
-} catch (e) {
-  // When 'react-native-reanimated' is not available we want to quietly continue
-  // @ts-ignore TS demands the variable to be initialized
-  exports.Reanimated = Reanimated = undefined;
-}
-if (!Reanimated?.useSharedValue) {
-  // @ts-ignore Make sure the loaded module is actually Reanimated, if it's not
-  // reset the module to undefined so we can fallback to the default implementation
-  exports.Reanimated = Reanimated = undefined;
-}
-if (Reanimated !== undefined && !Reanimated.setGestureState) {
-  // The loaded module is Reanimated but it doesn't have the setGestureState defined
-  Reanimated.setGestureState = () => {
-    'worklet';
-
-    console.warn((0, _utils.tagMessage)('Please use newer version of react-native-reanimated in order to control state of the gestures.'));
-  };
-}
-//# sourceMappingURL=reanimatedWrapper.js.map

package/lib/commonjs/handlers/gestures/rotationGesture.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RotationGesture = void 0;
-var _gesture = require("./gesture");
-function changeEventCalculator(current, previous) {
-  'worklet';
-
-  let changePayload;
-  if (previous === undefined) {
-    changePayload = {
-      rotationChange: current.rotation
-    };
-  } else {
-    changePayload = {
-      rotationChange: current.rotation - previous.rotation
-    };
-  }
-  return {
-    ...current,
-    ...changePayload
-  };
-}
-class RotationGesture extends _gesture.ContinousBaseGesture {
-  constructor() {
-    super();
-    this.handlerName = 'RotationGestureHandler';
-  }
-  onChange(callback) {
-    // @ts-ignore TS being overprotective, RotationGestureHandlerEventPayload is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-exports.RotationGesture = RotationGesture;
-//# sourceMappingURL=rotationGesture.js.map

package/lib/commonjs/handlers/gestures/tapGesture.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TapGesture = void 0;
-var _gesture = require("./gesture");
-class TapGesture extends _gesture.BaseGesture {
-  config = {};
-  constructor() {
-    super();
-    this.handlerName = 'TapGestureHandler';
-    this.shouldCancelWhenOutside(true);
-  }
-
-  /**
-   * Minimum number of pointers (fingers) required to be placed before the gesture activates.
-   * Should be a positive integer. The default value is 1.
-   * @param minPointers
-   */
-  minPointers(minPointers) {
-    this.config.minPointers = minPointers;
-    return this;
-  }
-
-  /**
-   * Number of tap gestures required to activate the gesture.
-   * The default value is 1.
-   * @param count
-   */
-  numberOfTaps(count) {
-    this.config.numberOfTaps = count;
-    return this;
-  }
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture.
-   * @param maxDist
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture#maxdistancevalue-number
-   */
-  maxDistance(maxDist) {
-    this.config.maxDist = maxDist;
-    return this;
-  }
-
-  /**
-   * Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch.
-   * The default value is 500.
-   * @param duration
-   */
-  maxDuration(duration) {
-    this.config.maxDurationMs = duration;
-    return this;
-  }
-
-  /**
-   * Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required.
-   * The default value is 500.
-   * @param delay
-   */
-  maxDelay(delay) {
-    this.config.maxDelayMs = delay;
-    return this;
-  }
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture.
-   * @param delta
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture#maxdeltaxvalue-number
-   */
-  maxDeltaX(delta) {
-    this.config.maxDeltaX = delta;
-    return this;
-  }
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture.
-   * @param delta
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture#maxdeltayvalue-number
-   */
-  maxDeltaY(delta) {
-    this.config.maxDeltaY = delta;
-    return this;
-  }
-}
-exports.TapGesture = TapGesture;
-//# sourceMappingURL=tapGesture.js.map

package/lib/commonjs/handlers/getNextHandlerTag.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getNextHandlerTag = getNextHandlerTag;
-let handlerTag = 1;
-function getNextHandlerTag() {
-  return handlerTag++;
-}
-//# sourceMappingURL=getNextHandlerTag.js.map

package/lib/commonjs/handlers/handlersRegistry.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findHandler = findHandler;
-exports.findHandlerByTestID = findHandlerByTestID;
-exports.findOldGestureHandler = findOldGestureHandler;
-exports.handlerIDToTag = void 0;
-exports.registerHandler = registerHandler;
-exports.registerOldGestureHandler = registerOldGestureHandler;
-exports.unregisterHandler = unregisterHandler;
-exports.unregisterOldGestureHandler = unregisterOldGestureHandler;
-var _utils = require("../utils");
-const handlerIDToTag = exports.handlerIDToTag = {};
-const gestures = new Map();
-const oldHandlers = new Map();
-const testIDs = new Map();
-function registerHandler(handlerTag, handler, testID) {
-  gestures.set(handlerTag, handler);
-  if ((0, _utils.isTestEnv)() && testID) {
-    testIDs.set(testID, handlerTag);
-  }
-}
-function registerOldGestureHandler(handlerTag, handler) {
-  oldHandlers.set(handlerTag, handler);
-}
-function unregisterOldGestureHandler(handlerTag) {
-  oldHandlers.delete(handlerTag);
-}
-function unregisterHandler(handlerTag, testID) {
-  gestures.delete(handlerTag);
-  if ((0, _utils.isTestEnv)() && testID) {
-    testIDs.delete(testID);
-  }
-}
-function findHandler(handlerTag) {
-  return gestures.get(handlerTag);
-}
-function findOldGestureHandler(handlerTag) {
-  return oldHandlers.get(handlerTag);
-}
-function findHandlerByTestID(testID) {
-  const handlerTag = testIDs.get(testID);
-  if (handlerTag !== undefined) {
-    return findHandler(handlerTag) ?? null;
-  }
-  return null;
-}
-//# sourceMappingURL=handlersRegistry.js.map

package/lib/commonjs/handlers/utils.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterConfig = filterConfig;
-exports.findNodeHandle = findNodeHandle;
-exports.scheduleFlushOperations = scheduleFlushOperations;
-exports.transformIntoHandlerTags = transformIntoHandlerTags;
-var _reactNative = require("react-native");
-var _handlersRegistry = require("./handlersRegistry");
-var _utils = require("../utils");
-var _RNGestureHandlerModule = _interopRequireDefault(require("../RNGestureHandlerModule"));
-var _ghQueueMicrotask = require("../ghQueueMicrotask");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function isConfigParam(param, name) {
-  // param !== Object(param) returns false if `param` is a function
-  // or an object and returns true if `param` is null
-  return param !== undefined && (param !== Object(param) || !('__isNative' in param)) && name !== 'onHandlerStateChange' && name !== 'onGestureEvent';
-}
-function filterConfig(props, validProps, defaults = {}) {
-  const filteredConfig = {
-    ...defaults
-  };
-  for (const key of validProps) {
-    let value = props[key];
-    if (isConfigParam(value, key)) {
-      if (key === 'simultaneousHandlers' || key === 'waitFor') {
-        value = transformIntoHandlerTags(props[key]);
-      } else if (key === 'hitSlop' && typeof value !== 'object') {
-        value = {
-          top: value,
-          left: value,
-          bottom: value,
-          right: value
-        };
-      }
-      filteredConfig[key] = value;
-    }
-  }
-  return filteredConfig;
-}
-function transformIntoHandlerTags(handlerIDs) {
-  handlerIDs = (0, _utils.toArray)(handlerIDs);
-  if (_reactNative.Platform.OS === 'web') {
-    return handlerIDs.map(({
-      current
-    }) => current).filter(handle => handle);
-  }
-  // converts handler string IDs into their numeric tags
-  return handlerIDs.map(handlerID => _handlersRegistry.handlerIDToTag[handlerID] || handlerID.current?.handlerTag || -1).filter(handlerTag => handlerTag > 0);
-}
-function findNodeHandle(node) {
-  if (_reactNative.Platform.OS === 'web') {
-    return node;
-  }
-  return (0, _reactNative.findNodeHandle)(node) ?? null;
-}
-let flushOperationsScheduled = false;
-function scheduleFlushOperations() {
-  if (!flushOperationsScheduled) {
-    flushOperationsScheduled = true;
-    (0, _ghQueueMicrotask.ghQueueMicrotask)(() => {
-      _RNGestureHandlerModule.default.flushOperations();
-      flushOperationsScheduled = false;
-    });
-  }
-}
-//# sourceMappingURL=utils.js.map