react-native-screen-transitions 3.5.1 → 3.5.2
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/shared/components/overlay/variations/overlay-host.js +2 -4
- package/lib/commonjs/shared/components/overlay/variations/overlay-host.js.map +1 -1
- package/lib/commonjs/shared/components/screen-container/layers/backdrop.js +3 -3
- package/lib/commonjs/shared/components/screen-container/layers/backdrop.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/styles/components/maybe-floating-container.js +1 -2
- package/lib/commonjs/shared/providers/screen/styles/components/maybe-floating-container.js.map +1 -1
- package/lib/module/shared/components/overlay/variations/overlay-host.js +2 -4
- package/lib/module/shared/components/overlay/variations/overlay-host.js.map +1 -1
- package/lib/module/shared/components/screen-container/layers/backdrop.js +3 -3
- package/lib/module/shared/components/screen-container/layers/backdrop.js.map +1 -1
- package/lib/module/shared/providers/screen/styles/components/maybe-floating-container.js +1 -2
- package/lib/module/shared/providers/screen/styles/components/maybe-floating-container.js.map +1 -1
- package/lib/typescript/shared/components/create-boundary-component/components/boundary-target.d.ts +2 -2
- package/lib/typescript/shared/components/create-boundary-component/index.d.ts +1 -1
- package/lib/typescript/shared/components/overlay/variations/overlay-host.d.ts.map +1 -1
- package/lib/typescript/shared/components/screen-container/layers/backdrop.d.ts.map +1 -1
- package/lib/typescript/shared/index.d.ts +12 -12
- package/lib/typescript/shared/providers/screen/styles/components/maybe-floating-container.d.ts.map +1 -1
- package/package.json +2 -38
- package/src/shared/components/overlay/variations/overlay-host.tsx +5 -4
- package/src/shared/components/screen-container/layers/backdrop.tsx +3 -5
- package/src/shared/providers/screen/styles/components/maybe-floating-container.tsx +4 -2
|
@@ -30,14 +30,14 @@ const OverlayHost = exports.OverlayHost = /*#__PURE__*/(0, _react.memo)(function
|
|
|
30
30
|
}
|
|
31
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
32
32
|
pointerEvents: "box-none",
|
|
33
|
-
style: [styles.container, styles.floating,
|
|
33
|
+
style: [styles.container, styles.floating, _reactNative.StyleSheet.absoluteFill],
|
|
34
34
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationContext.Provider, {
|
|
35
35
|
value: scene.descriptor.navigation,
|
|
36
36
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationRouteContext.Provider, {
|
|
37
37
|
value: scene.route,
|
|
38
38
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
39
39
|
pointerEvents: "box-none",
|
|
40
|
-
style: styles.overlay,
|
|
40
|
+
style: [_reactNative.StyleSheet.absoluteFill, styles.overlay],
|
|
41
41
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OverlayComponent, {
|
|
42
42
|
...overlayProps
|
|
43
43
|
})
|
|
@@ -48,13 +48,11 @@ const OverlayHost = exports.OverlayHost = /*#__PURE__*/(0, _react.memo)(function
|
|
|
48
48
|
});
|
|
49
49
|
const styles = _reactNative.StyleSheet.create({
|
|
50
50
|
overlay: {
|
|
51
|
-
..._reactNative.StyleSheet.absoluteFillObject,
|
|
52
51
|
zIndex: 1
|
|
53
52
|
},
|
|
54
53
|
container: {
|
|
55
54
|
flex: 1
|
|
56
55
|
},
|
|
57
|
-
absolute: _reactNative.StyleSheet.absoluteFillObject,
|
|
58
56
|
floating: {
|
|
59
57
|
zIndex: 1000
|
|
60
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_native","require","_react","_reactNative","_reactNativeReanimated","_animation","_jsxRuntime","OverlayHost","exports","memo","scene","overlayScreenState","OverlayComponent","descriptor","options","overlay","screenAnimation","useScreenAnimation","relativeProgress","useDerivedValue","value","stackProgress","overlayProps","useMemo","progress","jsx","Animated","View","pointerEvents","style","styles","container","floating","
|
|
1
|
+
{"version":3,"names":["_native","require","_react","_reactNative","_reactNativeReanimated","_animation","_jsxRuntime","OverlayHost","exports","memo","scene","overlayScreenState","OverlayComponent","descriptor","options","overlay","screenAnimation","useScreenAnimation","relativeProgress","useDerivedValue","value","stackProgress","overlayProps","useMemo","progress","jsx","Animated","View","pointerEvents","style","styles","container","floating","StyleSheet","absoluteFill","children","NavigationContext","Provider","navigation","NavigationRouteContext","route","create","zIndex","flex"],"sourceRoot":"../../../../../../src","sources":["shared/components/overlay/variations/overlay-host.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAAyE,IAAAK,WAAA,GAAAL,OAAA;AAYlE,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,WAAWA,CAAC;EACpDG,KAAK;EACLC;AACiB,CAAC,EAAE;EACpB,MAAMC,gBAAgB,GAAGF,KAAK,CAACG,UAAU,CAACC,OAAO,CAACC,OAAO;EAEzD,MAAMC,eAAe,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAC5C,MAAMC,gBAAgB,GAAG,IAAAC,sCAAe,EAAC,MAAM;IAC9C,SAAS;;IACT,OAAOH,eAAe,CAACI,KAAK,CAACC,aAAa;EAC3C,CAAC,CAAC;EAEF,MAAMC,YAAwD,GAAG,IAAAC,cAAO,EACvE,OAAO;IACN,GAAGZ,kBAAkB;IACrBa,QAAQ,EAAEN;EACX,CAAC,CAAC,EACF,CAACA,gBAAgB,EAAEP,kBAAkB,CACtC,CAAC;EAED,IAAI,CAACC,gBAAgB,EAAE;IACtB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAAmB,GAAA,EAACtB,YAAA,CAAAuB,QAAQ,CAACC,IAAI;IACbC,aAAa,EAAC,UAAU;IACxBC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAED,MAAM,CAACE,QAAQ,EAAEC,uBAAU,CAACC,YAAY,CAAE;IAAAC,QAAA,eAEpE,IAAA7B,WAAA,CAAAmB,GAAA,EAACzB,OAAA,CAAAoC,iBAAiB,CAACC,QAAQ;MAACjB,KAAK,EAAEV,KAAK,CAACG,UAAU,CAACyB,UAAkB;MAAAH,QAAA,eACrE,IAAA7B,WAAA,CAAAmB,GAAA,EAACzB,OAAA,CAAAuC,sBAAsB,CAACF,QAAQ;QAACjB,KAAK,EAAEV,KAAK,CAAC8B,KAAM;QAAAL,QAAA,eACnD,IAAA7B,WAAA,CAAAmB,GAAA,EAACtB,YAAA,CAAAwB,IAAI;UACJC,aAAa,EAAC,UAAU;UACxBC,KAAK,EAAE,CAACI,uBAAU,CAACC,YAAY,EAAEJ,MAAM,CAACf,OAAO,CAAE;UAAAoB,QAAA,eAEjD,IAAA7B,WAAA,CAAAmB,GAAA,EAACb,gBAAgB;YAAA,GAAKU;UAAY,CAAG;QAAC,CACjC;MAAC,CACyB;IAAC,CACP;EAAC,CACf,CAAC;AAElB,CAAC,CAAC;AAEF,MAAMQ,MAAM,GAAGG,uBAAU,CAACQ,MAAM,CAAC;EAChC1B,OAAO,EAAE;IACR2B,MAAM,EAAE;EACT,CAAC;EACDX,SAAS,EAAE;IACVY,IAAI,EAAE;EACP,CAAC;EACDX,QAAQ,EAAE;IACTU,MAAM,EAAE;EACT;AACD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -93,14 +93,14 @@ const BackdropLayer = exports.BackdropLayer = /*#__PURE__*/(0, _react.memo)(func
|
|
|
93
93
|
return stylesMap.get().backdrop?.props ?? _constants.NO_PROPS;
|
|
94
94
|
});
|
|
95
95
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
96
|
-
style: _reactNative.StyleSheet.
|
|
96
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
97
97
|
pointerEvents: isBackdropActive ? "auto" : "none",
|
|
98
98
|
onPress: isBackdropActive ? handleBackdropPress : undefined,
|
|
99
99
|
children: [AnimatedBackdropComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedBackdropComponent, {
|
|
100
|
-
style: [_reactNative.StyleSheet.
|
|
100
|
+
style: [_reactNative.StyleSheet.absoluteFill],
|
|
101
101
|
animatedProps: animatedBackdropProps
|
|
102
102
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
103
|
-
style: [_reactNative.StyleSheet.
|
|
103
|
+
style: [_reactNative.StyleSheet.absoluteFill, animatedBackdropStyle]
|
|
104
104
|
})]
|
|
105
105
|
});
|
|
106
106
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_specs","_constants","_useNavigationHelpers","_descriptors","_styles","_animation","_gesture","_system","_animateToProgress","_findCollapseTarget","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BackdropLayer","exports","memo","backdropBehavior","isBackdropActive","stylesMap","useScreenStyles","current","useDescriptors","dismissScreen","useNavigationHelpers","BackdropComponent","options","backdropComponent","routeKey","route","key","animations","AnimationStore","getBag","targetProgress","resolvedAutoSnapPoint","SystemStore","AnimatedBackdropComponent","useMemo","Animated","createAnimatedComponent","handleBackdropPress","useCallback","rawSnapPoints","snapPoints","canDismiss","gestureEnabled","length","gestures","GestureStore","transitionSpec","runOnUI","resolvedSnaps","map","point","value","filter","target","shouldDismiss","findCollapseTarget","progress","dismissing","spec","open","expand","DefaultSnapSpec","close","collapse","animateToProgress","onAnimationFinish","undefined","animatedBackdropStyle","useAnimatedStyle","backdrop","style","NO_STYLES","animatedBackdropProps","useAnimatedProps","props","NO_PROPS","jsxs","Pressable","StyleSheet","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_specs","_constants","_useNavigationHelpers","_descriptors","_styles","_animation","_gesture","_system","_animateToProgress","_findCollapseTarget","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BackdropLayer","exports","memo","backdropBehavior","isBackdropActive","stylesMap","useScreenStyles","current","useDescriptors","dismissScreen","useNavigationHelpers","BackdropComponent","options","backdropComponent","routeKey","route","key","animations","AnimationStore","getBag","targetProgress","resolvedAutoSnapPoint","SystemStore","AnimatedBackdropComponent","useMemo","Animated","createAnimatedComponent","handleBackdropPress","useCallback","rawSnapPoints","snapPoints","canDismiss","gestureEnabled","length","gestures","GestureStore","transitionSpec","runOnUI","resolvedSnaps","map","point","value","filter","target","shouldDismiss","findCollapseTarget","progress","dismissing","spec","open","expand","DefaultSnapSpec","close","collapse","animateToProgress","onAnimationFinish","undefined","animatedBackdropStyle","useAnimatedStyle","backdrop","style","NO_STYLES","animatedBackdropProps","useAnimatedProps","props","NO_PROPS","jsxs","Pressable","StyleSheet","absoluteFill","pointerEvents","onPress","children","jsx","animatedProps","View"],"sourceRoot":"../../../../../../src","sources":["shared/components/screen-container/layers/backdrop.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,14 +15,13 @@ const MaybeFloatingContainer = exports.MaybeFloatingContainer = /*#__PURE__*/(0,
|
|
|
15
15
|
return children;
|
|
16
16
|
}
|
|
17
17
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
18
|
-
style: styles.float,
|
|
18
|
+
style: [_reactNative.StyleSheet.absoluteFill, styles.float],
|
|
19
19
|
pointerEvents: "box-none",
|
|
20
20
|
children: children
|
|
21
21
|
});
|
|
22
22
|
});
|
|
23
23
|
const styles = _reactNative.StyleSheet.create({
|
|
24
24
|
float: {
|
|
25
|
-
..._reactNative.StyleSheet.absoluteFillObject,
|
|
26
25
|
zIndex: 999
|
|
27
26
|
}
|
|
28
27
|
});
|
package/lib/commonjs/shared/providers/screen/styles/components/maybe-floating-container.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","MaybeFloatingContainer","exports","memo","children","isFloatingOverlay","jsx","View","style","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","MaybeFloatingContainer","exports","memo","children","isFloatingOverlay","jsx","View","style","StyleSheet","absoluteFill","styles","float","pointerEvents","create","zIndex"],"sourceRoot":"../../../../../../../src","sources":["shared/providers/screen/styles/components/maybe-floating-container.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AAOzC,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,sBAAsBA,CAAC;EAC1EG,QAAQ;EACRC;AAC4B,CAAC,EAAE;EAC/B,IAAI,CAACA,iBAAiB,EAAE;IACvB,OAAOD,QAAQ;EAChB;EAEA,oBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,IAAI;IACJC,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEC,MAAM,CAACC,KAAK,CAAE;IAC/CC,aAAa,EAAC,UAAU;IAAAT,QAAA,EAEvBA;EAAQ,CACJ,CAAC;AAET,CAAC,CAAC;AAEF,MAAMO,MAAM,GAAGF,uBAAU,CAACK,MAAM,CAAC;EAChCF,KAAK,EAAE;IACNG,MAAM,EAAE;EACT;AACD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -26,14 +26,14 @@ export const OverlayHost = /*#__PURE__*/memo(function OverlayHost({
|
|
|
26
26
|
}
|
|
27
27
|
return /*#__PURE__*/_jsx(Animated.View, {
|
|
28
28
|
pointerEvents: "box-none",
|
|
29
|
-
style: [styles.container, styles.floating,
|
|
29
|
+
style: [styles.container, styles.floating, StyleSheet.absoluteFill],
|
|
30
30
|
children: /*#__PURE__*/_jsx(NavigationContext.Provider, {
|
|
31
31
|
value: scene.descriptor.navigation,
|
|
32
32
|
children: /*#__PURE__*/_jsx(NavigationRouteContext.Provider, {
|
|
33
33
|
value: scene.route,
|
|
34
34
|
children: /*#__PURE__*/_jsx(View, {
|
|
35
35
|
pointerEvents: "box-none",
|
|
36
|
-
style: styles.overlay,
|
|
36
|
+
style: [StyleSheet.absoluteFill, styles.overlay],
|
|
37
37
|
children: /*#__PURE__*/_jsx(OverlayComponent, {
|
|
38
38
|
...overlayProps
|
|
39
39
|
})
|
|
@@ -44,13 +44,11 @@ export const OverlayHost = /*#__PURE__*/memo(function OverlayHost({
|
|
|
44
44
|
});
|
|
45
45
|
const styles = StyleSheet.create({
|
|
46
46
|
overlay: {
|
|
47
|
-
...StyleSheet.absoluteFillObject,
|
|
48
47
|
zIndex: 1
|
|
49
48
|
},
|
|
50
49
|
container: {
|
|
51
50
|
flex: 1
|
|
52
51
|
},
|
|
53
|
-
absolute: StyleSheet.absoluteFillObject,
|
|
54
52
|
floating: {
|
|
55
53
|
zIndex: 1000
|
|
56
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NavigationContext","NavigationRouteContext","memo","useMemo","Animated","StyleSheet","View","useDerivedValue","useScreenAnimation","jsx","_jsx","OverlayHost","scene","overlayScreenState","OverlayComponent","descriptor","options","overlay","screenAnimation","relativeProgress","value","stackProgress","overlayProps","progress","pointerEvents","style","styles","container","floating","
|
|
1
|
+
{"version":3,"names":["NavigationContext","NavigationRouteContext","memo","useMemo","Animated","StyleSheet","View","useDerivedValue","useScreenAnimation","jsx","_jsx","OverlayHost","scene","overlayScreenState","OverlayComponent","descriptor","options","overlay","screenAnimation","relativeProgress","value","stackProgress","overlayProps","progress","pointerEvents","style","styles","container","floating","absoluteFill","children","Provider","navigation","route","create","zIndex","flex"],"sourceRoot":"../../../../../../src","sources":["shared/components/overlay/variations/overlay-host.tsx"],"mappings":";;AAAA,SACCA,iBAAiB,EACjBC,sBAAsB,QAChB,0BAA0B;AACjC,SAASC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AACrC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,eAAe,QAAQ,yBAAyB;AAEzD,SAASC,kBAAkB,QAAQ,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYzE,OAAO,MAAMC,WAAW,gBAAGT,IAAI,CAAC,SAASS,WAAWA,CAAC;EACpDC,KAAK;EACLC;AACiB,CAAC,EAAE;EACpB,MAAMC,gBAAgB,GAAGF,KAAK,CAACG,UAAU,CAACC,OAAO,CAACC,OAAO;EAEzD,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,CAAC;EAC5C,MAAMW,gBAAgB,GAAGZ,eAAe,CAAC,MAAM;IAC9C,SAAS;;IACT,OAAOW,eAAe,CAACE,KAAK,CAACC,aAAa;EAC3C,CAAC,CAAC;EAEF,MAAMC,YAAwD,GAAGnB,OAAO,CACvE,OAAO;IACN,GAAGU,kBAAkB;IACrBU,QAAQ,EAAEJ;EACX,CAAC,CAAC,EACF,CAACA,gBAAgB,EAAEN,kBAAkB,CACtC,CAAC;EAED,IAAI,CAACC,gBAAgB,EAAE;IACtB,OAAO,IAAI;EACZ;EAEA,oBACCJ,IAAA,CAACN,QAAQ,CAACE,IAAI;IACbkB,aAAa,EAAC,UAAU;IACxBC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAED,MAAM,CAACE,QAAQ,EAAEvB,UAAU,CAACwB,YAAY,CAAE;IAAAC,QAAA,eAEpEpB,IAAA,CAACV,iBAAiB,CAAC+B,QAAQ;MAACX,KAAK,EAAER,KAAK,CAACG,UAAU,CAACiB,UAAkB;MAAAF,QAAA,eACrEpB,IAAA,CAACT,sBAAsB,CAAC8B,QAAQ;QAACX,KAAK,EAAER,KAAK,CAACqB,KAAM;QAAAH,QAAA,eACnDpB,IAAA,CAACJ,IAAI;UACJkB,aAAa,EAAC,UAAU;UACxBC,KAAK,EAAE,CAACpB,UAAU,CAACwB,YAAY,EAAEH,MAAM,CAACT,OAAO,CAAE;UAAAa,QAAA,eAEjDpB,IAAA,CAACI,gBAAgB;YAAA,GAAKQ;UAAY,CAAG;QAAC,CACjC;MAAC,CACyB;IAAC,CACP;EAAC,CACf,CAAC;AAElB,CAAC,CAAC;AAEF,MAAMI,MAAM,GAAGrB,UAAU,CAAC6B,MAAM,CAAC;EAChCjB,OAAO,EAAE;IACRkB,MAAM,EAAE;EACT,CAAC;EACDR,SAAS,EAAE;IACVS,IAAI,EAAE;EACP,CAAC;EACDR,QAAQ,EAAE;IACTO,MAAM,EAAE;EACT;AACD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -88,14 +88,14 @@ export const BackdropLayer = /*#__PURE__*/memo(function BackdropLayer({
|
|
|
88
88
|
return stylesMap.get().backdrop?.props ?? NO_PROPS;
|
|
89
89
|
});
|
|
90
90
|
return /*#__PURE__*/_jsxs(Pressable, {
|
|
91
|
-
style: StyleSheet.
|
|
91
|
+
style: StyleSheet.absoluteFill,
|
|
92
92
|
pointerEvents: isBackdropActive ? "auto" : "none",
|
|
93
93
|
onPress: isBackdropActive ? handleBackdropPress : undefined,
|
|
94
94
|
children: [AnimatedBackdropComponent && /*#__PURE__*/_jsx(AnimatedBackdropComponent, {
|
|
95
|
-
style: [StyleSheet.
|
|
95
|
+
style: [StyleSheet.absoluteFill],
|
|
96
96
|
animatedProps: animatedBackdropProps
|
|
97
97
|
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
98
|
-
style: [StyleSheet.
|
|
98
|
+
style: [StyleSheet.absoluteFill, animatedBackdropStyle]
|
|
99
99
|
})]
|
|
100
100
|
});
|
|
101
101
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useCallback","useMemo","Pressable","StyleSheet","Animated","runOnUI","useAnimatedProps","useAnimatedStyle","DefaultSnapSpec","NO_PROPS","NO_STYLES","useNavigationHelpers","useDescriptors","useScreenStyles","AnimationStore","GestureStore","SystemStore","animateToProgress","findCollapseTarget","jsx","_jsx","jsxs","_jsxs","BackdropLayer","backdropBehavior","isBackdropActive","stylesMap","current","dismissScreen","BackdropComponent","options","backdropComponent","routeKey","route","key","animations","getBag","targetProgress","resolvedAutoSnapPoint","AnimatedBackdropComponent","createAnimatedComponent","handleBackdropPress","rawSnapPoints","snapPoints","canDismiss","gestureEnabled","length","gestures","transitionSpec","resolvedSnaps","map","point","value","filter","target","shouldDismiss","progress","dismissing","spec","open","expand","close","collapse","onAnimationFinish","undefined","animatedBackdropStyle","get","backdrop","style","animatedBackdropProps","props","
|
|
1
|
+
{"version":3,"names":["memo","useCallback","useMemo","Pressable","StyleSheet","Animated","runOnUI","useAnimatedProps","useAnimatedStyle","DefaultSnapSpec","NO_PROPS","NO_STYLES","useNavigationHelpers","useDescriptors","useScreenStyles","AnimationStore","GestureStore","SystemStore","animateToProgress","findCollapseTarget","jsx","_jsx","jsxs","_jsxs","BackdropLayer","backdropBehavior","isBackdropActive","stylesMap","current","dismissScreen","BackdropComponent","options","backdropComponent","routeKey","route","key","animations","getBag","targetProgress","resolvedAutoSnapPoint","AnimatedBackdropComponent","createAnimatedComponent","handleBackdropPress","rawSnapPoints","snapPoints","canDismiss","gestureEnabled","length","gestures","transitionSpec","resolvedSnaps","map","point","value","filter","target","shouldDismiss","progress","dismissing","spec","open","expand","close","collapse","onAnimationFinish","undefined","animatedBackdropStyle","get","backdrop","style","animatedBackdropProps","props","absoluteFill","pointerEvents","onPress","children","animatedProps","View"],"sourceRoot":"../../../../../../src","sources":["shared/components/screen-container/layers/backdrop.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,14 +11,13 @@ export const MaybeFloatingContainer = /*#__PURE__*/memo(function MaybeFloatingCo
|
|
|
11
11
|
return children;
|
|
12
12
|
}
|
|
13
13
|
return /*#__PURE__*/_jsx(View, {
|
|
14
|
-
style: styles.float,
|
|
14
|
+
style: [StyleSheet.absoluteFill, styles.float],
|
|
15
15
|
pointerEvents: "box-none",
|
|
16
16
|
children: children
|
|
17
17
|
});
|
|
18
18
|
});
|
|
19
19
|
const styles = StyleSheet.create({
|
|
20
20
|
float: {
|
|
21
|
-
...StyleSheet.absoluteFillObject,
|
|
22
21
|
zIndex: 999
|
|
23
22
|
}
|
|
24
23
|
});
|
package/lib/module/shared/providers/screen/styles/components/maybe-floating-container.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","StyleSheet","View","jsx","_jsx","MaybeFloatingContainer","children","isFloatingOverlay","style","styles","float","pointerEvents","create","
|
|
1
|
+
{"version":3,"names":["memo","StyleSheet","View","jsx","_jsx","MaybeFloatingContainer","children","isFloatingOverlay","style","absoluteFill","styles","float","pointerEvents","create","zIndex"],"sourceRoot":"../../../../../../../src","sources":["shared/providers/screen/styles/components/maybe-floating-container.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhD,OAAO,MAAMC,sBAAsB,gBAAGL,IAAI,CAAC,SAASK,sBAAsBA,CAAC;EAC1EC,QAAQ;EACRC;AAC4B,CAAC,EAAE;EAC/B,IAAI,CAACA,iBAAiB,EAAE;IACvB,OAAOD,QAAQ;EAChB;EAEA,oBACCF,IAAA,CAACF,IAAI;IACJM,KAAK,EAAE,CAACP,UAAU,CAACQ,YAAY,EAAEC,MAAM,CAACC,KAAK,CAAE;IAC/CC,aAAa,EAAC,UAAU;IAAAN,QAAA,EAEvBA;EAAQ,CACJ,CAAC;AAET,CAAC,CAAC;AAEF,MAAMI,MAAM,GAAGT,UAAU,CAACY,MAAM,CAAC;EAChCF,KAAK,EAAE;IACNG,MAAM,EAAE;EACT;AACD,CAAC,CAAC","ignoreList":[]}
|
package/lib/typescript/shared/components/create-boundary-component/components/boundary-target.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type React from "react";
|
|
|
2
2
|
export declare const BoundaryTarget: React.NamedExoticComponent<{
|
|
3
3
|
id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
4
4
|
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
|
|
5
|
-
children?:
|
|
5
|
+
children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
|
|
6
6
|
hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
|
|
7
7
|
needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
8
8
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
|
|
@@ -105,7 +105,7 @@ export declare const BoundaryTarget: React.NamedExoticComponent<{
|
|
|
105
105
|
animatedProps?: import("react-native-reanimated/lib/typescript/css/types").AddArrayPropertyType<Partial<{
|
|
106
106
|
id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
107
107
|
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
|
|
108
|
-
children?:
|
|
108
|
+
children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
|
|
109
109
|
hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
|
|
110
110
|
needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
111
111
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
|
|
@@ -27,7 +27,7 @@ export declare const Boundary: {
|
|
|
27
27
|
/**
|
|
28
28
|
* Pressable boundary wrapper with press-priority source capture.
|
|
29
29
|
*/
|
|
30
|
-
Trigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "id"> & import("./types").BoundaryOwnProps & import("react").RefAttributes<
|
|
30
|
+
Trigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "id"> & import("./types").BoundaryOwnProps & import("react").RefAttributes<View | import("react").Component<import("react-native").PressableProps & import("react").RefAttributes<View>, any, any>>>>;
|
|
31
31
|
/**
|
|
32
32
|
* Optional nested measurement override inside a boundary owner.
|
|
33
33
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay-host.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/components/overlay/variations/overlay-host.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAEX,kBAAkB,EAClB,MAAM,8BAA8B,CAAC;AAEtC,KAAK,gBAAgB,GAAG;IACvB,KAAK,EAAE,UAAU,CAAC;IAClB,kBAAkB,EAAE,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"overlay-host.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/components/overlay/variations/overlay-host.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAEX,kBAAkB,EAClB,MAAM,8BAA8B,CAAC;AAEtC,KAAK,gBAAgB,GAAG;IACvB,KAAK,EAAE,UAAU,CAAC;IAClB,kBAAkB,EAAE,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,WAAW,wDAyCtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/components/screen-container/layers/backdrop.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAIpE,eAAO,MAAM,aAAa;sBAIP,gBAAgB;sBAChB,OAAO;
|
|
1
|
+
{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/components/screen-container/layers/backdrop.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAIpE,eAAO,MAAM,aAAa;sBAIP,gBAAgB;sBAChB,OAAO;EAgHxB,CAAC"}
|
|
@@ -7,7 +7,7 @@ declare const _default: {
|
|
|
7
7
|
createBoundaryComponent: typeof createBoundaryComponent;
|
|
8
8
|
Boundary: {
|
|
9
9
|
View: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "id"> & import("./components/create-boundary-component/types").BoundaryOwnProps & import("react").RefAttributes<never>>>;
|
|
10
|
-
Trigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "id"> & import("./components/create-boundary-component/types").BoundaryOwnProps & import("react").RefAttributes<
|
|
10
|
+
Trigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "id"> & import("./components/create-boundary-component/types").BoundaryOwnProps & import("react").RefAttributes<View | import("react").Component<import("react-native").PressableProps & import("react").RefAttributes<View>, any, any>>>>;
|
|
11
11
|
Target: import("react").NamedExoticComponent<{
|
|
12
12
|
id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
13
13
|
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
|
|
@@ -431,7 +431,7 @@ declare const _default: {
|
|
|
431
431
|
id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
432
432
|
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
|
|
433
433
|
key?: import("react").Key | import("react-native-reanimated").SharedValue<import("react").Key | null | undefined> | null | undefined;
|
|
434
|
-
children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) =>
|
|
434
|
+
children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode) | import("react-native-reanimated").SharedValue<import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode)>;
|
|
435
435
|
ref?: import("react").Ref<View> | import("react-native-reanimated").SharedValue<import("react").Ref<View> | undefined> | undefined;
|
|
436
436
|
hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
|
|
437
437
|
needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
@@ -552,7 +552,7 @@ declare const _default: {
|
|
|
552
552
|
id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
553
553
|
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
|
|
554
554
|
key?: import("react").Key | import("react-native-reanimated").SharedValue<import("react").Key | null | undefined> | null | undefined;
|
|
555
|
-
children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) =>
|
|
555
|
+
children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode) | import("react-native-reanimated").SharedValue<import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode)>;
|
|
556
556
|
ref?: import("react").Ref<View> | import("react-native-reanimated").SharedValue<import("react").Ref<View> | undefined> | undefined;
|
|
557
557
|
hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
|
|
558
558
|
needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
@@ -673,7 +673,7 @@ declare const _default: {
|
|
|
673
673
|
styleId?: string;
|
|
674
674
|
sharedBoundTag?: string;
|
|
675
675
|
remeasureOnFocus?: boolean;
|
|
676
|
-
} & import("react").RefAttributes<
|
|
676
|
+
} & import("react").RefAttributes<View | import("react").Component<import("react-native").PressableProps & import("react").RefAttributes<View>, any, any>>>>;
|
|
677
677
|
ScrollView: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
678
678
|
horizontal?: boolean | import("react-native-reanimated").SharedValue<boolean | null | undefined> | null | undefined;
|
|
679
679
|
id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
@@ -1223,9 +1223,9 @@ declare const _default: {
|
|
|
1223
1223
|
renderItem: import("react-native").ListRenderItem<unknown> | import("react-native-reanimated").SharedValue<import("react-native").ListRenderItem<unknown> | null | undefined> | null | undefined;
|
|
1224
1224
|
viewabilityConfig?: import("react-native").ViewabilityConfig | import("react-native-reanimated").SharedValue<import("react-native").ViewabilityConfig | undefined> | undefined;
|
|
1225
1225
|
ItemSeparatorComponent?: import("react").ComponentType<any> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | null | undefined> | null | undefined;
|
|
1226
|
-
ListEmptyComponent?: import("react").
|
|
1227
|
-
ListFooterComponent?: import("react").
|
|
1228
|
-
ListHeaderComponent?: import("react").
|
|
1226
|
+
ListEmptyComponent?: import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined> | null | undefined;
|
|
1227
|
+
ListFooterComponent?: import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined> | null | undefined;
|
|
1228
|
+
ListHeaderComponent?: import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined> | null | undefined;
|
|
1229
1229
|
debug?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
1230
1230
|
disableVirtualization?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
1231
1231
|
getItem?: ((data: any, index: number) => unknown) | import("react-native-reanimated").SharedValue<((data: any, index: number) => unknown) | undefined> | undefined;
|
|
@@ -1254,7 +1254,7 @@ declare const _default: {
|
|
|
1254
1254
|
}) => void) | null | undefined> | null | undefined;
|
|
1255
1255
|
onStartReachedThreshold?: number | import("react-native-reanimated").SharedValue<number | null | undefined> | null | undefined;
|
|
1256
1256
|
progressViewOffset?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
|
|
1257
|
-
renderScrollComponent?: ((props: import("react-native").ScrollViewProps) =>
|
|
1257
|
+
renderScrollComponent?: ((props: import("react-native").ScrollViewProps) => React.ReactElement<import("react-native").ScrollViewProps>) | import("react-native-reanimated").SharedValue<((props: import("react-native").ScrollViewProps) => React.ReactElement<import("react-native").ScrollViewProps>) | undefined> | undefined;
|
|
1258
1258
|
updateCellsBatchingPeriod?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
|
|
1259
1259
|
viewabilityConfigCallbackPairs?: import("react-native").ViewabilityConfigCallbackPairs | import("react-native-reanimated").SharedValue<import("react-native").ViewabilityConfigCallbackPairs | undefined> | undefined;
|
|
1260
1260
|
windowSize?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
|
|
@@ -1465,9 +1465,9 @@ declare const _default: {
|
|
|
1465
1465
|
renderItem: import("react-native").ListRenderItem<unknown> | import("react-native-reanimated").SharedValue<import("react-native").ListRenderItem<unknown> | null | undefined> | null | undefined;
|
|
1466
1466
|
viewabilityConfig?: import("react-native").ViewabilityConfig | import("react-native-reanimated").SharedValue<import("react-native").ViewabilityConfig | undefined> | undefined;
|
|
1467
1467
|
ItemSeparatorComponent?: import("react").ComponentType<any> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | null | undefined> | null | undefined;
|
|
1468
|
-
ListEmptyComponent?: import("react").
|
|
1469
|
-
ListFooterComponent?: import("react").
|
|
1470
|
-
ListHeaderComponent?: import("react").
|
|
1468
|
+
ListEmptyComponent?: import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined> | null | undefined;
|
|
1469
|
+
ListFooterComponent?: import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined> | null | undefined;
|
|
1470
|
+
ListHeaderComponent?: import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react-native-reanimated").SharedValue<import("react").ComponentType<any> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined> | null | undefined;
|
|
1471
1471
|
debug?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
1472
1472
|
disableVirtualization?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
1473
1473
|
getItem?: ((data: any, index: number) => unknown) | import("react-native-reanimated").SharedValue<((data: any, index: number) => unknown) | undefined> | undefined;
|
|
@@ -1496,7 +1496,7 @@ declare const _default: {
|
|
|
1496
1496
|
}) => void) | null | undefined> | null | undefined;
|
|
1497
1497
|
onStartReachedThreshold?: number | import("react-native-reanimated").SharedValue<number | null | undefined> | null | undefined;
|
|
1498
1498
|
progressViewOffset?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
|
|
1499
|
-
renderScrollComponent?: ((props: import("react-native").ScrollViewProps) =>
|
|
1499
|
+
renderScrollComponent?: ((props: import("react-native").ScrollViewProps) => React.ReactElement<import("react-native").ScrollViewProps>) | import("react-native-reanimated").SharedValue<((props: import("react-native").ScrollViewProps) => React.ReactElement<import("react-native").ScrollViewProps>) | undefined> | undefined;
|
|
1500
1500
|
updateCellsBatchingPeriod?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
|
|
1501
1501
|
viewabilityConfigCallbackPairs?: import("react-native").ViewabilityConfigCallbackPairs | import("react-native-reanimated").SharedValue<import("react-native").ViewabilityConfigCallbackPairs | undefined> | undefined;
|
|
1502
1502
|
windowSize?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
|
package/lib/typescript/shared/providers/screen/styles/components/maybe-floating-container.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"maybe-floating-container.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/styles/components/maybe-floating-container.tsx"],"names":[],"mappings":"AAGA,UAAU,2BAA2B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"maybe-floating-container.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/styles/components/maybe-floating-container.tsx"],"names":[],"mappings":"AAGA,UAAU,2BAA2B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB,mEAgBjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-screen-transitions",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.2",
|
|
4
4
|
"description": "Easy screen transitions for React Native and Expo",
|
|
5
5
|
"author": "Ed",
|
|
6
6
|
"license": "MIT",
|
|
@@ -43,17 +43,7 @@
|
|
|
43
43
|
"build": "bob build",
|
|
44
44
|
"lint": "biome check ./src",
|
|
45
45
|
"typecheck": "tsc -p tsconfig.typecheck.json",
|
|
46
|
-
"prepublishOnly": "bun run build"
|
|
47
|
-
"release": "release-it",
|
|
48
|
-
"release:patch": "release-it patch",
|
|
49
|
-
"release:stable": "release-it",
|
|
50
|
-
"release:beta": "release-it --preRelease=beta",
|
|
51
|
-
"release:alpha": "release-it --preRelease=alpha",
|
|
52
|
-
"release:rc": "release-it --preRelease=rc",
|
|
53
|
-
"release:dry-run": "release-it --dry-run",
|
|
54
|
-
"release:alpha:dry-run": "release-it --preRelease=alpha --dry-run",
|
|
55
|
-
"release:beta:dry-run": "release-it --preRelease=beta --dry-run",
|
|
56
|
-
"release:rc:dry-run": "release-it --preRelease=rc --dry-run"
|
|
46
|
+
"prepublishOnly": "bun run build"
|
|
57
47
|
},
|
|
58
48
|
"keywords": [
|
|
59
49
|
"react-native",
|
|
@@ -84,11 +74,9 @@
|
|
|
84
74
|
"react-native-screens": ">=4.4.0"
|
|
85
75
|
},
|
|
86
76
|
"devDependencies": {
|
|
87
|
-
"@release-it/conventional-changelog": "^10.0.1",
|
|
88
77
|
"@testing-library/react-native": "13.3.3",
|
|
89
78
|
"@types/react": "~19.1.10",
|
|
90
79
|
"react-native-builder-bob": "0.39.0",
|
|
91
|
-
"release-it": "^19.0.4",
|
|
92
80
|
"typescript": "catalog:"
|
|
93
81
|
},
|
|
94
82
|
"react-native-builder-bob": {
|
|
@@ -105,29 +93,5 @@
|
|
|
105
93
|
]
|
|
106
94
|
]
|
|
107
95
|
},
|
|
108
|
-
"release-it": {
|
|
109
|
-
"git": {
|
|
110
|
-
"commitMessage": "chore: release ${version}",
|
|
111
|
-
"tagName": "v${version}",
|
|
112
|
-
"commitArgs": [
|
|
113
|
-
"-n"
|
|
114
|
-
]
|
|
115
|
-
},
|
|
116
|
-
"npm": {
|
|
117
|
-
"publish": true
|
|
118
|
-
},
|
|
119
|
-
"github": {
|
|
120
|
-
"release": true
|
|
121
|
-
},
|
|
122
|
-
"plugins": {
|
|
123
|
-
"@release-it/conventional-changelog": {
|
|
124
|
-
"infile": "CHANGELOG.md",
|
|
125
|
-
"preset": {
|
|
126
|
-
"name": "angular"
|
|
127
|
-
},
|
|
128
|
-
"path": "."
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
96
|
"gitHead": "888d4df9936ec0e3b8221bea7cd81115e6301693"
|
|
133
97
|
}
|
|
@@ -45,11 +45,14 @@ export const OverlayHost = memo(function OverlayHost({
|
|
|
45
45
|
return (
|
|
46
46
|
<Animated.View
|
|
47
47
|
pointerEvents="box-none"
|
|
48
|
-
style={[styles.container, styles.floating,
|
|
48
|
+
style={[styles.container, styles.floating, StyleSheet.absoluteFill]}
|
|
49
49
|
>
|
|
50
50
|
<NavigationContext.Provider value={scene.descriptor.navigation as any}>
|
|
51
51
|
<NavigationRouteContext.Provider value={scene.route}>
|
|
52
|
-
<View
|
|
52
|
+
<View
|
|
53
|
+
pointerEvents="box-none"
|
|
54
|
+
style={[StyleSheet.absoluteFill, styles.overlay]}
|
|
55
|
+
>
|
|
53
56
|
<OverlayComponent {...overlayProps} />
|
|
54
57
|
</View>
|
|
55
58
|
</NavigationRouteContext.Provider>
|
|
@@ -60,13 +63,11 @@ export const OverlayHost = memo(function OverlayHost({
|
|
|
60
63
|
|
|
61
64
|
const styles = StyleSheet.create({
|
|
62
65
|
overlay: {
|
|
63
|
-
...StyleSheet.absoluteFillObject,
|
|
64
66
|
zIndex: 1,
|
|
65
67
|
},
|
|
66
68
|
container: {
|
|
67
69
|
flex: 1,
|
|
68
70
|
},
|
|
69
|
-
absolute: StyleSheet.absoluteFillObject,
|
|
70
71
|
floating: {
|
|
71
72
|
zIndex: 1000,
|
|
72
73
|
},
|
|
@@ -118,7 +118,7 @@ export const BackdropLayer = memo(function BackdropLayer({
|
|
|
118
118
|
|
|
119
119
|
return (
|
|
120
120
|
<Pressable
|
|
121
|
-
style={StyleSheet.
|
|
121
|
+
style={StyleSheet.absoluteFill}
|
|
122
122
|
pointerEvents={isBackdropActive ? "auto" : "none"}
|
|
123
123
|
onPress={isBackdropActive ? handleBackdropPress : undefined}
|
|
124
124
|
>
|
|
@@ -127,13 +127,11 @@ export const BackdropLayer = memo(function BackdropLayer({
|
|
|
127
127
|
* animated style with animatedProps can break intensity updates. */}
|
|
128
128
|
{AnimatedBackdropComponent && (
|
|
129
129
|
<AnimatedBackdropComponent
|
|
130
|
-
style={[StyleSheet.
|
|
130
|
+
style={[StyleSheet.absoluteFill]}
|
|
131
131
|
animatedProps={animatedBackdropProps}
|
|
132
132
|
/>
|
|
133
133
|
)}
|
|
134
|
-
<Animated.View
|
|
135
|
-
style={[StyleSheet.absoluteFillObject, animatedBackdropStyle]}
|
|
136
|
-
/>
|
|
134
|
+
<Animated.View style={[StyleSheet.absoluteFill, animatedBackdropStyle]} />
|
|
137
135
|
</Pressable>
|
|
138
136
|
);
|
|
139
137
|
});
|
|
@@ -15,7 +15,10 @@ export const MaybeFloatingContainer = memo(function MaybeFloatingContainer({
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
return (
|
|
18
|
-
<View
|
|
18
|
+
<View
|
|
19
|
+
style={[StyleSheet.absoluteFill, styles.float]}
|
|
20
|
+
pointerEvents="box-none"
|
|
21
|
+
>
|
|
19
22
|
{children}
|
|
20
23
|
</View>
|
|
21
24
|
);
|
|
@@ -23,7 +26,6 @@ export const MaybeFloatingContainer = memo(function MaybeFloatingContainer({
|
|
|
23
26
|
|
|
24
27
|
const styles = StyleSheet.create({
|
|
25
28
|
float: {
|
|
26
|
-
...StyleSheet.absoluteFillObject,
|
|
27
29
|
zIndex: 999,
|
|
28
30
|
},
|
|
29
31
|
});
|