jornada-ui 0.4.4 → 0.4.5

package/src/components/travel-history/interface.d.ts

@@ -1,149 +1,153 @@
-/**
- * IMPORTS
- */
-import { type DimensionValue, type ViewProps } from "react-native";
-
-/**
- * INTERFACE
- */
-
-type ITravelHistory = ViewProps & {
-  /**
-   * props que mostra o nome do usuário
-   */
-  name?: string;
-
-  /** Problemas com abastecimento (true = mostra ícone) */
-  supplyIssue?: boolean;
-
-  /** Problemas de logística (true = mostra ícone) */
-  logisticsIssue?: boolean;
-
-  /**
-   * props que mostra o ciclo do relatório - DIÁRIA OU SEMANAL
-   */
-  ciclo?: string;
-
-  /**
-   * props para compor informações do card
-   */
-  idViagem?: string;
-  plate?: string;
-  value?: string;
-  status?: string;
-  supply?: string;
-  nextTrip?: string;
-  avatar?: string;
-  startTrip?: string;
-  origin?: string;
-  destination?: string;
-  /**
-   * TestID para testes automático e identificação
-   */
-  testID?: string;
-
-  /**
-   * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.
-   */
-  borderStyled?: {
-    borderStyle?: "solid" | "dotted" | "dashed";
-
-    borderRadius?: number | DimensionValue;
-    borderTopRightRadius?: number | DimensionValue;
-    borderTopLeftRadius?: number | DimensionValue;
-    borderBottomRightRadius?: number | DimensionValue;
-    borderBottomLeftRadius?: number | DimensionValue;
-
-    borderWidth?: number | DimensionValue;
-    borderLeftWidth?: number | DimensionValue;
-    borderRightWidth?: number | DimensionValue;
-    borderTopWidth?: number | DimensionValue;
-    borderBottomWidth?: number | DimensionValue;
-
-    borderColor?: string;
-    borderBottomColor?: string;
-    borderLeftColor?: string;
-    borderRightColor?: string;
-    borderTopColor?: string;
-  };
-
-  /**
-   * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.
-   */
-  flexStyle?: {
-    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-    flex?: string | number;
-    flexDirection?: "column" | "column-reverse" | "row" | "row-reverse";
-    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
-    textAlign?: "auto" | "center" | "left" | "right" | "justify";
-    justifyContent?:
-      | "flex-start"
-      | "flex-end"
-      | "center"
-      | "space-between"
-      | "space-around"
-      | "space-evenly";
-  };
-
-  /**
-   * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).
-   */
-  marginStyle?: {
-    margin?: number | DimensionValue;
-    marginLeft?: number | DimensionValue;
-    marginRight?: number | DimensionValue;
-    marginTop?: number | DimensionValue;
-    marginBottom?: number | DimensionValue;
-  };
-
-  /**
-   * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).
-   */
-  paddingStyle?: {
-    padding?: number | DimensionValue;
-    paddingLeft?: number | DimensionValue;
-    paddingRight?: number | DimensionValue;
-    paddingTop?: number | DimensionValue;
-    paddingBottom?: number | DimensionValue;
-  };
-
-  /**
-   * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.
-   */
-  height?: number | DimensionValue;
-
-  /**
-   * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.
-   */
-  width?: number | DimensionValue;
-
-  /**
-   * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..
-   * A Propriedade Background está sendo utilizada para definir a cor de fundo do cabeçalho do card e do ícone check.
-   */
-  backgroundColor?: string;
-
-  /**
-   * Propriedade texto que sera renderizado pro usuário final
-   */
-  text?: string;
-
-  /**
-   * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.
-   */
-  color?: {
-    colorSvg?: string;
-    colorText?: string;
-    colorTextBold?: string;
-    colorTextData?: string;
-  };
-
-  // Cor do ícone
-  iconColor?: string;
-};
-
-/**
- * EXPORT
- */
-export type { ITravelHistory };
+/* eslint-disable no-unused-vars */
+/* eslint-disable no-undef */
+/**
+ * IMPORTS
+ */
+import { type DimensionValue, type ViewProps } from "react-native";
+
+/**
+ * INTERFACE
+ */
+
+type ITravelHistory = ViewProps & {
+  /** callback tipada que recebe o payload */
+  onPress: (tripData: T) => void;
+  /**
+   * props que mostra o nome do usuário
+   */
+  name?: string;
+
+  /** Problemas com abastecimento (true = mostra ícone) */
+  supplyIssue?: boolean;
+
+  /** Problemas de logística (true = mostra ícone) */
+  logisticsIssue?: boolean;
+
+  /**
+   * props que mostra o ciclo do relatório - DIÁRIA OU SEMANAL
+   */
+  ciclo?: string;
+
+  /**
+   * props para compor informações do card
+   */
+  idViagem?: string;
+  plate?: string;
+  value?: string;
+  status?: string;
+  supply?: string;
+  nextTrip?: string;
+  avatar?: string;
+  startTrip?: string;
+  origin?: string;
+  destination?: string;
+  /**
+   * TestID para testes automático e identificação
+   */
+  testID?: string;
+
+  /**
+   * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.
+   */
+  borderStyled?: {
+    borderStyle?: "solid" | "dotted" | "dashed";
+
+    borderRadius?: number | DimensionValue;
+    borderTopRightRadius?: number | DimensionValue;
+    borderTopLeftRadius?: number | DimensionValue;
+    borderBottomRightRadius?: number | DimensionValue;
+    borderBottomLeftRadius?: number | DimensionValue;
+
+    borderWidth?: number | DimensionValue;
+    borderLeftWidth?: number | DimensionValue;
+    borderRightWidth?: number | DimensionValue;
+    borderTopWidth?: number | DimensionValue;
+    borderBottomWidth?: number | DimensionValue;
+
+    borderColor?: string;
+    borderBottomColor?: string;
+    borderLeftColor?: string;
+    borderRightColor?: string;
+    borderTopColor?: string;
+  };
+
+  /**
+   * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.
+   */
+  flexStyle?: {
+    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    flex?: string | number;
+    flexDirection?: "column" | "column-reverse" | "row" | "row-reverse";
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+    textAlign?: "auto" | "center" | "left" | "right" | "justify";
+    justifyContent?:
+      | "flex-start"
+      | "flex-end"
+      | "center"
+      | "space-between"
+      | "space-around"
+      | "space-evenly";
+  };
+
+  /**
+   * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).
+   */
+  marginStyle?: {
+    margin?: number | DimensionValue;
+    marginLeft?: number | DimensionValue;
+    marginRight?: number | DimensionValue;
+    marginTop?: number | DimensionValue;
+    marginBottom?: number | DimensionValue;
+  };
+
+  /**
+   * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).
+   */
+  paddingStyle?: {
+    padding?: number | DimensionValue;
+    paddingLeft?: number | DimensionValue;
+    paddingRight?: number | DimensionValue;
+    paddingTop?: number | DimensionValue;
+    paddingBottom?: number | DimensionValue;
+  };
+
+  /**
+   * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.
+   */
+  height?: number | DimensionValue;
+
+  /**
+   * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.
+   */
+  width?: number | DimensionValue;
+
+  /**
+   * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..
+   * A Propriedade Background está sendo utilizada para definir a cor de fundo do cabeçalho do card e do ícone check.
+   */
+  backgroundColor?: string;
+
+  /**
+   * Propriedade texto que sera renderizado pro usuário final
+   */
+  text?: string;
+
+  /**
+   * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.
+   */
+  color?: {
+    colorSvg?: string;
+    colorText?: string;
+    colorTextBold?: string;
+    colorTextData?: string;
+  };
+
+  // Cor do ícone
+  iconColor?: string;
+};
+
+/**
+ * EXPORT
+ */
+export type { ITravelHistory };

