@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1

package/lib/commonjs/components/GestureButtons.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PureNativeButton", {
+  enumerable: true,
+  get: function () {
+    return _GestureHandlerButton.default;
+  }
+});
+exports.BorderlessButton = exports.RectButton = exports.BaseButton = exports.RawButton = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _createNativeWrapper = _interopRequireDefault(require("../handlers/createNativeWrapper"));
+
+var _GestureHandlerButton = _interopRequireDefault(require("./GestureHandlerButton"));
+
+var _State = require("../State");
+
+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 _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 RawButton = (0, _createNativeWrapper.default)(_GestureHandlerButton.default, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: false
+});
+exports.RawButton = RawButton;
+
+class BaseButton extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "lastActive", void 0);
+
+    _defineProperty(this, "longPressTimeout", void 0);
+
+    _defineProperty(this, "longPressDetected", void 0);
+
+    _defineProperty(this, "handleEvent", ({
+      nativeEvent
+    }) => {
+      const {
+        state,
+        oldState,
+        pointerInside
+      } = nativeEvent;
+      const active = pointerInside && state === _State.State.ACTIVE;
+
+      if (active !== this.lastActive && this.props.onActiveStateChange) {
+        this.props.onActiveStateChange(active);
+      }
+
+      if (!this.longPressDetected && oldState === _State.State.ACTIVE && state !== _State.State.CANCELLED && this.lastActive && this.props.onPress) {
+        this.props.onPress(active);
+      }
+
+      if (!this.lastActive && // NativeViewGestureHandler sends different events based on platform
+      state === (_reactNative.Platform.OS !== 'android' ? _State.State.ACTIVE : _State.State.BEGAN) && pointerInside) {
+        this.longPressDetected = false;
+
+        if (this.props.onLongPress) {
+          this.longPressTimeout = setTimeout(this.onLongPress, this.props.delayLongPress);
+        }
+      } else if ( // cancel longpress timeout if it's set and the finger moved out of the view
+      state === _State.State.ACTIVE && !pointerInside && this.longPressTimeout !== undefined) {
+        clearTimeout(this.longPressTimeout);
+        this.longPressTimeout = undefined;
+      } else if ( // cancel longpress timeout if it's set and the gesture has finished
+      this.longPressTimeout !== undefined && (state === _State.State.END || state === _State.State.CANCELLED || state === _State.State.FAILED)) {
+        clearTimeout(this.longPressTimeout);
+        this.longPressTimeout = undefined;
+      }
+
+      this.lastActive = active;
+    });
+
+    _defineProperty(this, "onLongPress", () => {
+      var _this$props$onLongPre, _this$props;
+
+      this.longPressDetected = true;
+      (_this$props$onLongPre = (_this$props = this.props).onLongPress) === null || _this$props$onLongPre === void 0 ? void 0 : _this$props$onLongPre.call(_this$props);
+    });
+
+    _defineProperty(this, "onHandlerStateChange", e => {
+      var _this$props$onHandler, _this$props2;
+
+      (_this$props$onHandler = (_this$props2 = this.props).onHandlerStateChange) === null || _this$props$onHandler === void 0 ? void 0 : _this$props$onHandler.call(_this$props2, e);
+      this.handleEvent(e);
+    });
+
+    _defineProperty(this, "onGestureEvent", e => {
+      var _this$props$onGesture, _this$props3;
+
+      (_this$props$onGesture = (_this$props3 = this.props).onGestureEvent) === null || _this$props$onGesture === void 0 ? void 0 : _this$props$onGesture.call(_this$props3, e);
+      this.handleEvent(e); // TODO: maybe it is not correct
+    });
+
+    this.lastActive = false;
+    this.longPressDetected = false;
+  }
+
+  render() {
+    const {
+      rippleColor,
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/React.createElement(RawButton, _extends({
+      rippleColor: (0, _reactNative.processColor)(rippleColor)
+    }, rest, {
+      onGestureEvent: this.onGestureEvent,
+      onHandlerStateChange: this.onHandlerStateChange
+    }));
+  }
+
+}
+
+exports.BaseButton = BaseButton;
+
+_defineProperty(BaseButton, "defaultProps", {
+  delayLongPress: 600
+});
+
+const AnimatedBaseButton = _reactNative.Animated.createAnimatedComponent(BaseButton);
+
+const btnStyles = _reactNative.StyleSheet.create({
+  underlay: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    top: 0
+  }
+});
+
+class RectButton extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "opacity", void 0);
+
+    _defineProperty(this, "onActiveStateChange", active => {
+      var _this$props$onActiveS, _this$props4;
+
+      if (_reactNative.Platform.OS !== 'android') {
+        this.opacity.setValue(active ? this.props.activeOpacity : 0);
+      }
+
+      (_this$props$onActiveS = (_this$props4 = this.props).onActiveStateChange) === null || _this$props$onActiveS === void 0 ? void 0 : _this$props$onActiveS.call(_this$props4, active);
+    });
+
+    this.opacity = new _reactNative.Animated.Value(0);
+  }
+
+  render() {
+    const {
+      children,
+      style,
+      ...rest
+    } = this.props;
+
+    const resolvedStyle = _reactNative.StyleSheet.flatten(style !== null && style !== void 0 ? style : {});
+
+    return /*#__PURE__*/React.createElement(BaseButton, _extends({}, rest, {
+      style: resolvedStyle,
+      onActiveStateChange: this.onActiveStateChange
+    }), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+      style: [btnStyles.underlay, {
+        opacity: this.opacity,
+        backgroundColor: this.props.underlayColor,
+        borderRadius: resolvedStyle.borderRadius,
+        borderTopLeftRadius: resolvedStyle.borderTopLeftRadius,
+        borderTopRightRadius: resolvedStyle.borderTopRightRadius,
+        borderBottomLeftRadius: resolvedStyle.borderBottomLeftRadius,
+        borderBottomRightRadius: resolvedStyle.borderBottomRightRadius
+      }]
+    }), children);
+  }
+
+}
+
+exports.RectButton = RectButton;
+
+_defineProperty(RectButton, "defaultProps", {
+  activeOpacity: 0.105,
+  underlayColor: 'black'
+});
+
+class BorderlessButton extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "opacity", void 0);
+
+    _defineProperty(this, "onActiveStateChange", active => {
+      var _this$props$onActiveS2, _this$props5;
+
+      if (_reactNative.Platform.OS !== 'android') {
+        this.opacity.setValue(active ? this.props.activeOpacity : 1);
+      }
+
+      (_this$props$onActiveS2 = (_this$props5 = this.props).onActiveStateChange) === null || _this$props$onActiveS2 === void 0 ? void 0 : _this$props$onActiveS2.call(_this$props5, active);
+    });
+
+    this.opacity = new _reactNative.Animated.Value(1);
+  }
+
+  render() {
+    const {
+      children,
+      style,
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/React.createElement(AnimatedBaseButton, _extends({}, rest, {
+      onActiveStateChange: this.onActiveStateChange,
+      style: [style, _reactNative.Platform.OS === 'ios' && {
+        opacity: this.opacity
+      }]
+    }), children);
+  }
+
+}
+
+exports.BorderlessButton = BorderlessButton;
+
+_defineProperty(BorderlessButton, "defaultProps", {
+  activeOpacity: 0.3,
+  borderless: true
+});
+//# sourceMappingURL=GestureButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureButtons.tsx"],"names":["RawButton","GestureHandlerButton","shouldCancelWhenOutside","shouldActivateOnStart","BaseButton","React","Component","constructor","props","nativeEvent","state","oldState","pointerInside","active","State","ACTIVE","lastActive","onActiveStateChange","longPressDetected","CANCELLED","onPress","Platform","OS","BEGAN","onLongPress","longPressTimeout","setTimeout","delayLongPress","undefined","clearTimeout","END","FAILED","e","onHandlerStateChange","handleEvent","onGestureEvent","render","rippleColor","rest","AnimatedBaseButton","Animated","createAnimatedComponent","btnStyles","StyleSheet","create","underlay","position","left","right","bottom","top","RectButton","opacity","setValue","activeOpacity","Value","children","style","resolvedStyle","flatten","backgroundColor","underlayColor","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","BorderlessButton","borderless"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport {\r\n  Animated,\r\n  Platform,\r\n  processColor,\r\n  StyleSheet,\r\n  StyleProp,\r\n  ViewStyle,\r\n} from 'react-native';\r\n\r\nimport createNativeWrapper from '../handlers/createNativeWrapper';\r\nimport GestureHandlerButton from './GestureHandlerButton';\r\nimport { State } from '../State';\r\n\r\nimport {\r\n  GestureEvent,\r\n  HandlerStateChangeEvent,\r\n} from '../handlers/gestureHandlerCommon';\r\nimport {\r\n  NativeViewGestureHandlerPayload,\r\n  NativeViewGestureHandlerProps,\r\n} from '../handlers/NativeViewGestureHandler';\r\n\r\nexport interface RawButtonProps extends NativeViewGestureHandlerProps {\r\n  /**\r\n   * Defines if more than one button could be pressed simultaneously. By default\r\n   * set true.\r\n   */\r\n  exclusive?: boolean;\r\n  // TODO: we should transform props in `createNativeWrapper`\r\n\r\n  /**\r\n   * Android only.\r\n   *\r\n   * Defines color of native ripple animation used since API level 21.\r\n   */\r\n  rippleColor?: any; // it was present in BaseButtonProps before but is used here in code\r\n\r\n  /**\r\n   * Android only.\r\n   *\r\n   * Defines radius of native ripple animation used since API level 21.\r\n   */\r\n  rippleRadius?: number | null;\r\n\r\n  /**\r\n   * Android only.\r\n   *\r\n   * Set this to true if you want the ripple animation to render outside the view bounds.\r\n   */\r\n  borderless?: boolean;\r\n\r\n  /**\r\n   * Android only.\r\n   *\r\n   * Defines whether the ripple animation should be drawn on the foreground of the view.\r\n   */\r\n  foreground?: boolean;\r\n\r\n  /**\r\n   * Android only.\r\n   *\r\n   * Set this to true if you don't want the system to play sound when the button is pressed.\r\n   */\r\n  touchSoundDisabled?: boolean;\r\n}\r\n\r\nexport interface BaseButtonProps extends RawButtonProps {\r\n  /**\r\n   * Called when the button gets pressed (analogous to `onPress` in\r\n   * `TouchableHighlight` from RN core).\r\n   */\r\n  onPress?: (pointerInside: boolean) => void;\r\n\r\n  /**\r\n   * Called when the button gets pressed and is held for `delayLongPress`\r\n   * milliseconds.\r\n   */\r\n  onLongPress?: () => void;\r\n\r\n  /**\r\n   * Called when button changes from inactive to active and vice versa. It\r\n   * passes active state as a boolean variable as a first parameter for that\r\n   * method.\r\n   */\r\n  onActiveStateChange?: (active: boolean) => void;\r\n  style?: StyleProp<ViewStyle>;\r\n  testID?: string;\r\n\r\n  /**\r\n   * Delay, in milliseconds, after which the `onLongPress` callback gets called.\r\n   * Defaults to 600.\r\n   */\r\n  delayLongPress?: number;\r\n}\r\n\r\nexport interface RectButtonProps extends BaseButtonProps {\r\n  /**\r\n   * Background color that will be dimmed when button is in active state.\r\n   */\r\n  underlayColor?: string;\r\n\r\n  /**\r\n   * iOS only.\r\n   *\r\n   * Opacity applied to the underlay when button is in active state.\r\n   */\r\n  activeOpacity?: number;\r\n}\r\n\r\nexport interface BorderlessButtonProps extends BaseButtonProps {\r\n  /**\r\n   * iOS only.\r\n   *\r\n   * Opacity applied to the button when it is in an active state.\r\n   */\r\n  activeOpacity?: number;\r\n}\r\n\r\nexport const RawButton = createNativeWrapper(GestureHandlerButton, {\r\n  shouldCancelWhenOutside: false,\r\n  shouldActivateOnStart: false,\r\n});\r\n\r\nexport class BaseButton extends React.Component<BaseButtonProps> {\r\n  static defaultProps = {\r\n    delayLongPress: 600,\r\n  };\r\n\r\n  private lastActive: boolean;\r\n  private longPressTimeout: ReturnType<typeof setTimeout> | undefined;\r\n  private longPressDetected: boolean;\r\n\r\n  constructor(props: BaseButtonProps) {\r\n    super(props);\r\n    this.lastActive = false;\r\n    this.longPressDetected = false;\r\n  }\r\n\r\n  private handleEvent = ({\r\n    nativeEvent,\r\n  }: HandlerStateChangeEvent<NativeViewGestureHandlerPayload>) => {\r\n    const { state, oldState, pointerInside } = nativeEvent;\r\n    const active = pointerInside && state === State.ACTIVE;\r\n\r\n    if (active !== this.lastActive && this.props.onActiveStateChange) {\r\n      this.props.onActiveStateChange(active);\r\n    }\r\n\r\n    if (\r\n      !this.longPressDetected &&\r\n      oldState === State.ACTIVE &&\r\n      state !== State.CANCELLED &&\r\n      this.lastActive &&\r\n      this.props.onPress\r\n    ) {\r\n      this.props.onPress(active);\r\n    }\r\n\r\n    if (\r\n      !this.lastActive &&\r\n      // NativeViewGestureHandler sends different events based on platform\r\n      state === (Platform.OS !== 'android' ? State.ACTIVE : State.BEGAN) &&\r\n      pointerInside\r\n    ) {\r\n      this.longPressDetected = false;\r\n      if (this.props.onLongPress) {\r\n        this.longPressTimeout = setTimeout(\r\n          this.onLongPress,\r\n          this.props.delayLongPress\r\n        );\r\n      }\r\n    } else if (\r\n      // cancel longpress timeout if it's set and the finger moved out of the view\r\n      state === State.ACTIVE &&\r\n      !pointerInside &&\r\n      this.longPressTimeout !== undefined\r\n    ) {\r\n      clearTimeout(this.longPressTimeout);\r\n      this.longPressTimeout = undefined;\r\n    } else if (\r\n      // cancel longpress timeout if it's set and the gesture has finished\r\n      this.longPressTimeout !== undefined &&\r\n      (state === State.END ||\r\n        state === State.CANCELLED ||\r\n        state === State.FAILED)\r\n    ) {\r\n      clearTimeout(this.longPressTimeout);\r\n      this.longPressTimeout = undefined;\r\n    }\r\n\r\n    this.lastActive = active;\r\n  };\r\n\r\n  private onLongPress = () => {\r\n    this.longPressDetected = true;\r\n    this.props.onLongPress?.();\r\n  };\r\n\r\n  // Normally, the parent would execute it's handler first, then forward the\r\n  // event to listeners. However, here our handler is virtually only forwarding\r\n  // events to listeners, so we reverse the order to keep the proper order of\r\n  // the callbacks (from \"raw\" ones to \"processed\").\r\n  private onHandlerStateChange = (\r\n    e: HandlerStateChangeEvent<NativeViewGestureHandlerPayload>\r\n  ) => {\r\n    this.props.onHandlerStateChange?.(e);\r\n    this.handleEvent(e);\r\n  };\r\n\r\n  private onGestureEvent = (\r\n    e: GestureEvent<NativeViewGestureHandlerPayload>\r\n  ) => {\r\n    this.props.onGestureEvent?.(e);\r\n    this.handleEvent(\r\n      e as HandlerStateChangeEvent<NativeViewGestureHandlerPayload>\r\n    ); // TODO: maybe it is not correct\r\n  };\r\n\r\n  render() {\r\n    const { rippleColor, ...rest } = this.props;\r\n\r\n    return (\r\n      <RawButton\r\n        rippleColor={processColor(rippleColor)}\r\n        {...rest}\r\n        onGestureEvent={this.onGestureEvent}\r\n        onHandlerStateChange={this.onHandlerStateChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nconst AnimatedBaseButton = Animated.createAnimatedComponent(BaseButton);\r\n\r\nconst btnStyles = StyleSheet.create({\r\n  underlay: {\r\n    position: 'absolute',\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    top: 0,\r\n  },\r\n});\r\n\r\nexport class RectButton extends React.Component<RectButtonProps> {\r\n  static defaultProps = {\r\n    activeOpacity: 0.105,\r\n    underlayColor: 'black',\r\n  };\r\n\r\n  private opacity: Animated.Value;\r\n\r\n  constructor(props: RectButtonProps) {\r\n    super(props);\r\n    this.opacity = new Animated.Value(0);\r\n  }\r\n\r\n  private onActiveStateChange = (active: boolean) => {\r\n    if (Platform.OS !== 'android') {\r\n      this.opacity.setValue(active ? this.props.activeOpacity! : 0);\r\n    }\r\n\r\n    this.props.onActiveStateChange?.(active);\r\n  };\r\n\r\n  render() {\r\n    const { children, style, ...rest } = this.props;\r\n\r\n    const resolvedStyle = StyleSheet.flatten(style ?? {});\r\n\r\n    return (\r\n      <BaseButton\r\n        {...rest}\r\n        style={resolvedStyle}\r\n        onActiveStateChange={this.onActiveStateChange}>\r\n        <Animated.View\r\n          style={[\r\n            btnStyles.underlay,\r\n            {\r\n              opacity: this.opacity,\r\n              backgroundColor: this.props.underlayColor,\r\n              borderRadius: resolvedStyle.borderRadius,\r\n              borderTopLeftRadius: resolvedStyle.borderTopLeftRadius,\r\n              borderTopRightRadius: resolvedStyle.borderTopRightRadius,\r\n              borderBottomLeftRadius: resolvedStyle.borderBottomLeftRadius,\r\n              borderBottomRightRadius: resolvedStyle.borderBottomRightRadius,\r\n            },\r\n          ]}\r\n        />\r\n        {children}\r\n      </BaseButton>\r\n    );\r\n  }\r\n}\r\n\r\nexport class BorderlessButton extends React.Component<BorderlessButtonProps> {\r\n  static defaultProps = {\r\n    activeOpacity: 0.3,\r\n    borderless: true,\r\n  };\r\n\r\n  private opacity: Animated.Value;\r\n\r\n  constructor(props: BorderlessButtonProps) {\r\n    super(props);\r\n    this.opacity = new Animated.Value(1);\r\n  }\r\n\r\n  private onActiveStateChange = (active: boolean) => {\r\n    if (Platform.OS !== 'android') {\r\n      this.opacity.setValue(active ? this.props.activeOpacity! : 1);\r\n    }\r\n\r\n    this.props.onActiveStateChange?.(active);\r\n  };\r\n\r\n  render() {\r\n    const { children, style, ...rest } = this.props;\r\n\r\n    return (\r\n      <AnimatedBaseButton\r\n        {...rest}\r\n        onActiveStateChange={this.onActiveStateChange}\r\n        style={[style, Platform.OS === 'ios' && { opacity: this.opacity }]}>\r\n        {children}\r\n      </AnimatedBaseButton>\r\n    );\r\n  }\r\n}\r\n\r\nexport { default as PureNativeButton } from './GestureHandlerButton';\r\n"]}

