@amazon-devices/react-native-gesture-handler 2.0.1758683737

package/lib/module/components/Swipeable.js

@@ -0,0 +1,338 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// Similarily to the DrawerLayout component this deserves to be put in a
+// separate repo. Although, keeping it here for the time being will allow us to
+// move faster and fix possible issues quicker
+
+import * as React from 'react';
+import { Component } from 'react';
+import { Animated, StyleSheet, View, I18nManager } from 'react-native';
+import { PanGestureHandler } from '../handlers/PanGestureHandler';
+import { TapGestureHandler } from '../handlers/TapGestureHandler';
+import { State } from '../State';
+const DRAG_TOSS = 0.05;
+
+// Animated.AnimatedInterpolation has been converted to a generic type
+// in @types/react-native 0.70. This way we can maintain compatibility
+// with all versions of @types/react-native
+
+export default class Swipeable extends Component {
+  constructor(_props) {
+    super(_props);
+    _defineProperty(this, "onGestureEvent", void 0);
+    _defineProperty(this, "transX", void 0);
+    _defineProperty(this, "showLeftAction", void 0);
+    _defineProperty(this, "leftActionTranslate", void 0);
+    _defineProperty(this, "showRightAction", void 0);
+    _defineProperty(this, "rightActionTranslate", void 0);
+    _defineProperty(this, "updateAnimatedEvent", (props, state) => {
+      const {
+        friction,
+        overshootFriction
+      } = props;
+      const {
+        dragX,
+        rowTranslation,
+        leftWidth = 0,
+        rowWidth = 0
+      } = state;
+      const {
+        rightOffset = rowWidth
+      } = state;
+      const rightWidth = Math.max(0, rowWidth - rightOffset);
+      const {
+        overshootLeft = leftWidth > 0,
+        overshootRight = rightWidth > 0
+      } = props;
+      const transX = Animated.add(rowTranslation, dragX.interpolate({
+        inputRange: [0, friction],
+        outputRange: [0, 1]
+      })).interpolate({
+        inputRange: [-rightWidth - 1, -rightWidth, leftWidth, leftWidth + 1],
+        outputRange: [-rightWidth - (overshootRight ? 1 / overshootFriction : 0), -rightWidth, leftWidth, leftWidth + (overshootLeft ? 1 / overshootFriction : 0)]
+      });
+      this.transX = transX;
+      this.showLeftAction = leftWidth > 0 ? transX.interpolate({
+        inputRange: [-1, 0, leftWidth],
+        outputRange: [0, 0, 1]
+      }) : new Animated.Value(0);
+      this.leftActionTranslate = this.showLeftAction.interpolate({
+        inputRange: [0, Number.MIN_VALUE],
+        outputRange: [-10000, 0],
+        extrapolate: 'clamp'
+      });
+      this.showRightAction = rightWidth > 0 ? transX.interpolate({
+        inputRange: [-rightWidth, 0, 1],
+        outputRange: [1, 0, 0]
+      }) : new Animated.Value(0);
+      this.rightActionTranslate = this.showRightAction.interpolate({
+        inputRange: [0, Number.MIN_VALUE],
+        outputRange: [-10000, 0],
+        extrapolate: 'clamp'
+      });
+    });
+    _defineProperty(this, "onTapHandlerStateChange", ({
+      nativeEvent
+    }) => {
+      if (nativeEvent.oldState === State.ACTIVE) {
+        this.close();
+      }
+    });
+    _defineProperty(this, "onHandlerStateChange", ev => {
+      if (ev.nativeEvent.oldState === State.ACTIVE) {
+        this.handleRelease(ev);
+      }
+    });
+    _defineProperty(this, "handleRelease", ev => {
+      const {
+        velocityX,
+        translationX: dragX
+      } = ev.nativeEvent;
+      const {
+        leftWidth = 0,
+        rowWidth = 0,
+        rowState
+      } = this.state;
+      const {
+        rightOffset = rowWidth
+      } = this.state;
+      const rightWidth = rowWidth - rightOffset;
+      const {
+        friction,
+        leftThreshold = leftWidth / 2,
+        rightThreshold = rightWidth / 2
+      } = this.props;
+      const startOffsetX = this.currentOffset() + dragX / friction;
+      const translationX = (dragX + DRAG_TOSS * velocityX) / friction;
+      let toValue = 0;
+      if (rowState === 0) {
+        if (translationX > leftThreshold) {
+          toValue = leftWidth;
+        } else if (translationX < -rightThreshold) {
+          toValue = -rightWidth;
+        }
+      } else if (rowState === 1) {
+        // swiped to left
+        if (translationX > -leftThreshold) {
+          toValue = leftWidth;
+        }
+      } else {
+        // swiped to right
+        if (translationX < rightThreshold) {
+          toValue = -rightWidth;
+        }
+      }
+      this.animateRow(startOffsetX, toValue, velocityX / friction);
+    });
+    _defineProperty(this, "animateRow", (fromValue, toValue, velocityX) => {
+      const {
+        dragX,
+        rowTranslation
+      } = this.state;
+      dragX.setValue(0);
+      rowTranslation.setValue(fromValue);
+      this.setState({
+        rowState: Math.sign(toValue)
+      });
+      Animated.spring(rowTranslation, {
+        restSpeedThreshold: 1.7,
+        restDisplacementThreshold: 0.4,
+        velocity: velocityX,
+        bounciness: 0,
+        toValue,
+        useNativeDriver: this.props.useNativeAnimations,
+        ...this.props.animationOptions
+      }).start(({
+        finished
+      }) => {
+        if (finished) {
+          if (toValue > 0) {
+            var _this$props$onSwipeab, _this$props, _this$props$onSwipeab2, _this$props2;
+            (_this$props$onSwipeab = (_this$props = this.props).onSwipeableLeftOpen) === null || _this$props$onSwipeab === void 0 || _this$props$onSwipeab.call(_this$props);
+            (_this$props$onSwipeab2 = (_this$props2 = this.props).onSwipeableOpen) === null || _this$props$onSwipeab2 === void 0 || _this$props$onSwipeab2.call(_this$props2, 'left', this);
+          } else if (toValue < 0) {
+            var _this$props$onSwipeab3, _this$props3, _this$props$onSwipeab4, _this$props4;
+            (_this$props$onSwipeab3 = (_this$props3 = this.props).onSwipeableRightOpen) === null || _this$props$onSwipeab3 === void 0 || _this$props$onSwipeab3.call(_this$props3);
+            (_this$props$onSwipeab4 = (_this$props4 = this.props).onSwipeableOpen) === null || _this$props$onSwipeab4 === void 0 || _this$props$onSwipeab4.call(_this$props4, 'right', this);
+          } else {
+            var _this$props$onSwipeab5, _this$props5;
+            const closingDirection = fromValue > 0 ? 'left' : 'right';
+            (_this$props$onSwipeab5 = (_this$props5 = this.props).onSwipeableClose) === null || _this$props$onSwipeab5 === void 0 || _this$props$onSwipeab5.call(_this$props5, closingDirection, this);
+          }
+        }
+      });
+      if (toValue > 0) {
+        var _this$props$onSwipeab6, _this$props6, _this$props$onSwipeab7, _this$props7;
+        (_this$props$onSwipeab6 = (_this$props6 = this.props).onSwipeableLeftWillOpen) === null || _this$props$onSwipeab6 === void 0 || _this$props$onSwipeab6.call(_this$props6);
+        (_this$props$onSwipeab7 = (_this$props7 = this.props).onSwipeableWillOpen) === null || _this$props$onSwipeab7 === void 0 || _this$props$onSwipeab7.call(_this$props7, 'left');
+      } else if (toValue < 0) {
+        var _this$props$onSwipeab8, _this$props8, _this$props$onSwipeab9, _this$props9;
+        (_this$props$onSwipeab8 = (_this$props8 = this.props).onSwipeableRightWillOpen) === null || _this$props$onSwipeab8 === void 0 || _this$props$onSwipeab8.call(_this$props8);
+        (_this$props$onSwipeab9 = (_this$props9 = this.props).onSwipeableWillOpen) === null || _this$props$onSwipeab9 === void 0 || _this$props$onSwipeab9.call(_this$props9, 'right');
+      } else {
+        var _this$props$onSwipeab10, _this$props10;
+        const closingDirection = fromValue > 0 ? 'left' : 'right';
+        (_this$props$onSwipeab10 = (_this$props10 = this.props).onSwipeableWillClose) === null || _this$props$onSwipeab10 === void 0 || _this$props$onSwipeab10.call(_this$props10, closingDirection);
+      }
+    });
+    _defineProperty(this, "onRowLayout", ({
+      nativeEvent
+    }) => {
+      this.setState({
+        rowWidth: nativeEvent.layout.width
+      });
+    });
+    _defineProperty(this, "currentOffset", () => {
+      const {
+        leftWidth = 0,
+        rowWidth = 0,
+        rowState
+      } = this.state;
+      const {
+        rightOffset = rowWidth
+      } = this.state;
+      const rightWidth = rowWidth - rightOffset;
+      if (rowState === 1) {
+        return leftWidth;
+      } else if (rowState === -1) {
+        return -rightWidth;
+      }
+      return 0;
+    });
+    _defineProperty(this, "close", () => {
+      this.animateRow(this.currentOffset(), 0);
+    });
+    _defineProperty(this, "openLeft", () => {
+      const {
+        leftWidth = 0
+      } = this.state;
+      this.animateRow(this.currentOffset(), leftWidth);
+    });
+    _defineProperty(this, "openRight", () => {
+      const {
+        rowWidth = 0
+      } = this.state;
+      const {
+        rightOffset = rowWidth
+      } = this.state;
+      const rightWidth = rowWidth - rightOffset;
+      this.animateRow(this.currentOffset(), -rightWidth);
+    });
+    _defineProperty(this, "reset", () => {
+      const {
+        dragX,
+        rowTranslation
+      } = this.state;
+      dragX.setValue(0);
+      rowTranslation.setValue(0);
+      this.setState({
+        rowState: 0
+      });
+    });
+    const _dragX = new Animated.Value(0);
+    this.state = {
+      dragX: _dragX,
+      rowTranslation: new Animated.Value(0),
+      rowState: 0,
+      leftWidth: undefined,
+      rightOffset: undefined,
+      rowWidth: undefined
+    };
+    this.updateAnimatedEvent(_props, this.state);
+    this.onGestureEvent = Animated.event([{
+      nativeEvent: {
+        translationX: _dragX
+      }
+    }], {
+      useNativeDriver: _props.useNativeAnimations
+    });
+  }
+  shouldComponentUpdate(props, state) {
+    if (this.props.friction !== props.friction || this.props.overshootLeft !== props.overshootLeft || this.props.overshootRight !== props.overshootRight || this.props.overshootFriction !== props.overshootFriction || this.state.leftWidth !== state.leftWidth || this.state.rightOffset !== state.rightOffset || this.state.rowWidth !== state.rowWidth) {
+      this.updateAnimatedEvent(props, state);
+    }
+    return true;
+  }
+  render() {
+    const {
+      rowState
+    } = this.state;
+    const {
+      children,
+      renderLeftActions,
+      renderRightActions,
+      dragOffsetFromLeftEdge = 10,
+      dragOffsetFromRightEdge = 10
+    } = this.props;
+    const left = renderLeftActions && /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.leftActions,
+      // all those and below parameters can have ! since they are all
+      // asigned in constructor in `updateAnimatedEvent` but TS cannot spot
+      // it for some reason
+      {
+        transform: [{
+          translateX: this.leftActionTranslate
+        }]
+      }]
+    }, renderLeftActions(this.showLeftAction, this.transX, this), /*#__PURE__*/React.createElement(View, {
+      onLayout: ({
+        nativeEvent
+      }) => this.setState({
+        leftWidth: nativeEvent.layout.x
+      })
+    }));
+    const right = renderRightActions && /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.rightActions, {
+        transform: [{
+          translateX: this.rightActionTranslate
+        }]
+      }]
+    }, renderRightActions(this.showRightAction, this.transX, this), /*#__PURE__*/React.createElement(View, {
+      onLayout: ({
+        nativeEvent
+      }) => this.setState({
+        rightOffset: nativeEvent.layout.x
+      })
+    }));
+    return /*#__PURE__*/React.createElement(PanGestureHandler, _extends({
+      activeOffsetX: [-dragOffsetFromRightEdge, dragOffsetFromLeftEdge]
+    }, this.props, {
+      onGestureEvent: this.onGestureEvent,
+      onHandlerStateChange: this.onHandlerStateChange
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      onLayout: this.onRowLayout,
+      style: [styles.container, this.props.containerStyle]
+    }, left, right, /*#__PURE__*/React.createElement(TapGestureHandler, {
+      enabled: rowState !== 0,
+      onHandlerStateChange: this.onTapHandlerStateChange
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      pointerEvents: rowState === 0 ? 'auto' : 'box-only',
+      style: [{
+        transform: [{
+          translateX: this.transX
+        }]
+      }, this.props.childrenContainerStyle]
+    }, children))));
+  }
+}
+_defineProperty(Swipeable, "defaultProps", {
+  friction: 1,
+  overshootFriction: 1,
+  useNativeAnimations: true
+});
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  leftActions: {
+    ...StyleSheet.absoluteFillObject,
+    flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row'
+  },
+  rightActions: {
+    ...StyleSheet.absoluteFillObject,
+    flexDirection: I18nManager.isRTL ? 'row' : 'row-reverse'
+  }
+});
+//# sourceMappingURL=Swipeable.js.map

