fln-espranza 0.0.15 → 0.0.16

package/components/EPillButton.tsx

@@ -1,33 +1,33 @@
-import React from "react";
-import { TouchableOpacity, View } from "react-native";
-import tw from "../lib/tailwind";
-import { Colors } from "../utils/Color";
-import EText from "./EText";
-
-interface IProps {
-  title: string;
-  active?: boolean;
-  onPress?: () => void;
-}
-
-export default function EPillButton({ title, active, onPress }: IProps) {
-  return (
-    <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"],
-        },
-      ]}
-      onPress={onPress}
-    >
-      <EText
-        size={"base"}
-        style={tw`font-normal ${active ? "text-white" : "text-slate-500"}`}
-      >
-        {title}
-      </EText>
-    </TouchableOpacity>
-  );
-}
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+import EText from "./EText";
+
+interface IProps {
+  title: string;
+  active?: boolean;
+  onPress?: () => void;
+}
+
+export default function EPillButton({ title, active, onPress }: IProps) {
+  return (
+    <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"],
+        },
+      ]}
+      onPress={onPress}
+    >
+      <EText
+        size={"base"}
+        style={tw`font-normal ${active ? "text-white" : "text-slate-500"}`}
+      >
+        {title}
+      </EText>
+    </TouchableOpacity>
+  );
+}

package/components/EProfile.tsx

@@ -1,62 +1,62 @@
-import React from "react";
-import { View } from "react-native";
-import tw from "../lib/tailwind";
-import { Colors } from "../utils/Color";
-import Avatar from "./Avatar";
-import EText from "./EText";
-
-interface IProps {
-  name: string;
-  subjectName?: string;
-  border?: boolean;
-  children?: JSX.Element;
-  titleSize: string;
-  subTitleSize: string;
-}
-
-export default function EProfile({
-  name,
-  subjectName,
-  border,
-  children,
-  titleSize,
-  subTitleSize,
-}: IProps) {
-  return (
-    <View
-      style={[
-        tw`flex-row items-center justify-between py-3 ${
-          border ? "border-b" : ""
-        }`,
-        { borderBottomColor: Colors.border },
-      ]}
-    >
-      <View style={tw`flex-row items-center`}>
-        <Avatar
-          size="sm"
-          source={""}
-          nameFirstLetter={name.split(" ")[0].charAt(0)}
-        />
-        <View style={tw`ml-3`}>
-          <EText
-            style={[
-              tw`font-bold text-slate-800 mb-0.5 capitalize ${titleSize}`,
-              { color: Colors["text-primary"] },
-            ]}
-          >
-            {name}
-          </EText>
-          {subjectName ? (
-            <EText
-              size="sm"
-              style={[tw` ${subTitleSize}`, { color: Colors["text-body"] }]}
-            >
-              {subjectName}
-            </EText>
-          ) : null}
-        </View>
-      </View>
-      {children ? <>{children}</> : null}
-    </View>
-  );
-}
+import React from "react";
+import { View } from "react-native";
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+import Avatar from "./Avatar";
+import EText from "./EText";
+
+interface IProps {
+  name: string;
+  subjectName?: string;
+  border?: boolean;
+  children?: JSX.Element;
+  titleSize: string;
+  subTitleSize: string;
+}
+
+export default function EProfile({
+  name,
+  subjectName,
+  border,
+  children,
+  titleSize,
+  subTitleSize,
+}: IProps) {
+  return (
+    <View
+      style={[
+        tw`flex-row items-center justify-between py-3 ${
+          border ? "border-b" : ""
+        }`,
+        { borderBottomColor: Colors.border },
+      ]}
+    >
+      <View style={tw`flex-row items-center`}>
+        <Avatar
+          size="sm"
+          source={""}
+          nameFirstLetter={name.split(" ")[0].charAt(0)}
+        />
+        <View style={tw`ml-3`}>
+          <EText
+            style={[
+              tw`font-bold text-slate-800 mb-0.5 capitalize ${titleSize}`,
+              { color: Colors["text-primary"] },
+            ]}
+          >
+            {name}
+          </EText>
+          {subjectName ? (
+            <EText
+              size="sm"
+              style={[tw` ${subTitleSize}`, { color: Colors["text-body"] }]}
+            >
+              {subjectName}
+            </EText>
+          ) : null}
+        </View>
+      </View>
+      {children ? <>{children}</> : null}
+    </View>
+  );
+}

package/components/EProgressBar.tsx

