jornada-ui 0.4.24 → 0.4.25

package/lib/module/components/travel-history/index.js

@@ -0,0 +1,326 @@
+"use strict";
+
+/**
+ * IMPORTS
+ */
+import React, { forwardRef } from "react";
+
+// components
+import Box from "../box/index.js";
+import Typography from "../typography/index.js";
+
+// commons / icons
+import { Icons } from "../../common/icons-svg/index.js";
+
+// typings
+
+import { asBaseComponent } from "../../@types/as-base-component.js";
+
+// styles
+import { theme } from "../../styles/theme/theme.js";
+import { TouchableOpacity } from "react-native";
+
+/**
+ * Componente TravelHistory para a interação da  ui.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TravelHistory = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    testID,
+    backgroundColor,
+    idViagem,
+    startTrip,
+    plate,
+    value,
+    status,
+    supply,
+    nextTrip,
+    origin,
+    destination,
+    onPress,
+    // Flags de problema
+    supplyIssue = false,
+    logisticsIssue = false
+  } = props;
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    ref: ref,
+    activeOpacity: 0.7,
+    onPress: () => onPress({
+      backgroundColor,
+      idViagem,
+      startTrip,
+      plate,
+      value,
+      status,
+      supply,
+      nextTrip,
+      origin,
+      destination,
+      supplyIssue,
+      logisticsIssue
+    }),
+    children: /*#__PURE__*/_jsxs(Box, {
+      testID: testID,
+      width: "100%",
+      backgroundColor: theme.colors.neutral[25],
+      borderStyled: {
+        borderRadius: theme.borderWidths.thick_medium
+      },
+      marginStyle: {
+        marginBottom: theme.margins["2xs"]
+      },
+      children: [/*#__PURE__*/_jsxs(Box, {
+        testID: "travel-history-header",
+        width: "100%",
+        height: 30,
+        backgroundColor: backgroundColor,
+        borderStyled: {
+          borderTopLeftRadius: theme.borderWidths.thin_bold,
+          borderTopRightRadius: theme.borderWidths.thin_bold,
+          borderColor: theme.colors.blue[400]
+        },
+        flexStyle: {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [/*#__PURE__*/_jsx(Typography, {
+          text: `VIAGEM #${idViagem ?? "000"}`,
+          color: theme.colors.neutral[25],
+          size: theme.fontSizes.xs,
+          fontFamily: theme.fonts.inter_semi_bold_600,
+          fontWeight: "500",
+          lineHeight: theme.fontSizes.lg,
+          marginLeft: theme.margins["2xs"]
+        }), /*#__PURE__*/_jsx(Typography, {
+          text: `INÍCIO ${startTrip ?? "01/01/2025 00:00"}`,
+          color: theme.colors.neutral[25],
+          size: theme.fontSizes.xs,
+          fontFamily: theme.fonts.inter_semi_bold_600,
+          fontWeight: "500",
+          lineHeight: theme.fontSizes.lg,
+          marginRight: theme.margins["2xs"]
+        })]
+      }), /*#__PURE__*/_jsx(Box, {
+        width: "100%",
+        flexStyle: {
+          flexDirection: "row",
+          justifyContent: "space-between"
+        },
+        paddingStyle: {
+          padding: theme.paddings["2xs"]
+        },
+        children: /*#__PURE__*/_jsx(Box, {
+          width: "100%",
+          children: /*#__PURE__*/_jsx(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              alignItems: "center"
+            },
+            children: /*#__PURE__*/_jsxs(Box, {
+              width: "100%",
+              children: [/*#__PURE__*/_jsxs(Box, {
+                flexStyle: {
+                  flexDirection: "row",
+                  justifyContent: "space-between"
+                },
+                width: "100%",
+                children: [/*#__PURE__*/_jsxs(Box, {
+                  flexStyle: {
+                    flexDirection: "row"
+                  },
+                  children: [/*#__PURE__*/_jsx(Typography, {
+                    text: `Placa: `,
+                    size: theme.fontSizes.sm,
+                    color: theme.colors.black[10],
+                    fontFamily: theme.fonts.inter_medium_500
+                  }), /*#__PURE__*/_jsx(Typography, {
+                    text: `${plate ?? "000-000"}`,
+                    size: theme.fontSizes.xs,
+                    color: theme.colors.black[180],
+                    fontFamily: theme.fonts.inter_light_300
+                  })]
+                }), /*#__PURE__*/_jsxs(Box, {
+                  flexStyle: {
+                    flexDirection: "row",
+                    alignItems: "center"
+                  },
+                  children: [supplyIssue && /*#__PURE__*/_jsx(Box, {
+                    testID: "icon-supply",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/_jsx(Icons, {
+                      icon: "GAS_PUMP",
+                      color: backgroundColor,
+                      size: 24
+                    })
+                  }), logisticsIssue && /*#__PURE__*/_jsx(Box, {
+                    testID: "icon-logistics",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/_jsx(Icons, {
+                      icon: "EXCLAMATION_CIRCLE",
+                      background: backgroundColor,
+                      color: "#ffffff",
+                      size: 24
+                    })
+                  }), /*#__PURE__*/_jsx(Box, {
+                    testID: "icon-truck",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/_jsx(Icons, {
+                      icon: "TRUCK_ACTIVITY",
+                      color: backgroundColor,
+                      size: 24
+                    })
+                  })]
+                })]
+              }), status !== "ABERTA" && /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
+                },
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Valor: `,
+                  size: theme.fontSizes.sm,
+                  color: theme.colors.black[10],
+                  fontFamily: theme.fonts.inter_medium_500
+                }), /*#__PURE__*/_jsx(Typography, {
+                  text: `R$ ${value ?? "00,00"}`,
+                  size: 11,
+                  color: theme.colors.black[180],
+                  fontFamily: theme.fonts.inter_regular_400
+                })]
+              }), /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
+                },
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Status viagem: `,
+                  size: theme.fontSizes.sm,
+                  color: theme.colors.black[10],
+                  fontFamily: theme.fonts.inter_medium_500
+                }), /*#__PURE__*/_jsx(Typography, {
+                  text: `${status ?? "ABERTA"}`,
+                  size: theme.fontSizes.xs,
+                  color: backgroundColor ?? theme.colors.black[180],
+                  fontFamily: theme.fonts.inter_semi_bold_600
+                })]
+              }), /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
+                },
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Próxima viagem: `,
+                  size: theme.fontSizes.sm,
+                  color: theme.colors.black[10],
+                  fontFamily: theme.fonts.inter_medium_500
+                }), /*#__PURE__*/_jsx(Typography, {
+                  text: `${nextTrip ?? "Não especificado"}`,
+                  size: theme.fontSizes.xs,
+                  color: backgroundColor ?? theme.colors.black[180],
+                  fontFamily: theme.fonts.inter_semi_bold_600
+                })]
+              }), /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
+                },
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Abastecimentos: `,
+                  size: theme.fontSizes.sm,
+                  color: theme.colors.black[10],
+                  fontFamily: theme.fonts.inter_medium_500
+                }), /*#__PURE__*/_jsx(Typography, {
+                  text: `${supply ?? "0"}`,
+                  size: theme.fontSizes.xs,
+                  color: backgroundColor ?? theme.colors.black[180],
+                  fontFamily: theme.fonts.inter_semi_bold_600
+                })]
+              })]
+            })
+          })
+        })
+      }), /*#__PURE__*/_jsxs(Box, {
+        width: "100%",
+        flexStyle: {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        paddingStyle: {
+          padding: theme.paddings["2xs"]
+        },
+        borderStyled: {
+          borderTopWidth: theme.borderWidths.thin_medium,
+          borderTopColor: theme.colors.neutral[200]
+        },
+        children: [/*#__PURE__*/_jsxs(Box, {
+          marginStyle: {
+            marginRight: 2
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            text: `Origem:`,
+            size: theme.fontSizes.xs,
+            color: theme.colors.black[180],
+            fontFamily: theme.fonts.inter_regular_400
+          }), /*#__PURE__*/_jsx(Typography, {
+            text: `${origin ?? "NÃO INFORMADO"}`,
+            size: theme.fontSizes["2xs"],
+            align: "left",
+            color: "black180",
+            fontFamily: theme.fonts.inter_semi_bold_600,
+            lineHeight: 22,
+            letterSpacing: "regular"
+          })]
+        }), /*#__PURE__*/_jsxs(Box, {
+          flexStyle: {
+            flexDirection: "column",
+            alignItems: "flex-end",
+            justifyContent: "center"
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            text: `Destino: `,
+            size: theme.fontSizes.xs,
+            color: theme.colors.black[180],
+            fontFamily: theme.fonts.inter_regular_400
+          }), /*#__PURE__*/_jsx(Typography, {
+            text: `${destination ?? "NÃO INFORMADO"}`,
+            size: theme.fontSizes["2xs"],
+            color: theme.colors.black[100],
+            fontFamily: theme.fonts.inter_semi_bold_600,
+            marginLeft: 4
+          })]
+        })]
+      })]
+    })
+  });
+});
+TravelHistory.displayName = "TravelHistory";
+
+/**
+ * EXPORTS
+ */
+export default asBaseComponent(TravelHistory);
+//# sourceMappingURL=index.js.map

