react-native-bottom-sheet-stack 1.0.1 → 1.0.3
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/BottomSheet.context.js.map +1 -1
- package/lib/commonjs/BottomSheetBackdrop.js +76 -0
- package/lib/commonjs/BottomSheetBackdrop.js.map +1 -0
- package/lib/commonjs/BottomSheetHost.js +215 -51
- package/lib/commonjs/BottomSheetHost.js.map +1 -1
- package/lib/commonjs/BottomSheetManaged.js +128 -38
- package/lib/commonjs/BottomSheetManaged.js.map +1 -1
- package/lib/commonjs/BottomSheetManager.context.js.map +1 -1
- package/lib/commonjs/BottomSheetManager.provider.js +38 -13
- package/lib/commonjs/BottomSheetManager.provider.js.map +1 -1
- package/lib/commonjs/BottomSheetScaleView.js +67 -0
- package/lib/commonjs/BottomSheetScaleView.js.map +1 -0
- package/lib/commonjs/animatedRegistry.js +25 -0
- package/lib/commonjs/animatedRegistry.js.map +1 -0
- package/lib/commonjs/bottomSheet.store.js +86 -73
- package/lib/commonjs/bottomSheet.store.js.map +1 -1
- package/lib/commonjs/bottomSheetCoordinator.js +12 -14
- package/lib/commonjs/bottomSheetCoordinator.js.map +1 -1
- package/lib/commonjs/index.js +3 -3
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/useBottomSheetManager.js +88 -44
- package/lib/commonjs/useBottomSheetManager.js.map +1 -1
- package/lib/commonjs/useBottomSheetState.js +40 -17
- package/lib/commonjs/useBottomSheetState.js.map +1 -1
- package/lib/commonjs/useScaleAnimation.js +108 -0
- package/lib/commonjs/useScaleAnimation.js.map +1 -0
- package/lib/typescript/example/src/App.d.ts +0 -2
- package/lib/typescript/example/src/App.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetBackdrop.d.ts +12 -0
- package/lib/typescript/src/BottomSheetBackdrop.d.ts.map +1 -0
- package/lib/typescript/src/BottomSheetHost.d.ts +2 -6
- package/lib/typescript/src/BottomSheetHost.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetManaged.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetManager.context.d.ts +2 -0
- package/lib/typescript/src/BottomSheetManager.context.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetManager.provider.d.ts +4 -3
- package/lib/typescript/src/BottomSheetManager.provider.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetScaleView.d.ts +18 -0
- package/lib/typescript/src/BottomSheetScaleView.d.ts.map +1 -0
- package/lib/typescript/src/animatedRegistry.d.ts +4 -0
- package/lib/typescript/src/animatedRegistry.d.ts.map +1 -0
- package/lib/typescript/src/bottomSheet.store.d.ts +6 -4
- package/lib/typescript/src/bottomSheet.store.d.ts.map +1 -1
- package/lib/typescript/src/bottomSheetCoordinator.d.ts +1 -1
- package/lib/typescript/src/bottomSheetCoordinator.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/useBottomSheetManager.d.ts.map +1 -1
- package/lib/typescript/src/useBottomSheetState.d.ts.map +1 -1
- package/lib/typescript/src/useScaleAnimation.d.ts +43 -0
- package/lib/typescript/src/useScaleAnimation.d.ts.map +1 -0
- package/package.json +9 -2
- package/src/BottomSheetBackdrop.tsx +61 -0
- package/src/BottomSheetHost.tsx +89 -51
- package/src/BottomSheetManaged.tsx +26 -33
- package/src/BottomSheetManager.context.tsx +2 -0
- package/src/BottomSheetManager.provider.tsx +10 -6
- package/src/BottomSheetScaleView.tsx +41 -0
- package/src/animatedRegistry.ts +22 -0
- package/src/bottomSheet.store.ts +132 -97
- package/src/bottomSheetCoordinator.ts +15 -15
- package/src/index.tsx +2 -4
- package/src/useBottomSheetManager.tsx +37 -48
- package/src/useBottomSheetState.ts +5 -17
- package/src/useScaleAnimation.ts +114 -0
- package/lib/commonjs/ScaleBackgroundWrapper.js +0 -69
- package/lib/commonjs/ScaleBackgroundWrapper.js.map +0 -1
- package/lib/typescript/src/ScaleBackgroundWrapper.d.ts +0 -32
- package/lib/typescript/src/ScaleBackgroundWrapper.d.ts.map +0 -1
- package/src/ScaleBackgroundWrapper.tsx +0 -98
|
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useBottomSheetManager = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _compilerRuntime = require("react/compiler-runtime");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var _bottomSheet = require("./bottomSheet.store");
|
|
9
10
|
var _BottomSheetManager = require("./BottomSheetManager.provider");
|
|
10
11
|
var _refsMap = require("./refsMap");
|
|
11
12
|
var _shallow = require("zustand/shallow");
|
|
12
|
-
function
|
|
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
const useBottomSheetManager = () => {
|
|
15
|
+
const $ = (0, _compilerRuntime.c)(15);
|
|
15
16
|
const bottomSheetManagerContext = (0, _BottomSheetManager.useMaybeBottomSheetManagerContext)();
|
|
16
17
|
const {
|
|
17
18
|
pushBottomSheet,
|
|
@@ -19,51 +20,94 @@ const useBottomSheetManager = () => {
|
|
|
19
20
|
switchBottomSheet,
|
|
20
21
|
startClosing,
|
|
21
22
|
storeClearAll
|
|
22
|
-
} = (0, _bottomSheet.useBottomSheetStore)(
|
|
23
|
+
} = (0, _bottomSheet.useBottomSheetStore)(_temp, _shallow.shallow);
|
|
24
|
+
let t0;
|
|
25
|
+
if ($[0] !== bottomSheetManagerContext?.groupId || $[1] !== pushBottomSheet || $[2] !== replaceBottomSheet || $[3] !== switchBottomSheet) {
|
|
26
|
+
t0 = (content, t1) => {
|
|
27
|
+
const options = t1 === undefined ? {} : t1;
|
|
28
|
+
const groupId = options.groupId || bottomSheetManagerContext?.groupId || "default";
|
|
29
|
+
const id = options.id || Math.random().toString(36);
|
|
30
|
+
const ref = /*#__PURE__*/_react.default.createRef();
|
|
31
|
+
_refsMap.sheetRefs[id] = ref;
|
|
32
|
+
const contentWithRef = /*#__PURE__*/_react.default.cloneElement(content, {
|
|
33
|
+
ref
|
|
34
|
+
});
|
|
35
|
+
const sheetData = {
|
|
36
|
+
id,
|
|
37
|
+
groupId,
|
|
38
|
+
content: contentWithRef,
|
|
39
|
+
scaleBackground: options.scaleBackground
|
|
40
|
+
};
|
|
41
|
+
if (options.mode === "replace") {
|
|
42
|
+
replaceBottomSheet(sheetData);
|
|
43
|
+
} else {
|
|
44
|
+
if (options.mode === "switch") {
|
|
45
|
+
switchBottomSheet(sheetData);
|
|
46
|
+
} else {
|
|
47
|
+
pushBottomSheet(sheetData);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return id;
|
|
51
|
+
};
|
|
52
|
+
$[0] = bottomSheetManagerContext?.groupId;
|
|
53
|
+
$[1] = pushBottomSheet;
|
|
54
|
+
$[2] = replaceBottomSheet;
|
|
55
|
+
$[3] = switchBottomSheet;
|
|
56
|
+
$[4] = t0;
|
|
57
|
+
} else {
|
|
58
|
+
t0 = $[4];
|
|
59
|
+
}
|
|
60
|
+
const openBottomSheet = t0;
|
|
61
|
+
let t1;
|
|
62
|
+
if ($[5] !== startClosing) {
|
|
63
|
+
t1 = id_0 => {
|
|
64
|
+
startClosing(id_0);
|
|
65
|
+
};
|
|
66
|
+
$[5] = startClosing;
|
|
67
|
+
$[6] = t1;
|
|
68
|
+
} else {
|
|
69
|
+
t1 = $[6];
|
|
70
|
+
}
|
|
71
|
+
const close = t1;
|
|
72
|
+
let t2;
|
|
73
|
+
if ($[7] !== storeClearAll) {
|
|
74
|
+
t2 = () => {
|
|
75
|
+
storeClearAll();
|
|
76
|
+
};
|
|
77
|
+
$[7] = storeClearAll;
|
|
78
|
+
$[8] = t2;
|
|
79
|
+
} else {
|
|
80
|
+
t2 = $[8];
|
|
81
|
+
}
|
|
82
|
+
const clearAll = t2;
|
|
83
|
+
let t3;
|
|
84
|
+
if ($[9] !== clearAll || $[10] !== close || $[11] !== openBottomSheet || $[12] !== pushBottomSheet || $[13] !== replaceBottomSheet) {
|
|
85
|
+
t3 = {
|
|
86
|
+
clearAll,
|
|
87
|
+
close,
|
|
88
|
+
openBottomSheet,
|
|
89
|
+
pushBottomSheet,
|
|
90
|
+
replaceBottomSheet
|
|
91
|
+
};
|
|
92
|
+
$[9] = clearAll;
|
|
93
|
+
$[10] = close;
|
|
94
|
+
$[11] = openBottomSheet;
|
|
95
|
+
$[12] = pushBottomSheet;
|
|
96
|
+
$[13] = replaceBottomSheet;
|
|
97
|
+
$[14] = t3;
|
|
98
|
+
} else {
|
|
99
|
+
t3 = $[14];
|
|
100
|
+
}
|
|
101
|
+
return t3;
|
|
102
|
+
};
|
|
103
|
+
exports.useBottomSheetManager = useBottomSheetManager;
|
|
104
|
+
function _temp(store) {
|
|
105
|
+
return {
|
|
23
106
|
storeClearAll: store.clearAll,
|
|
24
107
|
replaceBottomSheet: store.replace,
|
|
25
108
|
pushBottomSheet: store.push,
|
|
26
109
|
switchBottomSheet: store.switch,
|
|
27
110
|
startClosing: store.startClosing
|
|
28
|
-
}), _shallow.shallow);
|
|
29
|
-
const openBottomSheet = (0, _react.useCallback)((content, options = {}) => {
|
|
30
|
-
const groupId = options.groupId || bottomSheetManagerContext?.groupId || 'default';
|
|
31
|
-
const id = options.id || Math.random().toString(36);
|
|
32
|
-
const ref = /*#__PURE__*/_react.default.createRef();
|
|
33
|
-
_refsMap.sheetRefs[id] = ref;
|
|
34
|
-
|
|
35
|
-
// @ts-ignore
|
|
36
|
-
const contentWithRef = /*#__PURE__*/_react.default.cloneElement(content, {
|
|
37
|
-
ref
|
|
38
|
-
});
|
|
39
|
-
const sheetData = {
|
|
40
|
-
id,
|
|
41
|
-
groupId,
|
|
42
|
-
content: contentWithRef,
|
|
43
|
-
scaleBackground: options.scaleBackground
|
|
44
|
-
};
|
|
45
|
-
if (options.mode === 'replace') {
|
|
46
|
-
replaceBottomSheet(sheetData);
|
|
47
|
-
} else if (options.mode === 'switch') {
|
|
48
|
-
switchBottomSheet(sheetData);
|
|
49
|
-
} else {
|
|
50
|
-
pushBottomSheet(sheetData);
|
|
51
|
-
}
|
|
52
|
-
return id;
|
|
53
|
-
}, [bottomSheetManagerContext?.groupId, pushBottomSheet, replaceBottomSheet, switchBottomSheet]);
|
|
54
|
-
const close = (0, _react.useCallback)(id => {
|
|
55
|
-
startClosing(id);
|
|
56
|
-
}, [startClosing]);
|
|
57
|
-
const clearAll = (0, _react.useCallback)(() => {
|
|
58
|
-
storeClearAll();
|
|
59
|
-
}, [storeClearAll]);
|
|
60
|
-
return {
|
|
61
|
-
clearAll,
|
|
62
|
-
close,
|
|
63
|
-
openBottomSheet,
|
|
64
|
-
pushBottomSheet,
|
|
65
|
-
replaceBottomSheet
|
|
66
111
|
};
|
|
67
|
-
}
|
|
68
|
-
exports.useBottomSheetManager = useBottomSheetManager;
|
|
112
|
+
}
|
|
69
113
|
//# sourceMappingURL=useBottomSheetManager.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_bottomSheet","_BottomSheetManager","_refsMap","_shallow","e","__esModule","default","useBottomSheetManager","$","_compilerRuntime","c","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","pushBottomSheet","replaceBottomSheet","switchBottomSheet","startClosing","storeClearAll","useBottomSheetStore","_temp","shallow","t0","groupId","content","t1","options","undefined","id","Math","random","toString","ref","React","createRef","sheetRefs","contentWithRef","cloneElement","sheetData","scaleBackground","mode","openBottomSheet","id_0","close","t2","clearAll","t3","exports","store","replace","push","switch"],"sourceRoot":"../../src","sources":["useBottomSheetManager.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,28 +4,51 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useBottomSheetState = useBottomSheetState;
|
|
7
|
-
var
|
|
7
|
+
var _compilerRuntime = require("react/compiler-runtime");
|
|
8
8
|
var _BottomSheet = require("./BottomSheet.context");
|
|
9
9
|
var _bottomSheet = require("./bottomSheet.store");
|
|
10
|
-
var _shallow = require("zustand/shallow");
|
|
11
10
|
function useBottomSheetState() {
|
|
11
|
+
const $ = (0, _compilerRuntime.c)(8);
|
|
12
12
|
const context = (0, _BottomSheet.useMaybeBottomSheetContext)();
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
let t0;
|
|
14
|
+
if ($[0] !== context?.id) {
|
|
15
|
+
t0 = state => state.sheetsById[context?.id];
|
|
16
|
+
$[0] = context?.id;
|
|
17
|
+
$[1] = t0;
|
|
18
|
+
} else {
|
|
19
|
+
t0 = $[1];
|
|
20
|
+
}
|
|
21
|
+
const bottomSheetState = (0, _bottomSheet.useBottomSheetStore)(t0);
|
|
22
|
+
const startClosing = (0, _bottomSheet.useBottomSheetStore)(_temp);
|
|
21
23
|
if (!bottomSheetState) {
|
|
22
|
-
throw new Error(
|
|
24
|
+
throw new Error("useBottomSheetState must be used within a BottomSheetProvider");
|
|
25
|
+
}
|
|
26
|
+
let t1;
|
|
27
|
+
if ($[2] !== bottomSheetState || $[3] !== startClosing) {
|
|
28
|
+
t1 = () => startClosing(bottomSheetState.id);
|
|
29
|
+
$[2] = bottomSheetState;
|
|
30
|
+
$[3] = startClosing;
|
|
31
|
+
$[4] = t1;
|
|
32
|
+
} else {
|
|
33
|
+
t1 = $[4];
|
|
23
34
|
}
|
|
24
|
-
const close =
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
35
|
+
const close = t1;
|
|
36
|
+
let t2;
|
|
37
|
+
if ($[5] !== bottomSheetState || $[6] !== close) {
|
|
38
|
+
t2 = {
|
|
39
|
+
bottomSheetState,
|
|
40
|
+
close,
|
|
41
|
+
closeBottomSheet: close
|
|
42
|
+
};
|
|
43
|
+
$[5] = bottomSheetState;
|
|
44
|
+
$[6] = close;
|
|
45
|
+
$[7] = t2;
|
|
46
|
+
} else {
|
|
47
|
+
t2 = $[7];
|
|
48
|
+
}
|
|
49
|
+
return t2;
|
|
50
|
+
}
|
|
51
|
+
function _temp(state_0) {
|
|
52
|
+
return state_0.startClosing;
|
|
30
53
|
}
|
|
31
54
|
//# sourceMappingURL=useBottomSheetState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_BottomSheet","require","_bottomSheet","useBottomSheetState","$","_compilerRuntime","c","context","useMaybeBottomSheetContext","t0","id","state","sheetsById","bottomSheetState","useBottomSheetStore","startClosing","_temp","Error","t1","close","t2","closeBottomSheet","state_0"],"sourceRoot":"../../src","sources":["useBottomSheetState.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKO,SAAAE,oBAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAKL,MAAAC,OAAA,GAAgB,IAAAC,uCAA0B,EAAC,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAG,OAAA,EAAAG,EAAA;IAG3CD,EAAA,GAAAE,KAAA,IAAWA,KAAK,CAAAC,UAAW,CAACL,OAAO,EAAAG,EAAI,CAAE;IAAAN,CAAA,MAAAG,OAAA,EAAAG,EAAA;IAAAN,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAD3C,MAAAS,gBAAA,GAAyB,IAAAC,gCAAmB,EAC1CL,EACF,CAAC;EAED,MAAAM,YAAA,GAAqB,IAAAD,gCAAmB,EAACE,KAA6B,CAAC;EAEvE,IAAI,CAACH,gBAAgB;IACnB,MAAM,IAAII,KAAK,CACb,+DACF,CAAC;EAAC;EACH,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAS,gBAAA,IAAAT,CAAA,QAAAW,YAAA;IAEaG,EAAA,GAAAA,CAAA,KAAMH,YAAY,CAACF,gBAAgB,CAAAH,EAAG,CAAC;IAAAN,CAAA,MAAAS,gBAAA;IAAAT,CAAA,MAAAW,YAAA;IAAAX,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAArD,MAAAe,KAAA,GAAcD,EAAuC;EAAC,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAS,gBAAA,IAAAT,CAAA,QAAAe,KAAA;IAE/CC,EAAA;MAAAP,gBAAA;MAAAM,KAAA;MAAAE,gBAAA,EAGaF;IACpB,CAAC;IAAAf,CAAA,MAAAS,gBAAA;IAAAT,CAAA,MAAAe,KAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAJMgB,EAIN;AAAA;AAzBI,SAAAJ,MAAAM,OAAA;EAAA,OAW+CX,OAAK,CAAAI,YAAa;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useScaleAnimatedStyle = useScaleAnimatedStyle;
|
|
7
|
+
exports.useScaleDepth = useScaleDepth;
|
|
8
|
+
var _compilerRuntime = require("react/compiler-runtime");
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
11
|
+
var _bottomSheet = require("./bottomSheet.store");
|
|
12
|
+
const DEFAULT_CONFIG = {
|
|
13
|
+
scale: 0.92,
|
|
14
|
+
translateY: 10,
|
|
15
|
+
borderRadius: 12,
|
|
16
|
+
duration: 300
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Returns the number of sheets with scaleBackground above a given element.
|
|
21
|
+
* For background wrapper, pass undefined as sheetId - returns 0 or 1 (binary).
|
|
22
|
+
* For sheets, returns the count of scaleBackground sheets above it.
|
|
23
|
+
* Uses shallow comparison internally for optimal re-renders.
|
|
24
|
+
*/
|
|
25
|
+
function useScaleDepth(groupId, sheetId) {
|
|
26
|
+
const $ = (0, _compilerRuntime.c)(3);
|
|
27
|
+
const prevDepthRef = (0, _react.useRef)(0);
|
|
28
|
+
let t0;
|
|
29
|
+
if ($[0] !== groupId || $[1] !== sheetId) {
|
|
30
|
+
t0 = state => {
|
|
31
|
+
const {
|
|
32
|
+
stackOrder,
|
|
33
|
+
sheetsById
|
|
34
|
+
} = state;
|
|
35
|
+
const startIndex = sheetId ? stackOrder.indexOf(sheetId) + 1 : 0;
|
|
36
|
+
if (sheetId && startIndex === 0) {
|
|
37
|
+
return prevDepthRef.current;
|
|
38
|
+
}
|
|
39
|
+
let depth = 0;
|
|
40
|
+
for (let i = startIndex; i < stackOrder.length; i++) {
|
|
41
|
+
const id = stackOrder[i];
|
|
42
|
+
const sheet = sheetsById[id];
|
|
43
|
+
if (sheet && sheet.groupId === groupId && sheet.scaleBackground && sheet.status !== "closing") {
|
|
44
|
+
depth++;
|
|
45
|
+
if (!sheetId) {
|
|
46
|
+
break;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
prevDepthRef.current = depth;
|
|
51
|
+
return depth;
|
|
52
|
+
};
|
|
53
|
+
$[0] = groupId;
|
|
54
|
+
$[1] = sheetId;
|
|
55
|
+
$[2] = t0;
|
|
56
|
+
} else {
|
|
57
|
+
t0 = $[2];
|
|
58
|
+
}
|
|
59
|
+
const scaleDepthSelector = t0;
|
|
60
|
+
return (0, _bottomSheet.useBottomSheetStore)(scaleDepthSelector);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* Returns animated style for scale effect based on depth.
|
|
65
|
+
* Uses power scaling: scale^depth for cascading effect.
|
|
66
|
+
*/
|
|
67
|
+
function useScaleAnimatedStyle(depth, config) {
|
|
68
|
+
const {
|
|
69
|
+
scale: t0,
|
|
70
|
+
translateY: t1,
|
|
71
|
+
borderRadius: t2,
|
|
72
|
+
duration: t3
|
|
73
|
+
} = config ?? {};
|
|
74
|
+
const scale = t0 === undefined ? DEFAULT_CONFIG.scale : t0;
|
|
75
|
+
const translateY = t1 === undefined ? DEFAULT_CONFIG.translateY : t1;
|
|
76
|
+
const borderRadius = t2 === undefined ? DEFAULT_CONFIG.borderRadius : t2;
|
|
77
|
+
const duration = t3 === undefined ? DEFAULT_CONFIG.duration : t3;
|
|
78
|
+
const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)(depth, {
|
|
79
|
+
duration
|
|
80
|
+
}));
|
|
81
|
+
return (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
82
|
+
const p = progress.value;
|
|
83
|
+
if (p === 0) {
|
|
84
|
+
return {
|
|
85
|
+
transform: [{
|
|
86
|
+
scale: 1
|
|
87
|
+
}, {
|
|
88
|
+
translateY: 0
|
|
89
|
+
}],
|
|
90
|
+
borderRadius: 0,
|
|
91
|
+
overflow: "visible"
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
const currentScale = Math.pow(scale, p);
|
|
95
|
+
const currentTranslateY = translateY * p;
|
|
96
|
+
const currentBorderRadius = Math.min(borderRadius * p, borderRadius);
|
|
97
|
+
return {
|
|
98
|
+
transform: [{
|
|
99
|
+
scale: currentScale
|
|
100
|
+
}, {
|
|
101
|
+
translateY: currentTranslateY
|
|
102
|
+
}],
|
|
103
|
+
borderRadius: currentBorderRadius,
|
|
104
|
+
overflow: "hidden"
|
|
105
|
+
};
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
//# sourceMappingURL=useScaleAnimation.js.map
|
|
@@ -0,0 +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","config","t1","t2","t3","undefined","progress","useDerivedValue","withTiming","useAnimatedStyle","p","value","transform","overflow","currentScale","Math","pow","currentTranslateY","currentBorderRadius","min"],"sourceRoot":"../../src","sources":["useScaleAnimation.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../example/src/App.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../example/src/App.tsx"],"names":[],"mappings":"AAwBA,MAAM,CAAC,OAAO,UAAU,GAAG,4CAgB1B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface BottomSheetBackdropProps {
|
|
2
|
+
sheetId: string;
|
|
3
|
+
onPress?: () => void;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Custom backdrop component rendered separately from the scaled sheet content.
|
|
7
|
+
* This ensures the backdrop doesn't scale with the sheet.
|
|
8
|
+
* Opacity is interpolated from the bottom sheet's animatedIndex for smooth animation.
|
|
9
|
+
*/
|
|
10
|
+
export declare function BottomSheetBackdrop({ sheetId, onPress, }: BottomSheetBackdropProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=BottomSheetBackdrop.d.ts.map
|
|
@@ -0,0 +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,2CA6B1B"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Container?: React.ComponentType<any>;
|
|
4
|
-
}
|
|
5
|
-
declare function BottomSheetHostComp({ Container }: BottomSheetHostProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const BottomSheetHost: React.MemoExoticComponent<typeof BottomSheetHostComp>;
|
|
1
|
+
declare function BottomSheetHostComp(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const BottomSheetHost: typeof BottomSheetHostComp;
|
|
7
3
|
export {};
|
|
8
4
|
//# sourceMappingURL=BottomSheetHost.d.ts.map
|
|
@@ -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":"AAkBA,iBAAS,mBAAmB,4CA+B3B;AA4DD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetManaged.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManaged.tsx"],"names":[],"mappings":"AAAA,OAA4B,
|
|
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;AAK7D,eAAO,MAAM,kBAAkB,gGA8D9B,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { ScaleConfig } from './useScaleAnimation';
|
|
2
3
|
export interface BottomSheetManagerContextValue {
|
|
3
4
|
groupId: string;
|
|
5
|
+
scaleConfig?: ScaleConfig;
|
|
4
6
|
}
|
|
5
7
|
export declare const BottomSheetManagerContext: React.Context<BottomSheetManagerContextValue | null>;
|
|
6
8
|
//# sourceMappingURL=BottomSheetManager.context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetManager.context.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheetManager.context.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,yBAAyB,sDAC4B,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type PropsWithChildren } from 'react';
|
|
2
2
|
import { type BottomSheetManagerContextValue } from './BottomSheetManager.context';
|
|
3
|
+
import type { ScaleConfig } from './useScaleAnimation';
|
|
3
4
|
interface ProviderProps extends PropsWithChildren {
|
|
4
5
|
id: string;
|
|
6
|
+
scaleConfig?: ScaleConfig;
|
|
5
7
|
}
|
|
6
|
-
declare function
|
|
7
|
-
export declare const BottomSheetManagerProvider: React.MemoExoticComponent<typeof BottomSheetManagerProviderComp>;
|
|
8
|
+
export declare function BottomSheetManagerProvider({ id, scaleConfig, children, }: ProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export declare const useBottomSheetManagerContext: () => BottomSheetManagerContextValue;
|
|
9
10
|
export declare const useMaybeBottomSheetManagerContext: () => BottomSheetManagerContextValue | null;
|
|
10
11
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetManager.provider.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.provider.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"BottomSheetManager.provider.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.provider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,EAAE,EACF,WAAW,EACX,QAAQ,GACT,EAAE,aAAa,2CAQf;AAED,eAAO,MAAM,4BAA4B,QACnC,8BASH,CAAC;AAEJ,eAAO,MAAM,iCAAiC,QACxC,8BAA8B,GAAG,IAOpC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type PropsWithChildren } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Wraps your app content with iOS-style scale animation when a bottom sheet
|
|
4
|
+
* with scaleBackground: true is open. Place your main content inside this
|
|
5
|
+
* component, but keep BottomSheetHost outside of it.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <BottomSheetManagerProvider id="default" scaleConfig={{ scale: 0.92 }}>
|
|
10
|
+
* <BottomSheetScaleView>
|
|
11
|
+
* <MainContent />
|
|
12
|
+
* </BottomSheetScaleView>
|
|
13
|
+
* <BottomSheetHost />
|
|
14
|
+
* </BottomSheetManagerProvider>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export declare function BottomSheetScaleView({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=BottomSheetScaleView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetScaleView.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetScaleView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM3D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAanE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animatedRegistry.d.ts","sourceRoot":"","sources":["../../../src/animatedRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQxE,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CASrE;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE1D"}
|
|
@@ -10,7 +10,8 @@ export interface BottomSheetState {
|
|
|
10
10
|
}
|
|
11
11
|
type TriggerState = Omit<BottomSheetState, 'status'>;
|
|
12
12
|
interface BottomSheetStoreState {
|
|
13
|
-
|
|
13
|
+
sheetsById: Record<string, BottomSheetState>;
|
|
14
|
+
stackOrder: string[];
|
|
14
15
|
}
|
|
15
16
|
interface BottomSheetStoreActions {
|
|
16
17
|
push(sheet: TriggerState): void;
|
|
@@ -21,10 +22,11 @@ interface BottomSheetStoreActions {
|
|
|
21
22
|
finishClosing(id: string): void;
|
|
22
23
|
clearAll(): void;
|
|
23
24
|
}
|
|
24
|
-
export
|
|
25
|
+
export type BottomSheetStore = BottomSheetStoreState & BottomSheetStoreActions;
|
|
26
|
+
export declare const useBottomSheetStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<import("zustand/vanilla").StoreApi<BottomSheetStore>, "subscribe"> & {
|
|
25
27
|
subscribe: {
|
|
26
|
-
(listener: (selectedState:
|
|
27
|
-
<U>(selector: (state:
|
|
28
|
+
(listener: (selectedState: BottomSheetStore, previousSelectedState: BottomSheetStore) => void): () => void;
|
|
29
|
+
<U>(selector: (state: BottomSheetStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
|
|
28
30
|
equalityFn?: ((a: U, b: U) => boolean) | undefined;
|
|
29
31
|
fireImmediately?: boolean;
|
|
30
32
|
} | undefined): () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottomSheet.store.d.ts","sourceRoot":"","sources":["../../../src/bottomSheet.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAErD,UAAU,qBAAqB;IAC7B,
|
|
1
|
+
{"version":3,"file":"bottomSheet.store.d.ts","sourceRoot":"","sources":["../../../src/bottomSheet.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAErD,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,UAAU,uBAAuB;IAC/B,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAE/E,eAAO,MAAM,mBAAmB;;;;;;;;EAkI/B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare function initBottomSheetCoordinator(): void;
|
|
1
|
+
export declare function initBottomSheetCoordinator(groupId: string): () => void;
|
|
2
2
|
/**
|
|
3
3
|
* Creates event handlers for a bottom sheet that sync gorhom events back to the store.
|
|
4
4
|
* Direction: Gorhom Events → Store
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottomSheetCoordinator.d.ts","sourceRoot":"","sources":["../../../src/bottomSheetCoordinator.ts"],"names":[],"mappings":"AAGA,wBAAgB,0BAA0B,
|
|
1
|
+
{"version":3,"file":"bottomSheetCoordinator.d.ts","sourceRoot":"","sources":["../../../src/bottomSheetCoordinator.ts"],"names":[],"mappings":"AAGA,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,MAAM,cAgCzD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM;+BAIpB,MAAM,WAAW,MAAM;;EA8B1D"}
|
|
@@ -3,5 +3,6 @@ export { BottomSheetManagerProvider } from './BottomSheetManager.provider';
|
|
|
3
3
|
export { useBottomSheetManager } from './useBottomSheetManager';
|
|
4
4
|
export { useBottomSheetState } from './useBottomSheetState';
|
|
5
5
|
export { BottomSheetManaged } from './BottomSheetManaged';
|
|
6
|
-
export {
|
|
6
|
+
export { BottomSheetScaleView } from './BottomSheetScaleView';
|
|
7
|
+
export { type ScaleConfig } from './useScaleAnimation';
|
|
7
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBottomSheetManager.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useBottomSheetManager.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMzE,eAAO,MAAM,qBAAqB;;gBA0Db,MAAM;+BArCd,KAAK,CAAC,YAAY,YAClB;QACP,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B;;;;;;;;;;;;;CA8CJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBottomSheetState.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetState.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useBottomSheetState.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetState.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,mBAAmB,IAAI;IACrC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAsBA"}
|