package/lib/commonjs/components/GestureComponents.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlatList = exports.DrawerLayoutAndroid = exports.TextInput = exports.Switch = exports.ScrollView = exports.RefreshControl = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _createNativeWrapper = _interopRequireDefault(require("../handlers/createNativeWrapper"));
+
+var _NativeViewGestureHandler = require("../handlers/NativeViewGestureHandler");
+
+var _utils = require("../utils");
+
+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 _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); }
+
+const RefreshControl = (0, _createNativeWrapper.default)(_reactNative.RefreshControl, {
+  disallowInterruption: true,
+  shouldCancelWhenOutside: false
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+exports.RefreshControl = RefreshControl;
+const GHScrollView = (0, _createNativeWrapper.default)(_reactNative.ScrollView, {
+  disallowInterruption: true,
+  shouldCancelWhenOutside: false
+});
+const ScrollView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const refreshControlGestureRef = React.useRef(null);
+  const {
+    refreshControl,
+    waitFor,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement(GHScrollView, _extends({}, rest, {
+    // @ts-ignore `ref` exists on `GHScrollView`
+    ref: ref,
+    waitFor: [...(0, _utils.toArray)(waitFor !== null && waitFor !== void 0 ? waitFor : []), refreshControlGestureRef] // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref
+    ,
+    refreshControl: refreshControl ? /*#__PURE__*/React.cloneElement(refreshControl, {
+      // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS
+      ref: refreshControlGestureRef
+    }) : undefined
+  }));
+}); // backward type compatibility with https://github.com/software-mansion/react-native-gesture-handler/blob/db78d3ca7d48e8ba57482d3fe9b0a15aa79d9932/react-native-gesture-handler.d.ts#L440-L457
+// include methods of wrapped components by creating an intersection type with the RN component instead of duplicating them.
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+
+exports.ScrollView = ScrollView;
+const Switch = (0, _createNativeWrapper.default)(_reactNative.Switch, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: true,
+  disallowInterruption: true
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+exports.Switch = Switch;
+const TextInput = (0, _createNativeWrapper.default)(_reactNative.TextInput); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+exports.TextInput = TextInput;
+const DrawerLayoutAndroid = (0, _createNativeWrapper.default)(_reactNative.DrawerLayoutAndroid, {
+  disallowInterruption: true
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+exports.DrawerLayoutAndroid = DrawerLayoutAndroid;
+const FlatList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const refreshControlGestureRef = React.useRef(null);
+  const {
+    waitFor,
+    refreshControl,
+    ...rest
+  } = props;
+  const flatListProps = {};
+  const scrollViewProps = {};
+
+  for (const [propName, value] of Object.entries(rest)) {
+    // https://github.com/microsoft/TypeScript/issues/26255
+    if (_NativeViewGestureHandler.nativeViewProps.includes(propName)) {
+      // @ts-ignore - this function cannot have generic type so we have to ignore this error
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      scrollViewProps[propName] = value;
+    } else {
+      // @ts-ignore - this function cannot have generic type so we have to ignore this error
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      flatListProps[propName] = value;
+    }
+  }
+
+  return (
+    /*#__PURE__*/
+    // @ts-ignore - this function cannot have generic type so we have to ignore this error
+    React.createElement(_reactNative.FlatList, _extends({
+      ref: ref
+    }, flatListProps, {
+      renderScrollComponent: scrollProps => /*#__PURE__*/React.createElement(ScrollView, _extends({}, scrollProps, scrollViewProps, {
+        waitFor: [...(0, _utils.toArray)(waitFor !== null && waitFor !== void 0 ? waitFor : []), refreshControlGestureRef]
+      })) // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref
+      ,
+      refreshControl: refreshControl ? /*#__PURE__*/React.cloneElement(refreshControl, {
+        // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS
+        ref: refreshControlGestureRef
+      }) : undefined
+    }))
+  );
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+exports.FlatList = FlatList;
+//# sourceMappingURL=GestureComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureComponents.tsx"],"names":["RefreshControl","RNRefreshControl","disallowInterruption","shouldCancelWhenOutside","GHScrollView","RNScrollView","ScrollView","React","forwardRef","props","ref","refreshControlGestureRef","useRef","refreshControl","waitFor","rest","cloneElement","undefined","Switch","RNSwitch","shouldActivateOnStart","TextInput","RNTextInput","DrawerLayoutAndroid","RNDrawerLayoutAndroid","FlatList","flatListProps","scrollViewProps","propName","value","Object","entries","nativeViewProps","includes","scrollProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport {\r\n  PropsWithChildren,\r\n  ForwardedRef,\r\n  RefAttributes,\r\n  ReactElement,\r\n} from 'react';\r\nimport {\r\n  ScrollView as RNScrollView,\r\n  ScrollViewProps as RNScrollViewProps,\r\n  Switch as RNSwitch,\r\n  SwitchProps as RNSwitchProps,\r\n  TextInput as RNTextInput,\r\n  TextInputProps as RNTextInputProps,\r\n  DrawerLayoutAndroid as RNDrawerLayoutAndroid,\r\n  DrawerLayoutAndroidProps as RNDrawerLayoutAndroidProps,\r\n  FlatList as RNFlatList,\r\n  FlatListProps as RNFlatListProps,\r\n  RefreshControl as RNRefreshControl,\r\n} from 'react-native';\r\n\r\nimport createNativeWrapper from '../handlers/createNativeWrapper';\r\n\r\nimport {\r\n  NativeViewGestureHandlerProps,\r\n  nativeViewProps,\r\n} from '../handlers/NativeViewGestureHandler';\r\n\r\nimport { toArray } from '../utils';\r\n\r\nexport const RefreshControl = createNativeWrapper(RNRefreshControl, {\r\n  disallowInterruption: true,\r\n  shouldCancelWhenOutside: false,\r\n});\r\n// eslint-disable-next-line @typescript-eslint/no-redeclare\r\nexport type RefreshControl = typeof RefreshControl & RNRefreshControl;\r\n\r\nconst GHScrollView = createNativeWrapper<PropsWithChildren<RNScrollViewProps>>(\r\n  RNScrollView,\r\n  {\r\n    disallowInterruption: true,\r\n    shouldCancelWhenOutside: false,\r\n  }\r\n);\r\nexport const ScrollView = React.forwardRef<\r\n  RNScrollView,\r\n  RNScrollViewProps & NativeViewGestureHandlerProps\r\n>((props, ref) => {\r\n  const refreshControlGestureRef = React.useRef<RefreshControl>(null);\r\n  const { refreshControl, waitFor, ...rest } = props;\r\n\r\n  return (\r\n    <GHScrollView\r\n      {...rest}\r\n      // @ts-ignore `ref` exists on `GHScrollView`\r\n      ref={ref}\r\n      waitFor={[...toArray(waitFor ?? []), refreshControlGestureRef]}\r\n      // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref\r\n      refreshControl={\r\n        refreshControl\r\n          ? React.cloneElement(refreshControl, {\r\n              // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS\r\n              ref: refreshControlGestureRef,\r\n            })\r\n          : undefined\r\n      }\r\n    />\r\n  );\r\n});\r\n// backward type compatibility with https://github.com/software-mansion/react-native-gesture-handler/blob/db78d3ca7d48e8ba57482d3fe9b0a15aa79d9932/react-native-gesture-handler.d.ts#L440-L457\r\n// include methods of wrapped components by creating an intersection type with the RN component instead of duplicating them.\r\n// eslint-disable-next-line @typescript-eslint/no-redeclare\r\nexport type ScrollView = typeof GHScrollView & RNScrollView;\r\n\r\nexport const Switch = createNativeWrapper<RNSwitchProps>(RNSwitch, {\r\n  shouldCancelWhenOutside: false,\r\n  shouldActivateOnStart: true,\r\n  disallowInterruption: true,\r\n});\r\n// eslint-disable-next-line @typescript-eslint/no-redeclare\r\nexport type Switch = typeof Switch & RNSwitch;\r\n\r\nexport const TextInput = createNativeWrapper<RNTextInputProps>(RNTextInput);\r\n// eslint-disable-next-line @typescript-eslint/no-redeclare\r\nexport type TextInput = typeof TextInput & RNTextInput;\r\n\r\nexport const DrawerLayoutAndroid = createNativeWrapper<\r\n  PropsWithChildren<RNDrawerLayoutAndroidProps>\r\n>(RNDrawerLayoutAndroid, { disallowInterruption: true });\r\n// eslint-disable-next-line @typescript-eslint/no-redeclare\r\nexport type DrawerLayoutAndroid = typeof DrawerLayoutAndroid &\r\n  RNDrawerLayoutAndroid;\r\n\r\nexport const FlatList = React.forwardRef((props, ref) => {\r\n  const refreshControlGestureRef = React.useRef<RefreshControl>(null);\r\n\r\n  const { waitFor, refreshControl, ...rest } = props;\r\n\r\n  const flatListProps = {};\r\n  const scrollViewProps = {};\r\n  for (const [propName, value] of Object.entries(rest)) {\r\n    // https://github.com/microsoft/TypeScript/issues/26255\r\n    if ((nativeViewProps as readonly string[]).includes(propName)) {\r\n      // @ts-ignore - this function cannot have generic type so we have to ignore this error\r\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n      scrollViewProps[propName] = value;\r\n    } else {\r\n      // @ts-ignore - this function cannot have generic type so we have to ignore this error\r\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n      flatListProps[propName] = value;\r\n    }\r\n  }\r\n\r\n  return (\r\n    // @ts-ignore - this function cannot have generic type so we have to ignore this error\r\n    <RNFlatList\r\n      ref={ref}\r\n      {...flatListProps}\r\n      renderScrollComponent={(scrollProps) => (\r\n        <ScrollView\r\n          {...{\r\n            ...scrollProps,\r\n            ...scrollViewProps,\r\n            waitFor: [...toArray(waitFor ?? []), refreshControlGestureRef],\r\n          }}\r\n        />\r\n      )}\r\n      // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref\r\n      refreshControl={\r\n        refreshControl\r\n          ? React.cloneElement(refreshControl, {\r\n              // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS\r\n              ref: refreshControlGestureRef,\r\n            })\r\n          : undefined\r\n      }\r\n    />\r\n  );\r\n}) as <ItemT = any>(\r\n  props: PropsWithChildren<\r\n    RNFlatListProps<ItemT> &\r\n      RefAttributes<FlatList<ItemT>> &\r\n      NativeViewGestureHandlerProps\r\n  >,\r\n  ref: ForwardedRef<FlatList<ItemT>>\r\n) => ReactElement | null;\r\n// eslint-disable-next-line @typescript-eslint/no-redeclare\r\nexport type FlatList<ItemT = any> = typeof FlatList & RNFlatList<ItemT>;\r\n"]}

package/lib/commonjs/components/GestureComponents.web.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlatList = exports.RefreshControl = exports.DrawerLayoutAndroid = exports.TextInput = exports.Switch = exports.ScrollView = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _createNativeWrapper = _interopRequireDefault(require("../handlers/createNativeWrapper"));
+
+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 _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); }
+
+const ScrollView = (0, _createNativeWrapper.default)(_reactNative.ScrollView, {
+  disallowInterruption: false
+});
+exports.ScrollView = ScrollView;
+const Switch = (0, _createNativeWrapper.default)(_reactNative.Switch, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: true,
+  disallowInterruption: true
+});
+exports.Switch = Switch;
+const TextInput = (0, _createNativeWrapper.default)(_reactNative.TextInput);
+exports.TextInput = TextInput;
+
+const DrawerLayoutAndroid = () => {
+  console.warn('DrawerLayoutAndroid is not supported on web!');
+  return /*#__PURE__*/React.createElement(_reactNative.View, null);
+}; // RefreshControl is implemented as a functional component, rendering a View
+// NativeViewGestureHandler needs to set a ref on its child, which cannot be done
+// on functional components
+
+
+exports.DrawerLayoutAndroid = DrawerLayoutAndroid;
+const RefreshControl = (0, _createNativeWrapper.default)(_reactNative.View);
+exports.RefreshControl = RefreshControl;
+const FlatList = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(_reactNative.FlatList, _extends({
+  ref: ref
+}, props, {
+  renderScrollComponent: scrollProps => /*#__PURE__*/React.createElement(ScrollView, scrollProps)
+})));
+exports.FlatList = FlatList;
+//# sourceMappingURL=GestureComponents.web.js.map

