@react-navigation/drawer 6.6.0 → 7.0.0-alpha.0
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/commonjs/index.js +4 -6
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createDrawerNavigator.js +3 -43
- package/lib/commonjs/navigators/createDrawerNavigator.js.map +1 -1
- package/lib/commonjs/views/DrawerItem.js +9 -5
- package/lib/commonjs/views/DrawerItem.js.map +1 -1
- package/lib/commonjs/views/DrawerItemList.js +6 -6
- package/lib/commonjs/views/DrawerItemList.js.map +1 -1
- package/lib/commonjs/views/DrawerView.js +21 -58
- package/lib/commonjs/views/DrawerView.js.map +1 -1
- package/lib/module/index.js +1 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createDrawerNavigator.js +3 -43
- package/lib/module/navigators/createDrawerNavigator.js.map +1 -1
- package/lib/module/views/DrawerItem.js +10 -6
- package/lib/module/views/DrawerItem.js.map +1 -1
- package/lib/module/views/DrawerItemList.js +7 -7
- package/lib/module/views/DrawerItemList.js.map +1 -1
- package/lib/module/views/DrawerView.js +21 -58
- package/lib/module/views/DrawerView.js.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -3
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createDrawerNavigator.d.ts +8 -3
- package/lib/typescript/src/navigators/createDrawerNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +17 -16
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/views/DrawerItem.d.ts +10 -5
- 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/DrawerToggleButton.d.ts +1 -1
- package/lib/typescript/src/views/DrawerToggleButton.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/lib/typescript/src/views/ScreenFallback.d.ts +1 -1
- package/lib/typescript/src/views/ScreenFallback.d.ts.map +1 -1
- package/package.json +14 -14
- package/src/index.tsx +5 -3
- package/src/navigators/createDrawerNavigator.tsx +2 -72
- package/src/types.tsx +4 -3
- package/src/views/DrawerItem.tsx +20 -11
- package/src/views/DrawerItemList.tsx +5 -4
- package/src/views/DrawerView.tsx +15 -68
- package/lib/commonjs/utils/DrawerGestureContext.js +0 -12
- package/lib/commonjs/utils/DrawerGestureContext.js.map +0 -1
- package/lib/commonjs/utils/DrawerProgressContext.js +0 -12
- package/lib/commonjs/utils/DrawerProgressContext.js.map +0 -1
- package/lib/commonjs/utils/useDrawerProgress.js +0 -19
- package/lib/commonjs/utils/useDrawerProgress.js.map +0 -1
- package/lib/commonjs/views/GestureHandler.android.js +0 -17
- package/lib/commonjs/views/GestureHandler.android.js.map +0 -1
- package/lib/commonjs/views/GestureHandler.ios.js +0 -17
- package/lib/commonjs/views/GestureHandler.ios.js.map +0 -1
- package/lib/commonjs/views/GestureHandler.js +0 -32
- package/lib/commonjs/views/GestureHandler.js.map +0 -1
- package/lib/commonjs/views/GestureHandlerNative.js +0 -37
- package/lib/commonjs/views/GestureHandlerNative.js.map +0 -1
- package/lib/commonjs/views/legacy/Drawer.js +0 -420
- package/lib/commonjs/views/legacy/Drawer.js.map +0 -1
- package/lib/commonjs/views/legacy/Overlay.js +0 -74
- package/lib/commonjs/views/legacy/Overlay.js.map +0 -1
- package/lib/commonjs/views/modern/Drawer.js +0 -304
- package/lib/commonjs/views/modern/Drawer.js.map +0 -1
- package/lib/commonjs/views/modern/Overlay.js +0 -69
- package/lib/commonjs/views/modern/Overlay.js.map +0 -1
- package/lib/module/utils/DrawerGestureContext.js +0 -3
- package/lib/module/utils/DrawerGestureContext.js.map +0 -1
- package/lib/module/utils/DrawerProgressContext.js +0 -3
- package/lib/module/utils/DrawerProgressContext.js.map +0 -1
- package/lib/module/utils/useDrawerProgress.js +0 -10
- package/lib/module/utils/useDrawerProgress.js.map +0 -1
- package/lib/module/views/GestureHandler.android.js +0 -2
- package/lib/module/views/GestureHandler.android.js.map +0 -1
- package/lib/module/views/GestureHandler.ios.js +0 -2
- package/lib/module/views/GestureHandler.ios.js.map +0 -1
- package/lib/module/views/GestureHandler.js +0 -20
- package/lib/module/views/GestureHandler.js.map +0 -1
- package/lib/module/views/GestureHandlerNative.js +0 -11
- package/lib/module/views/GestureHandlerNative.js.map +0 -1
- package/lib/module/views/legacy/Drawer.js +0 -410
- package/lib/module/views/legacy/Drawer.js.map +0 -1
- package/lib/module/views/legacy/Overlay.js +0 -64
- package/lib/module/views/legacy/Overlay.js.map +0 -1
- package/lib/module/views/modern/Drawer.js +0 -295
- package/lib/module/views/modern/Drawer.js.map +0 -1
- package/lib/module/views/modern/Overlay.js +0 -60
- package/lib/module/views/modern/Overlay.js.map +0 -1
- package/lib/typescript/src/utils/DrawerGestureContext.d.ts +0 -4
- package/lib/typescript/src/utils/DrawerGestureContext.d.ts.map +0 -1
- package/lib/typescript/src/utils/DrawerProgressContext.d.ts +0 -5
- package/lib/typescript/src/utils/DrawerProgressContext.d.ts.map +0 -1
- package/lib/typescript/src/utils/useDrawerProgress.d.ts +0 -3
- package/lib/typescript/src/utils/useDrawerProgress.d.ts.map +0 -1
- package/lib/typescript/src/views/GestureHandler.android.d.ts +0 -2
- package/lib/typescript/src/views/GestureHandler.android.d.ts.map +0 -1
- package/lib/typescript/src/views/GestureHandler.d.ts +0 -15
- package/lib/typescript/src/views/GestureHandler.d.ts.map +0 -1
- package/lib/typescript/src/views/GestureHandler.ios.d.ts +0 -2
- package/lib/typescript/src/views/GestureHandler.ios.d.ts.map +0 -1
- package/lib/typescript/src/views/GestureHandlerNative.d.ts +0 -6
- package/lib/typescript/src/views/GestureHandlerNative.d.ts.map +0 -1
- package/lib/typescript/src/views/legacy/Drawer.d.ts +0 -45
- package/lib/typescript/src/views/legacy/Drawer.d.ts.map +0 -1
- package/lib/typescript/src/views/legacy/Overlay.d.ts +0 -75
- package/lib/typescript/src/views/legacy/Overlay.d.ts.map +0 -1
- package/lib/typescript/src/views/modern/Drawer.d.ts +0 -4
- package/lib/typescript/src/views/modern/Drawer.d.ts.map +0 -1
- package/lib/typescript/src/views/modern/Overlay.d.ts +0 -75
- package/lib/typescript/src/views/modern/Overlay.d.ts.map +0 -1
- package/src/utils/DrawerGestureContext.tsx +0 -3
- package/src/utils/DrawerProgressContext.tsx +0 -6
- package/src/utils/useDrawerProgress.tsx +0 -18
- package/src/views/GestureHandler.android.tsx +0 -1
- package/src/views/GestureHandler.ios.tsx +0 -1
- package/src/views/GestureHandler.tsx +0 -29
- package/src/views/GestureHandlerNative.tsx +0 -24
- package/src/views/legacy/Drawer.tsx +0 -672
- package/src/views/legacy/Overlay.tsx +0 -87
- package/src/views/modern/Drawer.tsx +0 -425
- package/src/views/modern/Overlay.tsx +0 -82
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import Animated from 'react-native-reanimated';
|
|
3
|
-
declare const Overlay: React.ForwardRefExoticComponent<{
|
|
4
|
-
children?: React.ReactNode | Animated.Node<React.ReactNode>;
|
|
5
|
-
removeClippedSubviews?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
6
|
-
hitSlop?: import("react-native").Insets | Animated.Node<import("react-native").Insets | undefined> | undefined;
|
|
7
|
-
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | Animated.Node<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
|
|
8
|
-
pointerEvents?: "none" | "auto" | "box-none" | "box-only" | Animated.Node<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
|
|
9
|
-
testID?: string | Animated.Node<string | undefined> | undefined;
|
|
10
|
-
nativeID?: string | Animated.Node<string | undefined> | undefined;
|
|
11
|
-
collapsable?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
12
|
-
needsOffscreenAlphaCompositing?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
13
|
-
renderToHardwareTextureAndroid?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
14
|
-
focusable?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
15
|
-
shouldRasterizeIOS?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
16
|
-
isTVSelectable?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
17
|
-
hasTVPreferredFocus?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
18
|
-
tvParallaxProperties?: import("react-native").TVParallaxProperties | Animated.Node<import("react-native").TVParallaxProperties | undefined> | undefined;
|
|
19
|
-
tvParallaxShiftDistanceX?: number | Animated.Node<number | undefined> | undefined;
|
|
20
|
-
tvParallaxShiftDistanceY?: number | Animated.Node<number | undefined> | undefined;
|
|
21
|
-
tvParallaxTiltAngle?: number | Animated.Node<number | undefined> | undefined;
|
|
22
|
-
tvParallaxMagnification?: number | Animated.Node<number | undefined> | undefined;
|
|
23
|
-
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
|
|
24
|
-
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
|
|
25
|
-
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
26
|
-
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
27
|
-
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
28
|
-
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
29
|
-
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
30
|
-
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
31
|
-
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
|
|
32
|
-
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
33
|
-
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
|
|
34
|
-
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
|
|
35
|
-
onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
36
|
-
onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
37
|
-
onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
38
|
-
onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
39
|
-
onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
|
|
40
|
-
accessible?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
41
|
-
accessibilityActions?: readonly Readonly<{
|
|
42
|
-
name: string;
|
|
43
|
-
label?: string | undefined;
|
|
44
|
-
}>[] | Animated.Node<readonly Readonly<{
|
|
45
|
-
name: string;
|
|
46
|
-
label?: string | undefined;
|
|
47
|
-
}>[] | undefined> | undefined;
|
|
48
|
-
accessibilityLabel?: string | Animated.Node<string | undefined> | undefined;
|
|
49
|
-
accessibilityRole?: import("react-native").AccessibilityRole | Animated.Node<import("react-native").AccessibilityRole | undefined> | undefined;
|
|
50
|
-
accessibilityState?: import("react-native").AccessibilityState | Animated.Node<import("react-native").AccessibilityState | undefined> | undefined;
|
|
51
|
-
accessibilityHint?: string | Animated.Node<string | undefined> | undefined;
|
|
52
|
-
accessibilityValue?: import("react-native").AccessibilityValue | Animated.Node<import("react-native").AccessibilityValue | undefined> | undefined;
|
|
53
|
-
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | Animated.Node<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
|
|
54
|
-
accessibilityLiveRegion?: "none" | "polite" | "assertive" | Animated.Node<"none" | "polite" | "assertive" | undefined> | undefined;
|
|
55
|
-
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | Animated.Node<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
|
|
56
|
-
accessibilityElementsHidden?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
57
|
-
accessibilityViewIsModal?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
58
|
-
onAccessibilityEscape?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
|
|
59
|
-
onAccessibilityTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
|
|
60
|
-
onMagicTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
|
|
61
|
-
accessibilityIgnoresInvertColors?: boolean | Animated.Node<boolean | undefined> | undefined;
|
|
62
|
-
} & {
|
|
63
|
-
style?: import("react-native").StyleProp<Animated.AnimateStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
|
|
64
|
-
} & {
|
|
65
|
-
animatedProps?: Partial<Animated.AnimateProps<import("react-native").ViewProps>> | undefined;
|
|
66
|
-
layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
|
|
67
|
-
entering?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated").Keyframe | undefined;
|
|
68
|
-
exiting?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated").Keyframe | undefined;
|
|
69
|
-
} & {
|
|
70
|
-
progress: Animated.SharedValue<number>;
|
|
71
|
-
onPress: () => void;
|
|
72
|
-
accessibilityLabel?: string | undefined;
|
|
73
|
-
} & React.RefAttributes<Animated.View>>;
|
|
74
|
-
export default Overlay;
|
|
75
|
-
//# sourceMappingURL=Overlay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../../src/views/modern/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAGN,MAAM,yBAAyB,CAAC;AAUjC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cALD,SAAS,WAAW,CAAC,MAAM,CAAC;aAC7B,MAAM,IAAI;;uCAgDnB,CAAC;AAsBH,eAAe,OAAO,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type Animated from 'react-native-reanimated';
|
|
3
|
-
|
|
4
|
-
import DrawerProgressContext from './DrawerProgressContext';
|
|
5
|
-
|
|
6
|
-
export default function useDrawerProgress():
|
|
7
|
-
| Readonly<Animated.SharedValue<number>>
|
|
8
|
-
| Animated.Node<number> {
|
|
9
|
-
const progress = React.useContext(DrawerProgressContext);
|
|
10
|
-
|
|
11
|
-
if (progress === undefined) {
|
|
12
|
-
throw new Error(
|
|
13
|
-
"Couldn't find a drawer. Is your component inside a drawer navigator?"
|
|
14
|
-
);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
return progress;
|
|
18
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './GestureHandlerNative';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './GestureHandlerNative';
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import type {
|
|
4
|
-
PanGestureHandlerProperties,
|
|
5
|
-
TapGestureHandlerProperties,
|
|
6
|
-
} from 'react-native-gesture-handler';
|
|
7
|
-
|
|
8
|
-
const Dummy: any = ({ children }: { children: React.ReactNode }) => (
|
|
9
|
-
<>{children}</>
|
|
10
|
-
);
|
|
11
|
-
|
|
12
|
-
export const PanGestureHandler =
|
|
13
|
-
Dummy as React.ComponentType<PanGestureHandlerProperties>;
|
|
14
|
-
|
|
15
|
-
export const TapGestureHandler =
|
|
16
|
-
Dummy as React.ComponentType<TapGestureHandlerProperties>;
|
|
17
|
-
|
|
18
|
-
export const GestureHandlerRootView = View;
|
|
19
|
-
|
|
20
|
-
export const GestureState = {
|
|
21
|
-
UNDETERMINED: 0,
|
|
22
|
-
FAILED: 1,
|
|
23
|
-
BEGAN: 2,
|
|
24
|
-
CANCELLED: 3,
|
|
25
|
-
ACTIVE: 4,
|
|
26
|
-
END: 5,
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
PanGestureHandler as PanGestureHandlerNative,
|
|
4
|
-
PanGestureHandlerProperties,
|
|
5
|
-
} from 'react-native-gesture-handler';
|
|
6
|
-
|
|
7
|
-
import DrawerGestureContext from '../utils/DrawerGestureContext';
|
|
8
|
-
|
|
9
|
-
export function PanGestureHandler(props: PanGestureHandlerProperties) {
|
|
10
|
-
const gestureRef = React.useRef<PanGestureHandlerNative>(null);
|
|
11
|
-
|
|
12
|
-
return (
|
|
13
|
-
<DrawerGestureContext.Provider value={gestureRef}>
|
|
14
|
-
<PanGestureHandlerNative {...props} />
|
|
15
|
-
</DrawerGestureContext.Provider>
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
|
|
20
|
-
export {
|
|
21
|
-
GestureHandlerRootView,
|
|
22
|
-
State as GestureState,
|
|
23
|
-
TapGestureHandler,
|
|
24
|
-
} from 'react-native-gesture-handler';
|