react-native-bottom-sheet-stack 1.1.0 → 1.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/README.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
A stack manager for [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) with `push`, `switch`, and `replace` navigation modes, iOS-style scale animations, and React context preservation.
|
|
4
4
|
|
|
5
|
+
**[Documentation](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/)**
|
|
6
|
+
|
|
5
7
|
## Features
|
|
6
8
|
|
|
7
9
|
- **Stack Navigation** — `push`, `switch`, and `replace` modes for managing multiple sheets
|
|
@@ -124,10 +124,11 @@ function BottomSheetHostComp() {
|
|
|
124
124
|
if ($[6] !== groupId || $[7] !== queueIds || $[8] !== scaleConfig) {
|
|
125
125
|
let t5;
|
|
126
126
|
if ($[10] !== groupId || $[11] !== scaleConfig) {
|
|
127
|
-
t5 = id => /*#__PURE__*/(0, _jsxRuntime.jsx)(QueueItem, {
|
|
127
|
+
t5 = (id, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(QueueItem, {
|
|
128
128
|
id: id,
|
|
129
129
|
groupId: groupId,
|
|
130
|
-
scaleConfig: scaleConfig
|
|
130
|
+
scaleConfig: scaleConfig,
|
|
131
|
+
stackIndex: index
|
|
131
132
|
}, id);
|
|
132
133
|
$[10] = groupId;
|
|
133
134
|
$[11] = scaleConfig;
|
|
@@ -159,11 +160,12 @@ function _temp(store) {
|
|
|
159
160
|
return store.clearAll;
|
|
160
161
|
}
|
|
161
162
|
function QueueItem(t0) {
|
|
162
|
-
const $ = (0, _compilerRuntime.c)(
|
|
163
|
+
const $ = (0, _compilerRuntime.c)(34);
|
|
163
164
|
const {
|
|
164
165
|
id,
|
|
165
166
|
groupId,
|
|
166
|
-
scaleConfig
|
|
167
|
+
scaleConfig,
|
|
168
|
+
stackIndex
|
|
167
169
|
} = t0;
|
|
168
170
|
let t1;
|
|
169
171
|
if ($[0] !== id) {
|
|
@@ -206,89 +208,105 @@ function QueueItem(t0) {
|
|
|
206
208
|
t4 = $[6];
|
|
207
209
|
}
|
|
208
210
|
(0, _react.useEffect)(t3, t4);
|
|
211
|
+
const backdropZIndex = stackIndex * 2;
|
|
212
|
+
const contentZIndex = stackIndex * 2 + 1;
|
|
209
213
|
let t5;
|
|
210
|
-
if ($[7]
|
|
211
|
-
t5 = [_reactNative.StyleSheet.absoluteFillObject,
|
|
212
|
-
|
|
214
|
+
if ($[7] !== backdropZIndex) {
|
|
215
|
+
t5 = [_reactNative.StyleSheet.absoluteFillObject, {
|
|
216
|
+
zIndex: backdropZIndex
|
|
217
|
+
}];
|
|
218
|
+
$[7] = backdropZIndex;
|
|
219
|
+
$[8] = t5;
|
|
213
220
|
} else {
|
|
214
|
-
t5 = $[
|
|
221
|
+
t5 = $[8];
|
|
215
222
|
}
|
|
216
223
|
let t6;
|
|
217
|
-
if ($[
|
|
218
|
-
t6 = /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
219
|
-
|
|
220
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetBackdrop.BottomSheetBackdrop, {
|
|
221
|
-
sheetId: id
|
|
222
|
-
})
|
|
224
|
+
if ($[9] !== id) {
|
|
225
|
+
t6 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetBackdrop.BottomSheetBackdrop, {
|
|
226
|
+
sheetId: id
|
|
223
227
|
});
|
|
224
|
-
$[
|
|
225
|
-
$[
|
|
228
|
+
$[9] = id;
|
|
229
|
+
$[10] = t6;
|
|
226
230
|
} else {
|
|
227
|
-
t6 = $[
|
|
231
|
+
t6 = $[10];
|
|
228
232
|
}
|
|
229
233
|
let t7;
|
|
230
|
-
if ($[
|
|
231
|
-
t7 = {
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
};
|
|
235
|
-
$[
|
|
236
|
-
$[
|
|
237
|
-
$[
|
|
234
|
+
if ($[11] !== t5 || $[12] !== t6) {
|
|
235
|
+
t7 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
236
|
+
style: t5,
|
|
237
|
+
children: t6
|
|
238
|
+
});
|
|
239
|
+
$[11] = t5;
|
|
240
|
+
$[12] = t6;
|
|
241
|
+
$[13] = t7;
|
|
238
242
|
} else {
|
|
239
|
-
t7 = $[
|
|
243
|
+
t7 = $[13];
|
|
240
244
|
}
|
|
241
245
|
let t8;
|
|
242
|
-
if ($[
|
|
243
|
-
t8 =
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
246
|
+
if ($[14] !== contentZIndex || $[15] !== height || $[16] !== width) {
|
|
247
|
+
t8 = {
|
|
248
|
+
width,
|
|
249
|
+
height,
|
|
250
|
+
zIndex: contentZIndex
|
|
251
|
+
};
|
|
252
|
+
$[14] = contentZIndex;
|
|
253
|
+
$[15] = height;
|
|
254
|
+
$[16] = width;
|
|
255
|
+
$[17] = t8;
|
|
247
256
|
} else {
|
|
248
|
-
t8 = $[
|
|
257
|
+
t8 = $[17];
|
|
249
258
|
}
|
|
250
259
|
let t9;
|
|
251
|
-
if ($[
|
|
252
|
-
t9 =
|
|
260
|
+
if ($[18] !== scaleStyle || $[19] !== t8) {
|
|
261
|
+
t9 = [_reactNative.StyleSheet.absoluteFillObject, styles.container, t8, scaleStyle];
|
|
262
|
+
$[18] = scaleStyle;
|
|
263
|
+
$[19] = t8;
|
|
264
|
+
$[20] = t9;
|
|
265
|
+
} else {
|
|
266
|
+
t9 = $[20];
|
|
267
|
+
}
|
|
268
|
+
let t10;
|
|
269
|
+
if ($[21] !== height || $[22] !== id || $[23] !== sheet?.content || $[24] !== sheet?.usePortal || $[25] !== width) {
|
|
270
|
+
t10 = sheet?.usePortal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PortalHostWrapper, {
|
|
253
271
|
id: id,
|
|
254
272
|
width: width,
|
|
255
273
|
height: height
|
|
256
274
|
}) : sheet?.content;
|
|
257
|
-
$[
|
|
258
|
-
$[
|
|
259
|
-
$[
|
|
260
|
-
$[
|
|
261
|
-
$[
|
|
262
|
-
$[
|
|
275
|
+
$[21] = height;
|
|
276
|
+
$[22] = id;
|
|
277
|
+
$[23] = sheet?.content;
|
|
278
|
+
$[24] = sheet?.usePortal;
|
|
279
|
+
$[25] = width;
|
|
280
|
+
$[26] = t10;
|
|
263
281
|
} else {
|
|
264
|
-
|
|
282
|
+
t10 = $[26];
|
|
265
283
|
}
|
|
266
|
-
let
|
|
267
|
-
if ($[
|
|
268
|
-
|
|
269
|
-
style:
|
|
270
|
-
children:
|
|
284
|
+
let t11;
|
|
285
|
+
if ($[27] !== t10 || $[28] !== t9) {
|
|
286
|
+
t11 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
287
|
+
style: t9,
|
|
288
|
+
children: t10
|
|
271
289
|
});
|
|
272
|
-
$[
|
|
273
|
-
$[
|
|
274
|
-
$[
|
|
290
|
+
$[27] = t10;
|
|
291
|
+
$[28] = t9;
|
|
292
|
+
$[29] = t11;
|
|
275
293
|
} else {
|
|
276
|
-
|
|
294
|
+
t11 = $[29];
|
|
277
295
|
}
|
|
278
|
-
let
|
|
279
|
-
if ($[
|
|
280
|
-
|
|
296
|
+
let t12;
|
|
297
|
+
if ($[30] !== t11 || $[31] !== t7 || $[32] !== value) {
|
|
298
|
+
t12 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BottomSheet.BottomSheetContext.Provider, {
|
|
281
299
|
value: value,
|
|
282
|
-
children: [
|
|
300
|
+
children: [t7, t11]
|
|
283
301
|
});
|
|
284
|
-
$[
|
|
285
|
-
$[
|
|
286
|
-
$[
|
|
287
|
-
$[
|
|
302
|
+
$[30] = t11;
|
|
303
|
+
$[31] = t7;
|
|
304
|
+
$[32] = value;
|
|
305
|
+
$[33] = t12;
|
|
288
306
|
} else {
|
|
289
|
-
|
|
307
|
+
t12 = $[33];
|
|
290
308
|
}
|
|
291
|
-
return
|
|
309
|
+
return t12;
|
|
292
310
|
}
|
|
293
311
|
const useQueueIds = () => {
|
|
294
312
|
const $ = (0, _compilerRuntime.c)(2);
|
|
@@ -307,11 +325,7 @@ const useQueueIds = () => {
|
|
|
307
325
|
};
|
|
308
326
|
const BottomSheetHost = exports.BottomSheetHost = BottomSheetHostComp;
|
|
309
327
|
const styles = _reactNative.StyleSheet.create({
|
|
310
|
-
backdropContainer: {
|
|
311
|
-
zIndex: 99_999_999
|
|
312
|
-
},
|
|
313
328
|
container: {
|
|
314
|
-
zIndex: 100_000_000,
|
|
315
329
|
pointerEvents: 'box-none'
|
|
316
330
|
}
|
|
317
331
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeSafeAreaContext","_reactNativeTeleport","_shallow","_animatedRegistry","_BottomSheetBackdrop","_BottomSheet","_bottomSheet","_BottomSheetManager","_bottomSheetCoordinator","_useScaleAnimation","_jsxRuntime","e","__esModule","default","PortalHostWrapper","t0","$","_compilerRuntime","c","id","width","height","t1","flex","t2","t3","t4","jsx","PortalHost","name","style","t5","View","children","BottomSheetHostComp","queueIds","useQueueIds","clearAll","useBottomSheetStore","_temp","groupId","scaleConfig","useBottomSheetManagerContext","unsubscribe","initBottomSheetCoordinator","useEffect","QueueItem","map","Fragment","store","state","sheetsById","sheet","useSafeAreaFrame","value","scaleDepth","useScaleDepth","scaleStyle","useScaleAnimatedStyle","cleanupAnimatedIndex","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeSafeAreaContext","_reactNativeTeleport","_shallow","_animatedRegistry","_BottomSheetBackdrop","_BottomSheet","_bottomSheet","_BottomSheetManager","_bottomSheetCoordinator","_useScaleAnimation","_jsxRuntime","e","__esModule","default","PortalHostWrapper","t0","$","_compilerRuntime","c","id","width","height","t1","flex","t2","t3","t4","jsx","PortalHost","name","style","t5","View","children","BottomSheetHostComp","queueIds","useQueueIds","clearAll","useBottomSheetStore","_temp","groupId","scaleConfig","useBottomSheetManagerContext","unsubscribe","initBottomSheetCoordinator","useEffect","index","QueueItem","map","Fragment","store","stackIndex","state","sheetsById","sheet","useSafeAreaFrame","value","scaleDepth","useScaleDepth","scaleStyle","useScaleAnimatedStyle","cleanupAnimatedIndex","backdropZIndex","contentZIndex","StyleSheet","absoluteFillObject","zIndex","t6","BottomSheetBackdrop","t7","t8","t9","styles","container","t10","content","usePortal","t11","t12","jsxs","BottomSheetContext","Provider","stackOrder","filter","sheetId","shallow","BottomSheetHost","exports","create","pointerEvents"],"sourceRoot":"../../src","sources":["BottomSheetHost.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AAmCA,iBAAS,mBAAmB,
|
|
1
|
+
{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AAmCA,iBAAS,mBAAmB,4CAgC3B;AAmED,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
|
package/package.json
CHANGED
package/src/BottomSheetHost.tsx
CHANGED
|
@@ -54,12 +54,13 @@ function BottomSheetHostComp() {
|
|
|
54
54
|
|
|
55
55
|
return (
|
|
56
56
|
<>
|
|
57
|
-
{queueIds.map((id) => (
|
|
57
|
+
{queueIds.map((id, index) => (
|
|
58
58
|
<QueueItem
|
|
59
59
|
key={id}
|
|
60
60
|
id={id}
|
|
61
61
|
groupId={groupId}
|
|
62
62
|
scaleConfig={scaleConfig}
|
|
63
|
+
stackIndex={index}
|
|
63
64
|
/>
|
|
64
65
|
))}
|
|
65
66
|
</>
|
|
@@ -70,10 +71,12 @@ function QueueItem({
|
|
|
70
71
|
id,
|
|
71
72
|
groupId,
|
|
72
73
|
scaleConfig,
|
|
74
|
+
stackIndex,
|
|
73
75
|
}: {
|
|
74
76
|
id: string;
|
|
75
77
|
groupId: string;
|
|
76
78
|
scaleConfig?: ScaleConfig;
|
|
79
|
+
stackIndex: number;
|
|
77
80
|
}) {
|
|
78
81
|
const sheet = useBottomSheetStore((state) => state.sheetsById[id]);
|
|
79
82
|
|
|
@@ -83,17 +86,18 @@ function QueueItem({
|
|
|
83
86
|
const scaleDepth = useScaleDepth(groupId, id);
|
|
84
87
|
const scaleStyle = useScaleAnimatedStyle(scaleDepth, scaleConfig);
|
|
85
88
|
|
|
86
|
-
// Cleanup animated index when sheet is unmounted
|
|
87
89
|
useEffect(() => {
|
|
88
90
|
return () => {
|
|
89
91
|
cleanupAnimatedIndex(id);
|
|
90
92
|
};
|
|
91
93
|
}, [id]);
|
|
92
94
|
|
|
95
|
+
const backdropZIndex = stackIndex * 2;
|
|
96
|
+
const contentZIndex = stackIndex * 2 + 1;
|
|
97
|
+
|
|
93
98
|
return (
|
|
94
99
|
<BottomSheetContext.Provider value={value}>
|
|
95
|
-
{
|
|
96
|
-
<View style={[StyleSheet.absoluteFillObject, styles.backdropContainer]}>
|
|
100
|
+
<View style={[StyleSheet.absoluteFillObject, { zIndex: backdropZIndex }]}>
|
|
97
101
|
<BottomSheetBackdrop sheetId={id} />
|
|
98
102
|
</View>
|
|
99
103
|
|
|
@@ -102,7 +106,7 @@ function QueueItem({
|
|
|
102
106
|
style={[
|
|
103
107
|
StyleSheet.absoluteFillObject,
|
|
104
108
|
styles.container,
|
|
105
|
-
{ width, height },
|
|
109
|
+
{ width, height, zIndex: contentZIndex },
|
|
106
110
|
scaleStyle,
|
|
107
111
|
]}
|
|
108
112
|
>
|
|
@@ -131,11 +135,7 @@ const useQueueIds = () => {
|
|
|
131
135
|
export const BottomSheetHost = BottomSheetHostComp;
|
|
132
136
|
|
|
133
137
|
const styles = StyleSheet.create({
|
|
134
|
-
backdropContainer: {
|
|
135
|
-
zIndex: 99_999_999,
|
|
136
|
-
},
|
|
137
138
|
container: {
|
|
138
|
-
zIndex: 100_000_000,
|
|
139
139
|
pointerEvents: 'box-none',
|
|
140
140
|
},
|
|
141
141
|
});
|