@react-navigation/stack 7.2.9 → 7.3.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/module/utils/useKeyboardManager.js +1 -1
- package/lib/module/utils/useKeyboardManager.js.map +1 -1
- package/lib/module/views/Header/HeaderContainer.js +1 -2
- package/lib/module/views/Header/HeaderContainer.js.map +1 -1
- package/lib/module/views/Stack/CardContainer.js +1 -2
- package/lib/module/views/Stack/CardContainer.js.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/utils/getModalRoutesKeys.d.ts.map +1 -1
- package/lib/typescript/src/utils/memoize.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardManager.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/Screens.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardContainer.d.ts.map +1 -1
- package/package.json +22 -20
- package/src/index.tsx +2 -0
- package/src/utils/useKeyboardManager.tsx +4 -6
- package/src/views/Header/HeaderContainer.tsx +1 -4
- package/src/views/Stack/CardContainer.tsx +2 -3
- package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js +0 -407
- package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js.map +0 -1
- package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js +0 -271
- package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js.map +0 -1
- package/lib/commonjs/TransitionConfigs/TransitionPresets.js +0 -156
- package/lib/commonjs/TransitionConfigs/TransitionPresets.js.map +0 -1
- package/lib/commonjs/TransitionConfigs/TransitionSpecs.js +0 -128
- package/lib/commonjs/TransitionConfigs/TransitionSpecs.js.map +0 -1
- package/lib/commonjs/index.js +0 -68
- package/lib/commonjs/index.js.map +0 -1
- package/lib/commonjs/navigators/createStackNavigator.js +0 -75
- package/lib/commonjs/navigators/createStackNavigator.js.map +0 -1
- package/lib/commonjs/package.json +0 -1
- package/lib/commonjs/types.js +0 -6
- package/lib/commonjs/types.js.map +0 -1
- package/lib/commonjs/utils/CardAnimationContext.js +0 -11
- package/lib/commonjs/utils/CardAnimationContext.js.map +0 -1
- package/lib/commonjs/utils/GestureHandlerRefContext.js +0 -11
- package/lib/commonjs/utils/GestureHandlerRefContext.js.map +0 -1
- package/lib/commonjs/utils/ModalPresentationContext.js +0 -11
- package/lib/commonjs/utils/ModalPresentationContext.js.map +0 -1
- package/lib/commonjs/utils/conditional.js +0 -32
- package/lib/commonjs/utils/conditional.js.map +0 -1
- package/lib/commonjs/utils/findLastIndex.js +0 -15
- package/lib/commonjs/utils/findLastIndex.js.map +0 -1
- package/lib/commonjs/utils/getDistanceForDirection.js +0 -19
- package/lib/commonjs/utils/getDistanceForDirection.js.map +0 -1
- package/lib/commonjs/utils/getInvertedMultiplier.js +0 -19
- package/lib/commonjs/utils/getInvertedMultiplier.js.map +0 -1
- package/lib/commonjs/utils/getModalRoutesKeys.js +0 -17
- package/lib/commonjs/utils/getModalRoutesKeys.js.map +0 -1
- package/lib/commonjs/utils/getShadowStyle.js +0 -29
- package/lib/commonjs/utils/getShadowStyle.js.map +0 -1
- package/lib/commonjs/utils/memoize.js +0 -33
- package/lib/commonjs/utils/memoize.js.map +0 -1
- package/lib/commonjs/utils/throttle.js +0 -18
- package/lib/commonjs/utils/throttle.js.map +0 -1
- package/lib/commonjs/utils/useCardAnimation.js +0 -18
- package/lib/commonjs/utils/useCardAnimation.js.map +0 -1
- package/lib/commonjs/utils/useGestureHandlerRef.js +0 -18
- package/lib/commonjs/utils/useGestureHandlerRef.js.map +0 -1
- package/lib/commonjs/utils/useKeyboardManager.js +0 -96
- package/lib/commonjs/utils/useKeyboardManager.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 -27
- package/lib/commonjs/views/GestureHandler.js.map +0 -1
- package/lib/commonjs/views/GestureHandlerNative.js +0 -35
- package/lib/commonjs/views/GestureHandlerNative.js.map +0 -1
- package/lib/commonjs/views/Header/Header.js +0 -62
- package/lib/commonjs/views/Header/Header.js.map +0 -1
- package/lib/commonjs/views/Header/HeaderContainer.js +0 -135
- package/lib/commonjs/views/Header/HeaderContainer.js.map +0 -1
- package/lib/commonjs/views/Header/HeaderSegment.js +0 -149
- package/lib/commonjs/views/Header/HeaderSegment.js.map +0 -1
- package/lib/commonjs/views/Screens.js +0 -50
- package/lib/commonjs/views/Screens.js.map +0 -1
- package/lib/commonjs/views/Stack/Card.js +0 -496
- package/lib/commonjs/views/Stack/Card.js.map +0 -1
- package/lib/commonjs/views/Stack/CardContainer.js +0 -282
- package/lib/commonjs/views/Stack/CardContainer.js.map +0 -1
- package/lib/commonjs/views/Stack/CardSheet.js +0 -88
- package/lib/commonjs/views/Stack/CardSheet.js.map +0 -1
- package/lib/commonjs/views/Stack/CardStack.js +0 -484
- package/lib/commonjs/views/Stack/CardStack.js.map +0 -1
- package/lib/commonjs/views/Stack/StackView.js +0 -346
- package/lib/commonjs/views/Stack/StackView.js.map +0 -1
|
@@ -1,407 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.forBottomSheetAndroid = forBottomSheetAndroid;
|
|
7
|
-
exports.forFadeFromBottomAndroid = forFadeFromBottomAndroid;
|
|
8
|
-
exports.forFadeFromCenter = forFadeFromCenter;
|
|
9
|
-
exports.forFadeFromRightAndroid = forFadeFromRightAndroid;
|
|
10
|
-
exports.forHorizontalIOS = forHorizontalIOS;
|
|
11
|
-
exports.forHorizontalIOSInverted = forHorizontalIOSInverted;
|
|
12
|
-
exports.forModalPresentationIOS = forModalPresentationIOS;
|
|
13
|
-
exports.forNoAnimation = forNoAnimation;
|
|
14
|
-
exports.forRevealFromBottomAndroid = forRevealFromBottomAndroid;
|
|
15
|
-
exports.forScaleFromCenterAndroid = forScaleFromCenterAndroid;
|
|
16
|
-
exports.forVerticalIOS = forVerticalIOS;
|
|
17
|
-
var _reactNative = require("react-native");
|
|
18
|
-
var _conditional = require("../utils/conditional.js");
|
|
19
|
-
const {
|
|
20
|
-
add,
|
|
21
|
-
multiply
|
|
22
|
-
} = _reactNative.Animated;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Standard iOS-style slide in from the right.
|
|
26
|
-
*/
|
|
27
|
-
function forHorizontalIOS({
|
|
28
|
-
current,
|
|
29
|
-
next,
|
|
30
|
-
inverted,
|
|
31
|
-
layouts: {
|
|
32
|
-
screen
|
|
33
|
-
}
|
|
34
|
-
}) {
|
|
35
|
-
const translateFocused = multiply(current.progress.interpolate({
|
|
36
|
-
inputRange: [0, 1],
|
|
37
|
-
outputRange: [screen.width, 0],
|
|
38
|
-
extrapolate: 'clamp'
|
|
39
|
-
}), inverted);
|
|
40
|
-
const translateUnfocused = next ? multiply(next.progress.interpolate({
|
|
41
|
-
inputRange: [0, 1],
|
|
42
|
-
outputRange: [0, screen.width * -0.3],
|
|
43
|
-
extrapolate: 'clamp'
|
|
44
|
-
}), inverted) : 0;
|
|
45
|
-
const overlayOpacity = current.progress.interpolate({
|
|
46
|
-
inputRange: [0, 1],
|
|
47
|
-
outputRange: [0, 0.07],
|
|
48
|
-
extrapolate: 'clamp'
|
|
49
|
-
});
|
|
50
|
-
const shadowOpacity = current.progress.interpolate({
|
|
51
|
-
inputRange: [0, 1],
|
|
52
|
-
outputRange: [0, 0.3],
|
|
53
|
-
extrapolate: 'clamp'
|
|
54
|
-
});
|
|
55
|
-
return {
|
|
56
|
-
cardStyle: {
|
|
57
|
-
transform: [
|
|
58
|
-
// Translation for the animation of the current card
|
|
59
|
-
{
|
|
60
|
-
translateX: translateFocused
|
|
61
|
-
},
|
|
62
|
-
// Translation for the animation of the card on top of this
|
|
63
|
-
{
|
|
64
|
-
translateX: translateUnfocused
|
|
65
|
-
}]
|
|
66
|
-
},
|
|
67
|
-
overlayStyle: {
|
|
68
|
-
opacity: overlayOpacity
|
|
69
|
-
},
|
|
70
|
-
shadowStyle: {
|
|
71
|
-
shadowOpacity
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* iOS-style slide in from the left.
|
|
78
|
-
*/
|
|
79
|
-
function forHorizontalIOSInverted({
|
|
80
|
-
inverted,
|
|
81
|
-
...rest
|
|
82
|
-
}) {
|
|
83
|
-
return forHorizontalIOS({
|
|
84
|
-
...rest,
|
|
85
|
-
inverted: _reactNative.Animated.multiply(inverted, -1)
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* Standard iOS-style slide in from the bottom (used for modals).
|
|
91
|
-
*/
|
|
92
|
-
function forVerticalIOS({
|
|
93
|
-
current,
|
|
94
|
-
inverted,
|
|
95
|
-
layouts: {
|
|
96
|
-
screen
|
|
97
|
-
}
|
|
98
|
-
}) {
|
|
99
|
-
const translateY = multiply(current.progress.interpolate({
|
|
100
|
-
inputRange: [0, 1],
|
|
101
|
-
outputRange: [screen.height, 0],
|
|
102
|
-
extrapolate: 'clamp'
|
|
103
|
-
}), inverted);
|
|
104
|
-
return {
|
|
105
|
-
cardStyle: {
|
|
106
|
-
transform: [{
|
|
107
|
-
translateY
|
|
108
|
-
}]
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
/**
|
|
114
|
-
* Standard iOS-style modal animation in iOS 13.
|
|
115
|
-
*/
|
|
116
|
-
function forModalPresentationIOS({
|
|
117
|
-
index,
|
|
118
|
-
current,
|
|
119
|
-
next,
|
|
120
|
-
inverted,
|
|
121
|
-
layouts: {
|
|
122
|
-
screen
|
|
123
|
-
},
|
|
124
|
-
insets
|
|
125
|
-
}) {
|
|
126
|
-
const hasNotchIos = _reactNative.Platform.OS === 'ios' && !_reactNative.Platform.isPad && !_reactNative.Platform.isTV && insets.top > 20;
|
|
127
|
-
const isLandscape = screen.width > screen.height;
|
|
128
|
-
const topOffset = isLandscape ? 0 : 10;
|
|
129
|
-
const statusBarHeight = insets.top;
|
|
130
|
-
const aspectRatio = screen.height / screen.width;
|
|
131
|
-
const progress = add(current.progress.interpolate({
|
|
132
|
-
inputRange: [0, 1],
|
|
133
|
-
outputRange: [0, 1],
|
|
134
|
-
extrapolate: 'clamp'
|
|
135
|
-
}), next ? next.progress.interpolate({
|
|
136
|
-
inputRange: [0, 1],
|
|
137
|
-
outputRange: [0, 1],
|
|
138
|
-
extrapolate: 'clamp'
|
|
139
|
-
}) : 0);
|
|
140
|
-
const isFirst = index === 0;
|
|
141
|
-
const translateY = multiply(progress.interpolate({
|
|
142
|
-
inputRange: [0, 1, 2],
|
|
143
|
-
outputRange: [screen.height, isFirst ? 0 : topOffset, (isFirst ? statusBarHeight : 0) - topOffset * aspectRatio]
|
|
144
|
-
}), inverted);
|
|
145
|
-
const overlayOpacity = progress.interpolate({
|
|
146
|
-
inputRange: [0, 1, 1.0001, 2],
|
|
147
|
-
outputRange: [0, 0.3, 1, 1]
|
|
148
|
-
});
|
|
149
|
-
const scale = isLandscape ? 1 : progress.interpolate({
|
|
150
|
-
inputRange: [0, 1, 2],
|
|
151
|
-
outputRange: [1, 1, screen.width ? 1 - topOffset * 2 / screen.width : 1]
|
|
152
|
-
});
|
|
153
|
-
const borderRadius = isLandscape ? 0 : isFirst ? progress.interpolate({
|
|
154
|
-
inputRange: [0, 1, 1.0001, 2],
|
|
155
|
-
outputRange: [0, 0, hasNotchIos ? 38 : 0, 10]
|
|
156
|
-
}) : 10;
|
|
157
|
-
return {
|
|
158
|
-
cardStyle: {
|
|
159
|
-
overflow: 'hidden',
|
|
160
|
-
borderTopLeftRadius: borderRadius,
|
|
161
|
-
borderTopRightRadius: borderRadius,
|
|
162
|
-
// We don't need these for the animation
|
|
163
|
-
// But different border radius for corners improves animation perf
|
|
164
|
-
borderBottomLeftRadius: hasNotchIos ? borderRadius : 0,
|
|
165
|
-
borderBottomRightRadius: hasNotchIos ? borderRadius : 0,
|
|
166
|
-
marginTop: isFirst ? 0 : statusBarHeight,
|
|
167
|
-
marginBottom: isFirst ? 0 : topOffset,
|
|
168
|
-
transform: [{
|
|
169
|
-
translateY
|
|
170
|
-
}, {
|
|
171
|
-
scale
|
|
172
|
-
}]
|
|
173
|
-
},
|
|
174
|
-
overlayStyle: {
|
|
175
|
-
opacity: overlayOpacity
|
|
176
|
-
}
|
|
177
|
-
};
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
/**
|
|
181
|
-
* Standard Android-style fade in from the bottom for Android Oreo.
|
|
182
|
-
*/
|
|
183
|
-
function forFadeFromBottomAndroid({
|
|
184
|
-
current,
|
|
185
|
-
inverted,
|
|
186
|
-
layouts: {
|
|
187
|
-
screen
|
|
188
|
-
},
|
|
189
|
-
closing
|
|
190
|
-
}) {
|
|
191
|
-
const translateY = multiply(current.progress.interpolate({
|
|
192
|
-
inputRange: [0, 1],
|
|
193
|
-
outputRange: [screen.height * 0.08, 0],
|
|
194
|
-
extrapolate: 'clamp'
|
|
195
|
-
}), inverted);
|
|
196
|
-
const opacity = (0, _conditional.conditional)(closing, current.progress, current.progress.interpolate({
|
|
197
|
-
inputRange: [0, 0.5, 0.9, 1],
|
|
198
|
-
outputRange: [0, 0.25, 0.7, 1],
|
|
199
|
-
extrapolate: 'clamp'
|
|
200
|
-
}));
|
|
201
|
-
return {
|
|
202
|
-
cardStyle: {
|
|
203
|
-
opacity,
|
|
204
|
-
transform: [{
|
|
205
|
-
translateY
|
|
206
|
-
}]
|
|
207
|
-
}
|
|
208
|
-
};
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
/**
|
|
212
|
-
* Standard Android-style reveal from the bottom for Android Pie.
|
|
213
|
-
*/
|
|
214
|
-
function forRevealFromBottomAndroid({
|
|
215
|
-
current,
|
|
216
|
-
next,
|
|
217
|
-
inverted,
|
|
218
|
-
layouts: {
|
|
219
|
-
screen
|
|
220
|
-
}
|
|
221
|
-
}) {
|
|
222
|
-
const containerTranslateY = multiply(current.progress.interpolate({
|
|
223
|
-
inputRange: [0, 1],
|
|
224
|
-
outputRange: [screen.height, 0],
|
|
225
|
-
extrapolate: 'clamp'
|
|
226
|
-
}), inverted);
|
|
227
|
-
const cardTranslateYFocused = multiply(current.progress.interpolate({
|
|
228
|
-
inputRange: [0, 1],
|
|
229
|
-
outputRange: [screen.height * (95.9 / 100) * -1, 0],
|
|
230
|
-
extrapolate: 'clamp'
|
|
231
|
-
}), inverted);
|
|
232
|
-
const cardTranslateYUnfocused = next ? multiply(next.progress.interpolate({
|
|
233
|
-
inputRange: [0, 1],
|
|
234
|
-
outputRange: [0, screen.height * (2 / 100) * -1],
|
|
235
|
-
extrapolate: 'clamp'
|
|
236
|
-
}), inverted) : 0;
|
|
237
|
-
const overlayOpacity = current.progress.interpolate({
|
|
238
|
-
inputRange: [0, 0.36, 1],
|
|
239
|
-
outputRange: [0, 0.1, 0.1],
|
|
240
|
-
extrapolate: 'clamp'
|
|
241
|
-
});
|
|
242
|
-
return {
|
|
243
|
-
containerStyle: {
|
|
244
|
-
overflow: 'hidden',
|
|
245
|
-
transform: [{
|
|
246
|
-
translateY: containerTranslateY
|
|
247
|
-
}]
|
|
248
|
-
},
|
|
249
|
-
cardStyle: {
|
|
250
|
-
transform: [{
|
|
251
|
-
translateY: cardTranslateYFocused
|
|
252
|
-
}, {
|
|
253
|
-
translateY: cardTranslateYUnfocused
|
|
254
|
-
}]
|
|
255
|
-
},
|
|
256
|
-
overlayStyle: {
|
|
257
|
-
opacity: overlayOpacity
|
|
258
|
-
}
|
|
259
|
-
};
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
/**
|
|
263
|
-
* Standard Android-style zoom for Android 10.
|
|
264
|
-
*/
|
|
265
|
-
function forScaleFromCenterAndroid({
|
|
266
|
-
current,
|
|
267
|
-
next,
|
|
268
|
-
closing
|
|
269
|
-
}) {
|
|
270
|
-
const progress = add(current.progress.interpolate({
|
|
271
|
-
inputRange: [0, 1],
|
|
272
|
-
outputRange: [0, 1],
|
|
273
|
-
extrapolate: 'clamp'
|
|
274
|
-
}), next ? next.progress.interpolate({
|
|
275
|
-
inputRange: [0, 1],
|
|
276
|
-
outputRange: [0, 1],
|
|
277
|
-
extrapolate: 'clamp'
|
|
278
|
-
}) : 0);
|
|
279
|
-
const opacity = progress.interpolate({
|
|
280
|
-
inputRange: [0, 0.75, 0.875, 1, 1.0825, 1.2075, 2],
|
|
281
|
-
outputRange: [0, 0, 1, 1, 1, 1, 0]
|
|
282
|
-
});
|
|
283
|
-
const scale = (0, _conditional.conditional)(closing, current.progress.interpolate({
|
|
284
|
-
inputRange: [0, 1],
|
|
285
|
-
outputRange: [0.925, 1],
|
|
286
|
-
extrapolate: 'clamp'
|
|
287
|
-
}), progress.interpolate({
|
|
288
|
-
inputRange: [0, 1, 2],
|
|
289
|
-
outputRange: [0.85, 1, 1.075]
|
|
290
|
-
}));
|
|
291
|
-
return {
|
|
292
|
-
cardStyle: {
|
|
293
|
-
opacity,
|
|
294
|
-
transform: [{
|
|
295
|
-
scale
|
|
296
|
-
}]
|
|
297
|
-
}
|
|
298
|
-
};
|
|
299
|
-
}
|
|
300
|
-
|
|
301
|
-
/**
|
|
302
|
-
* Standard Android-style fade from right for Android 14.
|
|
303
|
-
*/
|
|
304
|
-
function forFadeFromRightAndroid({
|
|
305
|
-
current,
|
|
306
|
-
next,
|
|
307
|
-
inverted,
|
|
308
|
-
closing
|
|
309
|
-
}) {
|
|
310
|
-
const translateFocused = multiply(current.progress.interpolate({
|
|
311
|
-
inputRange: [0, 1],
|
|
312
|
-
outputRange: [96, 0],
|
|
313
|
-
extrapolate: 'clamp'
|
|
314
|
-
}), inverted);
|
|
315
|
-
const translateUnfocused = next ? multiply(next.progress.interpolate({
|
|
316
|
-
inputRange: [0, 1],
|
|
317
|
-
outputRange: [0, -96],
|
|
318
|
-
extrapolate: 'clamp'
|
|
319
|
-
}), inverted) : 0;
|
|
320
|
-
const opacity = (0, _conditional.conditional)(closing, current.progress.interpolate({
|
|
321
|
-
inputRange: [0, 1],
|
|
322
|
-
outputRange: [0, 1],
|
|
323
|
-
extrapolate: 'clamp'
|
|
324
|
-
}), current.progress);
|
|
325
|
-
return {
|
|
326
|
-
cardStyle: {
|
|
327
|
-
opacity,
|
|
328
|
-
transform: [
|
|
329
|
-
// Translation for the animation of the current card
|
|
330
|
-
{
|
|
331
|
-
translateX: translateFocused
|
|
332
|
-
},
|
|
333
|
-
// Translation for the animation of the card on top of this
|
|
334
|
-
{
|
|
335
|
-
translateX: translateUnfocused
|
|
336
|
-
}]
|
|
337
|
-
}
|
|
338
|
-
};
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
/**
|
|
342
|
-
* Standard bottom sheet slide in from the bottom for Android.
|
|
343
|
-
*/
|
|
344
|
-
function forBottomSheetAndroid({
|
|
345
|
-
current,
|
|
346
|
-
inverted,
|
|
347
|
-
layouts: {
|
|
348
|
-
screen
|
|
349
|
-
},
|
|
350
|
-
closing
|
|
351
|
-
}) {
|
|
352
|
-
const translateY = multiply(current.progress.interpolate({
|
|
353
|
-
inputRange: [0, 1],
|
|
354
|
-
outputRange: [screen.height * 0.8, 0],
|
|
355
|
-
extrapolate: 'clamp'
|
|
356
|
-
}), inverted);
|
|
357
|
-
const opacity = (0, _conditional.conditional)(closing, current.progress, current.progress.interpolate({
|
|
358
|
-
inputRange: [0, 1],
|
|
359
|
-
outputRange: [0, 1],
|
|
360
|
-
extrapolate: 'clamp'
|
|
361
|
-
}));
|
|
362
|
-
const overlayOpacity = current.progress.interpolate({
|
|
363
|
-
inputRange: [0, 1],
|
|
364
|
-
outputRange: [0, 0.3],
|
|
365
|
-
extrapolate: 'clamp'
|
|
366
|
-
});
|
|
367
|
-
return {
|
|
368
|
-
cardStyle: {
|
|
369
|
-
opacity,
|
|
370
|
-
transform: [{
|
|
371
|
-
translateY
|
|
372
|
-
}]
|
|
373
|
-
},
|
|
374
|
-
overlayStyle: {
|
|
375
|
-
opacity: overlayOpacity
|
|
376
|
-
}
|
|
377
|
-
};
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
/**
|
|
381
|
-
* Simple fade animation for dialogs
|
|
382
|
-
*/
|
|
383
|
-
function forFadeFromCenter({
|
|
384
|
-
current: {
|
|
385
|
-
progress
|
|
386
|
-
}
|
|
387
|
-
}) {
|
|
388
|
-
return {
|
|
389
|
-
cardStyle: {
|
|
390
|
-
opacity: progress.interpolate({
|
|
391
|
-
inputRange: [0, 0.5, 0.9, 1],
|
|
392
|
-
outputRange: [0, 0.25, 0.7, 1]
|
|
393
|
-
})
|
|
394
|
-
},
|
|
395
|
-
overlayStyle: {
|
|
396
|
-
opacity: progress.interpolate({
|
|
397
|
-
inputRange: [0, 1],
|
|
398
|
-
outputRange: [0, 0.5],
|
|
399
|
-
extrapolate: 'clamp'
|
|
400
|
-
})
|
|
401
|
-
}
|
|
402
|
-
};
|
|
403
|
-
}
|
|
404
|
-
function forNoAnimation() {
|
|
405
|
-
return {};
|
|
406
|
-
}
|
|
407
|
-
//# sourceMappingURL=CardStyleInterpolators.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_conditional","add","multiply","Animated","forHorizontalIOS","current","next","inverted","layouts","screen","translateFocused","progress","interpolate","inputRange","outputRange","width","extrapolate","translateUnfocused","overlayOpacity","shadowOpacity","cardStyle","transform","translateX","overlayStyle","opacity","shadowStyle","forHorizontalIOSInverted","rest","forVerticalIOS","translateY","height","forModalPresentationIOS","index","insets","hasNotchIos","Platform","OS","isPad","isTV","top","isLandscape","topOffset","statusBarHeight","aspectRatio","isFirst","scale","borderRadius","overflow","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginTop","marginBottom","forFadeFromBottomAndroid","closing","conditional","forRevealFromBottomAndroid","containerTranslateY","cardTranslateYFocused","cardTranslateYUnfocused","containerStyle","forScaleFromCenterAndroid","forFadeFromRightAndroid","forBottomSheetAndroid","forFadeFromCenter","forNoAnimation"],"sourceRoot":"../../../src","sources":["TransitionConfigs/CardStyleInterpolators.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,271 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.forFade = forFade;
|
|
7
|
-
exports.forNoAnimation = forNoAnimation;
|
|
8
|
-
exports.forSlideLeft = forSlideLeft;
|
|
9
|
-
exports.forSlideRight = forSlideRight;
|
|
10
|
-
exports.forSlideUp = forSlideUp;
|
|
11
|
-
exports.forUIKit = forUIKit;
|
|
12
|
-
var _reactNative = require("react-native");
|
|
13
|
-
const {
|
|
14
|
-
add,
|
|
15
|
-
multiply
|
|
16
|
-
} = _reactNative.Animated;
|
|
17
|
-
|
|
18
|
-
// Width of the screen in split layout on portrait mode on iPad Mini
|
|
19
|
-
// Keep in sync with HeaderBackButton.tsx
|
|
20
|
-
const IPAD_MINI_MEDIUM_WIDTH = 414;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Standard UIKit style animation for the header where the title fades into the back button label.
|
|
24
|
-
*/
|
|
25
|
-
function forUIKit({
|
|
26
|
-
current,
|
|
27
|
-
next,
|
|
28
|
-
direction,
|
|
29
|
-
layouts
|
|
30
|
-
}) {
|
|
31
|
-
const defaultOffset = 100;
|
|
32
|
-
const leftSpacing = 27 + (_reactNative.Platform.OS === 'ios' && layouts.screen.width >= IPAD_MINI_MEDIUM_WIDTH ? 5 // Additional padding on iPad specified in Header.tsx
|
|
33
|
-
: 0);
|
|
34
|
-
|
|
35
|
-
// The title and back button title should cross-fade to each other
|
|
36
|
-
// When screen is fully open, the title should be in center, and back title should be on left
|
|
37
|
-
// When screen is closing, the previous title will animate to back title's position
|
|
38
|
-
// And back title will animate to title's position
|
|
39
|
-
// We achieve this by calculating the offsets needed to translate title to back title's position and vice-versa
|
|
40
|
-
const leftLabelOffset = layouts.leftLabel ? (layouts.screen.width - layouts.leftLabel.width) / 2 - leftSpacing : defaultOffset;
|
|
41
|
-
const titleLeftOffset = layouts.title ? (layouts.screen.width - layouts.title.width) / 2 - leftSpacing : defaultOffset;
|
|
42
|
-
|
|
43
|
-
// When the current title is animating to right, it is centered in the right half of screen in middle of transition
|
|
44
|
-
// The back title also animates in from this position
|
|
45
|
-
const rightOffset = layouts.screen.width / 4;
|
|
46
|
-
const multiplier = direction === 'rtl' ? -1 : 1;
|
|
47
|
-
const progress = add(current.progress.interpolate({
|
|
48
|
-
inputRange: [0, 1],
|
|
49
|
-
outputRange: [0, 1],
|
|
50
|
-
extrapolate: 'clamp'
|
|
51
|
-
}), next ? next.progress.interpolate({
|
|
52
|
-
inputRange: [0, 1],
|
|
53
|
-
outputRange: [0, 1],
|
|
54
|
-
extrapolate: 'clamp'
|
|
55
|
-
}) : 0);
|
|
56
|
-
return {
|
|
57
|
-
leftButtonStyle: {
|
|
58
|
-
opacity: progress.interpolate({
|
|
59
|
-
inputRange: [0.3, 1, 1.5],
|
|
60
|
-
outputRange: [0, 1, 0]
|
|
61
|
-
})
|
|
62
|
-
},
|
|
63
|
-
leftLabelStyle: {
|
|
64
|
-
transform: [{
|
|
65
|
-
translateX: multiply(multiplier, progress.interpolate({
|
|
66
|
-
inputRange: [0, 1, 2],
|
|
67
|
-
outputRange: [leftLabelOffset, 0, -rightOffset]
|
|
68
|
-
}))
|
|
69
|
-
}]
|
|
70
|
-
},
|
|
71
|
-
rightButtonStyle: {
|
|
72
|
-
opacity: progress.interpolate({
|
|
73
|
-
inputRange: [0.3, 1, 1.5],
|
|
74
|
-
outputRange: [0, 1, 0]
|
|
75
|
-
})
|
|
76
|
-
},
|
|
77
|
-
titleStyle: {
|
|
78
|
-
opacity: progress.interpolate({
|
|
79
|
-
inputRange: [0, 0.5, 0.75, 1, 1.5],
|
|
80
|
-
outputRange: [0, 0, 0.1, 1, 0]
|
|
81
|
-
}),
|
|
82
|
-
transform: [{
|
|
83
|
-
translateX: multiply(multiplier, progress.interpolate({
|
|
84
|
-
inputRange: [0.5, 1, 2],
|
|
85
|
-
outputRange: [rightOffset, 0, -titleLeftOffset]
|
|
86
|
-
}))
|
|
87
|
-
}]
|
|
88
|
-
},
|
|
89
|
-
backgroundStyle: {
|
|
90
|
-
transform: [{
|
|
91
|
-
translateX: multiply(multiplier, progress.interpolate({
|
|
92
|
-
inputRange: [0, 1, 2],
|
|
93
|
-
outputRange: [layouts.screen.width, 0, -layouts.screen.width]
|
|
94
|
-
}))
|
|
95
|
-
}]
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* Simple fade animation for the header elements.
|
|
102
|
-
*/
|
|
103
|
-
function forFade({
|
|
104
|
-
current,
|
|
105
|
-
next
|
|
106
|
-
}) {
|
|
107
|
-
const progress = add(current.progress.interpolate({
|
|
108
|
-
inputRange: [0, 1],
|
|
109
|
-
outputRange: [0, 1],
|
|
110
|
-
extrapolate: 'clamp'
|
|
111
|
-
}), next ? next.progress.interpolate({
|
|
112
|
-
inputRange: [0, 1],
|
|
113
|
-
outputRange: [0, 1],
|
|
114
|
-
extrapolate: 'clamp'
|
|
115
|
-
}) : 0);
|
|
116
|
-
const opacity = progress.interpolate({
|
|
117
|
-
inputRange: [0, 1, 2],
|
|
118
|
-
outputRange: [0, 1, 0]
|
|
119
|
-
});
|
|
120
|
-
return {
|
|
121
|
-
leftButtonStyle: {
|
|
122
|
-
opacity
|
|
123
|
-
},
|
|
124
|
-
rightButtonStyle: {
|
|
125
|
-
opacity
|
|
126
|
-
},
|
|
127
|
-
titleStyle: {
|
|
128
|
-
opacity
|
|
129
|
-
},
|
|
130
|
-
backgroundStyle: {
|
|
131
|
-
opacity: progress.interpolate({
|
|
132
|
-
inputRange: [0, 1, 1.9, 2],
|
|
133
|
-
outputRange: [0, 1, 1, 0]
|
|
134
|
-
})
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
/**
|
|
140
|
-
* Simple translate animation to translate the header to left.
|
|
141
|
-
*/
|
|
142
|
-
function forSlideLeft({
|
|
143
|
-
current,
|
|
144
|
-
next,
|
|
145
|
-
direction,
|
|
146
|
-
layouts: {
|
|
147
|
-
screen
|
|
148
|
-
}
|
|
149
|
-
}) {
|
|
150
|
-
const isRTL = direction === 'rtl';
|
|
151
|
-
const progress = add(current.progress.interpolate({
|
|
152
|
-
inputRange: [0, 1],
|
|
153
|
-
outputRange: [0, 1],
|
|
154
|
-
extrapolate: 'clamp'
|
|
155
|
-
}), next ? next.progress.interpolate({
|
|
156
|
-
inputRange: [0, 1],
|
|
157
|
-
outputRange: [0, 1],
|
|
158
|
-
extrapolate: 'clamp'
|
|
159
|
-
}) : 0);
|
|
160
|
-
const translateX = progress.interpolate({
|
|
161
|
-
inputRange: [0, 1, 2],
|
|
162
|
-
outputRange: isRTL ? [-screen.width, 0, screen.width] : [screen.width, 0, -screen.width]
|
|
163
|
-
});
|
|
164
|
-
const transform = [{
|
|
165
|
-
translateX
|
|
166
|
-
}];
|
|
167
|
-
return {
|
|
168
|
-
leftButtonStyle: {
|
|
169
|
-
transform
|
|
170
|
-
},
|
|
171
|
-
rightButtonStyle: {
|
|
172
|
-
transform
|
|
173
|
-
},
|
|
174
|
-
titleStyle: {
|
|
175
|
-
transform
|
|
176
|
-
},
|
|
177
|
-
backgroundStyle: {
|
|
178
|
-
transform
|
|
179
|
-
}
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
/**
|
|
184
|
-
* Simple translate animation to translate the header to right.
|
|
185
|
-
*/
|
|
186
|
-
function forSlideRight({
|
|
187
|
-
current,
|
|
188
|
-
next,
|
|
189
|
-
direction,
|
|
190
|
-
layouts: {
|
|
191
|
-
screen
|
|
192
|
-
}
|
|
193
|
-
}) {
|
|
194
|
-
const isRTL = direction === 'rtl';
|
|
195
|
-
const progress = add(current.progress.interpolate({
|
|
196
|
-
inputRange: [0, 1],
|
|
197
|
-
outputRange: [0, 1],
|
|
198
|
-
extrapolate: 'clamp'
|
|
199
|
-
}), next ? next.progress.interpolate({
|
|
200
|
-
inputRange: [0, 1],
|
|
201
|
-
outputRange: [0, 1],
|
|
202
|
-
extrapolate: 'clamp'
|
|
203
|
-
}) : 0);
|
|
204
|
-
const translateX = progress.interpolate({
|
|
205
|
-
inputRange: [0, 1, 2],
|
|
206
|
-
outputRange: isRTL ? [screen.width, 0, -screen.width] : [-screen.width, 0, screen.width]
|
|
207
|
-
});
|
|
208
|
-
const transform = [{
|
|
209
|
-
translateX
|
|
210
|
-
}];
|
|
211
|
-
return {
|
|
212
|
-
leftButtonStyle: {
|
|
213
|
-
transform
|
|
214
|
-
},
|
|
215
|
-
rightButtonStyle: {
|
|
216
|
-
transform
|
|
217
|
-
},
|
|
218
|
-
titleStyle: {
|
|
219
|
-
transform
|
|
220
|
-
},
|
|
221
|
-
backgroundStyle: {
|
|
222
|
-
transform
|
|
223
|
-
}
|
|
224
|
-
};
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
/**
|
|
228
|
-
* Simple translate animation to translate the header to slide up.
|
|
229
|
-
*/
|
|
230
|
-
function forSlideUp({
|
|
231
|
-
current,
|
|
232
|
-
next,
|
|
233
|
-
layouts: {
|
|
234
|
-
header
|
|
235
|
-
}
|
|
236
|
-
}) {
|
|
237
|
-
const progress = add(current.progress.interpolate({
|
|
238
|
-
inputRange: [0, 1],
|
|
239
|
-
outputRange: [0, 1],
|
|
240
|
-
extrapolate: 'clamp'
|
|
241
|
-
}), next ? next.progress.interpolate({
|
|
242
|
-
inputRange: [0, 1],
|
|
243
|
-
outputRange: [0, 1],
|
|
244
|
-
extrapolate: 'clamp'
|
|
245
|
-
}) : 0);
|
|
246
|
-
const translateY = progress.interpolate({
|
|
247
|
-
inputRange: [0, 1, 2],
|
|
248
|
-
outputRange: [-header.height, 0, -header.height]
|
|
249
|
-
});
|
|
250
|
-
const transform = [{
|
|
251
|
-
translateY
|
|
252
|
-
}];
|
|
253
|
-
return {
|
|
254
|
-
leftButtonStyle: {
|
|
255
|
-
transform
|
|
256
|
-
},
|
|
257
|
-
rightButtonStyle: {
|
|
258
|
-
transform
|
|
259
|
-
},
|
|
260
|
-
titleStyle: {
|
|
261
|
-
transform
|
|
262
|
-
},
|
|
263
|
-
backgroundStyle: {
|
|
264
|
-
transform
|
|
265
|
-
}
|
|
266
|
-
};
|
|
267
|
-
}
|
|
268
|
-
function forNoAnimation() {
|
|
269
|
-
return {};
|
|
270
|
-
}
|
|
271
|
-
//# sourceMappingURL=HeaderStyleInterpolators.js.map
|