@react-navigation/drawer 7.10.3 → 7.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/index.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createDrawerNavigator.js +2 -1
- package/lib/module/navigators/createDrawerNavigator.js.map +1 -1
- package/lib/module/views/DrawerItem.js +3 -2
- package/lib/module/views/DrawerItem.js.map +1 -1
- package/lib/typescript/src/index.d.ts +11 -11
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createDrawerNavigator.d.ts +5 -3
- package/lib/typescript/src/navigators/createDrawerNavigator.d.ts.map +1 -1
- package/lib/typescript/src/views/DrawerContent.d.ts +1 -1
- package/lib/typescript/src/views/DrawerContent.d.ts.map +1 -1
- package/lib/typescript/src/views/DrawerItem.d.ts.map +1 -1
- package/lib/typescript/src/views/DrawerItemList.d.ts +1 -1
- package/lib/typescript/src/views/DrawerItemList.d.ts.map +1 -1
- package/lib/typescript/src/views/DrawerView.d.ts +1 -1
- package/lib/typescript/src/views/DrawerView.d.ts.map +1 -1
- package/package.json +7 -7
- package/src/index.tsx +5 -1
- package/src/navigators/createDrawerNavigator.tsx +26 -15
- package/src/views/DrawerItem.tsx +5 -1
package/lib/module/index.js
CHANGED
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createDrawerNavigator","DrawerContent","DrawerContentScrollView","DrawerItem","DrawerItemList","DrawerToggleButton","DrawerView","DrawerStatusContext","getDrawerStatusFromState","useDrawerStatus","DrawerProgressContext","useDrawerProgress"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,
|
|
1
|
+
{"version":3,"names":["createDrawerNavigator","createDrawerScreen","DrawerContent","DrawerContentScrollView","DrawerItem","DrawerItemList","DrawerToggleButton","DrawerView","DrawerStatusContext","getDrawerStatusFromState","useDrawerStatus","DrawerProgressContext","useDrawerProgress"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,SACEA,qBAAqB,EACrBC,kBAAkB,QAEb,uCAAoC;;AAE3C;AACA;AACA;AACA,SAASC,aAAa,QAAQ,0BAAuB;AACrD,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,SAASC,UAAU,QAAQ,uBAAoB;AAC/C,SAASC,cAAc,QAAQ,2BAAwB;AACvD,SAASC,kBAAkB,QAAQ,+BAA4B;AAC/D,SAASC,UAAU,QAAQ,uBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,wBAAwB,QAAQ,qCAAkC;AAC3E,SAASC,eAAe,QAAQ,4BAAyB;AACzD,SACEC,qBAAqB,EACrBC,iBAAiB,QACZ,4BAA4B;;AAEnC;AACA;AACA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createNavigatorFactory, DrawerRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
3
|
+
import { createNavigatorFactory, createScreenFactory, DrawerRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
4
4
|
import { DrawerView } from "../views/DrawerView.js";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
function DrawerNavigator({
|
|
@@ -48,4 +48,5 @@ function DrawerNavigator({
|
|
|
48
48
|
export function createDrawerNavigator(config) {
|
|
49
49
|
return createNavigatorFactory(DrawerNavigator)(config);
|
|
50
50
|
}
|
|
51
|
+
export const createDrawerScreen = createScreenFactory();
|
|
51
52
|
//# sourceMappingURL=createDrawerNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","DrawerRouter","useNavigationBuilder","DrawerView","jsx","_jsx","DrawerNavigator","id","initialRouteName","defaultStatus","backBehavior","UNSTABLE_routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","UNSTABLE_router","rest","state","descriptors","navigation","NavigationContent","createDrawerNavigator","config"],"sourceRoot":"../../../src","sources":["navigators/createDrawerNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","createScreenFactory","DrawerRouter","useNavigationBuilder","DrawerView","jsx","_jsx","DrawerNavigator","id","initialRouteName","defaultStatus","backBehavior","UNSTABLE_routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","UNSTABLE_router","rest","state","descriptors","navigation","NavigationContent","createDrawerNavigator","config","createDrawerScreen"],"sourceRoot":"../../../src","sources":["navigators/createDrawerNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EACtBC,mBAAmB,EAGnBC,YAAY,EAMZC,oBAAoB,QACf,0BAA0B;AAQjC,SAASC,UAAU,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,SAASC,eAAeA,CAAC;EACvBC,EAAE;EACFC,gBAAgB;EAChBC,aAAa,GAAG,QAAQ;EACxBC,YAAY;EACZC,iCAAiC;EACjCC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,eAAe;EACf,GAAGC;AACiB,CAAC,EAAE;EACvB,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDpB,oBAAoB,CAMlBD,YAAY,EAAE;IACdM,EAAE;IACFC,gBAAgB;IAChBC,aAAa;IACbC,YAAY;IACZC,iCAAiC;IACjCC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEJ,oBACEZ,IAAA,CAACiB,iBAAiB;IAAAV,QAAA,eAChBP,IAAA,CAACF,UAAU;MAAA,GACLe,IAAI;MACRT,aAAa,EAAEA,aAAc;MAC7BU,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA;IAAW,CACxB;EAAC,CACe,CAAC;AAExB;AAqBA,OAAO,SAASE,qBAAqBA,CAQnCC,MAAe,EAAmC;EAClD,OAAOzB,sBAAsB,CAACO,eAAe,CAAC,CAACkB,MAAM,CAAC;AACxD;AAEA,OAAO,MAAMC,kBAAkB,GAAGzB,mBAAmB,CAAgB,CAAC","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import { PlatformPressable, Text } from '@react-navigation/elements';
|
|
|
4
4
|
import { useTheme } from '@react-navigation/native';
|
|
5
5
|
import Color from 'color';
|
|
6
6
|
import * as React from 'react';
|
|
7
|
-
import { StyleSheet, View } from 'react-native';
|
|
7
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
/**
|
|
10
10
|
* A component used to show an action item with an icon and a label in a navigation drawer.
|
|
@@ -57,7 +57,8 @@ export function DrawerItem(props) {
|
|
|
57
57
|
onPress: onPress,
|
|
58
58
|
role: "button",
|
|
59
59
|
"aria-label": accessibilityLabel,
|
|
60
|
-
"aria-
|
|
60
|
+
"aria-current": Platform.OS === 'web' ? focused ? 'page' : undefined : undefined,
|
|
61
|
+
"aria-selected": Platform.OS === 'web' ? undefined : focused,
|
|
61
62
|
pressColor: pressColor,
|
|
62
63
|
pressOpacity: pressOpacity,
|
|
63
64
|
hoverEffect: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PlatformPressable","Text","useTheme","Color","React","StyleSheet","View","jsx","_jsx","jsxs","_jsxs","DrawerItem","props","colors","fonts","href","icon","label","labelStyle","focused","allowFontScaling","activeTintColor","primary","inactiveTintColor","text","alpha","rgb","string","activeBackgroundColor","inactiveBackgroundColor","style","onPress","pressColor","pressOpacity","testID","accessibilityLabel","rest","borderRadius","flatten","color","backgroundColor","iconNode","size","collapsable","styles","container","children","role","hoverEffect","wrapper","marginStart","numberOfLines","labelText","medium","create","borderCurve","overflow","flexDirection","alignItems","paddingVertical","paddingStart","paddingEnd","marginEnd","marginVertical","flex","lineHeight","textAlignVertical"],"sourceRoot":"../../../src","sources":["views/DrawerItem.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,IAAI,QAAQ,4BAA4B;AACpE,SAAqBC,QAAQ,QAAQ,0BAA0B;AAC/D,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,
|
|
1
|
+
{"version":3,"names":["PlatformPressable","Text","useTheme","Color","React","Platform","StyleSheet","View","jsx","_jsx","jsxs","_jsxs","DrawerItem","props","colors","fonts","href","icon","label","labelStyle","focused","allowFontScaling","activeTintColor","primary","inactiveTintColor","text","alpha","rgb","string","activeBackgroundColor","inactiveBackgroundColor","style","onPress","pressColor","pressOpacity","testID","accessibilityLabel","rest","borderRadius","flatten","color","backgroundColor","iconNode","size","collapsable","styles","container","children","role","OS","undefined","hoverEffect","wrapper","marginStart","numberOfLines","labelText","medium","create","borderCurve","overflow","flexDirection","alignItems","paddingVertical","paddingStart","paddingEnd","marginEnd","marginVertical","flex","lineHeight","textAlignVertical"],"sourceRoot":"../../../src","sources":["views/DrawerItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Navigators
|
|
3
3
|
*/
|
|
4
|
-
export { createDrawerNavigator } from './navigators/createDrawerNavigator';
|
|
4
|
+
export { createDrawerNavigator, createDrawerScreen, type DrawerTypeBag, } from './navigators/createDrawerNavigator.js';
|
|
5
5
|
/**
|
|
6
6
|
* Views
|
|
7
7
|
*/
|
|
8
|
-
export { DrawerContent } from './views/DrawerContent';
|
|
9
|
-
export { DrawerContentScrollView } from './views/DrawerContentScrollView';
|
|
10
|
-
export { DrawerItem } from './views/DrawerItem';
|
|
11
|
-
export { DrawerItemList } from './views/DrawerItemList';
|
|
12
|
-
export { DrawerToggleButton } from './views/DrawerToggleButton';
|
|
13
|
-
export { DrawerView } from './views/DrawerView';
|
|
8
|
+
export { DrawerContent } from './views/DrawerContent.js';
|
|
9
|
+
export { DrawerContentScrollView } from './views/DrawerContentScrollView.js';
|
|
10
|
+
export { DrawerItem } from './views/DrawerItem.js';
|
|
11
|
+
export { DrawerItemList } from './views/DrawerItemList.js';
|
|
12
|
+
export { DrawerToggleButton } from './views/DrawerToggleButton.js';
|
|
13
|
+
export { DrawerView } from './views/DrawerView.js';
|
|
14
14
|
/**
|
|
15
15
|
* Utilities
|
|
16
16
|
*/
|
|
17
|
-
export { DrawerStatusContext } from './utils/DrawerStatusContext';
|
|
18
|
-
export { getDrawerStatusFromState } from './utils/getDrawerStatusFromState';
|
|
19
|
-
export { useDrawerStatus } from './utils/useDrawerStatus';
|
|
17
|
+
export { DrawerStatusContext } from './utils/DrawerStatusContext.js';
|
|
18
|
+
export { getDrawerStatusFromState } from './utils/getDrawerStatusFromState.js';
|
|
19
|
+
export { useDrawerStatus } from './utils/useDrawerStatus.js';
|
|
20
20
|
export { DrawerProgressContext, useDrawerProgress, } from 'react-native-drawer-layout';
|
|
21
21
|
/**
|
|
22
22
|
* Types
|
|
23
23
|
*/
|
|
24
|
-
export type { DrawerContentComponentProps, DrawerHeaderProps, DrawerNavigationEventMap, DrawerNavigationOptions, DrawerNavigationProp, DrawerNavigatorProps, DrawerOptionsArgs, DrawerScreenProps, } from './types';
|
|
24
|
+
export type { DrawerContentComponentProps, DrawerHeaderProps, DrawerNavigationEventMap, DrawerNavigationOptions, DrawerNavigationProp, DrawerNavigatorProps, DrawerOptionsArgs, DrawerScreenProps, } from './types.js';
|
|
25
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,aAAa,GACnB,MAAM,uCAAoC,CAAC;AAE5C;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,0BAAuB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAiC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAAwB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAoB,CAAC;AAEhD;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAA6B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAkC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAAyB,CAAC;AAC1D,OAAO,EACL,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,YAAY,EACV,2BAA2B,EAC3B,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,YAAS,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type DrawerNavigationState, type NavigatorTypeBagBase, type ParamListBase, type StaticConfig, type TypedNavigator } from '@react-navigation/native';
|
|
2
|
-
import type { DrawerNavigationEventMap, DrawerNavigationOptions, DrawerNavigationProp, DrawerNavigatorProps } from '../types';
|
|
2
|
+
import type { DrawerNavigationEventMap, DrawerNavigationOptions, DrawerNavigationProp, DrawerNavigatorProps } from '../types.js';
|
|
3
3
|
declare function DrawerNavigator({ id, initialRouteName, defaultStatus, backBehavior, UNSTABLE_routeNamesChangeBehavior, children, layout, screenListeners, screenOptions, screenLayout, UNSTABLE_router, ...rest }: DrawerNavigatorProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export
|
|
4
|
+
export type DrawerTypeBag<ParamList extends ParamListBase = ParamListBase, NavigatorID extends string | undefined = string | undefined> = {
|
|
5
5
|
ParamList: ParamList;
|
|
6
6
|
NavigatorID: NavigatorID;
|
|
7
7
|
State: DrawerNavigationState<ParamList>;
|
|
@@ -11,6 +11,8 @@ export declare function createDrawerNavigator<const ParamList extends ParamListB
|
|
|
11
11
|
[RouteName in keyof ParamList]: DrawerNavigationProp<ParamList, RouteName, NavigatorID>;
|
|
12
12
|
};
|
|
13
13
|
Navigator: typeof DrawerNavigator;
|
|
14
|
-
}
|
|
14
|
+
};
|
|
15
|
+
export declare function createDrawerNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>>(config?: Config): TypedNavigator<TypeBag, Config>;
|
|
16
|
+
export declare const createDrawerScreen: import("@react-navigation/core").StaticScreenFactory<DrawerTypeBag<ParamListBase, string | undefined>>;
|
|
15
17
|
export {};
|
|
16
18
|
//# sourceMappingURL=createDrawerNavigator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDrawerNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createDrawerNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"createDrawerNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createDrawerNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,qBAAqB,EAG1B,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,aAAU,CAAC;AAGlB,iBAAS,eAAe,CAAC,EACvB,EAAE,EACF,gBAAgB,EAChB,aAAwB,EACxB,YAAY,EACZ,iCAAiC,EACjC,QAAQ,EACR,MAAM,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,eAAe,EACf,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAiCtB;AAED,MAAM,MAAM,aAAa,CACvB,SAAS,SAAS,aAAa,GAAG,aAAa,EAC/C,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IACzD;IACF,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACxC,aAAa,EAAE,uBAAuB,CAAC;IACvC,QAAQ,EAAE,wBAAwB,CAAC;IACnC,cAAc,EAAE;SACb,SAAS,IAAI,MAAM,SAAS,GAAG,oBAAoB,CAClD,SAAS,EACT,SAAS,EACT,WAAW,CACZ;KACF,CAAC;IACF,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,aAAa,CACxD,SAAS,EACT,WAAW,CACZ,EACD,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,EAClE,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAElD;AAED,eAAO,MAAM,kBAAkB,wGAAuC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { DrawerContentComponentProps } from '../types';
|
|
1
|
+
import type { DrawerContentComponentProps } from '../types.js';
|
|
2
2
|
export declare function DrawerContent({ descriptors, state, ...rest }: DrawerContentComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=DrawerContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAU,CAAC;AAI5D,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,2CAgB7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerItem.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"DrawerItem.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB;;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;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,2CAwEtC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type DrawerNavigationState, type ParamListBase } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import type { DrawerDescriptorMap, DrawerNavigationHelpers } from '../types';
|
|
3
|
+
import type { DrawerDescriptorMap, DrawerNavigationHelpers } from '../types.js';
|
|
4
4
|
type Props = {
|
|
5
5
|
state: DrawerNavigationState<ParamListBase>;
|
|
6
6
|
navigation: DrawerNavigationHelpers;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerItemList.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAEnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"DrawerItemList.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAEnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAU,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,GAmE7C,KAAK,CAAC,YAAY,CAC5C"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type DrawerNavigationState, type DrawerStatus, type ParamListBase } from '@react-navigation/native';
|
|
2
|
-
import type { DrawerDescriptorMap, DrawerNavigationConfig, DrawerNavigationHelpers } from '../types';
|
|
2
|
+
import type { DrawerDescriptorMap, DrawerNavigationConfig, DrawerNavigationHelpers } from '../types.js';
|
|
3
3
|
type Props = DrawerNavigationConfig & {
|
|
4
4
|
defaultStatus: DrawerStatus;
|
|
5
5
|
state: DrawerNavigationState<ParamListBase>;
|
|
@@ -1 +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,
|
|
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,aAAU,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;AA4TF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAMxD"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/drawer",
|
|
3
3
|
"description": "Integration for the drawer component from react-native-drawer-layout",
|
|
4
|
-
"version": "7.
|
|
4
|
+
"version": "7.11.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -46,20 +46,20 @@
|
|
|
46
46
|
"clean": "del lib"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@react-navigation/elements": "^2.9.
|
|
49
|
+
"@react-navigation/elements": "^2.9.21",
|
|
50
50
|
"color": "^4.2.3",
|
|
51
|
-
"react-native-drawer-layout": "^4.2.
|
|
51
|
+
"react-native-drawer-layout": "^4.2.5",
|
|
52
52
|
"use-latest-callback": "^0.2.4"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@jest/globals": "^30.0.0",
|
|
56
|
-
"@react-navigation/native": "^7.
|
|
56
|
+
"@react-navigation/native": "^7.3.0",
|
|
57
57
|
"@testing-library/react-native": "^13.2.1",
|
|
58
58
|
"@types/react": "~19.0.10",
|
|
59
59
|
"del-cli": "^6.0.0",
|
|
60
60
|
"react": "19.1.0",
|
|
61
61
|
"react-native": "0.81.5",
|
|
62
|
-
"react-native-builder-bob": "^0.
|
|
62
|
+
"react-native-builder-bob": "^0.42.1",
|
|
63
63
|
"react-native-gesture-handler": "~2.28.0",
|
|
64
64
|
"react-native-reanimated": "^3.19.4",
|
|
65
65
|
"react-native-safe-area-context": "~5.6.0",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"typescript": "^5.9.2"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
|
-
"@react-navigation/native": "^7.
|
|
71
|
+
"@react-navigation/native": "^7.3.0",
|
|
72
72
|
"react": ">= 18.2.0",
|
|
73
73
|
"react-native": "*",
|
|
74
74
|
"react-native-gesture-handler": ">= 2.0.0",
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
]
|
|
95
95
|
]
|
|
96
96
|
},
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "dd325d641ccae08a61fd25710270abb85865482f"
|
|
98
98
|
}
|
package/src/index.tsx
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
createNavigatorFactory,
|
|
3
|
+
createScreenFactory,
|
|
3
4
|
type DrawerActionHelpers,
|
|
4
5
|
type DrawerNavigationState,
|
|
5
6
|
DrawerRouter,
|
|
@@ -67,25 +68,35 @@ function DrawerNavigator({
|
|
|
67
68
|
);
|
|
68
69
|
}
|
|
69
70
|
|
|
71
|
+
export type DrawerTypeBag<
|
|
72
|
+
ParamList extends ParamListBase = ParamListBase,
|
|
73
|
+
NavigatorID extends string | undefined = string | undefined,
|
|
74
|
+
> = {
|
|
75
|
+
ParamList: ParamList;
|
|
76
|
+
NavigatorID: NavigatorID;
|
|
77
|
+
State: DrawerNavigationState<ParamList>;
|
|
78
|
+
ScreenOptions: DrawerNavigationOptions;
|
|
79
|
+
EventMap: DrawerNavigationEventMap;
|
|
80
|
+
NavigationList: {
|
|
81
|
+
[RouteName in keyof ParamList]: DrawerNavigationProp<
|
|
82
|
+
ParamList,
|
|
83
|
+
RouteName,
|
|
84
|
+
NavigatorID
|
|
85
|
+
>;
|
|
86
|
+
};
|
|
87
|
+
Navigator: typeof DrawerNavigator;
|
|
88
|
+
};
|
|
89
|
+
|
|
70
90
|
export function createDrawerNavigator<
|
|
71
91
|
const ParamList extends ParamListBase,
|
|
72
92
|
const NavigatorID extends string | undefined = string | undefined,
|
|
73
|
-
const TypeBag extends NavigatorTypeBagBase =
|
|
74
|
-
ParamList
|
|
75
|
-
NavigatorID
|
|
76
|
-
|
|
77
|
-
ScreenOptions: DrawerNavigationOptions;
|
|
78
|
-
EventMap: DrawerNavigationEventMap;
|
|
79
|
-
NavigationList: {
|
|
80
|
-
[RouteName in keyof ParamList]: DrawerNavigationProp<
|
|
81
|
-
ParamList,
|
|
82
|
-
RouteName,
|
|
83
|
-
NavigatorID
|
|
84
|
-
>;
|
|
85
|
-
};
|
|
86
|
-
Navigator: typeof DrawerNavigator;
|
|
87
|
-
},
|
|
93
|
+
const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<
|
|
94
|
+
ParamList,
|
|
95
|
+
NavigatorID
|
|
96
|
+
>,
|
|
88
97
|
const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,
|
|
89
98
|
>(config?: Config): TypedNavigator<TypeBag, Config> {
|
|
90
99
|
return createNavigatorFactory(DrawerNavigator)(config);
|
|
91
100
|
}
|
|
101
|
+
|
|
102
|
+
export const createDrawerScreen = createScreenFactory<DrawerTypeBag>();
|
package/src/views/DrawerItem.tsx
CHANGED
|
@@ -3,6 +3,7 @@ import { type Route, useTheme } from '@react-navigation/native';
|
|
|
3
3
|
import Color from 'color';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import {
|
|
6
|
+
Platform,
|
|
6
7
|
type StyleProp,
|
|
7
8
|
StyleSheet,
|
|
8
9
|
type TextStyle,
|
|
@@ -141,7 +142,10 @@ export function DrawerItem(props: Props) {
|
|
|
141
142
|
onPress={onPress}
|
|
142
143
|
role="button"
|
|
143
144
|
aria-label={accessibilityLabel}
|
|
144
|
-
aria-
|
|
145
|
+
aria-current={
|
|
146
|
+
Platform.OS === 'web' ? (focused ? 'page' : undefined) : undefined
|
|
147
|
+
}
|
|
148
|
+
aria-selected={Platform.OS === 'web' ? undefined : focused}
|
|
145
149
|
pressColor={pressColor}
|
|
146
150
|
pressOpacity={pressOpacity}
|
|
147
151
|
hoverEffect={{ color }}
|