package/lib/commonjs/components/GestureComponents.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureComponents.web.tsx"],"names":["ScrollView","RNScrollView","disallowInterruption","Switch","RNSwitch","shouldCancelWhenOutside","shouldActivateOnStart","TextInput","RNTextInput","DrawerLayoutAndroid","console","warn","RefreshControl","View","FlatList","React","forwardRef","props","ref","scrollProps"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;;;;;;;;;AAEO,MAAMA,UAAU,GAAG,kCAAoBC,uBAApB,EAAkC;AAC1DC,EAAAA,oBAAoB,EAAE;AADoC,CAAlC,CAAnB;;AAIA,MAAMC,MAAM,GAAG,kCAAoBC,mBAApB,EAA8B;AAClDC,EAAAA,uBAAuB,EAAE,KADyB;AAElDC,EAAAA,qBAAqB,EAAE,IAF2B;AAGlDJ,EAAAA,oBAAoB,EAAE;AAH4B,CAA9B,CAAf;;AAKA,MAAMK,SAAS,GAAG,kCAAoBC,sBAApB,CAAlB;;;AACA,MAAMC,mBAAmB,GAAG,MAAM;AACvCC,EAAAA,OAAO,CAACC,IAAR,CAAa,8CAAb;AACA,sBAAO,oBAAC,iBAAD,OAAP;AACD,CAHM,C,CAKP;AACA;AACA;;;;AACO,MAAMC,cAAc,GAAG,kCAAoBC,iBAApB,CAAvB;;AAEA,MAAMC,QAAQ,gBAAGC,KAAK,CAACC,UAAN,CACtB,CAAoBC,KAApB,EAAiDC,GAAjD,kBACE,oBAAC,qBAAD;AACE,EAAA,GAAG,EAAEA;AADP,GAEMD,KAFN;AAGE,EAAA,qBAAqB,EAAGE,WAAD,iBAAiB,oBAAC,UAAD,EAAgBA,WAAhB;AAH1C,GAFoB,CAAjB","sourcesContent":["import * as React from 'react';\r\nimport {\r\n  FlatList as RNFlatList,\r\n  Switch as RNSwitch,\r\n  TextInput as RNTextInput,\r\n  ScrollView as RNScrollView,\r\n  FlatListProps,\r\n  View,\r\n} from 'react-native';\r\n\r\nimport createNativeWrapper from '../handlers/createNativeWrapper';\r\n\r\nexport const ScrollView = createNativeWrapper(RNScrollView, {\r\n  disallowInterruption: false,\r\n});\r\n\r\nexport const Switch = createNativeWrapper(RNSwitch, {\r\n  shouldCancelWhenOutside: false,\r\n  shouldActivateOnStart: true,\r\n  disallowInterruption: true,\r\n});\r\nexport const TextInput = createNativeWrapper(RNTextInput);\r\nexport const DrawerLayoutAndroid = () => {\r\n  console.warn('DrawerLayoutAndroid is not supported on web!');\r\n  return <View />;\r\n};\r\n\r\n// RefreshControl is implemented as a functional component, rendering a View\r\n// NativeViewGestureHandler needs to set a ref on its child, which cannot be done\r\n// on functional components\r\nexport const RefreshControl = createNativeWrapper(View);\r\n\r\nexport const FlatList = React.forwardRef(\r\n  <ItemT extends any>(props: FlatListProps<ItemT>, ref: any) => (\r\n    <RNFlatList\r\n      ref={ref}\r\n      {...props}\r\n      renderScrollComponent={(scrollProps) => <ScrollView {...scrollProps} />}\r\n    />\r\n  )\r\n);\r\n"]}

