etendo-ui-library 1.0.67 → 1.0.69

package/components/button/Button.styles.tsx

@@ -15,14 +15,16 @@ export const ButtonStyleVariant: buttonStyleVariant = {
       backgroundColor: BLUE,
       borderRadius: 5,
       flexDirection: 'row',
+      justifyContent: 'center',
+      width: '100%',
+      height: '100%',
+      alignSelf: 'center',
       alignItems: 'center',
-      alignSelf: 'flex-start',
-      width: 150,
     },
     text: {
       color: WHITE,
-      fontFamily: 'Poppins',
       fontWeight: '600',
+      fontSize: 16,
     },
     containerDisabled: {
       backgroundColor: GREY_BLUE_50,

package/components/button/Button.tsx

@@ -10,7 +10,8 @@ const Button = ({
   typeStyle,
   image,
   disabled,
-  typeSize,
+  width,
+  height,
 }: ButtonProps) => {
   const stateStyleContainer = () => {
     if (disabled) {
@@ -27,32 +28,24 @@ const Button = ({
   };
 
   return (
-    <View>
-      <TouchableOpacity
-        style={[
-          stateStyleContainer(),
-          ButtonSizeVariant[typeSize].containerSize,
-        ]}
-        onPress={onPress}
-      >
-        {image?.imgRoute && (
-          <Image
-            source={image.imgRoute}
-            style={[
-              addImageStyle(image),
-              {opacity: disabled ? 0.2 : 1},
-              ButtonStyleVariant[typeStyle].imageColor,
-            ]}
-          ></Image>
-        )}
-        <Text
-          style={[stateStyleText(), ButtonSizeVariant[typeSize].buttonSize]}
-        >
-          {' '}
-          {text}{' '}
-        </Text>
-      </TouchableOpacity>
-    </View>
+    <TouchableOpacity
+      style={[stateStyleContainer(), {width: width, height: height}]}
+      onPress={onPress}
+    >
+      {image?.imgRoute && (
+        <Image
+          source={image.imgRoute}
+          style={[
+            addImageStyle(image),
+            {opacity: disabled ? 0.2 : 1},
+            ButtonStyleVariant[typeStyle].imageColor,
+          ]}
+        />
+      )}
+      <Text style={[stateStyleText(), ButtonSizeVariant['medium'].buttonSize]}>
+        {text}
+      </Text>
+    </TouchableOpacity>
   );
 };
 

package/components/button/Button.types.tsx

@@ -1,36 +1,52 @@
-import {ImageSourcePropType, ImageStyle, TextStyle, ViewStyle} from 'react-native'
+import {
+  ImageSourcePropType,
+  ImageStyle,
+  TextStyle,
+  ViewStyle,
+} from 'react-native';
 
-export type ButtonStyleType = 'primary' | 'secondary' |'terciary' |'whiteBorder' | 'white' ;
+export type ButtonStyleType =
+  | 'primary'
+  | 'secondary'
+  | 'terciary'
+  | 'whiteBorder'
+  | 'white';
 
-export type ButtonSizeType = 'small' | 'medium' | 'large' ;
+export type ButtonSizeType = 'small' | 'medium' | 'large';
 
-export type buttonStyleVariant= Record<
-ButtonStyleType, {
-    container: ViewStyle,
-    text: TextStyle,
-    containerDisabled: ViewStyle,
-    textDisabled: TextStyle,
-    imageColor: ImageStyle,
-}> 
+export type buttonStyleVariant = Record<
+  ButtonStyleType,
+  {
+    container: ViewStyle;
+    text: TextStyle;
+    containerDisabled: ViewStyle;
+    textDisabled: TextStyle;
+    imageColor: ImageStyle;
+  }
+>;
 
 export type buttonSizeVariant = Record<
-ButtonSizeType, {
-    buttonSize: TextStyle,
-    containerSize: ViewStyle,
-}> 
+  ButtonSizeType,
+  {
+    buttonSize: TextStyle;
+    containerSize: ViewStyle;
+  }
+>;
 
 export type ImageType = {
-    imgRoute?: ImageSourcePropType;
-    imgWidth?: string | number;
-    imgHeight?: string | number;
-    imgMarginRight?: string | number;
+  imgRoute?: ImageSourcePropType;
+  imgWidth?: string | number;
+  imgHeight?: string | number;
+  imgMarginRight?: string | number;
 };
 
 export interface ButtonProps {
-    onPress: () => void;
-    text: string;
-    typeStyle: ButtonStyleType,
-    image?: ImageType,
-    disabled?: boolean,
-    typeSize: ButtonSizeType,
-};
+  onPress: () => void;
+  text: string;
+  typeStyle: ButtonStyleType;
+  image?: ImageType;
+  disabled?: boolean;
+  typeSize: ButtonSizeType;
+  width?: number | string;
+  height?: number | string;
+}

package/components/button/__snapshots__/Button.test.tsx.snap

@@ -1,76 +1,72 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Running Test for Input Check Button disabled 1`] = `
-<View>
-  <View
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
+<View
+  accessible={true}
+  collapsable={false}
+  focusable={true}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  style={
+    Object {
+      "alignItems": "center",
+      "alignSelf": "flex-start",
+      "backgroundColor": "#D3D6E1",
+      "borderRadius": 5,
+      "flexDirection": "row",
+      "height": undefined,
+      "opacity": 1,
+      "width": undefined,
+    }
+  }
+>
+  <Image
+    source={
       Object {
-        "alignItems": "center",
-        "alignSelf": "flex-start",
-        "backgroundColor": "#D3D6E1",
-        "borderRadius": 5,
-        "flexDirection": "row",
-        "opacity": 1,
-        "paddingHorizontal": 18,
-        "paddingVertical": 14,
+        "testUri": "../../../assets/images/icons/check.png",
       }
     }
-  >
-    <Image
-      source={
-        Object {
-          "testUri": "../../../assets/images/icons/check.png",
-        }
-      }
-      style={
+    style={
+      Array [
         Array [
-          Array [
-            Object {
-              "width": 16,
-            },
-            Object {
-              "height": 12,
-            },
-            Object {
-              "marginRight": 10,
-            },
-          ],
-          Object {
-            "opacity": 0.2,
-          },
           Object {
-            "tintColor": "#FFFFFF",
+            "width": 16,
           },
-        ]
-      }
-    />
-    <Text
-      style={
-        Array [
           Object {
-            "color": "#FFFFFF",
-            "fontWeight": "bold",
+            "height": 12,
           },
           Object {
-            "fontSize": 20,
+            "marginRight": 10,
           },
-        ]
-      }
-    >
-       
-      Button CTA
-       
-    </Text>
-  </View>
+        ],
+        Object {
+          "opacity": 0.2,
+        },
+        Object {
+          "tintColor": "#FFFFFF",
+        },
+      ]
+    }
+  />
+  <Text
+    style={
+      Array [
+        Object {
+          "color": "#FFFFFF",
+          "fontWeight": "bold",
+        },
+        Object {
+          "fontSize": 16,
+        },
+      ]
+    }
+  >
+    Button CTA
+  </Text>
 </View>
 `;

package/components/input/Input.style.ts

@@ -76,7 +76,6 @@ export const inputVariants: InputVariantsType = {
 const defaultTitle: TextStyle = {
   color: BLUE,
   fontSize: 14,
-  fontFamily: FONT_MEDIUM,
   marginTop: 10,
 };
 
@@ -96,7 +95,6 @@ const defaultText: TextStyle = {
   color: BLUE,
   fontSize: 14,
   fontWeight: '500',
-  fontFamily: FONT_MEDIUM,
 };
 
 const defaultTextPlaceholder: TextStyle = {
@@ -105,7 +103,6 @@ const defaultTextPlaceholder: TextStyle = {
   padding: 10,
   color: GREY_BLUE,
   fontWeight: '500',
-  fontFamily: FONT_MEDIUM,
 };
 
 const defaultHelperText: TextStyle = {

package/components/input/Input.tsx

@@ -23,6 +23,7 @@ const Input: React.FC<InputProps> = ({
   typeField,
   isError,
   fontSize,
+  height,
   password,
 }) => {
   const stateStyle = () => {
@@ -61,6 +62,7 @@ const Input: React.FC<InputProps> = ({
         numberOfLines={numberOfLines}
         centerText={centerText}
         fontSize={fontSize}
+        height={height}
         password={password}
       />
       <InputHelperText

package/components/input/Input.types.ts

@@ -76,6 +76,7 @@ export interface InputProps {
   typeField: InputFieldVariants;
   keyboardType?: KeyboardTypes;
   fontSize?: number;
+  height?: number | string;
   password?: boolean;
   onPress?: (event: GestureResponderEvent) => void;
   onSubmit?: (event: GestureResponderEvent) => void;
@@ -112,6 +113,7 @@ export interface InputFieldProps {
   centerText?: boolean;
   numberOfLines?: number;
   fontSize?: number;
+  height?: number | string;
   password?: boolean;
   onPress?: (event: GestureResponderEvent) => void;
   onSubmit?: (event: GestureResponderEvent) => void;

package/components/input/__snapshots__/Input.test.tsx.snap

@@ -20,7 +20,6 @@ exports[`Running Test for Input Check Input Error 1`] = `
       style={
         Object {
           "color": "#202452",
-          "fontFamily": "Inter-Medium",
           "fontSize": 14,
           "marginTop": 10,
         }
@@ -79,14 +78,15 @@ exports[`Running Test for Input Check Input Error 1`] = `
             Array [
               Object {
                 "color": "#202452",
-                "fontFamily": "Inter-Medium",
                 "fontSize": 14,
                 "fontWeight": "500",
                 "padding": 10,
                 "width": "100%",
               },
               Object {
+                "color": "#000000",
                 "fontSize": undefined,
+                "height": undefined,
               },
               Object {
                 "paddingRight": 10,

package/components/input/components/InputField.tsx

@@ -16,6 +16,7 @@ import {
   activePasswordIcon,
   disabledPasswordIcon,
 } from '../../../assets/images/icons';
+import {BLACK, GREY_BLUE_50} from '../../../styles/colors';
 
 const InputField = ({
   configField,
@@ -31,6 +32,7 @@ const InputField = ({
   onFocus,
   onBlur,
   fontSize,
+  height,
   password,
 }: InputFieldProps) => {
   const [showImg, setShowImg] = useState<boolean>(false);
@@ -41,9 +43,17 @@ const InputField = ({
     let style: Array<TextStyle | TextStyle[]> = [];
 
     if (text) {
-      style.push(styleField.textDefault, {fontSize: fontSize});
+      style.push(styleField.textDefault, {
+        fontSize: fontSize,
+        height: height,
+        color: BLACK,
+      });
     } else {
-      style.push(styleField.textPlaceholder, {fontSize: fontSize});
+      style.push(styleField.textPlaceholder, {
+        fontSize: fontSize,
+        height: height,
+        color: BLACK,
+      });
     }
 
     style.push({paddingRight: password ? 50 : 10});
@@ -129,8 +139,8 @@ const InputField = ({
                     <Image
                       source={
                         !showPassword
-                          ? disabledPasswordIcon
-                          : activePasswordIcon
+                          ? {uri: disabledPasswordIcon}
+                          : {uri: activePasswordIcon}
                       }
                       style={styles.passwordImage}
                     />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.0.67",
+  "version": "1.0.69",
   "private": false,
   "scripts": {
     "android": "react-native run-android",

package/pipelines/Jenkinsfile

@@ -5,7 +5,11 @@ pipeline {
     }
 
     environment {
-        NPM_TOKEN = credentials('npmjs-access-token')
+        NPM_TOKEN           = credentials('npmjs-access-token')
+        URL_REPO            = 'https://bitbucket.org/koodu_software/etendo_ui_library'
+        COMMIT_AUTHOR_NAME  = sh(returnStdout: true, script: "git log -1 --pretty=format:'%an'").trim()
+        COMMIT_AUTHOR_EMAIL = sh(returnStdout: true, script: "git log -1 --pretty=format:'%ae'").trim()
+
     }
 
     agent { label 'jenkins-jenkins-agent' }
@@ -125,6 +129,24 @@ pipeline {
             }
             cleanWs deleteDirs: true
         }
+        fixed {
+            mail to: 'builds@smfconsulting.es',
+            subject: "✅ FIXED - ${currentBuild.fullDisplayName}",
+            body: """
+${new Date()}
+__________________________________________________________
+
+✅ ERRORS FIXED ✅
+
+Commit: ${URL_REPO}/commits/${env.GIT_COMMIT}
+Author: ${COMMIT_AUTHOR_NAME} <${COMMIT_AUTHOR_EMAIL}>
+            
+The problems found in the previous run/s have been fixed!  💪
+Check out the output in the following link: 
+${env.BUILD_URL}
+__________________________________________________________
+            """
+        }
         unstable {
             withCredentials([usernamePassword(credentialsId: "koodu_credentials", passwordVariable: 'GIT_PASSWORD', usernameVariable: 'GIT_USERNAME')]) {
                 script {
@@ -139,6 +161,9 @@ ${new Date()}
 __________________________________________________________
 
 🚨 BUILD UNSTABLE 🚨
+
+Commit: ${URL_REPO}/commits/${env.GIT_COMMIT}
+Author: ${COMMIT_AUTHOR_NAME} <${COMMIT_AUTHOR_EMAIL}>
             
 Some etendo-ui-library tests have failed!
 Check out the output in the following link: 
@@ -161,6 +186,9 @@ __________________________________________________________
 
 🚫 ERROR 🚫
 
+Commit: ${URL_REPO}/commits/${env.GIT_COMMIT}
+Author: ${COMMIT_AUTHOR_NAME} <${COMMIT_AUTHOR_EMAIL}>
+
 The build or publication has failed unexpectedly.
 To more information on the failing run visit: ${env.BUILD_URL}
 __________________________________________________________