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

package/src/components/touchables/TouchableOpacity.tsx

@@ -1,76 +1,76 @@
-import {
-  Animated,
-  Easing,
-  StyleSheet,
-  View,
-  TouchableOpacityProps as RNTouchableOpacityProps,
-} from 'react-native';
-import GenericTouchable, {
-  TOUCHABLE_STATE,
-  GenericTouchableProps,
-} from './GenericTouchable';
-import * as React from 'react';
-import { Component } from 'react';
-
-export type TouchableOpacityProps = RNTouchableOpacityProps &
-  GenericTouchableProps & {
-    useNativeAnimations?: boolean;
-  };
-
-/**
- * TouchableOpacity bases on timing animation which has been used in RN's core
- */
-export default class TouchableOpacity extends Component<TouchableOpacityProps> {
-  static defaultProps = {
-    ...GenericTouchable.defaultProps,
-    activeOpacity: 0.2,
-  };
-
-  // opacity is 1 one by default but could be overwritten
-  getChildStyleOpacityWithDefault = () => {
-    const childStyle = StyleSheet.flatten(this.props.style) || {};
-    return childStyle.opacity == null
-      ? 1
-      : (childStyle.opacity.valueOf() as number);
-  };
-
-  opacity = new Animated.Value(this.getChildStyleOpacityWithDefault());
-
-  setOpacityTo = (value: number, duration: number) => {
-    Animated.timing(this.opacity, {
-      toValue: value,
-      duration: duration,
-      easing: Easing.inOut(Easing.quad),
-      useNativeDriver: this.props.useNativeAnimations ?? true,
-    }).start();
-  };
-
-  onStateChange = (_from: number, to: number) => {
-    if (to === TOUCHABLE_STATE.BEGAN) {
-      this.setOpacityTo(this.props.activeOpacity!, 0);
-    } else if (
-      to === TOUCHABLE_STATE.UNDETERMINED ||
-      to === TOUCHABLE_STATE.MOVED_OUTSIDE
-    ) {
-      this.setOpacityTo(this.getChildStyleOpacityWithDefault(), 150);
-    }
-  };
-
-  render() {
-    const { style = {}, ...rest } = this.props;
-    return (
-      <GenericTouchable
-        {...rest}
-        style={[
-          style,
-          {
-            opacity: this.opacity as unknown as number, // TODO: fix this
-          },
-        ]}
-        onStateChange={this.onStateChange}
-      >
-        {this.props.children ? this.props.children : <View />}
-      </GenericTouchable>
-    );
-  }
-}
+import {
+  Animated,
+  Easing,
+  StyleSheet,
+  View,
+  TouchableOpacityProps as RNTouchableOpacityProps,
+} from 'react-native';
+import GenericTouchable, {
+  TOUCHABLE_STATE,
+  GenericTouchableProps,
+} from './GenericTouchable';
+import * as React from 'react';
+import { Component } from 'react';
+
+export type TouchableOpacityProps = RNTouchableOpacityProps &
+  GenericTouchableProps & {
+    useNativeAnimations?: boolean;
+  };
+
+/**
+ * TouchableOpacity bases on timing animation which has been used in RN's core
+ */
+export default class TouchableOpacity extends Component<TouchableOpacityProps> {
+  static defaultProps = {
+    ...GenericTouchable.defaultProps,
+    activeOpacity: 0.2,
+  };
+
+  // opacity is 1 one by default but could be overwritten
+  getChildStyleOpacityWithDefault = () => {
+    const childStyle = StyleSheet.flatten(this.props.style) || {};
+    return childStyle.opacity == null
+      ? 1
+      : (childStyle.opacity.valueOf() as number);
+  };
+
+  opacity = new Animated.Value(this.getChildStyleOpacityWithDefault());
+
+  setOpacityTo = (value: number, duration: number) => {
+    Animated.timing(this.opacity, {
+      toValue: value,
+      duration: duration,
+      easing: Easing.inOut(Easing.quad),
+      useNativeDriver: this.props.useNativeAnimations ?? true,
+    }).start();
+  };
+
+  onStateChange = (_from: number, to: number) => {
+    if (to === TOUCHABLE_STATE.BEGAN) {
+      this.setOpacityTo(this.props.activeOpacity!, 0);
+    } else if (
+      to === TOUCHABLE_STATE.UNDETERMINED ||
+      to === TOUCHABLE_STATE.MOVED_OUTSIDE
+    ) {
+      this.setOpacityTo(this.getChildStyleOpacityWithDefault(), 150);
+    }
+  };
+
+  render() {
+    const { style = {}, ...rest } = this.props;
+    return (
+      <GenericTouchable
+        {...rest}
+        style={[
+          style,
+          {
+            opacity: this.opacity as unknown as number, // TODO: fix this
+          },
+        ]}
+        onStateChange={this.onStateChange}
+      >
+        {this.props.children ? this.props.children : <View />}
+      </GenericTouchable>
+    );
+  }
+}

