@ledvance/base 1.1.53 → 1.1.55

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.1.53",
+  "version": "1.1.55",
   "scripts": {},
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.6",

package/src/components/InfoText.tsx

@@ -6,7 +6,7 @@ import Spacer from './Spacer'
 const cx = Utils.RatioUtils.convertX
 
 interface InfoTextProps extends ViewProps {
-  icon: string
+  icon: string | number
   text: string
   contentColor?: string
   iconStyle?: StyleProp<ImageStyle>
@@ -15,10 +15,11 @@ interface InfoTextProps extends ViewProps {
 
 const InfoText = (props: InfoTextProps) => {
   const contentColor = props.contentColor || '#666666'
+  const source = typeof props.icon === 'string' ? {uri: props.icon} : props.icon
   return (
     <View style={styles.root}>
       <Image style={[styles.icon, props.iconStyle, {tintColor: contentColor}]}
-             source={{uri: props.icon}}/>
+             source={source}/>
       <Spacer width={cx(4)} height={0}/>
       <Text style={[styles.text, props.textStyle, {color: contentColor}]}>{props.text}</Text>
     </View>

package/src/components/TextField.tsx

@@ -13,21 +13,29 @@ interface TextFieldProps extends TextInputProps {
 }
 
 const TextField = (props: TextFieldProps) => {
+  const icon = props.tipIcon || res.ic_warning_amber
+  const color = props.tipColor || '#FF9500'
   return (
     <View style={props.style}>
-      <Text style={[styles.topTip, {opacity: (!!props.value) ? 1 : 0}]}>{props.placeholder}</Text>
+      <Text style={[styles.topTip, { opacity: (!!props.value) ? 1 : 0 }]}>{props.placeholder}</Text>
       <View style={styles.textInputGroup}>
-        <TextInput{...props} style={styles.textInput}/>
+        <TextInput{...props} style={styles.textInput} />
         {!!props.value &&
             <TouchableOpacity
                 style={styles.iconTouchable}
                 onPress={() => {
                   props.onChangeText && props.onChangeText('')
                 }}>
-                <Image source={{uri: res.ic_cancel}} style={styles.icon}/>
+                <Image source={{ uri: res.ic_cancel }} style={styles.icon} />
             </TouchableOpacity>
         }
-        <View style={styles.line}/>
+        <View style={styles.line} />
+      </View>
+      <View style={[styles.errorContainer, { opacity: !!(props.showError) ? 1 : 0 }]}>
+        <Image source={icon} style={[styles.icon, { tintColor: color }]} />
+        <Text
+          style={{ marginLeft: cx(5), color: color }}
+        >{props.errorText}</Text>
       </View>
     </View>
   )
@@ -72,6 +80,11 @@ const styles = StyleSheet.create({
     bottom: 0,
     backgroundColor: '#cbcbcb',
   },
+  errorContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginStart: cx(13),
+  },
 })
 
-export default TextField
+export default TextField

package/src/components/ldvTopBar.tsx

@@ -24,8 +24,9 @@ const LDVTopBar = (props: TopBarProps) => {
         height: cx(46),
         alignItems: 'center',
         marginTop: Platform.OS === 'ios' ? Utils.RatioUtils.statusBarHeight : 0,
+        justifyContent: 'space-between',
       }}>
-      <TouchableOpacity onPress={props.onBackPress} style={{flex: 1}}>
+      <TouchableOpacity onPress={props.onBackPress} style={{flex: 1, maxWidth: cx(290)}} >
         <View
           style={{
             flexDirection: 'row',
@@ -51,6 +52,7 @@ const LDVTopBar = (props: TopBarProps) => {
               style={{
                 width: cx(44),
                 height: cx(44),
+                marginRight: cx(10)
               }}
               onPress={props.onRightButtonPress}
               disabled={props.rightButtonDisabled}>
@@ -65,7 +67,6 @@ const LDVTopBar = (props: TopBarProps) => {
                   source={icon}/>
           </TouchableOpacity>
       }
-      <View style={{width: cx(12)}}/>
     </View>
   )
 }