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

package/lib/module/components/GestureButtons.js

@@ -1,200 +0,0 @@
-"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, {
-  // @ts-ignore
-  shouldCancelWhenOutside: Platform.OS === 'kepler',
-  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 && state !== State.FAILED && 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/GestureButtonsProps.js

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

package/lib/module/components/GestureComponents.js

@@ -1,100 +0,0 @@
-"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.web.js

@@ -1,32 +0,0 @@
-"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/GestureHandlerButton.js

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

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

@@ -1,11 +0,0 @@
-"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/GestureHandlerRootView.android.js

@@ -1,30 +0,0 @@
-"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.js

@@ -1,29 +0,0 @@
-"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.kepler.js

@@ -1,15 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
-import GestureHandlerRootViewNativeComponent from '../specs/RNGestureHandlerRootViewNativeComponent';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function GestureHandlerRootView(props) {
-  return /*#__PURE__*/_jsx(GestureHandlerRootViewContext.Provider, {
-    value: true,
-    children: /*#__PURE__*/_jsx(GestureHandlerRootViewNativeComponent, {
-      ...props
-    })
-  });
-}
-//# sourceMappingURL=GestureHandlerRootView.kepler.js.map

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

@@ -1,24 +0,0 @@
-"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