package/lib/commonjs/components/GestureHandlerButton.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _RNGestureHandlerButtonNativeComponent = _interopRequireDefault(require("../specs/RNGestureHandlerButtonNativeComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _RNGestureHandlerButtonNativeComponent.default;
+exports.default = _default;
+//# sourceMappingURL=GestureHandlerButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerButton.tsx"],"names":["RNGestureHandlerButtonNativeComponent"],"mappings":";;;;;;;AAEA;;;;eAEeA,8C","sourcesContent":["import { HostComponent } from 'react-native';\r\nimport { RawButtonProps } from './GestureButtons';\r\nimport RNGestureHandlerButtonNativeComponent from '../specs/RNGestureHandlerButtonNativeComponent';\r\n\r\nexport default RNGestureHandlerButtonNativeComponent as HostComponent<RawButtonProps>;\r\n"]}

package/lib/commonjs/components/GestureHandlerButton.web.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+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); }
+
+var _default = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  ref: ref,
+  accessibilityRole: "button"
+}, props)));
+
+exports.default = _default;
+//# sourceMappingURL=GestureHandlerButton.web.js.map

package/lib/commonjs/components/GestureHandlerButton.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerButton.web.tsx"],"names":["React","forwardRef","props","ref"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;4BAEeA,KAAK,CAACC,UAAN,CAAuB,CAACC,KAAD,EAAQC,GAAR,kBACpC,oBAAC,iBAAD;AAAM,EAAA,GAAG,EAAEA,GAAX;AAAgB,EAAA,iBAAiB,EAAC;AAAlC,GAA+CD,KAA/C,EADa,C","sourcesContent":["import * as React from 'react';\r\nimport { View } from 'react-native';\r\n\r\nexport default React.forwardRef<View>((props, ref) => (\r\n  <View ref={ref} accessibilityRole=\"button\" {...props} />\r\n));\r\n"]}