@@ -1,33 +1,33 @@
-import React, { useEffect, useRef, useState } from 'react'
-import { Animated,StyleSheet, View } from 'react-native';
-import tw from "fln-espranza/lib/tailwind";
-import { Colors } from "fln-espranza/utils/Color";
-
-interface IProps{
-    progress: number;
-}
-
-export default function EProgressBar( {progress}: IProps) {
-
-
-    const barWidth = useRef(new Animated.Value(0)).current;
-
-    useEffect(() => {
-        Animated.spring(barWidth, {
-            toValue: progress,
-            bounciness: 0,
-            speed: 7,
-            useNativeDriver: false,
-        }).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 }]}
-
-            />
-        </View>
-    )
-}
+import React, { useEffect, useRef, useState } from 'react'
+import { Animated,StyleSheet, View } from 'react-native';
+import tw from "fln-espranza/lib/tailwind";
+import { Colors } from "fln-espranza/utils/Color";
+
+interface IProps{
+    progress: number;
+}
+
+export default function EProgressBar( {progress}: IProps) {
+
+
+    const barWidth = useRef(new Animated.Value(0)).current;
+
+    useEffect(() => {
+        Animated.spring(barWidth, {
+            toValue: progress,
+            bounciness: 0,
+            speed: 7,
+            useNativeDriver: false,
+        }).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 }]}
+
+            />
+        </View>
+    )
+}

package/components/EQuestionSerialNumberLabel.tsx

@@ -1,17 +1,17 @@
-import React from 'react'
-import { Colors } from 'react-native/Libraries/NewAppScreen';
-import tw from '../lib/tailwind';
-import EText from './EText';
-// import { EText } from '../../../components'
-
-interface IProps{
-    label: string;
-}
-
-export default function EQuestionSerialNumberLabel( { label } : IProps) {
-  return (
-   <EText size={"sm"} style={[tw`font-extrabold`, {color: Colors['primary-base']}]}>
-    {label}
-   </EText>
-  )
-}
+import React from 'react'
+import tw from '../lib/tailwind';
+import { Colors } from '../utils/Color';
+import EText from './EText';
+// import { EText } from '../../../components'
+
+interface IProps{
+    label: string;
+}
+
+export default function EQuestionSerialNumberLabel( { label } : IProps) {
+  return (
+   <EText size={"sm"} style={[tw`font-extrabold`, {color: Colors['primary-base']}]}>
+    {label}
+   </EText>
+  )
+}

package/components/EQuestionText.tsx

@@ -1,14 +1,14 @@
-import React from 'react'
-import tw from '../lib/tailwind';
-import EText from './EText';
-interface IProps{
-    question: string;
-}
-
-export default function EQuestionText( { question } : IProps) {
-  return (
-    <EText size={"base"} style={ tw`font-medium mt-1`}>
-        {question}
-    </EText>
-  )
-}
+import React from 'react'
+import tw from '../lib/tailwind';
+import EText from './EText';
+interface IProps{
+    question: string;
+}
+
+export default function EQuestionText( { question } : IProps) {
+  return (
+    <EText size={"base"} style={ tw`font-medium mt-1`}>
+        {question}
+    </EText>
+  )
+}

package/components/ESegment.tsx

@@ -1,36 +1,36 @@
-import { View, Text, Pressable, TouchableOpacity } from "react-native";
-import React from "react";
-import tw from '../lib/tailwind'
-import EText from "./EText";
-import { Colors } from "../utils/Color";
-
-export function ESegmentItem(props: any) {
-  const { onPress, label, isActive } = props;
-  return (
-    <TouchableOpacity
-      style={tw.style(
-        "py-1.5 px-4 rounded-full items-center w-1/2",
-        isActive && "bg-white shadow-lg shadow-slate-500 "
-      )}
-      onPress={onPress}
-    >
-      <View style={tw`items-center`}>
-      <EText size="sm" style={tw`font-bold ${!isActive ? "text-white": ""}`}>{label}</EText>
-      </View>
-    </TouchableOpacity>
-  );
-}
-
-export default function ESegment(props: any) {
-  return (
-    <View style={tw`justify-center items-center`}>
-    <View
-      style={[tw`flex-row rounded-full p-1 border border-slate-100 w-full`, {
-        backgroundColor: Colors["text-body"],
-      }]}
-    >
-      {props.children}
-    </View>
-  </View>
-  );
-}
+import { View, Text, Pressable, TouchableOpacity } from "react-native";
+import React from "react";
+import tw from '../lib/tailwind'
+import EText from "./EText";
+import { Colors } from "../utils/Color";
+
+export function ESegmentItem(props: any) {
+  const { onPress, label, isActive } = props;
+  return (
+    <TouchableOpacity
+      style={tw.style(
+        "py-1.5 px-4 rounded-full items-center w-1/2",
+        isActive && "bg-white shadow-lg shadow-slate-500 "
+      )}
+      onPress={onPress}
+    >
+      <View style={tw`items-center`}>
+      <EText size="sm" style={tw`font-bold ${!isActive ? "text-white": ""}`}>{label}</EText>
+      </View>
+    </TouchableOpacity>
+  );
+}
+
+export default function ESegment(props: any) {
+  return (
+    <View style={tw`justify-center items-center`}>
+    <View
+      style={[tw`flex-row rounded-full p-1 border border-slate-100 w-full`, {
+        backgroundColor: Colors["text-body"],
+      }]}
+    >
+      {props.children}
+    </View>
+  </View>
+  );
+}

