react-native-exp-fig 2.0.1 → 2.0.2

package/src/index.ts

@@ -1,48 +1,48 @@
-/**
- * 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";
-export { default as CardReport } from "./components/card-report";
-export { default as Loading } from "./components/loading";
-export { default as NotificationCard } from "./components/notification-card";
-export { default as LoadMoreDataFlatList } from "./components/load-more-data";
-export { default as AppList } from "./components/app-list";
-
-// 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 { default as HeaderNavigation } 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";
+export { default as CardReport } from "./components/card-report";
+export { default as Loading } from "./components/loading";
+export { default as NotificationCard } from "./components/notification-card";
+export { default as LoadMoreDataFlatList } from "./components/load-more-data";
+export { default as AppList } from "./components/app-list";
+
+// Utilities
+export { multiply } from "./utils/mutiply";
+export { formatDate, getLastSevenDays, formHoursMinute } from "./utils/format-data";
+
+// Styles
+export { theme } from "./styles/theme/theme";

package/src/stories/header-profile/header-profile.stories.tsx

@@ -1,103 +1,92 @@
-import type { StoryObj, Meta } from "@storybook/react";
-import { Header } from "../../components/header-profile";
-
-const meta: Meta<typeof Header> = {
-  title: "componente/Header",
-  component: Header,
-  args: {
-    testID: "header",
-    arrow: false,
-    title: "aqui",
-    handleNavigation: () => {},
-    permission: false,
-    bluetoothIsConnected: false,
-    isInternetReachable: true,
-  },
-  parameters: {
-    notes: `
-# Header
-
-Este é um componente de Card de horas.
-Você usa assim:
-\`\`\`tsx
-<Header
-
-  />
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const HeaderLogin: Story = {
-  name: "header-login",
-  args: {
-    testID: "header",
-    arrow: false,
-    title: "Login",
-    handleNavigation: () => {},
-    permission: false,
-    bluetoothIsConnected: false,
-    isInternetReachable: true,
-    isBluetooth: false,
-  },
-};
-export const HeaderArrow: Story = {
-  name: "header-arrow",
-  args: {
-    testID: "header",
-    arrow: true,
-    title: "SINCRONIZAR ATIVIDADES",
-    handleNavigation: () => {},
-    permission: false,
-    bluetoothIsConnected: false,
-    isInternetReachable: false,
-    isBluetooth: true,
-  },
-};
-
-export const HeaderList: Story = {
-  name: "header-list",
-  args: {
-    testID: "header",
-    arrow: true,
-    title: "Controle de Jornada",
-    handleNavigation: () => {},
-    permission: false,
-    bluetoothIsConnected: true,
-    isInternetReachable: true,
-    isBluetooth: true,
-  },
-};
-
-export const HeaderPermission: Story = {
-  name: "header-permission",
-  args: {
-    testID: "header",
-    arrow: true,
-    title: "Permission",
-    handleNavigation: () => {},
-    permission: true,
-    bluetoothIsConnected: true,
-    isInternetReachable: true,
-    isBluetooth: false,
-  },
-};
-
-export const HeaderBackground: Story = {
-  name: "header-background",
-  args: {
-    testID: "header",
-    arrow: true,
-    title: "texto grande e background diferente",
-    handleNavigation: () => {},
-    permission: false,
-    bluetoothIsConnected: true,
-    isInternetReachable: true,
-    isBluetooth: false,
-    color: { colorText: "white" },
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+import Header from "../../components/header-profile";
+
+const meta: Meta<typeof Header> = {
+  title: "componente/Header",
+  component: Header,
+  args: {
+    testID: "header",
+    arrow: false,
+    title: "aqui",
+    handleNavigation: () => { },
+    bluetoothIsConnected: false,
+    isInternetReachable: true,
+  },
+  parameters: {
+    notes: `
+# Header
+
+Este é um componente de Card de horas.
+Você usa assim:
+\`\`\`tsx
+<Header
+
+  />
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const HeaderLogin: Story = {
+  name: "header-login",
+  args: {
+    testID: "header",
+    arrow: false,
+    title: "Login",
+    handleNavigation: () => { },
+    bluetoothIsConnected: false,
+    isInternetReachable: true,
+  },
+};
+export const HeaderArrow: Story = {
+  name: "header-arrow",
+  args: {
+    testID: "header",
+    arrow: true,
+    title: "SINCRONIZAR ATIVIDADES",
+    handleNavigation: () => { },
+    bluetoothIsConnected: false,
+    isInternetReachable: false,
+  },
+};
+
+export const HeaderList: Story = {
+  name: "header-list",
+  args: {
+    testID: "header",
+    arrow: true,
+    title: "Controle de Jornada",
+    handleNavigation: () => { },
+    bluetoothIsConnected: true,
+    isInternetReachable: true,
+  },
+};
+
+export const HeaderPermission: Story = {
+  name: "header-permission",
+  args: {
+    testID: "header",
+    arrow: true,
+    title: "Permission",
+    handleNavigation: () => { },
+    bluetoothIsConnected: true,
+    isInternetReachable: true,
+  },
+};
+
+export const HeaderBackground: Story = {
+  name: "header-background",
+  args: {
+    testID: "header",
+    arrow: true,
+    title: "texto grande e background diferente",
+    handleNavigation: () => { },
+    bluetoothIsConnected: true,
+    isInternetReachable: true,
+    color: { colorText: "white" },
+  },
+};

package/src/styles/theme/theme.ts

@@ -1,193 +1,193 @@
-/**
- * IMPORTS
- */
-
-const colors = {
-  neutral: {
-    25: "#FFFFFF",
-    50: "#E7EEFF",
-    75: "#E5E1F9",
-    200: "#C6C6C6",
-    300: "#F3F3F3",
-    400: "#F4F5F6",
-    500: "#FFF1DC",
-  },
-  black: {
-    10: "#000000",
-    25: "#1E1E1E",
-    100: "#393939",
-    180: "#35302B",
-  },
-  blue: {
-    25: "#1E1E1E",
-    50: "#1EA7fD",
-    100: "#051C3B",
-    150: "#2E41F2",
-    350: "#357FD6",
-    375: "#056CF2",
-    525: "#2D3748",
-    500: "#050022",
-    400: "#051C3B",
-    800: "#87CEFA",
-  },
-  red: {
-    400: "#D23A1A",
-    500: "#C54239",
-    800: "#E72626",
-    900: "#9F0000",
-  },
-  gray: {
-    300: "#D9D9D9",
-    350: "#CDCDCD",
-    400: "#C6C6C6",
-    500: "#1c1c1e",
-    600: "#5E5E5E",
-    700: "#727272",
-    800: "#837676",
-    850: "#868686",
-    875: "#949494",
-    900: "#9B9B9B",
-    925: "#957c5f",
-    950: "#94a3b8",
-  },
-  green: {
-    100: "#D4EDDA",
-    200: "#25BA76",
-    250: "#20AD48",
-    400: "#49C63E",
-    500: "#50C58F",
-  },
-  orange: {
-    500: "#FC5701",
-    450: "#FC6C2D",
-    150: "#FFA41C",
-  },
-  yellow: {
-    120: "#FFE8C2", // laranja claro - levando em consideração opacidade de 20
-    100: "#DFAE00",
-    50: "#F0CA4B",
-    75: "#F59E0B",
-  },
-};
-
-const fonts = {
-  inter_thin_100: "Inter-Thin",
-  inter_extra_light_200: "Inter-ExtraLight",
-  inter_light_300: "Inter-Light",
-  inter_regular_400: "Inter-Regular",
-  inter_medium_500: "Inter-Medium",
-  inter_semi_bold_600: "Inter-SemiBold",
-  inter_bold_700: "Inter-Bold",
-  inter_extra_bold_800: "Inter-ExtraBold",
-  inter_bold: "Inter-Bold",
-};
-
-const fontSizes = {
-  "2xs": 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 32,
-  "4xl": 38,
-  "5xl": 50,
-  "6xl": 60,
-  "7xl": 72,
-  "8xl": 96,
-  "9xl": 128,
-};
-
-const margins = {
-  fn: 2,
-  "1xs": 6,
-  "2xs": 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 30,
-  "4xl": 36,
-  "5xl": 48,
-  "6xl": 60,
-  "7xl": 72,
-  "8xl": 96,
-  "9xl": 128,
-};
-
-const paddings = {
-  "3xs": 6,
-  "2xs": 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 30,
-  "4xl": 36,
-  "5xl": 48,
-  "6xl": 60,
-  "7xl": 72,
-  "8xl": 96,
-  "9xl": 128,
-};
-
-const borderWidths = {
-  thin: 1,
-  thin_medium: 2,
-  thin_bold: 6,
-  thick: 4,
-  thick_medium: 8,
-  thick_bold: 12,
-  thick_large: 16,
-  hairline: 999,
-  "2xl": 24,
-};
-
-const shadows = {
-  z1: "0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)",
-  z2: "0px 1px 2px rgba(0, 0, 0, 0.3)",
-};
-
-const letterSpacing = {
-  o_16: 0.16,
-  regular: 0.5,
-  medium: 0.75,
-  strong: 1,
-};
-
-const lineHeight = {
-  "2xs": 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 30,
-  "4xl": 36,
-  "5xl": 48,
-  "6xl": 60,
-  "7xl": 72,
-  "8xl": 96,
-  "9xl": 128,
-};
-
-/**
- * EXPORTSS
- */
-export const theme = {
-  borderWidths,
-  colors,
-  fonts,
-  fontSizes,
-  margins,
-  shadows,
-  paddings,
-  letterSpacing,
-  lineHeight,
-};
+/**
+ * IMPORTS
+ */
+
+const colors = {
+  neutral: {
+    25: "#FFFFFF",
+    50: "#E7EEFF",
+    75: "#E5E1F9",
+    200: "#C6C6C6",
+    300: "#F3F3F3",
+    400: "#F4F5F6",
+    500: "#FFF1DC",
+  },
+  black: {
+    10: "#000000",
+    25: "#1E1E1E",
+    100: "#393939",
+    180: "#35302B",
+  },
+  blue: {
+    25: "#1E1E1E",
+    50: "#1EA7fD",
+    100: "#051C3B",
+    150: "#2E41F2",
+    350: "#357FD6",
+    375: "#056CF2",
+    525: "#2D3748",
+    500: "#050022",
+    400: "#2D3748",
+    800: "#87CEFA",
+  },
+  red: {
+    400: "#D23A1A",
+    500: "#C54239",
+    800: "#E72626",
+    900: "#9F0000",
+  },
+  gray: {
+    300: "#D9D9D9",
+    350: "#CDCDCD",
+    400: "#C6C6C6",
+    500: "#1c1c1e",
+    600: "#5E5E5E",
+    700: "#727272",
+    800: "#837676",
+    850: "#868686",
+    875: "#949494",
+    900: "#9B9B9B",
+    925: "#957c5f",
+    950: "#94a3b8",
+  },
+  green: {
+    100: "#D4EDDA",
+    200: "#25BA76",
+    250: "#20AD48",
+    400: "#49C63E",
+    500: "#50C58F",
+  },
+  orange: {
+    500: "#FC5701",
+    450: "#FC6C2D",
+    150: "#FFA41C",
+  },
+  yellow: {
+    120: "#FFE8C2", // laranja claro - levando em consideração opacidade de 20
+    100: "#DFAE00",
+    50: "#F0CA4B",
+    75: "#F59E0B",
+  },
+};
+
+const fonts = {
+  inter_thin_100: "Inter-Thin",
+  inter_extra_light_200: "Inter-ExtraLight",
+  inter_light_300: "Inter-Light",
+  inter_regular_400: "Inter-Regular",
+  inter_medium_500: "Inter-Medium",
+  inter_semi_bold_600: "Inter-SemiBold",
+  inter_bold_700: "Inter-Bold",
+  inter_extra_bold_800: "Inter-ExtraBold",
+  inter_bold: "Inter-Bold",
+};
+
+const fontSizes = {
+  "2xs": 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 32,
+  "4xl": 38,
+  "5xl": 50,
+  "6xl": 60,
+  "7xl": 72,
+  "8xl": 96,
+  "9xl": 128,
+};
+
+const margins = {
+  fn: 2,
+  "1xs": 6,
+  "2xs": 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 30,
+  "4xl": 36,
+  "5xl": 48,
+  "6xl": 60,
+  "7xl": 72,
+  "8xl": 96,
+  "9xl": 128,
+};
+
+const paddings = {
+  "3xs": 6,
+  "2xs": 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 30,
+  "4xl": 36,
+  "5xl": 48,
+  "6xl": 60,
+  "7xl": 72,
+  "8xl": 96,
+  "9xl": 128,
+};
+
+const borderWidths = {
+  thin: 1,
+  thin_medium: 2,
+  thin_bold: 6,
+  thick: 4,
+  thick_medium: 8,
+  thick_bold: 12,
+  thick_large: 16,
+  hairline: 999,
+  "2xl": 24,
+};
+
+const shadows = {
+  z1: "0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)",
+  z2: "0px 1px 2px rgba(0, 0, 0, 0.3)",
+};
+
+const letterSpacing = {
+  o_16: 0.16,
+  regular: 0.5,
+  medium: 0.75,
+  strong: 1,
+};
+
+const lineHeight = {
+  "2xs": 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 30,
+  "4xl": 36,
+  "5xl": 48,
+  "6xl": 60,
+  "7xl": 72,
+  "8xl": 96,
+  "9xl": 128,
+};
+
+/**
+ * EXPORTSS
+ */
+export const theme = {
+  borderWidths,
+  colors,
+  fonts,
+  fontSizes,
+  margins,
+  shadows,
+  paddings,
+  letterSpacing,
+  lineHeight,
+};