fixed bugs and added 1.0.0

Author: rghorbani

README.md

@@ -91,4 +91,4 @@ Interested in contributing to this repo? Have a look at our [Contributing Guide]
 ## Related Projects
 
 #### [react-native-general-calendars](https://github.com/rghorbani/react-native-general-calendars)
-A `react-native` component with support of gregorian, jalaali and hijri calendar to selectand work with date and time, created by [@rghorbani](https://github.com/rghorbani).
+A `react-native` component with support of gregorian, jalaali and hijri calendar to select and work with date and time, created by [@rghorbani](https://github.com/rghorbani).

jest-setup.js

@@ -0,0 +1,3 @@
+const {NativeModules} = require('react-native');
+
+NativeModules.StatusBarManager = {getHeight: jest.fn()};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-common",
-  "version": "0.17.2",
+  "version": "1.0.0",
   "description": "React Native common components",
   "main": "src/index.js",
   "scripts": {
@@ -51,8 +51,6 @@
     "hoist-non-react-statics": "^2.5.0",
     "immutable": "~3.8.2",
     "lodash": "^4.17.4",
-    "moment": "^2.21.0",
-    "moment-jalaali": "^0.7.2",
     "prop-types": "~15.6.0",
     "react-native-animatable": "^1.2.4",
     "react-native-blur": "~3.2.2",
@@ -91,8 +89,10 @@
     "preset": "react-native",
     "testPathIgnorePatterns": [
       "src/components/navigator",
+      "/e2e/",
       "/node_modules/"
-    ]
+    ],
+    "setupFiles": ["./jest-setup.js"]
   },
   "rnpm": {
     "android": {

src/components/header/index.js

@@ -66,11 +66,19 @@ class Header extends BaseComponent {
      * style the action bar
      */
     style: PropTypes.oneOfType([PropTypes.object, PropTypes.number, PropTypes.array]),
+    /**
+     * use safe area
+     */
+    useSafeArea: PropTypes.bool,
+    /**
+     * Use to identify the button in tests
+     */
     testID: PropTypes.string,
   };
 
   static defaultProps = {
     useNative: false,
+    useSafeArea: true,
     backgroundColor: Colors.white,
     titleColor: Colors.yellow,
     itemsColor: Colors.black
@@ -198,6 +206,7 @@ class Header extends BaseComponent {
       leftItems,
       rightItems,
       itemsColor,
+      useSafeArea,
       style,
     } = this.props;
 
@@ -223,6 +232,7 @@ class Header extends BaseComponent {
 
     return (
       <View
+        useSafeArea={useSafeArea}
         style={[
           this.styles.container,
           style,

src/components/inputs/TextInput.js

@@ -122,6 +122,12 @@ class TextInput extends BaseInput {
   }
 
   componentWillReceiveProps(nextProps) {
+    if (nextProps.rtl !== this.props.rtl) {
+      this.styles = createStyles({
+        ...this.props,
+        rtl: nextProps.rtl,
+      });
+    }
     if (nextProps.value !== this.props.value) {
       this.setState(
         {
@@ -285,10 +291,11 @@ class TextInput extends BaseInput {
   }
 
   renderCharCounter() {
+    const {focused} = this.state;
     const {maxLength, showCharacterCounter} = this.props;
     if (maxLength && showCharacterCounter) {
       const counter = this.getCharCount();
-      const color = this.isCounterLimit() ? charCountColorLimit : charCountColorDefault;
+      const color = this.isCounterLimit() && focused ? charCountColorLimit : charCountColorDefault;
       return (
         <Text
           style={[{color}, this.styles.charCounter]}

src/helpers/Constants.js

@@ -10,14 +10,19 @@ const { Dimensions, Platform, NativeModules } = require('react-native');
 
 const { StatusBarManager } = NativeModules;
 const { height, width } = Dimensions.get('window');
+let statusBarHeight = Platform.OS === 'ios' ? 20 : StatusBarManager.HEIGHT;
 
 module.exports = {
   isAndroid: Platform.OS === 'android',
   isIOS: Platform.OS === 'ios',
-  isIphoneX: (Platform.OS === 'ios' && !Platform.isPad && !Platform.isTVOS && (height === 812 || width === 812)),
   screenHeight: height,
   screenWidth: width,
-  isSmallScreen: Platform.OS === 'ios' ? (width <= 320) : (width <= 360),
+  isSmallScreen: Platform.OS === 'ios' ? width <= 320 : width <= 360,
   isShortScreen: height <= 600,
-  statusBarHeight: Platform.OS === 'ios' ? 20 : StatusBarManager.HEIGHT,
+  statusBarHeight: statusBarHeight,
+  isIphoneX: Platform.OS === 'ios' && !Platform.isPad && !Platform.isTVOS && (height === 812 || width === 812),
 };
+
+if (Platform.OS === 'ios') {
+  StatusBarManager.getHeight(data => (statusBarHeight = data.height));
+}