@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1 → 2.12.6-1

package/lib/commonjs/components/Swipeable.js

@@ -1,408 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _PanGestureHandler = require("../handlers/PanGestureHandler");
-
-var _TapGestureHandler = require("../handlers/TapGestureHandler");
-
-var _State = require("../State");
-
-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; }
-
-const DRAG_TOSS = 0.05;
-
-class Swipeable extends React.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 = _reactNative.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 _reactNative.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 _reactNative.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.State.ACTIVE) {
-        this.close();
-      }
-    });
-
-    _defineProperty(this, "onHandlerStateChange", ev => {
-      if (ev.nativeEvent.oldState === _State.State.ACTIVE) {
-        this.handleRelease(ev);
-      }
-
-      if (ev.nativeEvent.state === _State.State.ACTIVE) {
-        const {
-          velocityX,
-          translationX: dragX
-        } = ev.nativeEvent;
-        const {
-          rowState
-        } = this.state;
-        const {
-          friction
-        } = this.props;
-        const translationX = (dragX + DRAG_TOSS * velocityX) / friction;
-        const direction = rowState === -1 ? 'right' : rowState === 1 ? 'left' : translationX > 0 ? 'left' : 'right';
-
-        if (rowState === 0) {
-          var _this$props$onSwipeab, _this$props;
-
-          (_this$props$onSwipeab = (_this$props = this.props).onSwipeableOpenStartDrag) === null || _this$props$onSwipeab === void 0 ? void 0 : _this$props$onSwipeab.call(_this$props, direction);
-        } else {
-          var _this$props$onSwipeab2, _this$props2;
-
-          (_this$props$onSwipeab2 = (_this$props2 = this.props).onSwipeableCloseStartDrag) === null || _this$props$onSwipeab2 === void 0 ? void 0 : _this$props$onSwipeab2.call(_this$props2, direction);
-        }
-      }
-    });
-
-    _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)
-      });
-
-      _reactNative.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$onSwipeab3, _this$props3, _this$props$onSwipeab4, _this$props4;
-
-            (_this$props$onSwipeab3 = (_this$props3 = this.props).onSwipeableLeftOpen) === null || _this$props$onSwipeab3 === void 0 ? void 0 : _this$props$onSwipeab3.call(_this$props3);
-            (_this$props$onSwipeab4 = (_this$props4 = this.props).onSwipeableOpen) === null || _this$props$onSwipeab4 === void 0 ? void 0 : _this$props$onSwipeab4.call(_this$props4, 'left', this);
-          } else if (toValue < 0) {
-            var _this$props$onSwipeab5, _this$props5, _this$props$onSwipeab6, _this$props6;
-
-            (_this$props$onSwipeab5 = (_this$props5 = this.props).onSwipeableRightOpen) === null || _this$props$onSwipeab5 === void 0 ? void 0 : _this$props$onSwipeab5.call(_this$props5);
-            (_this$props$onSwipeab6 = (_this$props6 = this.props).onSwipeableOpen) === null || _this$props$onSwipeab6 === void 0 ? void 0 : _this$props$onSwipeab6.call(_this$props6, 'right', this);
-          } else {
-            var _this$props$onSwipeab7, _this$props7;
-
-            const closingDirection = fromValue > 0 ? 'left' : 'right';
-            (_this$props$onSwipeab7 = (_this$props7 = this.props).onSwipeableClose) === null || _this$props$onSwipeab7 === void 0 ? void 0 : _this$props$onSwipeab7.call(_this$props7, closingDirection, this);
-          }
-        }
-      });
-
-      if (toValue > 0) {
-        var _this$props$onSwipeab8, _this$props8, _this$props$onSwipeab9, _this$props9;
-
-        (_this$props$onSwipeab8 = (_this$props8 = this.props).onSwipeableLeftWillOpen) === null || _this$props$onSwipeab8 === void 0 ? void 0 : _this$props$onSwipeab8.call(_this$props8);
-        (_this$props$onSwipeab9 = (_this$props9 = this.props).onSwipeableWillOpen) === null || _this$props$onSwipeab9 === void 0 ? void 0 : _this$props$onSwipeab9.call(_this$props9, 'left');
-      } else if (toValue < 0) {
-        var _this$props$onSwipeab10, _this$props10, _this$props$onSwipeab11, _this$props11;
-
-        (_this$props$onSwipeab10 = (_this$props10 = this.props).onSwipeableRightWillOpen) === null || _this$props$onSwipeab10 === void 0 ? void 0 : _this$props$onSwipeab10.call(_this$props10);
-        (_this$props$onSwipeab11 = (_this$props11 = this.props).onSwipeableWillOpen) === null || _this$props$onSwipeab11 === void 0 ? void 0 : _this$props$onSwipeab11.call(_this$props11, 'right');
-      } else {
-        var _this$props$onSwipeab12, _this$props12;
-
-        const closingDirection = fromValue > 0 ? 'left' : 'right';
-        (_this$props$onSwipeab12 = (_this$props12 = this.props).onSwipeableWillClose) === null || _this$props$onSwipeab12 === void 0 ? void 0 : _this$props$onSwipeab12.call(_this$props12, 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 _reactNative.Animated.Value(0);
-
-    this.state = {
-      dragX: _dragX,
-      rowTranslation: new _reactNative.Animated.Value(0),
-      rowState: 0,
-      leftWidth: undefined,
-      rightOffset: undefined,
-      rowWidth: undefined
-    };
-    this.updateAnimatedEvent(_props, this.state);
-    this.onGestureEvent = _reactNative.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(_reactNative.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(_reactNative.View, {
-      onLayout: ({
-        nativeEvent
-      }) => this.setState({
-        leftWidth: nativeEvent.layout.x
-      })
-    }));
-    const right = renderRightActions && /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-      style: [styles.rightActions, {
-        transform: [{
-          translateX: this.rightActionTranslate
-        }]
-      }]
-    }, renderRightActions(this.showRightAction, this.transX, this), /*#__PURE__*/React.createElement(_reactNative.View, {
-      onLayout: ({
-        nativeEvent
-      }) => this.setState({
-        rightOffset: nativeEvent.layout.x
-      })
-    }));
-    return /*#__PURE__*/React.createElement(_PanGestureHandler.PanGestureHandler, _extends({
-      activeOffsetX: [-dragOffsetFromRightEdge, dragOffsetFromLeftEdge]
-    }, this.props, {
-      onGestureEvent: this.onGestureEvent,
-      onHandlerStateChange: this.onHandlerStateChange
-    }), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-      onLayout: this.onRowLayout,
-      style: [styles.container, this.props.containerStyle]
-    }, left, right, /*#__PURE__*/React.createElement(_TapGestureHandler.TapGestureHandler, {
-      enabled: rowState !== 0,
-      onHandlerStateChange: this.onTapHandlerStateChange
-    }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-      pointerEvents: rowState === 0 ? 'auto' : 'box-only',
-      style: [{
-        transform: [{
-          translateX: this.transX
-        }]
-      }, this.props.childrenContainerStyle]
-    }, children))));
-  }
-
-}
-
-exports.default = Swipeable;
-
-_defineProperty(Swipeable, "defaultProps", {
-  friction: 1,
-  overshootFriction: 1,
-  useNativeAnimations: true
-});
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    overflow: 'hidden'
-  },
-  leftActions: { ..._reactNative.StyleSheet.absoluteFillObject,
-    flexDirection: _reactNative.I18nManager.isRTL ? 'row-reverse' : 'row'
-  },
-  rightActions: { ..._reactNative.StyleSheet.absoluteFillObject,
-    flexDirection: _reactNative.I18nManager.isRTL ? 'row' : 'row-reverse'
-  }
-});
-//# sourceMappingURL=Swipeable.js.map

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

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

