react-native-timer-picker 1.2.4 → 1.2.6

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/Modal/index.js

@@ -30,27 +30,15 @@ var react_native_1 = require("react-native");
 var Modal_styles_1 = require("./Modal.styles");
 var Modal = function (_a) {
     var children = _a.children, onOverlayPress = _a.onOverlayPress, onHide = _a.onHide, _b = _a.isVisible, isVisible = _b === void 0 ? false : _b, _c = _a.animationDuration, animationDuration = _c === void 0 ? 300 : _c, _d = _a.overlayOpacity, overlayOpacity = _d === void 0 ? 0.4 : _d, modalProps = _a.modalProps, contentStyle = _a.contentStyle, overlayStyle = _a.overlayStyle, testID = _a.testID;
-    var _e = (0, react_1.useState)(react_native_1.Dimensions.get("window").height), screenHeight = _e[0], setScreenHeight = _e[1];
-    var _f = (0, react_1.useState)(react_native_1.Dimensions.get("window").width), screenWidth = _f[0], setScreenWidth = _f[1];
+    var _e = (0, react_native_1.useWindowDimensions)(), screenWidth = _e.width, screenHeight = _e.height;
     var isMounted = (0, react_1.useRef)(false);
     var animatedOpacity = (0, react_1.useRef)(new react_native_1.Animated.Value(0));
-    var handleDimensionsUpdate = function (dimensionsUpdate) {
-        var updatedScreenWidth = dimensionsUpdate.window.width;
-        var updateadScreenHeight = dimensionsUpdate.window.height;
-        if (updatedScreenWidth !== screenWidth ||
-            updateadScreenHeight !== screenHeight) {
-            setScreenHeight(updateadScreenHeight);
-            setScreenWidth(updatedScreenWidth);
-        }
-    };
     (0, react_1.useEffect)(function () {
         isMounted.current = true;
         if (isVisible) {
             show();
         }
-        var deviceEventEmitter = react_native_1.DeviceEventEmitter.addListener("didUpdateDimensions", handleDimensionsUpdate);
         return function () {
-            deviceEventEmitter.remove();
             isMounted.current = false;
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps

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.6",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "scripts": {