@react-navigation/drawer 7.7.13 → 8.0.0-alpha.1

package/lib/typescript/src/views/DrawerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerView.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerView.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAC;AAMlC,OAAO,KAAK,EAEV,mBAAmB,EAEnB,sBAAsB,EACtB,uBAAuB,EAExB,MAAM,UAAU,CAAC;AASlB,KAAK,KAAK,GAAG,sBAAsB,GAAG;IACpC,aAAa,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC5C,UAAU,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,mBAAmB,CAAC;CAClC,CAAC;AA2TF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAMxD"}
+{"version":3,"file":"DrawerView.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerView.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAC;AAOlC,OAAO,KAAK,EAEV,mBAAmB,EAEnB,sBAAsB,EACtB,uBAAuB,EAExB,MAAM,UAAU,CAAC;AAQlB,KAAK,KAAK,GAAG,sBAAsB,GAAG;IACpC,aAAa,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC5C,UAAU,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAsTF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAMxD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/drawer",
   "description": "Integration for the drawer component from react-native-drawer-layout",
-  "version": "7.7.13",
+  "version": "8.0.0-alpha.1",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -46,35 +46,36 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/elements": "^2.9.5",
+    "@react-navigation/elements": "^3.0.0-alpha.1",
     "color": "^4.2.3",
-    "react-native-drawer-layout": "^4.2.1",
-    "use-latest-callback": "^0.2.4"
+    "react-native-drawer-layout": "^5.0.0-alpha.0",
+    "use-latest-callback": "^0.3.2"
   },
   "devDependencies": {
     "@jest/globals": "^30.0.0",
-    "@react-navigation/native": "^7.1.28",
+    "@react-navigation/native": "^8.0.0-alpha.1",
     "@testing-library/react-native": "^13.2.1",
-    "@types/react": "~19.0.10",
+    "@types/react": "~19.1.10",
     "del-cli": "^6.0.0",
     "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-builder-bob": "^0.40.17",
+    "react-native": "0.81.4",
+    "react-native-builder-bob": "^0.40.12",
     "react-native-gesture-handler": "~2.28.0",
-    "react-native-reanimated": "^3.19.4",
+    "react-native-reanimated": "4.1.3",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-screens": "^4.20.0",
+    "react-native-worklets": "0.6.1",
     "react-test-renderer": "19.1.0",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@react-navigation/native": "^7.1.28",
-    "react": ">= 18.2.0",
+    "@react-navigation/native": "^8.0.0-alpha.1",
+    "react": ">= 19.0.0",
     "react-native": "*",
     "react-native-gesture-handler": ">= 2.0.0",
-    "react-native-reanimated": ">= 2.0.0",
-    "react-native-safe-area-context": ">= 4.0.0",
-    "react-native-screens": ">= 4.0.0"
+    "react-native-reanimated": ">= 4.0.0",
+    "react-native-safe-area-context": ">= 5.5.0",
+    "react-native-screens": ">= 4.19.0"
   },
   "react-native-builder-bob": {
     "source": "src",
@@ -94,5 +95,5 @@
       ]
     ]
   },
-  "gitHead": "eaf17f7e6bbb38bf3cf8fc95946ba46b05d94331"
+  "gitHead": "7c3631904a6c70265ec6a2639fa0c0befc79d05c"
 }

package/src/index.tsx

@@ -1,7 +1,10 @@
 /**
  * Navigators
  */
