react-native-screen-transitions 2.4.2-beta.2 → 3.0.0-beta.0

package/src/integrations/blank-stack/utils/with-stack-navigation/_utils/are-descriptors-equal.ts

@@ -1,15 +0,0 @@
-import type { BlankStackDescriptorMap } from "../../../../../types/blank-stack.navigator";
-
-export const areDescriptorsEqual = (
-  a: BlankStackDescriptorMap,
-  b: BlankStackDescriptorMap
-): boolean => {
-  if (a === b) return true;
-
-  const aKeys = Object.keys(a);
-  const bKeys = Object.keys(b);
-
-  if (aKeys.length !== bKeys.length) return false;
-
-  return aKeys.every((key) => a[key] === b[key]);
-};

package/src/integrations/blank-stack/utils/with-stack-navigation/_utils/calculate-active-screens-limit.ts

@@ -1,29 +0,0 @@
-import type { NavigationRoute, ParamListBase } from "@react-navigation/native";
-import type { BlankStackDescriptorMap } from "../../../../../types/blank-stack.navigator";
-
-export function calculateActiveScreensLimit(
-  routes: NavigationRoute<ParamListBase, string>[],
-  descriptors: BlankStackDescriptorMap
-): number {
-  if (routes.length === 0) {
-    return 1;
-  }
-
-  let limit = 1;
-
-  for (let i = routes.length - 1; i >= 0; i--) {
-    const route = routes[i];
-
-    const shouldKeepPrevious =
-      descriptors?.[route.key]?.options?.detachPreviousScreen !== true;
-
-    if (shouldKeepPrevious) {
-      limit++;
-      continue;
-    }
-
-    break;
-  }
-
-  return Math.min(limit, routes.length);
-}

package/src/integrations/blank-stack/utils/with-stack-navigation/_utils/compose-descriptors.ts

@@ -1,17 +0,0 @@
-import type { Route } from "@react-navigation/native";
-import type { BlankStackDescriptorMap } from "../../../../../types/blank-stack.navigator";
-
-export const composeDescriptors = (
-  routes: Route<string>[],
-  nextDescriptors: BlankStackDescriptorMap,
-  currentDescriptors: BlankStackDescriptorMap
-): BlankStackDescriptorMap => {
-  const composed: BlankStackDescriptorMap = {};
-
-  for (const route of routes) {
-    composed[route.key] =
-      nextDescriptors[route.key] ?? currentDescriptors[route.key];
-  }
-
-  return composed;
-};

package/src/integrations/blank-stack/utils/with-stack-navigation/index.tsx

@@ -1,80 +0,0 @@
-import { type ComponentType, createContext, useContext, useMemo } from "react";
-import type { BlankStackScene } from "../../../../types/blank-stack.navigator";
-import { useStackNavigationState } from "./_hooks/use-stack-navigation-state";
-import type {
-  StackNavigationContextProps,
-  StackNavigationContextValue,
-} from "./_types";
-import { calculateActiveScreensLimit } from "./_utils/calculate-active-screens-limit";
-
-export const StackNavigationContext =
-  createContext<StackNavigationContextValue | null>(null);
-
-export function withStackNavigationProvider(
-  Component: ComponentType<StackNavigationContextValue>
-) {
-  return function StackNavigationWrapper(props: StackNavigationContextProps) {
-    const { state, handleCloseRoute, closingRouteKeys } =
-      useStackNavigationState(props);
-
-    const scenes = useMemo(() => {
-      return state.routes.reduce((acc, route) => {
-        acc.push({
-          route,
-          descriptor: state.descriptors[route.key],
-        });
-        return acc;
-      }, [] as BlankStackScene[]);
-    }, [state.routes, state.descriptors]);
-
-    const activeScreensLimit = useMemo(() => {
-      return calculateActiveScreensLimit(state.routes, state.descriptors);
-    }, [state.routes, state.descriptors]);
-
-    const shouldShowFloatHeader = useMemo(() => {
-      return state.routes.some((route) => {
-        const options = state.descriptors[route.key]?.options;
-        return options?.headerMode === "float" && options?.headerShown;
-      });
-    }, [state.routes, state.descriptors]);
-
-    const contextValue = useMemo<StackNavigationContextValue>(() => {
-      return {
-        routes: state.routes,
-        focusedIndex: props.state.index,
-        descriptors: state.descriptors,
-        closingRouteKeysShared: closingRouteKeys.shared,
-        activeScreensLimit,
-        handleCloseRoute,
-        scenes,
-        shouldShowFloatHeader,
-      };
-    }, [
-      state,
-      scenes,
-      activeScreensLimit,
-      closingRouteKeys,
-      handleCloseRoute,
-      props.state.index,
-      shouldShowFloatHeader,
-    ]);
-
-    return (
-      <StackNavigationContext.Provider value={contextValue}>
-        <Component {...contextValue} />
-      </StackNavigationContext.Provider>
-    );
-  };
-}
-
-export const useStackNavigationContext = () => {
-  const context = useContext(StackNavigationContext);
-
-  if (!context) {
-    throw new Error(
-      "StackNavigationContext.Provider is missing in the component tree."
-    );
-  }
-
-  return context;
-};

package/src/integrations/native-stack/navigators/createNativeStackNavigator.tsx

