react-native-timer-picker 1.2.4 → 1.2.5

package/dist/components/Modal/Modal.styles.d.ts

@@ -17,6 +17,8 @@ export declare const styles: {
     };
     content: {
         flex: number;
-        justifyContent: "flex-end";
+        justifyContent: "center";
+        alignItems: "center";
+        zIndex: number;
     };
 };

package/dist/components/Modal/Modal.styles.js

@@ -21,6 +21,8 @@ exports.styles = react_native_1.StyleSheet.create({
     },
     content: {
         flex: 1,
-        justifyContent: "flex-end",
+        justifyContent: "center",
+        alignItems: "center",
+        zIndex: 1,
     },
 });

package/dist/components/TimerPicker/DurationScroll.js

@@ -177,12 +177,12 @@ var DurationScroll = (0, react_1.forwardRef)(function (_a, ref) {
             height: styles.pickerItemContainer.height * numberOfItemsToShow,
             overflow: "hidden",
         }}>
-                <react_native_1.FlatList ref={flatListRef} data={data} getItemLayout={getItemLayout} initialScrollIndex={initialScrollIndex} windowSize={numberOfItemsToShow} renderItem={renderItem} keyExtractor={KEY_EXTRACTOR} showsVerticalScrollIndicator={false} decelerationRate="fast" scrollEventThrottle={16} snapToAlignment="start" 
+                <react_native_1.FlatList ref={flatListRef} data={data} getItemLayout={getItemLayout} initialScrollIndex={initialScrollIndex} windowSize={numberOfItemsToShow} renderItem={renderItem} keyExtractor={KEY_EXTRACTOR} showsVerticalScrollIndicator={false} decelerationRate={0.9} scrollEventThrottle={16} snapToAlignment="start" 
     // used in place of snapToOffset due to bug on Android
     snapToOffsets={__spreadArray([], Array(data.length), true).map(function (_, i) { return i * styles.pickerItemContainer.height; })} viewabilityConfigCallbackPairs={!disableInfiniteScroll
             ? viewabilityConfigCallbackPairs === null || viewabilityConfigCallbackPairs === void 0 ? void 0 : viewabilityConfigCallbackPairs.current
             : undefined} onMomentumScrollEnd={onMomentumScrollEnd} testID="duration-scroll-flatlist"/>
-                <react_native_1.View style={styles.pickerLabelContainer}>
+                <react_native_1.View style={styles.pickerLabelContainer} pointerEvents="none">
                     {typeof label === "string" ? (<react_native_1.Text style={styles.pickerLabel}>{label}</react_native_1.Text>) : (label !== null && label !== void 0 ? label : null)}
                 </react_native_1.View>
                 {LinearGradient ? (<>
@@ -193,7 +193,7 @@ var DurationScroll = (0, react_1.forwardRef)(function (_a, ref) {
                         .backgroundColor) !== null && _c !== void 0 ? _c : "white",
                     opacity: 0,
                 }),
-            ]} start={{ x: 1, y: 0.3 }} end={{ x: 1, y: 1 }} {...pickerGradientOverlayProps} {...topPickerGradientOverlayProps} style={[styles.pickerGradientOverlay, { top: 0 }]}/>
+            ]} start={{ x: 1, y: 0.3 }} end={{ x: 1, y: 1 }} pointerEvents="none" {...pickerGradientOverlayProps} {...topPickerGradientOverlayProps} style={[styles.pickerGradientOverlay, { top: 0 }]}/>
                         <LinearGradient colors={[
                 (0, colorToRgba_1.colorToRgba)({
                     color: (_d = styles.pickerContainer
@@ -201,7 +201,7 @@ var DurationScroll = (0, react_1.forwardRef)(function (_a, ref) {
                     opacity: 0,
                 }),
                 (_e = styles.pickerContainer.backgroundColor) !== null && _e !== void 0 ? _e : "white",
-            ]} start={{ x: 1, y: 0 }} end={{ x: 1, y: 0.7 }} {...pickerGradientOverlayProps} {...bottomPickerGradientOverlayProps} style={[
+            ]} start={{ x: 1, y: 0 }} end={{ x: 1, y: 0.7 }} pointerEvents="none" {...pickerGradientOverlayProps} {...bottomPickerGradientOverlayProps} style={[
                 styles.pickerGradientOverlay,
                 { bottom: -1 },
             ]}/>

package/dist/components/TimerPickerModal.styles.js

@@ -21,7 +21,7 @@ var LIGHT_MODE_TEXT_COLOR = "#1B1B1B";
 var generateStyles = function (customStyles) {
     var _a;
     return react_native_1.StyleSheet.create({
-        container: __assign({ flex: 1, justifyContent: "center", alignItems: "center" }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.container),
+        container: __assign({ justifyContent: "center", alignItems: "center" }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.container),
         contentContainer: __assign({ backgroundColor: ((_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.backgroundColor) !== null && _a !== void 0 ? _a : (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark")
                 ? DARK_MODE_BACKGROUND_COLOR
                 : LIGHT_MODE_BACKGROUND_COLOR, justifyContent: "center", alignItems: "center", borderRadius: 20, padding: 20 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.contentContainer),

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "1.2.4",
+    "version": "1.2.5",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "scripts": {