react-native-paper-dates 0.18.18 → 0.18.20

package/lib/commonjs/Date/DatePickerModal.js

@@ -9,8 +9,8 @@ var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativePaper = require("react-native-paper");
 var _DatePickerModalContent = _interopRequireDefault(require("./DatePickerModalContent"));
-var _utils = require("../utils");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _utils = require("../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -31,10 +31,9 @@ function DatePickerModal(props) {
     web: 'none',
     default: 'slide'
   });
-  const isLight = (0, _utils.useHeaderColorIsLight)();
+  const isTransparent = presentationStyle === 'pageSheet' ? false : true;
   const headerBackgroundColor = (0, _utils.useHeaderBackgroundColor)();
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const isTransparent = presentationStyle === 'pageSheet' ? false : true;
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [_reactNative.StyleSheet.absoluteFill],
     pointerEvents: "box-none"
@@ -61,13 +60,18 @@ function DatePickerModal(props) {
     style: [styles.modalContent, {
       backgroundColor: theme.colors.surface
     }, dimensions.width > 650 ? styles.modalContentBig : null]
-  }, disableStatusBar ? null : /*#__PURE__*/React.createElement(_reactNative.StatusBar, {
-    translucent: true,
-    barStyle: isLight ? 'dark-content' : 'light-content'
-  }), disableStatusBarPadding ? null : /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, disableStatusBarPadding ? null : /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [{
-      height: insets.top,
-      backgroundColor: headerBackgroundColor
+      height: _reactNative.Platform.select({
+        ios: _reactNative.StatusBar.currentHeight,
+        android: _reactNative.StatusBar.currentHeight,
+        web: insets.top
+      }),
+      backgroundColor: _reactNative.Platform.select({
+        ios: theme.colors.primary,
+        android: theme.colors.primary,
+        web: headerBackgroundColor
+      })
     }]
   }), /*#__PURE__*/React.createElement(_DatePickerModalContent.default, _extends({}, rest, {
     inputEnabled: inputEnabled,

package/lib/commonjs/Date/DatePickerModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativePaper","_DatePickerModalContent","_interopRequireDefault","_utils","_reactNativeSafeAreaContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DatePickerModal","props","theme","useTheme","dimensions","useWindowDimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","rest","animationTypeCalculated","Platform","select","web","isLight","useHeaderColorIsLight","headerBackgroundColor","useHeaderBackgroundColor","insets","useSafeAreaInsets","isTransparent","createElement","View","style","StyleSheet","absoluteFill","pointerEvents","Modal","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","Fragment","TouchableWithoutFeedback","onPress","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","StatusBar","translucent","barStyle","height","top","disableSafeTop","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","_default","memo","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativePaper","_DatePickerModalContent","_interopRequireDefault","_reactNativeSafeAreaContext","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DatePickerModal","props","theme","useTheme","dimensions","useWindowDimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","rest","animationTypeCalculated","Platform","select","web","isTransparent","headerBackgroundColor","useHeaderBackgroundColor","insets","useSafeAreaInsets","createElement","View","style","StyleSheet","absoluteFill","pointerEvents","Modal","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","Fragment","TouchableWithoutFeedback","onPress","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","height","ios","StatusBar","currentHeight","android","top","primary","disableSafeTop","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","_default","memo","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}

package/lib/module/Date/DatePickerModal.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { Modal, StyleSheet, TouchableWithoutFeedback, useWindowDimensions, View, Platform, StatusBar } from 'react-native';
 import { useTheme } from 'react-native-paper';
 import DatePickerModalContent from './DatePickerModalContent';
-import { useHeaderBackgroundColor, useHeaderColorIsLight } from '../utils';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useHeaderBackgroundColor } from '../utils';
 export function DatePickerModal(props) {
   const theme = useTheme();
   const dimensions = useWindowDimensions();
@@ -21,10 +21,9 @@ export function DatePickerModal(props) {
     web: 'none',
     default: 'slide'
   });
-  const isLight = useHeaderColorIsLight();
+  const isTransparent = presentationStyle === 'pageSheet' ? false : true;
   const headerBackgroundColor = useHeaderBackgroundColor();
   const insets = useSafeAreaInsets();
-  const isTransparent = presentationStyle === 'pageSheet' ? false : true;
   return /*#__PURE__*/React.createElement(View, {
     style: [StyleSheet.absoluteFill],
     pointerEvents: "box-none"
@@ -51,13 +50,18 @@ export function DatePickerModal(props) {
     style: [styles.modalContent, {
       backgroundColor: theme.colors.surface
     }, dimensions.width > 650 ? styles.modalContentBig : null]
-  }, disableStatusBar ? null : /*#__PURE__*/React.createElement(StatusBar, {
-    translucent: true,
-    barStyle: isLight ? 'dark-content' : 'light-content'
-  }), disableStatusBarPadding ? null : /*#__PURE__*/React.createElement(View, {
+  }, disableStatusBarPadding ? null : /*#__PURE__*/React.createElement(View, {
     style: [{
-      height: insets.top,
-      backgroundColor: headerBackgroundColor
+      height: Platform.select({
+        ios: StatusBar.currentHeight,
+        android: StatusBar.currentHeight,
+        web: insets.top
+      }),
+      backgroundColor: Platform.select({
+        ios: theme.colors.primary,
+        android: theme.colors.primary,
+        web: headerBackgroundColor
+      })
     }]
   }), /*#__PURE__*/React.createElement(DatePickerModalContent, _extends({}, rest, {
     inputEnabled: inputEnabled,

package/lib/module/Date/DatePickerModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","StatusBar","useTheme","DatePickerModalContent","useHeaderBackgroundColor","useHeaderColorIsLight","useSafeAreaInsets","DatePickerModal","props","theme","dimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","rest","animationTypeCalculated","select","web","default","isLight","headerBackgroundColor","insets","isTransparent","createElement","style","absoluteFill","pointerEvents","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","Fragment","onPress","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","translucent","barStyle","height","top","_extends","disableSafeTop","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","StatusBar","useTheme","DatePickerModalContent","useSafeAreaInsets","useHeaderBackgroundColor","DatePickerModal","props","theme","dimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","rest","animationTypeCalculated","select","web","default","isTransparent","headerBackgroundColor","insets","createElement","style","absoluteFill","pointerEvents","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","Fragment","onPress","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","height","ios","currentHeight","android","top","primary","_extends","disableSafeTop","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}

package/lib/typescript/Date/DatePickerModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAA+B,EAC7B,gCAAgC,EAChC,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,0BAA0B,CAAA;AAIjC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EACd,YAAY,GACZ,WAAW,GACX,WAAW,GACX,gBAAgB,CAAA;CACrB;AAED,MAAM,WAAW,0BACf,SAAQ,iCAAiC,EACvC,oBAAoB;CAAG;AAE3B,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EACtC,oBAAoB;CAAG;AAE3B,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EACtC,oBAAoB;CAAG;AAE3B,wBAAgB,eAAe,CAC7B,KAAK,EACD,yBAAyB,GACzB,0BAA0B,GAC1B,yBAAyB,qBAoF9B;;AAgCD,wBAA0C"}
+{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAA+B,EAC7B,gCAAgC,EAChC,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,0BAA0B,CAAA;AAIjC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EACd,YAAY,GACZ,WAAW,GACX,WAAW,GACX,gBAAgB,CAAA;CACrB;AAED,MAAM,WAAW,0BACf,SAAQ,iCAAiC,EACvC,oBAAoB;CAAG;AAE3B,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EACtC,oBAAoB;CAAG;AAE3B,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EACtC,oBAAoB;CAAG;AAE3B,wBAAgB,eAAe,CAC7B,KAAK,EACD,yBAAyB,GACzB,0BAA0B,GAC1B,yBAAyB,qBAsF9B;;AAgCD,wBAA0C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-paper-dates",
-  "version": "0.18.18",
+  "version": "0.18.20",
   "description": "Performant Date Picker for React Native Paper",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Date/DatePickerModal.tsx

@@ -14,8 +14,8 @@ import DatePickerModalContent, {
   DatePickerModalContentRangeProps,
   DatePickerModalContentSingleProps,
 } from './DatePickerModalContent'
-import { useHeaderBackgroundColor, useHeaderColorIsLight } from '../utils'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useHeaderBackgroundColor } from '../utils'
 
 interface DatePickerModalProps {
   visible: boolean
@@ -66,10 +66,10 @@ export function DatePickerModal(
       default: 'slide',
     })
 
-  const isLight = useHeaderColorIsLight()
+  const isTransparent = presentationStyle === 'pageSheet' ? false : true
   const headerBackgroundColor = useHeaderBackgroundColor()
   const insets = useSafeAreaInsets()
-  const isTransparent = presentationStyle === 'pageSheet' ? false : true
+
   return (
     <View style={[StyleSheet.absoluteFill]} pointerEvents="box-none">
       <Modal
@@ -103,18 +103,20 @@ export function DatePickerModal(
                 dimensions.width > 650 ? styles.modalContentBig : null,
               ]}
             >
-              {disableStatusBar ? null : (
-                <StatusBar
-                  translucent={true}
-                  barStyle={isLight ? 'dark-content' : 'light-content'}
-                />
-              )}
               {disableStatusBarPadding ? null : (
                 <View
                   style={[
                     {
-                      height: insets.top,
-                      backgroundColor: headerBackgroundColor,
+                      height: Platform.select({
+                        ios: StatusBar.currentHeight,
+                        android: StatusBar.currentHeight,
+                        web: insets.top,
+                      }),
+                      backgroundColor: Platform.select({
+                        ios: theme.colors.primary,
+                        android: theme.colors.primary,
+                        web: headerBackgroundColor,
+                      }),
                     },
                   ]}
                 />