@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,304 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Drawer;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
-
var _DrawerProgressContext = _interopRequireDefault(require("../../utils/DrawerProgressContext"));
|
|
12
|
-
var _Overlay = _interopRequireDefault(require("./Overlay"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
-
const SWIPE_DISTANCE_MINIMUM = 5;
|
|
18
|
-
const DEFAULT_DRAWER_WIDTH = '80%';
|
|
19
|
-
const minmax = (value, start, end) => {
|
|
20
|
-
'worklet';
|
|
21
|
-
|
|
22
|
-
return Math.min(Math.max(value, start), end);
|
|
23
|
-
};
|
|
24
|
-
function Drawer(_ref) {
|
|
25
|
-
let {
|
|
26
|
-
dimensions,
|
|
27
|
-
drawerPosition,
|
|
28
|
-
drawerStyle,
|
|
29
|
-
drawerType,
|
|
30
|
-
gestureHandlerProps,
|
|
31
|
-
hideStatusBarOnOpen,
|
|
32
|
-
keyboardDismissMode,
|
|
33
|
-
onClose,
|
|
34
|
-
onOpen,
|
|
35
|
-
open,
|
|
36
|
-
overlayStyle,
|
|
37
|
-
renderDrawerContent,
|
|
38
|
-
renderSceneContent,
|
|
39
|
-
statusBarAnimation,
|
|
40
|
-
swipeDistanceThreshold,
|
|
41
|
-
swipeEdgeWidth,
|
|
42
|
-
swipeEnabled,
|
|
43
|
-
swipeVelocityThreshold,
|
|
44
|
-
overlayAccessibilityLabel
|
|
45
|
-
} = _ref;
|
|
46
|
-
const getDrawerWidth = () => {
|
|
47
|
-
const {
|
|
48
|
-
width = DEFAULT_DRAWER_WIDTH
|
|
49
|
-
} = _reactNative.StyleSheet.flatten(drawerStyle) || {};
|
|
50
|
-
if (typeof width === 'string' && width.endsWith('%')) {
|
|
51
|
-
// Try to calculate width if a percentage is given
|
|
52
|
-
const percentage = Number(width.replace(/%$/, ''));
|
|
53
|
-
if (Number.isFinite(percentage)) {
|
|
54
|
-
return dimensions.width * (percentage / 100);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
return typeof width === 'number' ? width : 0;
|
|
58
|
-
};
|
|
59
|
-
const drawerWidth = getDrawerWidth();
|
|
60
|
-
const isOpen = drawerType === 'permanent' ? true : open;
|
|
61
|
-
const isRight = drawerPosition === 'right';
|
|
62
|
-
const getDrawerTranslationX = React.useCallback(open => {
|
|
63
|
-
'worklet';
|
|
64
|
-
|
|
65
|
-
if (drawerPosition === 'left') {
|
|
66
|
-
return open ? 0 : -drawerWidth;
|
|
67
|
-
}
|
|
68
|
-
return open ? 0 : drawerWidth;
|
|
69
|
-
}, [drawerPosition, drawerWidth]);
|
|
70
|
-
const hideStatusBar = React.useCallback(hide => {
|
|
71
|
-
if (hideStatusBarOnOpen) {
|
|
72
|
-
_reactNative.StatusBar.setHidden(hide, statusBarAnimation);
|
|
73
|
-
}
|
|
74
|
-
}, [hideStatusBarOnOpen, statusBarAnimation]);
|
|
75
|
-
React.useEffect(() => {
|
|
76
|
-
hideStatusBar(isOpen);
|
|
77
|
-
return () => hideStatusBar(false);
|
|
78
|
-
}, [isOpen, hideStatusBarOnOpen, statusBarAnimation, hideStatusBar]);
|
|
79
|
-
const interactionHandleRef = React.useRef(null);
|
|
80
|
-
const startInteraction = () => {
|
|
81
|
-
interactionHandleRef.current = _reactNative.InteractionManager.createInteractionHandle();
|
|
82
|
-
};
|
|
83
|
-
const endInteraction = () => {
|
|
84
|
-
if (interactionHandleRef.current != null) {
|
|
85
|
-
_reactNative.InteractionManager.clearInteractionHandle(interactionHandleRef.current);
|
|
86
|
-
interactionHandleRef.current = null;
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
const hideKeyboard = () => {
|
|
90
|
-
if (keyboardDismissMode === 'on-drag') {
|
|
91
|
-
_reactNative.Keyboard.dismiss();
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
const onGestureStart = () => {
|
|
95
|
-
startInteraction();
|
|
96
|
-
hideKeyboard();
|
|
97
|
-
hideStatusBar(true);
|
|
98
|
-
};
|
|
99
|
-
const onGestureFinish = () => {
|
|
100
|
-
endInteraction();
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
// FIXME: Currently hitSlop is broken when on Android when drawer is on right
|
|
104
|
-
// https://github.com/software-mansion/react-native-gesture-handler/issues/569
|
|
105
|
-
const hitSlop = isRight ?
|
|
106
|
-
// Extend hitSlop to the side of the screen when drawer is closed
|
|
107
|
-
// This lets the user drag the drawer from the side of the screen
|
|
108
|
-
{
|
|
109
|
-
right: 0,
|
|
110
|
-
width: isOpen ? undefined : swipeEdgeWidth
|
|
111
|
-
} : {
|
|
112
|
-
left: 0,
|
|
113
|
-
width: isOpen ? undefined : swipeEdgeWidth
|
|
114
|
-
};
|
|
115
|
-
const touchStartX = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
116
|
-
const touchX = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
117
|
-
const translationX = (0, _reactNativeReanimated.useSharedValue)(getDrawerTranslationX(open));
|
|
118
|
-
const gestureState = (0, _reactNativeReanimated.useSharedValue)(_reactNativeGestureHandler.State.UNDETERMINED);
|
|
119
|
-
const toggleDrawer = React.useCallback(_ref2 => {
|
|
120
|
-
'worklet';
|
|
121
|
-
|
|
122
|
-
let {
|
|
123
|
-
open,
|
|
124
|
-
isUserInitiated,
|
|
125
|
-
velocity
|
|
126
|
-
} = _ref2;
|
|
127
|
-
const translateX = getDrawerTranslationX(open);
|
|
128
|
-
touchStartX.value = 0;
|
|
129
|
-
touchX.value = 0;
|
|
130
|
-
translationX.value = (0, _reactNativeReanimated.withSpring)(translateX, {
|
|
131
|
-
velocity,
|
|
132
|
-
stiffness: 1000,
|
|
133
|
-
damping: 500,
|
|
134
|
-
mass: 3,
|
|
135
|
-
overshootClamping: true,
|
|
136
|
-
restDisplacementThreshold: 0.01,
|
|
137
|
-
restSpeedThreshold: 0.01
|
|
138
|
-
});
|
|
139
|
-
if (!isUserInitiated) {
|
|
140
|
-
return;
|
|
141
|
-
}
|
|
142
|
-
if (open) {
|
|
143
|
-
(0, _reactNativeReanimated.runOnJS)(onOpen)();
|
|
144
|
-
} else {
|
|
145
|
-
(0, _reactNativeReanimated.runOnJS)(onClose)();
|
|
146
|
-
}
|
|
147
|
-
}, [getDrawerTranslationX, onClose, onOpen, touchStartX, touchX, translationX]);
|
|
148
|
-
React.useEffect(() => toggleDrawer({
|
|
149
|
-
open,
|
|
150
|
-
isUserInitiated: false
|
|
151
|
-
}), [open, toggleDrawer]);
|
|
152
|
-
const onGestureEvent = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
|
|
153
|
-
onStart: (event, ctx) => {
|
|
154
|
-
ctx.hasCalledOnStart = false;
|
|
155
|
-
ctx.startX = translationX.value;
|
|
156
|
-
gestureState.value = event.state;
|
|
157
|
-
touchStartX.value = event.x;
|
|
158
|
-
},
|
|
159
|
-
onActive: (event, ctx) => {
|
|
160
|
-
touchX.value = event.x;
|
|
161
|
-
translationX.value = ctx.startX + event.translationX;
|
|
162
|
-
gestureState.value = event.state;
|
|
163
|
-
|
|
164
|
-
// onStart will _always_ be called, even when the activation
|
|
165
|
-
// criteria isn't met yet. This makes sure onGestureStart is only
|
|
166
|
-
// called when the criteria is really met.
|
|
167
|
-
if (!ctx.hasCalledOnStart) {
|
|
168
|
-
ctx.hasCalledOnStart = true;
|
|
169
|
-
(0, _reactNativeReanimated.runOnJS)(onGestureStart)();
|
|
170
|
-
}
|
|
171
|
-
},
|
|
172
|
-
onEnd: event => {
|
|
173
|
-
gestureState.value = event.state;
|
|
174
|
-
const nextOpen = Math.abs(event.translationX) > SWIPE_DISTANCE_MINIMUM && Math.abs(event.translationX) > swipeVelocityThreshold || Math.abs(event.translationX) > swipeDistanceThreshold ? drawerPosition === 'left' ?
|
|
175
|
-
// If swiped to right, open the drawer, otherwise close it
|
|
176
|
-
(event.velocityX === 0 ? event.translationX : event.velocityX) > 0 :
|
|
177
|
-
// If swiped to left, open the drawer, otherwise close it
|
|
178
|
-
(event.velocityX === 0 ? event.translationX : event.velocityX) < 0 : open;
|
|
179
|
-
toggleDrawer({
|
|
180
|
-
open: nextOpen,
|
|
181
|
-
isUserInitiated: true,
|
|
182
|
-
velocity: event.velocityX
|
|
183
|
-
});
|
|
184
|
-
},
|
|
185
|
-
onFinish: () => {
|
|
186
|
-
(0, _reactNativeReanimated.runOnJS)(onGestureFinish)();
|
|
187
|
-
}
|
|
188
|
-
});
|
|
189
|
-
const translateX = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
190
|
-
// Comment stolen from react-native-gesture-handler/DrawerLayout
|
|
191
|
-
//
|
|
192
|
-
// While closing the drawer when user starts gesture outside of its area (in greyed
|
|
193
|
-
// out part of the window), we want the drawer to follow only once finger reaches the
|
|
194
|
-
// edge of the drawer.
|
|
195
|
-
// E.g. on the diagram below drawer is illustrate by X signs and the greyed out area by
|
|
196
|
-
// dots. The touch gesture starts at '*' and moves left, touch path is indicated by
|
|
197
|
-
// an arrow pointing left
|
|
198
|
-
// 1) +---------------+ 2) +---------------+ 3) +---------------+ 4) +---------------+
|
|
199
|
-
// |XXXXXXXX|......| |XXXXXXXX|......| |XXXXXXXX|......| |XXXXX|.........|
|
|
200
|
-
// |XXXXXXXX|......| |XXXXXXXX|......| |XXXXXXXX|......| |XXXXX|.........|
|
|
201
|
-
// |XXXXXXXX|......| |XXXXXXXX|......| |XXXXXXXX|......| |XXXXX|.........|
|
|
202
|
-
// |XXXXXXXX|......| |XXXXXXXX|.<-*..| |XXXXXXXX|<--*..| |XXXXX|<-----*..|
|
|
203
|
-
// |XXXXXXXX|......| |XXXXXXXX|......| |XXXXXXXX|......| |XXXXX|.........|
|
|
204
|
-
// |XXXXXXXX|......| |XXXXXXXX|......| |XXXXXXXX|......| |XXXXX|.........|
|
|
205
|
-
// |XXXXXXXX|......| |XXXXXXXX|......| |XXXXXXXX|......| |XXXXX|.........|
|
|
206
|
-
// +---------------+ +---------------+ +---------------+ +---------------+
|
|
207
|
-
//
|
|
208
|
-
// For the above to work properly we define animated value that will keep start position
|
|
209
|
-
// of the gesture. Then we use that value to calculate how much we need to subtract from
|
|
210
|
-
// the translationX. If the gesture started on the greyed out area we take the distance from the
|
|
211
|
-
// edge of the drawer to the start position. Otherwise we don't subtract at all and the
|
|
212
|
-
// drawer be pulled back as soon as you start the pan.
|
|
213
|
-
//
|
|
214
|
-
// This is used only when drawerType is "front"
|
|
215
|
-
const touchDistance = drawerType === 'front' && gestureState.value === _reactNativeGestureHandler.State.ACTIVE ? minmax(drawerPosition === 'left' ? touchStartX.value - drawerWidth : dimensions.width - drawerWidth - touchStartX.value, 0, dimensions.width) : 0;
|
|
216
|
-
const translateX = drawerPosition === 'left' ? minmax(translationX.value + touchDistance, -drawerWidth, 0) : minmax(translationX.value - touchDistance, 0, drawerWidth);
|
|
217
|
-
return translateX;
|
|
218
|
-
});
|
|
219
|
-
const isRTL = _reactNative.I18nManager.getConstants().isRTL;
|
|
220
|
-
const drawerAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
221
|
-
const distanceFromEdge = dimensions.width - drawerWidth;
|
|
222
|
-
return {
|
|
223
|
-
transform: drawerType === 'permanent' ?
|
|
224
|
-
// Reanimated needs the property to be present, but it results in Browser bug
|
|
225
|
-
// https://bugs.chromium.org/p/chromium/issues/detail?id=20574
|
|
226
|
-
[] : [{
|
|
227
|
-
translateX:
|
|
228
|
-
// The drawer stays in place when `drawerType` is `back`
|
|
229
|
-
(drawerType === 'back' ? 0 : translateX.value) + (drawerPosition === 'left' ? isRTL ? -distanceFromEdge : 0 : isRTL ? 0 : distanceFromEdge)
|
|
230
|
-
}]
|
|
231
|
-
};
|
|
232
|
-
});
|
|
233
|
-
const contentAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
234
|
-
return {
|
|
235
|
-
transform: drawerType === 'permanent' ?
|
|
236
|
-
// Reanimated needs the property to be present, but it results in Browser bug
|
|
237
|
-
// https://bugs.chromium.org/p/chromium/issues/detail?id=20574
|
|
238
|
-
[] : [{
|
|
239
|
-
translateX:
|
|
240
|
-
// The screen content stays in place when `drawerType` is `front`
|
|
241
|
-
drawerType === 'front' ? 0 : translateX.value + drawerWidth * (drawerPosition === 'left' ? 1 : -1)
|
|
242
|
-
}]
|
|
243
|
-
};
|
|
244
|
-
});
|
|
245
|
-
const progress = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
246
|
-
return drawerType === 'permanent' ? 1 : (0, _reactNativeReanimated.interpolate)(translateX.value, [getDrawerTranslationX(false), getDrawerTranslationX(true)], [0, 1]);
|
|
247
|
-
});
|
|
248
|
-
return /*#__PURE__*/React.createElement(_DrawerProgressContext.default.Provider, {
|
|
249
|
-
value: progress
|
|
250
|
-
}, /*#__PURE__*/React.createElement(_reactNativeGestureHandler.PanGestureHandler, _extends({
|
|
251
|
-
activeOffsetX: [-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM],
|
|
252
|
-
failOffsetY: [-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM],
|
|
253
|
-
hitSlop: hitSlop,
|
|
254
|
-
enabled: drawerType !== 'permanent' && swipeEnabled,
|
|
255
|
-
onGestureEvent: onGestureEvent
|
|
256
|
-
}, gestureHandlerProps), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
257
|
-
style: [styles.main, {
|
|
258
|
-
flexDirection: drawerType === 'permanent' && !isRight ? 'row-reverse' : 'row'
|
|
259
|
-
}]
|
|
260
|
-
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
261
|
-
style: [styles.content, contentAnimatedStyle]
|
|
262
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
263
|
-
accessibilityElementsHidden: isOpen && drawerType !== 'permanent',
|
|
264
|
-
importantForAccessibility: isOpen && drawerType !== 'permanent' ? 'no-hide-descendants' : 'auto',
|
|
265
|
-
style: styles.content
|
|
266
|
-
}, renderSceneContent()), drawerType !== 'permanent' ? /*#__PURE__*/React.createElement(_Overlay.default, {
|
|
267
|
-
progress: progress,
|
|
268
|
-
onPress: () => toggleDrawer({
|
|
269
|
-
open: false,
|
|
270
|
-
isUserInitiated: true
|
|
271
|
-
}),
|
|
272
|
-
style: overlayStyle,
|
|
273
|
-
accessibilityLabel: overlayAccessibilityLabel
|
|
274
|
-
}) : null), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
275
|
-
removeClippedSubviews: _reactNative.Platform.OS !== 'ios',
|
|
276
|
-
style: [styles.container, {
|
|
277
|
-
position: drawerType === 'permanent' ? 'relative' : 'absolute',
|
|
278
|
-
zIndex: drawerType === 'back' ? -1 : 0
|
|
279
|
-
}, drawerAnimatedStyle, drawerStyle]
|
|
280
|
-
}, renderDrawerContent()))));
|
|
281
|
-
}
|
|
282
|
-
const styles = _reactNative.StyleSheet.create({
|
|
283
|
-
container: {
|
|
284
|
-
top: 0,
|
|
285
|
-
bottom: 0,
|
|
286
|
-
maxWidth: '100%',
|
|
287
|
-
width: DEFAULT_DRAWER_WIDTH
|
|
288
|
-
},
|
|
289
|
-
content: {
|
|
290
|
-
flex: 1
|
|
291
|
-
},
|
|
292
|
-
main: {
|
|
293
|
-
flex: 1,
|
|
294
|
-
..._reactNative.Platform.select({
|
|
295
|
-
// FIXME: We need to hide `overflowX` on Web so the translated content doesn't show offscreen.
|
|
296
|
-
// But adding `overflowX: 'hidden'` prevents content from collapsing the URL bar.
|
|
297
|
-
web: null,
|
|
298
|
-
default: {
|
|
299
|
-
overflow: 'hidden'
|
|
300
|
-
}
|
|
301
|
-
})
|
|
302
|
-
}
|
|
303
|
-
});
|
|
304
|
-
//# sourceMappingURL=Drawer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["SWIPE_DISTANCE_MINIMUM","DEFAULT_DRAWER_WIDTH","minmax","value","start","end","Math","min","max","Drawer","dimensions","drawerPosition","drawerStyle","drawerType","gestureHandlerProps","hideStatusBarOnOpen","keyboardDismissMode","onClose","onOpen","open","overlayStyle","renderDrawerContent","renderSceneContent","statusBarAnimation","swipeDistanceThreshold","swipeEdgeWidth","swipeEnabled","swipeVelocityThreshold","overlayAccessibilityLabel","getDrawerWidth","width","StyleSheet","flatten","endsWith","percentage","Number","replace","isFinite","drawerWidth","isOpen","isRight","getDrawerTranslationX","React","useCallback","hideStatusBar","hide","StatusBar","setHidden","useEffect","interactionHandleRef","useRef","startInteraction","current","InteractionManager","createInteractionHandle","endInteraction","clearInteractionHandle","hideKeyboard","Keyboard","dismiss","onGestureStart","onGestureFinish","hitSlop","right","undefined","left","touchStartX","useSharedValue","touchX","translationX","gestureState","GestureState","UNDETERMINED","toggleDrawer","isUserInitiated","velocity","translateX","withSpring","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","runOnJS","onGestureEvent","useAnimatedGestureHandler","onStart","event","ctx","hasCalledOnStart","startX","state","x","onActive","onEnd","nextOpen","abs","velocityX","onFinish","useDerivedValue","touchDistance","ACTIVE","isRTL","I18nManager","getConstants","drawerAnimatedStyle","useAnimatedStyle","distanceFromEdge","transform","contentAnimatedStyle","progress","interpolate","styles","main","flexDirection","content","Platform","OS","container","position","zIndex","create","top","bottom","maxWidth","flex","select","web","default","overflow"],"sourceRoot":"../../src","sources":["Drawer.tsx"],"mappings":";;;;;;AAAA;AACA;AASA;AAKA;AAWA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,sBAAsB,GAAG,CAAC;AAChC,MAAMC,oBAAoB,GAAG,KAAK;AAQlC,MAAMC,MAAM,GAAG,CAACC,KAAa,EAAEC,KAAa,EAAEC,GAAW,KAAK;EAC5D,SAAS;;EAET,OAAOC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACL,KAAK,EAAEC,KAAK,CAAC,EAAEC,GAAG,CAAC;AAC9C,CAAC;AAEc,SAASI,MAAM,OAoBd;EAAA,IApBe;IAC7BC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,UAAU;IACVC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,OAAO;IACPC,MAAM;IACNC,IAAI;IACJC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,kBAAkB;IAClBC,sBAAsB;IACtBC,cAAc;IACdC,YAAY;IACZC,sBAAsB;IACtBC;EACW,CAAC;EACZ,MAAMC,cAAc,GAAG,MAAc;IACnC,MAAM;MAAEC,KAAK,GAAG7B;IAAqB,CAAC,GACpC8B,uBAAU,CAACC,OAAO,CAACpB,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvC,IAAI,OAAOkB,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACG,QAAQ,CAAC,GAAG,CAAC,EAAE;MACpD;MACA,MAAMC,UAAU,GAAGC,MAAM,CAACL,KAAK,CAACM,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;MAElD,IAAID,MAAM,CAACE,QAAQ,CAACH,UAAU,CAAC,EAAE;QAC/B,OAAOxB,UAAU,CAACoB,KAAK,IAAII,UAAU,GAAG,GAAG,CAAC;MAC9C;IACF;IAEA,OAAO,OAAOJ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,CAAC;EAC9C,CAAC;EAED,MAAMQ,WAAW,GAAGT,cAAc,EAAE;EAEpC,MAAMU,MAAM,GAAG1B,UAAU,KAAK,WAAW,GAAG,IAAI,GAAGM,IAAI;EACvD,MAAMqB,OAAO,GAAG7B,cAAc,KAAK,OAAO;EAE1C,MAAM8B,qBAAqB,GAAGC,KAAK,CAACC,WAAW,CAC5CxB,IAAa,IAAK;IACjB,SAAS;;IAET,IAAIR,cAAc,KAAK,MAAM,EAAE;MAC7B,OAAOQ,IAAI,GAAG,CAAC,GAAG,CAACmB,WAAW;IAChC;IAEA,OAAOnB,IAAI,GAAG,CAAC,GAAGmB,WAAW;EAC/B,CAAC,EACD,CAAC3B,cAAc,EAAE2B,WAAW,CAAC,CAC9B;EAED,MAAMM,aAAa,GAAGF,KAAK,CAACC,WAAW,CACpCE,IAAa,IAAK;IACjB,IAAI9B,mBAAmB,EAAE;MACvB+B,sBAAS,CAACC,SAAS,CAACF,IAAI,EAAEtB,kBAAkB,CAAC;IAC/C;EACF,CAAC,EACD,CAACR,mBAAmB,EAAEQ,kBAAkB,CAAC,CAC1C;EAEDmB,KAAK,CAACM,SAAS,CAAC,MAAM;IACpBJ,aAAa,CAACL,MAAM,CAAC;IAErB,OAAO,MAAMK,aAAa,CAAC,KAAK,CAAC;EACnC,CAAC,EAAE,CAACL,MAAM,EAAExB,mBAAmB,EAAEQ,kBAAkB,EAAEqB,aAAa,CAAC,CAAC;EAEpE,MAAMK,oBAAoB,GAAGP,KAAK,CAACQ,MAAM,CAAgB,IAAI,CAAC;EAE9D,MAAMC,gBAAgB,GAAG,MAAM;IAC7BF,oBAAoB,CAACG,OAAO,GAAGC,+BAAkB,CAACC,uBAAuB,EAAE;EAC7E,CAAC;EAED,MAAMC,cAAc,GAAG,MAAM;IAC3B,IAAIN,oBAAoB,CAACG,OAAO,IAAI,IAAI,EAAE;MACxCC,+BAAkB,CAACG,sBAAsB,CAACP,oBAAoB,CAACG,OAAO,CAAC;MACvEH,oBAAoB,CAACG,OAAO,GAAG,IAAI;IACrC;EACF,CAAC;EAED,MAAMK,YAAY,GAAG,MAAM;IACzB,IAAIzC,mBAAmB,KAAK,SAAS,EAAE;MACrC0C,qBAAQ,CAACC,OAAO,EAAE;IACpB;EACF,CAAC;EAED,MAAMC,cAAc,GAAG,MAAM;IAC3BT,gBAAgB,EAAE;IAClBM,YAAY,EAAE;IACdb,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC;EAED,MAAMiB,eAAe,GAAG,MAAM;IAC5BN,cAAc,EAAE;EAClB,CAAC;;EAED;EACA;EACA,MAAMO,OAAO,GAAGtB,OAAO;EACnB;EACA;EACA;IAAEuB,KAAK,EAAE,CAAC;IAAEjC,KAAK,EAAES,MAAM,GAAGyB,SAAS,GAAGvC;EAAe,CAAC,GACxD;IAAEwC,IAAI,EAAE,CAAC;IAAEnC,KAAK,EAAES,MAAM,GAAGyB,SAAS,GAAGvC;EAAe,CAAC;EAE3D,MAAMyC,WAAW,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACrC,MAAMC,MAAM,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAChC,MAAME,YAAY,GAAG,IAAAF,qCAAc,EAAC1B,qBAAqB,CAACtB,IAAI,CAAC,CAAC;EAChE,MAAMmD,YAAY,GAAG,IAAAH,qCAAc,EAAeI,gCAAY,CAACC,YAAY,CAAC;EAE5E,MAAMC,YAAY,GAAG/B,KAAK,CAACC,WAAW,CACpC,SAAwD;IACtD,SAAS;;IAAC,IADX;MAAExB,IAAI;MAAEuD,eAAe;MAAEC;IAAwB,CAAC;IAGjD,MAAMC,UAAU,GAAGnC,qBAAqB,CAACtB,IAAI,CAAC;IAE9C+C,WAAW,CAAC/D,KAAK,GAAG,CAAC;IACrBiE,MAAM,CAACjE,KAAK,GAAG,CAAC;IAChBkE,YAAY,CAAClE,KAAK,GAAG,IAAA0E,iCAAU,EAACD,UAAU,EAAE;MAC1CD,QAAQ;MACRG,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE,GAAG;MACZC,IAAI,EAAE,CAAC;MACPC,iBAAiB,EAAE,IAAI;MACvBC,yBAAyB,EAAE,IAAI;MAC/BC,kBAAkB,EAAE;IACtB,CAAC,CAAC;IAEF,IAAI,CAACT,eAAe,EAAE;MACpB;IACF;IAEA,IAAIvD,IAAI,EAAE;MACR,IAAAiE,8BAAO,EAAClE,MAAM,CAAC,EAAE;IACnB,CAAC,MAAM;MACL,IAAAkE,8BAAO,EAACnE,OAAO,CAAC,EAAE;IACpB;EACF,CAAC,EACD,CAACwB,qBAAqB,EAAExB,OAAO,EAAEC,MAAM,EAAEgD,WAAW,EAAEE,MAAM,EAAEC,YAAY,CAAC,CAC5E;EAED3B,KAAK,CAACM,SAAS,CACb,MAAMyB,YAAY,CAAC;IAAEtD,IAAI;IAAEuD,eAAe,EAAE;EAAM,CAAC,CAAC,EACpD,CAACvD,IAAI,EAAEsD,YAAY,CAAC,CACrB;EAED,MAAMY,cAAc,GAAG,IAAAC,gDAAyB,EAG9C;IACAC,OAAO,EAAE,CAACC,KAAK,EAAEC,GAAG,KAAK;MACvBA,GAAG,CAACC,gBAAgB,GAAG,KAAK;MAC5BD,GAAG,CAACE,MAAM,GAAGtB,YAAY,CAAClE,KAAK;MAC/BmE,YAAY,CAACnE,KAAK,GAAGqF,KAAK,CAACI,KAAK;MAChC1B,WAAW,CAAC/D,KAAK,GAAGqF,KAAK,CAACK,CAAC;IAC7B,CAAC;IACDC,QAAQ,EAAE,CAACN,KAAK,EAAEC,GAAG,KAAK;MACxBrB,MAAM,CAACjE,KAAK,GAAGqF,KAAK,CAACK,CAAC;MACtBxB,YAAY,CAAClE,KAAK,GAAGsF,GAAG,CAACE,MAAM,GAAGH,KAAK,CAACnB,YAAY;MACpDC,YAAY,CAACnE,KAAK,GAAGqF,KAAK,CAACI,KAAK;;MAEhC;MACA;MACA;MACA,IAAI,CAACH,GAAG,CAACC,gBAAgB,EAAE;QACzBD,GAAG,CAACC,gBAAgB,GAAG,IAAI;QAC3B,IAAAN,8BAAO,EAACxB,cAAc,CAAC,EAAE;MAC3B;IACF,CAAC;IACDmC,KAAK,EAAGP,KAAK,IAAK;MAChBlB,YAAY,CAACnE,KAAK,GAAGqF,KAAK,CAACI,KAAK;MAEhC,MAAMI,QAAQ,GACX1F,IAAI,CAAC2F,GAAG,CAACT,KAAK,CAACnB,YAAY,CAAC,GAAGrE,sBAAsB,IACpDM,IAAI,CAAC2F,GAAG,CAACT,KAAK,CAACnB,YAAY,CAAC,GAAG1C,sBAAsB,IACvDrB,IAAI,CAAC2F,GAAG,CAACT,KAAK,CAACnB,YAAY,CAAC,GAAG7C,sBAAsB,GACjDb,cAAc,KAAK,MAAM;MACvB;MACA,CAAC6E,KAAK,CAACU,SAAS,KAAK,CAAC,GAAGV,KAAK,CAACnB,YAAY,GAAGmB,KAAK,CAACU,SAAS,IAAI,CAAC;MAClE;MACA,CAACV,KAAK,CAACU,SAAS,KAAK,CAAC,GAAGV,KAAK,CAACnB,YAAY,GAAGmB,KAAK,CAACU,SAAS,IAAI,CAAC,GACpE/E,IAAI;MAEVsD,YAAY,CAAC;QACXtD,IAAI,EAAE6E,QAAQ;QACdtB,eAAe,EAAE,IAAI;QACrBC,QAAQ,EAAEa,KAAK,CAACU;MAClB,CAAC,CAAC;IACJ,CAAC;IACDC,QAAQ,EAAE,MAAM;MACd,IAAAf,8BAAO,EAACvB,eAAe,CAAC,EAAE;IAC5B;EACF,CAAC,CAAC;EAEF,MAAMe,UAAU,GAAG,IAAAwB,sCAAe,EAAC,MAAM;IACvC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMC,aAAa,GACjBxF,UAAU,KAAK,OAAO,IAAIyD,YAAY,CAACnE,KAAK,KAAKoE,gCAAY,CAAC+B,MAAM,GAChEpG,MAAM,CACJS,cAAc,KAAK,MAAM,GACrBuD,WAAW,CAAC/D,KAAK,GAAGmC,WAAW,GAC/B5B,UAAU,CAACoB,KAAK,GAAGQ,WAAW,GAAG4B,WAAW,CAAC/D,KAAK,EACtD,CAAC,EACDO,UAAU,CAACoB,KAAK,CACjB,GACD,CAAC;IAEP,MAAM8C,UAAU,GACdjE,cAAc,KAAK,MAAM,GACrBT,MAAM,CAACmE,YAAY,CAAClE,KAAK,GAAGkG,aAAa,EAAE,CAAC/D,WAAW,EAAE,CAAC,CAAC,GAC3DpC,MAAM,CAACmE,YAAY,CAAClE,KAAK,GAAGkG,aAAa,EAAE,CAAC,EAAE/D,WAAW,CAAC;IAEhE,OAAOsC,UAAU;EACnB,CAAC,CAAC;EAEF,MAAM2B,KAAK,GAAGC,wBAAW,CAACC,YAAY,EAAE,CAACF,KAAK;EAC9C,MAAMG,mBAAmB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IACjD,MAAMC,gBAAgB,GAAGlG,UAAU,CAACoB,KAAK,GAAGQ,WAAW;IAEvD,OAAO;MACLuE,SAAS,EACPhG,UAAU,KAAK,WAAW;MACtB;MACA;MACA,EAAE,GACF,CACE;QACE+D,UAAU;QACR;QACA,CAAC/D,UAAU,KAAK,MAAM,GAAG,CAAC,GAAG+D,UAAU,CAACzE,KAAK,KAC5CQ,cAAc,KAAK,MAAM,GACtB4F,KAAK,GACH,CAACK,gBAAgB,GACjB,CAAC,GACHL,KAAK,GACL,CAAC,GACDK,gBAAgB;MACxB,CAAC;IAEX,CAAC;EACH,CAAC,CAAC;EAEF,MAAME,oBAAoB,GAAG,IAAAH,uCAAgB,EAAC,MAAM;IAClD,OAAO;MACLE,SAAS,EACPhG,UAAU,KAAK,WAAW;MACtB;MACA;MACA,EAAE,GACF,CACE;QACE+D,UAAU;QACR;QACA/D,UAAU,KAAK,OAAO,GAClB,CAAC,GACD+D,UAAU,CAACzE,KAAK,GAChBmC,WAAW,IAAI3B,cAAc,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;MACzD,CAAC;IAEX,CAAC;EACH,CAAC,CAAC;EAEF,MAAMoG,QAAQ,GAAG,IAAAX,sCAAe,EAAC,MAAM;IACrC,OAAOvF,UAAU,KAAK,WAAW,GAC7B,CAAC,GACD,IAAAmG,kCAAW,EACTpC,UAAU,CAACzE,KAAK,EAChB,CAACsC,qBAAqB,CAAC,KAAK,CAAC,EAAEA,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAC3D,CAAC,CAAC,EAAE,CAAC,CAAC,CACP;EACP,CAAC,CAAC;EAEF,oBACE,oBAAC,8BAAqB,CAAC,QAAQ;IAAC,KAAK,EAAEsE;EAAS,gBAC9C,oBAAC,4CAAiB;IAChB,aAAa,EAAE,CAAC,CAAC/G,sBAAsB,EAAEA,sBAAsB,CAAE;IACjE,WAAW,EAAE,CAAC,CAACA,sBAAsB,EAAEA,sBAAsB,CAAE;IAC/D,OAAO,EAAE8D,OAAQ;IACjB,OAAO,EAAEjD,UAAU,KAAK,WAAW,IAAIa,YAAa;IACpD,cAAc,EAAE2D;EAAe,GAC3BvE,mBAAmB,gBAGvB,oBAAC,8BAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACLmG,MAAM,CAACC,IAAI,EACX;MACEC,aAAa,EACXtG,UAAU,KAAK,WAAW,IAAI,CAAC2B,OAAO,GAAG,aAAa,GAAG;IAC7D,CAAC;EACD,gBAEF,oBAAC,8BAAQ,CAAC,IAAI;IAAC,KAAK,EAAE,CAACyE,MAAM,CAACG,OAAO,EAAEN,oBAAoB;EAAE,gBAC3D,oBAAC,iBAAI;IACH,2BAA2B,EAAEvE,MAAM,IAAI1B,UAAU,KAAK,WAAY;IAClE,yBAAyB,EACvB0B,MAAM,IAAI1B,UAAU,KAAK,WAAW,GAChC,qBAAqB,GACrB,MACL;IACD,KAAK,EAAEoG,MAAM,CAACG;EAAQ,GAErB9F,kBAAkB,EAAE,CAChB,EACNT,UAAU,KAAK,WAAW,gBACzB,oBAAC,gBAAO;IACN,QAAQ,EAAEkG,QAAS;IACnB,OAAO,EAAE,MACPtC,YAAY,CAAC;MAAEtD,IAAI,EAAE,KAAK;MAAEuD,eAAe,EAAE;IAAK,CAAC,CACpD;IACD,KAAK,EAAEtD,YAAa;IACpB,kBAAkB,EAAEQ;EAA0B,EAC9C,GACA,IAAI,CACM,eAChB,oBAAC,8BAAQ,CAAC,IAAI;IACZ,qBAAqB,EAAEyF,qBAAQ,CAACC,EAAE,KAAK,KAAM;IAC7C,KAAK,EAAE,CACLL,MAAM,CAACM,SAAS,EAChB;MACEC,QAAQ,EAAE3G,UAAU,KAAK,WAAW,GAAG,UAAU,GAAG,UAAU;MAC9D4G,MAAM,EAAE5G,UAAU,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG;IACvC,CAAC,EACD6F,mBAAmB,EACnB9F,WAAW;EACX,GAEDS,mBAAmB,EAAE,CACR,CACF,CACE,CACW;AAErC;AAEA,MAAM4F,MAAM,GAAGlF,uBAAU,CAAC2F,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,MAAM;IAChB/F,KAAK,EAAE7B;EACT,CAAC;EACDmH,OAAO,EAAE;IACPU,IAAI,EAAE;EACR,CAAC;EACDZ,IAAI,EAAE;IACJY,IAAI,EAAE,CAAC;IACP,GAAGT,qBAAQ,CAACU,MAAM,CAAC;MACjB;MACA;MACAC,GAAG,EAAE,IAAI;MACTC,OAAO,EAAE;QAAEC,QAAQ,EAAE;MAAS;IAChC,CAAC;EACH;AACF,CAAC,CAAC"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
-
const PROGRESS_EPSILON = 0.05;
|
|
14
|
-
const Overlay = /*#__PURE__*/React.forwardRef(function Overlay(_ref, ref) {
|
|
15
|
-
let {
|
|
16
|
-
progress,
|
|
17
|
-
onPress,
|
|
18
|
-
style,
|
|
19
|
-
accessibilityLabel = 'Close drawer',
|
|
20
|
-
...props
|
|
21
|
-
} = _ref;
|
|
22
|
-
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
23
|
-
return {
|
|
24
|
-
opacity: progress.value,
|
|
25
|
-
// We don't want the user to be able to press through the overlay when drawer is open
|
|
26
|
-
// We can send the overlay behind the screen to avoid it
|
|
27
|
-
zIndex: progress.value > PROGRESS_EPSILON ? 0 : -1
|
|
28
|
-
};
|
|
29
|
-
});
|
|
30
|
-
const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
31
|
-
const active = progress.value > PROGRESS_EPSILON;
|
|
32
|
-
return {
|
|
33
|
-
pointerEvents: active ? 'auto' : 'none',
|
|
34
|
-
accessibilityElementsHidden: !active,
|
|
35
|
-
importantForAccessibility: active ? 'auto' : 'no-hide-descendants'
|
|
36
|
-
};
|
|
37
|
-
});
|
|
38
|
-
return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({}, props, {
|
|
39
|
-
ref: ref,
|
|
40
|
-
style: [styles.overlay, overlayStyle, animatedStyle, style],
|
|
41
|
-
animatedProps: animatedProps
|
|
42
|
-
}), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
43
|
-
onPress: onPress,
|
|
44
|
-
style: styles.pressable,
|
|
45
|
-
accessibilityRole: "button",
|
|
46
|
-
accessibilityLabel: accessibilityLabel
|
|
47
|
-
}));
|
|
48
|
-
});
|
|
49
|
-
const overlayStyle = _reactNative.Platform.select({
|
|
50
|
-
web: {
|
|
51
|
-
// Disable touch highlight on mobile Safari.
|
|
52
|
-
// WebkitTapHighlightColor must be used outside of StyleSheet.create because react-native-web will omit the property.
|
|
53
|
-
WebkitTapHighlightColor: 'transparent'
|
|
54
|
-
},
|
|
55
|
-
default: {}
|
|
56
|
-
});
|
|
57
|
-
const styles = _reactNative.StyleSheet.create({
|
|
58
|
-
overlay: {
|
|
59
|
-
..._reactNative.StyleSheet.absoluteFillObject,
|
|
60
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
61
|
-
},
|
|
62
|
-
pressable: {
|
|
63
|
-
flex: 1,
|
|
64
|
-
pointerEvents: 'auto'
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
var _default = Overlay;
|
|
68
|
-
exports.default = _default;
|
|
69
|
-
//# sourceMappingURL=Overlay.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["PROGRESS_EPSILON","Overlay","React","forwardRef","ref","progress","onPress","style","accessibilityLabel","props","animatedStyle","useAnimatedStyle","opacity","value","zIndex","animatedProps","useAnimatedProps","active","pointerEvents","accessibilityElementsHidden","importantForAccessibility","styles","overlay","overlayStyle","pressable","Platform","select","web","WebkitTapHighlightColor","default","StyleSheet","create","absoluteFillObject","backgroundColor","flex"],"sourceRoot":"../../src","sources":["Overlay.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAGiC;AAAA;AAAA;AAEjC,MAAMA,gBAAgB,GAAG,IAAI;AAQ7B,MAAMC,OAAO,gBAAGC,KAAK,CAACC,UAAU,CAAC,SAASF,OAAO,OAQ/CG,GAA6B,EAC7B;EAAA,IARA;IACEC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,kBAAkB,GAAG,cAAc;IACnC,GAAGC;EACE,CAAC;EAGR,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,OAAO;MACLC,OAAO,EAAEP,QAAQ,CAACQ,KAAK;MACvB;MACA;MACAC,MAAM,EAAET,QAAQ,CAACQ,KAAK,GAAGb,gBAAgB,GAAG,CAAC,GAAG,CAAC;IACnD,CAAC;EACH,CAAC,CAAC;EAEF,MAAMe,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAMC,MAAM,GAAGZ,QAAQ,CAACQ,KAAK,GAAGb,gBAAgB;IAEhD,OAAO;MACLkB,aAAa,EAAED,MAAM,GAAG,MAAM,GAAG,MAAM;MACvCE,2BAA2B,EAAE,CAACF,MAAM;MACpCG,yBAAyB,EAAEH,MAAM,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,oBAAC,8BAAQ,CAAC,IAAI,eACRR,KAAK;IACT,GAAG,EAAEL,GAAI;IACT,KAAK,EAAE,CAACiB,MAAM,CAACC,OAAO,EAAEC,YAAY,EAAEb,aAAa,EAAEH,KAAK,CAAE;IAC5D,aAAa,EAAEQ;EAAc,iBAE7B,oBAAC,sBAAS;IACR,OAAO,EAAET,OAAQ;IACjB,KAAK,EAAEe,MAAM,CAACG,SAAU;IACxB,iBAAiB,EAAC,QAAQ;IAC1B,kBAAkB,EAAEhB;EAAmB,EACvC,CACY;AAEpB,CAAC,CAAC;AAEF,MAAMe,YAAY,GAAGE,qBAAQ,CAACC,MAAM,CAAyB;EAC3DC,GAAG,EAAE;IACH;IACA;IACAC,uBAAuB,EAAE;EAC3B,CAAC;EACDC,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAMR,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,OAAO,EAAE;IACP,GAAGQ,uBAAU,CAACE,kBAAkB;IAChCC,eAAe,EAAE;EACnB,CAAC;EACDT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPhB,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,eAEYjB,OAAO;AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext"],"sourceRoot":"../../src","sources":["DrawerGestureContext.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,4BAAeA,KAAK,CAACC,aAAa,CAA8B,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","undefined"],"sourceRoot":"../../src","sources":["DrawerProgressContext.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,4BAAeA,KAAK,CAACC,aAAa,CAEhCC,SAAS,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import DrawerProgressContext from './DrawerProgressContext';
|
|
3
|
-
export default function useDrawerProgress() {
|
|
4
|
-
const progress = React.useContext(DrawerProgressContext);
|
|
5
|
-
if (progress === undefined) {
|
|
6
|
-
throw new Error("Couldn't find a drawer. Is your component inside a drawer navigator?");
|
|
7
|
-
}
|
|
8
|
-
return progress;
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=useDrawerProgress.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","DrawerProgressContext","useDrawerProgress","progress","useContext","undefined","Error"],"sourceRoot":"../../src","sources":["useDrawerProgress.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,OAAOC,qBAAqB,MAAM,yBAAyB;AAE3D,eAAe,SAASC,iBAAiB,GAEf;EACxB,MAAMC,QAAQ,GAAGH,KAAK,CAACI,UAAU,CAACH,qBAAqB,CAAC;EAExD,IAAIE,QAAQ,KAAKE,SAAS,EAAE;IAC1B,MAAM,IAAIC,KAAK,CACb,sEAAsE,CACvE;EACH;EAEA,OAAOH,QAAQ;AACjB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["GestureHandler.android.tsx"],"mappings":"AAAA,cAAc,wBAAwB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["GestureHandler.ios.tsx"],"mappings":"AAAA,cAAc,wBAAwB"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
const Dummy = _ref => {
|
|
4
|
-
let {
|
|
5
|
-
children
|
|
6
|
-
} = _ref;
|
|
7
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
8
|
-
};
|
|
9
|
-
export const PanGestureHandler = Dummy;
|
|
10
|
-
export const TapGestureHandler = Dummy;
|
|
11
|
-
export const GestureHandlerRootView = View;
|
|
12
|
-
export const GestureState = {
|
|
13
|
-
UNDETERMINED: 0,
|
|
14
|
-
FAILED: 1,
|
|
15
|
-
BEGAN: 2,
|
|
16
|
-
CANCELLED: 3,
|
|
17
|
-
ACTIVE: 4,
|
|
18
|
-
END: 5
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=GestureHandler.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Dummy","children","PanGestureHandler","TapGestureHandler","GestureHandlerRootView","GestureState","UNDETERMINED","FAILED","BEGAN","CANCELLED","ACTIVE","END"],"sourceRoot":"../../src","sources":["GestureHandler.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAMnC,MAAMC,KAAU,GAAG;EAAA,IAAC;IAAEC;EAAwC,CAAC;EAAA,oBAC7D,0CAAGA,QAAQ,CAAI;AAAA,CAChB;AAED,OAAO,MAAMC,iBAAiB,GAC5BF,KAAyD;AAE3D,OAAO,MAAMG,iBAAiB,GAC5BH,KAAyD;AAE3D,OAAO,MAAMI,sBAAsB,GAAGL,IAAI;AAE1C,OAAO,MAAMM,YAAY,GAAG;EAC1BC,YAAY,EAAE,CAAC;EACfC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,CAAC;EACZC,MAAM,EAAE,CAAC;EACTC,GAAG,EAAE;AACP,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PanGestureHandler as PanGestureHandlerNative } from 'react-native-gesture-handler';
|
|
3
|
-
import DrawerGestureContext from '../utils/DrawerGestureContext';
|
|
4
|
-
export function PanGestureHandler(props) {
|
|
5
|
-
const gestureRef = React.useRef(null);
|
|
6
|
-
return /*#__PURE__*/React.createElement(DrawerGestureContext.Provider, {
|
|
7
|
-
value: gestureRef
|
|
8
|
-
}, /*#__PURE__*/React.createElement(PanGestureHandlerNative, props));
|
|
9
|
-
}
|
|
10
|
-
export { GestureHandlerRootView, State as GestureState, TapGestureHandler } from 'react-native-gesture-handler';
|
|
11
|
-
//# sourceMappingURL=GestureHandlerNative.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","PanGestureHandler","PanGestureHandlerNative","DrawerGestureContext","props","gestureRef","useRef","GestureHandlerRootView","State","GestureState","TapGestureHandler"],"sourceRoot":"../../src","sources":["GestureHandlerNative.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,iBAAiB,IAAIC,uBAAuB,QAEvC,8BAA8B;AAErC,OAAOC,oBAAoB,MAAM,+BAA+B;AAEhE,OAAO,SAASF,iBAAiB,CAACG,KAAkC,EAAE;EACpE,MAAMC,UAAU,GAAGL,KAAK,CAACM,MAAM,CAA0B,IAAI,CAAC;EAE9D,oBACE,oBAAC,oBAAoB,CAAC,QAAQ;IAAC,KAAK,EAAED;EAAW,gBAC/C,oBAAC,uBAAuB,EAAKD,KAAK,CAAI,CACR;AAEpC;AAGA,SACEG,sBAAsB,EACtBC,KAAK,IAAIC,YAAY,EACrBC,iBAAiB,QACZ,8BAA8B"}
|