@amazon-devices/react-navigation__react-native-tab-view 8.0.9000000000 → 8.0.9000000002

package/lib/module/Pager.android.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { PagerViewAdapter as Pager } from "./PagerViewAdapter.js";
-//# sourceMappingURL=Pager.android.js.map

package/lib/module/Pager.ios.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { PagerViewAdapter as Pager } from "./PagerViewAdapter.js";
-//# sourceMappingURL=Pager.ios.js.map

package/lib/module/Pager.js

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

package/lib/module/PagerViewAdapter.js

@@ -1,130 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { Animated, Keyboard, Platform, StyleSheet } from 'react-native';
-import ViewPager from 'react-native-pager-view';
-import useLatestCallback from 'use-latest-callback';
-import { useAnimatedValue } from "./useAnimatedValue.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const AnimatedViewPager = Animated.createAnimatedComponent(ViewPager);
-const useNativeDriver = Platform.OS !== 'web';
-export function PagerViewAdapter({
-  keyboardDismissMode = 'auto',
-  swipeEnabled = true,
-  navigationState,
-  onIndexChange,
-  onTabSelect,
-  onSwipeStart,
-  onSwipeEnd,
-  children,
-  style,
-  animationEnabled,
-  ...rest
-}) {
-  const {
-    index
-  } = navigationState;
-  const listenersRef = React.useRef([]);
-  const pagerRef = React.useRef(null);
-  const indexRef = React.useRef(index);
-  const navigationStateRef = React.useRef(navigationState);
-  const position = useAnimatedValue(index);
-  const offset = useAnimatedValue(0);
-  React.useEffect(() => {
-    navigationStateRef.current = navigationState;
-  });
-  const jumpTo = useLatestCallback(key => {
-    const index = navigationStateRef.current.routes.findIndex(route => route.key === key);
-    if (animationEnabled) {
-      pagerRef.current?.setPage(index);
-    } else {
-      pagerRef.current?.setPageWithoutAnimation(index);
-      position.setValue(index);
-    }
-    onIndexChange(index);
-  });
-  React.useEffect(() => {
-    if (keyboardDismissMode === 'auto') {
-      Keyboard.dismiss();
-    }
-    if (indexRef.current !== index) {
-      if (animationEnabled) {
-        pagerRef.current?.setPage(index);
-      } else {
-        pagerRef.current?.setPageWithoutAnimation(index);
-        position.setValue(index);
-      }
-    }
-  }, [keyboardDismissMode, index, animationEnabled, position]);
-  const onPageScrollStateChanged = state => {
-    const {
-      pageScrollState
-    } = state.nativeEvent;
-    switch (pageScrollState) {
-      case 'idle':
-        onSwipeEnd?.();
-        return;
-      case 'dragging':
-        {
-          const subscription = offset.addListener(({
-            value
-          }) => {
-            const next = index + (value > 0 ? Math.ceil(value) : Math.floor(value));
-            if (next !== index) {
-              listenersRef.current.forEach(listener => listener(next));
-            }
-            offset.removeListener(subscription);
-          });
-          onSwipeStart?.();
-          return;
-        }
-    }
-  };
-  const addEnterListener = useLatestCallback(listener => {
-    listenersRef.current.push(listener);
-    return () => {
-      const index = listenersRef.current.indexOf(listener);
-      if (index > -1) {
-        listenersRef.current.splice(index, 1);
-      }
-    };
-  });
-  const memoizedPosition = React.useMemo(() => Animated.add(position, offset), [offset, position]);
-  return children({
-    position: memoizedPosition,
-    addEnterListener,
-    jumpTo,
-    render: children => /*#__PURE__*/_jsx(AnimatedViewPager, {
-      ...rest,
-      ref: pagerRef,
-      style: [styles.container, style],
-      initialPage: index,
-      keyboardDismissMode: keyboardDismissMode === 'auto' ? 'on-drag' : keyboardDismissMode,
-      onPageScroll: Animated.event([{
-        nativeEvent: {
-          position: position,
-          offset: offset
-        }
-      }], {
-        useNativeDriver
-      }),
-      onPageSelected: e => {
-        const index = e.nativeEvent.position;
-        indexRef.current = index;
-        onIndexChange(index);
-        onTabSelect?.({
-          index
-        });
-      },
-      onPageScrollStateChanged: onPageScrollStateChanged,
-      scrollEnabled: swipeEnabled,
-      children: children
-    })
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=PagerViewAdapter.js.map

package/lib/module/PanResponderAdapter.js

@@ -1,209 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { Animated, Keyboard, PanResponder, StyleSheet, View } from 'react-native';
-import useLatestCallback from 'use-latest-callback';
-import { useAnimatedValue } from "./useAnimatedValue.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const DEAD_ZONE = 12;
-const DefaultTransitionSpec = {
-  timing: Animated.spring,
-  stiffness: 1000,
-  damping: 500,
-  mass: 3,
-  overshootClamping: true
-};
-export function PanResponderAdapter({
-  layout,
-  keyboardDismissMode = 'auto',
-  swipeEnabled = true,
-  navigationState,
-  onIndexChange,
-  onTabSelect,
-  onSwipeStart,
-  onSwipeEnd,
-  children,
-  style,
-  animationEnabled = false,
-  layoutDirection = 'ltr'
-}) {
-  const {
-    routes,
-    index
-  } = navigationState;
-  const panX = useAnimatedValue(0);
-  const listenersRef = React.useRef([]);
-  const navigationStateRef = React.useRef(navigationState);
-  const layoutRef = React.useRef(layout);
-  const onIndexChangeRef = React.useRef(onIndexChange);
-  const onTabSelectRef = React.useRef(onTabSelect);
-  const currentIndexRef = React.useRef(index);
-  const pendingIndexRef = React.useRef(undefined);
-  const swipeVelocityThreshold = 0.15;
-  const swipeDistanceThreshold = layout.width / 1.75;
-  const jumpToIndex = useLatestCallback((index, animate = animationEnabled) => {
-    const offset = -index * layoutRef.current.width;
-    const {
-      timing,
-      ...transitionConfig
-    } = DefaultTransitionSpec;
-    if (animate) {
-      Animated.parallel([timing(panX, {
-        ...transitionConfig,
-        toValue: offset,
-        useNativeDriver: false
-      })]).start(({
-        finished
-      }) => {
-        if (finished) {
-          onIndexChangeRef.current(index);
-          onTabSelectRef.current?.({
-            index
-          });
-          pendingIndexRef.current = undefined;
-        }
-      });
-      pendingIndexRef.current = index;
-    } else {
-      panX.setValue(offset);
-      onIndexChangeRef.current(index);
-      onTabSelectRef.current?.({
-        index
-      });
-      pendingIndexRef.current = undefined;
-    }
-  });
-  React.useEffect(() => {
-    navigationStateRef.current = navigationState;
-    layoutRef.current = layout;
-    onIndexChangeRef.current = onIndexChange;
-    onTabSelectRef.current = onTabSelect;
-  });
-  React.useEffect(() => {
-    const offset = -navigationStateRef.current.index * layout.width;
-    panX.setValue(offset);
-  }, [layout.width, panX]);
-  React.useEffect(() => {
-    if (keyboardDismissMode === 'auto') {
-      Keyboard.dismiss();
-    }
-    if (layout.width && currentIndexRef.current !== index) {
-      currentIndexRef.current = index;
-      jumpToIndex(index);
-    }
-  }, [jumpToIndex, keyboardDismissMode, layout.width, index]);
-  const isMovingHorizontally = (_, gestureState) => {
-    return Math.abs(gestureState.dx) > Math.abs(gestureState.dy * 2) && Math.abs(gestureState.vx) > Math.abs(gestureState.vy * 2);
-  };
-  const canMoveScreen = (event, gestureState) => {
-    if (swipeEnabled === false) {
-      return false;
-    }
-    const diffX = layoutDirection === 'rtl' ? -gestureState.dx : gestureState.dx;
-    return isMovingHorizontally(event, gestureState) && (diffX >= DEAD_ZONE && currentIndexRef.current > 0 || diffX <= -DEAD_ZONE && currentIndexRef.current < routes.length - 1);
-  };
-  const startGesture = () => {
-    onSwipeStart?.();
-    if (keyboardDismissMode === 'on-drag') {
-      Keyboard.dismiss();
-    }
-    panX.stopAnimation();
-    // @ts-expect-error: _value is private, but docs use it as well
-    panX.setOffset(panX._value);
-  };
-  const respondToGesture = (_, gestureState) => {
-    const diffX = layoutDirection === 'rtl' ? -gestureState.dx : gestureState.dx;
-    if (
-    // swiping left
-    diffX > 0 && index <= 0 ||
-    // swiping right
-    diffX < 0 && index >= routes.length - 1) {
-      return;
-    }
-    if (layout.width) {
-      // @ts-expect-error: _offset is private, but docs use it as well
-      const position = (panX._offset + diffX) / -layout.width;
-      const next = position > index ? Math.ceil(position) : Math.floor(position);
-      if (next !== index) {
-        listenersRef.current.forEach(listener => listener(next));
-      }
-    }
-    panX.setValue(diffX);
-  };
-  const finishGesture = (_, gestureState) => {
-    panX.flattenOffset();
-    onSwipeEnd?.();
-    const currentIndex = typeof pendingIndexRef.current === 'number' ? pendingIndexRef.current : currentIndexRef.current;
-    let nextIndex = currentIndex;
-    if (Math.abs(gestureState.dx) > Math.abs(gestureState.dy) && Math.abs(gestureState.vx) > Math.abs(gestureState.vy) && (Math.abs(gestureState.dx) > swipeDistanceThreshold || Math.abs(gestureState.vx) > swipeVelocityThreshold)) {
-      nextIndex = Math.round(Math.min(Math.max(0, layoutDirection === 'rtl' ? currentIndex + gestureState.dx / Math.abs(gestureState.dx) : currentIndex - gestureState.dx / Math.abs(gestureState.dx)), routes.length - 1));
-      currentIndexRef.current = nextIndex;
-    }
-    if (!isFinite(nextIndex)) {
-      nextIndex = currentIndex;
-    }
-    jumpToIndex(nextIndex, true);
-  };
-  const addEnterListener = useLatestCallback(listener => {
-    listenersRef.current.push(listener);
-    return () => {
-      const index = listenersRef.current.indexOf(listener);
-      if (index > -1) {
-        listenersRef.current.splice(index, 1);
-      }
-    };
-  });
-  const jumpTo = useLatestCallback(key => {
-    const index = navigationStateRef.current.routes.findIndex(route => route.key === key);
-    jumpToIndex(index);
-    onIndexChange(index);
-  });
-  const panResponder = PanResponder.create({
-    onMoveShouldSetPanResponder: canMoveScreen,
-    onMoveShouldSetPanResponderCapture: canMoveScreen,
-    onPanResponderGrant: startGesture,
-    onPanResponderMove: respondToGesture,
-    onPanResponderTerminate: finishGesture,
-    onPanResponderRelease: finishGesture,
-    onPanResponderTerminationRequest: () => true
-  });
-  const maxTranslate = layout.width * (routes.length - 1);
-  const translateX = Animated.multiply(panX.interpolate({
-    inputRange: [-maxTranslate, 0],
-    outputRange: [-maxTranslate, 0],
-    extrapolate: 'clamp'
-  }), layoutDirection === 'rtl' ? -1 : 1);
-  const position = React.useMemo(() => layout.width ? Animated.divide(panX, -layout.width) : null, [layout.width, panX]);
-  return children({
-    position: position ?? new Animated.Value(index),
-    addEnterListener,
-    jumpTo,
-    render: children => /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.sheet, layout.width ? {
-        width: routes.length * layout.width,
-        transform: [{
-          translateX
-        }]
-      } : null, style],
-      ...panResponder.panHandlers,
-      children: React.Children.map(children, (child, i) => {
-        const route = routes[i];
-        const focused = i === index;
-        return /*#__PURE__*/_jsx(View, {
-          style: layout.width ? {
-            width: layout.width
-          } : focused ? StyleSheet.absoluteFill : null,
-          children: focused || layout.width ? child : null
-        }, route.key);
-      })
-    })
-  });
-}
-const styles = StyleSheet.create({
-  sheet: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'stretch'
-  }
-});
-//# sourceMappingURL=PanResponderAdapter.js.map

