@react-navigation/drawer 6.6.2 → 7.0.0-alpha.1

package/lib/typescript/src/utils/DrawerPositionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerPositionContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/DrawerPositionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;AAE/B,wBAA4E"}
+{"version":3,"file":"DrawerPositionContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/DrawerPositionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,qBAAqB,6CAEtB,CAAC"}

package/lib/typescript/src/utils/DrawerStatusContext.d.ts

@@ -1,5 +1,4 @@
 import type { DrawerStatus } from '@react-navigation/native';
 import * as React from 'react';
-declare const DrawerStatusContext: React.Context<DrawerStatus | undefined>;
-export default DrawerStatusContext;
+export declare const DrawerStatusContext: React.Context<DrawerStatus | undefined>;
 //# sourceMappingURL=DrawerStatusContext.d.ts.map

package/lib/typescript/src/utils/DrawerStatusContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerStatusContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/DrawerStatusContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,mBAAmB,yCAExB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DrawerStatusContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/DrawerStatusContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,mBAAmB,yCAEpB,CAAC"}

package/lib/typescript/src/utils/getDrawerStatusFromState.d.ts

@@ -1,3 +1,3 @@
 import type { DrawerNavigationState, DrawerStatus, ParamListBase } from '@react-navigation/native';
-export default function getDrawerStatusFromState(state: DrawerNavigationState<ParamListBase>): DrawerStatus;
+export declare function getDrawerStatusFromState(state: DrawerNavigationState<ParamListBase>): DrawerStatus;
 //# sourceMappingURL=getDrawerStatusFromState.d.ts.map

package/lib/typescript/src/utils/getDrawerStatusFromState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDrawerStatusFromState.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDrawerStatusFromState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,KAAK,EAAE,qBAAqB,CAAC,aAAa,CAAC,GAC1C,YAAY,CAYd"}
+{"version":3,"file":"getDrawerStatusFromState.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDrawerStatusFromState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAElC,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,qBAAqB,CAAC,aAAa,CAAC,GAC1C,YAAY,CAYd"}

package/lib/typescript/src/utils/useDrawerStatus.d.ts

@@ -3,5 +3,5 @@ import type { DrawerStatus } from '@react-navigation/native';
  * Hook to detect if the drawer's status in a parent navigator.
  * Returns 'open' if the drawer is open, 'closed' if the drawer is closed.
  */
-export default function useDrawerStatus(): DrawerStatus;
+export declare function useDrawerStatus(): DrawerStatus;
 //# sourceMappingURL=useDrawerStatus.d.ts.map

