fln-espranza 0.0.14 → 0.0.15

package/components/EBadge.tsx

@@ -1,23 +1,23 @@
-import React from 'react'
-import { View } from 'react-native'
-import tw from '../lib/tailwind';
-import EText from './EText';
-import { CheckCircleIcon } from 'react-native-heroicons/solid';
-
-
-interface IProps {
-    text: string;
-    color?: string;
-    completed?: boolean;
-}
-
-export default function EBadge({ text, completed, color  }: IProps) {
-    return (
-        <View style={[tw`flex-row p-1  px-2 bg-[${color}] rounded-full`, ]}>
-            {completed ? <CheckCircleIcon style={tw`text-white -ml-1 mr-1`} size={16} /> : null}
-            <EText size='xs' style={tw`font-semibold text-white`}>
-                {text}
-            </EText>
-        </View>
-    )
-}
+import React from 'react'
+import { View } from 'react-native'
+import tw from '../lib/tailwind';
+import EText from './EText';
+import { CheckCircleIcon } from 'react-native-heroicons/solid';
+
+
+interface IProps {
+    text: string;
+    color?: string;
+    completed?: boolean;
+}
+
+export default function EBadge({ text, completed, color  }: IProps) {
+    return (
+        <View style={[tw`flex-row p-1  px-2 bg-[${color}] rounded-full`, ]}>
+            {completed ? <CheckCircleIcon style={tw`text-white -ml-1 mr-1`} size={16} /> : null}
+            <EText size='xs' style={tw`font-semibold text-white`}>
+                {text}
+            </EText>
+        </View>
+    )
+}

package/components/EButton.tsx

@@ -1,71 +1,71 @@
-import {
-  View,
-  Text,
-  TouchableOpacity,
-  TouchableOpacityProps,
-} from "react-native";
-import React from "react";
-import tw from "../lib/tailwind";
-import EText from "./EText";
-import { Colors } from "../utils/Color";
-
-interface EButtonProps extends TouchableOpacityProps {
-  iconL?: JSX.Element;
-  iconR?: JSX.Element;
-  inline?: boolean;
-  small?: boolean;
-  type?: "secondary" | "clear" | "primary";
-  disabled?: boolean;
-  children: any;
-}
-
-export default function EButton({
-  // label,
-  children,
-  iconL,
-  iconR,
-  inline,
-  small,
-  type,
-  disabled,
-  ...props
-}: EButtonProps) {
-  return (
-    <TouchableOpacity
-      activeOpacity={0.8}
-      disabled={disabled}
-      {...props}
-      style={[tw`${inline ? "items-start" : ""}`, {}]}
-    >
-      <View
-        style={[
-          tw`flex-row justify-center items-center px-8 rounded-full ${small ? 'h-10' : 'h-14'} ${disabled ? "opacity-40" : ""} ${
-            type === "clear"
-              ? "bg-transparent"
-              : type === "secondary"
-              ? `bg-[${Colors["secondary-base"]}] self-start px-5 h-11`
-              : `bg-[${Colors["primary-base"]}]`
-          }`,
-        ]}
-      >
-        {/* ICON LEFT */}
-        {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"
-            }`,
-          ]}
-        >
-          {children } 
-        </EText>
-
-        {/* ICON RIGHT */}
-        {iconR ? <View style={tw`ml-1 -mr-2`}>{iconR}</View> : null}
-      </View>
-    </TouchableOpacity>
-  );
-}
-
+import {
+  View,
+  Text,
+  TouchableOpacity,
+  TouchableOpacityProps,
+} from "react-native";
+import React from "react";
+import tw from "../lib/tailwind";
+import EText from "./EText";
+import { Colors } from "../utils/Color";
+
+interface EButtonProps extends TouchableOpacityProps {
+  iconL?: JSX.Element;
+  iconR?: JSX.Element;
+  inline?: boolean;
+  small?: boolean;
+  type?: "secondary" | "clear" | "primary";
+  disabled?: boolean;
+  children: any;
+}
+
+export default function EButton({
+  // label,
+  children,
+  iconL,
+  iconR,
+  inline,
+  small,
+  type,
+  disabled,
+  ...props
+}: EButtonProps) {
+  return (
+    <TouchableOpacity
+      activeOpacity={0.8}
+      disabled={disabled}
+      {...props}
+      style={[tw`${inline ? "items-start" : ""}`, {}]}
+    >
+      <View
+        style={[
+          tw`flex-row justify-center items-center px-8 rounded-full ${small ? 'h-10' : 'h-14'} ${disabled ? "opacity-40" : ""} ${
+            type === "clear"
+              ? "bg-transparent"
+              : type === "secondary"
+              ? `bg-[${Colors["secondary-base"]}] self-start px-5 h-11`
+              : `bg-[${Colors["primary-base"]}]`
+          }`,
+        ]}
+      >
+        {/* ICON LEFT */}
+        {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"
+            }`,
+          ]}
+        >
+          {children } 
+        </EText>
+
+        {/* ICON RIGHT */}
+        {iconR ? <View style={tw`ml-1 -mr-2`}>{iconR}</View> : null}
+      </View>
+    </TouchableOpacity>
+  );
+}
+

