react-native-exp-fig 0.1.43 → 2.0.0

package/lib/typescript/src/stories/modal-journey-rectification/modal-journey-rectification.stories.d.ts

@@ -1,34 +0,0 @@
-/**
- * IMPORTS (Storybook)
- */
-import type { Meta, StoryObj } from "@storybook/react";
-/**
- * IMPORTS (Componente)
- * Ajuste o caminho conforme sua estrutura (ex.: "../index" ou "./index").
- */
-import ModalJourneyRectification from "../../components/modal-create-activitie";
-/**
- * META
- */
-declare const meta: Meta<typeof ModalJourneyRectification>;
-export default meta;
-/**
- * STORIES
- */
-declare type Story = StoryObj<typeof ModalJourneyRectification>;
-/**
- * Estado padrão (fechado).
- */
-export declare const Default: Story;
-/**
- * Modal visível para inspeção visual.
- */
-export declare const Opened: Story;
-/**
- * Título customizado (ex.: para variações de copy).
- */
-export declare const WithCustomTitle: Story;
-/**
- * Playground — ajuste livre via Controls.
- */
-export declare const Playground: Story;

package/lib/typescript/src/utils/format-date/index.d.ts

@@ -1,24 +0,0 @@
-/**
- * Formata uma data do tipo Date para o formato DD/MM/YYYY
- * @param date Objeto Date a ser formatado
- * @returns String no formato DD/MM/YYYY
- */
-declare const formatDate: (date: Date) => string;
-export { formatDate };
-/**
- * Formata uma data do tipo Date para o formato DD/MM/YYYY
- * @param date Objeto Date a ser formatado
- * @returns String no formato DD/MM/YYYY
- */
-declare const formHoursMinute: (segundos: string) => string;
-export { formHoursMinute };
-/**
- * Retorna as sete últimas datas do dias
- * @returns Array<{ date: number, dayName: string, fullDate: Date }>
- */
-declare const getLastSevenDays: () => {
-    date: number;
-    dayName: string | undefined;
-    fullDate: Date;
-}[];
-export { getLastSevenDays };

package/lib/typescript/src/utils/options-activity/index.d.ts

@@ -1,23 +0,0 @@
-/**
- * IMPORTS
- */
-declare const OPTIONS: readonly [{
-    readonly label: "Disp com veículo parado";
-    readonly value: "option1";
-}, {
-    readonly label: "Em Operação de Carregamento";
-    readonly value: "option2";
-}, {
-    readonly label: "Em Carga";
-    readonly value: "option3";
-}, {
-    readonly label: "Em Descarga";
-    readonly value: "option4";
-}, {
-    readonly label: "Tempo à disposição";
-    readonly value: "option5";
-}];
-/**
- * EXPORTS
- */
-export { OPTIONS };

package/lib/typescript/src/utils/text-limit/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * IMPORTS
- */
-interface ILimitProps {
-    text: string;
-    limit: number;
-}
-declare const handleLimitTextdisplayByAmount: ({ text, limit }: ILimitProps) => string;
-declare const handleLimitTextDate: ({ text, limit }: ILimitProps) => string;
-/**
- * EXPORTS
- */
-export { handleLimitTextdisplayByAmount, handleLimitTextDate };

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