package/src/components/weekly-table/helpers/calcular-total-horas.ts

@@ -1,50 +1,89 @@
-/**
- * IMPORTS
- */
-
-//typngs
-import type { DayInfo } from "../interface";
-
-/**
- *
- * @param dias
- * @returns
- */
-const handlecalcularTotalHoras = (dias: DayInfo[]): string => {
-  let totalMinutos = 0;
-
-  dias.forEach(({ entrada, saida }) => {
-    if (!entrada || !saida || saida.toUpperCase() === "REP") return;
-
-    const entradaSplit = entrada.split(":").map(Number);
-    const saidaSplit = saida.split(":").map(Number);
-
-    if (entradaSplit.length !== 2 || saidaSplit.length !== 2) return;
-
-    const [h1, m1] = entradaSplit;
-    const [h2, m2] = saidaSplit;
-
-    if (
-      typeof h1 !== "number" ||
-      isNaN(h1) ||
-      typeof m1 !== "number" ||
-      isNaN(m1) ||
-      typeof h2 !== "number" ||
-      isNaN(h2) ||
-      typeof m2 !== "number" ||
-      isNaN(m2)
-    )
-      return;
-
-    totalMinutos += h2 * 60 + m2 - (h1 * 60 + m1);
-  });
-
-  const horas = Math.floor(totalMinutos / 60);
-  const minutos = totalMinutos % 60;
-  return `${horas}:${minutos.toString().padStart(2, "0")}`;
-};
-
-/**
- * EXPORTS
- */
-export { handlecalcularTotalHoras };
+/**
+ * IMPORTS
+ */
+
+//typngs
+import type { DayInfo } from "../interface";
+
+/**
+ *
+ * @param dias
+ * @returns
+ */
+const handlecalcularTotalHoras = (dias: DayInfo[]): string => {
+  let totalMinutos = 0;
+
+  dias.forEach(({ entrada, saida }) => {
+    if (!entrada || !saida || saida.toUpperCase() === "REP") return;
+
+    const entradaSplit = entrada.split(":").map(Number);
+    const saidaSplit = saida.split(":").map(Number);
+
+    if (entradaSplit.length !== 2 || saidaSplit.length !== 2) return;
+
+    const [h1, m1] = entradaSplit;
+    const [h2, m2] = saidaSplit;
+
+    if (
+      typeof h1 !== "number" ||
+      isNaN(h1) ||
+      typeof m1 !== "number" ||
+      isNaN(m1) ||
+      typeof h2 !== "number" ||
+      isNaN(h2) ||
+      typeof m2 !== "number" ||
+      isNaN(m2)
+    )
+      return;
+
+    totalMinutos += h2 * 60 + m2 - (h1 * 60 + m1);
+  });
+
+  const horas = Math.floor(totalMinutos / 60);
+  const minutos = totalMinutos % 60;
+  return `${horas}:${minutos.toString().padStart(2, "0")}`;
+};
+
+// fazendo um regex para ver se ná minha variavel tem o valor
+const isTime = (v?: string) => !!v && /^\d{1,2}:\d{2}$/.test(v);
+
+// retornando a duração de cada jornada para realizar o calculo
+const toMinutes = (hhmm: string) => {
+  const [h, m] = hhmm.split(":").map(Number);
+  return h! * 60 + m!;
+};
+
+const handleCalcularTotalHoras = (dias: DayInfo[]): string => {
+  let totalMin = 0;
+
+  for (const { entrada, saida } of dias) {
+    // ignorar quando encontrar repouso
+    if (saida?.toUpperCase() === "REP" || entrada?.toUpperCase() === "REP") continue;
+
+    const entradaIsTime = isTime(entrada);
+    const saidaIsTime = isTime(saida);
+
+    if (entradaIsTime && saidaIsTime) {
+      // diferença entre horários (suporta virar o dia)
+      let start = toMinutes(entrada!);
+      let end = toMinutes(saida!);
+      if (end < start) end += 24 * 60; // atravessou meia-noite
+      totalMin += end - start;
+    } else if (saidaIsTime && !entradaIsTime) {
+      // considerar 'saida' como DURAÇÃO do dia
+      totalMin += toMinutes(saida!);
+    } else if (entradaIsTime && !saidaIsTime) {
+      // considerar 'entrada' como DURAÇÃO do dia (fallback)
+      totalMin += toMinutes(entrada!);
+    }
+  }
+
+  const h = Math.floor(totalMin / 60);
+  const m = totalMin % 60;
+  return `${h}:${m.toString().padStart(2, "0")}`;
+};
+
+/**
+ * EXPORTS
+ */
+export { handlecalcularTotalHoras, handleCalcularTotalHoras };