package/components/EDateAndTimeCard.tsx

@@ -1,51 +1,51 @@
-import React from "react";
-import { View } from "react-native";
-import tw from "../lib/tailwind";
-import { Colors } from "../utils/Color";
-import EText from "./EText";
-import EIconClock from "./icons/EIconClock";
-
-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 }]}
-    >
-      <View
-        style={[
-          tw`rounded-lg px-3 py-1 items-center justify-center`,
-          { backgroundColor: Colors["primary-base"] },
-        ]}
-      >
-        <EText size="xl" style={tw`font-bold text-white -mb-1`}>
-          {date}
-        </EText>
-        <EText size="xs" style={tw`font-bold text-white uppercase opacity-80`}>
-          {month}
-        </EText>
-      </View>
-      <View style={tw`ml-3`}>
-        <EText size="base" style={tw`font-bold text-black opacity-80 -mb-1`}>
-          {day}
-        </EText>
-        <View style={tw`flex-row justify-center items-center mt-2`}>
-          {/* <ClockIcon size={14} style={tw`text-slate-400`} /> */}
-          <EIconClock size={16} style={tw`text-slate-500`}/>
-          <EText
-            size="sm"
-            style={tw`ml-1 text-slate-500`}
-          >
-            {time}
-          </EText>
-        </View>
-      </View>
-    </View>
-  );
-}
+import React from "react";
+import { View } from "react-native";
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+import EText from "./EText";
+import EIconClock from "./icons/EIconClock";
+
+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 }]}
+    >
+      <View
+        style={[
+          tw`rounded-lg px-3 py-1 items-center justify-center`,
+          { backgroundColor: Colors["primary-base"] },
+        ]}
+      >
+        <EText size="xl" style={tw`font-bold text-white -mb-1`}>
+          {date}
+        </EText>
+        <EText size="xs" style={tw`font-bold text-white uppercase opacity-80`}>
+          {month}
+        </EText>
+      </View>
+      <View style={tw`ml-3`}>
+        <EText size="base" style={tw`font-bold text-black opacity-80 -mb-1`}>
+          {day}
+        </EText>
+        <View style={tw`flex-row justify-center items-center mt-2`}>
+          {/* <ClockIcon size={14} style={tw`text-slate-400`} /> */}
+          <EIconClock size={16} style={tw`text-slate-500`}/>
+          <EText
+            size="sm"
+            style={tw`ml-1 text-slate-500`}
+          >
+            {time}
+          </EText>
+        </View>
+      </View>
+    </View>
+  );
+}

package/components/EDateInput.tsx

@@ -1,55 +1,55 @@
-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';
-
-interface IProps {
-    label: string;
-    value: string;
-    onChange: (value: string) => void;
-    style?: string;
-    maxDate?: Date;
-    minDate?: Date;
-}
-
-export default function EDateInput({ label, value, style, maxDate, minDate, onChange }: IProps) {
-    const [show, setShow] = useState(false);
-
-    const handleOnChange = (event: any, selectedDate: any) => {
-        const currentDate = selectedDate;
-        setShow(false);
-        onChange(currentDate)
-    }
-
-    return (
-
-        <View style={tw`flex-1 ${style ? 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`}>
-                    {
-                        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}
-                    minimumDate={minDate}
-                    maximumDate={maxDate}
-                /> : <></>}
-                <CalendarIcon size={20} style={tw`text-slate-500`} />
-            </TouchableOpacity>
-        </View>
-    )
-}
+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';
+
+interface IProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    style?: string;
+    maxDate?: Date;
+    minDate?: Date;
+}
+
+export default function EDateInput({ label, value, style, maxDate, minDate, onChange }: IProps) {
+    const [show, setShow] = useState(false);
+
+    const handleOnChange = (event: any, selectedDate: any) => {
+        const currentDate = selectedDate;
+        setShow(false);
+        onChange(currentDate)
+    }
+
+    return (
+
+        <View style={tw`flex-1 ${style ? 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`}>
+                    {
+                        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}
+                    minimumDate={minDate}
+                    maximumDate={maxDate}
+                /> : <></>}
+                <CalendarIcon size={20} style={tw`text-slate-500`} />
+            </TouchableOpacity>
+        </View>
+    )
+}