@@ -1,112 +0,0 @@
-import {
-  createNavigatorFactory,
-  type EventArg,
-  type NavigatorTypeBagBase,
-  type ParamListBase,
-  type StackActionHelpers,
-  StackActions,
-  type StackNavigationState,
-  StackRouter,
-  type StackRouterOptions,
-  type StaticConfig,
-  type TypedNavigator,
-  useNavigationBuilder,
-} from "@react-navigation/native";
-import * as React from "react";
-
-import type {
-  NativeStackNavigationEventMap,
-  NativeStackNavigationOptions,
-  NativeStackNavigationProp,
-  NativeStackNavigatorProps,
-} from "../../../types/native-stack.navigator";
-import { NativeStackView } from "../views/NativeStackView";
-
-function NativeStackNavigator({
-  id,
-  initialRouteName,
-  children,
-  layout,
-  screenListeners,
-  screenOptions,
-  screenLayout,
-  ...rest
-}: NativeStackNavigatorProps) {
-  const { state, describe, descriptors, navigation, NavigationContent } =
-    useNavigationBuilder<
-      StackNavigationState<ParamListBase>,
-      StackRouterOptions,
-      StackActionHelpers<ParamListBase>,
-      NativeStackNavigationOptions,
-      NativeStackNavigationEventMap
-    >(StackRouter, {
-      id,
-      initialRouteName,
-      children,
-      layout,
-      screenListeners,
-      screenOptions,
-      screenLayout,
-    });
-
-  React.useEffect(
-    () =>
-      // @ts-expect-error: there may not be a tab navigator in parent
-      navigation?.addListener?.("tabPress", (e: any) => {
-        const isFocused = navigation.isFocused();
-
-        // Run the operation in the next frame so we're sure all listeners have been run
-        // This is necessary to know if preventDefault() has been called
-        requestAnimationFrame(() => {
-          if (
-            state.index > 0 &&
-            isFocused &&
-            !(e as EventArg<"tabPress", true>).defaultPrevented
-          ) {
-            // When user taps on already focused tab and we're inside the tab,
-            // reset the stack to replicate native behaviour
-            navigation.dispatch({
-              ...StackActions.popToTop(),
-              target: state.key,
-            });
-          }
-        });
-      }),
-    [navigation, state.index, state.key]
-  );
-
-  return (
-    <NavigationContent>
-      <NativeStackView
-        {...rest}
-        state={state}
-        navigation={navigation}
-        descriptors={descriptors}
-        describe={describe}
-      />
-    </NavigationContent>
-  );
-}
-
-export function createNativeStackNavigator<
-  const ParamList extends ParamListBase,
-  const NavigatorID extends string | undefined = undefined,
-  const TypeBag extends NavigatorTypeBagBase = {
-    ParamList: ParamList;
-    NavigatorID: NavigatorID;
-    State: StackNavigationState<ParamList>;
-    ScreenOptions: NativeStackNavigationOptions;
-    EventMap: NativeStackNavigationEventMap;
-    NavigationList: {
-      [RouteName in keyof ParamList]: NativeStackNavigationProp<
-        ParamList,
-        RouteName,
-        NavigatorID
-      >;
-    };
-    Navigator: typeof NativeStackNavigator;
-  },
-  const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>
->(config?: Config): TypedNavigator<TypeBag, Config> {
-  return createNavigatorFactory(NativeStackNavigator)(config);
-}

package/src/integrations/native-stack/providers/screen-transition-provider.tsx

@@ -1,8 +0,0 @@
-import type { NativeStackDescriptor } from "../../../types/native-stack.navigator";
-import { ScreenLifecycleController } from "../../../components/controllers/screen-lifecycle";
-import { createScreenTransitionProvider } from "../../../providers/create-screen-transition-provider";
-
-export const ScreenTransitionProvider =
-  createScreenTransitionProvider<NativeStackDescriptor>(
-    ScreenLifecycleController
-  );

package/src/integrations/native-stack/utils/getModalRoutesKeys.ts

@@ -1,21 +0,0 @@
-import type { Route } from "@react-navigation/native";
-
-import type { NativeStackDescriptorMap } from "../../../types/native-stack.navigator";
-
-export const getModalRouteKeys = (
-  routes: Route<string>[],
-  descriptors: NativeStackDescriptorMap
-) =>
-  routes.reduce<string[]>((acc, route) => {
-    const { presentation } = descriptors[route.key]?.options ?? {};
-
-    if (
-      (acc.length && !presentation) ||
-      presentation === "modal" ||
-      presentation === "transparentModal"
-    ) {
-      acc.push(route.key);
-    }
-
-    return acc;
-  }, []);

package/src/integrations/native-stack/utils/useInvalidPreventRemoveError.tsx

@@ -1,31 +0,0 @@
-import { usePreventRemoveContext } from "@react-navigation/native";
-import * as React from "react";
-
-import type { NativeStackDescriptorMap } from "../../../types/native-stack.navigator";
-
-export function useInvalidPreventRemoveError(
-  descriptors: NativeStackDescriptorMap
-) {
-  const { preventedRoutes } = usePreventRemoveContext();
-  const preventedRouteKey = Object.keys(preventedRoutes)[0];
-  const preventedDescriptor = descriptors[preventedRouteKey];
-  const isHeaderBackButtonMenuEnabledOnPreventedScreen =
-    preventedDescriptor?.options?.headerBackButtonMenuEnabled;
-  const preventedRouteName = preventedDescriptor?.route?.name;
-
-  React.useEffect(() => {
-    if (
-      preventedRouteKey != null &&
-      isHeaderBackButtonMenuEnabledOnPreventedScreen
-    ) {
-      const message =
-        `The screen ${preventedRouteName} uses 'usePreventRemove' hook alongside 'headerBackButtonMenuEnabled: true', which is not supported. \n\n` +
-        `Consider removing 'headerBackButtonMenuEnabled: true' from ${preventedRouteName} screen to get rid of this error.`;
-      console.error(message);
-    }
-  }, [
-    preventedRouteKey,
-    isHeaderBackButtonMenuEnabledOnPreventedScreen,
-    preventedRouteName,
-  ]);
-}