fln-espranza 1.1.4 → 1.1.6

package/components/EButton.tsx

@@ -16,6 +16,8 @@ interface EButtonProps extends TouchableOpacityProps {
   inline?: boolean;
   small?: boolean;
   type?: "secondary" | "clear" | "primary";
+  disabled?: boolean;
+  children: any;
 }
 
 export default function EButton({
@@ -27,17 +29,19 @@ export default function EButton({
   inline,
   small,
   type,
+  disabled,
   ...props
 }: EButtonProps) {
   return (
     <TouchableOpacity
       activeOpacity={0.8}
+      disabled={disabled}
       {...props}
       style={[tw`${inline ? "items-start" : ""}`, {}]}
     >
       <View
         style={[
-          tw`h-14 flex-row justify-center items-center px-8 rounded-full ${
+          tw`h-14 flex-row justify-center items-center px-8 rounded-full ${disabled ? "opacity-60" : ""} ${
             type === "clear"
               ? "bg-transparent"
               : type === "secondary"
@@ -50,14 +54,14 @@ export default function EButton({
         {iconL ? <View style={tw`mr-1 -ml-2`}>{iconL}</View> : null}
         {/* LABEL */}
         <EText
-          size={small ? "sm" : ""}
+          size={"sm"}
           style={[
             tw`font-semibold ${
               type === "clear" ? `text-[${Colors["primary-base"]}]` : "text-white"
             }`,
           ]}
         >
-          {children}
+          {children } 
         </EText>
 
         {/* ICON RIGHT */}
@@ -67,15 +71,3 @@ export default function EButton({
   );
 }
 
-// style={[
-//   tw` ${
-//     withoutbackground ? "" : " shadow-md shadow-green-500 rounded-full"
-//   } flex items-center justify-center ${
-//     small ? "h-12 px-4" : "h-14 px-6 "
-//   } ${secondary ? "bg-purple-500 shadow-none" : ""}`,
-//   {
-//     backgroundColor: withoutbackground
-//       ? "transparent"
-//       : Colors["primary-base"],
-//   },
-// ]}

package/components/EButtonIcon.tsx

@@ -22,14 +22,14 @@ export default function EButtonIcon({
   return (
     <TouchableOpacity {...props}>
       <View
-        style={tw`h-9 w-9 items-center justify-center bg-${backgroundColor} rounded-full ${
+        style={tw`h-9 w-9 items-center justify-center bg-${backgroundColor ? backgroundColor : ""} rounded-full ${
           shadow ? "shadow-xl shadow-slate-400" : ""
         }`}
       >
         {type === "close" ? (
-          <XIcon size={20} style={tw`text-${iconColor}`} />
+          <XIcon size={20} style={tw`text-${iconColor? iconColor: ""}`} />
         ) : (
-          <ArrowNarrowLeftIcon size={20} style={tw`text-${iconColor}`} />
+          <ArrowNarrowLeftIcon size={20} style={tw`text-${iconColor? iconColor : ""}`} />
         )}
       </View>
     </TouchableOpacity>

package/components/EDateAndTimeCard.tsx

@@ -5,7 +5,15 @@ import tw from "../lib/tailwind";
 import { Colors } from "../utils/Color";
 import EText from "./EText";
 
-export default function EDateAndTimeCard() {
+interface IProps{
+    date: string;
+    month: string;
+    day: string;
+    time: string;
+
+}
+
+export default function EDateAndTimeCard( {date, month, day, time}: IProps) {
   return (
     <View
       style={[tw`flex-row pb-4 border-b`, { borderBottomColor: Colors.border }]}
@@ -17,24 +25,23 @@ export default function EDateAndTimeCard() {
         ]}
       >
         <EText size="xl" style={tw`font-bold text-white -mb-1`}>
-          {"12"}
+          {date}
         </EText>
         <EText size="xs" style={tw`font-bold text-white`}>
-          {"DEC"}
+          {month}
         </EText>
       </View>
       <View style={tw`ml-3`}>
         <EText size="base" style={tw`font-bold text-black opacity-80 -mb-1`}>
-          {"Wednesday"}
+          {day}
         </EText>
         <View style={tw`flex-row justify-center items-center mt-2`}>
           <ClockIcon size={16} style={tw`text-slate-400`} />
           <EText
             size="sm"
             style={tw`ml-1 text-slate-400 font-medium`}
-            numberOfLines={2}
           >
-            {"9:00am - 10:00am"}
+            {time}
           </EText>
         </View>
       </View>

package/components/EIcon.tsx

@@ -21,7 +21,7 @@ export default function EIcon({
     <View style={[{height: size, width: size}, style]}>
       <Image
         source={source}
-        style={[tw`w-full h-full tint-${tintColor} opacity-${opacity}`, {}]}
+        style={[tw`w-full h-full tint-${tintColor ? tintColor : "slate-900"} opacity-${opacity ? opacity : "100"}`, {}]}
       />
     </View>
   );

package/components/EInput.tsx

@@ -15,7 +15,6 @@ interface EInputProps extends TextInputProps {
 export default function EInput({
   label,
   size,
-  style,
   hasBackground,
   icon,
   ...props

package/components/EPillButton.tsx

@@ -11,8 +11,6 @@ interface IProps {
 
 export default function EPillButton( { title, active }: IProps) {
   return (
-    // <TouchableOpacity style={tw`px-4 py-3 mr-3 border rounded-lg border-slate-300 
-    // ${active ? "bg-purple-900 border-purple-900" : "border-slate-300"}`}>
       <TouchableOpacity style={[tw`px-4 py-3 mr-2 border rounded-lg border-slate-300`, {
         backgroundColor: active ? Colors['secondary-base'] : "transparent",
         borderColor: active ? Colors['secondary-base'] : Colors['border'],

package/components/ESegment.tsx

@@ -12,6 +12,7 @@ export function ESegmentItem(props: any) {
         "py-1.5 px-4 rounded items-center w-1/2",
         isActive && "bg-white shadow-lg shadow-slate-500 "
       )}
+      onPress={onPress}
     >
       <View style={tw`items-center`}>
       <EText size="xs" style={tw`font-bold ${!isActive ? "text-white": ""}`}>{label}</EText>

package/components/MenuItems.tsx

@@ -28,7 +28,6 @@ export default function MenuItems( { title, icon, onPress }: IProps ) {
                 <EText size="sm" style={[tw`font-medium `, {
                     color: Colors["text-primary"]
                 }]}>
-                    {/* {"Dashboard"} */}
                     {
                         title ?
                         title

package/index.ts

@@ -26,6 +26,7 @@ import ModalLayout from "./components/ModalLayout";
 import PageHeader from "./components/PageHeader";
 import PageHeaderSecondary from "./components/PageHeaderSecondary";
 import Spacer from "./components/Spacer";
+import { Colors } from "./utils/Color";
 
 export {
   Avatar,
@@ -55,7 +56,7 @@ export {
   EPillButton,
   EProfile,
   SecondaryBaseLayout,
-  Timer
-  
+  Timer,
+  Colors
 
 };

package/package.json

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