package/lib/module/components/travel-history/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Box","Typography","Icons","asBaseComponent","theme","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","TravelHistory","props","ref","testID","backgroundColor","idViagem","startTrip","plate","value","status","supply","nextTrip","origin","destination","onPress","supplyIssue","logisticsIssue","activeOpacity","children","width","colors","neutral","borderStyled","borderRadius","borderWidths","thick_medium","marginStyle","marginBottom","margins","height","borderTopLeftRadius","thin_bold","borderTopRightRadius","borderColor","blue","flexStyle","flexDirection","justifyContent","alignItems","text","color","size","fontSizes","xs","fontFamily","fonts","inter_semi_bold_600","fontWeight","lineHeight","lg","marginLeft","marginRight","paddingStyle","padding","paddings","sm","black","inter_medium_500","inter_light_300","icon","background","flexWrap","style","flexShrink","inter_regular_400","borderTopWidth","thin_medium","borderTopColor","align","letterSpacing","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/travel-history/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/travel-history/interface.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=interface.d.js.map

package/lib/module/components/travel-history/interface.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/travel-history/interface.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/trip-details-card/index.js

@@ -0,0 +1,307 @@
+"use strict";
+
+/**
+ * IMPORTS
+ */
+import React, { useRef, useState } from "react";
+import { View, TouchableOpacity, Animated, Easing } from "react-native";
+
+// components
+import Box from "../../components/box/index.js";
+import Typography from "../../components/typography/index.js";
+
+// style
+import { theme } from "../../styles/theme/theme.js";
+import { Icons } from "../../common/icons-svg/index.js";
+
+// typings
+
+import { asBaseComponent } from "../../@types/as-base-component.js";
+
+/**
+ * Components de details de viagem
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TripDetailsCard = ({
+  dataRegistro,
+  numeroCte,
+  origem,
+  destino,
+  proximoCarregamento,
+  peso,
+  baseCalculo,
+  corBarra,
+  kmCarregado,
+  kmVazio
+}) => {
+  const [expanded, setExpanded] = useState(true);
+  const animation = useRef(new Animated.Value(1)).current;
+  const toggleExpand = () => {
+    Animated.timing(animation, {
+      toValue: expanded ? 0 : 1,
+      duration: 300,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: false // false pois animaremos altura (layout)
+    }).start();
+    setExpanded(!expanded);
+  };
+  const formatPeso = v => v == null ? "Não informado" : `${v.toLocaleString("pt-BR")} kg`;
+  const formatBase = v => v == null ? "Não informado" : `R$ ${v.toLocaleString("pt-BR")}`;
+
+  // altura animada e opacidade
+  const heightInterpolate = animation.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, 1]
+  });
+  const opacityInterpolate = animation.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, 1]
+  });
+  return /*#__PURE__*/_jsxs(Box, {
+    width: "100%",
+    flexStyle: {
+      flexDirection: "row"
+    },
+    backgroundColor: theme.colors.neutral[25],
+    borderStyled: {
+      borderRadius: theme.borderWidths.thick_medium
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: 8,
+        backgroundColor: corBarra ?? theme.colors.orange[150],
+        borderTopLeftRadius: theme.borderWidths.thick_medium,
+        borderBottomLeftRadius: theme.borderWidths.thick_medium
+      }
+    }), /*#__PURE__*/_jsxs(Box, {
+      flexStyle: {
+        flex: 1
+      },
+      paddingStyle: {
+        padding: theme.paddings["2xs"]
+      },
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        disabled: true,
+        onPress: toggleExpand,
+        activeOpacity: 0.9,
+        accessibilityRole: "button",
+        accessibilityLabel: "Detalhes da viagem",
+        children: /*#__PURE__*/_jsxs(Box, {
+          flexStyle: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center"
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            text: "Detalhes da viagem",
+            color: theme.colors.black[25],
+            fontFamily: theme.fonts.inter_bold,
+            size: theme.fontSizes.md
+          }), /*#__PURE__*/_jsx(Animated.View, {
+            style: {
+              transform: [{
+                rotate: animation.interpolate({
+                  inputRange: [0, 1],
+                  outputRange: ["180deg", "0deg"]
+                })
+              }]
+            },
+            children: /*#__PURE__*/_jsx(Icons, {
+              icon: "CHEVRON_UP",
+              color: theme.colors.gray[700],
+              size: 20
+            })
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: {
+          overflow: "hidden",
+          opacity: opacityInterpolate,
+          transform: [{
+            scaleY: heightInterpolate
+          }]
+        },
+        children: /*#__PURE__*/_jsxs(Box, {
+          marginStyle: {
+            marginTop: theme.margins["1xs"]
+          },
+          children: [/*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Número CTE: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.sm
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${numeroCte || "Não informado"}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Data carregamento: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.sm
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${dataRegistro || "Não informado"}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Origem: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.sm
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${origem || "Não informado"}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Destino: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.xs
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${destino || "Não informado"}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Pr\xF3ximo carregamento: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.xs
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${proximoCarregamento || "Não informado"}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Peso: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.xs
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${formatPeso(peso)}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Km carregado: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.xs
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${kmCarregado || "Não informado"}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Km vazio: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.xs
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${kmVazio || "Não informado"}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              justifyContent: "flex-start"
+            },
+            marginStyle: {
+              marginTop: theme.margins["1xs"]
+            },
+            children: [/*#__PURE__*/_jsx(Typography, {
+              text: "Base para c\xE1lculo do PRO: ",
+              color: theme.colors.black[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              size: theme.fontSizes.xs
+            }), /*#__PURE__*/_jsx(Typography, {
+              text: `${formatBase(baseCalculo)}`,
+              color: theme.colors.gray[700],
+              fontFamily: theme.fonts.inter_regular_400,
+              size: theme.fontSizes.xs
+            })]
+          })]
+        })
+      })]
+    })]
+  });
+};
+TripDetailsCard.displayName = "TripDetailsCard";
+export default asBaseComponent(TripDetailsCard);
+//# sourceMappingURL=index.js.map