related-ui-components 3.1.0 → 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -19,16 +19,11 @@ export const BottomSheetStackProvider = ({
|
|
|
19
19
|
setStack(prev => [...prev, item]);
|
|
20
20
|
}, []);
|
|
21
21
|
const clear = useCallback(() => {
|
|
22
|
-
sheetRef.current?.close();
|
|
23
22
|
setStack([]);
|
|
24
23
|
}, []);
|
|
25
24
|
const pop = useCallback(() => {
|
|
26
|
-
// if (stack.length <= 1) {
|
|
27
|
-
// clear();
|
|
28
|
-
// return;
|
|
29
|
-
// }
|
|
30
25
|
setStack(prev => prev.slice(0, -1));
|
|
31
|
-
}, [
|
|
26
|
+
}, []);
|
|
32
27
|
const replace = useCallback(item => {
|
|
33
28
|
setStack([item]);
|
|
34
29
|
}, []);
|
|
@@ -36,6 +31,9 @@ export const BottomSheetStackProvider = ({
|
|
|
36
31
|
const canGoBack = stack.length > 1;
|
|
37
32
|
const isOpen = stack.length > 0;
|
|
38
33
|
useEffect(() => {
|
|
34
|
+
if (stack === undefined || stack.length === 0) {
|
|
35
|
+
sheetRef.current?.close();
|
|
36
|
+
}
|
|
39
37
|
if (isOpen && currentItem) {
|
|
40
38
|
sheetRef.current?.snapToIndex(currentItem.initialSnapIndex ?? 0);
|
|
41
39
|
}
|
|
@@ -69,7 +67,6 @@ export const BottomSheetStackProvider = ({
|
|
|
69
67
|
pop,
|
|
70
68
|
replace,
|
|
71
69
|
clear
|
|
72
|
-
// canGoBack,
|
|
73
70
|
}), [push, pop, replace, clear]);
|
|
74
71
|
return /*#__PURE__*/_jsxs(BottomSheetStackContext.Provider, {
|
|
75
72
|
value: contextValue,
|
|
@@ -77,7 +74,7 @@ export const BottomSheetStackProvider = ({
|
|
|
77
74
|
ref: sheetRef,
|
|
78
75
|
index: -1,
|
|
79
76
|
snapPoints: currentItem?.snapPoints || ["100%"],
|
|
80
|
-
enableDynamicSizing: currentItem?.dynamicSizing
|
|
77
|
+
enableDynamicSizing: currentItem?.dynamicSizing || false,
|
|
81
78
|
enablePanDownToClose: true,
|
|
82
79
|
android_keyboardInputMode: "adjustResize",
|
|
83
80
|
enableBlurKeyboardOnGesture: true,
|
|
@@ -88,8 +85,9 @@ export const BottomSheetStackProvider = ({
|
|
|
88
85
|
topInset: top,
|
|
89
86
|
handleIndicatorStyle: {
|
|
90
87
|
backgroundColor: "#CCCCCC"
|
|
91
|
-
}
|
|
92
|
-
style
|
|
88
|
+
}
|
|
89
|
+
// style={styles.sheetContainer}
|
|
90
|
+
,
|
|
93
91
|
...currentItem?.bottomSheetProps,
|
|
94
92
|
children: currentItem && /*#__PURE__*/_jsx(AnimatedView, {
|
|
95
93
|
entering: enteringAnimation,
|
|
@@ -101,11 +99,6 @@ export const BottomSheetStackProvider = ({
|
|
|
101
99
|
});
|
|
102
100
|
};
|
|
103
101
|
const styles = StyleSheet.create({
|
|
104
|
-
sheetContainer: {
|
|
105
|
-
// backgroundColor: "#FFFFFF",
|
|
106
|
-
// borderTopLeftRadius: 20,
|
|
107
|
-
// borderTopRightRadius: 20,
|
|
108
|
-
},
|
|
109
102
|
animatedView: {
|
|
110
103
|
flex: 1
|
|
111
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","
|
|
1
|
+
{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","pop","slice","replace","currentItem","length","canGoBack","isOpen","undefined","current","close","snapToIndex","initialSnapIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","contextValue","Provider","value","ref","index","snapPoints","enableDynamicSizing","dynamicSizing","enablePanDownToClose","android_keyboardInputMode","enableBlurKeyboardOnGesture","keyboardBlurBehavior","keyboardBehavior","onClose","backdropComponent","topInset","handleIndicatorStyle","bottomSheetProps","entering","exiting","styles","animatedView","component","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiHtE,CAAC"}
|
package/package.json
CHANGED
|
@@ -30,17 +30,12 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
|
|
|
30
30
|
}, []);
|
|
31
31
|
|
|
32
32
|
const clear = useCallback(() => {
|
|
33
|
-
sheetRef.current?.close();
|
|
34
33
|
setStack([]);
|
|
35
34
|
}, []);
|
|
36
35
|
|
|
37
36
|
const pop = useCallback(() => {
|
|
38
|
-
// if (stack.length <= 1) {
|
|
39
|
-
// clear();
|
|
40
|
-
// return;
|
|
41
|
-
// }
|
|
42
37
|
setStack((prev) => prev.slice(0, -1));
|
|
43
|
-
}, [
|
|
38
|
+
}, []);
|
|
44
39
|
|
|
45
40
|
const replace = useCallback((item: BottomSheetStackItem) => {
|
|
46
41
|
setStack([item]);
|
|
@@ -51,6 +46,9 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
|
|
|
51
46
|
const isOpen = stack.length > 0;
|
|
52
47
|
|
|
53
48
|
useEffect(() => {
|
|
49
|
+
if (stack === undefined || stack.length === 0) {
|
|
50
|
+
sheetRef.current?.close();
|
|
51
|
+
}
|
|
54
52
|
if (isOpen && currentItem) {
|
|
55
53
|
sheetRef.current?.snapToIndex(currentItem.initialSnapIndex ?? 0);
|
|
56
54
|
}
|
|
@@ -90,24 +88,24 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
|
|
|
90
88
|
[]
|
|
91
89
|
);
|
|
92
90
|
|
|
93
|
-
const contextValue = useMemo(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
91
|
+
const contextValue = useMemo(
|
|
92
|
+
() => ({
|
|
93
|
+
push,
|
|
94
|
+
pop,
|
|
95
|
+
replace,
|
|
96
|
+
clear,
|
|
97
|
+
}),
|
|
98
|
+
[push, pop, replace, clear]
|
|
99
|
+
);
|
|
100
100
|
|
|
101
101
|
return (
|
|
102
|
-
<BottomSheetStackContext.Provider
|
|
103
|
-
value={contextValue}
|
|
104
|
-
>
|
|
102
|
+
<BottomSheetStackContext.Provider value={contextValue}>
|
|
105
103
|
{children}
|
|
106
104
|
<BottomSheet
|
|
107
105
|
ref={sheetRef}
|
|
108
106
|
index={-1}
|
|
109
107
|
snapPoints={currentItem?.snapPoints || ["100%"]}
|
|
110
|
-
enableDynamicSizing={currentItem?.dynamicSizing
|
|
108
|
+
enableDynamicSizing={currentItem?.dynamicSizing || false}
|
|
111
109
|
enablePanDownToClose
|
|
112
110
|
android_keyboardInputMode="adjustResize"
|
|
113
111
|
enableBlurKeyboardOnGesture
|
|
@@ -117,7 +115,7 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
|
|
|
117
115
|
backdropComponent={renderBackdrop}
|
|
118
116
|
topInset={top}
|
|
119
117
|
handleIndicatorStyle={{ backgroundColor: "#CCCCCC" }}
|
|
120
|
-
style={styles.sheetContainer}
|
|
118
|
+
// style={styles.sheetContainer}
|
|
121
119
|
{...currentItem?.bottomSheetProps}
|
|
122
120
|
>
|
|
123
121
|
{currentItem && (
|
|
@@ -136,11 +134,6 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
|
|
|
136
134
|
};
|
|
137
135
|
|
|
138
136
|
const styles = StyleSheet.create({
|
|
139
|
-
sheetContainer: {
|
|
140
|
-
// backgroundColor: "#FFFFFF",
|
|
141
|
-
// borderTopLeftRadius: 20,
|
|
142
|
-
// borderTopRightRadius: 20,
|
|
143
|
-
},
|
|
144
137
|
animatedView: {
|
|
145
138
|
flex: 1,
|
|
146
139
|
},
|