react-native-bottom-sheet-stack 1.5.3 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/BottomSheetBackdrop.js.map +1 -1
- package/lib/commonjs/BottomSheetHost.js +103 -140
- package/lib/commonjs/BottomSheetHost.js.map +1 -1
- package/lib/commonjs/BottomSheetManaged.js +8 -9
- package/lib/commonjs/BottomSheetManaged.js.map +1 -1
- package/lib/commonjs/BottomSheetPortal.js +2 -10
- package/lib/commonjs/BottomSheetPortal.js.map +1 -1
- package/lib/commonjs/BottomSheetScaleView.js +13 -28
- package/lib/commonjs/BottomSheetScaleView.js.map +1 -1
- package/lib/commonjs/useBottomSheetContext.js +18 -11
- package/lib/commonjs/useBottomSheetContext.js.map +1 -1
- package/lib/commonjs/useBottomSheetControl.js.map +1 -1
- package/lib/commonjs/useScaleAnimation.js +25 -12
- package/lib/commonjs/useScaleAnimation.js.map +1 -1
- package/lib/typescript/src/BottomSheetBackdrop.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetHost.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetManaged.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetPortal.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetScaleView.d.ts.map +1 -1
- package/lib/typescript/src/useBottomSheetContext.d.ts +1 -2
- package/lib/typescript/src/useBottomSheetContext.d.ts.map +1 -1
- package/lib/typescript/src/useBottomSheetControl.d.ts.map +1 -1
- package/lib/typescript/src/useScaleAnimation.d.ts +2 -3
- package/lib/typescript/src/useScaleAnimation.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/BottomSheetBackdrop.tsx +0 -3
- package/src/BottomSheetHost.tsx +17 -31
- package/src/BottomSheetManaged.tsx +3 -9
- package/src/BottomSheetPortal.tsx +4 -6
- package/src/BottomSheetScaleView.tsx +2 -7
- package/src/useBottomSheetContext.ts +13 -11
- package/src/useBottomSheetControl.ts +0 -1
- package/src/useScaleAnimation.ts +4 -10
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.BottomSheetScaleView = BottomSheetScaleView;
|
|
7
7
|
var _compilerRuntime = require("react/compiler-runtime");
|
|
8
|
-
var _react = require("react");
|
|
9
8
|
var _reactNative = require("react-native");
|
|
10
9
|
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
11
|
-
var _BottomSheetManager = require("./BottomSheetManager.context");
|
|
12
10
|
var _useScaleAnimation = require("./useScaleAnimation");
|
|
13
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -28,45 +26,32 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
28
26
|
* ```
|
|
29
27
|
*/
|
|
30
28
|
function BottomSheetScaleView(t0) {
|
|
31
|
-
const $ = (0, _compilerRuntime.c)(
|
|
29
|
+
const $ = (0, _compilerRuntime.c)(5);
|
|
32
30
|
const {
|
|
33
31
|
children
|
|
34
32
|
} = t0;
|
|
35
|
-
const
|
|
36
|
-
const groupId = context?.groupId ?? "default";
|
|
37
|
-
const scaleConfig = context?.scaleConfig;
|
|
33
|
+
const animatedStyle = (0, _useScaleAnimation.useScaleAnimatedStyle)();
|
|
38
34
|
let t1;
|
|
39
|
-
if ($[0] !==
|
|
40
|
-
t1 =
|
|
41
|
-
|
|
42
|
-
};
|
|
43
|
-
$[0] = groupId;
|
|
35
|
+
if ($[0] !== animatedStyle) {
|
|
36
|
+
t1 = [styles.container, animatedStyle];
|
|
37
|
+
$[0] = animatedStyle;
|
|
44
38
|
$[1] = t1;
|
|
45
39
|
} else {
|
|
46
40
|
t1 = $[1];
|
|
47
41
|
}
|
|
48
|
-
const animatedStyle = (0, _useScaleAnimation.useScaleAnimatedStyle)(t1, scaleConfig);
|
|
49
42
|
let t2;
|
|
50
|
-
if ($[2] !==
|
|
51
|
-
t2 =
|
|
52
|
-
|
|
53
|
-
$[3] = t2;
|
|
54
|
-
} else {
|
|
55
|
-
t2 = $[3];
|
|
56
|
-
}
|
|
57
|
-
let t3;
|
|
58
|
-
if ($[4] !== children || $[5] !== t2) {
|
|
59
|
-
t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
60
|
-
style: t2,
|
|
43
|
+
if ($[2] !== children || $[3] !== t1) {
|
|
44
|
+
t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
45
|
+
style: t1,
|
|
61
46
|
children: children
|
|
62
47
|
});
|
|
63
|
-
$[
|
|
64
|
-
$[
|
|
65
|
-
$[
|
|
48
|
+
$[2] = children;
|
|
49
|
+
$[3] = t1;
|
|
50
|
+
$[4] = t2;
|
|
66
51
|
} else {
|
|
67
|
-
|
|
52
|
+
t2 = $[4];
|
|
68
53
|
}
|
|
69
|
-
return
|
|
54
|
+
return t2;
|
|
70
55
|
}
|
|
71
56
|
const styles = _reactNative.StyleSheet.create({
|
|
72
57
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_useScaleAnimation","_jsxRuntime","e","__esModule","default","BottomSheetScaleView","t0","$","_compilerRuntime","c","children","animatedStyle","useScaleAnimatedStyle","t1","styles","container","t2","jsx","View","style","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["BottomSheetScaleView.tsx"],"mappings":";;;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAA4D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAAG,qBAAAC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAA8B;IAAAC;EAAA,IAAAJ,EAA+B;EAClE,MAAAK,aAAA,GAAsB,IAAAC,wCAAqB,EAAC,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAI,aAAA;IAGtBE,EAAA,IAACC,MAAM,CAAAC,SAAU,EAAEJ,aAAa,CAAC;IAAAJ,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAT,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAM,EAAA;IAAvDG,EAAA,oBAAAf,WAAA,CAAAgB,GAAA,EAAAnB,sBAAA,CAAAM,OAAA,CAAAc,IAAA;MAAsBC,KAAiC,EAAjCN,EAAiC;MAAAH,QAAA,EACpDA;IAAQ,CACI,CAAC;IAAAH,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAFhBS,EAEgB;AAAA;AAIpB,MAAMF,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.useBottomSheetContext = useBottomSheetContext;
|
|
7
7
|
exports.useBottomSheetState = void 0;
|
|
8
8
|
var _compilerRuntime = require("react/compiler-runtime");
|
|
9
|
+
var _shallow = require("zustand/shallow");
|
|
9
10
|
var _BottomSheet = require("./BottomSheet.context");
|
|
10
11
|
var _bottomSheet = require("./bottomSheet.store");
|
|
11
12
|
/** Without generic - params typed as unknown */
|
|
@@ -17,38 +18,44 @@ function useBottomSheetContext() {
|
|
|
17
18
|
const context = (0, _BottomSheet.useMaybeBottomSheetContext)();
|
|
18
19
|
let t0;
|
|
19
20
|
if ($[0] !== context?.id) {
|
|
20
|
-
t0 = state =>
|
|
21
|
+
t0 = state => ({
|
|
22
|
+
id: state.sheetsById[context?.id]?.id,
|
|
23
|
+
params: state.sheetsById[context?.id]?.params
|
|
24
|
+
});
|
|
21
25
|
$[0] = context?.id;
|
|
22
26
|
$[1] = t0;
|
|
23
27
|
} else {
|
|
24
28
|
t0 = $[1];
|
|
25
29
|
}
|
|
26
|
-
const
|
|
30
|
+
const {
|
|
31
|
+
id,
|
|
32
|
+
params
|
|
33
|
+
} = (0, _bottomSheet.useBottomSheetStore)(t0, _shallow.shallow);
|
|
27
34
|
const startClosing = (0, _bottomSheet.useBottomSheetStore)(_temp);
|
|
28
|
-
if (!
|
|
35
|
+
if (!id) {
|
|
29
36
|
throw new Error("useBottomSheetContext must be used within a BottomSheet component");
|
|
30
37
|
}
|
|
31
38
|
let t1;
|
|
32
|
-
if ($[2] !==
|
|
33
|
-
t1 = () => startClosing(
|
|
34
|
-
$[2] =
|
|
39
|
+
if ($[2] !== id || $[3] !== startClosing) {
|
|
40
|
+
t1 = () => startClosing(id);
|
|
41
|
+
$[2] = id;
|
|
35
42
|
$[3] = startClosing;
|
|
36
43
|
$[4] = t1;
|
|
37
44
|
} else {
|
|
38
45
|
t1 = $[4];
|
|
39
46
|
}
|
|
40
47
|
const close = t1;
|
|
41
|
-
const t2 =
|
|
48
|
+
const t2 = params;
|
|
42
49
|
let t3;
|
|
43
|
-
if ($[5] !==
|
|
50
|
+
if ($[5] !== close || $[6] !== id || $[7] !== t2) {
|
|
44
51
|
t3 = {
|
|
45
|
-
|
|
52
|
+
id,
|
|
46
53
|
params: t2,
|
|
47
54
|
close,
|
|
48
55
|
closeBottomSheet: close
|
|
49
56
|
};
|
|
50
|
-
$[5] =
|
|
51
|
-
$[6] =
|
|
57
|
+
$[5] = close;
|
|
58
|
+
$[6] = id;
|
|
52
59
|
$[7] = t2;
|
|
53
60
|
$[8] = t3;
|
|
54
61
|
} else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_shallow","require","_BottomSheet","_bottomSheet","useBottomSheetContext","$","_compilerRuntime","c","context","useMaybeBottomSheetContext","t0","id","state","sheetsById","params","useBottomSheetStore","shallow","startClosing","_temp","Error","t1","close","t2","t3","closeBottomSheet","state_0","useBottomSheetState","exports"],"sourceRoot":"../../src","sources":["useBottomSheetContext.ts"],"mappings":";;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAcA;;AAEA;;AAIO,SAAAG,sBAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAGL,MAAAC,OAAA,GAAgB,IAAAC,uCAA0B,EAAC,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAG,OAAA,EAAAG,EAAA;IAG3CD,EAAA,GAAAE,KAAA,KAAY;MAAAD,EAAA,EACNC,KAAK,CAAAC,UAAW,CAACL,OAAO,EAAAG,EAAI,CAAM,EAAAA,EAAA;MAAAG,MAAA,EAC9BF,KAAK,CAAAC,UAAW,CAACL,OAAO,EAAAG,EAAI,CAAU,EAAAG;IAChD,CAAC,CAAC;IAAAT,CAAA,MAAAG,OAAA,EAAAG,EAAA;IAAAN,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAJJ;IAAAM,EAAA;IAAAG;EAAA,IAAuB,IAAAC,gCAAmB,EACxCL,EAGE,EACFM,gBACF,CAAC;EAED,MAAAC,YAAA,GAAqB,IAAAF,gCAAmB,EAACG,KAA6B,CAAC;EAEvE,IAAI,CAACP,EAAE;IACL,MAAM,IAAIQ,KAAK,CACb,mEACF,CAAC;EAAC;EACH,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAY,YAAA;IAEaG,EAAA,GAAAA,CAAA,KAAMH,YAAY,CAACN,EAAE,CAAC;IAAAN,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAY,YAAA;IAAAZ,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAApC,MAAAgB,KAAA,GAAcD,EAAsB;EAI1B,MAAAE,EAAA,GAAAR,MAAM;EAA8B,IAAAS,EAAA;EAAA,IAAAlB,CAAA,QAAAgB,KAAA,IAAAhB,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAiB,EAAA;IAFvCC,EAAA;MAAAZ,EAAA;MAAAG,MAAA,EAEGQ,EAAoC;MAAAD,KAAA;MAAAG,gBAAA,EAE1BH;IACpB,CAAC;IAAAhB,CAAA,MAAAgB,KAAA;IAAAhB,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,OALMkB,EAKN;AAAA;;AAGH;AACA;AACA;AAjCO,SAAAL,MAAAO,OAAA;EAAA,OAa+Cb,OAAK,CAAAK,YAAa;AAAA;AAqBjE,MAAMS,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGtB,qBAAqB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_bottomSheet","_BottomSheetManager","_refsMap","e","__esModule","default","useBottomSheetControl","id","$","_compilerRuntime","c","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","storeOpen","useBottomSheetStore","_temp","startClosing","_temp2","storeUpdateParams","_temp3","t0","groupId","options","ref","React","createRef","setSheetRef","content","usePortal","scaleBackground","params","mode","open","t1","close","t2","updateParams","t3","undefined","resetParams","t4","t5","state_1","state","state_0"],"sourceRoot":"../../src","sources":["useBottomSheetControl.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAMA,IAAAG,QAAA,GAAAH,OAAA;AAAwC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA4BjC,SAAAG,sBAAAC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAGL,MAAAC,yBAAA,GAAkC,IAAAC,qDAAiC,EAAC,CAAC;EAErE,MAAAC,SAAA,GAAkB,IAAAC,gCAAmB,EAACC,KAAqB,CAAC;EAC5D,MAAAC,YAAA,GAAqB,IAAAF,gCAAmB,EAACG,MAA6B,CAAC;EACvE,MAAAC,iBAAA,GAA0B,IAAAJ,gCAAmB,EAACK,MAA6B,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAG,yBAAA,EAAAU,OAAA,IAAAb,CAAA,QAAAD,EAAA,IAAAC,CAAA,QAAAK,SAAA;IAEhEO,EAAA,GAAAE,OAAA;MACX,MAAAD,OAAA,GAAgBV,yBAAyB,EAAAU,OAAsB,IAA/C,SAA+C;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_bottomSheet","_BottomSheetManager","_refsMap","e","__esModule","default","useBottomSheetControl","id","$","_compilerRuntime","c","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","storeOpen","useBottomSheetStore","_temp","startClosing","_temp2","storeUpdateParams","_temp3","t0","groupId","options","ref","React","createRef","setSheetRef","content","usePortal","scaleBackground","params","mode","open","t1","close","t2","updateParams","t3","undefined","resetParams","t4","t5","state_1","state","state_0"],"sourceRoot":"../../src","sources":["useBottomSheetControl.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ var _compilerRuntime = require("react/compiler-runtime");
|
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _reactNativeReanimated = require("react-native-reanimated");
|
|
11
11
|
var _bottomSheet = require("./bottomSheet.store");
|
|
12
|
+
var _BottomSheetManager = require("./BottomSheetManager.provider");
|
|
12
13
|
const DEFAULT_CONFIG = {
|
|
13
14
|
scale: 0.92,
|
|
14
15
|
translateY: 10,
|
|
@@ -64,22 +65,34 @@ function useScaleDepth(groupId, sheetId) {
|
|
|
64
65
|
* Returns animated style for scale effect based on depth.
|
|
65
66
|
* Uses power scaling: scale^depth for cascading effect.
|
|
66
67
|
*/
|
|
67
|
-
function useScaleAnimatedStyle(t0
|
|
68
|
+
function useScaleAnimatedStyle(t0) {
|
|
69
|
+
const $ = (0, _compilerRuntime.c)(2);
|
|
70
|
+
let t1;
|
|
71
|
+
if ($[0] !== t0) {
|
|
72
|
+
t1 = t0 === undefined ? {} : t0;
|
|
73
|
+
$[0] = t0;
|
|
74
|
+
$[1] = t1;
|
|
75
|
+
} else {
|
|
76
|
+
t1 = $[1];
|
|
77
|
+
}
|
|
68
78
|
const {
|
|
69
|
-
groupId,
|
|
70
79
|
id
|
|
71
|
-
} =
|
|
80
|
+
} = t1;
|
|
81
|
+
const {
|
|
82
|
+
groupId,
|
|
83
|
+
scaleConfig
|
|
84
|
+
} = (0, _BottomSheetManager.useBottomSheetManagerContext)();
|
|
72
85
|
const scaleDepth = useScaleDepth(groupId, id);
|
|
73
86
|
const {
|
|
74
|
-
scale:
|
|
75
|
-
translateY:
|
|
76
|
-
borderRadius:
|
|
77
|
-
duration:
|
|
78
|
-
} =
|
|
79
|
-
const scale =
|
|
80
|
-
const translateY =
|
|
81
|
-
const borderRadius =
|
|
82
|
-
const duration =
|
|
87
|
+
scale: t2,
|
|
88
|
+
translateY: t3,
|
|
89
|
+
borderRadius: t4,
|
|
90
|
+
duration: t5
|
|
91
|
+
} = scaleConfig ?? {};
|
|
92
|
+
const scale = t2 === undefined ? DEFAULT_CONFIG.scale : t2;
|
|
93
|
+
const translateY = t3 === undefined ? DEFAULT_CONFIG.translateY : t3;
|
|
94
|
+
const borderRadius = t4 === undefined ? DEFAULT_CONFIG.borderRadius : t4;
|
|
95
|
+
const duration = t5 === undefined ? DEFAULT_CONFIG.duration : t5;
|
|
83
96
|
const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)(scaleDepth, {
|
|
84
97
|
duration
|
|
85
98
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNativeReanimated","_bottomSheet","DEFAULT_CONFIG","scale","translateY","borderRadius","duration","useScaleDepth","groupId","sheetId","$","_compilerRuntime","c","prevDepthRef","useRef","t0","state","stackOrder","sheetsById","startIndex","indexOf","current","depth","i","length","id","sheet","scaleBackground","status","scaleDepthSelector","useBottomSheetStore","useScaleAnimatedStyle","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","_bottomSheet","_BottomSheetManager","DEFAULT_CONFIG","scale","translateY","borderRadius","duration","useScaleDepth","groupId","sheetId","$","_compilerRuntime","c","prevDepthRef","useRef","t0","state","stackOrder","sheetsById","startIndex","indexOf","current","depth","i","length","id","sheet","scaleBackground","status","scaleDepthSelector","useBottomSheetStore","useScaleAnimatedStyle","t1","undefined","scaleConfig","useBottomSheetManagerContext","scaleDepth","t2","t3","t4","t5","progress","useDerivedValue","withTiming","useAnimatedStyle","p","value","transform","overflow","currentScale","Math","pow","currentTranslateY","currentBorderRadius","min"],"sourceRoot":"../../src","sources":["useScaleAnimation.ts"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,mBAAA,GAAAH,OAAA;AAaA,MAAMI,cAAqC,GAAG;EAC5CC,KAAK,EAAE,IAAI;EACXC,UAAU,EAAE,EAAE;EACdC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAAAC,cAAAC,OAAA,EAAAC,OAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EACL,MAAAC,YAAA,GAAqB,IAAAC,aAAM,EAAC,CAAC,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAF,OAAA,IAAAE,CAAA,QAAAD,OAAA;IAEJM,EAAA,GAAAC,KAAA;MACzB;QAAAC,UAAA;QAAAC;MAAA,IAAmCF,KAAK;MAExC,MAAAG,UAAA,GAAmBV,OAAO,GAAGQ,UAAU,CAAAG,OAAQ,CAACX,OAAO,CAAC,GAAG,CAAK,GAA7C,CAA6C;MAEhE,IAAIA,OAA2B,IAAhBU,UAAU,KAAK,CAAC;QAAA,OACtBN,YAAY,CAAAQ,OAAQ;MAAA;MAG7B,IAAAC,KAAA,GAAY,CAAC;MACb,SAAAC,CAAA,GAAaJ,UAAU,EAAEI,CAAC,GAAGN,UAAU,CAAAO,MActC,EAd+CD,CAAC,EAAE;QACjD,MAAAE,EAAA,GAAWR,UAAU,CAACM,CAAC,CAAC;QACxB,MAAAG,KAAA,GAAcR,UAAU,CAACO,EAAE,CAAC;QAC5B,IACEC,KACyB,IAAzBA,KAAK,CAAAlB,OAAQ,KAAKA,OACG,IAArBkB,KAAK,CAAAC,eACqB,IAA1BD,KAAK,CAAAE,MAAO,KAAK,SAAS;UAE1BN,KAAK,EAAE;UACP,IAAI,CAACb,OAAO;YACV;UAAM;QACP;MACF;MAGHI,YAAY,CAAAQ,OAAA,GAAWC,KAAH;MAAA,OACbA,KAAK;IAAA,CACb;IAAAZ,CAAA,MAAAF,OAAA;IAAAE,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EA5BD,MAAAmB,kBAAA,GAA2Bd,EA4B1B;EAAC,OAEK,IAAAe,gCAAmB,EAACD,kBAAkB,CAAC;AAAA;;AAGhD;AACA;AACA;AACA;AACO,SAAAE,sBAAAhB,EAAA;EAAA,MAAAL,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAtB,CAAA,QAAAK,EAAA;IAA+BiB,EAAA,GAAAjB,EAA4B,KAA5BkB,SAA4B,GAA5B,CAA2B,CAAC,GAA5BlB,EAA4B;IAAAL,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAA5B;IAAAe;EAAA,IAAAO,EAA4B;EAChE;IAAAxB,OAAA;IAAA0B;EAAA,IAAiC,IAAAC,gDAA4B,EAAC,CAAC;EAC/D,MAAAC,UAAA,GAAmB7B,aAAa,CAACC,OAAO,EAAEiB,EAAE,CAAC;EAE7C;IAAAtB,KAAA,EAAAkC,EAAA;IAAAjC,UAAA,EAAAkC,EAAA;IAAAjC,YAAA,EAAAkC,EAAA;IAAAjC,QAAA,EAAAkC;EAAA,IAKIN,WAAiB,IAAjB,CAAgB,CAAC;EAJnB,MAAA/B,KAAA,GAAAkC,EAA4B,KAA5BJ,SAA4B,GAApB/B,cAAc,CAAAC,KAAM,GAA5BkC,EAA4B;EAC5B,MAAAjC,UAAA,GAAAkC,EAAsC,KAAtCL,SAAsC,GAAzB/B,cAAc,CAAAE,UAAW,GAAtCkC,EAAsC;EACtC,MAAAjC,YAAA,GAAAkC,EAA0C,KAA1CN,SAA0C,GAA3B/B,cAAc,CAAAG,YAAa,GAA1CkC,EAA0C;EAC1C,MAAAjC,QAAA,GAAAkC,EAAkC,KAAlCP,SAAkC,GAAvB/B,cAAc,CAAAI,QAAS,GAAlCkC,EAAkC;EAGpC,MAAAC,QAAA,GAAiB,IAAAC,sCAAe,EAAC,MACxB,IAAAC,iCAAU,EAACP,UAAU,EAAE;IAAA9B;EAAW,CAAC,CAC3C,CAAC;EAAC,OAEI,IAAAsC,uCAAgB,EAAC;IACtB,MAAAC,CAAA,GAAUJ,QAAQ,CAAAK,KAAM;IAExB,IAAID,CAAC,KAAK,CAAC;MAAA,OACF;QAAAE,SAAA,EACM,CAAC;UAAA5C,KAAA,EAAS;QAAE,CAAC,EAAE;UAAAC,UAAA,EAAc;QAAE,CAAC,CAAC;QAAAC,YAAA,EAC9B,CAAC;QAAA2C,QAAA,EACL;MACZ,CAAC;IAAA;IAGH,MAAAC,YAAA,GAAqBC,IAAI,CAAAC,GAAI,CAAChD,KAAK,EAAE0C,CAAC,CAAC;IACvC,MAAAO,iBAAA,GAA0BhD,UAAU,GAAGyC,CAAC;IACxC,MAAAQ,mBAAA,GAA4BH,IAAI,CAAAI,GAAI,CAACjD,YAAY,GAAGwC,CAAC,EAAExC,YAAY,CAAC;IAAC,OAE9D;MAAA0C,SAAA,EACM,CAAC;QAAA5C,KAAA,EAAS8C;MAAa,CAAC,EAAE;QAAA7C,UAAA,EAAcgD;MAAkB,CAAC,CAAC;MAAA/C,YAAA,EACzDgD,mBAAmB;MAAAL,QAAA,EACvB;IACZ,CAAC;EAAA,CACF,CAAC;AAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetBackdrop.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetBackdrop.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,GACR,EAAE,wBAAwB,
|
|
1
|
+
{"version":3,"file":"BottomSheetBackdrop.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetBackdrop.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,GACR,EAAE,wBAAwB,2CA0B1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AA4BA,iBAAS,mBAAmB,4CA0B3B;AAgED,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetManaged.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManaged.tsx"],"names":[],"mappings":"AAAA,OAA4B,EAE1B,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,cAAe,SAAQ,kBAAkB;CAAG;AAE7D,UAAU,uBAAwB,SAAQ,gBAAgB;CAAG;
|
|
1
|
+
{"version":3,"file":"BottomSheetManaged.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManaged.tsx"],"names":[],"mappings":"AAAA,OAA4B,EAE1B,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,cAAe,SAAQ,kBAAkB;CAAG;AAE7D,UAAU,uBAAwB,SAAQ,gBAAgB;CAAG;AAI7D,eAAO,MAAM,kBAAkB,gGAyD9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetPortal.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetPortal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,UAAU,sBAAsB;IAC9B,EAAE,EAAE,mBAAmB,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,sBAAsB,
|
|
1
|
+
{"version":3,"file":"BottomSheetPortal.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetPortal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,UAAU,sBAAsB;IAC9B,EAAE,EAAE,mBAAmB,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,sBAAsB,kDAsBzE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetScaleView.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetScaleView.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BottomSheetScaleView.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetScaleView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAQnE"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { type BottomSheetState } from './bottomSheet.store';
|
|
2
1
|
import type { BottomSheetPortalId, BottomSheetPortalParams } from './portal.types';
|
|
3
2
|
export interface UseBottomSheetContextReturn<TParams> {
|
|
4
|
-
|
|
3
|
+
id: string;
|
|
5
4
|
params: TParams;
|
|
6
5
|
close: () => void;
|
|
7
6
|
/** @deprecated Use `close` instead */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBottomSheetContext.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useBottomSheetContext.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,2BAA2B,CAAC,OAAO;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,sCAAsC;IACtC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,gDAAgD;AAChD,wBAAgB,qBAAqB,IAAI,2BAA2B,CAAC,OAAO,CAAC,CAAC;AAC9E,2DAA2D;AAC3D,wBAAgB,qBAAqB,CACnC,CAAC,SAAS,mBAAmB,KAC1B,2BAA2B,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;AAgC7D;;GAEG;AACH,eAAO,MAAM,mBAAmB,8BAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBottomSheetControl.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,SAAS,EACV,MAAM,gBAAgB,CAAC;AAGxB,UAAU,eAAe,CAAC,OAAO;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,mBAAmB,IAAI,IAAI,CACpD,eAAe,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAC3C,QAAQ,CACT,GACC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,GACtB;IAAE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAA;CAAE,GACtC;IAAE,MAAM,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,CAAC;AAE/C,KAAK,YAAY,CAAC,CAAC,SAAS,mBAAmB,IAC7C,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,GACrB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,GACjC,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEzC,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,mBAAmB;IACxE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,mBAAmB,EACjE,EAAE,EAAE,CAAC,GACJ,2BAA2B,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"useBottomSheetControl.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,SAAS,EACV,MAAM,gBAAgB,CAAC;AAGxB,UAAU,eAAe,CAAC,OAAO;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,mBAAmB,IAAI,IAAI,CACpD,eAAe,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAC3C,QAAQ,CACT,GACC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,GACtB;IAAE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAA;CAAE,GACtC;IAAE,MAAM,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,CAAC;AAE/C,KAAK,YAAY,CAAC,CAAC,SAAS,mBAAmB,IAC7C,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,GACrB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,GACjC,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEzC,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,mBAAmB;IACxE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,mBAAmB,EACjE,EAAE,EAAE,CAAC,GACJ,2BAA2B,CAAC,CAAC,CAAC,CA4ChC"}
|
|
@@ -19,10 +19,9 @@ export declare function useScaleDepth(groupId: string, sheetId?: string): number
|
|
|
19
19
|
* Returns animated style for scale effect based on depth.
|
|
20
20
|
* Uses power scaling: scale^depth for cascading effect.
|
|
21
21
|
*/
|
|
22
|
-
export declare function useScaleAnimatedStyle({
|
|
23
|
-
groupId: string;
|
|
22
|
+
export declare function useScaleAnimatedStyle({ id }?: {
|
|
24
23
|
id?: string;
|
|
25
|
-
}
|
|
24
|
+
}): {
|
|
26
25
|
transform: ({
|
|
27
26
|
scale: number;
|
|
28
27
|
translateY?: undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScaleAnimation.d.ts","sourceRoot":"","sources":["../../../src/useScaleAnimation.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useScaleAnimation.d.ts","sourceRoot":"","sources":["../../../src/useScaleAnimation.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAkCvE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,EAAE,GAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAO;;;;;;;;;;;;;;;;;;;;EAoCjE"}
|
package/package.json
CHANGED
|
@@ -28,12 +28,9 @@ export function BottomSheetBackdrop({
|
|
|
28
28
|
);
|
|
29
29
|
|
|
30
30
|
const animatedIndex = getAnimatedIndex(sheetId);
|
|
31
|
-
|
|
32
31
|
const isVisible = status === 'opening' || status === 'open';
|
|
33
32
|
|
|
34
33
|
const animatedStyle = useAnimatedStyle(() => {
|
|
35
|
-
// Interpolate opacity based on animatedIndex
|
|
36
|
-
// -1 = closed, 0+ = open at snap point
|
|
37
34
|
const opacity = interpolate(
|
|
38
35
|
animatedIndex.value,
|
|
39
36
|
[-1, 0],
|
package/src/BottomSheetHost.tsx
CHANGED
|
@@ -6,13 +6,13 @@ import { PortalHost } from 'react-native-teleport';
|
|
|
6
6
|
|
|
7
7
|
import { shallow } from 'zustand/shallow';
|
|
8
8
|
import { cleanupAnimatedIndex } from './animatedRegistry';
|
|
9
|
-
import { cleanupSheetRef } from './refsMap';
|
|
10
9
|
import { BottomSheetContext } from './BottomSheet.context';
|
|
11
10
|
import { useBottomSheetStore } from './bottomSheet.store';
|
|
12
11
|
import { BottomSheetBackdrop } from './BottomSheetBackdrop';
|
|
13
12
|
import { initBottomSheetCoordinator } from './bottomSheetCoordinator';
|
|
14
13
|
import { useBottomSheetManagerContext } from './BottomSheetManager.provider';
|
|
15
|
-
import {
|
|
14
|
+
import { cleanupSheetRef } from './refsMap';
|
|
15
|
+
import { useScaleAnimatedStyle } from './useScaleAnimation';
|
|
16
16
|
|
|
17
17
|
function PortalHostWrapper({
|
|
18
18
|
id,
|
|
@@ -23,18 +23,14 @@ function PortalHostWrapper({
|
|
|
23
23
|
width: number;
|
|
24
24
|
height: number;
|
|
25
25
|
}) {
|
|
26
|
-
return
|
|
27
|
-
<View style={{ flex: 1, width, height }} pointerEvents="box-none">
|
|
28
|
-
<PortalHost name={`bottomsheet-${id}`} style={{ width, height }} />
|
|
29
|
-
</View>
|
|
30
|
-
);
|
|
26
|
+
return <PortalHost name={`bottomsheet-${id}`} style={{ width, height }} />;
|
|
31
27
|
}
|
|
32
28
|
|
|
33
29
|
function BottomSheetHostComp() {
|
|
34
30
|
const queueIds = useQueueIds();
|
|
35
31
|
const clearGroup = useBottomSheetStore((store) => store.clearGroup);
|
|
36
32
|
|
|
37
|
-
const { groupId
|
|
33
|
+
const { groupId } = useBottomSheetManagerContext();
|
|
38
34
|
|
|
39
35
|
useEffect(() => {
|
|
40
36
|
const unsubscribe = initBottomSheetCoordinator(groupId);
|
|
@@ -52,36 +48,26 @@ function BottomSheetHostComp() {
|
|
|
52
48
|
return (
|
|
53
49
|
<>
|
|
54
50
|
{queueIds.map((id, index) => (
|
|
55
|
-
<QueueItem
|
|
56
|
-
key={id}
|
|
57
|
-
id={id}
|
|
58
|
-
groupId={groupId}
|
|
59
|
-
scaleConfig={scaleConfig}
|
|
60
|
-
stackIndex={index}
|
|
61
|
-
/>
|
|
51
|
+
<QueueItem key={id} id={id} stackIndex={index} />
|
|
62
52
|
))}
|
|
63
53
|
</>
|
|
64
54
|
);
|
|
65
55
|
}
|
|
66
56
|
|
|
67
|
-
function QueueItem({
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
stackIndex: number;
|
|
77
|
-
}) {
|
|
78
|
-
const sheet = useBottomSheetStore((state) => state.sheetsById[id]);
|
|
79
|
-
const startClosing = useBottomSheetStore((state) => state.startClosing);
|
|
57
|
+
function QueueItem({ id, stackIndex }: { id: string; stackIndex: number }) {
|
|
58
|
+
const { content, usePortal, startClosing } = useBottomSheetStore(
|
|
59
|
+
(state) => ({
|
|
60
|
+
content: state.sheetsById[id]?.content,
|
|
61
|
+
usePortal: state.sheetsById[id]?.usePortal,
|
|
62
|
+
startClosing: state.startClosing,
|
|
63
|
+
}),
|
|
64
|
+
shallow
|
|
65
|
+
);
|
|
80
66
|
|
|
81
67
|
const { width, height } = useSafeAreaFrame();
|
|
82
68
|
const value = { id };
|
|
83
69
|
|
|
84
|
-
const scaleStyle = useScaleAnimatedStyle({
|
|
70
|
+
const scaleStyle = useScaleAnimatedStyle({ id });
|
|
85
71
|
|
|
86
72
|
useEffect(() => {
|
|
87
73
|
return () => {
|
|
@@ -108,10 +94,10 @@ function QueueItem({
|
|
|
108
94
|
scaleStyle,
|
|
109
95
|
]}
|
|
110
96
|
>
|
|
111
|
-
{
|
|
97
|
+
{usePortal ? (
|
|
112
98
|
<PortalHostWrapper id={id} width={width} height={height} />
|
|
113
99
|
) : (
|
|
114
|
-
|
|
100
|
+
content
|
|
115
101
|
)}
|
|
116
102
|
</Animated.View>
|
|
117
103
|
</BottomSheetContext.Provider>
|
|
@@ -13,7 +13,6 @@ export interface BottomSheetRef extends BottomSheetMethods {}
|
|
|
13
13
|
|
|
14
14
|
interface BottomSheetManagedProps extends BottomSheetProps {}
|
|
15
15
|
|
|
16
|
-
// Null backdrop - we render our own backdrop separately in BottomSheetHost
|
|
17
16
|
const nullBackdrop = () => null;
|
|
18
17
|
|
|
19
18
|
export const BottomSheetManaged = React.forwardRef<
|
|
@@ -32,15 +31,10 @@ export const BottomSheetManaged = React.forwardRef<
|
|
|
32
31
|
},
|
|
33
32
|
ref
|
|
34
33
|
) => {
|
|
35
|
-
const {
|
|
34
|
+
const { id } = useBottomSheetContext();
|
|
36
35
|
|
|
37
|
-
|
|
38
|
-
const
|
|
39
|
-
externalAnimatedIndex ?? getAnimatedIndex(bottomSheetState.id);
|
|
40
|
-
|
|
41
|
-
const { handleAnimate, handleClose } = createSheetEventHandlers(
|
|
42
|
-
bottomSheetState.id
|
|
43
|
-
);
|
|
36
|
+
const animatedIndex = externalAnimatedIndex ?? getAnimatedIndex(id);
|
|
37
|
+
const { handleAnimate, handleClose } = createSheetEventHandlers(id);
|
|
44
38
|
|
|
45
39
|
const wrappedOnAnimate: BottomSheetProps['onAnimate'] = (
|
|
46
40
|
fromIndex: number,
|
|
@@ -14,22 +14,20 @@ interface BottomSheetPortalProps {
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
export function BottomSheetPortal({ id, children }: BottomSheetPortalProps) {
|
|
17
|
-
const
|
|
17
|
+
const usePortal = useBottomSheetStore(
|
|
18
|
+
(state) => state.sheetsById[id]?.usePortal
|
|
19
|
+
);
|
|
18
20
|
|
|
19
|
-
|
|
20
|
-
if (!sheetState?.usePortal) {
|
|
21
|
+
if (!usePortal) {
|
|
21
22
|
return null;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
|
-
// Get the ref that was created in useBottomSheetControl.open()
|
|
25
25
|
const ref = getSheetRef(id);
|
|
26
26
|
|
|
27
|
-
// Clone the child element to add the ref
|
|
28
27
|
const childWithRef = React.cloneElement(children, {
|
|
29
28
|
ref,
|
|
30
29
|
} as { ref: typeof ref });
|
|
31
30
|
|
|
32
|
-
// Wrap with BottomSheetContext so useBottomSheetContext() works inside portal content
|
|
33
31
|
return (
|
|
34
32
|
<Portal hostName={`bottomsheet-${id}`}>
|
|
35
33
|
<BottomSheetContext.Provider value={{ id }}>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type PropsWithChildren } from 'react';
|
|
2
2
|
import { StyleSheet } from 'react-native';
|
|
3
3
|
import Animated from 'react-native-reanimated';
|
|
4
|
-
import { BottomSheetManagerContext } from './BottomSheetManager.context';
|
|
5
4
|
import { useScaleAnimatedStyle } from './useScaleAnimation';
|
|
6
5
|
|
|
7
6
|
/**
|
|
@@ -20,11 +19,7 @@ import { useScaleAnimatedStyle } from './useScaleAnimation';
|
|
|
20
19
|
* ```
|
|
21
20
|
*/
|
|
22
21
|
export function BottomSheetScaleView({ children }: PropsWithChildren) {
|
|
23
|
-
const
|
|
24
|
-
const groupId = context?.groupId ?? 'default';
|
|
25
|
-
const scaleConfig = context?.scaleConfig;
|
|
26
|
-
|
|
27
|
-
const animatedStyle = useScaleAnimatedStyle({ groupId }, scaleConfig);
|
|
22
|
+
const animatedStyle = useScaleAnimatedStyle();
|
|
28
23
|
|
|
29
24
|
return (
|
|
30
25
|
<Animated.View style={[styles.container, animatedStyle]}>
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
+
import { shallow } from 'zustand/shallow';
|
|
1
2
|
import { useMaybeBottomSheetContext } from './BottomSheet.context';
|
|
2
|
-
import {
|
|
3
|
-
useBottomSheetStore,
|
|
4
|
-
type BottomSheetState,
|
|
5
|
-
} from './bottomSheet.store';
|
|
3
|
+
import { useBottomSheetStore } from './bottomSheet.store';
|
|
6
4
|
import type {
|
|
7
5
|
BottomSheetPortalId,
|
|
8
6
|
BottomSheetPortalParams,
|
|
9
7
|
} from './portal.types';
|
|
10
8
|
|
|
11
9
|
export interface UseBottomSheetContextReturn<TParams> {
|
|
12
|
-
|
|
10
|
+
id: string;
|
|
13
11
|
params: TParams;
|
|
14
12
|
close: () => void;
|
|
15
13
|
/** @deprecated Use `close` instead */
|
|
@@ -27,23 +25,27 @@ export function useBottomSheetContext<
|
|
|
27
25
|
>(): UseBottomSheetContextReturn<BottomSheetPortalParams<T> | unknown> {
|
|
28
26
|
const context = useMaybeBottomSheetContext();
|
|
29
27
|
|
|
30
|
-
const
|
|
31
|
-
(state) =>
|
|
28
|
+
const { id, params } = useBottomSheetStore(
|
|
29
|
+
(state) => ({
|
|
30
|
+
id: state.sheetsById[context?.id!]?.id,
|
|
31
|
+
params: state.sheetsById[context?.id!]?.params,
|
|
32
|
+
}),
|
|
33
|
+
shallow
|
|
32
34
|
);
|
|
33
35
|
|
|
34
36
|
const startClosing = useBottomSheetStore((state) => state.startClosing);
|
|
35
37
|
|
|
36
|
-
if (!
|
|
38
|
+
if (!id) {
|
|
37
39
|
throw new Error(
|
|
38
40
|
'useBottomSheetContext must be used within a BottomSheet component'
|
|
39
41
|
);
|
|
40
42
|
}
|
|
41
43
|
|
|
42
|
-
const close = () => startClosing(
|
|
44
|
+
const close = () => startClosing(id);
|
|
43
45
|
|
|
44
46
|
return {
|
|
45
|
-
|
|
46
|
-
params:
|
|
47
|
+
id,
|
|
48
|
+
params: params as BottomSheetPortalParams<T>,
|
|
47
49
|
close,
|
|
48
50
|
closeBottomSheet: close,
|
|
49
51
|
};
|
|
@@ -48,7 +48,6 @@ export function useBottomSheetControl<T extends BottomSheetPortalId>(
|
|
|
48
48
|
const open = (options?: OpenOptions<T>) => {
|
|
49
49
|
const groupId = bottomSheetManagerContext?.groupId || 'default';
|
|
50
50
|
|
|
51
|
-
// Create ref when opening (same pattern as useBottomSheetManager)
|
|
52
51
|
const ref = React.createRef<BottomSheetMethods>();
|
|
53
52
|
setSheetRef(id, ref);
|
|
54
53
|
|