package/lib/commonjs/components/GestureHandlerRootView.android.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GestureHandlerRootView;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _init = require("../init");
+
+var _GestureHandlerRootViewContext = _interopRequireDefault(require("../GestureHandlerRootViewContext"));
+
+var _RNGestureHandlerRootViewNativeComponent = _interopRequireDefault(require("../specs/RNGestureHandlerRootViewNativeComponent"));
+
+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 GestureHandlerRootView(props) {
+  // try initialize fabric on the first render, at this point we can
+  // reliably check if fabric is enabled (the function contains a flag
+  // to make sure it's called only once)
+  (0, _init.maybeInitializeFabric)();
+  return /*#__PURE__*/React.createElement(_GestureHandlerRootViewContext.default.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(_RNGestureHandlerRootViewNativeComponent.default, props));
+}
+//# sourceMappingURL=GestureHandlerRootView.android.js.map

package/lib/commonjs/components/GestureHandlerRootView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerRootView.android.tsx"],"names":["GestureHandlerRootView","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;;;;;;;AAKe,SAASA,sBAAT,CACbC,KADa,EAEb;AACA;AACA;AACA;AACA;AAEA,sBACE,oBAAC,sCAAD,CAA+B,QAA/B;AAAwC,IAAA,KAAK;AAA7C,kBACE,oBAAC,gDAAD,EAA2CA,KAA3C,CADF,CADF;AAKD","sourcesContent":["import * as React from 'react';\r\nimport { PropsWithChildren } from 'react';\r\nimport { ViewProps } from 'react-native';\r\nimport { maybeInitializeFabric } from '../init';\r\nimport GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';\r\nimport GestureHandlerRootViewNativeComponent from '../specs/RNGestureHandlerRootViewNativeComponent';\r\n\r\nexport interface GestureHandlerRootViewProps\r\n  extends PropsWithChildren<ViewProps> {}\r\n\r\nexport default function GestureHandlerRootView(\r\n  props: GestureHandlerRootViewProps\r\n) {\r\n  // try initialize fabric on the first render, at this point we can\r\n  // reliably check if fabric is enabled (the function contains a flag\r\n  // to make sure it's called only once)\r\n  maybeInitializeFabric();\r\n\r\n  return (\r\n    <GestureHandlerRootViewContext.Provider value>\r\n      <GestureHandlerRootViewNativeComponent {...props} />\r\n    </GestureHandlerRootViewContext.Provider>\r\n  );\r\n}\r\n"]}

