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

package/lib/commonjs/handlers/gestures/GestureDetector/utils.js

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ALLOWED_PROPS = void 0;
-exports.checkGestureCallbacksForWorklets = checkGestureCallbacksForWorklets;
-exports.extractGestureRelations = extractGestureRelations;
-exports.useForceRender = useForceRender;
-exports.useWebEventHandlers = useWebEventHandlers;
-exports.validateDetectorChildren = validateDetectorChildren;
-var _reactNative = require("react-native");
-var _utils = require("../../../utils");
-var _gesture = require("../gesture");
-var _FlingGestureHandler = require("../../FlingGestureHandler");
-var _ForceTouchGestureHandler = require("../../ForceTouchGestureHandler");
-var _LongPressGestureHandler = require("../../LongPressGestureHandler");
-var _PanGestureHandler = require("../../PanGestureHandler");
-var _TapGestureHandler = require("../../TapGestureHandler");
-var _hoverGesture = require("../hoverGesture");
-var _NativeViewGestureHandler = require("../../NativeViewGestureHandler");
-var _gestureHandlerCommon = require("../../gestureHandlerCommon");
-var _EnableNewWebImplementation = require("../../../EnableNewWebImplementation");
-var _RNRenderer = require("../../../RNRenderer");
-var _react = require("react");
-var _reanimatedWrapper = require("../reanimatedWrapper");
-var _eventReceiver = require("../eventReceiver");
-const ALLOWED_PROPS = exports.ALLOWED_PROPS = [..._gestureHandlerCommon.baseGestureHandlerWithDetectorProps, ..._TapGestureHandler.tapGestureHandlerProps, ..._PanGestureHandler.panGestureHandlerProps, ..._PanGestureHandler.panGestureHandlerCustomNativeProps, ..._LongPressGestureHandler.longPressGestureHandlerProps, ..._ForceTouchGestureHandler.forceTouchGestureHandlerProps, ..._FlingGestureHandler.flingGestureHandlerProps, ..._hoverGesture.hoverGestureHandlerProps, ..._NativeViewGestureHandler.nativeViewGestureHandlerProps];
-function convertToHandlerTag(ref) {
-  if (typeof ref === 'number') {
-    return ref;
-  } else if (ref instanceof _gesture.BaseGesture) {
-    return ref.handlerTag;
-  } else {
-    // @ts-ignore in this case it should be a ref either to gesture object or
-    // a gesture handler component, in both cases handlerTag property exists
-    return ref.current?.handlerTag ?? -1;
-  }
-}
-function extractValidHandlerTags(interactionGroup) {
-  return interactionGroup?.map(convertToHandlerTag)?.filter(tag => tag > 0) ?? [];
-}
-function extractGestureRelations(gesture) {
-  const requireToFail = extractValidHandlerTags(gesture.config.requireToFail);
-  const simultaneousWith = extractValidHandlerTags(gesture.config.simultaneousWith);
-  const blocksHandlers = extractValidHandlerTags(gesture.config.blocksHandlers);
-  return {
-    waitFor: requireToFail,
-    simultaneousHandlers: simultaneousWith,
-    blocksHandlers: blocksHandlers
-  };
-}
-function checkGestureCallbacksForWorklets(gesture) {
-  if (!__DEV__) {
-    return;
-  }
-  // If a gesture is explicitly marked to run on the JS thread there is no need to check
-  // if callbacks are worklets as the user is aware they will be ran on the JS thread
-  if (gesture.config.runOnJS) {
-    return;
-  }
-  const areSomeNotWorklets = gesture.handlers.isWorklet.includes(false);
-  const areSomeWorklets = gesture.handlers.isWorklet.includes(true);
-
-  // If some of the callbacks are worklets and some are not, and the gesture is not
-  // explicitly marked with `.runOnJS(true)` show an error
-  if (areSomeNotWorklets && areSomeWorklets) {
-    console.error((0, _utils.tagMessage)(`Some of the callbacks in the gesture are worklets and some are not. Either make sure that all calbacks are marked as 'worklet' if you wish to run them on the UI thread or use '.runOnJS(true)' modifier on the gesture explicitly to run all callbacks on the JS thread.`));
-  }
-  if (_reanimatedWrapper.Reanimated === undefined) {
-    // If Reanimated is not available, we can't run worklets, so we shouldn't show the warning
-    return;
-  }
-  const areAllNotWorklets = !areSomeWorklets && areSomeNotWorklets;
-  // If none of the callbacks are worklets and the gesture is not explicitly marked with
-  // `.runOnJS(true)` show a warning
-  if (areAllNotWorklets && !(0, _utils.isTestEnv)()) {
-    console.warn((0, _utils.tagMessage)(`None of the callbacks in the gesture are worklets. If you wish to run them on the JS thread use '.runOnJS(true)' modifier on the gesture to make this explicit. Otherwise, mark the callbacks as 'worklet' to run them on the UI thread.`));
-  }
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function validateDetectorChildren(ref) {
-  // Finds the first native view under the Wrap component and traverses the fiber tree upwards
-  // to check whether there is more than one native view as a pseudo-direct child of GestureDetector
-  // i.e. this is not ok:
-  //            Wrap
-  //             |
-  //            / \
-  //           /   \
-  //          /     \
-  //         /       \
-  //   NativeView  NativeView
-  //
-  // but this is fine:
-  //            Wrap
-  //             |
-  //         NativeView
-  //             |
-  //            / \
-  //           /   \
-  //          /     \
-  //         /       \
-  //   NativeView  NativeView
-  if (__DEV__ && _reactNative.Platform.OS !== 'web') {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    const wrapType =
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    ref._reactInternals.elementType;
-
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    let instance = _RNRenderer.RNRenderer.findHostInstance_DEPRECATED(ref)._internalFiberInstanceHandleDEV;
-
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    while (instance && instance.elementType !== wrapType) {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-      if (instance.sibling) {
-        throw new Error('GestureDetector has more than one native view as its children. This can happen if you are using a custom component that renders multiple views, like React.Fragment. You should wrap content of GestureDetector with a <View> or <Animated.View>.');
-      }
-
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
-      instance = instance.return;
-    }
-  }
-}
-function useForceRender() {
-  const [renderState, setRenderState] = (0, _react.useState)(false);
-  const forceRender = (0, _react.useCallback)(() => {
-    setRenderState(!renderState);
-  }, [renderState, setRenderState]);
-  return forceRender;
-}
-function useWebEventHandlers() {
-  return (0, _react.useRef)({
-    onGestureHandlerEvent: e => {
-      (0, _eventReceiver.onGestureHandlerEvent)(e.nativeEvent);
-    },
-    onGestureHandlerStateChange: (0, _EnableNewWebImplementation.isNewWebImplementationEnabled)() ? e => {
-      (0, _eventReceiver.onGestureHandlerEvent)(e.nativeEvent);
-    } : undefined
-  });
-}
-//# sourceMappingURL=utils.js.map

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

@@ -1,117 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.onGestureHandlerEvent = onGestureHandlerEvent;
-exports.startListening = startListening;
-exports.stopListening = stopListening;
-var _reactNative = require("react-native");
-var _RNGestureHandlerModule = _interopRequireDefault(require("../../RNGestureHandlerModule"));
-var _State = require("../../State");
-var _TouchEventType = require("../../TouchEventType");
-var _handlersRegistry = require("../handlersRegistry");
-var _gestureStateManager = require("./gestureStateManager");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-let gestureHandlerEventSubscription = null;
-let gestureHandlerStateChangeEventSubscription = null;
-const gestureStateManagers = new Map();
-const lastUpdateEvent = [];
-function isStateChangeEvent(event) {
-  // @ts-ignore oldState doesn't exist on GestureTouchEvent and that's the point
-  return event.oldState != null;
-}
-function isTouchEvent(event) {
-  return event.eventType != null;
-}
-function onGestureHandlerEvent(event) {
-  const handler = (0, _handlersRegistry.findHandler)(event.handlerTag);
-  if (handler) {
-    if (isStateChangeEvent(event)) {
-      if (event.oldState === _State.State.UNDETERMINED && event.state === _State.State.BEGAN) {
-        handler.handlers.onBegin?.(event);
-      } else if ((event.oldState === _State.State.BEGAN || event.oldState === _State.State.UNDETERMINED) && event.state === _State.State.ACTIVE) {
-        handler.handlers.onStart?.(event);
-        lastUpdateEvent[handler.handlers.handlerTag] = event;
-      } else if (event.oldState !== event.state && event.state === _State.State.END) {
-        if (event.oldState === _State.State.ACTIVE) {
-          handler.handlers.onEnd?.(event, true);
-        }
-        handler.handlers.onFinalize?.(event, true);
-        lastUpdateEvent[handler.handlers.handlerTag] = undefined;
-      } else if ((event.state === _State.State.FAILED || event.state === _State.State.CANCELLED) && event.oldState !== event.state) {
-        if (event.oldState === _State.State.ACTIVE) {
-          handler.handlers.onEnd?.(event, false);
-        }
-        handler.handlers.onFinalize?.(event, false);
-        gestureStateManagers.delete(event.handlerTag);
-        lastUpdateEvent[handler.handlers.handlerTag] = undefined;
-      }
-    } else if (isTouchEvent(event)) {
-      if (!gestureStateManagers.has(event.handlerTag)) {
-        gestureStateManagers.set(event.handlerTag, _gestureStateManager.GestureStateManager.create(event.handlerTag));
-      }
-
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      const manager = gestureStateManagers.get(event.handlerTag);
-      switch (event.eventType) {
-        case _TouchEventType.TouchEventType.TOUCHES_DOWN:
-          handler.handlers?.onTouchesDown?.(event, manager);
-          break;
-        case _TouchEventType.TouchEventType.TOUCHES_MOVE:
-          handler.handlers?.onTouchesMove?.(event, manager);
-          break;
-        case _TouchEventType.TouchEventType.TOUCHES_UP:
-          handler.handlers?.onTouchesUp?.(event, manager);
-          break;
-        case _TouchEventType.TouchEventType.TOUCHES_CANCELLED:
-          handler.handlers?.onTouchesCancelled?.(event, manager);
-          break;
-      }
-    } else {
-      handler.handlers.onUpdate?.(event);
-      if (handler.handlers.onChange && handler.handlers.changeEventCalculator) {
-        handler.handlers.onChange?.(handler.handlers.changeEventCalculator?.(event, lastUpdateEvent[handler.handlers.handlerTag]));
-        lastUpdateEvent[handler.handlers.handlerTag] = event;
-      }
-    }
-  } else {
-    const oldHandler = (0, _handlersRegistry.findOldGestureHandler)(event.handlerTag);
-    if (oldHandler) {
-      const nativeEvent = {
-        nativeEvent: event
-      };
-      if (isStateChangeEvent(event)) {
-        oldHandler.onGestureStateChange(nativeEvent);
-      } else {
-        oldHandler.onGestureEvent(nativeEvent);
-      }
-      return;
-    }
-  }
-}
-function startListening() {
-  stopListening();
-  // @ts-ignore
-  if (_reactNative.Platform.OS === 'kepler') {
-    // @ts-ignore
-    const eventEmitter = new _reactNative.NativeEventEmitter(_RNGestureHandlerModule.default);
-    gestureHandlerEventSubscription = eventEmitter.addListener('onGestureHandlerEvent', onGestureHandlerEvent);
-    gestureHandlerStateChangeEventSubscription = eventEmitter.addListener('onGestureHandlerStateChange', onGestureHandlerEvent);
-  } else {
-    console.log(["[SWM] outside kepler"]);
-    gestureHandlerEventSubscription = _reactNative.DeviceEventEmitter.addListener('onGestureHandlerEvent', onGestureHandlerEvent);
-    gestureHandlerStateChangeEventSubscription = _reactNative.DeviceEventEmitter.addListener('onGestureHandlerStateChange', onGestureHandlerEvent);
-  }
-}
-function stopListening() {
-  if (gestureHandlerEventSubscription) {
-    gestureHandlerEventSubscription.remove();
-    gestureHandlerEventSubscription = null;
-  }
-  if (gestureHandlerStateChangeEventSubscription) {
-    gestureHandlerStateChangeEventSubscription.remove();
-    gestureHandlerStateChangeEventSubscription = null;
-  }
-}
-//# sourceMappingURL=eventReceiver.js.map

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

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FlingGesture = void 0;
-var _gesture = require("./gesture");
-class FlingGesture extends _gesture.BaseGesture {
-  config = {};
-  constructor() {
-    super();
-    this.handlerName = 'FlingGestureHandler';
-  }
-
-  /**
-   * Determine exact number of points required to handle the fling gesture.
-   * @param pointers
-   */
-  numberOfPointers(pointers) {
-    this.config.numberOfPointers = pointers;
-    return this;
-  }
-
-  /**
-   * Expressed allowed direction of movement.
-   * Expected values are exported as constants in the Directions object.
-   * Arguments can be combined using `|` operator. Default value is set to `Directions.RIGHT`.
-   * @param direction
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/fling-gesture/#directionvalue-directions
-   */
-  direction(direction) {
-    this.config.direction = direction;
-    return this;
-  }
-}
-exports.FlingGesture = FlingGesture;
-//# sourceMappingURL=flingGesture.js.map

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

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ForceTouchGesture = void 0;
-var _gesture = require("./gesture");
-/**
- * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
- */
-
-function changeEventCalculator(current, previous) {
-  'worklet';
-
-  let changePayload;
-  if (previous === undefined) {
-    changePayload = {
-      forceChange: current.force
-    };
-  } else {
-    changePayload = {
-      forceChange: current.force - previous.force
-    };
-  }
-  return {
-    ...current,
-    ...changePayload
-  };
-}
-
-/**
- * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
- */
-class ForceTouchGesture extends _gesture.ContinousBaseGesture {
-  config = {};
-  constructor() {
-    super();
-    this.handlerName = 'ForceTouchGestureHandler';
-  }
-
-  /**
-   * A minimal pressure that is required before gesture can activate.
-   * Should be a value from range [0.0, 1.0]. Default is 0.2.
-   * @param force
-   */
-  minForce(force) {
-    this.config.minForce = force;
-    return this;
-  }
-
-  /**
-   * A maximal pressure that could be applied for gesture.
-   * If the pressure is greater, gesture fails. Should be a value from range [0.0, 1.0].
-   * @param force
-   */
-  maxForce(force) {
-    this.config.maxForce = force;
-    return this;
-  }
-
-  /**
-   * Value defining if haptic feedback has to be performed on activation.
-   * @param value
-   */
-  feedbackOnActivation(value) {
-    this.config.feedbackOnActivation = value;
-    return this;
-  }
-  onChange(callback) {
-    // @ts-ignore TS being overprotective, ForceTouchGestureHandlerEventPayload is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-
-/**
- * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
- */
-exports.ForceTouchGesture = ForceTouchGesture;
-//# sourceMappingURL=forceTouchGesture.js.map