fln-espranza 0.0.47 → 0.0.48

package/components/Drawer.tsx

@@ -53,7 +53,8 @@ const Drawer = ({
               nameFirstLetter={name?.split("")[0]}
             />
             <View style={tw`ml-3`}>
-              <EText size={"xl"} style={tw`font-bold -mt-1`}>
+              
+            <EText size={"xl"} style={tw`font-bold -mt-1 lowercase capitalize`}>
                 {name}
               </EText>
               <EText

package/components/EButton.tsx

@@ -51,7 +51,6 @@ export default function EButton({
         {iconL ? <View style={tw`mr-1 -ml-2`}>{iconL}</View> : null}
         {/* LABEL */}
         <EText
-          size={"sm"}
           style={[
             tw`font-semibold ${
               type === "clear" ? `text-[${Colors["primary-base"]}]` : "text-white"

package/components/EDateInput.tsx

@@ -7,6 +7,7 @@ import { CalendarIcon } from 'react-native-heroicons/outline';
 import  EText  from './EText';
 import ELabel from './ELabel';
 import { Colors } from 'fln-espranza/utils/Color'
+import DateTimePickerModal from "react-native-modal-datetime-picker";
 
 interface IProps {
     label: string;
@@ -21,7 +22,7 @@ interface IProps {
 export default function EDateInput({ label, value, style, placeholder, maxDate, minDate, onChange }: IProps) {
     const [show, setShow] = useState(false);
 
-    const handleOnChange = (event: any, selectedDate: any) => {
+    const handleOnChange = (selectedDate: any) => {
         const currentDate = selectedDate;
         setShow(false);
         onChange(currentDate)
@@ -40,14 +41,14 @@ export default function EDateInput({ label, value, style, placeholder, maxDate,
                         value ? moment(value).format("DD/MM/YYYY") : "Select Date"
                     }
                 </EText>
-                {show ? <DateTimePicker
-                    testID="dateTimePicker"
-                    value={value ? new Date(value) : new Date()}
-                    mode={"date"}
-                    onChange={handleOnChange}
+                <DateTimePickerModal
+                    isVisible={show}
+                    mode="date"
+                    onConfirm={handleOnChange}
+                    onCancel={() => setShow(false)}
                     minimumDate={minDate}
                     maximumDate={maxDate}
-                /> : <></>}
+                />
                 <CalendarIcon size={20} style={tw`text-[${Colors["primary-base"]}]`} />
             </TouchableOpacity>
         </View>

package/components/EInput.tsx

@@ -25,7 +25,7 @@ export default function EInput({
   return (
     <View style={[tw`mb-4`, {style}]}>
       {label ? (
-        <EText size="sm" style={[tw`font-semibold text-slate-800`, {
+        <EText  style={[tw`font-semibold  ${hasFocus ? '' : 'text-slate-800'}`, {
           // color: Colors["text-primary"]
         }]}>
           {label}
@@ -33,11 +33,11 @@ export default function EInput({
       ) : null}
 
       <View
-        style={tw` mt-2`}
+        style={tw` mt-1`}
       >
         <TextInput
-          style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300  ${
-            hasFocus ? "border-black " : ""
+          style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300 text-base  ${
+            hasFocus ? "border-black bg-teal-50/10" : ""
           }`}
           {...props}
           onFocus={() => setHasFocus(!hasFocus)}

package/components/ENotFoundPlaceholder.tsx

@@ -19,7 +19,7 @@ export default function ENotFoundPlaceholder(
     <View style={tw`items-center px-16 py-2`}>
     <Image
       source={require("../assets/images/icon-placeholder-schedule.png")}
-      style={[tw`mb-2`, { height: 64 }]}
+      style={[tw``, { height: 44 }]}
       resizeMode="contain"
     />
 
@@ -35,7 +35,7 @@ export default function ENotFoundPlaceholder(
     >
         {subtitle}
     </EText>
-    <View style={tw`mt-6`}>
+    <View style={tw`mt-4`}>
         {button}
     </View>
   </View>

package/components/EProgressBar.tsx

@@ -1,13 +1,14 @@
 import React, { useEffect, useRef, useState } from 'react'
-import { Animated,StyleSheet, View } from 'react-native';
+import { Animated, StyleSheet, View } from 'react-native';
 import tw from "fln-espranza/lib/tailwind";
 import { Colors } from "fln-espranza/utils/Color";
 
-interface IProps{
+interface IProps {
     progress: number;
+    type: "stepper" | "bar";
 }
 
-export default function EProgressBar( {progress}: IProps) {
+export default function EProgressBar({ progress, type }: IProps) {
 
 
     const barWidth = useRef(new Animated.Value(0)).current;
@@ -21,13 +22,26 @@ export default function EProgressBar( {progress}: IProps) {
         }).start();
     }, [progress]);
     return (
-        <View style={[tw`h-2 w-14 bg-slate-200 overflow-hidden mr-2`, {
-            borderRadius: 40,
-        }]}>
-            <Animated.View
-                style={[StyleSheet.absoluteFill, { backgroundColor: Colors['primary-base'], width: barWidth }]}
+        <>
+            {type === "stepper" ? <View style={[tw`h-2 w-14 bg-slate-200 overflow-hidden mr-2`, {
+                borderRadius: 40,
+            }]}>
+                <Animated.View
+                    style={[StyleSheet.absoluteFill, { backgroundColor: Colors['primary-base'], width: barWidth }]}
 
-            />
-        </View>
+                />
+            </View>
+                :   
+                
+                <View style={[tw`h-1 w-full bg-white/10 overflow-hidden mt-1`, {
+                    borderRadius: 40,
+                }]}>
+                    <View
+                    style={[tw`h-1 w-[${progress}%] bg-[${Colors['primary-base']}]`]}
+        
+                    />
+                </View>
+    }
+        </>
     )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fln-espranza",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "description": "All components used inside FLN Project of Espranza Innovations",
   "main": "index.ts",
   "scripts": {