package/components/EEmptyPlaceholder.tsx

@@ -1,21 +1,21 @@
-
-import React from 'react'
-import { ImageBackground, View } from 'react-native'
-import tw from '../../../lib/tailwind'
-import EText from "./EText";
-
-
-interface IProps{
-    text: string;
-}
-
-export default function EEmptyPlaceholder( { text }: IProps) {
-  return (
-    <View style={tw`flex justify-center items-center`}>
-        <ImageBackground source={require("../assets/images/empty.png")} style={{width: 200, height: 200}} />
-        <EText size="lg" style={tw`text-center text-gray-500 mt-5`}>
-            {text}
-        </EText>
-    </View>
-  )
-}
+
+import React from 'react'
+import { ImageBackground, View } from 'react-native'
+import tw from '../../../lib/tailwind'
+import EText from "./EText";
+
+
+interface IProps{
+    text: string;
+}
+
+export default function EEmptyPlaceholder( { text }: IProps) {
+  return (
+    <View style={tw`flex justify-center items-center`}>
+        <ImageBackground source={require("../assets/images/empty.png")} style={{width: 200, height: 200}} />
+        <EText size="lg" style={tw`text-center text-gray-500 mt-5`}>
+            {text}
+        </EText>
+    </View>
+  )
+}

package/components/EErrorText.tsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import { View } from 'react-native';
-import tw from '../lib/tailwind';
-import EText from './EText';
-
-
-interface IProps {
-    error: string;
-}
-
-export default function EErrorText( { error }: IProps ) {
-  return (
-    <View>
-        <EText size={"xs"} style={tw`text-red-500`}>
-            {error}
-        </EText>
-    </View>
-  )
-}
+import React from 'react';
+import { View } from 'react-native';
+import tw from '../lib/tailwind';
+import EText from './EText';
+
+
+interface IProps {
+    error: string;
+}
+
+export default function EErrorText( { error }: IProps ) {
+  return (
+    <View>
+        <EText size={"xs"} style={tw`text-red-500`}>
+            {error}
+        </EText>
+    </View>
+  )
+}

package/components/EInfoBox.tsx

@@ -1,41 +1,41 @@
-import { View, Text } from "react-native";
-import React from "react";
-import tw from "../lib/tailwind";
-import EText from "./EText";
-import { Style } from "twrnc/dist/esm/types";
-
-interface InfoBoxProps {
-  title?: string;
-  icon: JSX.Element;
-  children: string;
-  color?: string;
-  style?: Style;
-  childTextColor?: string;
-}
-
-export default function InfoBox({
-  title,
-  icon,
-  color,
-  children,
-  style,
-  childTextColor,
-}: InfoBoxProps) {
-  return (
-    <View style={[tw.style("rounded-lg"), style]}>
-      <View style={tw`flex-row`}>
-        <View style={tw`w-5 h-5 mr-1`}>{icon}</View>
-        <View style={tw`flex-1`}>
-          {title ? (
-            <EText size="sm" style={tw`font-semibold mb-1 text-${color ? color : "white"}`}>
-              {title}
-            </EText>
-          ) : null}
-          <EText size="xs" style={[tw`font-medium`, {color: childTextColor}]}>
-            {children}
-          </EText>
-        </View>
-      </View>
-    </View>
-  );
-}
+import { View, Text } from "react-native";
+import React from "react";
+import tw from "../lib/tailwind";
+import EText from "./EText";
+import { Style } from "twrnc/dist/esm/types";
+
+interface InfoBoxProps {
+  title?: string;
+  icon: JSX.Element;
+  children: string;
+  color?: string;
+  style?: Style;
+  childTextColor?: string;
+}
+
+export default function InfoBox({
+  title,
+  icon,
+  color,
+  children,
+  style,
+  childTextColor,
+}: InfoBoxProps) {
+  return (
+    <View style={[tw.style("rounded-lg"), style]}>
+      <View style={tw`flex-row`}>
+        <View style={tw`w-5 h-5 mr-1`}>{icon}</View>
+        <View style={tw`flex-1`}>
+          {title ? (
+            <EText size="sm" style={tw`font-semibold mb-1 text-${color ? color : "white"}`}>
+              {title}
+            </EText>
+          ) : null}
+          <EText size="xs" style={[tw`font-medium`, {color: childTextColor}]}>
+            {children}
+          </EText>
+        </View>
+      </View>
+    </View>
+  );
+}