react-native-exp-fig 0.1.16 → 0.1.18

package/src/components/notification-loading/index.tsx

@@ -1,162 +1,162 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { TouchableOpacity } from "react-native";
-
-// components
-import { Box } from "../box";
-import { Typography } from "../typography";
-
-// icons
-import { Icons } from "../../common/icons-svg";
-
-// theme
-import { theme } from "../../styles/theme/theme";
-
-import { INotificationLoading } from "./interface";
-import { getStatusColor, StatusType } from "../../utils/status-color/return-color";
-
-const NotificationLoading: React.FC<INotificationLoading> = ({
-  handleNavigation,
-  title,
-  testID,
-  statusNotify,
-  date,
-  notification,
-  dataStart,
-  style,
-  readonly,
-}) => {
-  return (
-    <TouchableOpacity
-      activeOpacity={0.7}
-      testID={testID}
-      onPress={handleNavigation}
-      disabled={readonly}
-    >
-      <Box
-        width={"100%"}
-        flexStyle={{ flexDirection: "row", alignItems: "center" }}
-        backgroundColor={readonly ? theme.colors.blue[40050] : theme.colors.blue[400]}
-        borderStyled={{
-          borderWidth: theme.borderWidths.thin,
-          borderRadius: theme.borderWidths.thick_medium,
-          borderColor: readonly ? theme.colors.blue[40050] : theme.colors.blue[400],
-        }}
-        paddingStyle={{ padding: theme.paddings["2xs"] }}
-        style={style}
-      >
-        <Box width={"9%"}>
-          <Icons icon={"BELL"} size={32} color={theme.colors.neutral[25]} />
-        </Box>
-
-        <Box
-          flexStyle={{ flexDirection: "column" }}
-          width={"91%"}
-          paddingStyle={{ paddingLeft: 7 }}
-        >
-          {/*   Carregamento identificação */}
-          <Box flexStyle={{ flexDirection: "row", alignItems: "center" }}>
-            <Typography
-              text={"Carregamento - "}
-              size={theme.fontSizes.sm}
-              lineHeight={theme.fontSizes.lg}
-              fontFamily={theme.fonts.inter_semi_bold_600}
-              fontWeight="600"
-              color={theme.colors.neutral[25]}
-              letterSpacing={"regular"}
-            />
-            <Typography
-              text={title}
-              size={theme.fontSizes.xs}
-              lineHeight={theme.fontSizes.md}
-              fontFamily={theme.fonts.inter_bold_700}
-              fontWeight="700"
-              color={theme.colors.neutral[25]}
-              letterSpacing={"regular"}
-            />
-          </Box>
-
-          {/*   Data do carregamento */}
-          <Box
-            flexStyle={{
-              flexDirection: "row",
-              alignItems: "center",
-              justifyContent: "space-between",
-            }}
-          >
-            <Box
-              flexStyle={{
-                flexDirection: "row",
-                alignItems: "center",
-              }}
-            >
-              <Typography
-                text={"Data - "}
-                size={theme.fontSizes.sm}
-                lineHeight={theme.fontSizes.lg ?? 18}
-                fontFamily={theme.fonts.inter_medium_500}
-                fontWeight="500"
-                color={theme.colors.neutral[25]}
-                letterSpacing={"regular"}
-              />
-              <Typography
-                text={String(date)}
-                size={theme.fontSizes.sm}
-                lineHeight={theme.fontSizes.lg ?? 18}
-                fontFamily={theme.fonts.inter_medium_500}
-                fontWeight="500"
-                color={theme.colors.neutral[25]}
-                letterSpacing={"regular"}
-              />
-            </Box>
-            <Box
-              flexStyle={{
-                flexDirection: "row",
-                alignItems: "center",
-              }}
-            >
-              <Typography
-                text={String(dataStart)}
-                size={theme.fontSizes["2xs"]}
-                fontFamily={theme.fonts.inter_medium_500}
-                fontWeight="500"
-                lineHeight={theme.fontSizes.sm}
-                color={theme.colors.neutral[25]}
-                letterSpacing={"regular"}
-                marginRight={8}
-              />
-
-              <Icons
-                icon={"ELLIPSE"}
-                color={
-                  readonly ? theme.colors.neutral[25] : getStatusColor(statusNotify as StatusType)
-                }
-                size={9}
-              />
-            </Box>
-          </Box>
-
-          {/*  Mensagem de notificação do carregamento */}
-          <Typography
-            text={notification}
-            size={theme.fontSizes["2xs"]}
-            fontFamily={theme.fonts.inter_medium_500}
-            fontWeight="500"
-            lineHeight={theme.fontSizes.sm ?? 14}
-            color={theme.colors.neutral[25]}
-            letterSpacing={"regular"}
-            ellipsizeMode="tail"
-            numberOfLines={1}
-          />
-        </Box>
-      </Box>
-    </TouchableOpacity>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { NotificationLoading };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { TouchableOpacity } from "react-native";
+
+// components
+import { Box } from "../box";
+import { Typography } from "../typography";
+
+// icons
+import { Icons } from "../../common/icons-svg";
+
+// theme
+import { theme } from "../../styles/theme/theme";
+
+import { INotificationLoading } from "./interface";
+import { getStatusColor, StatusType } from "../../utils/status-color/return-color";
+
+const NotificationLoading: React.FC<INotificationLoading> = ({
+  handleNavigation,
+  title,
+  testID,
+  statusNotify,
+  date,
+  notification,
+  dataStart,
+  style,
+  readonly,
+}) => {
+  return (
+    <TouchableOpacity
+      activeOpacity={0.7}
+      testID={testID}
+      onPress={handleNavigation}
+      disabled={readonly}
+    >
+      <Box
+        width={"100%"}
+        flexStyle={{ flexDirection: "row", alignItems: "center" }}
+        backgroundColor={readonly ? theme.colors.blue[40050] : theme.colors.blue[400]}
+        borderStyled={{
+          borderWidth: theme.borderWidths.thin,
+          borderRadius: theme.borderWidths.thick_medium,
+          borderColor: readonly ? theme.colors.blue[40050] : theme.colors.blue[400],
+        }}
+        paddingStyle={{ padding: theme.paddings["2xs"] }}
+        style={style}
+      >
+        <Box width={"9%"}>
+          <Icons icon={"BELL"} size={32} color={theme.colors.neutral[25]} />
+        </Box>
+
+        <Box
+          flexStyle={{ flexDirection: "column" }}
+          width={"91%"}
+          paddingStyle={{ paddingLeft: 7 }}
+        >
+          {/*   Carregamento identificação */}
+          <Box flexStyle={{ flexDirection: "row", alignItems: "center" }}>
+            <Typography
+              text={"Carregamento - "}
+              size={theme.fontSizes.sm}
+              lineHeight={theme.fontSizes.lg}
+              fontFamily={theme.fonts.inter_semi_bold_600}
+              fontWeight="600"
+              color={theme.colors.neutral[25]}
+              letterSpacing={"regular"}
+            />
+            <Typography
+              text={title}
+              size={theme.fontSizes.xs}
+              lineHeight={theme.fontSizes.md}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight="700"
+              color={theme.colors.neutral[25]}
+              letterSpacing={"regular"}
+            />
+          </Box>
+
+          {/*   Data do carregamento */}
+          <Box
+            flexStyle={{
+              flexDirection: "row",
+              alignItems: "center",
+              justifyContent: "space-between",
+            }}
+          >
+            <Box
+              flexStyle={{
+                flexDirection: "row",
+                alignItems: "center",
+              }}
+            >
+              <Typography
+                text={"Data - "}
+                size={theme.fontSizes.sm}
+                lineHeight={theme.fontSizes.lg ?? 18}
+                fontFamily={theme.fonts.inter_medium_500}
+                fontWeight="500"
+                color={theme.colors.neutral[25]}
+                letterSpacing={"regular"}
+              />
+              <Typography
+                text={String(date)}
+                size={theme.fontSizes.sm}
+                lineHeight={theme.fontSizes.lg ?? 18}
+                fontFamily={theme.fonts.inter_medium_500}
+                fontWeight="500"
+                color={theme.colors.neutral[25]}
+                letterSpacing={"regular"}
+              />
+            </Box>
+            <Box
+              flexStyle={{
+                flexDirection: "row",
+                alignItems: "center",
+              }}
+            >
+              <Typography
+                text={String(dataStart)}
+                size={theme.fontSizes["2xs"]}
+                fontFamily={theme.fonts.inter_medium_500}
+                fontWeight="500"
+                lineHeight={theme.fontSizes.sm}
+                color={theme.colors.neutral[25]}
+                letterSpacing={"regular"}
+                marginRight={8}
+              />
+
+              <Icons
+                icon={"ELLIPSE"}
+                color={
+                  readonly ? theme.colors.neutral[25] : getStatusColor(statusNotify as StatusType)
+                }
+                size={9}
+              />
+            </Box>
+          </Box>
+
+          {/*  Mensagem de notificação do carregamento */}
+          <Typography
+            text={notification}
+            size={theme.fontSizes["2xs"]}
+            fontFamily={theme.fonts.inter_medium_500}
+            fontWeight="500"
+            lineHeight={theme.fontSizes.sm ?? 14}
+            color={theme.colors.neutral[25]}
+            letterSpacing={"regular"}
+            ellipsizeMode="tail"
+            numberOfLines={1}
+          />
+        </Box>
+      </Box>
+    </TouchableOpacity>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { NotificationLoading };

package/src/components/step-indicator/styles.ts

@@ -1,68 +1,68 @@
-/**
- * IMPORTS
- */
-
-import { StyleSheet } from "react-native";
-
-// typings
-import { IStepIndicator } from "./interface";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-const styles = (props: IStepIndicator) =>
-  StyleSheet.create({
-    containerIndicator: {
-      width: "100%",
-      height: 86,
-      flexDirection: "row",
-      justifyContent: "flex-start",
-      // backgroundColor: theme.colors.gray[300],
-    },
-    containerBall: {
-      width: 32,
-      height: 32,
-      backgroundColor: props.backgroundColorBall ?? theme.colors.blue[500],
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: 16,
-    },
-    title: {
-      color: props.titleColor ?? "black",
-      textAlign: "center",
-      lineHeight: 20,
-      fontSize: theme.fontSizes["sm"],
-      fontWeight: "500",
-      marginLeft: 8,
-    },
-    titleNumber: {
-      color: props.titleNumberColor ?? theme.colors.neutral[25],
-      textAlign: "center",
-      lineHeight: 16,
-      fontFamily: theme.fonts.inter_regular_400,
-      fontSize: theme.fontSizes["xs"],
-      position: "absolute",
-    },
-    titleDescription: {
-      color: props.textColorDescription ?? theme.colors.gray[700],
-      textAlign: "center",
-      lineHeight: 16,
-      fontSize: theme.fontSizes["xs"],
-      fontFamily: theme.fonts.inter_regular_400,
-      fontWeight: "400",
-      marginLeft: 8,
-    },
-    containerMain: {
-      width: "100%",
-      height: 56,
-      flexDirection: "column",
-      alignItems: "flex-start",
-      marginLeft: 2,
-    },
-  });
-
-/**
- * EXPORTS
- */
-export { styles };
+/**
+ * IMPORTS
+ */
+
+import { StyleSheet } from "react-native";
+
+// typings
+import { IStepIndicator } from "./interface";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+const styles = (props: IStepIndicator) =>
+  StyleSheet.create({
+    containerIndicator: {
+      width: "100%",
+      height: 86,
+      flexDirection: "row",
+      justifyContent: "flex-start",
+      // backgroundColor: theme.colors.gray[300],
+    },
+    containerBall: {
+      width: 32,
+      height: 32,
+      backgroundColor: props.backgroundColorBall ?? theme.colors.blue[500],
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: 16,
+    },
+    title: {
+      color: props.titleColor ?? "black",
+      textAlign: "center",
+      lineHeight: 20,
+      fontSize: theme.fontSizes["sm"],
+      fontWeight: "500",
+      marginLeft: 8,
+    },
+    titleNumber: {
+      color: props.titleNumberColor ?? theme.colors.neutral[25],
+      textAlign: "center",
+      lineHeight: 16,
+      fontFamily: theme.fonts.inter_regular_400,
+      fontSize: theme.fontSizes["xs"],
+      position: "absolute",
+    },
+    titleDescription: {
+      color: props.textColorDescription ?? theme.colors.gray[700],
+      textAlign: "center",
+      lineHeight: 16,
+      fontSize: theme.fontSizes["xs"],
+      fontFamily: theme.fonts.inter_regular_400,
+      fontWeight: "400",
+      marginLeft: 8,
+    },
+    containerMain: {
+      width: "100%",
+      height: 56,
+      flexDirection: "column",
+      alignItems: "flex-start",
+      marginLeft: 2,
+    },
+  });
+
+/**
+ * EXPORTS
+ */
+export { styles };

package/src/index.ts

@@ -1,43 +1,43 @@
-/**
- * EXPORTS
- */
-
-// Components
-export { Box } from "./components/box";
-export { Button } from "./components/button";
-export { StepIndicator } from "./components/step-indicator";
-export { Typography } from "./components/typography";
-export { Input } from "./components/input";
-export { CapturePhoto } from "./components/capture-photo";
-export { CardHours } from "./components/card-hours";
-export { SelectOption } from "./components/selects/select-option";
-export { Header } from "./components/header-profile";
-export { ScheduledJourneyIndicators } from "./components/scheduled-journey-indicators";
-export { CardScheduledJourney } from "./components/card-scheduled-journey";
-export { UserProfile } from "./components/user-profile";
-export { MenuItem } from "./components/menu-item";
-export { CardLoading } from "./components/card-loading";
-export { CardWorkSession } from "./components/card-work-session";
-export { LoadingProgress } from "./components/loading-progress";
-export { NoData } from "./components/no-data";
-export { FilterJourney } from "./components/filter-journey";
-export { Coil } from "./components/coil";
-export { FilterDateSelector } from "./components/filter-date-selector";
-export { CardHistory } from "./components/card-history";
-export { NotificationLoading } from "./components/notification-loading";
-export { CheckBox } from "./components/check-box";
-export { ImageCaptureWithRemove } from "./components/image-capture-with-remove";
-export { LoadingDetails } from "./components/loading-details";
-export { AvatarProfile } from "./components/avatar-profile";
-export { HistoryDetails } from "./components/history-details";
-export { ActivitiesDaily } from "./components/activities-daily";
-export { ActivitiesProgress } from "./components/activities-progress";
-export { ProfileMenuOption } from "./components/profile-menu-option";
-export { ModalActivities } from "./components/modal-activities";
-
-// Utilities
-export { multiply } from "./utils/mutiply";
-export { formatDate, getLastSevenDays, formHoursMinute } from "./utils/format-data";
-
-// Styles
-export { theme } from "./styles/theme/theme";
+/**
+ * EXPORTS
+ */
+
+// Components
+export { Box } from "./components/box";
+export { Button } from "./components/button";
+export { StepIndicator } from "./components/step-indicator";
+export { Typography } from "./components/typography";
+export { Input } from "./components/input";
+export { CapturePhoto } from "./components/capture-photo";
+export { CardHours } from "./components/card-hours";
+export { SelectOption } from "./components/selects/select-option";
+export { Header } from "./components/header-profile";
+export { ScheduledJourneyIndicators } from "./components/scheduled-journey-indicators";
+export { CardScheduledJourney } from "./components/card-scheduled-journey";
+export { UserProfile } from "./components/user-profile";
+export { MenuItem } from "./components/menu-item";
+export { CardLoading } from "./components/card-loading";
+export { CardWorkSession } from "./components/card-work-session";
+export { LoadingProgress } from "./components/loading-progress";
+export { NoData } from "./components/no-data";
+export { FilterJourney } from "./components/filter-journey";
+export { Coil } from "./components/coil";
+export { FilterDateSelector } from "./components/filter-date-selector";
+export { CardHistory } from "./components/card-history";
+export { NotificationLoading } from "./components/notification-loading";
+export { CheckBox } from "./components/check-box";
+export { ImageCaptureWithRemove } from "./components/image-capture-with-remove";
+export { LoadingDetails } from "./components/loading-details";
+export { AvatarProfile } from "./components/avatar-profile";
+export { HistoryDetails } from "./components/history-details";
+export { ActivitiesDaily } from "./components/activities-daily";
+export { ActivitiesProgress } from "./components/activities-progress";
+export { ProfileMenuOption } from "./components/profile-menu-option";
+export { ModalActivities } from "./components/modal-activities";
+
+// Utilities
+export { multiply } from "./utils/mutiply";
+export { formatDate, getLastSevenDays, formHoursMinute } from "./utils/format-data";
+
+// Styles
+export { theme } from "./styles/theme/theme";