related-ui-components 2.1.1 → 2.1.2
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/BottomSheetContext.js.map +1 -1
- package/lib/module/contexts/BottomSheetProvider.js +6 -2
- package/lib/module/contexts/BottomSheetProvider.js.map +1 -1
- package/lib/typescript/src/contexts/BottomSheetContext.d.ts +1 -1
- package/lib/typescript/src/contexts/BottomSheetContext.d.ts.map +1 -1
- package/lib/typescript/src/contexts/BottomSheetProvider.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/contexts/BottomSheetContext.tsx +1 -0
- package/src/contexts/BottomSheetProvider.tsx +11 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","BottomSheetContext","undefined","useBottomSheet","context","Error"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAmB,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","BottomSheetContext","undefined","useBottomSheet","context","Error"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAa5D,MAAMC,kBAAkB,gBAAGF,aAAa,CACtCG,SACF,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,kBAAkB,CAAC;EAC9C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,0DACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}
|
|
@@ -17,12 +17,16 @@ export const BottomSheetProvider = ({
|
|
|
17
17
|
const [isOpen, setIsOpen] = useState(false);
|
|
18
18
|
const [content, setContent] = useState(null);
|
|
19
19
|
const [size, setSize] = useState("small");
|
|
20
|
+
const [sp, setSnapPoints] = useState(["30%", "50%", "85%"]);
|
|
20
21
|
const [onCloseCallback, setOnCloseCallback] = useState(null);
|
|
21
|
-
const openBottomSheet = useCallback((newContent, size, onClose) => {
|
|
22
|
+
const openBottomSheet = useCallback((newContent, size, onClose, snapPoints) => {
|
|
22
23
|
setContent(newContent);
|
|
23
24
|
setSize(size);
|
|
24
25
|
setOnCloseCallback(() => onClose);
|
|
25
26
|
setIsOpen(true);
|
|
27
|
+
if (snapPoints) {
|
|
28
|
+
setSnapPoints(snapPoints);
|
|
29
|
+
}
|
|
26
30
|
}, []);
|
|
27
31
|
const closeBottomSheet = useCallback(() => {
|
|
28
32
|
sheetRef.current?.close();
|
|
@@ -54,7 +58,7 @@ export const BottomSheetProvider = ({
|
|
|
54
58
|
children: [children, /*#__PURE__*/_jsx(BottomSheet, {
|
|
55
59
|
ref: sheetRef,
|
|
56
60
|
index: -1,
|
|
57
|
-
snapPoints:
|
|
61
|
+
snapPoints: sp,
|
|
58
62
|
enablePanDownToClose: true,
|
|
59
63
|
backdropComponent: renderBackdrop,
|
|
60
64
|
android_keyboardInputMode: "adjustResize",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useRef","useCallback","useMemo","useEffect","BottomSheet","BottomSheetBackdrop","BottomSheetContext","Keyboard","StyleSheet","useTheme","jsx","_jsx","jsxs","_jsxs","BottomSheetProvider","children","theme","styles","providerStyles","sheetRef","isOpen","setIsOpen","content","setContent","size","setSize","onCloseCallback","setOnCloseCallback","openBottomSheet","newContent","onClose","closeBottomSheet","current","close","renderBackdrop","props","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","style","backgroundColor","snapToIndex","Provider","value","ref","index","
|
|
1
|
+
{"version":3,"names":["React","useState","useRef","useCallback","useMemo","useEffect","BottomSheet","BottomSheetBackdrop","BottomSheetContext","Keyboard","StyleSheet","useTheme","jsx","_jsx","jsxs","_jsxs","BottomSheetProvider","children","theme","styles","providerStyles","sheetRef","isOpen","setIsOpen","content","setContent","size","setSize","sp","setSnapPoints","onCloseCallback","setOnCloseCallback","openBottomSheet","newContent","onClose","snapPoints","closeBottomSheet","current","close","renderBackdrop","props","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","style","backgroundColor","snapToIndex","Provider","value","ref","index","enablePanDownToClose","backdropComponent","android_keyboardInputMode","keyboardBlurBehavior","keyboardBehavior","enableDynamicSizing","bottomSheetContainer","dismiss","handleIndicatorStyle","onSurface","create","surface","borderTopLeftRadius","borderTopRightRadius","overflow","headerContainer","padding","borderBottomWidth","borderBottomColor","divider","alignItems","headerTitle","fontSize","fontWeight","color","contentContainer","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
interface BottomSheetContextProps {
|
|
3
|
-
openBottomSheet: (content: ReactNode | (() => ReactNode), size: "small" | "large", onClose?: () => void) => void;
|
|
3
|
+
openBottomSheet: (content: ReactNode | (() => ReactNode), size: "small" | "large", onClose?: () => void, snapPoints?: string[]) => void;
|
|
4
4
|
closeBottomSheet: () => void;
|
|
5
5
|
isOpen: boolean;
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,eAAe,EAAE,CACf,OAAO,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,EACtC,IAAI,EAAE,OAAO,GAAG,OAAO,EACvB,OAAO,CAAC,EAAE,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"BottomSheetContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,eAAe,EAAE,CACf,OAAO,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,EACtC,IAAI,EAAE,OAAO,GAAG,OAAO,EACvB,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,UAAU,CAAC,EAAE,MAAM,EAAE,KAClB,IAAI,CAAC;IACV,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,kBAAkB,8DAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAQ1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAGV,MAAM,OAAO,CAAC;AASf,UAAU,wBAAwB;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,
|
|
1
|
+
{"version":3,"file":"BottomSheetProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAGV,MAAM,OAAO,CAAC;AASf,UAAU,wBAAwB;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2FlE,CAAC"}
|
package/package.json
CHANGED
|
@@ -28,6 +28,11 @@ export const BottomSheetProvider: React.FC<BottomSheetProviderProps> = ({
|
|
|
28
28
|
const [isOpen, setIsOpen] = useState(false);
|
|
29
29
|
const [content, setContent] = useState<ReactNode>(null);
|
|
30
30
|
const [size, setSize] = useState<"small" | "large">("small");
|
|
31
|
+
const [sp, setSnapPoints] = useState<string[] | undefined>([
|
|
32
|
+
"30%",
|
|
33
|
+
"50%",
|
|
34
|
+
"85%",
|
|
35
|
+
]);
|
|
31
36
|
|
|
32
37
|
const [onCloseCallback, setOnCloseCallback] = useState<(() => void) | null>(
|
|
33
38
|
null
|
|
@@ -37,12 +42,16 @@ export const BottomSheetProvider: React.FC<BottomSheetProviderProps> = ({
|
|
|
37
42
|
(
|
|
38
43
|
newContent: ReactNode | (() => ReactNode),
|
|
39
44
|
size: "small" | "large",
|
|
40
|
-
onClose?: () => void
|
|
45
|
+
onClose?: () => void,
|
|
46
|
+
snapPoints?: string[]
|
|
41
47
|
) => {
|
|
42
48
|
setContent(newContent);
|
|
43
49
|
setSize(size);
|
|
44
50
|
setOnCloseCallback(() => onClose);
|
|
45
51
|
setIsOpen(true);
|
|
52
|
+
if (snapPoints) {
|
|
53
|
+
setSnapPoints(snapPoints);
|
|
54
|
+
}
|
|
46
55
|
},
|
|
47
56
|
[]
|
|
48
57
|
);
|
|
@@ -82,7 +91,7 @@ export const BottomSheetProvider: React.FC<BottomSheetProviderProps> = ({
|
|
|
82
91
|
<BottomSheet
|
|
83
92
|
ref={sheetRef}
|
|
84
93
|
index={-1}
|
|
85
|
-
snapPoints={
|
|
94
|
+
snapPoints={sp}
|
|
86
95
|
enablePanDownToClose
|
|
87
96
|
backdropComponent={renderBackdrop}
|
|
88
97
|
android_keyboardInputMode="adjustResize"
|