@kiosinc/commons-rn 0.1.35 → 0.1.37
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/components/BottomSheet.js +3 -1
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/ContentLoaderList.js +2 -2
- package/lib/commonjs/components/ContentLoaderList.js.map +1 -1
- package/lib/module/components/BottomSheet.js +3 -1
- package/lib/module/components/BottomSheet.js.map +1 -1
- package/lib/module/components/ContentLoaderList.js +2 -2
- package/lib/module/components/ContentLoaderList.js.map +1 -1
- package/lib/typescript/src/components/BottomSheet.d.ts +1 -0
- package/lib/typescript/src/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentLoaderList.d.ts +1 -1
- package/lib/typescript/src/components/ContentLoaderList.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/BottomSheet.tsx +69 -54
- package/src/components/ContentLoaderList.tsx +27 -23
|
@@ -15,6 +15,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
15
15
|
const BottomSheet = exports.BottomSheet = /*#__PURE__*/_react.default.forwardRef(({
|
|
16
16
|
children,
|
|
17
17
|
close,
|
|
18
|
+
bottomInset = true,
|
|
18
19
|
pressBehavior = 'none',
|
|
19
20
|
snapPoints,
|
|
20
21
|
...rest
|
|
@@ -54,7 +55,8 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/_react.default.forwardRef
|
|
|
54
55
|
ref: ref,
|
|
55
56
|
index: -1
|
|
56
57
|
}, rest), /*#__PURE__*/_react.default.createElement(_components.ParentView, {
|
|
57
|
-
topInset: false
|
|
58
|
+
topInset: false,
|
|
59
|
+
bottomInset: bottomInset
|
|
58
60
|
}, children));
|
|
59
61
|
});
|
|
60
62
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativePaper","_components","_bottomSheet","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","BottomSheet","exports","React","forwardRef","children","close","pressBehavior","snapPoints","rest","ref","theme","useTheme","renderBackdrop","useCallback","props","createElement","BottomSheetBackdrop","onPress","disappearsOnIndex","appearsOnIndex","View","onTouchStart","Keyboard","dismiss","style","styles","backdrop","backgroundColor","colors","android_keyboardInputMode","keyboardBlurBehavior","handleStyle","background","handleIndicatorStyle","onBackground","backdropComponent","enablePanDownToClose","index","ParentView","topInset","StyleSheet","create","flex","borderTopRightRadius","borderTopLeftRadius"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAoD,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAE7C,MAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,UAAU,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativePaper","_components","_bottomSheet","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","BottomSheet","exports","React","forwardRef","children","close","bottomInset","pressBehavior","snapPoints","rest","ref","theme","useTheme","renderBackdrop","useCallback","props","createElement","BottomSheetBackdrop","onPress","disappearsOnIndex","appearsOnIndex","View","onTouchStart","Keyboard","dismiss","style","styles","backdrop","backgroundColor","colors","android_keyboardInputMode","keyboardBlurBehavior","handleStyle","background","handleIndicatorStyle","onBackground","backdropComponent","enablePanDownToClose","index","ParentView","topInset","StyleSheet","create","flex","borderTopRightRadius","borderTopLeftRadius"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ const ContentLoaderList = ({
|
|
|
19
19
|
foregroundColor
|
|
20
20
|
}) => {
|
|
21
21
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
22
|
-
return new Array(count).fill(0).map((_, index) => {
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, new Array(count).fill(0).map((_, index) => {
|
|
23
23
|
return /*#__PURE__*/_react.default.createElement(_native.default, {
|
|
24
24
|
key: index,
|
|
25
25
|
speed: 1
|
|
@@ -38,7 +38,7 @@ const ContentLoaderList = ({
|
|
|
38
38
|
width: "100%",
|
|
39
39
|
height: height
|
|
40
40
|
}));
|
|
41
|
-
});
|
|
41
|
+
}));
|
|
42
42
|
};
|
|
43
43
|
exports.ContentLoaderList = ContentLoaderList;
|
|
44
44
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativePaper","_native","_interopRequireWildcard","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","useTheme","Array","fill","map","_","index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativePaper","_native","_interopRequireWildcard","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","useTheme","createElement","Fragment","Array","fill","map","_","index","key","speed","width","colors","background","surfaceVariant","style","styles","loader","Rect","x","y","rx","ry","exports","StyleSheet","create","marginVertical"],"sourceRoot":"../../../src","sources":["components/ContentLoaderList.tsx"],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ import { Keyboard, StyleSheet } from 'react-native';
|
|
|
7
7
|
export const BottomSheet = /*#__PURE__*/React.forwardRef(({
|
|
8
8
|
children,
|
|
9
9
|
close,
|
|
10
|
+
bottomInset = true,
|
|
10
11
|
pressBehavior = 'none',
|
|
11
12
|
snapPoints,
|
|
12
13
|
...rest
|
|
@@ -46,7 +47,8 @@ export const BottomSheet = /*#__PURE__*/React.forwardRef(({
|
|
|
46
47
|
ref: ref,
|
|
47
48
|
index: -1
|
|
48
49
|
}, rest), /*#__PURE__*/React.createElement(ParentView, {
|
|
49
|
-
topInset: false
|
|
50
|
+
topInset: false,
|
|
51
|
+
bottomInset: bottomInset
|
|
50
52
|
}, children));
|
|
51
53
|
});
|
|
52
54
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useTheme","ParentView","View","BS","BottomSheetBackdrop","Keyboard","StyleSheet","BottomSheet","forwardRef","children","close","pressBehavior","snapPoints","rest","ref","theme","renderBackdrop","props","createElement","_extends","onPress","disappearsOnIndex","appearsOnIndex","onTouchStart","dismiss","style","styles","backdrop","backgroundColor","colors","android_keyboardInputMode","keyboardBlurBehavior","handleStyle","background","handleIndicatorStyle","onBackground","backdropComponent","enablePanDownToClose","index","topInset","create","flex","borderTopRightRadius","borderTopLeftRadius"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,UAAU,EAAEC,IAAI,QAAQ,eAAe;AAChD,OAAOC,EAAE,IAAIC,mBAAmB,QAAQ,sBAAsB;AAC9D,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,OAAO,MAAMC,WAAW,gBAAGT,KAAK,CAACU,UAAU,
|
|
1
|
+
{"version":3,"names":["React","useCallback","useTheme","ParentView","View","BS","BottomSheetBackdrop","Keyboard","StyleSheet","BottomSheet","forwardRef","children","close","bottomInset","pressBehavior","snapPoints","rest","ref","theme","renderBackdrop","props","createElement","_extends","onPress","disappearsOnIndex","appearsOnIndex","onTouchStart","dismiss","style","styles","backdrop","backgroundColor","colors","android_keyboardInputMode","keyboardBlurBehavior","handleStyle","background","handleIndicatorStyle","onBackground","backdropComponent","enablePanDownToClose","index","topInset","create","flex","borderTopRightRadius","borderTopLeftRadius"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,UAAU,EAAEC,IAAI,QAAQ,eAAe;AAChD,OAAOC,EAAE,IAAIC,mBAAmB,QAAQ,sBAAsB;AAC9D,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,OAAO,MAAMC,WAAW,gBAAGT,KAAK,CAACU,UAAU,CAUzC,CACE;EACEC,QAAQ;EACRC,KAAK;EACLC,WAAW,GAAG,IAAI;EAClBC,aAAa,GAAG,MAAM;EACtBC,UAAU;EACV,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EAExB,MAAMiB,cAAc,GAAGlB,WAAW,CAC/BmB,KAAU,iBACTpB,KAAA,CAAAqB,aAAA,CAACf,mBAAmB,EAAAgB,QAAA,KACdF,KAAK;IACTG,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIT,aAAa,KAAK,OAAO,EAAE;QAC7BF,KAAK,GAAG,CAAC;MACX;IACF,CAAE;IACFE,aAAa,EAAEA,aAAc;IAC7BU,iBAAiB,EAAE,CAAC,CAAE;IACtBC,cAAc,EAAE;EAAE,iBAElBzB,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACHsB,YAAY,EAAEA,CAAA,KAAM;MAClBnB,QAAQ,CAACoB,OAAO,CAAC,CAAC;IACpB,CAAE;IACFC,KAAK,EAAE,CACLC,MAAM,CAACC,QAAQ,EACf;MACEC,eAAe,EAAEb,KAAK,CAACc,MAAM,CAACF;IAChC,CAAC;EACD,CACH,CACkB,CACtB;EACD;EACA,EACF,CAAC;EAED,oBACE9B,KAAA,CAAAqB,aAAA,CAAChB,EAAE,EAAAiB,QAAA;IACDW,yBAAyB,EAAC,WAAW;IACrCC,oBAAoB,EAAC,SAAS;IAC9BC,WAAW,EAAE,CACXN,MAAM,CAACM,WAAW,EAClB;MACEJ,eAAe,EAAEb,KAAK,CAACc,MAAM,CAACI;IAChC,CAAC,CACD;IACFC,oBAAoB,EAAE;MACpBN,eAAe,EAAEb,KAAK,CAACc,MAAM,CAACM;IAChC,CAAE;IACFC,iBAAiB,EAAEpB,cAAe;IAClCqB,oBAAoB,EAAE,IAAK;IAC3BzB,UAAU,EAAEA,UAAW;IACvBE,GAAG,EAAEA,GAAW;IAChBwB,KAAK,EAAE,CAAC;EAAE,GACNzB,IAAI,gBAERhB,KAAA,CAAAqB,aAAA,CAAClB,UAAU;IAACuC,QAAQ,EAAE,KAAM;IAAC7B,WAAW,EAAEA;EAAY,GACnDF,QACS,CACV,CAAC;AAET,CACF,CAAC;AAED,MAAMkB,MAAM,GAAGrB,UAAU,CAACmC,MAAM,CAAC;EAC/Bb,QAAQ,EAAE;IACRc,IAAI,EAAE;EACR,CAAC;EACDT,WAAW,EAAE;IACXU,oBAAoB,EAAE,EAAE;IACxBC,mBAAmB,EAAE;EACvB;AACF,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ export const ContentLoaderList = ({
|
|
|
10
10
|
foregroundColor
|
|
11
11
|
}) => {
|
|
12
12
|
const theme = useTheme();
|
|
13
|
-
return new Array(count).fill(0).map((_, index) => {
|
|
13
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, new Array(count).fill(0).map((_, index) => {
|
|
14
14
|
return /*#__PURE__*/React.createElement(ContentLoader, {
|
|
15
15
|
key: index,
|
|
16
16
|
speed: 1
|
|
@@ -29,7 +29,7 @@ export const ContentLoaderList = ({
|
|
|
29
29
|
width: "100%",
|
|
30
30
|
height: height
|
|
31
31
|
}));
|
|
32
|
-
});
|
|
32
|
+
}));
|
|
33
33
|
};
|
|
34
34
|
const styles = StyleSheet.create({
|
|
35
35
|
loader: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useTheme","ContentLoader","Rect","StyleSheet","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","Array","fill","map","_","index","
|
|
1
|
+
{"version":3,"names":["React","useTheme","ContentLoader","Rect","StyleSheet","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","createElement","Fragment","Array","fill","map","_","index","key","speed","width","colors","background","surfaceVariant","style","styles","loader","x","y","rx","ry","create","marginVertical"],"sourceRoot":"../../../src","sources":["components/ContentLoaderList.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,aAAa,IAAIC,IAAI,QAAQ,6BAA6B;AACjE,SAASC,UAAU,QAAQ,cAAc;AAUzC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK,GAAG,EAAE;EACVC,MAAM,GAAG,EAAE;EACXC,MAAM;EACNC,eAAe;EACfC;AACsB,CAAC,KAAK;EAC5B,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,oBACED,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QACG,IAAIC,KAAK,CAACR,KAAK,CAAC,CAACS,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IAC1C,oBACElB,KAAA,CAAAY,aAAA,CAACV,aAAa;MACZiB,GAAG,EAAED,KAAM;MACXE,KAAK,EAAE;MACP;MAAA;MACAC,KAAK,EAAC,MAAM;MACZb,MAAM,EAAEA,MAAO;MACfC,eAAe,EAAEA,eAAe,IAAIE,KAAK,CAACW,MAAM,CAACC,UAAW;MAC5Db,eAAe,EAAEA,eAAe,IAAIC,KAAK,CAACW,MAAM,CAACE,cAAe;MAChEC,KAAK,EAAEC,MAAM,CAACC;IAAO,gBAErB3B,KAAA,CAAAY,aAAA,CAACT,IAAI;MACHyB,CAAC,EAAC,GAAG;MACLC,CAAC,EAAC,GAAG;MACLC,EAAE,EAAEvB,MAAO;MACXwB,EAAE,EAAExB,MAAO;MACXc,KAAK,EAAC,MAAM;MACZb,MAAM,EAAEA;IAAO,CAChB,CACY,CAAC;EAEpB,CAAC,CACD,CAAC;AAEP,CAAC;AAED,MAAMkB,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,MAAM,EAAE;IAAEM,cAAc,EAAE;EAAE;AAC9B,CAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ export declare const BottomSheet: React.ForwardRefExoticComponent<{
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
pressBehavior?: "none" | "close" | "collapse" | undefined;
|
|
5
5
|
snapPoints: Array<string>;
|
|
6
|
+
bottomInset?: boolean | undefined;
|
|
6
7
|
close?: (() => void) | undefined;
|
|
7
8
|
} & React.RefAttributes<any>>;
|
|
8
9
|
//# sourceMappingURL=BottomSheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,eAAO,MAAM,WAAW;cAGV,MAAM,SAAS;;gBAEb,MAAM,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,eAAO,MAAM,WAAW;cAGV,MAAM,SAAS;;gBAEb,MAAM,MAAM,CAAC;;mBAEX,IAAI;6BAwErB,CAAC"}
|
|
@@ -6,6 +6,6 @@ type ContentLoaderListProps = {
|
|
|
6
6
|
backgroundColor?: string;
|
|
7
7
|
foregroundColor?: string;
|
|
8
8
|
};
|
|
9
|
-
export declare const ContentLoaderList: ({ count, radius, height, backgroundColor, foregroundColor, }: ContentLoaderListProps) => JSX.Element
|
|
9
|
+
export declare const ContentLoaderList: ({ count, radius, height, backgroundColor, foregroundColor, }: ContentLoaderListProps) => JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=ContentLoaderList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentLoaderList.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentLoaderList.tsx"],"names":[],"mappings":";AAMA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAM3B,sBAAsB,
|
|
1
|
+
{"version":3,"file":"ContentLoaderList.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentLoaderList.tsx"],"names":[],"mappings":";AAMA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAM3B,sBAAsB,gBA6BxB,CAAC"}
|
package/package.json
CHANGED
|
@@ -10,65 +10,80 @@ export const BottomSheet = React.forwardRef<
|
|
|
10
10
|
children: React.ReactNode;
|
|
11
11
|
pressBehavior?: 'close' | 'collapse' | 'none';
|
|
12
12
|
snapPoints: Array<string>;
|
|
13
|
+
bottomInset?: boolean;
|
|
13
14
|
close?: () => void;
|
|
14
15
|
}
|
|
15
|
-
>(
|
|
16
|
-
|
|
16
|
+
>(
|
|
17
|
+
(
|
|
18
|
+
{
|
|
19
|
+
children,
|
|
20
|
+
close,
|
|
21
|
+
bottomInset = true,
|
|
22
|
+
pressBehavior = 'none',
|
|
23
|
+
snapPoints,
|
|
24
|
+
...rest
|
|
25
|
+
},
|
|
26
|
+
ref
|
|
27
|
+
) => {
|
|
28
|
+
const theme = useTheme();
|
|
17
29
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}}
|
|
27
|
-
pressBehavior={pressBehavior}
|
|
28
|
-
disappearsOnIndex={-1}
|
|
29
|
-
appearsOnIndex={1}
|
|
30
|
-
>
|
|
31
|
-
<View
|
|
32
|
-
onTouchStart={() => {
|
|
33
|
-
Keyboard.dismiss();
|
|
30
|
+
const renderBackdrop = useCallback(
|
|
31
|
+
(props: any) => (
|
|
32
|
+
<BottomSheetBackdrop
|
|
33
|
+
{...props}
|
|
34
|
+
onPress={() => {
|
|
35
|
+
if (pressBehavior === 'close') {
|
|
36
|
+
close?.();
|
|
37
|
+
}
|
|
34
38
|
}}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
pressBehavior={pressBehavior}
|
|
40
|
+
disappearsOnIndex={-1}
|
|
41
|
+
appearsOnIndex={1}
|
|
42
|
+
>
|
|
43
|
+
<View
|
|
44
|
+
onTouchStart={() => {
|
|
45
|
+
Keyboard.dismiss();
|
|
46
|
+
}}
|
|
47
|
+
style={[
|
|
48
|
+
styles.backdrop,
|
|
49
|
+
{
|
|
50
|
+
backgroundColor: theme.colors.backdrop,
|
|
51
|
+
},
|
|
52
|
+
]}
|
|
53
|
+
/>
|
|
54
|
+
</BottomSheetBackdrop>
|
|
55
|
+
),
|
|
56
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
57
|
+
[]
|
|
58
|
+
);
|
|
47
59
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
60
|
+
return (
|
|
61
|
+
<BS
|
|
62
|
+
android_keyboardInputMode="adjustPan"
|
|
63
|
+
keyboardBlurBehavior="restore"
|
|
64
|
+
handleStyle={[
|
|
65
|
+
styles.handleStyle,
|
|
66
|
+
{
|
|
67
|
+
backgroundColor: theme.colors.background,
|
|
68
|
+
},
|
|
69
|
+
]}
|
|
70
|
+
handleIndicatorStyle={{
|
|
71
|
+
backgroundColor: theme.colors.onBackground,
|
|
72
|
+
}}
|
|
73
|
+
backdropComponent={renderBackdrop}
|
|
74
|
+
enablePanDownToClose={true}
|
|
75
|
+
snapPoints={snapPoints}
|
|
76
|
+
ref={ref as any}
|
|
77
|
+
index={-1}
|
|
78
|
+
{...rest}
|
|
79
|
+
>
|
|
80
|
+
<ParentView topInset={false} bottomInset={bottomInset}>
|
|
81
|
+
{children}
|
|
82
|
+
</ParentView>
|
|
83
|
+
</BS>
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
);
|
|
72
87
|
|
|
73
88
|
const styles = StyleSheet.create({
|
|
74
89
|
backdrop: {
|
|
@@ -20,29 +20,33 @@ export const ContentLoaderList = ({
|
|
|
20
20
|
foregroundColor,
|
|
21
21
|
}: ContentLoaderListProps) => {
|
|
22
22
|
const theme = useTheme();
|
|
23
|
-
return
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
23
|
+
return (
|
|
24
|
+
<>
|
|
25
|
+
{new Array(count).fill(0).map((_, index) => {
|
|
26
|
+
return (
|
|
27
|
+
<ContentLoader
|
|
28
|
+
key={index}
|
|
29
|
+
speed={1}
|
|
30
|
+
// @ts-ignore
|
|
31
|
+
width="100%"
|
|
32
|
+
height={height}
|
|
33
|
+
backgroundColor={backgroundColor ?? theme.colors.background}
|
|
34
|
+
foregroundColor={foregroundColor ?? theme.colors.surfaceVariant}
|
|
35
|
+
style={styles.loader}
|
|
36
|
+
>
|
|
37
|
+
<Rect
|
|
38
|
+
x="0"
|
|
39
|
+
y="0"
|
|
40
|
+
rx={radius}
|
|
41
|
+
ry={radius}
|
|
42
|
+
width="100%"
|
|
43
|
+
height={height}
|
|
44
|
+
/>
|
|
45
|
+
</ContentLoader>
|
|
46
|
+
);
|
|
47
|
+
})}
|
|
48
|
+
</>
|
|
49
|
+
);
|
|
46
50
|
};
|
|
47
51
|
|
|
48
52
|
const styles = StyleSheet.create({
|