@lodev09/react-native-true-sheet 4.0.0-beta.1 → 4.0.0-beta.2

package/src/navigation/TrueSheetRouter.ts

@@ -1,234 +0,0 @@
-import { nanoid } from 'nanoid/non-secure';
-import {
-  type CommonActions,
-  type ParamListBase,
-  type Router,
-  StackRouter,
-  type StackActionType,
-  StackActions,
-  type StackRouterOptions,
-} from '@react-navigation/core';
-
-import type { TrueSheetNavigationState } from './types';
-
-export type TrueSheetRouterOptions = StackRouterOptions;
-
-export type TrueSheetActionType =
-  | StackActionType
-  | ReturnType<typeof CommonActions.goBack>
-  | {
-      type: 'RESIZE';
-      index: number;
-      source?: string;
-      target?: string;
-    }
-  | {
-      type: 'DISMISS';
-      source?: string;
-      target?: string;
-    }
-  | {
-      type: 'REMOVE';
-      source?: string;
-      target?: string;
-    };
-
-export const TrueSheetActions = {
-  ...StackActions,
-  resize: (index: number): TrueSheetActionType => ({ type: 'RESIZE', index }),
-  dismiss: (): TrueSheetActionType => ({ type: 'DISMISS' }),
-  remove: (): TrueSheetActionType => ({ type: 'REMOVE' }),
-};
-
-const ensureBaseRoute = <T extends { routes: { name: string }[] }>(
-  state: T,
-  baseRouteName: string | undefined,
-  routeParamList: Record<string, object | undefined> | undefined
-): T & { index: number; routes: T['routes'] } => {
-  if (!baseRouteName) {
-    return state as T & { index: number; routes: T['routes'] };
-  }
-
-  const hasBaseRoute = state.routes.some((r) => r.name === baseRouteName);
-
-  if (!hasBaseRoute) {
-    const baseRoute = {
-      key: `${baseRouteName}-${nanoid()}`,
-      name: baseRouteName,
-      params: routeParamList?.[baseRouteName],
-    };
-
-    return {
-      ...state,
-      index: state.routes.length,
-      routes: [baseRoute, ...state.routes],
-    } as T & { index: number; routes: T['routes'] };
-  }
-
-  return state as T & { index: number; routes: T['routes'] };
-};
-
-export const TrueSheetRouter = (
-  routerOptions: StackRouterOptions
-): Router<TrueSheetNavigationState<ParamListBase>, TrueSheetActionType> => {
-  const baseRouter = StackRouter(routerOptions) as unknown as Router<
-    TrueSheetNavigationState<ParamListBase>,
-    TrueSheetActionType
-  >;
-
-  return {
-    ...baseRouter,
-    type: 'true-sheet',
-
-    getInitialState(options) {
-      const state = baseRouter.getInitialState(options);
-      const baseRouteName = routerOptions.initialRouteName ?? options.routeNames[0];
-      const stateWithBaseRoute = ensureBaseRoute(state, baseRouteName, options.routeParamList);
-
-      return {
-        ...stateWithBaseRoute,
-        stale: false,
-        type: 'true-sheet',
-        key: `true-sheet-${nanoid()}`,
-      };
-    },
-
-    getStateForAction(state, action, options) {
-      switch (action.type) {
-        case 'RESIZE': {
-          const routeIndex =
-            action.target === state.key && action.source
-              ? state.routes.findIndex((r) => r.key === action.source)
-              : state.index;
-
-          return {
-            ...state,
-            routes: state.routes.map((route, i) =>
-              i === routeIndex
-                ? {
-                    ...route,
-                    resizeIndex: action.index,
-                    resizeKey: (route.resizeKey ?? 0) + 1,
-                  }
-                : route
-            ),
-          };
-        }
-
-        case 'GO_BACK':
-        case 'DISMISS': {
-          return this.getStateForAction(state, StackActions.pop(1), options);
-        }
-
-        case 'POP': {
-          // Only base screen remains - let parent navigator handle it
-          if (state.routes.length <= 1) {
-            return null;
-          }
-
-          const count =
-            'payload' in action && typeof action.payload?.count === 'number'
-              ? action.payload.count
-              : 1;
-
-          // Calculate how many routes we can actually pop (don't pop base screen)
-          const maxPopCount = state.routes.length - 1;
-          const actualCount = Math.min(count, maxPopCount);
-
-          // Base screen - let parent navigator handle it
-          if (actualCount <= 0) {
-            return null;
-          }
-
-          // Target index is the route we want to stay on (land on after pop)
-          // closingIndex is the first route to be dismissed (the one after target)
-          const targetIndex = state.routes.length - 1 - actualCount;
-          const closingIndex = targetIndex + 1;
-
-          // Mark only the bottom-most route to pop as closing
-          // The sheet's dismiss() will handle dismissing sheets above it first
-          return {
-            ...state,
-            index: closingIndex,
-            routes: state.routes.map((route, i) =>
-              i === closingIndex ? { ...route, closing: true } : route
-            ),
-          };
-        }
-
-        case 'POP_TO_TOP': {
-          const popCount = state.routes.length - 1;
-          return this.getStateForAction(state, StackActions.pop(popCount), options);
-        }
-
-        case 'POP_TO': {
-          const targetName =
-            'payload' in action && typeof action.payload?.name === 'string'
-              ? action.payload.name
-              : null;
-
-          if (!targetName) {
-            return null;
-          }
-
-          const targetIndex = state.routes.findIndex((r) => r.name === targetName);
-
-          // Target not found or is the current route
-          if (targetIndex === -1 || targetIndex >= state.index) {
-            return null;
-          }
-
-          const popCount = state.routes.length - 1 - targetIndex;
-          return this.getStateForAction(state, StackActions.pop(popCount), options);
-        }
-
-        case 'REMOVE': {
-          // Actually remove the closing route and all routes above it
-          const routeKey = action.source;
-          const routeIndex = routeKey
-            ? state.routes.findIndex((r) => r.key === routeKey)
-            : state.routes.findIndex((r) => r.closing);
-
-          if (routeIndex === -1) {
-            return state;
-          }
-
-          // Remove the route and all routes above it (they were dismissed together)
-          const routes = state.routes.filter((_, i) => i < routeIndex);
-
-          return {
-            ...state,
-            index: Math.min(state.index, routes.length - 1),
-            routes,
-          };
-        }
-
-        default:
-          return baseRouter.getStateForAction(state, action, options);
-      }
-    },
-
-    getRehydratedState(partialState, { routeNames, routeParamList, routeGetIdList }) {
-      if (partialState.stale === false) {
-        return partialState;
-      }
-
-      const state = baseRouter.getRehydratedState(partialState, {
-        routeNames,
-        routeParamList,
-        routeGetIdList,
-      });
-
-      const baseRouteName = routerOptions.initialRouteName ?? routeNames[0];
-      const stateWithBaseRoute = ensureBaseRoute(state, baseRouteName, routeParamList);
-
-      return {
-        ...stateWithBaseRoute,
-        type: 'true-sheet',
-        key: `true-sheet-${nanoid()}`,
-      };
-    },
-
-    actionCreators: TrueSheetActions,
-  };
-};