package/lib/module/PlatformPressable.js

@@ -1,61 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { Platform, Pressable } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-const ANDROID_VERSION_LOLLIPOP = 21;
-const ANDROID_SUPPORTS_RIPPLE = Platform.OS === 'android' && Platform.Version >= ANDROID_VERSION_LOLLIPOP;
-
-/**
- * PlatformPressable provides an abstraction on top of Pressable to handle platform differences.
- */
-export function PlatformPressable({
-  disabled,
-  android_ripple,
-  pressColor = 'rgba(0, 0, 0, .32)',
-  pressOpacity,
-  style,
-  onPress,
-  ...rest
-}) {
-  const handlePress = e => {
-    if (Platform.OS === 'web' && rest.href !== null) {
-      // ignore clicks with modifier keys
-      const hasModifierKey = 'metaKey' in e && e.metaKey || 'altKey' in e && e.altKey || 'ctrlKey' in e && e.ctrlKey || 'shiftKey' in e && e.shiftKey;
-
-      // only handle left clicks
-      const isLeftClick = 'button' in e ? e.button == null || e.button === 0 : true;
-
-      // let browser handle "target=_blank" etc.
-      const isSelfTarget = e.currentTarget && 'target' in e.currentTarget ? [undefined, null, '', 'self'].includes(e.currentTarget.target) : true;
-      if (!hasModifierKey && isLeftClick && isSelfTarget) {
-        e.preventDefault();
-        // call `onPress` only when browser default is prevented
-        // this prevents app from handling the click when a link is being opened
-        onPress?.(e);
-      }
-    } else {
-      onPress?.(e);
-    }
-  };
-  return /*#__PURE__*/_jsx(Pressable, {
-    android_ripple: ANDROID_SUPPORTS_RIPPLE && !disabled ? {
-      color: pressColor,
-      ...android_ripple
-    } : undefined,
-    style: ({
-      pressed
-    }) => [{
-      cursor: (Platform.OS === 'web' || Platform.OS === 'ios') && !disabled ?
-      // Pointer cursor on web
-      // Hover effect on iPad and visionOS
-      'pointer' : 'auto',
-      opacity: !ANDROID_SUPPORTS_RIPPLE && pressed && !disabled ? pressOpacity : 1
-    }, typeof style === 'function' ? style({
-      pressed
-    }) : style],
-    onPress: disabled ? undefined : handlePress,
-    ...rest
-  });
-}
-//# sourceMappingURL=PlatformPressable.js.map

