react-native-exp-fig 0.1.41 → 0.1.43

package/lib/typescript/src/components/alert-critical-load/styles.d.ts

@@ -0,0 +1,28 @@
+declare const styles: {
+    container: {
+        borderWidth: number;
+        borderRadius: number;
+        padding: number;
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+    };
+    content: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        flex: number;
+    };
+    text: {
+        flex: number;
+    };
+    arrow: {
+        marginLeft: number;
+    };
+};
+/**
+ * EXPORTS
+ */
+export { styles };

package/lib/typescript/src/components/card-available-load/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { View } from "react-native";
+import { ICardAvailableLoad } from "./interface";
+/**
+ * EXPORTS
+ */
+declare const _default: React.ComponentType<ICardAvailableLoad & React.RefAttributes<View>>;
+export default _default;

package/lib/typescript/src/components/card-available-load/interface.d.ts

@@ -0,0 +1,30 @@
+/**
+ * IMPORTS
+ */
+import { TextStyle, ViewStyle } from "react-native";
+/**
+ * STYLES
+ */
+interface IStyles {
+    container: (bg?: string) => ViewStyle;
+    header: ViewStyle;
+    arrow: ViewStyle;
+    textSpacing: TextStyle;
+    buttonText: TextStyle;
+}
+interface ICardAvailableLoad {
+    isOpen?: boolean;
+    onPress: () => void;
+    backgroundColor?: string;
+    carregamento: {
+        numero_carregamento: string;
+        local: string;
+        previsao_carregamento: string;
+        qtd_bobinas: number;
+        peso_total_kg: number;
+    };
+}
+/**
+ * EXPORT
+ */
+export type { ICardAvailableLoad, IStyles };

package/lib/typescript/src/components/card-available-load/style.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IMPORTS
+ */
+declare const styles: any;
+/**
+ * EXPORTS
+ */
+export { styles };

package/lib/typescript/src/components/card-driver-data/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { View } from "react-native";
+import { IDriverJourneyInfo } from "./interface";
+/**
+ * EXPORTS
+ */
+declare const _default: React.ComponentType<IDriverJourneyInfo & React.RefAttributes<View>>;
+export default _default;

package/lib/typescript/src/components/card-driver-data/interface.d.ts

@@ -0,0 +1,27 @@
+/**
+ * IMPORTS
+ */
+import { TextStyle, ViewStyle } from "react-native";
+/**
+ * STYLES
+ */
+interface IStyles {
+    container: (bg?: string) => ViewStyle;
+    header: ViewStyle;
+    arrow: ViewStyle;
+    textSpacing: TextStyle;
+    buttonText: TextStyle;
+}
+interface IDriverJourneyInfo {
+    isOpen?: boolean;
+    onPress: () => void;
+    backgroundColor?: string;
+    veiculo: {
+        placa: string;
+        tipo: string;
+    };
+}
+/**
+ * EXPORT
+ */
+export type { IDriverJourneyInfo, IStyles };

package/lib/typescript/src/components/card-driver-data/style.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IMPORTS
+ */
+declare const styles: any;
+/**
+ * EXPORTS
+ */
+export { styles };

package/lib/typescript/src/components/document-carga-info/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { View } from "react-native";
+import { IDocumentCargaInfo } from "./interface";
+/**
+ * EXPORTS
+ */
+declare const _default: React.ComponentType<IDocumentCargaInfo & React.RefAttributes<View>>;
+export default _default;

package/lib/typescript/src/components/document-carga-info/interface.d.ts

@@ -0,0 +1,15 @@
+/**
+ * IMPORTS
+ */
+declare type IDocumentCargaInfo = {
+    isAlert: boolean;
+    title: string | undefined;
+    numberDocument: string;
+    errorMessage?: string | null;
+    linkDocument?: string | null;
+    handleToggle: () => void;
+};
+/**
+ * EXPORT
+ */
+export type { IDocumentCargaInfo };

package/lib/typescript/src/components/document-carga-info/styles.d.ts