@@ -1,44 +0,0 @@
-/**
- * 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/carrier/inde.tsx

@@ -1,31 +0,0 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconCarrier: React.FC<ISvgProps> = ({ color, size = 17 }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size}
-    height={size - 2}
-    fill="none"
-    viewBox="0 0 17 15"
-  >
-    <Path
-      fill={color ?? "#2BA20D"}
-      fillRule="evenodd"
-      d="M15.938 13.125c0 .516-.477.938-1.063.938H2.125c-.586 0-1.062-.422-1.062-.938V1.875c0-.516.476-.937 1.062-.937h12.75c.586 0 1.063.421 1.063.937zM14.875 0H2.125C.951 0 0 .84 0 1.875v11.25C0 14.161.951 15 2.125 15h12.75C16.049 15 17 14.16 17 13.125V1.875C17 .839 16.049 0 14.875 0m-3.187 7.031H9.03V4.688c0-.258-.238-.47-.531-.47s-.531.212-.531.47V7.03H5.312c-.293 0-.53.211-.53.469s.237.469.53.469H7.97v2.343c0 .258.238.47.531.47s.531-.212.531-.47V7.97h2.656c.294 0 .532-.211.532-.469s-.238-.469-.531-.469"
-      clipRule="evenodd"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCarrier };

package/src/common/icons-svg/eclamation-triangle/index.tsx

@@ -1,46 +0,0 @@
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-import { type ISvgProps } from "../interface";
-
-const SvgIconWarningTriangle: React.FC<ISvgProps> = ({
-  color,
-  size,
-  background,
-}) => (
-  <Svg
-    width={size ?? 36}
-    height={size ?? 36}
-    viewBox="0 0 36 36"
-    fill="none"
-  >
-    {/* Triângulo com cantos arredondados usando curvas (Q) */}
-    <Path
-      d="M18 4 
-        C19 4 20 5 20.5 6 
-        L33.5 30 
-        C34 31 33 32 32 32 
-        H4 
-        C3 32 2 31 2.5 30 
-        L15.5 6 
-        C16 5 17 4 18 4 
-        Z"
-      fill={background ?? "#F4B31D"}
-    />
-
-    {/* Traço da exclamação */}
-    <Path
-      d="M18 13V20"
-      stroke={color ?? "#fff"}
-      strokeWidth="2.5"
-      strokeLinecap="round"
-    />
-
-    {/* Ponto da exclamação */}
-    <Path
-      d="M18 25a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
-      fill={color ?? "#fff"}
-    />
-  </Svg>
-);
-
-export { SvgIconWarningTriangle };

package/src/common/icons-svg/scales/index.tsx

@@ -1,30 +0,0 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconScales: React.FC<ISvgProps> = ({ color, size, ...res }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 14}
-    height={size ?? 14}
-    fill="none"
-    viewBox={`0 0 ${size ?? 14} ${size ?? 14}`}
-    {...res}
-  >
-    <Path
-      fill={color ?? "#011C3A"}
-      d="m13.094 7.273-1.75-4.375a.44.44 0 0 0-.501-.264l-3.405.757V2.188a.438.438 0 0 0-.875 0v1.398l-3.596.8a.44.44 0 0 0-.31.262v.004L.906 9.023a.4.4 0 0 0-.032.165c0 1.274 1.342 1.75 2.188 1.75.845 0 2.187-.476 2.187-1.75a.4.4 0 0 0-.031-.165l-1.56-3.895 2.904-.644v6.891h-.875a.438.438 0 0 0 0 .875h2.625a.438.438 0 0 0 0-.875h-.875V4.289l2.789-.62L8.78 7.274a.4.4 0 0 0-.031.165c0 1.274 1.342 1.75 2.188 1.75.845 0 2.187-.476 2.187-1.75a.4.4 0 0 0-.031-.165m-10.031 2.79c-.412 0-1.245-.198-1.31-.801l1.31-3.272L4.37 9.262c-.064.603-.897.8-1.308.8m7.874-1.75c-.411 0-1.244-.198-1.308-.801l1.309-3.272 1.308 3.272c-.064.603-.897.8-1.309.8"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconScales };

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

