@lodev09/react-native-true-sheet 0.5.1 → 0.5.3
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/README.md +5 -4
- package/ios/Extensions/{UIBlurEffect+withStyle.swift → UIBlurEffect+withTint.swift} +2 -2
- package/ios/TrueSheetView.swift +4 -6
- package/ios/TrueSheetViewController.swift +2 -9
- package/ios/TrueSheetViewManager.m +1 -1
- package/lib/commonjs/TrueSheet.js +12 -12
- package/lib/commonjs/TrueSheet.js.map +1 -1
- package/lib/module/TrueSheet.js +12 -12
- package/lib/module/TrueSheet.js.map +1 -1
- package/lib/typescript/src/TrueSheet.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +7 -3
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/TrueSheet.tsx +21 -17
- package/src/types.ts +8 -3
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ yarn add @lodev09/react-native-true-sheet
|
|
|
24
24
|
## Usage
|
|
25
25
|
|
|
26
26
|
```ts
|
|
27
|
-
import { TrueSheet } from "@lodev09/react-native-true-sheet"
|
|
27
|
+
import { TrueSheet } from "@lodev09/react-native-true-sheet"
|
|
28
28
|
|
|
29
29
|
// ...
|
|
30
30
|
|
|
@@ -58,9 +58,10 @@ Extended from `ViewProps`
|
|
|
58
58
|
| backgroundColor | `ColorValue` | - | Main sheet background color. | ✅ | ✅ |
|
|
59
59
|
| cornerRadius | `number` | - | The sheet corner radius. | ✅ | ✅ |
|
|
60
60
|
| maxHeight | `number` | - | Overrides `large` or `100%` height. | ✅ | ✅ |
|
|
61
|
+
| contentContainerStyle | `StyleProp<ViewStyle>` | - | Optional content container styles. | ✅ | ✅ |
|
|
61
62
|
| FooterComponent | `ReactNode` | - | A component that floats at the bottom of the Sheet. | ✅ | ✅ |
|
|
62
63
|
| grabber | `boolean` | - | Shows native grabber (or handle) on IOS. | ✅ | |
|
|
63
|
-
|
|
|
64
|
+
| blurTint | [`BlurTint`](#blurTint) | - | The blur effect style on iOS. Overrides `backgroundColor` if set. Example: `light`, `dark`, etc. | ✅ | |
|
|
64
65
|
| scrollRef | `RefObject<...>` | - | The main scrollable ref that Sheet should handle on IOS. | ✅ | |
|
|
65
66
|
|
|
66
67
|
## Methods
|
|
@@ -132,12 +133,12 @@ return (
|
|
|
132
133
|
| `${number}%` | Fixed height in % | **_16+_** | ✅ |
|
|
133
134
|
| `small` | Translates to 25% | **_16+_** | ✅ |
|
|
134
135
|
|
|
135
|
-
### `
|
|
136
|
+
### `BlurTint`
|
|
136
137
|
|
|
137
138
|
Blur style mapped to native values in IOS.
|
|
138
139
|
|
|
139
140
|
```ts
|
|
140
|
-
<TrueSheet
|
|
141
|
+
<TrueSheet blurTint="dark">
|
|
141
142
|
// ...
|
|
142
143
|
</TrueSheet>
|
|
143
144
|
```
|
package/ios/TrueSheetView.swift
CHANGED
|
@@ -57,8 +57,6 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
|
|
|
57
57
|
self.bridge = bridge
|
|
58
58
|
|
|
59
59
|
viewController = TrueSheetViewController()
|
|
60
|
-
viewController.view.autoresizingMask = [.flexibleHeight, .flexibleWidth]
|
|
61
|
-
|
|
62
60
|
touchHandler = RCTTouchHandler(bridge: bridge)
|
|
63
61
|
|
|
64
62
|
super.init(frame: .zero)
|
|
@@ -164,13 +162,13 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
|
|
|
164
162
|
}
|
|
165
163
|
|
|
166
164
|
@objc
|
|
167
|
-
func
|
|
168
|
-
guard let
|
|
169
|
-
viewController.
|
|
165
|
+
func setBlurTint(_ tint: NSString?) {
|
|
166
|
+
guard let tint else {
|
|
167
|
+
viewController.blurView.effect = nil
|
|
170
168
|
return
|
|
171
169
|
}
|
|
172
170
|
|
|
173
|
-
viewController.
|
|
171
|
+
viewController.blurView.effect = UIBlurEffect(with: tint as String)
|
|
174
172
|
}
|
|
175
173
|
|
|
176
174
|
@objc
|
|
@@ -75,6 +75,8 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
|
|
|
75
75
|
|
|
76
76
|
blurView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
|
|
77
77
|
blurView.frame = view.bounds
|
|
78
|
+
|
|
79
|
+
view.autoresizingMask = [.flexibleHeight, .flexibleWidth]
|
|
78
80
|
view.insertSubview(blurView, at: 0)
|
|
79
81
|
}
|
|
80
82
|
|
|
@@ -112,15 +114,6 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
|
|
|
112
114
|
}
|
|
113
115
|
}
|
|
114
116
|
|
|
115
|
-
func setBlurStyle(_ style: String?) {
|
|
116
|
-
guard let style else {
|
|
117
|
-
blurView.effect = nil
|
|
118
|
-
return
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
blurView.effect = UIBlurEffect(with: style)
|
|
122
|
-
}
|
|
123
|
-
|
|
124
117
|
/// Prepares the view controller for sheet presentation
|
|
125
118
|
/// Do nothing on IOS 14 and below... sad
|
|
126
119
|
@available(iOS 15.0, *)
|
|
@@ -31,7 +31,7 @@ RCT_EXPORT_VIEW_PROPERTY(onSizeChange, RCTDirectEventBlock)
|
|
|
31
31
|
RCT_EXPORT_VIEW_PROPERTY(scrollableHandle, NSNumber)
|
|
32
32
|
RCT_EXPORT_VIEW_PROPERTY(maxHeight, NSNumber)
|
|
33
33
|
RCT_EXPORT_VIEW_PROPERTY(sizes, NSArray)
|
|
34
|
-
RCT_EXPORT_VIEW_PROPERTY(
|
|
34
|
+
RCT_EXPORT_VIEW_PROPERTY(blurTint, NSString)
|
|
35
35
|
RCT_EXPORT_VIEW_PROPERTY(cornerRadius, NSNumber)
|
|
36
36
|
RCT_EXPORT_VIEW_PROPERTY(grabber, BOOL)
|
|
37
37
|
|
|
@@ -81,47 +81,47 @@ class TrueSheet extends _react.PureComponent {
|
|
|
81
81
|
const {
|
|
82
82
|
sizes,
|
|
83
83
|
backgroundColor,
|
|
84
|
-
|
|
84
|
+
blurTint,
|
|
85
85
|
cornerRadius,
|
|
86
86
|
grabber,
|
|
87
87
|
maxHeight,
|
|
88
88
|
FooterComponent,
|
|
89
|
-
testID,
|
|
90
89
|
style,
|
|
90
|
+
contentContainerStyle,
|
|
91
91
|
children,
|
|
92
92
|
...rest
|
|
93
93
|
} = this.props;
|
|
94
|
+
const wrapperBackgroundColor = backgroundColor ?? 'white';
|
|
94
95
|
return /*#__PURE__*/_react.default.createElement(TrueSheetNativeView, {
|
|
95
96
|
ref: this.ref,
|
|
96
97
|
style: $nativeSheet,
|
|
97
98
|
scrollableHandle: this.state.scrollableHandle,
|
|
98
99
|
sizes: sizes ?? ['medium', 'large'],
|
|
99
|
-
|
|
100
|
+
blurTint: blurTint,
|
|
100
101
|
cornerRadius: cornerRadius,
|
|
101
102
|
grabber: grabber ?? true,
|
|
102
103
|
maxHeight: maxHeight,
|
|
103
104
|
onPresent: this.onPresent,
|
|
104
105
|
onDismiss: this.onDismiss,
|
|
105
|
-
onSizeChange: this.onSizeChange
|
|
106
|
-
testID: testID
|
|
106
|
+
onSizeChange: this.onSizeChange
|
|
107
107
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
|
|
108
108
|
collapsable: false,
|
|
109
|
-
style: {
|
|
109
|
+
style: [{
|
|
110
110
|
overflow: _reactNative.Platform.select({
|
|
111
111
|
ios: undefined,
|
|
112
112
|
android: 'hidden'
|
|
113
113
|
}),
|
|
114
114
|
borderTopLeftRadius: cornerRadius,
|
|
115
115
|
borderTopRightRadius: cornerRadius,
|
|
116
|
-
// Remove backgroundColor if `
|
|
116
|
+
// Remove backgroundColor if `blurTint` is set on iOS
|
|
117
117
|
backgroundColor: _reactNative.Platform.select({
|
|
118
|
-
ios:
|
|
119
|
-
android:
|
|
118
|
+
ios: blurTint ? undefined : wrapperBackgroundColor,
|
|
119
|
+
android: wrapperBackgroundColor
|
|
120
120
|
})
|
|
121
|
-
}
|
|
121
|
+
}, style]
|
|
122
122
|
}, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
123
123
|
collapsable: false,
|
|
124
|
-
style:
|
|
124
|
+
style: contentContainerStyle
|
|
125
125
|
}, children), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
126
126
|
collapsable: false
|
|
127
127
|
}, !!FooterComponent && /*#__PURE__*/_react.default.createElement(FooterComponent, null))));
|
|
@@ -130,7 +130,7 @@ class TrueSheet extends _react.PureComponent {
|
|
|
130
130
|
exports.TrueSheet = TrueSheet;
|
|
131
131
|
const $nativeSheet = {
|
|
132
132
|
position: 'absolute',
|
|
133
|
-
|
|
133
|
+
left: -9999,
|
|
134
134
|
zIndex: -9999
|
|
135
135
|
};
|
|
136
136
|
//# sourceMappingURL=TrueSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TrueSheetModule","_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","LINKING_ERROR","Platform","select","ios","ComponentName","TrueSheetNativeView","requireNativeComponent","Error","TrueSheet","PureComponent","displayName","constructor","props","ref","createRef","onDismiss","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","findNodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","console","warn","componentDidUpdate","present","index","TrueSheetModule","dismiss","render","backgroundColor","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TrueSheetModule","_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","LINKING_ERROR","Platform","select","ios","ComponentName","TrueSheetNativeView","requireNativeComponent","Error","TrueSheet","PureComponent","displayName","constructor","props","ref","createRef","onDismiss","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","findNodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","console","warn","componentDidUpdate","present","index","TrueSheetModule","dismiss","render","backgroundColor","blurTint","cornerRadius","grabber","maxHeight","FooterComponent","style","contentContainerStyle","children","rest","wrapperBackgroundColor","createElement","$nativeSheet","View","collapsable","overflow","undefined","android","borderTopLeftRadius","borderTopRightRadius","exports","position","left","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/TrueSheet.js
CHANGED
|
@@ -73,47 +73,47 @@ export class TrueSheet extends PureComponent {
|
|
|
73
73
|
const {
|
|
74
74
|
sizes,
|
|
75
75
|
backgroundColor,
|
|
76
|
-
|
|
76
|
+
blurTint,
|
|
77
77
|
cornerRadius,
|
|
78
78
|
grabber,
|
|
79
79
|
maxHeight,
|
|
80
80
|
FooterComponent,
|
|
81
|
-
testID,
|
|
82
81
|
style,
|
|
82
|
+
contentContainerStyle,
|
|
83
83
|
children,
|
|
84
84
|
...rest
|
|
85
85
|
} = this.props;
|
|
86
|
+
const wrapperBackgroundColor = backgroundColor ?? 'white';
|
|
86
87
|
return /*#__PURE__*/React.createElement(TrueSheetNativeView, {
|
|
87
88
|
ref: this.ref,
|
|
88
89
|
style: $nativeSheet,
|
|
89
90
|
scrollableHandle: this.state.scrollableHandle,
|
|
90
91
|
sizes: sizes ?? ['medium', 'large'],
|
|
91
|
-
|
|
92
|
+
blurTint: blurTint,
|
|
92
93
|
cornerRadius: cornerRadius,
|
|
93
94
|
grabber: grabber ?? true,
|
|
94
95
|
maxHeight: maxHeight,
|
|
95
96
|
onPresent: this.onPresent,
|
|
96
97
|
onDismiss: this.onDismiss,
|
|
97
|
-
onSizeChange: this.onSizeChange
|
|
98
|
-
testID: testID
|
|
98
|
+
onSizeChange: this.onSizeChange
|
|
99
99
|
}, /*#__PURE__*/React.createElement(View, _extends({
|
|
100
100
|
collapsable: false,
|
|
101
|
-
style: {
|
|
101
|
+
style: [{
|
|
102
102
|
overflow: Platform.select({
|
|
103
103
|
ios: undefined,
|
|
104
104
|
android: 'hidden'
|
|
105
105
|
}),
|
|
106
106
|
borderTopLeftRadius: cornerRadius,
|
|
107
107
|
borderTopRightRadius: cornerRadius,
|
|
108
|
-
// Remove backgroundColor if `
|
|
108
|
+
// Remove backgroundColor if `blurTint` is set on iOS
|
|
109
109
|
backgroundColor: Platform.select({
|
|
110
|
-
ios:
|
|
111
|
-
android:
|
|
110
|
+
ios: blurTint ? undefined : wrapperBackgroundColor,
|
|
111
|
+
android: wrapperBackgroundColor
|
|
112
112
|
})
|
|
113
|
-
}
|
|
113
|
+
}, style]
|
|
114
114
|
}, rest), /*#__PURE__*/React.createElement(View, {
|
|
115
115
|
collapsable: false,
|
|
116
|
-
style:
|
|
116
|
+
style: contentContainerStyle
|
|
117
117
|
}, children), /*#__PURE__*/React.createElement(View, {
|
|
118
118
|
collapsable: false
|
|
119
119
|
}, !!FooterComponent && /*#__PURE__*/React.createElement(FooterComponent, null))));
|
|
@@ -121,7 +121,7 @@ export class TrueSheet extends PureComponent {
|
|
|
121
121
|
}
|
|
122
122
|
const $nativeSheet = {
|
|
123
123
|
position: 'absolute',
|
|
124
|
-
|
|
124
|
+
left: -9999,
|
|
125
125
|
zIndex: -9999
|
|
126
126
|
};
|
|
127
127
|
//# sourceMappingURL=TrueSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","PureComponent","createRef","requireNativeComponent","Platform","findNodeHandle","View","TrueSheetModule","LINKING_ERROR","select","ios","default","ComponentName","TrueSheetNativeView","Error","TrueSheet","displayName","constructor","props","ref","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","length","console","warn","componentDidUpdate","present","index","dismiss","render","backgroundColor","
|
|
1
|
+
{"version":3,"names":["React","PureComponent","createRef","requireNativeComponent","Platform","findNodeHandle","View","TrueSheetModule","LINKING_ERROR","select","ios","default","ComponentName","TrueSheetNativeView","Error","TrueSheet","displayName","constructor","props","ref","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","length","console","warn","componentDidUpdate","present","index","dismiss","render","backgroundColor","blurTint","cornerRadius","grabber","maxHeight","FooterComponent","style","contentContainerStyle","children","rest","wrapperBackgroundColor","createElement","$nativeSheet","_extends","collapsable","overflow","undefined","android","borderTopLeftRadius","borderTopRightRadius","position","left","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrueSheet.d.ts","sourceRoot":"","sources":["../../../src/TrueSheet.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAWlG,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,SAAS,CAAA;AAyBvD,UAAU,cAAc;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAED,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,WAAW,SAAc;IAEzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAsB;gBAE9B,KAAK,EAAE,cAAc;IAcjC,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,iBAAiB,IAAI,IAAI;IAUzB,kBAAkB,IAAI,IAAI;IAI1B;;;OAGG;IACU,OAAO,CAAC,KAAK,GAAE,MAAU;IAItC;;OAEG;IACU,OAAO;IAIpB,MAAM,IAAI,SAAS;
|
|
1
|
+
{"version":3,"file":"TrueSheet.d.ts","sourceRoot":"","sources":["../../../src/TrueSheet.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAWlG,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,SAAS,CAAA;AAyBvD,UAAU,cAAc;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAED,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,WAAW,SAAc;IAEzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAsB;gBAE9B,KAAK,EAAE,cAAc;IAcjC,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,iBAAiB,IAAI,IAAI;IAUzB,kBAAkB,IAAI,IAAI;IAI1B;;;OAGG;IACU,OAAO,CAAC,KAAK,GAAE,MAAU;IAItC;;OAEG;IACU,OAAO;IAIpB,MAAM,IAAI,SAAS;CAyDpB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Component, ComponentType, RefObject } from 'react';
|
|
2
|
-
import type { ColorValue, ViewProps } from 'react-native';
|
|
2
|
+
import type { ColorValue, StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
3
3
|
export interface SizeInfo {
|
|
4
4
|
index: number;
|
|
5
5
|
value: number;
|
|
@@ -9,7 +9,7 @@ export interface SizeInfo {
|
|
|
9
9
|
*
|
|
10
10
|
* @platform ios
|
|
11
11
|
*/
|
|
12
|
-
export type
|
|
12
|
+
export type BlurTint = 'light' | 'dark' | 'default' | 'extraLight' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
|
|
13
13
|
/**
|
|
14
14
|
* Supported Sheet size.
|
|
15
15
|
*
|
|
@@ -96,7 +96,11 @@ export interface TrueSheetProps extends ViewProps {
|
|
|
96
96
|
*
|
|
97
97
|
* @platform ios
|
|
98
98
|
*/
|
|
99
|
-
|
|
99
|
+
blurTint?: BlurTint;
|
|
100
|
+
/**
|
|
101
|
+
* Optional content container styles.
|
|
102
|
+
*/
|
|
103
|
+
contentContainerStyle?: StyleProp<ViewStyle>;
|
|
100
104
|
/**
|
|
101
105
|
* The main scrollable ref that Sheet should handle on IOS.
|
|
102
106
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE/E,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,MAAM,GACN,SAAS,GACT,YAAY,GACZ,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAA;AAE9B;;;;;GAKG;AACH,MAAM,MAAM,SAAS;AACnB;;;;;GAKG;AACD,MAAM;AAER;;;;;GAKG;GACD,MAAM;AAER;;;;;GAKG;GACD,GAAG,MAAM,GAAG;AAEd;;;;;GAKG;GACD,OAAO;AAET;;;;;GAKG;GACD,QAAQ;AAEV;;;;;GAKG;GACD,OAAO,CAAA;AAEX,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAA;IAE5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAE5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAExC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;CACxC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lodev09/react-native-true-sheet",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3",
|
|
4
4
|
"description": "The true native bottom sheet. 💩",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
"root": true,
|
|
132
132
|
"ignorePatterns": [
|
|
133
133
|
"lib",
|
|
134
|
-
"__mocks__"
|
|
134
|
+
"src/__mocks__"
|
|
135
135
|
],
|
|
136
136
|
"extends": [
|
|
137
137
|
"plugin:@typescript-eslint/recommended",
|
package/src/TrueSheet.tsx
CHANGED
|
@@ -121,48 +121,52 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
|
|
|
121
121
|
const {
|
|
122
122
|
sizes,
|
|
123
123
|
backgroundColor,
|
|
124
|
-
|
|
124
|
+
blurTint,
|
|
125
125
|
cornerRadius,
|
|
126
126
|
grabber,
|
|
127
127
|
maxHeight,
|
|
128
128
|
FooterComponent,
|
|
129
|
-
testID,
|
|
130
129
|
style,
|
|
130
|
+
contentContainerStyle,
|
|
131
131
|
children,
|
|
132
132
|
...rest
|
|
133
133
|
} = this.props
|
|
134
134
|
|
|
135
|
+
const wrapperBackgroundColor = backgroundColor ?? 'white'
|
|
136
|
+
|
|
135
137
|
return (
|
|
136
138
|
<TrueSheetNativeView
|
|
137
139
|
ref={this.ref}
|
|
138
140
|
style={$nativeSheet}
|
|
139
141
|
scrollableHandle={this.state.scrollableHandle}
|
|
140
142
|
sizes={sizes ?? ['medium', 'large']}
|
|
141
|
-
|
|
143
|
+
blurTint={blurTint}
|
|
142
144
|
cornerRadius={cornerRadius}
|
|
143
145
|
grabber={grabber ?? true}
|
|
144
146
|
maxHeight={maxHeight}
|
|
145
147
|
onPresent={this.onPresent}
|
|
146
148
|
onDismiss={this.onDismiss}
|
|
147
149
|
onSizeChange={this.onSizeChange}
|
|
148
|
-
testID={testID}
|
|
149
150
|
>
|
|
150
151
|
<View
|
|
151
152
|
collapsable={false}
|
|
152
|
-
style={
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
153
|
+
style={[
|
|
154
|
+
{
|
|
155
|
+
overflow: Platform.select({ ios: undefined, android: 'hidden' }),
|
|
156
|
+
borderTopLeftRadius: cornerRadius,
|
|
157
|
+
borderTopRightRadius: cornerRadius,
|
|
158
|
+
|
|
159
|
+
// Remove backgroundColor if `blurTint` is set on iOS
|
|
160
|
+
backgroundColor: Platform.select({
|
|
161
|
+
ios: blurTint ? undefined : wrapperBackgroundColor,
|
|
162
|
+
android: wrapperBackgroundColor,
|
|
163
|
+
}),
|
|
164
|
+
},
|
|
165
|
+
style,
|
|
166
|
+
]}
|
|
163
167
|
{...rest}
|
|
164
168
|
>
|
|
165
|
-
<View collapsable={false} style={
|
|
169
|
+
<View collapsable={false} style={contentContainerStyle}>
|
|
166
170
|
{children}
|
|
167
171
|
</View>
|
|
168
172
|
<View collapsable={false}>{!!FooterComponent && <FooterComponent />}</View>
|
|
@@ -174,6 +178,6 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
|
|
|
174
178
|
|
|
175
179
|
const $nativeSheet: ViewStyle = {
|
|
176
180
|
position: 'absolute',
|
|
177
|
-
|
|
181
|
+
left: -9999,
|
|
178
182
|
zIndex: -9999,
|
|
179
183
|
}
|
package/src/types.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Component, ComponentType, RefObject } from 'react'
|
|
2
|
-
import type { ColorValue, ViewProps } from 'react-native'
|
|
2
|
+
import type { ColorValue, StyleProp, ViewProps, ViewStyle } from 'react-native'
|
|
3
3
|
|
|
4
4
|
export interface SizeInfo {
|
|
5
5
|
index: number
|
|
@@ -11,7 +11,7 @@ export interface SizeInfo {
|
|
|
11
11
|
*
|
|
12
12
|
* @platform ios
|
|
13
13
|
*/
|
|
14
|
-
export type
|
|
14
|
+
export type BlurTint =
|
|
15
15
|
| 'light'
|
|
16
16
|
| 'dark'
|
|
17
17
|
| 'default'
|
|
@@ -130,7 +130,12 @@ export interface TrueSheetProps extends ViewProps {
|
|
|
130
130
|
*
|
|
131
131
|
* @platform ios
|
|
132
132
|
*/
|
|
133
|
-
|
|
133
|
+
blurTint?: BlurTint
|
|
134
|
+
|
|
135
|
+
/**
|
|
136
|
+
* Optional content container styles.
|
|
137
|
+
*/
|
|
138
|
+
contentContainerStyle?: StyleProp<ViewStyle>
|
|
134
139
|
|
|
135
140
|
/**
|
|
136
141
|
* The main scrollable ref that Sheet should handle on IOS.
|