react-native-bottom-sheet-stack 0.1.6 → 0.1.8
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/BottomSheetHost.js +14 -11
- package/lib/commonjs/BottomSheetHost.js.map +1 -1
- package/lib/commonjs/BottomSheetManaged.js +5 -6
- package/lib/commonjs/BottomSheetManaged.js.map +1 -1
- package/lib/commonjs/useBottomSheetManager.js +2 -3
- package/lib/commonjs/useBottomSheetManager.js.map +1 -1
- package/lib/typescript/src/BottomSheetHost.d.ts +4 -1
- package/lib/typescript/src/BottomSheetHost.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheetManaged.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/BottomSheetHost.tsx +25 -14
- package/src/BottomSheetManaged.tsx +9 -4
- package/src/useBottomSheetManager.tsx +1 -1
|
@@ -11,10 +11,11 @@ var _bottomSheet = require("./bottomSheet.store");
|
|
|
11
11
|
var _bottomSheetCoordinator = require("./bottomSheetCoordinator");
|
|
12
12
|
var _BottomSheetManager = require("./BottomSheetManager.provider");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
(0, _bottomSheetCoordinator.initBottomSheetCoordinator)();
|
|
17
|
-
function BottomSheetHostComp(
|
|
16
|
+
function BottomSheetHostComp({
|
|
17
|
+
Container = _react.Fragment
|
|
18
|
+
}) {
|
|
18
19
|
const {
|
|
19
20
|
bottomSheetsStack,
|
|
20
21
|
clearAll
|
|
@@ -43,14 +44,16 @@ function BottomSheetHostComp() {
|
|
|
43
44
|
value: {
|
|
44
45
|
id
|
|
45
46
|
},
|
|
46
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
|
|
48
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
49
|
+
style: [_reactNative.StyleSheet.absoluteFillObject, styles.container, {
|
|
50
|
+
width,
|
|
51
|
+
height
|
|
52
|
+
}],
|
|
53
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedContent, {
|
|
54
|
+
id: id,
|
|
55
|
+
children: content
|
|
56
|
+
})
|
|
54
57
|
})
|
|
55
58
|
})
|
|
56
59
|
}, id))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_BottomSheet","_bottomSheet","_bottomSheetCoordinator","_BottomSheetManager","_jsxRuntime","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_BottomSheet","_bottomSheet","_bottomSheetCoordinator","_BottomSheetManager","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","initBottomSheetCoordinator","BottomSheetHostComp","Container","Fragment","bottomSheetsStack","clearAll","useBottomSheetStore","store","stack","width","height","useWindowDimensions","groupId","useBottomSheetManagerContext","filteredQueue","useMemo","filter","bottomSheet","useEffect","jsx","children","map","id","content","BottomSheetContext","Provider","value","View","style","StyleSheet","absoluteFillObject","styles","container","MemoizedContent","React","memo","prevProps","nextProps","BottomSheetHost","exports","create","zIndex","pointerEvents"],"sourceRoot":"../../src","sources":["BottomSheetHost.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _bottomSheet2 = require("./bottomSheet.store");
|
|
10
10
|
var _useBottomSheetState = require("./useBottomSheetState");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
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; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
const BottomSheetManaged = exports.BottomSheetManaged = /*#__PURE__*/_react.default.forwardRef(({
|
|
15
14
|
children,
|
|
16
15
|
onAnimate,
|
|
@@ -25,13 +24,13 @@ const BottomSheetManaged = exports.BottomSheetManaged = /*#__PURE__*/_react.defa
|
|
|
25
24
|
const {
|
|
26
25
|
bottomSheetState
|
|
27
26
|
} = (0, _useBottomSheetState.useBottomSheetState)();
|
|
28
|
-
const handleOnAnimate = (0, _react.useCallback)((
|
|
29
|
-
if (
|
|
27
|
+
const handleOnAnimate = (0, _react.useCallback)((fromIndex, toIndex, fromPosition, toPosition) => {
|
|
28
|
+
if (toIndex === -1) {
|
|
30
29
|
if (bottomSheetState.status === 'open' || bottomSheetState.status === 'opening') {
|
|
31
30
|
startClosing(bottomSheetState.id);
|
|
32
31
|
}
|
|
33
32
|
}
|
|
34
|
-
if (
|
|
33
|
+
if (fromIndex === -1 && toIndex >= 0) {
|
|
35
34
|
const currentState = _bottomSheet2.useBottomSheetStore.getState();
|
|
36
35
|
_bottomSheet2.useBottomSheetStore.setState({
|
|
37
36
|
stack: currentState.stack.map(s => s.id === bottomSheetState.id ? {
|
|
@@ -40,7 +39,7 @@ const BottomSheetManaged = exports.BottomSheetManaged = /*#__PURE__*/_react.defa
|
|
|
40
39
|
} : s)
|
|
41
40
|
});
|
|
42
41
|
}
|
|
43
|
-
onAnimate?.(
|
|
42
|
+
onAnimate?.(fromIndex, toIndex, fromPosition, toPosition);
|
|
44
43
|
}, [bottomSheetState.id, bottomSheetState.status, onAnimate, startClosing]);
|
|
45
44
|
const config = (0, _bottomSheet.useBottomSheetSpringConfigs)({
|
|
46
45
|
stiffness: 400,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_bottomSheet","_interopRequireWildcard","require","_react","_bottomSheet2","_useBottomSheetState","_jsxRuntime","
|
|
1
|
+
{"version":3,"names":["_bottomSheet","_interopRequireWildcard","require","_react","_bottomSheet2","_useBottomSheetState","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BottomSheetManaged","exports","React","forwardRef","children","onAnimate","onClose","enablePanDownToClose","props","ref","startClosing","finishClosing","useBottomSheetStore","getState","bottomSheetState","useBottomSheetState","handleOnAnimate","useCallback","fromIndex","toIndex","fromPosition","toPosition","status","id","currentState","setState","stack","map","s","config","useBottomSheetSpringConfigs","stiffness","damping","mass","handleClose","renderBackdropComponent","backdropProps","jsx","BottomSheetBackdrop","disappearsOnIndex","appearsOnIndex","animationConfigs","backdropComponent"],"sourceRoot":"../../src","sources":["BottomSheetManaged.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,8 +9,7 @@ var _bottomSheet = require("./bottomSheet.store");
|
|
|
9
9
|
var _BottomSheetManager = require("./BottomSheetManager.provider");
|
|
10
10
|
var _refsMap = require("./refsMap");
|
|
11
11
|
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; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
const useBottomSheetManager = () => {
|
|
15
14
|
const bottomSheetManagerContext = (0, _BottomSheetManager.useMaybeBottomSheetManagerContext)();
|
|
16
15
|
const {
|
|
@@ -28,7 +27,7 @@ const useBottomSheetManager = () => {
|
|
|
28
27
|
}), _shallow.shallow);
|
|
29
28
|
const openBottomSheet = (0, _react.useCallback)((content, options = {}) => {
|
|
30
29
|
const groupId = options.groupId || bottomSheetManagerContext?.groupId || 'default';
|
|
31
|
-
const id = Math.random().toString(36);
|
|
30
|
+
const id = options.id || Math.random().toString(36);
|
|
32
31
|
const ref = /*#__PURE__*/_react.default.createRef();
|
|
33
32
|
_refsMap.sheetRefs[id] = ref;
|
|
34
33
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_bottomSheet","_BottomSheetManager","_refsMap","_shallow","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_bottomSheet","_BottomSheetManager","_refsMap","_shallow","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBottomSheetManager","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","pushBottomSheet","replaceBottomSheet","switchBottomSheet","startClosing","storeClearAll","useBottomSheetStore","store","clearAll","replace","push","switch","shallow","openBottomSheet","useCallback","content","options","groupId","id","Math","random","toString","ref","React","createRef","sheetRefs","contentWithRef","cloneElement","mode","close","exports"],"sourceRoot":"../../src","sources":["useBottomSheetManager.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
interface BottomSheetHostProps {
|
|
3
|
+
Container?: React.ComponentType<any>;
|
|
4
|
+
}
|
|
5
|
+
declare function BottomSheetHostComp({ Container }: BottomSheetHostProps): import("react/jsx-runtime").JSX.Element;
|
|
3
6
|
export declare const BottomSheetHost: React.MemoExoticComponent<typeof BottomSheetHostComp>;
|
|
4
7
|
export {};
|
|
5
8
|
//# sourceMappingURL=BottomSheetHost.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CACtC;AAED,iBAAS,mBAAmB,CAAC,EAAE,SAAoB,EAAE,EAAE,oBAAoB,2CA6C1E;AASD,eAAO,MAAM,eAAe,uDAAkC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetManaged.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManaged.tsx"],"names":[],"mappings":"AAAA,OAA4B,EAI1B,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,cAAe,SAAQ,kBAAkB;CAAG;AAE7D,UAAU,uBAAwB,SAAQ,gBAAgB;CAAG;AAE7D,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"BottomSheetManaged.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManaged.tsx"],"names":[],"mappings":"AAAA,OAA4B,EAI1B,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,cAAe,SAAQ,kBAAkB;CAAG;AAE7D,UAAU,uBAAwB,SAAQ,gBAAgB;CAAG;AAE7D,eAAO,MAAM,kBAAkB,gGAgF9B,CAAC"}
|
package/package.json
CHANGED
package/src/BottomSheetHost.tsx
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, {
|
|
2
|
+
Fragment,
|
|
3
|
+
useEffect,
|
|
4
|
+
useMemo,
|
|
5
|
+
type PropsWithChildren,
|
|
6
|
+
} from 'react';
|
|
2
7
|
import { StyleSheet, useWindowDimensions, View } from 'react-native';
|
|
3
8
|
|
|
4
9
|
import { BottomSheetContext } from './BottomSheet.context';
|
|
@@ -8,7 +13,11 @@ import { useBottomSheetManagerContext } from './BottomSheetManager.provider';
|
|
|
8
13
|
|
|
9
14
|
initBottomSheetCoordinator();
|
|
10
15
|
|
|
11
|
-
|
|
16
|
+
interface BottomSheetHostProps {
|
|
17
|
+
Container?: React.ComponentType<any>;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function BottomSheetHostComp({ Container = Fragment }: BottomSheetHostProps) {
|
|
12
21
|
const { bottomSheetsStack, clearAll } = useBottomSheetStore((store) => ({
|
|
13
22
|
bottomSheetsStack: store.stack,
|
|
14
23
|
clearAll: store.clearAll,
|
|
@@ -35,18 +44,20 @@ function BottomSheetHostComp() {
|
|
|
35
44
|
<>
|
|
36
45
|
{filteredQueue.map(({ id, content }) => (
|
|
37
46
|
<BottomSheetContext.Provider key={id} value={{ id }}>
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
<Container>
|
|
48
|
+
<View
|
|
49
|
+
style={[
|
|
50
|
+
StyleSheet.absoluteFillObject,
|
|
51
|
+
styles.container,
|
|
52
|
+
{
|
|
53
|
+
width,
|
|
54
|
+
height,
|
|
55
|
+
},
|
|
56
|
+
]}
|
|
57
|
+
>
|
|
58
|
+
<MemoizedContent id={id}>{content}</MemoizedContent>
|
|
59
|
+
</View>
|
|
60
|
+
</Container>
|
|
50
61
|
</BottomSheetContext.Provider>
|
|
51
62
|
))}
|
|
52
63
|
</>
|
|
@@ -29,8 +29,13 @@ export const BottomSheetManaged = React.forwardRef<
|
|
|
29
29
|
const { bottomSheetState } = useBottomSheetState();
|
|
30
30
|
|
|
31
31
|
const handleOnAnimate: BottomSheetProps['onAnimate'] = useCallback(
|
|
32
|
-
(
|
|
33
|
-
|
|
32
|
+
(
|
|
33
|
+
fromIndex: number,
|
|
34
|
+
toIndex: number,
|
|
35
|
+
fromPosition: number,
|
|
36
|
+
toPosition: number
|
|
37
|
+
) => {
|
|
38
|
+
if (toIndex === -1) {
|
|
34
39
|
if (
|
|
35
40
|
bottomSheetState.status === 'open' ||
|
|
36
41
|
bottomSheetState.status === 'opening'
|
|
@@ -38,7 +43,7 @@ export const BottomSheetManaged = React.forwardRef<
|
|
|
38
43
|
startClosing(bottomSheetState.id);
|
|
39
44
|
}
|
|
40
45
|
}
|
|
41
|
-
if (
|
|
46
|
+
if (fromIndex === -1 && toIndex >= 0) {
|
|
42
47
|
const currentState = useBottomSheetStore.getState();
|
|
43
48
|
useBottomSheetStore.setState({
|
|
44
49
|
stack: currentState.stack.map((s) =>
|
|
@@ -48,7 +53,7 @@ export const BottomSheetManaged = React.forwardRef<
|
|
|
48
53
|
),
|
|
49
54
|
});
|
|
50
55
|
}
|
|
51
|
-
onAnimate?.(
|
|
56
|
+
onAnimate?.(fromIndex, toIndex, fromPosition, toPosition);
|
|
52
57
|
},
|
|
53
58
|
[bottomSheetState.id, bottomSheetState.status, onAnimate, startClosing]
|
|
54
59
|
);
|
|
@@ -38,7 +38,7 @@ export const useBottomSheetManager = () => {
|
|
|
38
38
|
const groupId =
|
|
39
39
|
options.groupId || bottomSheetManagerContext?.groupId || 'default';
|
|
40
40
|
|
|
41
|
-
const id = Math.random().toString(36);
|
|
41
|
+
const id = options.id || Math.random().toString(36);
|
|
42
42
|
const ref = React.createRef<BottomSheetMethods>();
|
|
43
43
|
|
|
44
44
|
sheetRefs[id] = ref;
|