react-native-bottom-sheet-stack 1.6.1 → 1.7.1
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 +9 -7
- package/lib/commonjs/BottomSheet.context.js +1 -2
- package/lib/commonjs/BottomSheet.context.js.map +1 -1
- package/lib/commonjs/BottomSheetBackdrop.js +23 -32
- package/lib/commonjs/BottomSheetBackdrop.js.map +1 -1
- package/lib/commonjs/BottomSheetHost.js +17 -254
- package/lib/commonjs/BottomSheetHost.js.map +1 -1
- package/lib/commonjs/BottomSheetManaged.js +87 -54
- package/lib/commonjs/BottomSheetManaged.js.map +1 -1
- package/lib/commonjs/BottomSheetPersistent.js +113 -0
- package/lib/commonjs/BottomSheetPersistent.js.map +1 -0
- package/lib/commonjs/BottomSheetPortal.js +4 -3
- package/lib/commonjs/BottomSheetPortal.js.map +1 -1
- package/lib/commonjs/BottomSheetRef.context.js +17 -0
- package/lib/commonjs/BottomSheetRef.context.js.map +1 -0
- package/lib/commonjs/QueueItem.js +167 -0
- package/lib/commonjs/QueueItem.js.map +1 -0
- package/lib/commonjs/animatedRegistry.js +9 -0
- package/lib/commonjs/animatedRegistry.js.map +1 -1
- package/lib/commonjs/bottomSheet.store.js +11 -133
- package/lib/commonjs/bottomSheet.store.js.map +1 -1
- package/lib/commonjs/bottomSheetCoordinator.js +9 -10
- package/lib/commonjs/bottomSheetCoordinator.js.map +1 -1
- package/lib/commonjs/index.js +28 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/portalSessionRegistry.js +32 -0
- package/lib/commonjs/portalSessionRegistry.js.map +1 -0
- package/lib/commonjs/refsMap.js +9 -0
- package/lib/commonjs/refsMap.js.map +1 -1
- package/lib/commonjs/store/helpers.js +59 -0
- package/lib/commonjs/store/helpers.js.map +1 -0
- package/lib/commonjs/store/hooks.js +176 -0
- package/lib/commonjs/store/hooks.js.map +1 -0
- package/lib/commonjs/store/index.js +52 -0
- package/lib/commonjs/store/index.js.map +1 -0
- package/lib/commonjs/store/store.js +140 -0
- package/lib/commonjs/store/store.js.map +1 -0
- package/lib/commonjs/store/types.js +6 -0
- package/lib/commonjs/store/types.js.map +1 -0
- package/lib/commonjs/useBottomSheetContext.js +24 -42
- package/lib/commonjs/useBottomSheetContext.js.map +1 -1
- package/lib/commonjs/useBottomSheetControl.js +8 -14
- package/lib/commonjs/useBottomSheetControl.js.map +1 -1
- package/lib/commonjs/useBottomSheetManager.js +3 -13
- package/lib/commonjs/useBottomSheetManager.js.map +1 -1
- package/lib/commonjs/useBottomSheetStatus.js +9 -17
- package/lib/commonjs/useBottomSheetStatus.js.map +1 -1
- package/lib/commonjs/useEvent.js +39 -0
- package/lib/commonjs/useEvent.js.map +1 -0
- package/lib/commonjs/useScaleAnimation.js +38 -24
- package/lib/commonjs/useScaleAnimation.js.map +1 -1
- package/lib/commonjs/useSheetRenderData.js +62 -0
- package/lib/commonjs/useSheetRenderData.js.map +1 -0
- package/lib/typescript/example/src/App.d.ts.map +1 -1
- package/lib/typescript/example/src/screens/HomeScreen.d.ts.map +1 -1
- package/lib/typescript/example/src/sheets/NavigationSheets.d.ts.map +1 -1
- package/lib/typescript/example/src/sheets/ScannerNestedSheets.d.ts +4 -0
- package/lib/typescript/example/src/sheets/ScannerNestedSheets.d.ts.map +1 -0
- package/lib/typescript/example/src/sheets/ScannerSheet.d.ts +3 -0
- package/lib/typescript/example/src/sheets/ScannerSheet.d.ts.map +1 -0
- package/lib/typescript/example/src/sheets/index.d.ts +1 -0
- package/lib/typescript/example/src/sheets/index.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheet.context.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetBackdrop.d.ts +0 -5
- package/lib/typescript/src/BottomSheetBackdrop.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetHost.d.ts +1 -3
- package/lib/typescript/src/BottomSheetHost.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetManaged.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetPersistent.d.ts +9 -0
- package/lib/typescript/src/BottomSheetPersistent.d.ts.map +1 -0
- package/lib/typescript/src/BottomSheetPortal.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetRef.context.d.ts +11 -0
- package/lib/typescript/src/BottomSheetRef.context.d.ts.map +1 -0
- package/lib/typescript/src/QueueItem.d.ts +8 -0
- package/lib/typescript/src/QueueItem.d.ts.map +1 -0
- package/lib/typescript/src/animatedRegistry.d.ts +5 -0
- package/lib/typescript/src/animatedRegistry.d.ts.map +1 -1
- package/lib/typescript/src/bottomSheet.store.d.ts +1 -37
- package/lib/typescript/src/bottomSheet.store.d.ts.map +1 -1
- package/lib/typescript/src/bottomSheetCoordinator.d.ts +2 -1
- package/lib/typescript/src/bottomSheetCoordinator.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +4 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/portalSessionRegistry.d.ts +8 -0
- package/lib/typescript/src/portalSessionRegistry.d.ts.map +1 -0
- package/lib/typescript/src/refsMap.d.ts +5 -0
- package/lib/typescript/src/refsMap.d.ts.map +1 -1
- package/lib/typescript/src/store/helpers.d.ts +11 -0
- package/lib/typescript/src/store/helpers.d.ts.map +1 -0
- package/lib/typescript/src/store/hooks.d.ts +16 -0
- package/lib/typescript/src/store/hooks.d.ts.map +1 -0
- package/lib/typescript/src/store/index.d.ts +5 -0
- package/lib/typescript/src/store/index.d.ts.map +1 -0
- package/lib/typescript/src/store/store.d.ts +11 -0
- package/lib/typescript/src/store/store.d.ts.map +1 -0
- package/lib/typescript/src/store/types.d.ts +37 -0
- package/lib/typescript/src/store/types.d.ts.map +1 -0
- package/lib/typescript/src/useBottomSheetContext.d.ts.map +1 -1
- package/lib/typescript/src/useBottomSheetControl.d.ts.map +1 -1
- package/lib/typescript/src/useBottomSheetManager.d.ts.map +1 -1
- package/lib/typescript/src/useBottomSheetStatus.d.ts +1 -2
- package/lib/typescript/src/useBottomSheetStatus.d.ts.map +1 -1
- package/lib/typescript/src/useEvent.d.ts +4 -0
- package/lib/typescript/src/useEvent.d.ts.map +1 -0
- package/lib/typescript/src/useScaleAnimation.d.ts +1 -12
- package/lib/typescript/src/useScaleAnimation.d.ts.map +1 -1
- package/lib/typescript/src/useSheetRenderData.d.ts +17 -0
- package/lib/typescript/src/useSheetRenderData.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/BottomSheet.context.ts +1 -3
- package/src/BottomSheetBackdrop.tsx +10 -19
- package/src/BottomSheetHost.tsx +13 -99
- package/src/BottomSheetManaged.tsx +24 -2
- package/src/BottomSheetPersistent.tsx +57 -0
- package/src/BottomSheetPortal.tsx +5 -7
- package/src/BottomSheetRef.context.ts +14 -0
- package/src/QueueItem.tsx +83 -0
- package/src/animatedRegistry.ts +8 -0
- package/src/bottomSheet.store.ts +1 -173
- package/src/bottomSheetCoordinator.ts +10 -8
- package/src/index.tsx +6 -0
- package/src/portalSessionRegistry.ts +25 -0
- package/src/refsMap.ts +8 -0
- package/src/store/helpers.ts +65 -0
- package/src/store/hooks.ts +50 -0
- package/src/store/index.ts +4 -0
- package/src/store/store.ts +168 -0
- package/src/store/types.ts +42 -0
- package/src/useBottomSheetContext.ts +6 -15
- package/src/useBottomSheetControl.ts +16 -7
- package/src/useBottomSheetManager.tsx +9 -10
- package/src/useBottomSheetStatus.ts +4 -14
- package/src/useEvent.ts +17 -0
- package/src/useScaleAnimation.ts +46 -30
- package/src/useSheetRenderData.ts +74 -0
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
A stack manager for [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) with navigation modes, iOS-style scale animations, and React context preservation.
|
|
4
4
|
|
|
5
|
-
## Documentation
|
|
5
|
+
## 📚 Documentation
|
|
6
6
|
|
|
7
7
|
**[View Full Documentation](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/)**
|
|
8
8
|
|
|
@@ -10,16 +10,18 @@ A stack manager for [@gorhom/bottom-sheet](https://github.com/gorhom/react-nativ
|
|
|
10
10
|
- [Navigation Modes](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/navigation-modes)
|
|
11
11
|
- [Scale Animation](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/scale-animation)
|
|
12
12
|
- [Portal API (Context Preservation)](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/context-preservation)
|
|
13
|
+
- [Persistent Sheets](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/persistent-sheets)
|
|
13
14
|
- [Type-Safe IDs & Params](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/type-safe-ids)
|
|
14
15
|
- [API Reference](https://arekkubaczkowski.github.io/react-native-bottom-sheet-stack/api/components)
|
|
15
16
|
|
|
16
|
-
## Features
|
|
17
|
+
## ✨ Features
|
|
17
18
|
|
|
18
|
-
- **Stack Navigation** - `push`, `switch`, and `replace` modes for managing multiple sheets
|
|
19
|
-
- **Scale Animation** - iOS-style background scaling effect when sheets are stacked
|
|
20
|
-
- **Context Preservation** - Portal-based API that preserves React context in bottom sheets
|
|
21
|
-
- **
|
|
22
|
-
-
|
|
19
|
+
- 📚 **Stack Navigation** - `push`, `switch`, and `replace` modes for managing multiple sheets
|
|
20
|
+
- 🎭 **Scale Animation** - iOS-style background scaling effect when sheets are stacked
|
|
21
|
+
- 🔗 **Context Preservation** - Portal-based API that preserves React context in bottom sheets
|
|
22
|
+
- ⚡ **Persistent Sheets** - Pre-mounted sheets that open instantly and preserve state
|
|
23
|
+
- 🔒 **Type-Safe** - Full TypeScript support with type-safe portal IDs and params
|
|
24
|
+
- 📦 **Group Support** - Isolated stacks for different parts of your app
|
|
23
25
|
|
|
24
26
|
## Installation
|
|
25
27
|
|
|
@@ -8,7 +8,6 @@ exports.useMaybeBottomSheetContext = useMaybeBottomSheetContext;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
const BottomSheetContext = exports.BottomSheetContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
10
10
|
function useMaybeBottomSheetContext() {
|
|
11
|
-
|
|
12
|
-
return context;
|
|
11
|
+
return (0, _react.useContext)(BottomSheetContext);
|
|
13
12
|
}
|
|
14
13
|
//# sourceMappingURL=BottomSheet.context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","BottomSheetContext","exports","createContext","undefined","useMaybeBottomSheetContext","
|
|
1
|
+
{"version":3,"names":["_react","require","BottomSheetContext","exports","createContext","undefined","useMaybeBottomSheetContext","useContext"],"sourceRoot":"../../src","sources":["BottomSheet.context.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,oBAAa,EAE7CC,SAAS,CAAC;AAEL,SAAAC,2BAAA;EAAA,OACE,IAAAC,iBAAU,EAACL,kBAAkB,CAAC;AAAA","ignoreList":[]}
|
|
@@ -8,68 +8,59 @@ var _compilerRuntime = require("react/compiler-runtime");
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _animatedRegistry = require("./animatedRegistry");
|
|
11
|
-
var _bottomSheet = require("./bottomSheet.store");
|
|
12
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
const AnimatedPressable = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.Pressable);
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Custom backdrop component rendered separately from the scaled sheet content.
|
|
19
|
-
* This ensures the backdrop doesn't scale with the sheet.
|
|
20
|
-
* Opacity is interpolated from the bottom sheet's animatedIndex for smooth animation.
|
|
21
|
-
*/
|
|
22
14
|
function BottomSheetBackdrop(t0) {
|
|
23
|
-
const $ = (0, _compilerRuntime.c)(
|
|
15
|
+
const $ = (0, _compilerRuntime.c)(7);
|
|
24
16
|
const {
|
|
25
17
|
sheetId,
|
|
26
18
|
onPress
|
|
27
19
|
} = t0;
|
|
28
|
-
let t1;
|
|
29
|
-
if ($[0] !== sheetId) {
|
|
30
|
-
t1 = state => state.sheetsById[sheetId]?.status;
|
|
31
|
-
$[0] = sheetId;
|
|
32
|
-
$[1] = t1;
|
|
33
|
-
} else {
|
|
34
|
-
t1 = $[1];
|
|
35
|
-
}
|
|
36
|
-
const status = (0, _bottomSheet.useBottomSheetStore)(t1);
|
|
37
20
|
const animatedIndex = (0, _animatedRegistry.getAnimatedIndex)(sheetId);
|
|
38
|
-
const isVisible = status === "opening" || status === "open";
|
|
39
21
|
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
40
22
|
const opacity = (0, _reactNativeReanimated.interpolate)(animatedIndex.value, [-1, 0], [0, 1], _reactNativeReanimated.Extrapolation.CLAMP);
|
|
41
23
|
return {
|
|
42
24
|
opacity
|
|
43
25
|
};
|
|
44
26
|
});
|
|
27
|
+
let t1;
|
|
28
|
+
if ($[0] !== onPress) {
|
|
29
|
+
t1 = () => {
|
|
30
|
+
onPress?.();
|
|
31
|
+
};
|
|
32
|
+
$[0] = onPress;
|
|
33
|
+
$[1] = t1;
|
|
34
|
+
} else {
|
|
35
|
+
t1 = $[1];
|
|
36
|
+
}
|
|
45
37
|
let t2;
|
|
46
38
|
if ($[2] !== animatedStyle) {
|
|
47
|
-
t2 =
|
|
39
|
+
t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
40
|
+
style: [_reactNative.StyleSheet.absoluteFillObject, animatedStyle, styles.backdrop]
|
|
41
|
+
});
|
|
48
42
|
$[2] = animatedStyle;
|
|
49
43
|
$[3] = t2;
|
|
50
44
|
} else {
|
|
51
45
|
t2 = $[3];
|
|
52
46
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
pointerEvents: t3
|
|
47
|
+
let t3;
|
|
48
|
+
if ($[4] !== t1 || $[5] !== t2) {
|
|
49
|
+
t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
50
|
+
style: _reactNative.StyleSheet.absoluteFillObject,
|
|
51
|
+
onPress: t1,
|
|
52
|
+
children: t2
|
|
60
53
|
});
|
|
61
|
-
$[4] =
|
|
54
|
+
$[4] = t1;
|
|
62
55
|
$[5] = t2;
|
|
63
56
|
$[6] = t3;
|
|
64
|
-
$[7] = t4;
|
|
65
57
|
} else {
|
|
66
|
-
|
|
58
|
+
t3 = $[6];
|
|
67
59
|
}
|
|
68
|
-
return
|
|
60
|
+
return t3;
|
|
69
61
|
}
|
|
70
62
|
const styles = _reactNative.StyleSheet.create({
|
|
71
63
|
backdrop: {
|
|
72
|
-
..._reactNative.StyleSheet.absoluteFillObject,
|
|
73
64
|
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
74
65
|
}
|
|
75
66
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_animatedRegistry","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_animatedRegistry","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BottomSheetBackdrop","t0","$","_compilerRuntime","c","sheetId","onPress","animatedIndex","getAnimatedIndex","animatedStyle","useAnimatedStyle","opacity","interpolate","value","Extrapolation","CLAMP","t1","t2","jsx","View","style","StyleSheet","absoluteFillObject","styles","backdrop","t3","Pressable","children","create","backgroundColor"],"sourceRoot":"../../src","sources":["BottomSheetBackdrop.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,62 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.BottomSheetHost =
|
|
6
|
+
exports.BottomSheetHost = BottomSheetHost;
|
|
7
7
|
var _compilerRuntime = require("react/compiler-runtime");
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
11
|
-
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
12
|
-
var _reactNativeTeleport = require("react-native-teleport");
|
|
13
|
-
var _shallow = require("zustand/shallow");
|
|
14
|
-
var _animatedRegistry = require("./animatedRegistry");
|
|
15
|
-
var _BottomSheet = require("./BottomSheet.context");
|
|
16
9
|
var _bottomSheet = require("./bottomSheet.store");
|
|
17
|
-
var _BottomSheetBackdrop = require("./BottomSheetBackdrop");
|
|
18
10
|
var _bottomSheetCoordinator = require("./bottomSheetCoordinator");
|
|
19
11
|
var _BottomSheetManager = require("./BottomSheetManager.provider");
|
|
20
|
-
var
|
|
21
|
-
var
|
|
12
|
+
var _QueueItem = require("./QueueItem");
|
|
13
|
+
var _useSheetRenderData = require("./useSheetRenderData");
|
|
22
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
|
-
function
|
|
24
|
-
function PortalHostWrapper(t0) {
|
|
25
|
-
const $ = (0, _compilerRuntime.c)(6);
|
|
26
|
-
const {
|
|
27
|
-
id,
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
-
} = t0;
|
|
31
|
-
const t1 = `bottomsheet-${id}`;
|
|
32
|
-
let t2;
|
|
33
|
-
if ($[0] !== height || $[1] !== width) {
|
|
34
|
-
t2 = {
|
|
35
|
-
width,
|
|
36
|
-
height
|
|
37
|
-
};
|
|
38
|
-
$[0] = height;
|
|
39
|
-
$[1] = width;
|
|
40
|
-
$[2] = t2;
|
|
41
|
-
} else {
|
|
42
|
-
t2 = $[2];
|
|
43
|
-
}
|
|
44
|
-
let t3;
|
|
45
|
-
if ($[3] !== t1 || $[4] !== t2) {
|
|
46
|
-
t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeTeleport.PortalHost, {
|
|
47
|
-
name: t1,
|
|
48
|
-
style: t2
|
|
49
|
-
});
|
|
50
|
-
$[3] = t1;
|
|
51
|
-
$[4] = t2;
|
|
52
|
-
$[5] = t3;
|
|
53
|
-
} else {
|
|
54
|
-
t3 = $[5];
|
|
55
|
-
}
|
|
56
|
-
return t3;
|
|
57
|
-
}
|
|
58
|
-
function BottomSheetHostComp() {
|
|
15
|
+
function BottomSheetHost() {
|
|
59
16
|
const $ = (0, _compilerRuntime.c)(11);
|
|
60
|
-
const
|
|
61
|
-
const clearGroup = (0, _bottomSheet.
|
|
17
|
+
const sheetRenderData = (0, _useSheetRenderData.useSheetRenderData)();
|
|
18
|
+
const clearGroup = (0, _bottomSheet.useClearGroup)();
|
|
62
19
|
const {
|
|
63
20
|
groupId
|
|
64
21
|
} = (0, _BottomSheetManager.useBottomSheetManagerContext)();
|
|
@@ -97,9 +54,9 @@ function BottomSheetHostComp() {
|
|
|
97
54
|
}
|
|
98
55
|
(0, _react.useEffect)(t2, t3);
|
|
99
56
|
let t4;
|
|
100
|
-
if ($[7] !==
|
|
101
|
-
t4 =
|
|
102
|
-
$[7] =
|
|
57
|
+
if ($[7] !== sheetRenderData) {
|
|
58
|
+
t4 = sheetRenderData.map(_temp);
|
|
59
|
+
$[7] = sheetRenderData;
|
|
103
60
|
$[8] = t4;
|
|
104
61
|
} else {
|
|
105
62
|
t4 = $[8];
|
|
@@ -116,210 +73,16 @@ function BottomSheetHostComp() {
|
|
|
116
73
|
}
|
|
117
74
|
return t5;
|
|
118
75
|
}
|
|
119
|
-
function
|
|
120
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(QueueItem, {
|
|
121
|
-
id: id,
|
|
122
|
-
stackIndex: index
|
|
123
|
-
}, id);
|
|
124
|
-
}
|
|
125
|
-
function _temp(store) {
|
|
126
|
-
return store.clearGroup;
|
|
127
|
-
}
|
|
128
|
-
function QueueItem(t0) {
|
|
129
|
-
const $ = (0, _compilerRuntime.c)(40);
|
|
76
|
+
function _temp(t0) {
|
|
130
77
|
const {
|
|
131
78
|
id,
|
|
132
|
-
stackIndex
|
|
79
|
+
stackIndex,
|
|
80
|
+
isActive
|
|
133
81
|
} = t0;
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
startClosing: state.startClosing
|
|
140
|
-
});
|
|
141
|
-
$[0] = id;
|
|
142
|
-
$[1] = t1;
|
|
143
|
-
} else {
|
|
144
|
-
t1 = $[1];
|
|
145
|
-
}
|
|
146
|
-
const {
|
|
147
|
-
content,
|
|
148
|
-
usePortal,
|
|
149
|
-
startClosing
|
|
150
|
-
} = (0, _bottomSheet.useBottomSheetStore)(t1, _shallow.shallow);
|
|
151
|
-
const {
|
|
152
|
-
width,
|
|
153
|
-
height
|
|
154
|
-
} = (0, _reactNativeSafeAreaContext.useSafeAreaFrame)();
|
|
155
|
-
let t2;
|
|
156
|
-
if ($[2] !== id) {
|
|
157
|
-
t2 = {
|
|
158
|
-
id
|
|
159
|
-
};
|
|
160
|
-
$[2] = id;
|
|
161
|
-
$[3] = t2;
|
|
162
|
-
} else {
|
|
163
|
-
t2 = $[3];
|
|
164
|
-
}
|
|
165
|
-
const value = t2;
|
|
166
|
-
let t3;
|
|
167
|
-
if ($[4] !== id) {
|
|
168
|
-
t3 = {
|
|
169
|
-
id
|
|
170
|
-
};
|
|
171
|
-
$[4] = id;
|
|
172
|
-
$[5] = t3;
|
|
173
|
-
} else {
|
|
174
|
-
t3 = $[5];
|
|
175
|
-
}
|
|
176
|
-
const scaleStyle = (0, _useScaleAnimation.useScaleAnimatedStyle)(t3);
|
|
177
|
-
let t4;
|
|
178
|
-
let t5;
|
|
179
|
-
if ($[6] !== id) {
|
|
180
|
-
t4 = () => () => {
|
|
181
|
-
(0, _refsMap.cleanupSheetRef)(id);
|
|
182
|
-
(0, _animatedRegistry.cleanupAnimatedIndex)(id);
|
|
183
|
-
};
|
|
184
|
-
t5 = [id];
|
|
185
|
-
$[6] = id;
|
|
186
|
-
$[7] = t4;
|
|
187
|
-
$[8] = t5;
|
|
188
|
-
} else {
|
|
189
|
-
t4 = $[7];
|
|
190
|
-
t5 = $[8];
|
|
191
|
-
}
|
|
192
|
-
(0, _react.useEffect)(t4, t5);
|
|
193
|
-
const backdropZIndex = stackIndex * 2;
|
|
194
|
-
const contentZIndex = stackIndex * 2 + 1;
|
|
195
|
-
let t6;
|
|
196
|
-
if ($[9] !== backdropZIndex) {
|
|
197
|
-
t6 = [_reactNative.StyleSheet.absoluteFillObject, {
|
|
198
|
-
zIndex: backdropZIndex
|
|
199
|
-
}];
|
|
200
|
-
$[9] = backdropZIndex;
|
|
201
|
-
$[10] = t6;
|
|
202
|
-
} else {
|
|
203
|
-
t6 = $[10];
|
|
204
|
-
}
|
|
205
|
-
let t7;
|
|
206
|
-
if ($[11] !== id || $[12] !== startClosing) {
|
|
207
|
-
t7 = () => startClosing(id);
|
|
208
|
-
$[11] = id;
|
|
209
|
-
$[12] = startClosing;
|
|
210
|
-
$[13] = t7;
|
|
211
|
-
} else {
|
|
212
|
-
t7 = $[13];
|
|
213
|
-
}
|
|
214
|
-
let t8;
|
|
215
|
-
if ($[14] !== id || $[15] !== t7) {
|
|
216
|
-
t8 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetBackdrop.BottomSheetBackdrop, {
|
|
217
|
-
sheetId: id,
|
|
218
|
-
onPress: t7
|
|
219
|
-
});
|
|
220
|
-
$[14] = id;
|
|
221
|
-
$[15] = t7;
|
|
222
|
-
$[16] = t8;
|
|
223
|
-
} else {
|
|
224
|
-
t8 = $[16];
|
|
225
|
-
}
|
|
226
|
-
let t9;
|
|
227
|
-
if ($[17] !== t6 || $[18] !== t8) {
|
|
228
|
-
t9 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
229
|
-
style: t6,
|
|
230
|
-
children: t8
|
|
231
|
-
});
|
|
232
|
-
$[17] = t6;
|
|
233
|
-
$[18] = t8;
|
|
234
|
-
$[19] = t9;
|
|
235
|
-
} else {
|
|
236
|
-
t9 = $[19];
|
|
237
|
-
}
|
|
238
|
-
let t10;
|
|
239
|
-
if ($[20] !== contentZIndex || $[21] !== height || $[22] !== width) {
|
|
240
|
-
t10 = {
|
|
241
|
-
width,
|
|
242
|
-
height,
|
|
243
|
-
zIndex: contentZIndex
|
|
244
|
-
};
|
|
245
|
-
$[20] = contentZIndex;
|
|
246
|
-
$[21] = height;
|
|
247
|
-
$[22] = width;
|
|
248
|
-
$[23] = t10;
|
|
249
|
-
} else {
|
|
250
|
-
t10 = $[23];
|
|
251
|
-
}
|
|
252
|
-
let t11;
|
|
253
|
-
if ($[24] !== scaleStyle || $[25] !== t10) {
|
|
254
|
-
t11 = [_reactNative.StyleSheet.absoluteFillObject, styles.container, t10, scaleStyle];
|
|
255
|
-
$[24] = scaleStyle;
|
|
256
|
-
$[25] = t10;
|
|
257
|
-
$[26] = t11;
|
|
258
|
-
} else {
|
|
259
|
-
t11 = $[26];
|
|
260
|
-
}
|
|
261
|
-
let t12;
|
|
262
|
-
if ($[27] !== content || $[28] !== height || $[29] !== id || $[30] !== usePortal || $[31] !== width) {
|
|
263
|
-
t12 = usePortal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PortalHostWrapper, {
|
|
264
|
-
id: id,
|
|
265
|
-
width: width,
|
|
266
|
-
height: height
|
|
267
|
-
}) : content;
|
|
268
|
-
$[27] = content;
|
|
269
|
-
$[28] = height;
|
|
270
|
-
$[29] = id;
|
|
271
|
-
$[30] = usePortal;
|
|
272
|
-
$[31] = width;
|
|
273
|
-
$[32] = t12;
|
|
274
|
-
} else {
|
|
275
|
-
t12 = $[32];
|
|
276
|
-
}
|
|
277
|
-
let t13;
|
|
278
|
-
if ($[33] !== t11 || $[34] !== t12) {
|
|
279
|
-
t13 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
280
|
-
style: t11,
|
|
281
|
-
children: t12
|
|
282
|
-
});
|
|
283
|
-
$[33] = t11;
|
|
284
|
-
$[34] = t12;
|
|
285
|
-
$[35] = t13;
|
|
286
|
-
} else {
|
|
287
|
-
t13 = $[35];
|
|
288
|
-
}
|
|
289
|
-
let t14;
|
|
290
|
-
if ($[36] !== t13 || $[37] !== t9 || $[38] !== value) {
|
|
291
|
-
t14 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BottomSheet.BottomSheetContext.Provider, {
|
|
292
|
-
value: value,
|
|
293
|
-
children: [t9, t13]
|
|
294
|
-
});
|
|
295
|
-
$[36] = t13;
|
|
296
|
-
$[37] = t9;
|
|
297
|
-
$[38] = value;
|
|
298
|
-
$[39] = t14;
|
|
299
|
-
} else {
|
|
300
|
-
t14 = $[39];
|
|
301
|
-
}
|
|
302
|
-
return t14;
|
|
82
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueueItem.QueueItem, {
|
|
83
|
+
id: id,
|
|
84
|
+
stackIndex: stackIndex,
|
|
85
|
+
isActive: isActive
|
|
86
|
+
}, id);
|
|
303
87
|
}
|
|
304
|
-
const useQueueIds = () => {
|
|
305
|
-
const $ = (0, _compilerRuntime.c)(2);
|
|
306
|
-
const {
|
|
307
|
-
groupId
|
|
308
|
-
} = (0, _BottomSheetManager.useBottomSheetManagerContext)();
|
|
309
|
-
let t0;
|
|
310
|
-
if ($[0] !== groupId) {
|
|
311
|
-
t0 = state => state.stackOrder.filter(sheetId => state.sheetsById[sheetId]?.groupId === groupId);
|
|
312
|
-
$[0] = groupId;
|
|
313
|
-
$[1] = t0;
|
|
314
|
-
} else {
|
|
315
|
-
t0 = $[1];
|
|
316
|
-
}
|
|
317
|
-
return (0, _bottomSheet.useBottomSheetStore)(t0, _shallow.shallow);
|
|
318
|
-
};
|
|
319
|
-
const BottomSheetHost = exports.BottomSheetHost = BottomSheetHostComp;
|
|
320
|
-
const styles = _reactNative.StyleSheet.create({
|
|
321
|
-
container: {
|
|
322
|
-
pointerEvents: 'box-none'
|
|
323
|
-
}
|
|
324
|
-
});
|
|
325
88
|
//# sourceMappingURL=BottomSheetHost.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","
|
|
1
|
+
{"version":3,"names":["_react","require","_bottomSheet","_bottomSheetCoordinator","_BottomSheetManager","_QueueItem","_useSheetRenderData","_jsxRuntime","BottomSheetHost","$","_compilerRuntime","c","sheetRenderData","useSheetRenderData","clearGroup","useClearGroup","groupId","useBottomSheetManagerContext","t0","t1","unsubscribe","initBottomSheetCoordinator","useEffect","t2","t3","t4","map","_temp","t5","jsx","Fragment","children","id","stackIndex","isActive","QueueItem"],"sourceRoot":"../../src","sources":["BottomSheetHost.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0D,IAAAM,WAAA,GAAAN,OAAA;AAEnD,SAAAO,gBAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EACL,MAAAC,eAAA,GAAwB,IAAAC,sCAAkB,EAAC,CAAC;EAC5C,MAAAC,UAAA,GAAmB,IAAAC,0BAAa,EAAC,CAAC;EAClC;IAAAC;EAAA,IAAoB,IAAAC,gDAA4B,EAAC,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAO,OAAA;IAEzCE,EAAA,GAAAA,CAAA;MACR,MAAAE,WAAA,GAAoB,IAAAC,kDAA0B,EAACL,OAAO,CAAC;MAAC,OACjD;QACLI,WAAW,CAAC,CAAC;MAAA,CACd;IAAA,CACF;IAAED,EAAA,IAACH,OAAO,CAAC;IAAAP,CAAA,MAAAO,OAAA;IAAAP,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EALZ,IAAAa,gBAAS,EAACJ,EAKT,EAAEC,EAAS,CAAC;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAO,OAAA;IAEHO,EAAA,GAAAA,CAAA,KACD;MACLT,UAAU,CAACE,OAAO,CAAC;IAAA,CAEtB;IAAEQ,EAAA,IAACV,UAAU,EAAEE,OAAO,CAAC;IAAAP,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAO,OAAA;IAAAP,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EAJxB,IAAAa,gBAAS,EAACC,EAIT,EAAEC,EAAqB,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAG,eAAA;IAIpBa,EAAA,GAAAb,eAAe,CAAAc,GAAI,CAACC,KAOpB,CAAC;IAAAlB,CAAA,MAAAG,eAAA;IAAAH,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,QAAAgB,EAAA;IARJG,EAAA,oBAAArB,WAAA,CAAAsB,GAAA,EAAAtB,WAAA,CAAAuB,QAAA;MAAAC,QAAA,EACGN;IAOC,CACF,CAAC;IAAAhB,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,OAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAAA,OATHmB,EASG;AAAA;AA5BA,SAAAD,MAAAT,EAAA;EAoBqB;IAAAc,EAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAhB,EAA4B;EAAA,oBAChD,IAAAX,WAAA,CAAAsB,GAAA,EAACxB,UAAA,CAAA8B,SAAS;IAEJH,EAAE,EAAFA,EAAE;IACMC,UAAU,EAAVA,UAAU;IACZC,QAAQ,EAARA;EAAQ,GAHbF,EAIN,CAAC;AAAA","ignoreList":[]}
|