package/src/navigation/createTrueSheetNavigator.tsx

@@ -1,93 +0,0 @@
-import {
-  createNavigatorFactory,
-  type NavigatorTypeBagBase,
-  type ParamListBase,
-  type StaticConfig,
-  type TypedNavigator,
-  useNavigationBuilder,
-} from '@react-navigation/core';
-
-import { TrueSheetRouter, type TrueSheetRouterOptions } from './TrueSheetRouter';
-import { TrueSheetView } from './TrueSheetView';
-import type {
-  TrueSheetActionHelpers,
-  TrueSheetNavigationEventMap,
-  TrueSheetNavigationOptions,
-  TrueSheetNavigationProp,
-  TrueSheetNavigationState,
-  TrueSheetNavigatorProps,
-} from './types';
-
-const TrueSheetNavigator = ({
-  id,
-  initialRouteName,
-  children,
-  layout,
-  screenListeners,
-  screenOptions,
-  screenLayout,
-}: TrueSheetNavigatorProps) => {
-  const { state, descriptors, navigation, NavigationContent } = useNavigationBuilder<
-    TrueSheetNavigationState<ParamListBase>,
-    TrueSheetRouterOptions,
-    TrueSheetActionHelpers<ParamListBase>,
-    TrueSheetNavigationOptions,
-    TrueSheetNavigationEventMap
-  >(TrueSheetRouter, {
-    id,
-    initialRouteName,
-    children,
-    layout,
-    screenListeners,
-    screenOptions,
-    screenLayout,
-  });
-
-  return (
-    <NavigationContent>
-      <TrueSheetView state={state} navigation={navigation} descriptors={descriptors} />
-    </NavigationContent>
-  );
-};
-
-/**
- * Creates a TrueSheet navigator.
- *
- * @example
- * ```tsx
- * const Sheet = createTrueSheetNavigator();
- *
- * function App() {
- *   return (
- *     <Sheet.Navigator>
- *       <Sheet.Screen name="Home" component={HomeScreen} />
- *       <Sheet.Screen
- *         name="Details"
- *         component={DetailsSheet}
- *         options={{ detents: [0.5, 1] }}
- *       />
- *     </Sheet.Navigator>
- *   );
- * }
- * ```
- */
-export const createTrueSheetNavigator = <
-  const ParamList extends ParamListBase,
-  const NavigatorID extends string | undefined = undefined,
-  const TypeBag extends NavigatorTypeBagBase = {
-    ParamList: ParamList;
-    NavigatorID: NavigatorID;
-    State: TrueSheetNavigationState<ParamList>;
-    ScreenOptions: TrueSheetNavigationOptions;
-    EventMap: TrueSheetNavigationEventMap;
-    NavigationList: {
-      [RouteName in keyof ParamList]: TrueSheetNavigationProp<ParamList, RouteName, NavigatorID>;
-    };
-    Navigator: typeof TrueSheetNavigator;
-  },
-  const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,
->(
-  config?: Config
-): TypedNavigator<TypeBag, Config> => {
-  return createNavigatorFactory(TrueSheetNavigator)(config);
-};