react-native-bottom-sheet-stack 0.1.4 → 0.1.6
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/useBottomSheetManager.js +2 -10
- package/lib/commonjs/useBottomSheetManager.js.map +1 -1
- package/lib/typescript/src/useBottomSheetManager.d.ts +0 -1
- package/lib/typescript/src/useBottomSheetManager.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/useBottomSheetManager.tsx +11 -17
|
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _bottomSheet = require("./bottomSheet.store");
|
|
9
9
|
var _BottomSheetManager = require("./BottomSheetManager.provider");
|
|
10
10
|
var _refsMap = require("./refsMap");
|
|
11
|
+
var _shallow = require("zustand/shallow");
|
|
11
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); }
|
|
12
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
14
|
const useBottomSheetManager = () => {
|
|
@@ -16,7 +17,6 @@ const useBottomSheetManager = () => {
|
|
|
16
17
|
pushBottomSheet,
|
|
17
18
|
replaceBottomSheet,
|
|
18
19
|
switchBottomSheet,
|
|
19
|
-
stack,
|
|
20
20
|
startClosing,
|
|
21
21
|
storeClearAll
|
|
22
22
|
} = (0, _bottomSheet.useBottomSheetStore)(store => ({
|
|
@@ -24,9 +24,8 @@ const useBottomSheetManager = () => {
|
|
|
24
24
|
replaceBottomSheet: store.replace,
|
|
25
25
|
pushBottomSheet: store.push,
|
|
26
26
|
switchBottomSheet: store.switch,
|
|
27
|
-
stack: store.stack,
|
|
28
27
|
startClosing: store.startClosing
|
|
29
|
-
}));
|
|
28
|
+
}), _shallow.shallow);
|
|
30
29
|
const openBottomSheet = (0, _react.useCallback)((content, options = {}) => {
|
|
31
30
|
const groupId = options.groupId || bottomSheetManagerContext?.groupId || 'default';
|
|
32
31
|
const id = Math.random().toString(36);
|
|
@@ -58,12 +57,6 @@ const useBottomSheetManager = () => {
|
|
|
58
57
|
}
|
|
59
58
|
return id;
|
|
60
59
|
}, [bottomSheetManagerContext?.groupId, pushBottomSheet, replaceBottomSheet, switchBottomSheet]);
|
|
61
|
-
const closeTop = (0, _react.useCallback)(() => {
|
|
62
|
-
const top = stack.at(-1);
|
|
63
|
-
if (top) {
|
|
64
|
-
startClosing(top.id);
|
|
65
|
-
}
|
|
66
|
-
}, [stack, startClosing]);
|
|
67
60
|
const close = (0, _react.useCallback)(id => {
|
|
68
61
|
startClosing(id);
|
|
69
62
|
}, [startClosing]);
|
|
@@ -72,7 +65,6 @@ const useBottomSheetManager = () => {
|
|
|
72
65
|
}, [storeClearAll]);
|
|
73
66
|
return {
|
|
74
67
|
clearAll,
|
|
75
|
-
closeTop,
|
|
76
68
|
close,
|
|
77
69
|
openBottomSheet,
|
|
78
70
|
pushBottomSheet,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_bottomSheet","_BottomSheetManager","_refsMap","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useBottomSheetManager","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","pushBottomSheet","replaceBottomSheet","switchBottomSheet","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_bottomSheet","_BottomSheetManager","_refsMap","_shallow","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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":[]}
|
|
@@ -2,7 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { type OpenMode } from './bottomSheet.store';
|
|
3
3
|
export declare const useBottomSheetManager: () => {
|
|
4
4
|
clearAll: () => void;
|
|
5
|
-
closeTop: () => void;
|
|
6
5
|
close: (id: string) => void;
|
|
7
6
|
openBottomSheet: (content: React.ReactElement, options?: {
|
|
8
7
|
id?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBottomSheetManager.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"useBottomSheetManager.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMzE,eAAO,MAAM,qBAAqB;;gBAuEzB,MAAM;+BAjDA,KAAK,CAAC,YAAY,YAClB;QACP,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;KACjB;;;;;;;;;;;CA6DN,CAAC"}
|
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@ import { useBottomSheetStore, type OpenMode } from './bottomSheet.store';
|
|
|
4
4
|
import { useMaybeBottomSheetManagerContext } from './BottomSheetManager.provider';
|
|
5
5
|
import { sheetRefs } from './refsMap';
|
|
6
6
|
import type { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
|
|
7
|
+
import { shallow } from 'zustand/shallow';
|
|
7
8
|
|
|
8
9
|
export const useBottomSheetManager = () => {
|
|
9
10
|
const bottomSheetManagerContext = useMaybeBottomSheetManagerContext();
|
|
@@ -12,17 +13,18 @@ export const useBottomSheetManager = () => {
|
|
|
12
13
|
pushBottomSheet,
|
|
13
14
|
replaceBottomSheet,
|
|
14
15
|
switchBottomSheet,
|
|
15
|
-
stack,
|
|
16
16
|
startClosing,
|
|
17
17
|
storeClearAll,
|
|
18
|
-
} = useBottomSheetStore(
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
} = useBottomSheetStore(
|
|
19
|
+
(store) => ({
|
|
20
|
+
storeClearAll: store.clearAll,
|
|
21
|
+
replaceBottomSheet: store.replace,
|
|
22
|
+
pushBottomSheet: store.push,
|
|
23
|
+
switchBottomSheet: store.switch,
|
|
24
|
+
startClosing: store.startClosing,
|
|
25
|
+
}),
|
|
26
|
+
shallow
|
|
27
|
+
);
|
|
26
28
|
|
|
27
29
|
const openBottomSheet = useCallback(
|
|
28
30
|
(
|
|
@@ -74,13 +76,6 @@ export const useBottomSheetManager = () => {
|
|
|
74
76
|
]
|
|
75
77
|
);
|
|
76
78
|
|
|
77
|
-
const closeTop = useCallback(() => {
|
|
78
|
-
const top = stack.at(-1);
|
|
79
|
-
if (top) {
|
|
80
|
-
startClosing(top.id);
|
|
81
|
-
}
|
|
82
|
-
}, [stack, startClosing]);
|
|
83
|
-
|
|
84
79
|
const close = useCallback(
|
|
85
80
|
(id: string) => {
|
|
86
81
|
startClosing(id);
|
|
@@ -94,7 +89,6 @@ export const useBottomSheetManager = () => {
|
|
|
94
89
|
|
|
95
90
|
return {
|
|
96
91
|
clearAll,
|
|
97
|
-
closeTop,
|
|
98
92
|
close,
|
|
99
93
|
openBottomSheet,
|
|
100
94
|
pushBottomSheet,
|