related-ui-components 3.0.9 → 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.
- package/lib/module/contexts/BottomSheetStackProvider.js +10 -17
- package/lib/module/contexts/BottomSheetStackProvider.js.map +1 -1
- package/lib/typescript/src/contexts/BottomSheetStackContext.d.ts +0 -1
- package/lib/typescript/src/contexts/BottomSheetStackContext.d.ts.map +1 -1
- package/lib/typescript/src/contexts/BottomSheetStackProvider.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/contexts/BottomSheetStackContext.tsx +1 -1
- package/src/contexts/BottomSheetStackProvider.tsx +16 -23
|
@@ -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
|
}
|
|
@@ -68,16 +66,15 @@ export const BottomSheetStackProvider = ({
|
|
|
68
66
|
push,
|
|
69
67
|
pop,
|
|
70
68
|
replace,
|
|
71
|
-
clear
|
|
72
|
-
|
|
73
|
-
}), [push, pop, replace, clear, canGoBack]);
|
|
69
|
+
clear
|
|
70
|
+
}), [push, pop, replace, clear]);
|
|
74
71
|
return /*#__PURE__*/_jsxs(BottomSheetStackContext.Provider, {
|
|
75
72
|
value: contextValue,
|
|
76
73
|
children: [children, /*#__PURE__*/_jsx(BottomSheet, {
|
|
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":[]}
|
|
@@ -12,7 +12,6 @@ export interface BottomSheetStackContextType {
|
|
|
12
12
|
pop: () => void;
|
|
13
13
|
replace: (item: BottomSheetStackItem) => void;
|
|
14
14
|
clear: () => void;
|
|
15
|
-
canGoBack: boolean;
|
|
16
15
|
}
|
|
17
16
|
export declare const BottomSheetStackContext: React.Context<BottomSheetStackContextType | null>;
|
|
18
17
|
export declare const useBottomSheetStack: () => BottomSheetStackContextType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetStackContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3C,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheetStackContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3C,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;CAEnB;AAED,eAAO,MAAM,uBAAuB,mDAC2B,CAAC;AAEhE,eAAO,MAAM,mBAAmB,mCAU/B,CAAC"}
|
|
@@ -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
|
},
|