package/src/components/touchables/TouchableWithoutFeedback.tsx

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import GenericTouchable, { GenericTouchableProps } from './GenericTouchable';
-
-export type TouchableWithoutFeedbackProps = GenericTouchable;
-
-const TouchableWithoutFeedback = React.forwardRef<
-  TouchableWithoutFeedbackProps,
-  PropsWithChildren<GenericTouchableProps>
->((props, ref) => <GenericTouchable ref={ref} {...props} />);
-
-TouchableWithoutFeedback.defaultProps = GenericTouchable.defaultProps;
-
-export default TouchableWithoutFeedback;
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import GenericTouchable, { GenericTouchableProps } from './GenericTouchable';
+
+export type TouchableWithoutFeedbackProps = GenericTouchable;
+
+const TouchableWithoutFeedback = React.forwardRef<
+  TouchableWithoutFeedbackProps,
+  PropsWithChildren<GenericTouchableProps>
+>((props, ref) => <GenericTouchable ref={ref} {...props} />);
+
+TouchableWithoutFeedback.defaultProps = GenericTouchable.defaultProps;
+
+export default TouchableWithoutFeedback;

package/src/components/touchables/index.ts

@@ -1,7 +1,7 @@
-// export type { TouchableHighlightProps } from './TouchableHighlight';
-export type { TouchableOpacityProps } from './TouchableOpacity';
-// export type { TouchableWithoutFeedbackProps } from './TouchableWithoutFeedback';
-// export { default as TouchableNativeFeedback } from './TouchableNativeFeedback';
-export { default as TouchableWithoutFeedback } from './TouchableWithoutFeedback';
-export { default as TouchableOpacity } from './TouchableOpacity';
-// export { default as TouchableHighlight } from './TouchableHighlight';
+// export type { TouchableHighlightProps } from './TouchableHighlight';
+export type { TouchableOpacityProps } from './TouchableOpacity';
+// export type { TouchableWithoutFeedbackProps } from './TouchableWithoutFeedback';
+// export { default as TouchableNativeFeedback } from './TouchableNativeFeedback';
+export { default as TouchableWithoutFeedback } from './TouchableWithoutFeedback';
+export { default as TouchableOpacity } from './TouchableOpacity';
+// export { default as TouchableHighlight } from './TouchableHighlight';

package/src/handlers/NativeViewGestureHandler.ts

@@ -1,55 +1,55 @@
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from 'react-native-gesture-handler/src/handlers/gestureHandlerCommon';
-
-export const nativeViewGestureHandlerProps = [
-  'shouldActivateOnStart',
-  'disallowInterruption',
-] as const;
-
-export interface NativeViewGestureConfig {
-  /**
-   * Android only.
-   *
-   * Determines whether the handler should check for an existing touch event on
-   * instantiation.
-   */
-  shouldActivateOnStart?: boolean;
-
-  /**
-   * When `true`, cancels all other gesture handlers when this
-   * `NativeViewGestureHandler` receives an `ACTIVE` state event.
-   */
-  disallowInterruption?: boolean;
-}
-
-export interface NativeViewGestureHandlerProps
-  extends BaseGestureHandlerProps<NativeViewGestureHandlerPayload>,
-    NativeViewGestureConfig {}
-
-export type NativeViewGestureHandlerPayload = {
-  /**
-   * True if gesture was performed inside of containing view, false otherwise.
-   */
-  pointerInside: boolean;
-};
-
-export const nativeViewProps = [
-  ...baseGestureHandlerProps,
-  ...nativeViewGestureHandlerProps,
-] as const;
-
-export const nativeViewHandlerName = 'NativeViewGestureHandler';
-
-export type NativeViewGestureHandler = typeof NativeViewGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const NativeViewGestureHandler = createHandler<
-  NativeViewGestureHandlerProps,
-  NativeViewGestureHandlerPayload
->({
-  name: nativeViewHandlerName,
-  allowedProps: nativeViewProps,
-  config: {},
-});
+import createHandler from './createHandler';
+import {
+  BaseGestureHandlerProps,
+  baseGestureHandlerProps,
+} from 'react-native-gesture-handler/src/handlers/gestureHandlerCommon';
+
+export const nativeViewGestureHandlerProps = [
+  'shouldActivateOnStart',
+  'disallowInterruption',
+] as const;
+
+export interface NativeViewGestureConfig {
+  /**
+   * Android only.
+   *
+   * Determines whether the handler should check for an existing touch event on
+   * instantiation.
+   */
+  shouldActivateOnStart?: boolean;
+
+  /**
+   * When `true`, cancels all other gesture handlers when this
+   * `NativeViewGestureHandler` receives an `ACTIVE` state event.
+   */
+  disallowInterruption?: boolean;
+}
+
+export interface NativeViewGestureHandlerProps
+  extends BaseGestureHandlerProps<NativeViewGestureHandlerPayload>,
+    NativeViewGestureConfig {}
+
+export type NativeViewGestureHandlerPayload = {
+  /**
+   * True if gesture was performed inside of containing view, false otherwise.
+   */
+  pointerInside: boolean;
+};
+
+export const nativeViewProps = [
+  ...baseGestureHandlerProps,
+  ...nativeViewGestureHandlerProps,
+] as const;
+
+export const nativeViewHandlerName = 'NativeViewGestureHandler';
+
+export type NativeViewGestureHandler = typeof NativeViewGestureHandler;
+// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
+export const NativeViewGestureHandler = createHandler<
+  NativeViewGestureHandlerProps,
+  NativeViewGestureHandlerPayload
+>({
+  name: nativeViewHandlerName,
+  allowedProps: nativeViewProps,
+  config: {},
+});