-export { createDrawerNavigator } from './navigators/createDrawerNavigator';
+export {
+  createDrawerNavigator,
+  createDrawerScreen,
+} from './navigators/createDrawerNavigator';
 
 /**
  * Views

package/src/navigators/createDrawerNavigator.tsx

@@ -4,9 +4,12 @@ import {
   type DrawerNavigationState,
   DrawerRouter,
   type DrawerRouterOptions,
-  type NavigatorTypeBagBase,
   type ParamListBase,
   type StaticConfig,
+  type StaticParamList,
+  type StaticScreenConfig,
+  type StaticScreenConfigLinking,
+  type StaticScreenConfigScreen,
   type TypedNavigator,
   useNavigationBuilder,
 } from '@react-navigation/native';
@@ -20,17 +23,16 @@ import type {
 import { DrawerView } from '../views/DrawerView';
 
 function DrawerNavigator({
-  id,
   initialRouteName,
   defaultStatus = 'closed',
   backBehavior,
-  UNSTABLE_routeNamesChangeBehavior,
+  routeNamesChangeBehavior,
   children,
   layout,
   screenListeners,
   screenOptions,
   screenLayout,
-  UNSTABLE_router,
+  router,
   ...rest
 }: DrawerNavigatorProps) {
   const { state, descriptors, navigation, NavigationContent } =
@@ -41,17 +43,16 @@ function DrawerNavigator({
       DrawerNavigationOptions,
       DrawerNavigationEventMap
     >(DrawerRouter, {
-      id,
       initialRouteName,
       defaultStatus,
       backBehavior,
-      UNSTABLE_routeNamesChangeBehavior,
+      routeNamesChangeBehavior,
       children,
       layout,
       screenListeners,
       screenOptions,
       screenLayout,
-      UNSTABLE_router,
+      router,
     });
 
   return (
@@ -67,25 +68,41 @@ function DrawerNavigator({
   );
 }
 
+type DrawerTypeBag<ParamList extends {}> = {
+  ParamList: ParamList;
+  State: DrawerNavigationState<ParamList>;
+  ScreenOptions: DrawerNavigationOptions;
+  EventMap: DrawerNavigationEventMap;
+  NavigationList: {
+    [RouteName in keyof ParamList]: DrawerNavigationProp<ParamList, RouteName>;
+  };
+  Navigator: typeof DrawerNavigator;
+};
+
 export function createDrawerNavigator<
   const ParamList extends ParamListBase,
-  const NavigatorID extends string | undefined = string | undefined,
-  const TypeBag extends NavigatorTypeBagBase = {
-    ParamList: ParamList;
-    NavigatorID: NavigatorID;
-    State: DrawerNavigationState<ParamList>;
-    ScreenOptions: DrawerNavigationOptions;
-    EventMap: DrawerNavigationEventMap;
-    NavigationList: {
-      [RouteName in keyof ParamList]: DrawerNavigationProp<
-        ParamList,
-        RouteName,
-        NavigatorID
-      >;
-    };
-    Navigator: typeof DrawerNavigator;
-  },
-  const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,
->(config?: Config): TypedNavigator<TypeBag, Config> {
+>(): TypedNavigator<DrawerTypeBag<ParamList>, undefined>;
+export function createDrawerNavigator<
+  const Config extends StaticConfig<DrawerTypeBag<ParamListBase>>,
+>(
+  config: Config
+): TypedNavigator<DrawerTypeBag<StaticParamList<{ config: Config }>>, Config>;
+export function createDrawerNavigator(config?: unknown) {
   return createNavigatorFactory(DrawerNavigator)(config);
 }
+
+export function createDrawerScreen<
+  const Linking extends StaticScreenConfigLinking,
+  const Screen extends StaticScreenConfigScreen,
+>(
+  config: StaticScreenConfig<
+    Linking,
+    Screen,
+    DrawerNavigationState<ParamListBase>,
+    DrawerNavigationOptions,
+    DrawerNavigationEventMap,
+    DrawerNavigationProp<ParamListBase>
+  >
+) {
+  return config;
+}

package/src/types.tsx

@@ -12,13 +12,13 @@ import type {
   RouteProp,
   Theme,
 } from '@react-navigation/native';
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { ColorValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { PanGesture } from 'react-native-gesture-handler';
 
 export type Scene = {
   route: Route<string>;
   focused: boolean;
-  color?: string;
+  color?: ColorValue;
 };
 
 export type Layout = { width: number; height: number };
@@ -62,18 +62,18 @@ export type DrawerNavigationOptions = HeaderOptions & {
 
   /**
    * Title string of a screen displayed in the drawer
-   * or a function that given { focused: boolean, color: string } returns a React.Node
+   * or a function that given { focused: boolean, color: ColorValue } returns a React.Node
    * When undefined, scene title is used.
    */
   drawerLabel?:
     | string
-    | ((props: { color: string; focused: boolean }) => React.ReactNode);
+    | ((props: { color: ColorValue; focused: boolean }) => React.ReactNode);
 
   /**
-   * A function that given { focused: boolean, color: string } returns a React.Node to display an icon the drawer.
+   * A function that given { focused: boolean, color: ColorValue } returns a React.Node to display an icon the drawer.
    */
   drawerIcon?: (props: {
-    color: string;
+    color: ColorValue;
     size: number;
     focused: boolean;
   }) => React.ReactNode;
