@react-navigation/stack 7.2.8 → 7.2.10

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.
Files changed (242) hide show
  1. package/lib/typescript/src/TransitionConfigs/CardStyleInterpolators.d.ts.map +1 -0
  2. package/lib/typescript/src/TransitionConfigs/HeaderStyleInterpolators.d.ts.map +1 -0
  3. package/lib/typescript/src/TransitionConfigs/TransitionPresets.d.ts.map +1 -0
  4. package/lib/typescript/src/TransitionConfigs/TransitionSpecs.d.ts.map +1 -0
  5. package/lib/typescript/src/index.d.ts.map +1 -0
  6. package/lib/typescript/src/navigators/createStackNavigator.d.ts.map +1 -0
  7. package/lib/typescript/src/types.d.ts.map +1 -0
  8. package/lib/typescript/src/utils/CardAnimationContext.d.ts.map +1 -0
  9. package/lib/typescript/src/utils/GestureHandlerRefContext.d.ts.map +1 -0
  10. package/lib/typescript/src/utils/ModalPresentationContext.d.ts.map +1 -0
  11. package/lib/typescript/src/utils/conditional.d.ts.map +1 -0
  12. package/lib/typescript/src/utils/findLastIndex.d.ts.map +1 -0
  13. package/lib/typescript/src/utils/getDistanceForDirection.d.ts.map +1 -0
  14. package/lib/typescript/src/utils/getInvertedMultiplier.d.ts.map +1 -0
  15. package/lib/typescript/src/utils/getModalRoutesKeys.d.ts.map +1 -0
  16. package/lib/typescript/src/utils/getShadowStyle.d.ts.map +1 -0
  17. package/lib/typescript/src/utils/memoize.d.ts.map +1 -0
  18. package/lib/typescript/src/utils/throttle.d.ts.map +1 -0
  19. package/lib/typescript/src/utils/useCardAnimation.d.ts.map +1 -0
  20. package/lib/typescript/src/utils/useGestureHandlerRef.d.ts.map +1 -0
  21. package/lib/typescript/src/utils/useKeyboardManager.d.ts.map +1 -0
  22. package/lib/typescript/src/views/GestureHandler.android.d.ts.map +1 -0
  23. package/lib/typescript/src/views/GestureHandler.d.ts.map +1 -0
  24. package/lib/typescript/src/views/GestureHandler.ios.d.ts.map +1 -0
  25. package/lib/typescript/src/views/GestureHandlerNative.d.ts.map +1 -0
  26. package/lib/typescript/src/views/Header/Header.d.ts.map +1 -0
  27. package/lib/typescript/src/views/Header/HeaderContainer.d.ts.map +1 -0
  28. package/lib/typescript/src/views/Header/HeaderSegment.d.ts.map +1 -0
  29. package/lib/typescript/src/views/Screens.d.ts.map +1 -0
  30. package/lib/typescript/src/views/Stack/Card.d.ts.map +1 -0
  31. package/lib/typescript/src/views/Stack/CardContainer.d.ts.map +1 -0
  32. package/lib/typescript/src/views/Stack/CardSheet.d.ts.map +1 -0
  33. package/lib/typescript/src/views/Stack/CardStack.d.ts.map +1 -0
  34. package/lib/typescript/src/views/Stack/StackView.d.ts.map +1 -0
  35. package/package.json +14 -26
  36. package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js +0 -407
  37. package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js.map +0 -1
  38. package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js +0 -271
  39. package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js.map +0 -1
  40. package/lib/commonjs/TransitionConfigs/TransitionPresets.js +0 -156
  41. package/lib/commonjs/TransitionConfigs/TransitionPresets.js.map +0 -1
  42. package/lib/commonjs/TransitionConfigs/TransitionSpecs.js +0 -128
  43. package/lib/commonjs/TransitionConfigs/TransitionSpecs.js.map +0 -1
  44. package/lib/commonjs/index.js +0 -68
  45. package/lib/commonjs/index.js.map +0 -1
  46. package/lib/commonjs/navigators/createStackNavigator.js +0 -75
  47. package/lib/commonjs/navigators/createStackNavigator.js.map +0 -1
  48. package/lib/commonjs/package.json +0 -1
  49. package/lib/commonjs/types.js +0 -6
  50. package/lib/commonjs/types.js.map +0 -1
  51. package/lib/commonjs/utils/CardAnimationContext.js +0 -11
  52. package/lib/commonjs/utils/CardAnimationContext.js.map +0 -1
  53. package/lib/commonjs/utils/GestureHandlerRefContext.js +0 -11
  54. package/lib/commonjs/utils/GestureHandlerRefContext.js.map +0 -1
  55. package/lib/commonjs/utils/ModalPresentationContext.js +0 -11
  56. package/lib/commonjs/utils/ModalPresentationContext.js.map +0 -1
  57. package/lib/commonjs/utils/conditional.js +0 -32
  58. package/lib/commonjs/utils/conditional.js.map +0 -1
  59. package/lib/commonjs/utils/findLastIndex.js +0 -15
  60. package/lib/commonjs/utils/findLastIndex.js.map +0 -1
  61. package/lib/commonjs/utils/getDistanceForDirection.js +0 -19
  62. package/lib/commonjs/utils/getDistanceForDirection.js.map +0 -1
  63. package/lib/commonjs/utils/getInvertedMultiplier.js +0 -19
  64. package/lib/commonjs/utils/getInvertedMultiplier.js.map +0 -1
  65. package/lib/commonjs/utils/getModalRoutesKeys.js +0 -17
  66. package/lib/commonjs/utils/getModalRoutesKeys.js.map +0 -1
  67. package/lib/commonjs/utils/getShadowStyle.js +0 -29
  68. package/lib/commonjs/utils/getShadowStyle.js.map +0 -1
  69. package/lib/commonjs/utils/memoize.js +0 -33
  70. package/lib/commonjs/utils/memoize.js.map +0 -1
  71. package/lib/commonjs/utils/throttle.js +0 -18
  72. package/lib/commonjs/utils/throttle.js.map +0 -1
  73. package/lib/commonjs/utils/useCardAnimation.js +0 -18
  74. package/lib/commonjs/utils/useCardAnimation.js.map +0 -1
  75. package/lib/commonjs/utils/useGestureHandlerRef.js +0 -18
  76. package/lib/commonjs/utils/useGestureHandlerRef.js.map +0 -1
  77. package/lib/commonjs/utils/useKeyboardManager.js +0 -96
  78. package/lib/commonjs/utils/useKeyboardManager.js.map +0 -1
  79. package/lib/commonjs/views/GestureHandler.android.js +0 -17
  80. package/lib/commonjs/views/GestureHandler.android.js.map +0 -1
  81. package/lib/commonjs/views/GestureHandler.ios.js +0 -17
  82. package/lib/commonjs/views/GestureHandler.ios.js.map +0 -1
  83. package/lib/commonjs/views/GestureHandler.js +0 -27
  84. package/lib/commonjs/views/GestureHandler.js.map +0 -1
  85. package/lib/commonjs/views/GestureHandlerNative.js +0 -35
  86. package/lib/commonjs/views/GestureHandlerNative.js.map +0 -1
  87. package/lib/commonjs/views/Header/Header.js +0 -62
  88. package/lib/commonjs/views/Header/Header.js.map +0 -1
  89. package/lib/commonjs/views/Header/HeaderContainer.js +0 -135
  90. package/lib/commonjs/views/Header/HeaderContainer.js.map +0 -1
  91. package/lib/commonjs/views/Header/HeaderSegment.js +0 -149
  92. package/lib/commonjs/views/Header/HeaderSegment.js.map +0 -1
  93. package/lib/commonjs/views/Screens.js +0 -50
  94. package/lib/commonjs/views/Screens.js.map +0 -1
  95. package/lib/commonjs/views/Stack/Card.js +0 -496
  96. package/lib/commonjs/views/Stack/Card.js.map +0 -1
  97. package/lib/commonjs/views/Stack/CardContainer.js +0 -282
  98. package/lib/commonjs/views/Stack/CardContainer.js.map +0 -1
  99. package/lib/commonjs/views/Stack/CardSheet.js +0 -88
  100. package/lib/commonjs/views/Stack/CardSheet.js.map +0 -1
  101. package/lib/commonjs/views/Stack/CardStack.js +0 -484
  102. package/lib/commonjs/views/Stack/CardStack.js.map +0 -1
  103. package/lib/commonjs/views/Stack/StackView.js +0 -346
  104. package/lib/commonjs/views/Stack/StackView.js.map +0 -1
  105. package/lib/typescript/commonjs/package.json +0 -1
  106. package/lib/typescript/commonjs/src/TransitionConfigs/CardStyleInterpolators.d.ts.map +0 -1
  107. package/lib/typescript/commonjs/src/TransitionConfigs/HeaderStyleInterpolators.d.ts.map +0 -1
  108. package/lib/typescript/commonjs/src/TransitionConfigs/TransitionPresets.d.ts.map +0 -1
  109. package/lib/typescript/commonjs/src/TransitionConfigs/TransitionSpecs.d.ts.map +0 -1
  110. package/lib/typescript/commonjs/src/index.d.ts.map +0 -1
  111. package/lib/typescript/commonjs/src/navigators/createStackNavigator.d.ts.map +0 -1
  112. package/lib/typescript/commonjs/src/types.d.ts.map +0 -1
  113. package/lib/typescript/commonjs/src/utils/CardAnimationContext.d.ts.map +0 -1
  114. package/lib/typescript/commonjs/src/utils/GestureHandlerRefContext.d.ts.map +0 -1
  115. package/lib/typescript/commonjs/src/utils/ModalPresentationContext.d.ts.map +0 -1
  116. package/lib/typescript/commonjs/src/utils/conditional.d.ts.map +0 -1
  117. package/lib/typescript/commonjs/src/utils/findLastIndex.d.ts.map +0 -1
  118. package/lib/typescript/commonjs/src/utils/getDistanceForDirection.d.ts.map +0 -1
  119. package/lib/typescript/commonjs/src/utils/getInvertedMultiplier.d.ts.map +0 -1
  120. package/lib/typescript/commonjs/src/utils/getModalRoutesKeys.d.ts.map +0 -1
  121. package/lib/typescript/commonjs/src/utils/getShadowStyle.d.ts.map +0 -1
  122. package/lib/typescript/commonjs/src/utils/memoize.d.ts.map +0 -1
  123. package/lib/typescript/commonjs/src/utils/throttle.d.ts.map +0 -1
  124. package/lib/typescript/commonjs/src/utils/useCardAnimation.d.ts.map +0 -1
  125. package/lib/typescript/commonjs/src/utils/useGestureHandlerRef.d.ts.map +0 -1
  126. package/lib/typescript/commonjs/src/utils/useKeyboardManager.d.ts.map +0 -1
  127. package/lib/typescript/commonjs/src/views/GestureHandler.android.d.ts.map +0 -1
  128. package/lib/typescript/commonjs/src/views/GestureHandler.d.ts.map +0 -1
  129. package/lib/typescript/commonjs/src/views/GestureHandler.ios.d.ts.map +0 -1
  130. package/lib/typescript/commonjs/src/views/GestureHandlerNative.d.ts.map +0 -1
  131. package/lib/typescript/commonjs/src/views/Header/Header.d.ts.map +0 -1
  132. package/lib/typescript/commonjs/src/views/Header/HeaderContainer.d.ts.map +0 -1
  133. package/lib/typescript/commonjs/src/views/Header/HeaderSegment.d.ts.map +0 -1
  134. package/lib/typescript/commonjs/src/views/Screens.d.ts.map +0 -1
  135. package/lib/typescript/commonjs/src/views/Stack/Card.d.ts.map +0 -1
  136. package/lib/typescript/commonjs/src/views/Stack/CardContainer.d.ts.map +0 -1
  137. package/lib/typescript/commonjs/src/views/Stack/CardSheet.d.ts.map +0 -1
  138. package/lib/typescript/commonjs/src/views/Stack/CardStack.d.ts.map +0 -1
  139. package/lib/typescript/commonjs/src/views/Stack/StackView.d.ts.map +0 -1
  140. package/lib/typescript/module/src/TransitionConfigs/CardStyleInterpolators.d.ts +0 -43
  141. package/lib/typescript/module/src/TransitionConfigs/CardStyleInterpolators.d.ts.map +0 -1
  142. package/lib/typescript/module/src/TransitionConfigs/HeaderStyleInterpolators.d.ts +0 -23
  143. package/lib/typescript/module/src/TransitionConfigs/HeaderStyleInterpolators.d.ts.map +0 -1
  144. package/lib/typescript/module/src/TransitionConfigs/TransitionPresets.d.ts +0 -50
  145. package/lib/typescript/module/src/TransitionConfigs/TransitionPresets.d.ts.map +0 -1
  146. package/lib/typescript/module/src/TransitionConfigs/TransitionSpecs.d.ts +0 -46
  147. package/lib/typescript/module/src/TransitionConfigs/TransitionSpecs.d.ts.map +0 -1
  148. package/lib/typescript/module/src/index.d.ts +0 -29
  149. package/lib/typescript/module/src/index.d.ts.map +0 -1
  150. package/lib/typescript/module/src/navigators/createStackNavigator.d.ts +0 -16
  151. package/lib/typescript/module/src/navigators/createStackNavigator.d.ts.map +0 -1
  152. package/lib/typescript/module/src/types.d.ts +0 -541
  153. package/lib/typescript/module/src/types.d.ts.map +0 -1
  154. package/lib/typescript/module/src/utils/CardAnimationContext.d.ts +0 -4
  155. package/lib/typescript/module/src/utils/CardAnimationContext.d.ts.map +0 -1
  156. package/lib/typescript/module/src/utils/GestureHandlerRefContext.d.ts +0 -3
  157. package/lib/typescript/module/src/utils/GestureHandlerRefContext.d.ts.map +0 -1
  158. package/lib/typescript/module/src/utils/ModalPresentationContext.d.ts +0 -3
  159. package/lib/typescript/module/src/utils/ModalPresentationContext.d.ts.map +0 -1
  160. package/lib/typescript/module/src/utils/conditional.d.ts +0 -10
  161. package/lib/typescript/module/src/utils/conditional.d.ts.map +0 -1
  162. package/lib/typescript/module/src/utils/findLastIndex.d.ts +0 -2
  163. package/lib/typescript/module/src/utils/findLastIndex.d.ts.map +0 -1
  164. package/lib/typescript/module/src/utils/getDistanceForDirection.d.ts +0 -3
  165. package/lib/typescript/module/src/utils/getDistanceForDirection.d.ts.map +0 -1
  166. package/lib/typescript/module/src/utils/getInvertedMultiplier.d.ts +0 -3
  167. package/lib/typescript/module/src/utils/getInvertedMultiplier.d.ts.map +0 -1
  168. package/lib/typescript/module/src/utils/getModalRoutesKeys.d.ts +0 -4
  169. package/lib/typescript/module/src/utils/getModalRoutesKeys.d.ts.map +0 -1
  170. package/lib/typescript/module/src/utils/getShadowStyle.d.ts +0 -27
  171. package/lib/typescript/module/src/utils/getShadowStyle.d.ts.map +0 -1
  172. package/lib/typescript/module/src/utils/memoize.d.ts +0 -2
  173. package/lib/typescript/module/src/utils/memoize.d.ts.map +0 -1
  174. package/lib/typescript/module/src/utils/throttle.d.ts +0 -2
  175. package/lib/typescript/module/src/utils/throttle.d.ts.map +0 -1
  176. package/lib/typescript/module/src/utils/useCardAnimation.d.ts +0 -2
  177. package/lib/typescript/module/src/utils/useCardAnimation.d.ts.map +0 -1
  178. package/lib/typescript/module/src/utils/useGestureHandlerRef.d.ts +0 -3
  179. package/lib/typescript/module/src/utils/useGestureHandlerRef.d.ts.map +0 -1
  180. package/lib/typescript/module/src/utils/useKeyboardManager.d.ts +0 -6
  181. package/lib/typescript/module/src/utils/useKeyboardManager.d.ts.map +0 -1
  182. package/lib/typescript/module/src/views/GestureHandler.android.d.ts +0 -2
  183. package/lib/typescript/module/src/views/GestureHandler.android.d.ts.map +0 -1
  184. package/lib/typescript/module/src/views/GestureHandler.d.ts +0 -15
  185. package/lib/typescript/module/src/views/GestureHandler.d.ts.map +0 -1
  186. package/lib/typescript/module/src/views/GestureHandler.ios.d.ts +0 -2
  187. package/lib/typescript/module/src/views/GestureHandler.ios.d.ts.map +0 -1
  188. package/lib/typescript/module/src/views/GestureHandlerNative.d.ts +0 -5
  189. package/lib/typescript/module/src/views/GestureHandlerNative.d.ts.map +0 -1
  190. package/lib/typescript/module/src/views/Header/Header.d.ts +0 -4
  191. package/lib/typescript/module/src/views/Header/Header.d.ts.map +0 -1
  192. package/lib/typescript/module/src/views/Header/HeaderContainer.d.ts +0 -19
  193. package/lib/typescript/module/src/views/Header/HeaderContainer.d.ts.map +0 -1
  194. package/lib/typescript/module/src/views/Header/HeaderSegment.d.ts +0 -14
  195. package/lib/typescript/module/src/views/Header/HeaderSegment.d.ts.map +0 -1
  196. package/lib/typescript/module/src/views/Screens.d.ts +0 -15
  197. package/lib/typescript/module/src/views/Screens.d.ts.map +0 -1
  198. package/lib/typescript/module/src/views/Stack/Card.d.ts +0 -78
  199. package/lib/typescript/module/src/views/Stack/Card.d.ts.map +0 -1
  200. package/lib/typescript/module/src/views/Stack/CardContainer.d.ts +0 -61
  201. package/lib/typescript/module/src/views/Stack/CardContainer.d.ts.map +0 -1
  202. package/lib/typescript/module/src/views/Stack/CardSheet.d.ts +0 -14
  203. package/lib/typescript/module/src/views/Stack/CardSheet.d.ts.map +0 -1
  204. package/lib/typescript/module/src/views/Stack/CardStack.d.ts +0 -66
  205. package/lib/typescript/module/src/views/Stack/CardStack.d.ts.map +0 -1
  206. package/lib/typescript/module/src/views/Stack/StackView.d.ts +0 -51
  207. package/lib/typescript/module/src/views/Stack/StackView.d.ts.map +0 -1
  208. /package/lib/typescript/{module/package.json → package.json} +0 -0
  209. /package/lib/typescript/{commonjs/src → src}/TransitionConfigs/CardStyleInterpolators.d.ts +0 -0
  210. /package/lib/typescript/{commonjs/src → src}/TransitionConfigs/HeaderStyleInterpolators.d.ts +0 -0
  211. /package/lib/typescript/{commonjs/src → src}/TransitionConfigs/TransitionPresets.d.ts +0 -0
  212. /package/lib/typescript/{commonjs/src → src}/TransitionConfigs/TransitionSpecs.d.ts +0 -0
  213. /package/lib/typescript/{commonjs/src → src}/index.d.ts +0 -0
  214. /package/lib/typescript/{commonjs/src → src}/navigators/createStackNavigator.d.ts +0 -0
  215. /package/lib/typescript/{commonjs/src → src}/types.d.ts +0 -0
  216. /package/lib/typescript/{commonjs/src → src}/utils/CardAnimationContext.d.ts +0 -0
  217. /package/lib/typescript/{commonjs/src → src}/utils/GestureHandlerRefContext.d.ts +0 -0
  218. /package/lib/typescript/{commonjs/src → src}/utils/ModalPresentationContext.d.ts +0 -0
  219. /package/lib/typescript/{commonjs/src → src}/utils/conditional.d.ts +0 -0
  220. /package/lib/typescript/{commonjs/src → src}/utils/findLastIndex.d.ts +0 -0
  221. /package/lib/typescript/{commonjs/src → src}/utils/getDistanceForDirection.d.ts +0 -0
  222. /package/lib/typescript/{commonjs/src → src}/utils/getInvertedMultiplier.d.ts +0 -0
  223. /package/lib/typescript/{commonjs/src → src}/utils/getModalRoutesKeys.d.ts +0 -0
  224. /package/lib/typescript/{commonjs/src → src}/utils/getShadowStyle.d.ts +0 -0
  225. /package/lib/typescript/{commonjs/src → src}/utils/memoize.d.ts +0 -0
  226. /package/lib/typescript/{commonjs/src → src}/utils/throttle.d.ts +0 -0
  227. /package/lib/typescript/{commonjs/src → src}/utils/useCardAnimation.d.ts +0 -0
  228. /package/lib/typescript/{commonjs/src → src}/utils/useGestureHandlerRef.d.ts +0 -0
  229. /package/lib/typescript/{commonjs/src → src}/utils/useKeyboardManager.d.ts +0 -0
  230. /package/lib/typescript/{commonjs/src → src}/views/GestureHandler.android.d.ts +0 -0
  231. /package/lib/typescript/{commonjs/src → src}/views/GestureHandler.d.ts +0 -0
  232. /package/lib/typescript/{commonjs/src → src}/views/GestureHandler.ios.d.ts +0 -0
  233. /package/lib/typescript/{commonjs/src → src}/views/GestureHandlerNative.d.ts +0 -0
  234. /package/lib/typescript/{commonjs/src → src}/views/Header/Header.d.ts +0 -0
  235. /package/lib/typescript/{commonjs/src → src}/views/Header/HeaderContainer.d.ts +0 -0
  236. /package/lib/typescript/{commonjs/src → src}/views/Header/HeaderSegment.d.ts +0 -0
  237. /package/lib/typescript/{commonjs/src → src}/views/Screens.d.ts +0 -0
  238. /package/lib/typescript/{commonjs/src → src}/views/Stack/Card.d.ts +0 -0
  239. /package/lib/typescript/{commonjs/src → src}/views/Stack/CardContainer.d.ts +0 -0
  240. /package/lib/typescript/{commonjs/src → src}/views/Stack/CardSheet.d.ts +0 -0
  241. /package/lib/typescript/{commonjs/src → src}/views/Stack/CardStack.d.ts +0 -0
  242. /package/lib/typescript/{commonjs/src → src}/views/Stack/StackView.d.ts +0 -0
@@ -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