package/lib/module/components/Swipeable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Animated","StyleSheet","View","I18nManager","PanGestureHandler","TapGestureHandler","State","DRAG_TOSS","Swipeable","constructor","props","_defineProperty","state","friction","overshootFriction","dragX","rowTranslation","leftWidth","rowWidth","rightOffset","rightWidth","Math","max","overshootLeft","overshootRight","transX","add","interpolate","inputRange","outputRange","showLeftAction","Value","leftActionTranslate","Number","MIN_VALUE","extrapolate","showRightAction","rightActionTranslate","nativeEvent","oldState","ACTIVE","close","ev","handleRelease","velocityX","translationX","rowState","leftThreshold","rightThreshold","startOffsetX","currentOffset","toValue","animateRow","fromValue","setValue","setState","sign","spring","restSpeedThreshold","restDisplacementThreshold","velocity","bounciness","useNativeDriver","useNativeAnimations","animationOptions","start","finished","_this$props$onSwipeab","_this$props","_this$props$onSwipeab2","_this$props2","onSwipeableLeftOpen","call","onSwipeableOpen","_this$props$onSwipeab3","_this$props3","_this$props$onSwipeab4","_this$props4","onSwipeableRightOpen","_this$props$onSwipeab5","_this$props5","closingDirection","onSwipeableClose","_this$props$onSwipeab6","_this$props6","_this$props$onSwipeab7","_this$props7","onSwipeableLeftWillOpen","onSwipeableWillOpen","_this$props$onSwipeab8","_this$props8","_this$props$onSwipeab9","_this$props9","onSwipeableRightWillOpen","_this$props$onSwipeab10","_this$props10","onSwipeableWillClose","layout","width","undefined","updateAnimatedEvent","onGestureEvent","event","shouldComponentUpdate","render","children","renderLeftActions","renderRightActions","dragOffsetFromLeftEdge","dragOffsetFromRightEdge","left","createElement","style","styles","leftActions","transform","translateX","onLayout","x","right","rightActions","_extends","activeOffsetX","onHandlerStateChange","onRowLayout","container","containerStyle","enabled","onTapHandlerStateChange","pointerEvents","childrenContainerStyle","create","overflow","absoluteFillObject","flexDirection","isRTL"],"sources":["Swipeable.tsx"],"sourcesContent":["// Similarily to the DrawerLayout component this deserves to be put in a\n// separate repo. Although, keeping it here for the time being will allow us to\n// move faster and fix possible issues quicker\n\nimport * as React from 'react';\nimport { Component } from 'react';\nimport {\n  Animated,\n  StyleSheet,\n  View,\n  I18nManager,\n  LayoutChangeEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\n\nimport {\n  GestureEvent,\n  HandlerStateChangeEvent,\n} from '../handlers/gestureHandlerCommon';\nimport {\n  PanGestureHandler,\n  PanGestureHandlerEventPayload,\n  PanGestureHandlerProps,\n} from '../handlers/PanGestureHandler';\nimport {\n  TapGestureHandler,\n  TapGestureHandlerEventPayload,\n} from '../handlers/TapGestureHandler';\nimport { State } from '../State';\n\nconst DRAG_TOSS = 0.05;\n\ntype SwipeableExcludes = Exclude<\n  keyof PanGestureHandlerProps,\n  'onGestureEvent' | 'onHandlerStateChange'\n>;\n\n// Animated.AnimatedInterpolation has been converted to a generic type\n// in @types/react-native 0.70. This way we can maintain compatibility\n// with all versions of @types/react-native\ntype AnimatedInterpolation = ReturnType<Animated.Value['interpolate']>;\n\nexport interface SwipeableProps\n  extends Pick<PanGestureHandlerProps, SwipeableExcludes> {\n  /**\n   * Enables two-finger gestures on supported devices, for example iPads with\n   * trackpads. If not enabled the gesture will require click + drag, with\n   * `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger\n   * the gesture.\n   */\n  enableTrackpadTwoFingerGesture?: boolean;\n\n  /**\n   * Specifies how much the visual interaction will be delayed compared to the\n   * gesture distance. e.g. value of 1 will indicate that the swipeable panel\n   * should exactly follow the gesture, 2 means it is going to be two times\n   * \"slower\".\n   */\n  friction?: number;\n\n  /**\n   * Distance from the left edge at which released panel will animate to the\n   * open state (or the open panel will animate into the closed state). By\n   * default it's a half of the panel's width.\n   */\n  leftThreshold?: number;\n\n  /**\n   * Distance from the right edge at which released panel will animate to the\n   * open state (or the open panel will animate into the closed state). By\n   * default it's a half of the panel's width.\n   */\n  rightThreshold?: number;\n\n  /**\n   * Distance that the panel must be dragged from the left edge to be considered\n   * a swipe. The default value is 10.\n   */\n  dragOffsetFromLeftEdge?: number;\n\n  /**\n   * Distance that the panel must be dragged from the right edge to be considered\n   * a swipe. The default value is 10.\n   */\n  dragOffsetFromRightEdge?: number;\n\n  /**\n   * Value indicating if the swipeable panel can be pulled further than the left\n   * actions panel's width. It is set to true by default as long as the left\n   * panel render method is present.\n   */\n  overshootLeft?: boolean;\n\n  /**\n   * Value indicating if the swipeable panel can be pulled further than the\n   * right actions panel's width. It is set to true by default as long as the\n   * right panel render method is present.\n   */\n  overshootRight?: boolean;\n\n  /**\n   * Specifies how much the visual interaction will be delayed compared to the\n   * gesture distance at overshoot. Default value is 1, it mean no friction, for\n   * a native feel, try 8 or above.\n   */\n  overshootFriction?: number;\n\n  /**\n   * @deprecated Use `direction` argument of onSwipeableOpen()\n   *\n   * Called when left action panel gets open.\n   */\n  onSwipeableLeftOpen?: () => void;\n\n  /**\n   * @deprecated Use `direction` argument of onSwipeableOpen()\n   *\n   * Called when right action panel gets open.\n   */\n  onSwipeableRightOpen?: () => void;\n\n  /**\n   * Called when action panel gets open (either right or left).\n   */\n  onSwipeableOpen?: (direction: 'left' | 'right', swipeable: Swipeable) => void;\n\n  /**\n   * Called when action panel is closed.\n   */\n  onSwipeableClose?: (\n    direction: 'left' | 'right',\n    swipeable: Swipeable\n  ) => void;\n\n  /**\n   * @deprecated Use `direction` argument of onSwipeableWillOpen()\n   *\n   * Called when left action panel starts animating on open.\n   */\n  onSwipeableLeftWillOpen?: () => void;\n\n  /**\n   * @deprecated Use `direction` argument of onSwipeableWillOpen()\n   *\n   * Called when right action panel starts animating on open.\n   */\n  onSwipeableRightWillOpen?: () => void;\n\n  /**\n   * Called when action panel starts animating on open (either right or left).\n   */\n  onSwipeableWillOpen?: (direction: 'left' | 'right') => void;\n\n  /**\n   * Called when action panel starts animating on close.\n   */\n  onSwipeableWillClose?: (direction: 'left' | 'right') => void;\n\n  /**\n   *\n   * This map describes the values to use as inputRange for extra interpolation:\n   * AnimatedValue: [startValue, endValue]\n   *\n   * progressAnimatedValue: [0, 1] dragAnimatedValue: [0, +]\n   *\n   * To support `rtl` flexbox layouts use `flexDirection` styling.\n   * */\n  renderLeftActions?: (\n    progressAnimatedValue: AnimatedInterpolation,\n    dragAnimatedValue: AnimatedInterpolation,\n    swipeable: Swipeable\n  ) => React.ReactNode;\n  /**\n   *\n   * This map describes the values to use as inputRange for extra interpolation:\n   * AnimatedValue: [startValue, endValue]\n   *\n   * progressAnimatedValue: [0, 1] dragAnimatedValue: [0, -]\n   *\n   * To support `rtl` flexbox layouts use `flexDirection` styling.\n   * */\n  renderRightActions?: (\n    progressAnimatedValue: AnimatedInterpolation,\n    dragAnimatedValue: AnimatedInterpolation,\n    swipeable: Swipeable\n  ) => React.ReactNode;\n\n  useNativeAnimations?: boolean;\n\n  animationOptions?: Record<string, unknown>;\n\n  /**\n   * Style object for the container (`Animated.View`), for example to override\n   * `overflow: 'hidden'`.\n   */\n  containerStyle?: StyleProp<ViewStyle>;\n\n  /**\n   * Style object for the children container (`Animated.View`), for example to\n   * apply `flex: 1`\n   */\n  childrenContainerStyle?: StyleProp<ViewStyle>;\n}\n\ntype SwipeableState = {\n  dragX: Animated.Value;\n  rowTranslation: Animated.Value;\n  rowState: number;\n  leftWidth?: number;\n  rightOffset?: number;\n  rowWidth?: number;\n};\n\nexport default class Swipeable extends Component<\n  SwipeableProps,\n  SwipeableState\n> {\n  static defaultProps = {\n    friction: 1,\n    overshootFriction: 1,\n    useNativeAnimations: true,\n  };\n\n  constructor(props: SwipeableProps) {\n    super(props);\n    const dragX = new Animated.Value(0);\n    this.state = {\n      dragX,\n      rowTranslation: new Animated.Value(0),\n      rowState: 0,\n      leftWidth: undefined,\n      rightOffset: undefined,\n      rowWidth: undefined,\n    };\n    this.updateAnimatedEvent(props, this.state);\n\n    this.onGestureEvent = Animated.event(\n      [{ nativeEvent: { translationX: dragX } }],\n      { useNativeDriver: props.useNativeAnimations! }\n    );\n  }\n\n  shouldComponentUpdate(props: SwipeableProps, state: SwipeableState) {\n    if (\n      this.props.friction !== props.friction ||\n      this.props.overshootLeft !== props.overshootLeft ||\n      this.props.overshootRight !== props.overshootRight ||\n      this.props.overshootFriction !== props.overshootFriction ||\n      this.state.leftWidth !== state.leftWidth ||\n      this.state.rightOffset !== state.rightOffset ||\n      this.state.rowWidth !== state.rowWidth\n    ) {\n      this.updateAnimatedEvent(props, state);\n    }\n\n    return true;\n  }\n\n  private onGestureEvent?: (\n    event: GestureEvent<PanGestureHandlerEventPayload>\n  ) => void;\n  private transX?: AnimatedInterpolation;\n  private showLeftAction?: AnimatedInterpolation | Animated.Value;\n  private leftActionTranslate?: AnimatedInterpolation;\n  private showRightAction?: AnimatedInterpolation | Animated.Value;\n  private rightActionTranslate?: AnimatedInterpolation;\n\n  private updateAnimatedEvent = (\n    props: SwipeableProps,\n    state: SwipeableState\n  ) => {\n    const { friction, overshootFriction } = props;\n    const { dragX, rowTranslation, leftWidth = 0, rowWidth = 0 } = state;\n    const { rightOffset = rowWidth } = state;\n    const rightWidth = Math.max(0, rowWidth - rightOffset);\n\n    const { overshootLeft = leftWidth > 0, overshootRight = rightWidth > 0 } =\n      props;\n\n    const transX = Animated.add(\n      rowTranslation,\n      dragX.interpolate({\n        inputRange: [0, friction!],\n        outputRange: [0, 1],\n      })\n    ).interpolate({\n      inputRange: [-rightWidth - 1, -rightWidth, leftWidth, leftWidth + 1],\n      outputRange: [\n        -rightWidth - (overshootRight ? 1 / overshootFriction! : 0),\n        -rightWidth,\n        leftWidth,\n        leftWidth + (overshootLeft ? 1 / overshootFriction! : 0),\n      ],\n    });\n    this.transX = transX;\n    this.showLeftAction =\n      leftWidth > 0\n        ? transX.interpolate({\n            inputRange: [-1, 0, leftWidth],\n            outputRange: [0, 0, 1],\n          })\n        : new Animated.Value(0);\n    this.leftActionTranslate = this.showLeftAction.interpolate({\n      inputRange: [0, Number.MIN_VALUE],\n      outputRange: [-10000, 0],\n      extrapolate: 'clamp',\n    });\n    this.showRightAction =\n      rightWidth > 0\n        ? transX.interpolate({\n            inputRange: [-rightWidth, 0, 1],\n            outputRange: [1, 0, 0],\n          })\n        : new Animated.Value(0);\n    this.rightActionTranslate = this.showRightAction.interpolate({\n      inputRange: [0, Number.MIN_VALUE],\n      outputRange: [-10000, 0],\n      extrapolate: 'clamp',\n    });\n  };\n\n  private onTapHandlerStateChange = ({\n    nativeEvent,\n  }: HandlerStateChangeEvent<TapGestureHandlerEventPayload>) => {\n    if (nativeEvent.oldState === State.ACTIVE) {\n      this.close();\n    }\n  };\n\n  private onHandlerStateChange = (\n    ev: HandlerStateChangeEvent<PanGestureHandlerEventPayload>\n  ) => {\n    if (ev.nativeEvent.oldState === State.ACTIVE) {\n      this.handleRelease(ev);\n    }\n  };\n\n  private handleRelease = (\n    ev: HandlerStateChangeEvent<PanGestureHandlerEventPayload>\n  ) => {\n    const { velocityX, translationX: dragX } = ev.nativeEvent;\n    const { leftWidth = 0, rowWidth = 0, rowState } = this.state;\n    const { rightOffset = rowWidth } = this.state;\n    const rightWidth = rowWidth - rightOffset;\n    const {\n      friction,\n      leftThreshold = leftWidth / 2,\n      rightThreshold = rightWidth / 2,\n    } = this.props;\n\n    const startOffsetX = this.currentOffset() + dragX / friction!;\n    const translationX = (dragX + DRAG_TOSS * velocityX) / friction!;\n\n    let toValue = 0;\n    if (rowState === 0) {\n      if (translationX > leftThreshold) {\n        toValue = leftWidth;\n      } else if (translationX < -rightThreshold) {\n        toValue = -rightWidth;\n      }\n    } else if (rowState === 1) {\n      // swiped to left\n      if (translationX > -leftThreshold) {\n        toValue = leftWidth;\n      }\n    } else {\n      // swiped to right\n      if (translationX < rightThreshold) {\n        toValue = -rightWidth;\n      }\n    }\n\n    this.animateRow(startOffsetX, toValue, velocityX / friction!);\n  };\n\n  private animateRow = (\n    fromValue: number,\n    toValue: number,\n    velocityX?:\n      | number\n      | {\n          x: number;\n          y: number;\n        }\n  ) => {\n    const { dragX, rowTranslation } = this.state;\n    dragX.setValue(0);\n    rowTranslation.setValue(fromValue);\n\n    this.setState({ rowState: Math.sign(toValue) });\n    Animated.spring(rowTranslation, {\n      restSpeedThreshold: 1.7,\n      restDisplacementThreshold: 0.4,\n      velocity: velocityX,\n      bounciness: 0,\n      toValue,\n      useNativeDriver: this.props.useNativeAnimations!,\n      ...this.props.animationOptions,\n    }).start(({ finished }) => {\n      if (finished) {\n        if (toValue > 0) {\n          this.props.onSwipeableLeftOpen?.();\n          this.props.onSwipeableOpen?.('left', this);\n        } else if (toValue < 0) {\n          this.props.onSwipeableRightOpen?.();\n          this.props.onSwipeableOpen?.('right', this);\n        } else {\n          const closingDirection = fromValue > 0 ? 'left' : 'right';\n          this.props.onSwipeableClose?.(closingDirection, this);\n        }\n      }\n    });\n    if (toValue > 0) {\n      this.props.onSwipeableLeftWillOpen?.();\n      this.props.onSwipeableWillOpen?.('left');\n    } else if (toValue < 0) {\n      this.props.onSwipeableRightWillOpen?.();\n      this.props.onSwipeableWillOpen?.('right');\n    } else {\n      const closingDirection = fromValue > 0 ? 'left' : 'right';\n      this.props.onSwipeableWillClose?.(closingDirection);\n    }\n  };\n\n  private onRowLayout = ({ nativeEvent }: LayoutChangeEvent) => {\n    this.setState({ rowWidth: nativeEvent.layout.width });\n  };\n\n  private currentOffset = () => {\n    const { leftWidth = 0, rowWidth = 0, rowState } = this.state;\n    const { rightOffset = rowWidth } = this.state;\n    const rightWidth = rowWidth - rightOffset;\n    if (rowState === 1) {\n      return leftWidth;\n    } else if (rowState === -1) {\n      return -rightWidth;\n    }\n    return 0;\n  };\n\n  close = () => {\n    this.animateRow(this.currentOffset(), 0);\n  };\n\n  openLeft = () => {\n    const { leftWidth = 0 } = this.state;\n    this.animateRow(this.currentOffset(), leftWidth);\n  };\n\n  openRight = () => {\n    const { rowWidth = 0 } = this.state;\n    const { rightOffset = rowWidth } = this.state;\n    const rightWidth = rowWidth - rightOffset;\n    this.animateRow(this.currentOffset(), -rightWidth);\n  };\n\n  reset = () => {\n    const { dragX, rowTranslation } = this.state;\n    dragX.setValue(0);\n    rowTranslation.setValue(0);\n    this.setState({ rowState: 0 });\n  };\n\n  render() {\n    const { rowState } = this.state;\n    const {\n      children,\n      renderLeftActions,\n      renderRightActions,\n      dragOffsetFromLeftEdge = 10,\n      dragOffsetFromRightEdge = 10,\n    } = this.props;\n\n    const left = renderLeftActions && (\n      <Animated.View\n        style={[\n          styles.leftActions,\n          // all those and below parameters can have ! since they are all\n          // asigned in constructor in `updateAnimatedEvent` but TS cannot spot\n          // it for some reason\n          { transform: [{ translateX: this.leftActionTranslate! }] },\n        ]}>\n        {renderLeftActions(this.showLeftAction!, this.transX!, this)}\n        <View\n          onLayout={({ nativeEvent }) =>\n            this.setState({ leftWidth: nativeEvent.layout.x })\n          }\n        />\n      </Animated.View>\n    );\n\n    const right = renderRightActions && (\n      <Animated.View\n        style={[\n          styles.rightActions,\n          { transform: [{ translateX: this.rightActionTranslate! }] },\n        ]}>\n        {renderRightActions(this.showRightAction!, this.transX!, this)}\n        <View\n          onLayout={({ nativeEvent }) =>\n            this.setState({ rightOffset: nativeEvent.layout.x })\n          }\n        />\n      </Animated.View>\n    );\n\n    return (\n      <PanGestureHandler\n        activeOffsetX={[-dragOffsetFromRightEdge, dragOffsetFromLeftEdge]}\n        {...this.props}\n        onGestureEvent={this.onGestureEvent}\n        onHandlerStateChange={this.onHandlerStateChange}>\n        <Animated.View\n          onLayout={this.onRowLayout}\n          style={[styles.container, this.props.containerStyle]}>\n          {left}\n          {right}\n          <TapGestureHandler\n            enabled={rowState !== 0}\n            onHandlerStateChange={this.onTapHandlerStateChange}>\n            <Animated.View\n              pointerEvents={rowState === 0 ? 'auto' : 'box-only'}\n              style={[\n                {\n                  transform: [{ translateX: this.transX! }],\n                },\n                this.props.childrenContainerStyle,\n              ]}>\n              {children}\n            </Animated.View>\n          </TapGestureHandler>\n        </Animated.View>\n      </PanGestureHandler>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  leftActions: {\n    ...StyleSheet.absoluteFillObject,\n    flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row',\n  },\n  rightActions: {\n    ...StyleSheet.absoluteFillObject,\n    flexDirection: I18nManager.isRTL ? 'row' : 'row-reverse',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/gestureHandlerRootHOC.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import GestureHandlerRootView from './GestureHandlerRootView';
+export default function gestureHandlerRootHOC(Component, containerStyles) {
+  function Wrapper(props) {
+    return /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+      style: [styles.container, containerStyles]
+    }, /*#__PURE__*/React.createElement(Component, props));
+  }
+  Wrapper.displayName = `gestureHandlerRootHOC(${Component.displayName || Component.name})`;
+
+  // @ts-ignore - hoistNonReactStatics uses old version of @types/react
+  hoistNonReactStatics(Wrapper, Component);
+  return Wrapper;
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=gestureHandlerRootHOC.js.map

