@kiosinc/commons-rn 0.1.28 → 0.1.29
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 +9 -0
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/module/components/BottomSheet.js +10 -1
- package/lib/module/components/BottomSheet.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/package.json +1 -1
- package/src/components/BottomSheet.tsx +11 -2
|
@@ -14,16 +14,25 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
const BottomSheet = exports.BottomSheet = /*#__PURE__*/_react.default.forwardRef(({
|
|
16
16
|
children,
|
|
17
|
+
close,
|
|
17
18
|
pressBehavior = 'none',
|
|
18
19
|
snapPoints,
|
|
19
20
|
...rest
|
|
20
21
|
}, ref) => {
|
|
21
22
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
22
23
|
const renderBackdrop = (0, _react.useCallback)(props => /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetBackdrop, _extends({}, props, {
|
|
24
|
+
onPress: () => {
|
|
25
|
+
if (pressBehavior === 'close') {
|
|
26
|
+
close?.();
|
|
27
|
+
}
|
|
28
|
+
},
|
|
23
29
|
pressBehavior: pressBehavior,
|
|
24
30
|
disappearsOnIndex: -1,
|
|
25
31
|
appearsOnIndex: 1
|
|
26
32
|
}), /*#__PURE__*/_react.default.createElement(_components.View, {
|
|
33
|
+
onTouchStart: () => {
|
|
34
|
+
_reactNative.Keyboard.dismiss();
|
|
35
|
+
},
|
|
27
36
|
style: [styles.backdrop, {
|
|
28
37
|
backgroundColor: theme.colors.backdrop
|
|
29
38
|
}]
|
|
@@ -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","pressBehavior","snapPoints","rest","ref","theme","useTheme","renderBackdrop","useCallback","props","createElement","BottomSheetBackdrop","disappearsOnIndex","appearsOnIndex","View","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;
|
|
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":"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"}
|
|
@@ -3,19 +3,28 @@ import React, { useCallback } from 'react';
|
|
|
3
3
|
import { useTheme } from 'react-native-paper';
|
|
4
4
|
import { ParentView, View } from '../components';
|
|
5
5
|
import BS, { BottomSheetBackdrop } from '@gorhom/bottom-sheet';
|
|
6
|
-
import { StyleSheet } from 'react-native';
|
|
6
|
+
import { Keyboard, StyleSheet } from 'react-native';
|
|
7
7
|
export const BottomSheet = /*#__PURE__*/React.forwardRef(({
|
|
8
8
|
children,
|
|
9
|
+
close,
|
|
9
10
|
pressBehavior = 'none',
|
|
10
11
|
snapPoints,
|
|
11
12
|
...rest
|
|
12
13
|
}, ref) => {
|
|
13
14
|
const theme = useTheme();
|
|
14
15
|
const renderBackdrop = useCallback(props => /*#__PURE__*/React.createElement(BottomSheetBackdrop, _extends({}, props, {
|
|
16
|
+
onPress: () => {
|
|
17
|
+
if (pressBehavior === 'close') {
|
|
18
|
+
close?.();
|
|
19
|
+
}
|
|
20
|
+
},
|
|
15
21
|
pressBehavior: pressBehavior,
|
|
16
22
|
disappearsOnIndex: -1,
|
|
17
23
|
appearsOnIndex: 1
|
|
18
24
|
}), /*#__PURE__*/React.createElement(View, {
|
|
25
|
+
onTouchStart: () => {
|
|
26
|
+
Keyboard.dismiss();
|
|
27
|
+
},
|
|
19
28
|
style: [styles.backdrop, {
|
|
20
29
|
backgroundColor: theme.colors.backdrop
|
|
21
30
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useTheme","ParentView","View","BS","BottomSheetBackdrop","StyleSheet","BottomSheet","forwardRef","children","pressBehavior","snapPoints","rest","ref","theme","renderBackdrop","props","createElement","_extends","disappearsOnIndex","appearsOnIndex","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,UAAU,QAAQ,cAAc;
|
|
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,CAQzC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,aAAa,GAAG,MAAM;EAAEC,UAAU;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,KAAK;EAC3E,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EAExB,MAAMgB,cAAc,GAAGjB,WAAW,CAC/BkB,KAAU,iBACTnB,KAAA,CAAAoB,aAAA,CAACd,mBAAmB,EAAAe,QAAA,KACdF,KAAK;IACTG,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIT,aAAa,KAAK,OAAO,EAAE;QAC7BD,KAAK,GAAG,CAAC;MACX;IACF,CAAE;IACFC,aAAa,EAAEA,aAAc;IAC7BU,iBAAiB,EAAE,CAAC,CAAE;IACtBC,cAAc,EAAE;EAAE,iBAElBxB,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IACHqB,YAAY,EAAEA,CAAA,KAAM;MAClBlB,QAAQ,CAACmB,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,oBACE7B,KAAA,CAAAoB,aAAA,CAACf,EAAE,EAAAgB,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,gBAERf,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IAACsC,QAAQ,EAAE;EAAM,GAAE9B,QAAqB,CACjD,CAAC;AAET,CAAC,CAAC;AAEF,MAAMiB,MAAM,GAAGpB,UAAU,CAACkC,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"}
|
|
@@ -3,5 +3,6 @@ export declare const BottomSheet: React.ForwardRefExoticComponent<{
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
pressBehavior?: "none" | "close" | "collapse" | undefined;
|
|
5
5
|
snapPoints: Array<string>;
|
|
6
|
+
close?: (() => void) | undefined;
|
|
6
7
|
} & React.RefAttributes<any>>;
|
|
7
8
|
//# 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;mBACX,IAAI;6BA0DpB,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
|
|
|
2
2
|
import { useTheme } from 'react-native-paper';
|
|
3
3
|
import { ParentView, View } from '../components';
|
|
4
4
|
import BS, { BottomSheetBackdrop } from '@gorhom/bottom-sheet';
|
|
5
|
-
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { Keyboard, StyleSheet } from 'react-native';
|
|
6
6
|
|
|
7
7
|
export const BottomSheet = React.forwardRef<
|
|
8
8
|
typeof BS,
|
|
@@ -10,19 +10,28 @@ export const BottomSheet = React.forwardRef<
|
|
|
10
10
|
children: React.ReactNode;
|
|
11
11
|
pressBehavior?: 'close' | 'collapse' | 'none';
|
|
12
12
|
snapPoints: Array<string>;
|
|
13
|
+
close?: () => void;
|
|
13
14
|
}
|
|
14
|
-
>(({ children, pressBehavior = 'none', snapPoints, ...rest }, ref) => {
|
|
15
|
+
>(({ children, close, pressBehavior = 'none', snapPoints, ...rest }, ref) => {
|
|
15
16
|
const theme = useTheme();
|
|
16
17
|
|
|
17
18
|
const renderBackdrop = useCallback(
|
|
18
19
|
(props: any) => (
|
|
19
20
|
<BottomSheetBackdrop
|
|
20
21
|
{...props}
|
|
22
|
+
onPress={() => {
|
|
23
|
+
if (pressBehavior === 'close') {
|
|
24
|
+
close?.();
|
|
25
|
+
}
|
|
26
|
+
}}
|
|
21
27
|
pressBehavior={pressBehavior}
|
|
22
28
|
disappearsOnIndex={-1}
|
|
23
29
|
appearsOnIndex={1}
|
|
24
30
|
>
|
|
25
31
|
<View
|
|
32
|
+
onTouchStart={() => {
|
|
33
|
+
Keyboard.dismiss();
|
|
34
|
+
}}
|
|
26
35
|
style={[
|
|
27
36
|
styles.backdrop,
|
|
28
37
|
{
|