muba-input-text
Advanced tools
Comparing version 0.0.1 to 0.0.2
@@ -10,206 +10,2 @@ { | ||
{ | ||
"uid": "c5fd349cbd3d23e4ade333789c29c729", | ||
"css": "eye", | ||
"code": 59392, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "7fd683b2c518ceb9e5fa6757f2276faa", | ||
"css": "eye-off", | ||
"code": 59393, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "c9bef3dc67fea47e94c4a5030ea64dad", | ||
"css": "clipboard", | ||
"code": 59394, | ||
"src": "elusive" | ||
}, | ||
{ | ||
"uid": "2e6301ac94d0d51566727b9199259451", | ||
"css": "id-card-o", | ||
"code": 62147, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "39a5a0d7ce8342d149373b2ce219503a", | ||
"css": "alert", | ||
"code": 59395, | ||
"src": "entypo" | ||
}, | ||
{ | ||
"uid": "531bc468eecbb8867d822f1c11f1e039", | ||
"css": "calendar", | ||
"code": 59397, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "e7eecc3cc44f3f4cad6229b202588308", | ||
"css": "calendar-plus", | ||
"code": 62065, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "9de4ac1aec6b1cca1929e1407eecf3db", | ||
"css": "calendar-check-o", | ||
"code": 62068, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "22cfc7af2c4f158b37317c65c92b48c2", | ||
"css": "location", | ||
"code": 59398, | ||
"src": "elusive" | ||
}, | ||
{ | ||
"uid": "1bafeeb1808a5fe24484c7890096901a", | ||
"css": "user-plus", | ||
"code": 62004, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "1400d5103edd2fa6d2d61688fee79a5a", | ||
"css": "ok-squared", | ||
"code": 61770, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "21b42d3c3e6be44c3cc3d73042faa216", | ||
"css": "sliders", | ||
"code": 61918, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "5854855e963044f93b15738a5bb27a29", | ||
"css": "phone", | ||
"code": 59400, | ||
"src": "entypo" | ||
}, | ||
{ | ||
"uid": "d35a1d35efeb784d1dc9ac18b9b6c2b6", | ||
"css": "pencil", | ||
"code": 59402, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "12f4ece88e46abd864e40b35e05b11cd", | ||
"css": "ok", | ||
"code": 59404, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "2d6150442079cbda7df64522dc24f482", | ||
"css": "down-dir", | ||
"code": 59405, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "fb1c799ffe5bf8fb7f8bcb647c8fe9e6", | ||
"css": "right-dir", | ||
"code": 59406, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "bbfb51903f40597f0b70fd75bc7b5cac", | ||
"css": "trash", | ||
"code": 61944, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "ccc2329632396dc096bb638d4b46fb98", | ||
"css": "mail-alt", | ||
"code": 61664, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "f279f25007794fa6837ff78fe94b216e", | ||
"css": "bill", | ||
"code": 61654, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "5408be43f7c42bccee419c6be53fdef5", | ||
"css": "doc", | ||
"code": 61686, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "f47srtt9pew19q6kg9jniwtzsb8q1rhy", | ||
"css": "attention", | ||
"code": 59410, | ||
"src": "modernpics" | ||
}, | ||
{ | ||
"uid": "b714be5a812a474811604f700dfc87ce", | ||
"css": "left-open", | ||
"code": 61447, | ||
"src": "mfglabs" | ||
}, | ||
{ | ||
"uid": "37910a1398001a5ccb541cb2a253a2c7", | ||
"css": "right-open", | ||
"code": 61446, | ||
"src": "mfglabs" | ||
}, | ||
{ | ||
"uid": "9e8430ce95f56720ae8e7afba291df88", | ||
"css": "user-md", | ||
"code": 61680, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "8b80d36d4ef43889db10bc1f0dc9a862", | ||
"css": "user", | ||
"code": 59413, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "559647a6f430b3aeadbecd67194451dd", | ||
"css": "menu", | ||
"code": 61641, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "41087bc74d4b20b55059c60a33bf4008", | ||
"css": "edit", | ||
"code": 59399, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "dd6c6b221a1088ff8a9b9cd32d0b3dd5", | ||
"css": "check", | ||
"code": 59396, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "8b9e6a8dd8f67f7c003ed8e7e5ee0857", | ||
"css": "power", | ||
"code": 59403, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "310c0c174fb8843a83ad0a7c6da85c56", | ||
"css": "briefcase", | ||
"code": 59401, | ||
"src": "elusive" | ||
}, | ||
{ | ||
"uid": "1gf923f9wvaezxmfon515dglxa3drf0e", | ||
"css": "plus", | ||
"code": 59407, | ||
"src": "typicons" | ||
}, | ||
{ | ||
"uid": "130380e481a7defc690dfb24123a1f0c", | ||
"css": "circle", | ||
"code": 61713, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "e82cedfa1d5f15b00c5a81c9bd731ea2", | ||
"css": "info-circled", | ||
"code": 59408, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "5211af474d3a9848f67f945e2ccaf143", | ||
@@ -219,52 +15,4 @@ "css": "cancel", | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "8167f6441d2557a90d717a7fc3248760", | ||
"css": "lock-open-alt", | ||
"code": 61557, | ||
"src": "mfglabs" | ||
}, | ||
{ | ||
"uid": "1e89103762be72b0720eda0468e62b90", | ||
"css": "globe", | ||
"code": 59411, | ||
"src": "linecons" | ||
}, | ||
{ | ||
"uid": "d7271d490b71df4311e32cdacae8b331", | ||
"css": "home", | ||
"code": 59412, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "3c0ef77f5fbb5c933c23f2c437d8cab8", | ||
"css": "error-alt", | ||
"code": 59414, | ||
"src": "elusive" | ||
}, | ||
{ | ||
"uid": "ea2d9a8c51ca42b38ef0d2a07f16d9a7", | ||
"css": "chart-line", | ||
"code": 61953, | ||
"src": "fontawesome" | ||
}, | ||
{ | ||
"uid": "lnyme20kl7kh26it9yrqk7at10k6i0sf", | ||
"css": "award", | ||
"code": 59415, | ||
"src": "modernpics" | ||
}, | ||
{ | ||
"uid": "877a233d7fdca8a1d82615b96ed0d7a2", | ||
"css": "right-small", | ||
"code": 59416, | ||
"src": "typicons" | ||
}, | ||
{ | ||
"uid": "f4445feb55521283572ee88bc304f928", | ||
"css": "floppy", | ||
"code": 59417, | ||
"src": "fontawesome" | ||
} | ||
] | ||
} |
@@ -145,6 +145,6 @@ import React from 'react'; | ||
<View style={inputTextStyles.row}> | ||
<OutputText style={[inputTextStyles.progressbarField, { fontFamily: this.state.noteFont }]}>{this.props.label}</OutputText> | ||
<OutputText style={[inputTextStyles.progressbarField]}>{this.props.label}</OutputText> | ||
{this.props.required ? <OutputText style={inputTextStyles.redText}> *</OutputText> : <OutputText />} | ||
{this.state.onlyNumbersError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText, { fontFamily: this.state.noteFont }]}> {strings('onlyNumbers')}</OutputText> : <OutputText />} | ||
{this.state.maxValueError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText, { fontFamily: this.state.noteFont }]}> {strings('maxValueError', { maxValue: this.props.maxValue })}</OutputText> : <OutputText />} | ||
{this.state.onlyNumbersError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('onlyNumbers')}</OutputText> : <OutputText />} | ||
{this.state.maxValueError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('maxValueError', { maxValue: this.props.maxValue })}</OutputText> : <OutputText />} | ||
</View> | ||
@@ -154,7 +154,7 @@ : | ||
} | ||
{this.state.emailBadFormat && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText, { fontFamily: this.state.noteFont }]}> {strings('emailBadFormat')}</OutputText> : <View />} | ||
{this.state.emailBadFormat && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('emailBadFormat')}</OutputText> : <View />} | ||
<View style={inputTextStyles.row} ref={(element) => this.inputTextView = element} collapsable={false}> | ||
<TextInput | ||
ref={(input) => { this.input = input; }} | ||
style={[inputTextStyles.textInputField, inputTextStyles.textField, { fontFamily: this.state.inputFont }, this.props.style, { textAlign: isRTL() ? 'right' : 'left', }, this.state.fieldError ? inputTextStyles.fieldError : '', this.props.disabled ? inputTextStyles.disabled : '', this.props.multiline ? { paddingTop: 5 } : '']} | ||
style={[inputTextStyles.textInputField, inputTextStyles.textField, this.props.style, { textAlign: isRTL() ? 'right' : 'left', }, this.state.fieldError ? inputTextStyles.fieldError : '', this.props.disabled ? inputTextStyles.disabled : '', this.props.multiline ? { paddingTop: 5 } : '']} | ||
underlineColorAndroid='transparent' | ||
@@ -161,0 +161,0 @@ keyboardType={this.props.keyboardType ? this.props.keyboardType : keyboardTypeMap[this.props.type ? this.props.type : 'default']} |
import { StyleSheet } from 'react-native'; | ||
const Fonts = { | ||
Input: null, | ||
Note: null, | ||
} | ||
export const inputTextStyles = StyleSheet.create({ | ||
@@ -10,2 +15,3 @@ | ||
progressbarField: { | ||
fontFamily: Fonts.Note, | ||
fontSize: 12, | ||
@@ -23,2 +29,3 @@ marginBottom: 10, | ||
color: '#858585', | ||
fontFamily: Fonts.Note, | ||
textAlign: 'left' | ||
@@ -59,2 +66,3 @@ }, | ||
fontSize: 14, | ||
fontFamily: Fonts.Input, | ||
width: '100%', | ||
@@ -61,0 +69,0 @@ display: 'flex', |
{ | ||
"name": "muba-input-text", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "Input text", | ||
@@ -20,4 +20,5 @@ "main": "InputText.js", | ||
"dependencies": { | ||
"expo-font": "^7.0.0", | ||
"muba-output-text": "0.0.3" | ||
} | ||
} | ||
} |
27987
2
292
+ Addedexpo-font@^7.0.0
+ Addedexpo-font@7.0.0(transitive)
+ Addedfontfaceobserver@2.3.0(transitive)