muba-input-text 5.0.0 → 5.0.2

package/InputText.js

@@ -250,10 +250,10 @@ export default class InputText extends React.Component {
 						<View style={{ marginTop: 10 }} />
 					}
 
-					<View style={inputTextStyles.row} collapsable={false}>
+					<View style={(isRTL() && (this.props.language == null || this.props.language == 'AR')) || (!isRTL() && (this.props.language == null || this.props.language != 'AR')) ? inputTextStyles.row : inputTextStyles.rowReverse} collapsable={false}>
 						<TextInput
 							ref={(input) => { this.input = input; }}
-							style={[inputTextStyles.textInputField, inputTextStyles.textField, this.props.style, { textAlign: isRTL() || this.props.language == 'AR' ? 'right' : 'left' }, this.state.fieldError && !this.props.label ? inputTextStyles.fieldError : '', this.props.disabled ? inputTextStyles.disabled : '', this.props.multiline ? { paddingTop: 5 } : '']}
+							style={[inputTextStyles.textInputField, inputTextStyles.textField, this.props.style, { textAlign: (isRTL() && (this.props.language == null || this.props.language == 'AR')) || this.props.language == 'AR' ? 'right' : 'left' }, this.state.fieldError && !this.props.label ? inputTextStyles.fieldError : '', this.props.disabled ? inputTextStyles.disabled : '', this.props.multiline ? { paddingTop: 5 } : '']}
 							underlineColorAndroid='transparent'
 							keyboardType={this.props.keyboardType ? this.props.keyboardType : keyboardTypeMap[this.props.type ? this.props.type : 'default']}
 							onChangeText={(text) => this.onChangeText(text)}
@@ -271,7 +271,9 @@ export default class InputText extends React.Component {
 							selection={this.props.selection}
 							selectionColor={this.props.selectionColor}
 							numberOfLines={this.props.numberOfLines}
-							maxLength={this.props.maxLength} />
+							maxLength={this.props.maxLength}
+							onFocus={this.props.onFocus}
+							onBlur={this.props.onBlur} />
 						{this.props.children}
 
 						{this.props.value != null && !this.props.hideCancel ?

package/InputTextStyles.js

@@ -11,6 +11,10 @@ export const inputTextStyles = StyleSheet.create({
 		flexDirection: 'row'
 	},
 
+	rowReverse: {
+		flexDirection: 'row-reverse'
+	},
+
 	progressbarField: {
 		fontFamily: Fonts.Note,
 		fontSize: 12,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muba-input-text",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "description": "Input text",
   "main": "InputText.js",
   "scripts": {