package/lib/module/SceneMap.js

@@ -1,24 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const SceneComponent = /*#__PURE__*/React.memo(({
-  component,
-  ...rest
-}) => {
-  return /*#__PURE__*/React.createElement(component, rest);
-});
-SceneComponent.displayName = 'SceneComponent';
-export function SceneMap(scenes) {
-  return ({
-    route,
-    jumpTo,
-    position
-  }) => /*#__PURE__*/_jsx(SceneComponent, {
-    component: scenes[route.key],
-    route: route,
-    jumpTo: jumpTo,
-    position: position
-  }, route.key);
-}
-//# sourceMappingURL=SceneMap.js.map

package/lib/module/SceneView.js

@@ -1,72 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function SceneView({
-  children,
-  navigationState,
-  lazy,
-  layout,
-  index,
-  lazyPreloadDistance,
-  addEnterListener,
-  style
-}) {
-  const [isLoading, setIsLoading] = React.useState(Math.abs(navigationState.index - index) > lazyPreloadDistance);
-  if (isLoading && Math.abs(navigationState.index - index) <= lazyPreloadDistance) {
-    // Always render the route when it becomes focused
-    setIsLoading(false);
-  }
-  React.useEffect(() => {
-    const handleEnter = value => {
-      // If we're entering the current route, we need to load it
-      if (value === index) {
-        setIsLoading(prevState => {
-          if (prevState) {
-            return false;
-          }
-          return prevState;
-        });
-      }
-    };
-    let unsubscribe;
-    let timer;
-    if (lazy && isLoading) {
-      // If lazy mode is enabled, listen to when we enter screens
-      unsubscribe = addEnterListener(handleEnter);
-    } else if (isLoading) {
-      // If lazy mode is not enabled, render the scene with a delay if not loaded already
-      // This improves the initial startup time as the scene is no longer blocking
-      timer = setTimeout(() => setIsLoading(false), 0);
-    }
-    return () => {
-      unsubscribe?.();
-      clearTimeout(timer);
-    };
-  }, [addEnterListener, index, isLoading, lazy]);
-  const focused = navigationState.index === index;
-  return /*#__PURE__*/_jsx(View, {
-    "aria-hidden": !focused,
-    style: [styles.route,
-    // If we don't have the layout yet, make the focused screen fill the container
-    // This avoids delay before we are able to render pages side by side
-    layout.width ? {
-      width: layout.width
-    } : focused ? StyleSheet.absoluteFill : null, style],
-    children:
-    // Only render the route only if it's either focused or layout is available
-    // When layout is not available, we must not render unfocused routes
-    // so that the focused route can fill the screen
-    focused || layout.width ? children({
-      loading: isLoading
-    }) : null
-  });
-}
-const styles = StyleSheet.create({
-  route: {
-    flex: 1,
-    overflow: 'hidden'
-  }
-});
-//# sourceMappingURL=SceneView.js.map