package/lib/typescript/src/utils/useDrawerStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerStatus.d.ts","sourceRoot":"","sources":["../../../../src/utils/useDrawerStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,IAAI,YAAY,CAUtD"}
+{"version":3,"file":"useDrawerStatus.d.ts","sourceRoot":"","sources":["../../../../src/utils/useDrawerStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D;;;GAGG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAU9C"}

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { DrawerContentComponentProps } from '../types';
-export default function DrawerContent({ descriptors, state, ...rest }: DrawerContentComponentProps): JSX.Element;
+export declare function DrawerContent({ descriptors, state, ...rest }: DrawerContentComponentProps): JSX.Element;
 //# sourceMappingURL=DrawerContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerContent.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,WAAW,EACX,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,eAgB7B"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerContent.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,eAgB7B"}

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { ScrollView, ScrollViewProps } from 'react-native';
-declare const _default: React.ForwardRefExoticComponent<ScrollViewProps & {
+export declare const DrawerContentScrollView: React.ForwardRefExoticComponent<ScrollViewProps & {
     children: React.ReactNode;
 } & React.RefAttributes<ScrollView>>;
-export default _default;
 //# sourceMappingURL=DrawerContentScrollView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContentScrollView.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerContentScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,UAAU,EACV,eAAe,EAEhB,MAAM,cAAc,CAAC;;;;AAuCtB,wBAAyD"}
+{"version":3,"file":"DrawerContentScrollView.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerContentScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,UAAU,EACV,eAAe,EAEhB,MAAM,cAAc,CAAC;AAuCtB,eAAO,MAAM,uBAAuB;cAjCxB,MAAM,SAAS;oCAmC1B,CAAC"}

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

@@ -1,6 +1,15 @@
+import { Route } from '@react-navigation/native';
 import * as React from 'react';
 import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-declare type Props = {
+type Props = {
+    /**
+     * The route object which should be specified by the drawer item.
+     */
+    route: Route<string>;
+    /**
+     * The `href` to use for the anchor tag on web
+     */
+    href?: string;
     /**
      * The label text of the item.
      */
@@ -16,10 +25,6 @@ declare type Props = {
         size: number;
         color: string;
     }) => React.ReactNode;
-    /**
-     * URL to use for the link to the tab.
-     */
-    to?: string;
     /**
      * Whether to highlight the drawer item as active.
      */
@@ -82,6 +87,6 @@ declare type Props = {
 /**
  * A component used to show an action item with an icon and a label in a navigation drawer.
  */
-export default function DrawerItem(props: Props): JSX.Element;
+export declare function DrawerItem(props: Props): JSX.Element;
 export {};
 //# sourceMappingURL=DrawerItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerItem.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,SAAS,EAGT,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EACD,MAAM,GACN,CAAC,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACtE;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA0DF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,eA8E9C"}
+{"version":3,"file":"DrawerItem.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,EAAY,MAAM,0BAA0B,CAAC;AAEhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,SAAS,EAGT,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EACD,MAAM,GACN,CAAC,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACtE;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6DF;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,eA0EtC"}

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

@@ -1,7 +1,7 @@
 import { DrawerNavigationState, ParamListBase } from '@react-navigation/native';
 import * as React from 'react';
 import type { DrawerDescriptorMap, DrawerNavigationHelpers } from '../types';
-declare type Props = {
+type Props = {
     state: DrawerNavigationState<ParamListBase>;
     navigation: DrawerNavigationHelpers;
     descriptors: DrawerDescriptorMap;
@@ -9,6 +9,6 @@ declare type Props = {
 /**
  * Component that renders the navigation list in the drawer.
  */
-export default function DrawerItemList({ state, navigation, descriptors, }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function DrawerItemList({ state, navigation, descriptors }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};
 //# sourceMappingURL=DrawerItemList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerItemList.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,qBAAqB,EACrB,aAAa,EAEd,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAG7E,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC5C,UAAU,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,UAAU,EACV,WAAW,GACZ,EAAE,KAAK,sEAmEP"}
+{"version":3,"file":"DrawerItemList.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,qBAAqB,EACrB,aAAa,EAEd,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAG7E,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC5C,UAAU,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,KAAK,sEAoEvE"}

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     accessibilityLabel?: string;
     pressColor?: string;
     pressOpacity?: number;
     tintColor?: string;
 };
-export default function DrawerToggleButton({ tintColor, ...rest }: Props): JSX.Element;
+export declare function DrawerToggleButton({ tintColor, ...rest }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=DrawerToggleButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerToggleButton.tsx"],"names":[],"mappings":";AAWA,aAAK,KAAK,GAAG;IACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAuBvE"}
+{"version":3,"file":"DrawerToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerToggleButton.tsx"],"names":[],"mappings":";AAWA,KAAK,KAAK,GAAG;IACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAuB/D"}

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { DrawerNavigationState, DrawerStatus, ParamListBase } from '@react-navigation/native';
 import type { DrawerDescriptorMap, DrawerNavigationConfig, DrawerNavigationHelpers } from '../types';
-declare type Props = DrawerNavigationConfig & {
+type Props = DrawerNavigationConfig & {
     defaultStatus: DrawerStatus;
     state: DrawerNavigationState<ParamListBase>;
     navigation: DrawerNavigationHelpers;
     descriptors: DrawerDescriptorMap;
 };
-export default function DrawerView({ navigation, ...rest }: Props): JSX.Element;
+export declare function DrawerView({ navigation, ...rest }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=DrawerView.d.ts.map

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":";AAMA,OAAO,EAEL,qBAAqB,EACrB,YAAY,EACZ,aAAa,EAEd,MAAM,0BAA0B,CAAC;AAYlC,OAAO,KAAK,EAEV,mBAAmB,EAEnB,sBAAsB,EACtB,uBAAuB,EAGxB,MAAM,UAAU,CAAC;AASlB,aAAK,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;AAyRF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAQhE"}
+{"version":3,"file":"DrawerView.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerView.tsx"],"names":[],"mappings":";AAMA,OAAO,EAEL,qBAAqB,EACrB,YAAY,EACZ,aAAa,EAEd,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;AAwRF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAMxD"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-declare type Props = {
+type Props = {
     visible: boolean;
     children: React.ReactNode;
     enabled: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenFallback.d.ts","sourceRoot":"","sources":["../../../../src/views/ScreenFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,aAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAUF,eAAO,MAAM,oBAAoB;aAItB,OAAO;kBACF,OAAO;cACX,MAAM,SAAS;iBAO1B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAchE"}
+{"version":3,"file":"ScreenFallback.d.ts","sourceRoot":"","sources":["../../../../src/views/ScreenFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAUF,eAAO,MAAM,oBAAoB;aAItB,OAAO;kBACF,OAAO;cACX,MAAM,SAAS;iBAO1B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAchE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/drawer",
   "description": "Drawer navigator component with animated transitions and gesturess",
-  "version": "6.6.2",
+  "version": "7.0.0-alpha.1",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -41,24 +41,25 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/elements": "^1.3.17",
+    "@react-navigation/elements": "^1.4.0-alpha.0",
     "color": "^4.2.3",
-    "warn-once": "^0.1.0"
+    "react-native-drawer-layout": "^3.2.0",
+    "use-latest-callback": "^0.1.5"
   },
   "devDependencies": {
-    "@react-navigation/native": "^6.1.6",
+    "@react-navigation/native": "^7.0.0-alpha.1",
     "@testing-library/react-native": "^11.5.0",
-    "@types/react": "~18.0.0",
-    "@types/react-native": "~0.69.1",
-    "del-cli": "^3.0.1",
-    "react": "18.0.0",
-    "react-native": "0.69.5",
+    "@types/react": "~18.0.26",
+    "@types/react-native": "~0.70.8",
+    "del-cli": "^5.0.0",
+    "react": "18.1.0",
+    "react-native": "0.70.5",
     "react-native-builder-bob": "^0.20.4",
-    "react-native-gesture-handler": "~2.5.0",
+    "react-native-gesture-handler": "~2.8.0",
     "react-native-reanimated": "~2.9.1",
-    "react-native-safe-area-context": "4.3.1",
-    "react-native-screens": "~3.15.0",
-    "typescript": "^4.7.4"
+    "react-native-safe-area-context": "4.4.1",
+    "react-native-screens": "~3.18.0",
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
     "@react-navigation/native": "^6.0.0",
@@ -83,5 +84,5 @@
       ]
     ]
   },
-  "gitHead": "ba6380c93f945e4c586f5e17e618208ab603bf30"
+  "gitHead": "230c09deeeb886929a15cb4cdcb496372a9496e1"
 }

package/src/index.tsx

@@ -1,27 +1,29 @@
 /**
  * Navigators
  */
-export { default as createDrawerNavigator } from './navigators/createDrawerNavigator';
+export { createDrawerNavigator } from './navigators/createDrawerNavigator';
 
 /**
  * Views
  */
-export { default as DrawerContent } from './views/DrawerContent';
-export { default as DrawerContentScrollView } from './views/DrawerContentScrollView';
-export { default as DrawerItem } from './views/DrawerItem';
-export { default as DrawerItemList } from './views/DrawerItemList';
-export { default as DrawerToggleButton } from './views/DrawerToggleButton';
-export { default as DrawerView } from './views/DrawerView';
+export { DrawerContent } from './views/DrawerContent';
+export { DrawerContentScrollView } from './views/DrawerContentScrollView';
+export { DrawerItem } from './views/DrawerItem';
+export { DrawerItemList } from './views/DrawerItemList';
+export { DrawerToggleButton } from './views/DrawerToggleButton';
+export { DrawerView } from './views/DrawerView';
 
 /**
  * Utilities
  */
-export { default as DrawerGestureContext } from './utils/DrawerGestureContext';
-export { default as DrawerProgressContext } from './utils/DrawerProgressContext';
-export { default as DrawerStatusContext } from './utils/DrawerStatusContext';
-export { default as getDrawerStatusFromState } from './utils/getDrawerStatusFromState';
-export { default as useDrawerProgress } from './utils/useDrawerProgress';
-export { default as useDrawerStatus } from './utils/useDrawerStatus';
+export { DrawerStatusContext } from './utils/DrawerStatusContext';
+export { getDrawerStatusFromState } from './utils/getDrawerStatusFromState';
+export { useDrawerStatus } from './utils/useDrawerStatus';
+export {
+  DrawerGestureContext,
+  DrawerProgressContext,
+  useDrawerProgress,
+} from 'react-native-drawer-layout';
 
 /**
  * Types

package/src/navigators/createDrawerNavigator.tsx

@@ -5,19 +5,17 @@ import {
   DrawerNavigationState,
   DrawerRouter,
   DrawerRouterOptions,
-  DrawerStatus,
   ParamListBase,
   useNavigationBuilder,
 } from '@react-navigation/native';
 import * as React from 'react';
-import warnOnce from 'warn-once';
 
 import type {
   DrawerNavigationConfig,
   DrawerNavigationEventMap,
   DrawerNavigationOptions,
 } from '../types';
-import DrawerView from '../views/DrawerView';
+import { DrawerView } from '../views/DrawerView';
 
 type Props = DefaultNavigatorOptions<
   ParamListBase,
@@ -31,80 +29,13 @@ type Props = DefaultNavigatorOptions<
 function DrawerNavigator({
   id,
   initialRouteName,
-  defaultStatus: customDefaultStatus,
+  defaultStatus = 'closed',
   backBehavior,
   children,
   screenListeners,
   screenOptions,
-  ...restWithDeprecated
+  ...rest
 }: Props) {
-  const {
-    // @ts-expect-error: openByDefault is deprecated
-    openByDefault,
-    // @ts-expect-error: lazy is deprecated
-    lazy,
-    // @ts-expect-error: drawerContentOptions is deprecated
-    drawerContentOptions,
-    ...rest
-  } = restWithDeprecated;
-
-  let defaultScreenOptions: DrawerNavigationOptions = {};
-
-  if (drawerContentOptions) {
-    Object.assign(defaultScreenOptions, {
-      drawerPosition: drawerContentOptions.drawerPosition,
-      drawerType: drawerContentOptions.drawerType,
-      swipeEdgeWidth: drawerContentOptions.edgeWidth,
-      drawerHideStatusBarOnOpen: drawerContentOptions.hideStatusBar,
-      keyboardDismissMode: drawerContentOptions.keyboardDismissMode,
-      swipeMinDistance: drawerContentOptions.minSwipeDistance,
-      overlayColor: drawerContentOptions.overlayColor,
-      drawerStatusBarAnimation: drawerContentOptions.statusBarAnimation,
-      gestureHandlerProps: drawerContentOptions.gestureHandlerProps,
-    });
-
-    (
-      Object.keys(defaultScreenOptions) as (keyof DrawerNavigationOptions)[]
-    ).forEach((key) => {
-      if (defaultScreenOptions[key] === undefined) {
-        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
-        delete defaultScreenOptions[key];
-      }
-    });
-
-    warnOnce(
-      drawerContentOptions,
-      `Drawer Navigator: 'drawerContentOptions' is deprecated. Migrate the options to 'screenOptions' instead.\n\nPlace the following in 'screenOptions' in your code to keep current behavior:\n\n${JSON.stringify(
-        defaultScreenOptions,
-        null,
-        2
-      )}\n\nSee https://reactnavigation.org/docs/drawer-navigator#options for more details.`
-    );
-  }
-
-  if (typeof lazy === 'boolean') {
-    defaultScreenOptions.lazy = lazy;
-
-    warnOnce(
-      true,
-      `Drawer Navigator: 'lazy' in props is deprecated. Move it to 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/drawer-navigator/#lazy for more details.`
-    );
-  }
-
-  if (typeof openByDefault === 'boolean') {
-    warnOnce(
-      true,
-      `Drawer Navigator: 'openByDefault' is deprecated. Use 'defaultStatus' and set it to 'open' or 'closed' instead.\n\nSee https://reactnavigation.org/docs/drawer-navigator/#defaultstatus for more details.`
-    );
-  }
-
-  const defaultStatus: DrawerStatus =
-    customDefaultStatus !== undefined
-      ? customDefaultStatus
-      : openByDefault
-      ? 'open'
-      : 'closed';
-
   const { state, descriptors, navigation, NavigationContent } =
     useNavigationBuilder<
       DrawerNavigationState<ParamListBase>,
@@ -120,7 +51,6 @@ function DrawerNavigator({
       children,
       screenListeners,
       screenOptions,
-      defaultScreenOptions,
     });
 
   return (
@@ -136,7 +66,7 @@ function DrawerNavigator({
   );
 }
 
-export default createNavigatorFactory<
+export const createDrawerNavigator = createNavigatorFactory<
   DrawerNavigationState<ParamListBase>,
   DrawerNavigationOptions,
   DrawerNavigationEventMap,

package/src/types.tsx

@@ -38,7 +38,7 @@ export type DrawerNavigationConfig = {
   /**
    * Whether to use the legacy implementation based on Reanimated 1.
    * The new implementation based on Reanimated 2 will perform better,
-   * but you need additional configuration and need to use Hermes with Flipper to debug.
+   * but it's not possible to use Chrome remote debugger.
    *
    * This defaults to `true` if Reanimated 2 is not configured.
    *
@@ -172,8 +172,9 @@ export type DrawerNavigationOptions = HeaderOptions & {
   overlayColor?: string;
 
   /**
-   * Screen readers will read this string when the user presses on the overlay adjacent to an opened drawer. Defaults to "Close drawer".
-   * **/
+   * Accessibility label for the overlay. This is read by the screen reader when the user taps the overlay.
+   * Defaults to "Close drawer".
+   */
   overlayAccessibilityLabel?: string;
 
   /**
@@ -257,6 +258,26 @@ export type DrawerNavigationEventMap = {
    * Event which fires on tapping on the item in the drawer menu.
    */
   drawerItemPress: { data: undefined; canPreventDefault: true };
+  /**
+   * Event which fires when a transition animation starts.
+   */
+  transitionStart: { data: { closing: boolean } };
+  /**
+   * Event which fires when a transition animation ends.
+   */
+  transitionEnd: { data: { closing: boolean } };
+  /**
+   * Event which fires when navigation gesture starts.
+   */
+  gestureStart: { data: undefined };
+  /**
+   * Event which fires when navigation gesture is completed.
+   */
+  gestureEnd: { data: undefined };
+  /**
+   * Event which fires when navigation gesture is canceled.
+   */
+  gestureCancel: { data: undefined };
 };
 
 export type DrawerNavigationHelpers = NavigationHelpers<

package/src/utils/DrawerPositionContext.tsx

@@ -1,3 +1,5 @@
 import * as React from 'react';
 
-export default React.createContext<'left' | 'right' | undefined>(undefined);
+export const DrawerPositionContext = React.createContext<
+  'left' | 'right' | undefined
+>(undefined);

package/src/utils/DrawerStatusContext.tsx

@@ -1,8 +1,6 @@
 import type { DrawerStatus } from '@react-navigation/native';
 import * as React from 'react';
 
-const DrawerStatusContext = React.createContext<DrawerStatus | undefined>(
-  undefined
-);
-
-export default DrawerStatusContext;
+export const DrawerStatusContext = React.createContext<
+  DrawerStatus | undefined
+>(undefined);

package/src/utils/getDrawerStatusFromState.tsx

@@ -4,7 +4,7 @@ import type {
   ParamListBase,
 } from '@react-navigation/native';
 
-export default function getDrawerStatusFromState(
+export function getDrawerStatusFromState(
   state: DrawerNavigationState<ParamListBase>
 ): DrawerStatus {
   if (state.history == null) {

package/src/utils/useDrawerStatus.tsx

@@ -1,13 +1,13 @@
 import type { DrawerStatus } from '@react-navigation/native';
 import * as React from 'react';
 
-import DrawerStatusContext from './DrawerStatusContext';
+import { DrawerStatusContext } from './DrawerStatusContext';
 
 /**
  * Hook to detect if the drawer's status in a parent navigator.
  * Returns 'open' if the drawer is open, 'closed' if the drawer is closed.
  */
-export default function useDrawerStatus(): DrawerStatus {
+export function useDrawerStatus(): DrawerStatus {
   const drawerStatus = React.useContext(DrawerStatusContext);
 
   if (drawerStatus === undefined) {

package/src/views/DrawerContent.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 
 import type { DrawerContentComponentProps } from '../types';
-import DrawerContentScrollView from './DrawerContentScrollView';
-import DrawerItemList from './DrawerItemList';
+import { DrawerContentScrollView } from './DrawerContentScrollView';
+import { DrawerItemList } from './DrawerItemList';
 
-export default function DrawerContent({
+export function DrawerContent({
   descriptors,
   state,
   ...rest

package/src/views/DrawerContentScrollView.tsx

@@ -7,13 +7,13 @@ import {
 } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-import DrawerPositionContext from '../utils/DrawerPositionContext';
+import { DrawerPositionContext } from '../utils/DrawerPositionContext';
 
 type Props = ScrollViewProps & {
   children: React.ReactNode;
 };
 
-function DrawerContentScrollView(
+function DrawerContentScrollViewInner(
   { contentContainerStyle, style, children, ...rest }: Props,
   ref?: React.Ref<ScrollView>
 ) {
@@ -43,7 +43,9 @@ function DrawerContentScrollView(
   );
 }
 
-export default React.forwardRef(DrawerContentScrollView);
+export const DrawerContentScrollView = React.forwardRef(
+  DrawerContentScrollViewInner
+);
 
 const styles = StyleSheet.create({
   container: {