react-native-gesture-handler 2.27.0 → 2.27.1

package/lib/module/components/GestureButtons.js

@@ -0,0 +1,199 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, Platform, processColor, StyleSheet } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+import GestureHandlerButton from './GestureHandlerButton';
+import { State } from '../State';
+import { isFabric } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const RawButton = createNativeWrapper(GestureHandlerButton, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: false
+});
+let IS_FABRIC = null;
+class InnerBaseButton extends React.Component {
+  static defaultProps = {
+    delayLongPress: 600
+  };
+  constructor(props) {
+    super(props);
+    this.lastActive = false;
+    this.longPressDetected = false;
+  }
+  handleEvent = ({
+    nativeEvent
+  }) => {
+    const {
+      state,
+      oldState,
+      pointerInside
+    } = nativeEvent;
+    const active = pointerInside && state === State.ACTIVE;
+    if (active !== this.lastActive && this.props.onActiveStateChange) {
+      this.props.onActiveStateChange(active);
+    }
+    if (!this.longPressDetected && oldState === State.ACTIVE && state !== State.CANCELLED && this.lastActive && this.props.onPress) {
+      this.props.onPress(pointerInside);
+    }
+    if (!this.lastActive &&
+    // NativeViewGestureHandler sends different events based on platform
+    state === (Platform.OS !== 'android' ? State.ACTIVE : 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.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.END || state === State.CANCELLED || state === State.FAILED)) {
+      clearTimeout(this.longPressTimeout);
+      this.longPressTimeout = undefined;
+    }
+    this.lastActive = active;
+  };
+  onLongPress = () => {
+    this.longPressDetected = true;
+    this.props.onLongPress?.();
+  };
+
+  // Normally, the parent would execute it's handler first, then forward the
+  // event to listeners. However, here our handler is virtually only forwarding
+  // events to listeners, so we reverse the order to keep the proper order of
+  // the callbacks (from "raw" ones to "processed").
+  onHandlerStateChange = e => {
+    this.props.onHandlerStateChange?.(e);
+    this.handleEvent(e);
+  };
+  onGestureEvent = e => {
+    this.props.onGestureEvent?.(e);
+    this.handleEvent(e); // TODO: maybe it is not correct
+  };
+  render() {
+    const {
+      rippleColor: unprocessedRippleColor,
+      style,
+      ...rest
+    } = this.props;
+    if (IS_FABRIC === null) {
+      IS_FABRIC = isFabric();
+    }
+    const rippleColor = IS_FABRIC ? unprocessedRippleColor : processColor(unprocessedRippleColor ?? undefined);
+    return /*#__PURE__*/_jsx(RawButton, {
+      ref: this.props.innerRef,
+      rippleColor: rippleColor,
+      style: [style, Platform.OS === 'ios' && {
+        cursor: undefined
+      }],
+      ...rest,
+      onGestureEvent: this.onGestureEvent,
+      onHandlerStateChange: this.onHandlerStateChange
+    });
+  }
+}
+const AnimatedInnerBaseButton = Animated.createAnimatedComponent(InnerBaseButton);
+export const BaseButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(InnerBaseButton, {
+  innerRef: ref,
+  ...props
+}));
+const AnimatedBaseButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(AnimatedInnerBaseButton, {
+  innerRef: ref,
+  ...props
+}));
+const btnStyles = StyleSheet.create({
+  underlay: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    top: 0
+  }
+});
+class InnerRectButton extends React.Component {
+  static defaultProps = {
+    activeOpacity: 0.105,
+    underlayColor: 'black'
+  };
+  constructor(props) {
+    super(props);
+    this.opacity = new Animated.Value(0);
+  }
+  onActiveStateChange = active => {
+    if (Platform.OS !== 'android') {
+      this.opacity.setValue(active ? this.props.activeOpacity : 0);
+    }
+    this.props.onActiveStateChange?.(active);
+  };
+  render() {
+    const {
+      children,
+      style,
+      ...rest
+    } = this.props;
+    const resolvedStyle = StyleSheet.flatten(style) ?? {};
+    return /*#__PURE__*/_jsxs(BaseButton, {
+      ...rest,
+      ref: this.props.innerRef,
+      style: resolvedStyle,
+      onActiveStateChange: this.onActiveStateChange,
+      children: [/*#__PURE__*/_jsx(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]
+    });
+  }
+}
+export const RectButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(InnerRectButton, {
+  innerRef: ref,
+  ...props
+}));
+class InnerBorderlessButton extends React.Component {
+  static defaultProps = {
+    activeOpacity: 0.3,
+    borderless: true
+  };
+  constructor(props) {
+    super(props);
+    this.opacity = new Animated.Value(1);
+  }
+  onActiveStateChange = active => {
+    if (Platform.OS !== 'android') {
+      this.opacity.setValue(active ? this.props.activeOpacity : 1);
+    }
+    this.props.onActiveStateChange?.(active);
+  };
+  render() {
+    const {
+      children,
+      style,
+      innerRef,
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/_jsx(AnimatedBaseButton, {
+      ...rest,
+      innerRef: innerRef,
+      onActiveStateChange: this.onActiveStateChange,
+      style: [style, Platform.OS === 'ios' && {
+        opacity: this.opacity
+      }],
+      children: children
+    });
+  }
+}
+export const BorderlessButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(InnerBorderlessButton, {
+  innerRef: ref,
+  ...props
+}));
+export { default as PureNativeButton } from './GestureHandlerButton';
+//# sourceMappingURL=GestureButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Platform","processColor","StyleSheet","createNativeWrapper","GestureHandlerButton","State","isFabric","jsx","_jsx","jsxs","_jsxs","RawButton","shouldCancelWhenOutside","shouldActivateOnStart","IS_FABRIC","InnerBaseButton","Component","defaultProps","delayLongPress","constructor","props","lastActive","longPressDetected","handleEvent","nativeEvent","state","oldState","pointerInside","active","ACTIVE","onActiveStateChange","CANCELLED","onPress","OS","BEGAN","onLongPress","longPressTimeout","setTimeout","undefined","clearTimeout","END","FAILED","onHandlerStateChange","e","onGestureEvent","render","rippleColor","unprocessedRippleColor","style","rest","ref","innerRef","cursor","AnimatedInnerBaseButton","createAnimatedComponent","BaseButton","forwardRef","AnimatedBaseButton","btnStyles","create","underlay","position","left","right","bottom","top","InnerRectButton","activeOpacity","underlayColor","opacity","Value","setValue","children","resolvedStyle","flatten","View","backgroundColor","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","RectButton","InnerBorderlessButton","borderless","BorderlessButton","default","PureNativeButton"],"sourceRoot":"../../../src","sources":["components/GestureButtons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/GestureButtonsProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=GestureButtonsProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/GestureButtonsProps.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/GestureComponents.js