package/lib/commonjs/components/GestureHandlerRootView.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GestureHandlerRootView;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _init = require("../init");
+
+var _GestureHandlerRootViewContext = _interopRequireDefault(require("../GestureHandlerRootViewContext"));
+
+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 GestureHandlerRootView(props) {
+  // try initialize fabric on the first render, at this point we can
+  // reliably check if fabric is enabled (the function contains a flag
+  // to make sure it's called only once)
+  (0, _init.maybeInitializeFabric)();
+  return /*#__PURE__*/React.createElement(_GestureHandlerRootViewContext.default.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(_reactNative.View, props));
+}
+//# sourceMappingURL=GestureHandlerRootView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerRootView.tsx"],"names":["GestureHandlerRootView","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;AAKe,SAASA,sBAAT,CACbC,KADa,EAEb;AACA;AACA;AACA;AACA;AAEA,sBACE,oBAAC,sCAAD,CAA+B,QAA/B;AAAwC,IAAA,KAAK;AAA7C,kBACE,oBAAC,iBAAD,EAAUA,KAAV,CADF,CADF;AAKD","sourcesContent":["import * as React from 'react';\r\nimport { PropsWithChildren } from 'react';\r\nimport { View, ViewProps } from 'react-native';\r\nimport { maybeInitializeFabric } from '../init';\r\nimport GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';\r\n\r\nexport interface GestureHandlerRootViewProps\r\n  extends PropsWithChildren<ViewProps> {}\r\n\r\nexport default function GestureHandlerRootView(\r\n  props: GestureHandlerRootViewProps\r\n) {\r\n  // try initialize fabric on the first render, at this point we can\r\n  // reliably check if fabric is enabled (the function contains a flag\r\n  // to make sure it's called only once)\r\n  maybeInitializeFabric();\r\n\r\n  return (\r\n    <GestureHandlerRootViewContext.Provider value>\r\n      <View {...props} />\r\n    </GestureHandlerRootViewContext.Provider>\r\n  );\r\n}\r\n"]}