@@ -81,22 +81,22 @@ export type DrawerNavigationOptions = HeaderOptions & {
   /**
    * Color for the icon and label in the active item in the drawer.
    */
-  drawerActiveTintColor?: string;
+  drawerActiveTintColor?: ColorValue;
 
   /**
    * Background color for the active item in the drawer.
    */
-  drawerActiveBackgroundColor?: string;
+  drawerActiveBackgroundColor?: ColorValue;
 
   /**
    * Color for the icon and label in the inactive items in the drawer.
    */
-  drawerInactiveTintColor?: string;
+  drawerInactiveTintColor?: ColorValue;
 
   /**
    * Background color for the inactive items in the drawer.
    */
-  drawerInactiveBackgroundColor?: string;
+  drawerInactiveBackgroundColor?: ColorValue;
 
   /**
    * Whether label font should scale to respect Text Size accessibility settings.
@@ -159,7 +159,7 @@ export type DrawerNavigationOptions = HeaderOptions & {
    * Color of the overlay to be displayed on top of the content view when drawer gets open.
    * The opacity is animated from `0` to `1` when the drawer opens.
    */
-  overlayColor?: string;
+  overlayStyle?: StyleProp<ViewStyle>;
 
   /**
    * Accessibility label for the overlay. This is read by the screen reader when the user taps the overlay.
@@ -224,10 +224,6 @@ export type DrawerContentComponentProps = {
 };
 
 export type DrawerHeaderProps = {
-  /**
-   * Layout of the screen.
-   */
-  layout: Layout;
   /**
    * Options for the current screen.
    */
@@ -278,31 +274,27 @@ export type DrawerNavigationHelpers = NavigationHelpers<
 export type DrawerNavigationProp<
   ParamList extends ParamListBase,
   RouteName extends keyof ParamList = keyof ParamList,
-  NavigatorID extends string | undefined = undefined,
 > = NavigationProp<
   ParamList,
   RouteName,
-  NavigatorID,
   DrawerNavigationState<ParamList>,
   DrawerNavigationOptions,
-  DrawerNavigationEventMap
-> &
-  DrawerActionHelpers<ParamList>;
+  DrawerNavigationEventMap,
+  DrawerActionHelpers<ParamList>
+>;
 
 export type DrawerScreenProps<
   ParamList extends ParamListBase,
   RouteName extends keyof ParamList = keyof ParamList,
-  NavigatorID extends string | undefined = undefined,
 > = {
-  navigation: DrawerNavigationProp<ParamList, RouteName, NavigatorID>;
+  navigation: DrawerNavigationProp<ParamList, RouteName>;
   route: RouteProp<ParamList, RouteName>;
 };
 
 export type DrawerOptionsArgs<
   ParamList extends ParamListBase,
   RouteName extends keyof ParamList = keyof ParamList,
-  NavigatorID extends string | undefined = undefined,
-> = DrawerScreenProps<ParamList, RouteName, NavigatorID> & {
+> = DrawerScreenProps<ParamList, RouteName> & {
   theme: Theme;
 };
 
@@ -338,7 +330,6 @@ export type DrawerProps = {
 
 export type DrawerNavigatorProps = DefaultNavigatorOptions<
   ParamListBase,
-  string | undefined,
   DrawerNavigationState<ParamListBase>,
   DrawerNavigationOptions,
   DrawerNavigationEventMap,

package/src/views/DrawerItem.tsx

@@ -1,8 +1,10 @@
 import { PlatformPressable, Text } from '@react-navigation/elements';
+import { Color } from '@react-navigation/elements/internal';
 import { type Route, useTheme } from '@react-navigation/native';
-import Color from 'color';
 import * as React from 'react';
 import {
+  type ColorValue,
+  Platform,
   type StyleProp,
   StyleSheet,
   type TextStyle,
@@ -24,14 +26,14 @@ type Props = {
    */
   label:
     | string
-    | ((props: { focused: boolean; color: string }) => React.ReactNode);
+    | ((props: { focused: boolean; color: ColorValue }) => React.ReactNode);
   /**
    * Icon to display for the `DrawerItem`.
    */
   icon?: (props: {
     focused: boolean;
     size: number;
-    color: string;
+    color: ColorValue;
   }) => React.ReactNode;
   /**
    * Whether to highlight the drawer item as active.
@@ -44,26 +46,26 @@ type Props = {
   /**
    * Color for the icon and label when the item is active.
    */
-  activeTintColor?: string;
+  activeTintColor?: ColorValue;
   /**
    * Color for the icon and label when the item is inactive.
    */
-  inactiveTintColor?: string;
+  inactiveTintColor?: ColorValue;
   /**
    * Background color for item when its active.
    */
-  activeBackgroundColor?: string;
+  activeBackgroundColor?: ColorValue;
   /**
    * Background color for item when its inactive.
    */
-  inactiveBackgroundColor?: string;
+  inactiveBackgroundColor?: ColorValue;
   /**
    * Color of the touchable effect on press.
    * Only supported on Android.
    *
    * @platform android
    */
-  pressColor?: string;
+  pressColor?: ColorValue;
   /**
    * Opacity of the touchable effect on press.
    * Only supported on iOS.
@@ -108,10 +110,8 @@ export function DrawerItem(props: Props) {
     focused = false,
     allowFontScaling,
     activeTintColor = colors.primary,
-    // eslint-disable-next-line @eslint-react/no-unstable-default-props
-    inactiveTintColor = Color(colors.text).alpha(0.68).rgb().string(),
-    // eslint-disable-next-line @eslint-react/no-unstable-default-props
-    activeBackgroundColor = Color(activeTintColor).alpha(0.12).rgb().string(),
+    inactiveTintColor,
+    activeBackgroundColor,
     inactiveBackgroundColor = 'transparent',
     style,
     onPress,
@@ -123,9 +123,15 @@ export function DrawerItem(props: Props) {
   } = props;
 
   const { borderRadius = 56 } = StyleSheet.flatten(style || {});
-  const color = focused ? activeTintColor : inactiveTintColor;
-  const backgroundColor = focused
-    ? activeBackgroundColor
+  const color: ColorValue = focused
+    ? activeTintColor
+    : (inactiveTintColor ??
+      Color(colors.text)?.alpha(0.68).string() ??
+      'rgba(0, 0, 0, 0.68)');
+  const backgroundColor: ColorValue = focused
+    ? (activeBackgroundColor ??
+      Color(activeTintColor)?.alpha(0.12).string() ??
+      'rgba(0, 0, 0, 0.06)')
     : inactiveBackgroundColor;
 
   const iconNode = icon ? icon({ size: 24, focused, color }) : null;
@@ -144,8 +150,9 @@ export function DrawerItem(props: Props) {
         aria-selected={focused}
         pressColor={pressColor}
         pressOpacity={pressOpacity}
-        hoverEffect={{ color }}
+        hoverEffect={typeof color === 'string' ? { color } : undefined}
         href={href}
+        style={{ borderRadius }}
       >
         <View style={[styles.wrapper, { borderRadius }]}>
           {iconNode}
@@ -171,7 +178,16 @@ export function DrawerItem(props: Props) {
 const styles = StyleSheet.create({
   container: {
     borderCurve: 'continuous',
-    overflow: 'hidden',
+    ...Platform.select({
+      android: {
+        // Hide overflow to clip ripple effect
+        overflow: 'hidden',
+      },
+      default: {
+        // Don't hide overflow on web
+        // Otherwise the outline gets clipped
+      },
+    }),
   },
   wrapper: {
     flexDirection: 'row',

package/src/views/DrawerToggleButton.tsx

@@ -1,19 +1,19 @@
 import { HeaderButton } from '@react-navigation/elements';
+import { DrawerActions, useNavigation } from '@react-navigation/native';
 import {
-  DrawerActions,
-  type ParamListBase,
-  useNavigation,
-} from '@react-navigation/native';
-import { Image, type ImageSourcePropType, StyleSheet } from 'react-native';
+  type ColorValue,
+  Image,
+  type ImageSourcePropType,
+  StyleSheet,
+} from 'react-native';
 
-import type { DrawerNavigationProp } from '../types';
 import toggleDrawerIcon from './assets/toggle-drawer-icon.png';
 
 type Props = {
   accessibilityLabel?: string;
-  pressColor?: string;
+  pressColor?: ColorValue;
   pressOpacity?: number;
-  tintColor?: string;
+  tintColor?: ColorValue;
   imageSource?: ImageSourcePropType;
 };
 
@@ -23,7 +23,7 @@ export function DrawerToggleButton({
   imageSource = toggleDrawerIcon,
   ...rest
 }: Props) {
-  const navigation = useNavigation<DrawerNavigationProp<ParamListBase>>();
+  const navigation = useNavigation();
 
   return (
     <HeaderButton

package/src/views/DrawerView.tsx

@@ -1,10 +1,8 @@
+import { getHeaderTitle, Header } from '@react-navigation/elements';
 import {
-  getHeaderTitle,
-  Header,
   SafeAreaProviderCompat,
-  Screen,
-  useFrameSize,
-} from '@react-navigation/elements';
+  Screen as ScreenContent,
+} from '@react-navigation/elements/internal';
 import {
   DrawerActions,
   type DrawerNavigationState,
@@ -17,6 +15,7 @@ import {
 import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import { Drawer } from 'react-native-drawer-layout';
+import { Screen, ScreenContainer } from 'react-native-screens';
 import useLatestCallback from 'use-latest-callback';
 
 import type {
@@ -33,7 +32,6 @@ import { DrawerStatusContext } from '../utils/DrawerStatusContext';
 import { getDrawerStatusFromState } from '../utils/getDrawerStatusFromState';
 import { DrawerContent } from './DrawerContent';
 import { DrawerToggleButton } from './DrawerToggleButton';
-import { MaybeScreen, MaybeScreenContainer } from './ScreenFallback';
 
 type Props = DrawerNavigationConfig & {
   defaultStatus: DrawerStatus;
@@ -69,12 +67,12 @@ function DrawerViewBase({
     drawerType = Platform.select({ ios: 'slide', default: 'front' }),
     configureGestureHandler,
     keyboardDismissMode,
-    overlayColor = 'rgba(0, 0, 0, 0.5)',
     swipeEdgeWidth,
     swipeEnabled = Platform.OS !== 'web' &&
       Platform.OS !== 'windows' &&
       Platform.OS !== 'macos',
     swipeMinDistance,
+    overlayStyle,
     overlayAccessibilityLabel,
   } = descriptors[focusedRouteKey].options;
 
@@ -108,8 +106,6 @@ function DrawerViewBase({
     previousRouteKeyRef.current = focusedRouteKey;
   }, [descriptors, focusedRouteKey, navigation, state.routes]);
 
-  const dimensions = useFrameSize((size) => size, true);
-
   const { colors } = useTheme();
 
   const drawerStatus = getDrawerStatusFromState(state);
@@ -213,7 +209,7 @@ function DrawerViewBase({
 
   const renderSceneContent = () => {
     return (
-      <MaybeScreenContainer
+      <ScreenContainer
         enabled={detachInactiveScreens}
         hasTwoStates
         style={styles.content}
@@ -236,10 +232,9 @@ function DrawerViewBase({
 
           const {
             freezeOnBlur,
-            header = ({ layout, options }: DrawerHeaderProps) => (
+            header = ({ options }: DrawerHeaderProps) => (
               <Header
                 {...options}
-                layout={layout}
                 title={getHeaderTitle(options, route.name)}
                 headerLeft={
                   drawerPosition === 'left' && options.headerLeft == null
@@ -260,15 +255,15 @@ function DrawerViewBase({
           } = descriptor.options;
 
           return (
-            <MaybeScreen
+            <Screen
               key={route.key}
               style={[StyleSheet.absoluteFill, { zIndex: isFocused ? 0 : -1 }]}
-              visible={isFocused}
+              activityState={isFocused ? 2 : 0}
               enabled={detachInactiveScreens}
               freezeOnBlur={freezeOnBlur}
               shouldFreeze={!isFocused && !isPreloaded}
             >
-              <Screen
+              <ScreenContent
                 focused={isFocused}
                 route={descriptor.route}
                 navigation={descriptor.navigation}
@@ -276,7 +271,6 @@ function DrawerViewBase({
                 headerStatusBarHeight={headerStatusBarHeight}
                 headerTransparent={headerTransparent}
                 header={header({
-                  layout: dimensions,
                   route: descriptor.route,
                   navigation:
                     descriptor.navigation as DrawerNavigationProp<ParamListBase>,
@@ -285,11 +279,11 @@ function DrawerViewBase({
                 style={sceneStyle}
               >
                 {descriptor.render()}
-              </Screen>
-            </MaybeScreen>
+              </ScreenContent>
+            </Screen>
           );
         })}
-      </MaybeScreenContainer>
+      </ScreenContainer>
     );
   };
 
@@ -304,7 +298,6 @@ function DrawerViewBase({
         onGestureCancel={handleGestureCancel}
         onTransitionStart={handleTransitionStart}
         onTransitionEnd={handleTransitionEnd}
-        layout={dimensions}
         direction={direction}
         configureGestureHandler={configureGestureHandler}
         swipeEnabled={swipeEnabled}
@@ -346,7 +339,7 @@ function DrawerViewBase({
                 }),
           drawerStyle,
         ]}
-        overlayStyle={{ backgroundColor: overlayColor }}
+        overlayStyle={overlayStyle}
         renderDrawerContent={renderDrawerContent}
       >
         {renderSceneContent()}

package/lib/module/views/ScreenFallback.js

@@ -1,45 +0,0 @@
-"use strict";
-
-import { ResourceSavingView } from '@react-navigation/elements';
-import * as React from 'react';
-import { View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-let Screens;
-try {
-  Screens = require('react-native-screens');
-} catch (e) {
-  // Ignore
-}
-export const MaybeScreenContainer = ({
-  enabled,
-  ...rest
-}) => {
-  if (Screens?.screensEnabled?.()) {
-    return /*#__PURE__*/_jsx(Screens.ScreenContainer, {
-      enabled: enabled,
-      ...rest
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    ...rest
-  });
-};
-export function MaybeScreen({
-  visible,
-  children,
-  ...rest
-}) {
-  if (Screens?.screensEnabled?.()) {
-    return /*#__PURE__*/_jsx(Screens.Screen, {
-      activityState: visible ? 2 : 0,
-      ...rest,
-      children: children
-    });
-  }
-  return /*#__PURE__*/_jsx(ResourceSavingView, {
-    visible: visible,
-    ...rest,
-    children: children
-  });
-}
-//# sourceMappingURL=ScreenFallback.js.map

package/lib/module/views/ScreenFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ResourceSavingView","React","View","jsx","_jsx","Screens","require","e","MaybeScreenContainer","enabled","rest","screensEnabled","ScreenContainer","MaybeScreen","visible","children","Screen","activityState"],"sourceRoot":"../../../src","sources":["views/ScreenFallback.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,4BAA4B;AAC/D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAEEC,IAAI,QAGC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWtB,IAAIC,OAA0D;AAE9D,IAAI;EACFA,OAAO,GAAGC,OAAO,CAAC,sBAAsB,CAAC;AAC3C,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGF,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,OAAO;EACP,GAAGC;AAKL,CAAC,KAAK;EACJ,IAAIL,OAAO,EAAEM,cAAc,GAAG,CAAC,EAAE;IAC/B,oBAAOP,IAAA,CAACC,OAAO,CAACO,eAAe;MAACH,OAAO,EAAEA,OAAQ;MAAA,GAAKC;IAAI,CAAG,CAAC;EAChE;EAEA,oBAAON,IAAA,CAACF,IAAI;IAAA,GAAKQ;EAAI,CAAG,CAAC;AAC3B,CAAC;AAED,OAAO,SAASG,WAAWA,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAE,GAAGL;AAAY,CAAC,EAAE;EACjE,IAAIL,OAAO,EAAEM,cAAc,GAAG,CAAC,EAAE;IAC/B,oBACEP,IAAA,CAACC,OAAO,CAACW,MAAM;MAACC,aAAa,EAAEH,OAAO,GAAG,CAAC,GAAG,CAAE;MAAA,GAAKJ,IAAI;MAAAK,QAAA,EACrDA;IAAQ,CACK,CAAC;EAErB;EAEA,oBACEX,IAAA,CAACJ,kBAAkB;IAACc,OAAO,EAAEA,OAAQ;IAAA,GAAKJ,IAAI;IAAAK,QAAA,EAC3CA;EAAQ,CACS,CAAC;AAEzB","ignoreList":[]}

package/lib/typescript/src/views/ScreenFallback.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
-type Props = {
-    visible: boolean;
-    children: React.ReactNode;
-    enabled: boolean;
-    freezeOnBlur?: boolean;
-    shouldFreeze: boolean;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const MaybeScreenContainer: ({ enabled, ...rest }: ViewProps & {
-    enabled: boolean;
-    hasTwoStates: boolean;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function MaybeScreen({ visible, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ScreenFallback.d.ts.map