package/components/EText.tsx

@@ -1,41 +1,41 @@
-import { Text, TextProps } from "react-native";
-import React from "react";
-import tw from "../lib/tailwind";
-
-interface ETextProps extends TextProps {
-  size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "title";
-  muted?: boolean;
-  style?: any;
-  children?: any;
-}
-
-export default function EText({
-  size,
-  muted,
-  style, 
-  children,
-  ...props
-}: ETextProps) {
-  return (
-    <Text
-      {...props}
-      style={[
-        tw.style(
-          "text-base leading-6",
-          size === "xs" && "text-xs",
-          size === "sm" && "text-sm",
-          size === "base" && "text-base",
-          size == "lg" && "font-semibold text-lg",
-          size === "xl" && "font-bold text-xl",
-          size === "2xl" && "font-bold text-2xl",
-          size === "3xl" && "font-bold text-3xl",
-          size === "title" && "font-extrabold text-title text-2xl",
-          muted && "opacity-60"
-        ),
-        style,
-      ]}
-    >
-      {children}
-    </Text>
-  );
-}
+import { Text, TextProps } from "react-native";
+import React from "react";
+import tw from "../lib/tailwind";
+
+interface ETextProps extends TextProps {
+  size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "title";
+  muted?: boolean;
+  style?: any;
+  children?: any;
+}
+
+export default function EText({
+  size,
+  muted,
+  style, 
+  children,
+  ...props
+}: ETextProps) {
+  return (
+    <Text
+      {...props}
+      style={[
+        tw.style(
+          "text-base leading-6",
+          size === "xs" && "text-xs",
+          size === "sm" && "text-sm",
+          size === "base" && "text-base",
+          size == "lg" && "font-semibold text-lg",
+          size === "xl" && "font-bold text-xl",
+          size === "2xl" && "font-bold text-2xl",
+          size === "3xl" && "font-bold text-3xl",
+          size === "title" && "font-extrabold text-title text-2xl",
+          muted && "opacity-60"
+        ),
+        style,
+      ]}
+    >
+      {children}
+    </Text>
+  );
+}

package/components/ETimeInput.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/outline'
-import { onChange } from 'react-native-reanimated'
-import DateTimePicker from '@react-native-community/datetimepicker';
-import tw from '../../../lib/tailwind'
-import EText from './EText';
-import ELabel from './ELabel';
-
-interface IProps {
-    label: string;
-    value: string;
-    onChange: (value: string) => void;
-    style?: string;
-}
-
-export default function ETimeInput( { label, value,style, onChange }: IProps ) {
-    const [date, setDate] = useState(new Date());
-    const [show, setShow] = useState(false);
-
-    const handleOnChange = (event: any, selectedDate: any) => {
-        const currentDate = selectedDate;
-        setShow(false);
-        setDate(currentDate);
-        onChange(moment(currentDate).format("hh:mm A"));
-    }
-
-  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 ? value :   moment(date).format("hh:mm A")
-                value ? value : "Select Time"
-                }
-            </EText>
-            {show ? <DateTimePicker
-                testID="dateTimePicker"
-                value={date}
-                mode={"time"}
-                is24Hour={false}
-                onChange={handleOnChange}
-            /> : <></>}
-            <ClockIcon 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/outline'
+import { onChange } from 'react-native-reanimated'
+import DateTimePicker from '@react-native-community/datetimepicker';
+import tw from '../../../lib/tailwind'
+import EText from './EText';
+import ELabel from './ELabel';
+
+interface IProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    style?: string;
+}
+
+export default function ETimeInput( { label, value,style, onChange }: IProps ) {
+    const [date, setDate] = useState(new Date());
+    const [show, setShow] = useState(false);
+
+    const handleOnChange = (event: any, selectedDate: any) => {
+        const currentDate = selectedDate;
+        setShow(false);
+        setDate(currentDate);
+        onChange(moment(currentDate).format("hh:mm A"));
+    }
+
+  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 ? value :   moment(date).format("hh:mm A")
+                value ? value : "Select Time"
+                }
+            </EText>
+            {show ? <DateTimePicker
+                testID="dateTimePicker"
+                value={date}
+                mode={"time"}
+                is24Hour={false}
+                onChange={handleOnChange}
+            /> : <></>}
+            <ClockIcon size={20} style={tw`text-slate-500`} />
+        </TouchableOpacity>
+    </View>
+  )
+}
+