package/lib/commonjs/components/gestureHandlerRootHOC.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = gestureHandlerRootHOC;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
-var _GestureHandlerRootView = _interopRequireDefault(require("./GestureHandlerRootView"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 gestureHandlerRootHOC(Component, containerStyles) {
-  function Wrapper(props) {
-    return /*#__PURE__*/React.createElement(_GestureHandlerRootView.default, {
-      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
-
-  (0, _hoistNonReactStatics.default)(Wrapper, Component);
-  return Wrapper;
-}
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=gestureHandlerRootHOC.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["gestureHandlerRootHOC.tsx"],"names":["gestureHandlerRootHOC","Component","containerStyles","Wrapper","props","styles","container","displayName","name","StyleSheet","create","flex"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEe,SAASA,qBAAT,CAGbC,SAHa,EAIbC,eAJa,EAKW;AACxB,WAASC,OAAT,CAAiBC,KAAjB,EAA2B;AACzB,wBACE,oBAAC,+BAAD;AAAwB,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBJ,eAAnB;AAA/B,oBACE,oBAAC,SAAD,EAAeE,KAAf,CADF,CADF;AAKD;;AAEDD,EAAAA,OAAO,CAACI,WAAR,GAAuB,yBACrBN,SAAS,CAACM,WAAV,IAAyBN,SAAS,CAACO,IACpC,GAFD,CATwB,CAaxB;;AACA,qCAAqBL,OAArB,EAA8BF,SAA9B;AAEA,SAAOE,OAAP;AACD;;AAED,MAAME,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,SAAS,EAAE;AAAEK,IAAAA,IAAI,EAAE;AAAR;AADoB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\r\nimport { StyleSheet, StyleProp, ViewStyle } from 'react-native';\r\nimport hoistNonReactStatics from 'hoist-non-react-statics';\r\nimport GestureHandlerRootView from './GestureHandlerRootView';\r\n\r\nexport default function gestureHandlerRootHOC<\r\n  P extends Record<string, unknown>\r\n>(\r\n  Component: React.ComponentType<P>,\r\n  containerStyles?: StyleProp<ViewStyle>\r\n): React.ComponentType<P> {\r\n  function Wrapper(props: P) {\r\n    return (\r\n      <GestureHandlerRootView style={[styles.container, containerStyles]}>\r\n        <Component {...props} />\r\n      </GestureHandlerRootView>\r\n    );\r\n  }\r\n\r\n  Wrapper.displayName = `gestureHandlerRootHOC(${\r\n    Component.displayName || Component.name\r\n  })`;\r\n\r\n  // @ts-ignore - hoistNonReactStatics uses old version of @types/react\r\n  hoistNonReactStatics(Wrapper, Component);\r\n\r\n  return Wrapper;\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: { flex: 1 },\r\n});\r\n"]}

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

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("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; }
-
-/**
- * TouchableHighlight follows RN's implementation
- */
-class TouchableHighlight extends React.Component {
-  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
-
-
-  renderChildren() {
-    if (!this.props.children) {
-      return /*#__PURE__*/React.createElement(_reactNative.View, null);
-    }
-
-    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)
-    });
-  }
-
-  render() {
-    const {
-      style = {},
-      ...rest
-    } = this.props;
-    const {
-      extraUnderlayStyle
-    } = this.state;
-    return /*#__PURE__*/React.createElement(_GenericTouchable.default, _extends({}, rest, {
-      style: [style, extraUnderlayStyle],
-      onStateChange: this.onStateChange
-    }), 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 +0,0 @@
-{"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;;AAIA;;;;;;;;;;AAoBA;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';\r\nimport { Component } from 'react';\r\nimport GenericTouchable, {\r\n  GenericTouchableProps,\r\n  TOUCHABLE_STATE,\r\n} from './GenericTouchable';\r\nimport {\r\n  StyleSheet,\r\n  View,\r\n  TouchableHighlightProps as RNTouchableHighlightProps,\r\n  ColorValue,\r\n  ViewProps,\r\n} from 'react-native';\r\n\r\ninterface State {\r\n  extraChildStyle: null | {\r\n    opacity?: number;\r\n  };\r\n  extraUnderlayStyle: null | {\r\n    backgroundColor?: ColorValue;\r\n  };\r\n}\r\n\r\nexport type TouchableHighlightProps = RNTouchableHighlightProps &\r\n  GenericTouchableProps;\r\n\r\n/**\r\n * TouchableHighlight follows RN's implementation\r\n */\r\nexport default class TouchableHighlight extends Component<\r\n  TouchableHighlightProps,\r\n  State\r\n> {\r\n  static defaultProps = {\r\n    ...GenericTouchable.defaultProps,\r\n    activeOpacity: 0.85,\r\n    delayPressOut: 100,\r\n    underlayColor: 'black',\r\n  };\r\n\r\n  constructor(props: TouchableHighlightProps) {\r\n    super(props);\r\n    this.state = {\r\n      extraChildStyle: null,\r\n      extraUnderlayStyle: null,\r\n    };\r\n  }\r\n\r\n  // Copied from RN\r\n  showUnderlay = () => {\r\n    if (!this.hasPressHandler()) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      extraChildStyle: {\r\n        opacity: this.props.activeOpacity,\r\n      },\r\n      extraUnderlayStyle: {\r\n        backgroundColor: this.props.underlayColor,\r\n      },\r\n    });\r\n    this.props.onShowUnderlay?.();\r\n  };\r\n\r\n  hasPressHandler = () =>\r\n    this.props.onPress ||\r\n    this.props.onPressIn ||\r\n    this.props.onPressOut ||\r\n    this.props.onLongPress;\r\n\r\n  hideUnderlay = () => {\r\n    this.setState({\r\n      extraChildStyle: null,\r\n      extraUnderlayStyle: null,\r\n    });\r\n    this.props.onHideUnderlay?.();\r\n  };\r\n\r\n  renderChildren() {\r\n    if (!this.props.children) {\r\n      return <View />;\r\n    }\r\n\r\n    const child = React.Children.only(\r\n      this.props.children\r\n    ) as React.ReactElement<ViewProps>; // TODO: not sure if OK but fixes error\r\n    return React.cloneElement(child, {\r\n      style: StyleSheet.compose(child.props.style, this.state.extraChildStyle),\r\n    });\r\n  }\r\n\r\n  onStateChange = (_from: number, to: number) => {\r\n    if (to === TOUCHABLE_STATE.BEGAN) {\r\n      this.showUnderlay();\r\n    } else if (\r\n      to === TOUCHABLE_STATE.UNDETERMINED ||\r\n      to === TOUCHABLE_STATE.MOVED_OUTSIDE\r\n    ) {\r\n      this.hideUnderlay();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const { style = {}, ...rest } = this.props;\r\n    const { extraUnderlayStyle } = this.state;\r\n    return (\r\n      <GenericTouchable\r\n        {...rest}\r\n        style={[style, extraUnderlayStyle]}\r\n        onStateChange={this.onStateChange}>\r\n        {this.renderChildren()}\r\n      </GenericTouchable>\r\n    );\r\n  }\r\n}\r\n"]}