@@ -1,29 +0,0 @@
-/**
- * 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

@@ -1,69 +0,0 @@
-/**
-* 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

@@ -1,16 +0,0 @@
-/**
- * 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 };

package/src/components/activity-timeline/components/activite-row/index.tsx

@@ -1,134 +0,0 @@
-/**
- * IMPORTS
- */
-import React, { forwardRef, useCallback } from "react";
-import { TouchableOpacity, View } from "react-native";
-
-// components
-import { Typography } from "../../../../components/typography";
-
-// commons / svg
-import { Icons } from "../../../../common/icons-svg";
-
-// utils
-import { formHoursMinute } from "../../../../utils/format-data";
-
-// typings
-import type { IActivitieRowProps } from "../../interface";
-import { asBaseComponent } from "../../../../@types/as-base-component";
-
-// styles
-import { theme } from "../../../../styles/theme/theme";
-import { styles } from "../../styles";
-
-/**
- * Componente ActivityRows para a interação da ui.
- */
-const ActivityRows = forwardRef<any, IActivitieRowProps>(
-  ({ index, activities, items, onAdd, onEdit, onDelete }, ref): React.ReactElement => {
-    const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);
-    const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);
-    const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);
-
-    const isInvalid = formHoursMinute(activities?.duracao_segundos as string) === "00:00";
-
-    const dateStart = activities.data_inicio.split(" ")[0];
-
-    const timeText = formHoursMinute(activities?.duracao_segundos as string);
-
-    return (
-      <View ref={ref} style={styles.row}>
-        <View style={styles.badge}>
-          <Typography
-            text={String(index + 1)}
-            color={theme.colors.neutral[25]}
-            size={theme.fontSizes.sm}
-            fontFamily={theme.fonts.inter_bold_700}
-          />
-        </View>
-
-        {Boolean(index !== items?.length - 1) && (
-          <View
-            style={{
-              width: 2,
-              height: 76,
-              backgroundColor: theme.colors.blue[500],
-              position: "absolute",
-              left: 21,
-              top: 60,
-            }}
-          />
-        )}
-
-        <View style={styles.card}>
-          <Typography
-            numberOfLines={1}
-            style={styles.title}
-            text={activities.descricao ?? "Não informada"}
-            color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}
-            size={14}
-            fontFamily={theme.fonts.inter_medium_500}
-            lineHeight={34}
-          />
-
-          <View style={[styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]}>
-            <Icons
-              icon="CALENDAR"
-              size={18}
-              color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}
-            />
-            <Typography
-              text={dateStart!}
-              color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_medium_500}
-            />
-            <Typography
-              text="|"
-              color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}
-              size={theme.fontSizes.sm}
-              style={styles.sep}
-            />
-            <Typography
-              text={timeText}
-              color={isInvalid ? theme.colors.red[800] : theme.colors.blue[500]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_medium_500}
-            />
-          </View>
-        </View>
-
-        <View style={styles.actions}>
-          <TouchableOpacity style={styles.iconButton} onPress={handleEdit} testID="edit-activity">
-            <Icons icon="NOTE_PINCEL" size={18} color={theme.colors.blue[350]} />
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={styles.iconButton}
-            onPress={handleAdd}
-            testID="add-after-activity"
-          >
-            {/* Não há PLUS_CONTAINER, usando PLUS como alternativa visual */}
-            <Icons icon="CARRIER" size={18} color={theme.colors.green[500]} />
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={styles.iconButton}
-            onPress={handleDelete}
-            testID="delete-activity"
-          >
-            {/* Não há TRASH, usando X_CIRCLE como alternativa de remover */}
-            <Icons icon="X_CIRCLE" size={18} color={theme.colors.red[900]} />
-          </TouchableOpacity>
-        </View>
-      </View>
-    );
-  }
-);
-
-ActivityRows.displayName = "ActivityRows";
-
-/**
- * EXPORTS
- */
-export default asBaseComponent(ActivityRows);

package/src/components/activity-timeline/index.tsx

