fln-espranza 0.0.35 → 0.0.36

package/components/EDateInput.tsx

@@ -1,24 +1,24 @@
 import moment from 'moment'
 import React, { useState } from 'react'
 import { View, TouchableOpacity } from 'react-native'
-import { ClockIcon } from 'react-native-heroicons/solid'
-import { onChange } from 'react-native-reanimated'
 import DateTimePicker from '@react-native-community/datetimepicker';
 import tw from '../../../lib/tailwind'
 import { CalendarIcon } from 'react-native-heroicons/outline';
 import  EText  from './EText';
 import ELabel from './ELabel';
+import { Colors } from 'fln-espranza/utils/Color'
 
 interface IProps {
     label: string;
     value: string;
     onChange: (value: string) => void;
-    style?: string;
+    style?: any;
+    placeholder?: string;
     maxDate?: Date;
     minDate?: Date;
 }
 
-export default function EDateInput({ label, value, style, maxDate, minDate, onChange }: IProps) {
+export default function EDateInput({ label, value, style, placeholder, maxDate, minDate, onChange }: IProps) {
     const [show, setShow] = useState(false);
 
     const handleOnChange = (event: any, selectedDate: any) => {
@@ -29,13 +29,13 @@ export default function EDateInput({ label, value, style, maxDate, minDate, onCh
 
     return (
 
-        <View style={tw`flex-1 ${style ? style : ""}`}>
+        <View style={[tw`mb-4 `, style]}>
             <ELabel label={label} />
             <TouchableOpacity
                 style={tw`h-12 rounded-lg px-4 flex-row justify-between items-center border border-slate-300 lowercase my-2 bg-white`}
                 onPress={() => setShow(true)}
             >
-                <EText size={"sm"} style={tw`font-normal`}>
+                <EText size={"sm"} style={tw`font-normal text-slate-400`}>
                     {
                         value ? moment(value).format("DD/MM/YYYY") : "Select Date"
                     }
@@ -48,7 +48,7 @@ export default function EDateInput({ label, value, style, maxDate, minDate, onCh
                     minimumDate={minDate}
                     maximumDate={maxDate}
                 /> : <></>}
-                <CalendarIcon size={20} style={tw`text-slate-500`} />
+                <CalendarIcon size={20} style={tw`text-[${Colors["primary-base"]}]`} />
             </TouchableOpacity>
         </View>
     )

package/components/EInput.tsx

@@ -10,6 +10,7 @@ interface EInputProps extends TextInputProps {
   size?: "lg";
   hasBackground?: boolean;
   icon?: JSX.Element;
+  style?: any;
 }
 
 export default function EInput({
@@ -17,11 +18,12 @@ export default function EInput({
   size,
   hasBackground,
   icon,
+  style,
   ...props
 }: EInputProps) {
   const [hasFocus, setHasFocus] = useState(false);
   return (
-    <View style={[tw`mb-4`, {}]}>
+    <View style={[tw`mb-4`, {style}]}>
       {label ? (
         <EText size="sm" style={[tw`font-semibold text-slate-800`, {
           // color: Colors["text-primary"]
@@ -31,7 +33,7 @@ export default function EInput({
       ) : null}
 
       <View
-        style={tw` mt-2 `}
+        style={tw` mt-2`}
       >
         <TextInput
           style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300  ${

package/components/EListSchool.tsx

@@ -18,7 +18,7 @@ export default function EListSchool({
 }: IProps) {
   return (
     <View style={tw`border-b border-slate-200 py-3`}>
-      <EText style={tw`font-bold text-slate-800 mb-0.5`} numberOfLines={1}>
+      <EText style={tw`font-bold text-slate-800 mb-0.5 flex-1`} numberOfLines={2}>
         {name}
       </EText>
       <View style={tw`flex-row items-center`}>

package/components/ETextArea.tsx

@@ -19,7 +19,7 @@ export default function ETextArea({
 }: EInputProps) {
   const [hasFocus, setHasFocus] = useState(false);
   return (
-    <View style={[tw`mb-4`, {}]}>
+    <View style={[tw``, {}]}>
       {label ? (
         <EText size="sm" style={[tw`font-semibold text-slate-800`, {
           // color: Colors["text-primary"]
@@ -32,7 +32,7 @@ export default function ETextArea({
         style={tw` mt-2 `}
       >
         <TextInput
-          style={[tw`h-48 rounded-lg p-4 border border-slate-300  ${
+          style={[tw`h-24 rounded-lg p-4 border border-slate-300  ${
             hasFocus ? "border-black " : ""
           }`, {
             textAlignVertical: 'top'

package/components/ETimeInput.tsx

@@ -2,7 +2,6 @@ import moment from 'moment'
 import React, { useState } from 'react'
 import { View, TouchableOpacity } from 'react-native'
 import { ClockIcon } from 'react-native-heroicons/outline'
-import { onChange } from 'react-native-reanimated'
 import DateTimePicker from '@react-native-community/datetimepicker';
 import tw from '../../../lib/tailwind'
 import EText from './EText';
@@ -12,7 +11,7 @@ interface IProps {
     label: string;
     value: string;
     onChange: (value: string) => void;
-    style?: string;
+    style?: any;
 }
 
 export default function ETimeInput( { label, value,style, onChange }: IProps ) {
@@ -28,13 +27,13 @@ export default function ETimeInput( { label, value,style, onChange }: IProps ) {
 
   return (
 
-    <View style={tw`flex-1 ${ style ? style : ""}`}>
+    <View style={[tw`mb-4 `, style]}>
         <ELabel label={label} />
         <TouchableOpacity
             style={tw`h-12 rounded-lg px-4 flex-row justify-between items-center border border-slate-300 lowercase my-2 bg-white`}
             onPress={() => setShow(true)}
         >
-            <EText size={"sm"} style={tw`font-normal`}>
+            <EText size={"sm"} style={tw`font-normal  text-slate-400`}>
                 {
                 //  value ? value :   moment(date).format("hh:mm A")
                 value ? value : "Select Time"

package/package.json

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