@@ -0,0 +1,50 @@
+/**
+ * IMPORTS
+ */
+declare const styles: {
+    container: {
+        width: "100%";
+        padding: number;
+        backgroundColor: string;
+        borderRadius: number;
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+    left: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    alert: {
+        color: string;
+        marginTop: number;
+        marginBottom: number;
+        fontSize: number;
+    };
+    button: {
+        width: "100%";
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    arrow: {
+        width: number;
+        height: number;
+    };
+    textOption: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+        marginLeft: number;
+        marginTop: number;
+    };
+};
+/**
+ * EXPORTS
+ */
+export { styles };

package/lib/typescript/src/components/driver-journey-info/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { View } from "react-native";
+import { IDriverJourneyInfo } from "./interface";
+/**
+ * EXPORTS
+ */
+declare const _default: React.ComponentType<IDriverJourneyInfo & React.RefAttributes<View>>;
+export default _default;

package/lib/typescript/src/components/driver-journey-info/interface.d.ts

@@ -0,0 +1,28 @@
+/**
+ * IMPORTS
+ */
+import { TextStyle, ViewStyle } from "react-native";
+/**
+ * STYLES
+ */
+interface IStyles {
+    container: (bg?: string) => ViewStyle;
+    header: ViewStyle;
+    arrow: ViewStyle;
+    textSpacing: TextStyle;
+    buttonText: TextStyle;
+}
+interface IDriverJourneyInfo {
+    motorista: {
+        nome: string;
+        contato: string;
+        posicao: string;
+        previsao_chegada: string;
+    };
+    onPress: () => void;
+    backgroundColor?: string;
+}
+/**
+ * EXPORT
+ */
+export type { IDriverJourneyInfo, IStyles };

package/lib/typescript/src/components/driver-journey-info/style.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IMPORTS
+ */
+declare const styles: any;
+/**
+ * EXPORTS
+ */
+export { styles };

package/lib/typescript/src/components/selects/select-date-and-hours/index.d.ts

@@ -4,7 +4,7 @@
 import React from "react";
 declare const _default: React.ComponentType<import("react-native").TouchableOpacityProps & {
     value: any;
-    icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX" | "CHECK_BOX_OUTLINE" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "CLOSED" | "LOADING" | "ACTIVITY" | "HISTORY" | "BELL" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "X_CIRCLE" | "ELLIPSE" | "PENCIL" | "CAR" | "TRUCK_ACTIVITY" | "COFFEE" | "AGENT" | "CHECK_OUTLINE" | "BED" | "REFRESH_CCW_DOT" | "HOURGLASS" | "HOUSE" | "ISLAND" | "EXCLAMATION_TRIANGLE" | "SCALES" | "CARRIER";
+    icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX" | "CHECK_BOX_OUTLINE" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "CLOSED" | "LOADING" | "ACTIVITY" | "HISTORY" | "BELL" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "X_CIRCLE" | "ELLIPSE" | "PENCIL" | "CAR" | "TRUCK_ACTIVITY" | "COFFEE" | "AGENT" | "CHECK_OUTLINE" | "BED" | "REFRESH_CCW_DOT" | "HOURGLASS" | "HOUSE" | "ISLAND" | "EXCLAMATION_TRIANGLE" | "SCALES" | "CARRIER" | "USER_CIRCLE" | "WARNING_TRIANGLE";
     disabled?: boolean | undefined;
     textColor?: string | undefined;
     onPressConfirm: (value: any) => void;

package/lib/typescript/src/index.d.ts

@@ -34,11 +34,17 @@ export { ProfileMenuOption } from "./components/profile-menu-option";
 export { ModalActivities } from "./components/modals/modal-activities";
 export { HistoryActivitiesCard } from "./components/history-activities-card";
 export { ModalChangeActivity } from "./components/modals/modal-change-activity";
+export { ActiveLoadingsSummary } from "./components/active-loadings-summary";
 export { default as ModalActivityReason } from "./components/modals/modal-activity-reason";
 export { default as InputTextCounter } from "./components/input-text-counter";
 export { default as ModalCreteActivitie } from "./components/modal-create-activitie";
 export { default as ModalJourneyRectification } from "./components/modal-journey-rectification";
 export { default as ActivityTimeline } from "./components/activity-timeline";
+export { default as CardAvailableLoad } from "./components/card-available-load";
+export { default as CardDriverData } from "./components/card-driver-data";
+export { default as DriverJourneyInfo } from "./components/driver-journey-info";
+export { default as DocumentCargaInfo } from "./components/document-carga-info";
+export { default as AlertCriticalLoad } from "./components/alert-critical-load";
 export { multiply } from "./utils/mutiply";
 export { formatDate, getLastSevenDays, formHoursMinute } from "./utils/format-data";
 export { theme } from "./styles/theme/theme";

package/lib/typescript/src/stories/active-loadings-summary/active-loadings-summary.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj, Meta } from "@storybook/react";
+import { ActiveLoadingsSummary } from "../../components/active-loadings-summary";
+declare const meta: Meta<typeof ActiveLoadingsSummary>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const Padrao: Story;
+export declare const ZeroCarregamentos: Story;
+export declare const MuitosCarregamentos: Story;

package/lib/typescript/src/stories/alert-critical-load/alert-critical-load.stories.d.ts

@@ -0,0 +1,9 @@
+/**
+ * IMPORTS
+ */
+import type { Meta, StoryObj } from "@storybook/react";
+import AlertCriticalLoad from "../../components/alert-critical-load";
+declare const meta: Meta<typeof AlertCriticalLoad>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/typescript/src/stories/card-available-load/card-available-load.stories.d.ts

@@ -0,0 +1,10 @@
+/**
+ * IMPORTS
+ */
+import type { StoryObj, Meta } from "@storybook/react";
+import CardAvailableLoad from "../../components/card-available-load";
+declare const meta: Meta<typeof CardAvailableLoad>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const CardAvailableLoadOpen: Story;
+export declare const CardAvailableLoadClosed: Story;

package/lib/typescript/src/stories/card-driver-data/card-driver-data.stories.d.ts

@@ -0,0 +1,10 @@
+/**
+ * IMPORTS
+ */
+import type { StoryObj, Meta } from "@storybook/react";
+import CardDriverData from "../../components/card-driver-data";
+declare const meta: Meta<typeof CardDriverData>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const CardDriverDataOpen: Story;
+export declare const CardDriverDataClosed: Story;

package/lib/typescript/src/stories/document-carga-info/document-carga-info.stories.d.ts

@@ -0,0 +1,10 @@
+/**
+ * IMPORTS
+ */
+import type { Meta, StoryObj } from "@storybook/react";
+import DocumentCargaInfo from "../../components/document-carga-info";
+declare const meta: Meta<typeof DocumentCargaInfo>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAlert: Story;

package/lib/typescript/src/stories/driver-journey-info/driver-journey-info.stories.d.ts

@@ -0,0 +1,10 @@
+/**
+ * IMPORTS
+ */
+import type { StoryObj, Meta } from "@storybook/react";
+import DriverJourneyInfo from "../../components/driver-journey-info";
+declare const meta: Meta<typeof DriverJourneyInfo>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const DriverJourneyInfoOpen: Story;
+export declare const DriverJourneyInfoClosed: Story;

package/lib/typescript/src/styles/global/theme-provider.d.ts

@@ -29,6 +29,7 @@ export declare const useTheme: () => {
             180: string;
         };
         blue: {
+            20: string;
             25: string;
             50: string;
             80: string;

package/lib/typescript/src/styles/theme/theme.d.ts

@@ -31,6 +31,7 @@ export declare const theme: {
             180: string;
         };
         blue: {
+            20: string;
             25: string;
             50: string;
             80: string;

package/lib/typescript/src/utils/status-color/return-color.d.ts

@@ -1,4 +1,4 @@
-export declare type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido";
+export declare type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido" | "Em_liberacao";
 declare function getBorderColor(status: string): string;
 declare function getStatusColor(status: StatusType): string;
 declare function getStatusTextColor(status: StatusType): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/@types/as-base-component.ts

@@ -1,9 +1,9 @@
-import type React from "react";
-
-export function asBaseComponent<P>(
-  Component: React.ComponentType<P>,
-  // eslint-disable-next-line no-unused-vars
-  _options?: P
-): React.ComponentType<P> {
-  return Component;
-}
+import type React from "react";
+
+export function asBaseComponent<P>(
+  Component: React.ComponentType<P>,
+  // eslint-disable-next-line no-unused-vars
+  _options?: P
+): React.ComponentType<P> {
+  return Component;
+}

package/src/common/icons-svg/arrow-down/index.tsx

@@ -0,0 +1,44 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Mask, G, } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconArrowOpen: React.FC<ISvgProps> = ({ color, size, ...rest }) => (
+
+  <Svg
+    {...rest}
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ? size + 4 : "28"}
+    height={size ? size : "24"}
+    fill="none"
+    viewBox={`0 0 ${size ? size + 4 : "28"} ${size ? "24" : "24"}`}
+  >
+    <Mask
+      id="mask0_2217_3487"
+      width="28"
+      height="24"
+      x="0"
+      y="0"
+      maskUnits="userSpaceOnUse"
+      style={{ maskType: "alpha" }}
+    >
+      <Path fill={color ?? "#fff"} d="M27.805 0v24H0V0z"></Path>
+    </Mask>
+    <G mask="url(#mask0_2217_3487)">
+      <Path
+        fill={color ?? "#fff"}
+        d="m3.128 16 10.774-9.3L24.677 16l-1.217 1.074-9.558-8.25-9.558 8.25z"
+      ></Path>
+    </G>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowOpen };

package/src/common/icons-svg/constants/index.ts

@@ -60,6 +60,8 @@ const SVG_NAME = {
   EXCLAMATION_TRIANGLE: "exclamation-triangle",
   SCALES: "scales",
   CARRIER: "carrier",
+  USER_CIRCLE: "user-circle",
+  WARNING_TRIANGLE: "warning-triangle",
 };
 
 /**

package/src/common/icons-svg/user-circle/index.tsx

@@ -0,0 +1,29 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconUserCircle: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "33"}
+    height={size ?? "33"}
+    fill="none"
+    viewBox={`0 0 ${size ?? "33"} ${size ?? "33"}`}
+  >
+    <Path
+      fill={color ?? "#393939"}
+      d="M16.25 0A16.25 16.25 0 1 0 32.5 16.25 16.267 16.267 0 0 0 16.25 0m-5 16.25a5 5 0 1 1 10 0 5 5 0 0 1-10 0M25.044 5.688l-4.452 4.453a7.475 7.475 0 0 0-8.684 0L7.456 5.688a13.72 13.72 0 0 1 17.588 0M7.456 26.813l4.452-4.454a7.475 7.475 0 0 0 8.684 0l4.452 4.453a13.724 13.724 0 0 1-17.588 0"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconUserCircle };

package/src/components/active-loadings-summary/index.tsx

@@ -0,0 +1,69 @@
+/**
+* IMPORTS
+*/
+import React from "react";
+
+// components
+import Box from "../box";
+import { Typography } from "../../components/typography";
+import { Button } from "../button";
+
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+// typing
+import { IActiveLoadingsSummary } from "./interface";
+
+/**
+* Componente para ser mosrado na tela Home com a quanttidade de carregamentos iniciados + botão de visualizar todos e acessar a ttela
+*/
+const ActiveLoadingsSummary: React.FC<IActiveLoadingsSummary> = ({ count, onPressView }: IActiveLoadingsSummary) => {
+  return (
+    <Box
+      width={"100%"}
+      backgroundColor={theme.colors.neutral[25]}
+      borderStyled={{
+        borderRadius: theme.borderWidths.thick_medium,
+        borderWidth: theme.borderWidths.thin,
+        borderColor: theme.colors.gray[300],
+      }}
+      paddingStyle={{ padding: theme.paddings.xs }}
+      marginStyle={{ marginBottom: theme.margins.xs }}
+      flexStyle={{ flexDirection: "column", alignItems: "flex-start", justifyContent: "flex-start" }}
+    >
+      <Box width={"100%"} flexStyle={{ alignItems: "center" }}>
+        <Typography
+          text={`${count} carregamentos iniciados`}
+          size={theme.fontSizes.sm}
+          fontFamily={theme.fonts.inter_medium_500}
+          color={theme.colors.gray[500]}
+          align={"center"}
+        />
+      </Box>
+      <Button
+        isLoading={false}
+        title="Visualizar carregamentos"
+        width='100%'
+        height={36}
+        backgroundColor={theme.colors.blue[500]}
+        flexStyle={{ alignItems: "center", justifyContent: "center" }}
+        marginStyle={{ marginTop: theme.margins.xs }}
+        buttonTextStyle={{
+          color: theme.colors.neutral[25],
+          fontFamily: theme.fonts.inter_medium_500,
+          fontSize: theme.fontSizes.xs,
+          textAlign: "center",
+        }}
+        borderStyled={{
+          borderWidth: theme.borderWidths.thin,
+          borderColor: theme.colors.blue[500],
+          borderRadius: theme.borderWidths.thick_medium,
+        }}
+        onPress={onPressView}
+      />
+    </Box>
+  );
+};
+
+export { ActiveLoadingsSummary };

package/src/components/active-loadings-summary/interface.d.ts

@@ -0,0 +1,16 @@
+/**
+ * IMPORTS
+ */
+
+interface IActiveLoadingsSummary {
+  /**propriedade que indica a quantidade de carregamentos iniciados */
+  count: number;
+
+  /**função que é chamada ao clicar no botão de visualizar carregamentos */
+  onPressView: () => void;
+}
+
+/**
+ * EXPORTS
+ */
+export { IActiveLoadingsSummary };