package/lib/commonjs/components/GestureHandlerRootView.web.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GestureHandlerRootView;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _GestureHandlerRootViewContext = _interopRequireDefault(require("../GestureHandlerRootViewContext"));
+
+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 GestureHandlerRootView(props) {
+  return /*#__PURE__*/React.createElement(_GestureHandlerRootViewContext.default.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(_reactNative.View, props));
+}
+//# sourceMappingURL=GestureHandlerRootView.web.js.map

package/lib/commonjs/components/GestureHandlerRootView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerRootView.web.tsx"],"names":["GestureHandlerRootView","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAKe,SAASA,sBAAT,CACbC,KADa,EAEb;AACA,sBACE,oBAAC,sCAAD,CAA+B,QAA/B;AAAwC,IAAA,KAAK;AAA7C,kBACE,oBAAC,iBAAD,EAAUA,KAAV,CADF,CADF;AAKD","sourcesContent":["import * as React from 'react';\r\nimport { PropsWithChildren } from 'react';\r\nimport { View, ViewProps } from 'react-native';\r\nimport GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';\r\n\r\nexport interface GestureHandlerRootViewProps\r\n  extends PropsWithChildren<ViewProps> {}\r\n\r\nexport default function GestureHandlerRootView(\r\n  props: GestureHandlerRootViewProps\r\n) {\r\n  return (\r\n    <GestureHandlerRootViewContext.Provider value>\r\n      <View {...props} />\r\n    </GestureHandlerRootViewContext.Provider>\r\n  );\r\n}\r\n"]}