package/lib/module/components/gestureHandlerRootHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","hoistNonReactStatics","GestureHandlerRootView","gestureHandlerRootHOC","Component","containerStyles","Wrapper","props","createElement","style","styles","container","displayName","name","create","flex"],"sources":["gestureHandlerRootHOC.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet, StyleProp, ViewStyle } from 'react-native';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport GestureHandlerRootView from './GestureHandlerRootView';\n\nexport default function gestureHandlerRootHOC<\n  P extends Record<string, unknown>\n>(\n  Component: React.ComponentType<P>,\n  containerStyles?: StyleProp<ViewStyle>\n): React.ComponentType<P> {\n  function Wrapper(props: P) {\n    return (\n      <GestureHandlerRootView style={[styles.container, containerStyles]}>\n        <Component {...props} />\n      </GestureHandlerRootView>\n    );\n  }\n\n  Wrapper.displayName = `gestureHandlerRootHOC(${\n    Component.displayName || Component.name\n  })`;\n\n  // @ts-ignore - hoistNonReactStatics uses old version of @types/react\n  hoistNonReactStatics(Wrapper, Component);\n\n  return Wrapper;\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1 },\n});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAA8B,cAAc;AAC/D,OAAOC,oBAAoB,MAAM,yBAAyB;AAC1D,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,qBAAqBA,CAG3CC,SAAiC,EACjCC,eAAsC,EACd;EACxB,SAASC,OAAOA,CAACC,KAAQ,EAAE;IACzB,oBACER,KAAA,CAAAS,aAAA,CAACN,sBAAsB;MAACO,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEN,eAAe;IAAE,gBACjEN,KAAA,CAAAS,aAAA,CAACJ,SAAS,EAAKG,KAAQ,CACD,CAAC;EAE7B;EAEAD,OAAO,CAACM,WAAW,GAAG,yBACpBR,SAAS,CAACQ,WAAW,IAAIR,SAAS,CAACS,IAAI,GACtC;;EAEH;EACAZ,oBAAoB,CAACK,OAAO,EAAEF,SAAS,CAAC;EAExC,OAAOE,OAAO;AAChB;AAEA,MAAMI,MAAM,GAAGV,UAAU,CAACc,MAAM,CAAC;EAC/BH,SAAS,EAAE;IAAEI,IAAI,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}