@@ -1,72 +0,0 @@
-/**
- * IMPORTS
- */
-import React, { forwardRef, useCallback } from "react";
-import { View, FlatList } from "react-native";
-
-// components
-import ActivityRows from "./components/activite-row";
-
-// typings
-import type { ActivityItemModel, ActivityTimelineProps, IDataActivityProps } from "./interface";
-import { asBaseComponent } from "../../@types/as-base-component";
-
-// styles
-import { styles, ROW_HEIGHT } from "./styles";
-
-/**
- * Componente ActivityTimeline para a interação da ui.
- */
-const ActivityTimeline = forwardRef<any, ActivityTimelineProps>(
-  (
-    { data, onAdd, onEdit, onDelete, showIndexBadge = true, testID = "activity-timeline" },
-    ref
-  ): React.ReactElement => {
-    const keyExtractor = useCallback((it: ActivityItemModel) => String(it.id), []);
-
-    const renderItem = useCallback(
-      ({ item, index }: { item: IDataActivityProps; index: number }) => (
-        <ActivityRows
-          index={index}
-          items={data}
-          activities={item}
-          onAdd={onAdd}
-          onEdit={onEdit}
-          onDelete={onDelete}
-          showIndexBadge={showIndexBadge}
-        />
-      ),
-      [onAdd, onEdit, onDelete, showIndexBadge]
-    );
-
-    const getItemLayout = useCallback(
-      (_: any, index: number) => ({
-        length: ROW_HEIGHT,
-        offset: ROW_HEIGHT * index,
-        index,
-      }),
-      []
-    );
-    return (
-      <FlatList
-        ref={ref}
-        testID={testID}
-        data={data as any[]}
-        keyExtractor={keyExtractor}
-        renderItem={renderItem as any}
-        contentContainerStyle={styles.listContainer}
-        getItemLayout={getItemLayout}
-        initialNumToRender={10}
-        maxToRenderPerBatch={10}
-        removeClippedSubviews
-        windowSize={10}
-        ListEmptyComponent={<View style={{ height: 8 }} />}
-      />
-    );
-  }
-);
-
-/**
- * EXPORTS
- */
-export default asBaseComponent(ActivityTimeline);

package/src/components/activity-timeline/interface.ts

@@ -1,67 +0,0 @@
-/* eslint-disable no-unused-vars */
-/**
- * IMPORTS
- */
-import type { TouchableOpacityProps } from "react-native";
-import type { SVG_NAME } from "../../common/icons-svg/constants";
-
-/**
- * TYPES
- */
-type ActivityId = string | number;
-
-type ActivityItemModel = {
-  id: ActivityId;
-  title: string; // "Operação com veículo", "Refeição", ...
-  date: Date | string; // pode vir Date ou string já formatada
-  time: Date | string; // idem
-  invalid?: boolean; // destaca em vermelho
-};
-
-type IDataActivityProps = {
-  id?: number | string;
-  ec_tipo_atividade_id?: number;
-  duracao_segundos: string | number;
-  data_inicio: string;
-  data_fim: string;
-  descricao: string;
-  sincronizado: boolean;
-  tipo: string;
-  referencia: string;
-};
-
-type IconName = keyof typeof SVG_NAME;
-
-type OnActivity = (item: IDataActivityProps) => void;
-
-type ActivityTimelineProps = TouchableOpacityProps & {
-  data: IDataActivityProps[];
-  onAdd: OnActivity; // add novo após o item
-  onEdit: OnActivity;
-  onDelete: OnActivity;
-  showIndexBadge?: boolean; // mostra o “3/4/5”
-  testID?: string;
-};
-
-type IActivitieRowProps = {
-  index: number;
-  activities: IDataActivityProps;
-  items: IDataActivityProps[];
-  onAdd: OnActivity;
-  onEdit: OnActivity;
-  onDelete: OnActivity;
-  showIndexBadge?: boolean;
-};
-
-/**
- * EXPORTS
- */
-export type {
-  ActivityId,
-  ActivityItemModel,
-  IconName,
-  OnActivity,
-  ActivityTimelineProps,
-  IActivitieRowProps,
-  IDataActivityProps,
-};