@@ -0,0 +1,100 @@
+"use strict";
+
+import * as React from 'react';
+import { ScrollView as RNScrollView, Switch as RNSwitch, TextInput as RNTextInput, DrawerLayoutAndroid as RNDrawerLayoutAndroid, FlatList as RNFlatList, RefreshControl as RNRefreshControl } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+import { nativeViewProps } from '../handlers/NativeViewGestureHandler';
+import { toArray } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RefreshControl = createNativeWrapper(RNRefreshControl, {
+  disallowInterruption: true,
+  shouldCancelWhenOutside: false
+});
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+
+const GHScrollView = createNativeWrapper(RNScrollView, {
+  disallowInterruption: true,
+  shouldCancelWhenOutside: false
+});
+export const ScrollView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const refreshControlGestureRef = React.useRef(null);
+  const {
+    refreshControl,
+    waitFor,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx(GHScrollView, {
+    ...rest,
+    // @ts-ignore `ref` exists on `GHScrollView`
+    ref: ref,
+    waitFor: [...toArray(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
+
+export const Switch = createNativeWrapper(RNSwitch, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: true,
+  disallowInterruption: true
+});
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+
+export const TextInput = createNativeWrapper(RNTextInput);
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+
+export const DrawerLayoutAndroid = createNativeWrapper(RNDrawerLayoutAndroid, {
+  disallowInterruption: true
+});
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+
+export 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 (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
+    _jsx(RNFlatList, {
+      ref: ref,
+      ...flatListProps,
+      renderScrollComponent: scrollProps => /*#__PURE__*/_jsx(ScrollView, {
+        ...scrollProps,
+        ...scrollViewProps,
+        waitFor: [...toArray(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
+//# sourceMappingURL=GestureComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","RNScrollView","Switch","RNSwitch","TextInput","RNTextInput","DrawerLayoutAndroid","RNDrawerLayoutAndroid","FlatList","RNFlatList","RefreshControl","RNRefreshControl","createNativeWrapper","nativeViewProps","toArray","jsx","_jsx","disallowInterruption","shouldCancelWhenOutside","GHScrollView","forwardRef","props","ref","refreshControlGestureRef","useRef","refreshControl","waitFor","rest","cloneElement","undefined","shouldActivateOnStart","flatListProps","scrollViewProps","propName","value","Object","entries","includes","renderScrollComponent","scrollProps"],"sourceRoot":"../../../src","sources":["components/GestureComponents.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+import * as React from 'react';
+import { FlatList as RNFlatList, Switch as RNSwitch, TextInput as RNTextInput, ScrollView as RNScrollView, View } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ScrollView = createNativeWrapper(RNScrollView, {
+  disallowInterruption: false
+});
+export const Switch = createNativeWrapper(RNSwitch, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: true,
+  disallowInterruption: true
+});
+export const TextInput = createNativeWrapper(RNTextInput);
+export const DrawerLayoutAndroid = () => {
+  console.warn('DrawerLayoutAndroid is not supported on web!');
+  return /*#__PURE__*/_jsx(View, {});
+};
+
+// 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
+export const RefreshControl = createNativeWrapper(View);
+export const FlatList = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(RNFlatList, {
+  ref: ref,
+  ...props,
+  renderScrollComponent: scrollProps => /*#__PURE__*/_jsx(ScrollView, {
+    ...scrollProps
+  })
+}));
+//# sourceMappingURL=GestureComponents.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlatList","RNFlatList","Switch","RNSwitch","TextInput","RNTextInput","ScrollView","RNScrollView","View","createNativeWrapper","jsx","_jsx","disallowInterruption","shouldCancelWhenOutside","shouldActivateOnStart","DrawerLayoutAndroid","console","warn","RefreshControl","forwardRef","props","ref","renderScrollComponent","scrollProps"],"sourceRoot":"../../../src","sources":["components/GestureComponents.web.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,IAAIC,UAAU,EACtBC,MAAM,IAAIC,QAAQ,EAClBC,SAAS,IAAIC,WAAW,EACxBC,UAAU,IAAIC,YAAY,EAE1BC,IAAI,QACC,cAAc;AAErB,OAAOC,mBAAmB,MAAM,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,OAAO,MAAML,UAAU,GAAGG,mBAAmB,CAACF,YAAY,EAAE;EAC1DK,oBAAoB,EAAE;AACxB,CAAC,CAAC;AAEF,OAAO,MAAMV,MAAM,GAAGO,mBAAmB,CAACN,QAAQ,EAAE;EAClDU,uBAAuB,EAAE,KAAK;EAC9BC,qBAAqB,EAAE,IAAI;EAC3BF,oBAAoB,EAAE;AACxB,CAAC,CAAC;AACF,OAAO,MAAMR,SAAS,GAAGK,mBAAmB,CAACJ,WAAW,CAAC;AACzD,OAAO,MAAMU,mBAAmB,GAAGA,CAAA,KAAM;EACvCC,OAAO,CAACC,IAAI,CAAC,8CAA8C,CAAC;EAC5D,oBAAON,IAAA,CAACH,IAAI,IAAE,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMU,cAAc,GAAGT,mBAAmB,CAACD,IAAI,CAAC;AAEvD,OAAO,MAAMR,QAAQ,gBAAGD,KAAK,CAACoB,UAAU,CACtC,CAASC,KAA2B,EAAEC,GAAQ,kBAC5CV,IAAA,CAACV,UAAU;EACToB,GAAG,EAAEA,GAAI;EAAA,GACLD,KAAK;EACTE,qBAAqB,EAAGC,WAAW,iBAAKZ,IAAA,CAACL,UAAU;IAAA,GAAKiB;EAAW,CAAG;AAAE,CACzE,CAEL,CAAC","ignoreList":[]}

package/lib/module/components/GestureHandlerButton.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import RNGestureHandlerButtonNativeComponent from '../specs/RNGestureHandlerButtonNativeComponent';
+export default RNGestureHandlerButtonNativeComponent;
+//# sourceMappingURL=GestureHandlerButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RNGestureHandlerButtonNativeComponent"],"sourceRoot":"../../../src","sources":["components/GestureHandlerButton.tsx"],"mappings":";;AAEA,OAAOA,qCAAqC,MAAM,gDAAgD;AAElG,eAAeA,qCAAqC","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+import * as React from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  accessibilityRole: "button",
+  ...props
+}));
+//# sourceMappingURL=GestureHandlerButton.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","jsx","_jsx","forwardRef","props","ref","accessibilityRole"],"sourceRoot":"../../../src","sources":["components/GestureHandlerButton.web.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,4BAAeH,KAAK,CAACI,UAAU,CAC7B,CAACC,KAAK,EAAEC,GAAG,kBAAKH,IAAA,CAACF,IAAI;EAACK,GAAG,EAAEA,GAAI;EAACC,iBAAiB,EAAC,QAAQ;EAAA,GAAKF;AAAK,CAAG,CACzE,CAAC","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { maybeInitializeFabric } from '../init';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import GestureHandlerRootViewNativeComponent from '../specs/RNGestureHandlerRootViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function GestureHandlerRootView({
+  style,
+  ...rest
+}) {
+  // 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)
+  maybeInitializeFabric();
+  return /*#__PURE__*/_jsx(GestureHandlerRootViewContext.Provider, {
+    value: true,
+    children: /*#__PURE__*/_jsx(GestureHandlerRootViewNativeComponent, {
+      style: style ?? styles.container,
+      ...rest
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=GestureHandlerRootView.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","maybeInitializeFabric","GestureHandlerRootViewContext","GestureHandlerRootViewNativeComponent","jsx","_jsx","GestureHandlerRootView","style","rest","Provider","value","children","styles","container","create","flex"],"sourceRoot":"../../../src","sources":["components/GestureHandlerRootView.android.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAAoBC,UAAU,QAAQ,cAAc;AACpD,SAASC,qBAAqB,QAAQ,SAAS;AAC/C,OAAOC,6BAA6B,MAAM,kCAAkC;AAC5E,OAAOC,qCAAqC,MAAM,kDAAkD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKrG,eAAe,SAASC,sBAAsBA,CAAC;EAC7CC,KAAK;EACL,GAAGC;AACwB,CAAC,EAAE;EAC9B;EACA;EACA;EACAP,qBAAqB,CAAC,CAAC;EAEvB,oBACEI,IAAA,CAACH,6BAA6B,CAACO,QAAQ;IAACC,KAAK;IAAAC,QAAA,eAC3CN,IAAA,CAACF,qCAAqC;MACpCI,KAAK,EAAEA,KAAK,IAAIK,MAAM,CAACC,SAAU;MAAA,GAC7BL;IAAI,CACT;EAAC,CACoC,CAAC;AAE7C;AAEA,MAAMI,MAAM,GAAGZ,UAAU,CAACc,MAAM,CAAC;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/GestureHandlerRootView.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { maybeInitializeFabric } from '../init';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function GestureHandlerRootView({
+  style,
+  ...rest
+}) {
+  // 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)
+  maybeInitializeFabric();
+  return /*#__PURE__*/_jsx(GestureHandlerRootViewContext.Provider, {
+    value: true,
+    children: /*#__PURE__*/_jsx(View, {
+      style: style ?? styles.container,
+      ...rest
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=GestureHandlerRootView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","maybeInitializeFabric","GestureHandlerRootViewContext","jsx","_jsx","GestureHandlerRootView","style","rest","Provider","value","children","styles","container","create","flex"],"sourceRoot":"../../../src","sources":["components/GestureHandlerRootView.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,EAAaC,UAAU,QAAQ,cAAc;AAC1D,SAASC,qBAAqB,QAAQ,SAAS;AAC/C,OAAOC,6BAA6B,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAK7E,eAAe,SAASC,sBAAsBA,CAAC;EAC7CC,KAAK;EACL,GAAGC;AACwB,CAAC,EAAE;EAC9B;EACA;EACA;EACAN,qBAAqB,CAAC,CAAC;EAEvB,oBACEG,IAAA,CAACF,6BAA6B,CAACM,QAAQ;IAACC,KAAK;IAAAC,QAAA,eAC3CN,IAAA,CAACL,IAAI;MAACO,KAAK,EAAEA,KAAK,IAAIK,MAAM,CAACC,SAAU;MAAA,GAAKL;IAAI,CAAG;EAAC,CACd,CAAC;AAE7C;AAEA,MAAMI,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function GestureHandlerRootView({
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(GestureHandlerRootViewContext.Provider, {
+    value: true,
+    children: /*#__PURE__*/_jsx(View, {
+      style: style ?? styles.container,
+      ...rest
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=GestureHandlerRootView.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","GestureHandlerRootViewContext","jsx","_jsx","GestureHandlerRootView","style","rest","Provider","value","children","styles","container","create","flex"],"sourceRoot":"../../../src","sources":["components/GestureHandlerRootView.web.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,EAAaC,UAAU,QAAQ,cAAc;AAC1D,OAAOC,6BAA6B,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAK7E,eAAe,SAASC,sBAAsBA,CAAC;EAC7CC,KAAK;EACL,GAAGC;AACwB,CAAC,EAAE;EAC9B,oBACEH,IAAA,CAACF,6BAA6B,CAACM,QAAQ;IAACC,KAAK;IAAAC,QAAA,eAC3CN,IAAA,CAACJ,IAAI;MAACM,KAAK,EAAEA,KAAK,IAAIK,MAAM,CAACC,SAAU;MAAA,GAAKL;IAAI,CAAG;EAAC,CACd,CAAC;AAE7C;AAEA,MAAMI,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}