jornada-ui 0.4.15 → 0.4.17

package/lib/typescript/module/src/stories/notification-card/notification-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/notification-card/notification-card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAKlE;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkDvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAC"}

package/lib/typescript/module/src/stories/notification-details-card/notification-details-card.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import NotificationDetailCard from "../../components/notification-details-card";
+/**
+ * META
+ */
+declare const meta: Meta<typeof NotificationDetailCard>;
+export default meta;
+type Story = StoryObj<typeof NotificationDetailCard>;
+/**
+ * STORIES
+ */
+export declare const SomenteTexto: Story;
+export declare const TextoComImagem: Story;
+export declare const TextoComPdf: Story;
+export declare const TextoComCsv: Story;
+//# sourceMappingURL=notification-details-card.stories.d.ts.map

package/lib/typescript/module/src/stories/notification-details-card/notification-details-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-details-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/notification-details-card/notification-details-card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAKhF;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CA8C7C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

package/lib/typescript/module/src/stories/user-journey-work-card/user-journey-work-card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-journey-work-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/user-journey-work-card/user-journey-work-card.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAK1E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAiC1C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC"}
+{"version":3,"file":"user-journey-work-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/user-journey-work-card/user-journey-work-card.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAK1E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAsC1C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,KAejC,CAAC"}

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

@@ -25,6 +25,7 @@ export declare const useTheme: () => {
             200: string;
             300: string;
             400: string;
+            500: string;
         };
         black: {
             10: string;

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/global/theme-provider.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAEjE,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/global/theme-provider.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAEjE,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}

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

@@ -24,6 +24,7 @@ export declare const theme: {
             200: string;
             300: string;
             400: string;
+            500: string;
         };
         black: {
             10: string;

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/theme/theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAgLH;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/theme/theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiLH;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jornada-ui",
-  "version": "0.4.15",
+  "version": "0.4.17",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

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

@@ -59,6 +59,7 @@ const SVG_NAME = {
   CHEVRON_DOWN: "chevron-down",
   CHEVRON_UP: "chevron-up,",
   TRASH: "trash",
+  DOWNLOAD: "download",
 };
 /**
  * EXPORTS

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

@@ -0,0 +1,52 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconDownload: React.FC<ISvgProps> = ({ color, size, background }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "40"}
+    height={size ?? "40"}
+    fill="none"
+    viewBox="0 0 40 40"
+  >
+    {/* Círculo de fundo opcional */}
+    {background && (
+      <Path
+        fill={background}
+        stroke={background}
+        strokeWidth="1.5"
+        d="M20 38c9.941 0 18-8.059 18-18S29.941 2 20 2 2 10.059 2 20s8.059 18 18 18"
+      />
+    )}
+
+    {/* Seta para baixo */}
+    <Path
+      stroke={color ?? "#000"}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M20 10v16M13 19l7 7 7-7"
+    />
+
+    {/* Base de suporte */}
+    <Path
+      stroke={color ?? "#000"}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M10 28h20"
+    />
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconDownload };

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

@@ -66,6 +66,7 @@ import { SvgIconHourglass } from "./hourglass";
 import { SvgIconIsland } from "./island";
 import { SvgIconPlusContainer } from "./plus-container";
 import { SvgIconPlusTrash } from "./trash";
+import { SvgIconDownload } from "./download";
 
 const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
   switch (icon) {
@@ -213,6 +214,9 @@ const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
     case "RECUSED":
       return <SvgIconRecused color={color} size={size} icon={"RECUSED"} />;
 
+    case "DOWNLOAD":
+      return <SvgIconDownload color={color} size={size} icon={"BED"} />;
+
     case "EXCLAMATION_CIRCLE":
       return (
         <SvgIconExclamationCircle

package/src/components/card-report/interface.d.ts

@@ -1,4 +1,4 @@
-/* eslint-disable no-undef */
+ 
 /**
  * IMPORTS
  */

package/src/components/inputs/input-date-time/index.tsx

@@ -15,8 +15,9 @@ import type { IInputDateTimeProps } from "./interface";
 // styles
 import { styles } from "./styles";
 import { theme } from "../../../styles/theme/theme";
+import Typography from "../../typography";
 
-/** formatadores no mesmo estilo simples dos seus componentes */
+/** formatadores simples */
 function fmtDate(d: Date) {
   const dd = String(d.getDate()).padStart(2, "0");
   const mm = String(d.getMonth() + 1).padStart(2, "0");
@@ -47,7 +48,6 @@ const InputDateTime = forwardRef<any, IInputDateTimeProps>((props, ref): React.R
     testID,
   } = props;
 
-  // estado interno quando o componente não é controlado
   const [inner, setInner] = useState<Date>(value ?? new Date());
   const [visible, setVisible] = useState(false);
 
@@ -83,14 +83,19 @@ const InputDateTime = forwardRef<any, IInputDateTimeProps>((props, ref): React.R
         disabled={disabled}
       >
         <Icons
-          size={theme.fontSizes["md"]}
+          size={theme.fontSizes.md}
           color={theme.colors.blue[500]}
-          icon={mode === "date" ? "CALENDAR" : "CALENDAR"}
+          icon={mode === "date" ? "CALENDAR" : "TIMER"}
           style={styles(styleProps).iconStandard}
         />
-        <Text style={human ? styles(styleProps).selectedText : styles(styleProps).placeholderText}>
-          {human || placeholder}
-        </Text>
+
+        <Typography
+          text={`${human || placeholder}`}
+          color={theme.colors.blue[500]}
+          fontFamily={theme.fonts.inter_medium_500}
+          size={theme.fontSizes.md}
+          marginLeft={100}
+        />
       </TouchableOpacity>
 
       <Modal
@@ -104,11 +109,7 @@ const InputDateTime = forwardRef<any, IInputDateTimeProps>((props, ref): React.R
           <View style={styles(styleProps).modalContainer}>
             <View style={{ width: "100%", alignItems: "flex-end" }}>
               <TouchableOpacity testID="close-icon" onPress={() => setVisible(false)}>
-                <Icons
-                  size={theme.fontSizes["md"]}
-                  color={theme.colors.blue[500]}
-                  icon={"CLOSED"}
-                />
+                <Icons size={theme.fontSizes.md} color={theme.colors.blue[500]} icon="CLOSED" />
               </TouchableOpacity>
             </View>
 

package/src/components/inputs/input-date-time/styles.ts

@@ -1,63 +1,64 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../styles/theme/theme";
-import type { IInputDateTimeProps } from "./interface";
-
-const styles = (props: IInputDateTimeProps) =>
-  StyleSheet.create({
-    container: {
-      width: "100%",
-      marginBottom: 16,
-      opacity: props.disabled ? 0.6 : 1,
-    },
-    label: {
-      fontSize: props.sizeTitleLabel ?? 16,
-      fontWeight: "bold",
-      color: props.colortitleLabel ?? theme.colors.black[100],
-      marginBottom: 5,
-    },
-    selectBox: {
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "100%",
-      height: 45,
-      borderWidth: 1,
-      borderColor: theme.colors.gray[700],
-      borderRadius: 10,
-      backgroundColor: props.backgroundColor ?? theme.colors.neutral[25],
-      paddingHorizontal: 10,
-      position: "relative",
-    },
-    selectedText: {
-      flex: 1,
-      fontSize: 14,
-      textAlign: "center",
-      color: theme.colors.gray[700],
-    },
-    placeholderText: {
-      flex: 1,
-      textAlign: "center",
-      fontSize: 14,
-      color: theme.colors.gray[700],
-    },
-    modalOverlay: {
-      flex: 1,
-      backgroundColor: "rgba(0,0,0,0.5)",
-      justifyContent: "center",
-      alignItems: "center",
-      padding: 24,
-    },
-    modalContainer: {
-      width: "100%",
-      backgroundColor: theme.colors.neutral[25],
-      borderRadius: 10,
-      padding: 15,
-      alignItems: "center",
-    },
-    iconStandard: {
-      position: "absolute",
-      left: 10,
-    },
-  });
-
-export { styles };
+import { StyleSheet } from "react-native";
+import { theme } from "../../../styles/theme/theme";
+import type { IInputDateTimeProps } from "./interface";
+
+const styles = (props: IInputDateTimeProps) =>
+  StyleSheet.create({
+    container: {
+      width: "100%",
+      marginBottom: 16,
+      opacity: props.disabled ? 0.6 : 1,
+    },
+    label: {
+      fontSize: props.sizeTitleLabel ?? 16,
+      fontWeight: "bold",
+      color: props.colortitleLabel ?? theme.colors.black[100],
+      marginBottom: 5,
+    },
+    selectBox: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-start", // não centraliza o container todo
+      width: "100%",
+      height: 45,
+      borderWidth: 1,
+      borderColor: theme.colors.gray[700],
+      borderRadius: 10,
+      backgroundColor: props.backgroundColor ?? theme.colors.neutral[25],
+      paddingHorizontal: 10,
+      position: "relative",
+    },
+    selectedText: {
+      flex: 1,
+      fontSize: 14,
+      textAlign: "center", // centraliza o texto no espaço disponível
+      color: theme.colors.gray[700],
+      marginLeft: 44,
+    },
+    placeholderText: {
+      flex: 1,
+      textAlign: "center",
+      fontSize: 14,
+      color: theme.colors.gray[700],
+    },
+    modalOverlay: {
+      flex: 1,
+      backgroundColor: "rgba(0,0,0,0.5)",
+      justifyContent: "center",
+      alignItems: "center",
+      padding: 24,
+    },
+    modalContainer: {
+      width: "100%",
+      backgroundColor: theme.colors.neutral[25],
+      borderRadius: 10,
+      padding: 15,
+      alignItems: "center",
+    },
+    iconStandard: {
+      position: "absolute",
+      left: 12, // ícone fixo no canto esquerdo
+    },
+  });
+
+export { styles };

package/src/components/modals/modal-change-activitie-history/helpers/index.ts

@@ -0,0 +1,15 @@
+/**
+ * CONSTANTS
+ */
+const optionsActivities = [
+  { label: "Selecione atividade", value: "none", key: 0 },
+  { label: "Descanso", value: "descanso", key: 9 },
+  { label: "Repouso Noturno", value: "repouso_noturno", key: 6 },
+  { label: "Refeição", value: "refeição", key: 7 },
+  { label: "Repouso Semanal", value: "repouso_semanal", key: 5 },
+];
+
+/**
+ * EXPORTS
+ */
+export { optionsActivities };

package/src/components/modals/modal-change-activitie-history/index.tsx

@@ -0,0 +1,189 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+// libs RN
+import { Modal, View } from "react-native";
+
+// componentes
+import Box from "../../box";
+import Button from "../../button";
+import Typography from "../../typography";
+import SelectOption from "../../selects/select-option";
+
+// assets / icons
+import { Icons } from "../../../common/icons-svg";
+
+// helpers / data
+import { optionsActivities } from "./helpers";
+
+// typings
+import type { IModalChangeActivityProps } from "./interface";
+
+// styles / theme
+import { theme } from "../../../styles/theme/theme";
+
+/**
+ * Componente Modal para alteração de atividade.
+ */
+export const ModalChangeActivity: React.FC<IModalChangeActivityProps> = ({
+  visible,
+  onClose,
+  modalConfirm,
+  descricao,
+}) => {
+  const [isLoading] = React.useState(false);
+
+  const initial = (descricao ?? "").toLowerCase().replace(/\s+/g, "_");
+  const [selectedOption, setSelectedOption] = React.useState(initial || "none");
+
+  const handleConfirm = () => {
+    const selected = optionsActivities?.find((activity) => activity.value === selectedOption);
+
+    if (selected && selected.value !== "none") {
+      modalConfirm({
+        label: selected.label,
+        value: selected.value,
+        key: selected.key,
+      });
+    }
+
+    // sempre fechar o modal
+    onClose();
+  };
+
+  const handleSelectDown = (activity: string) => {
+    const option = optionsActivities.find((o) => o.label === activity || o.value === activity);
+
+    if (option) setSelectedOption(option.value);
+  };
+
+  return (
+    <Modal animationType="fade" transparent visible={visible}>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: "center",
+          alignItems: "center",
+          backgroundColor: "rgba(0,0,0,0.6)",
+        }}
+      >
+        <Box
+          width={346}
+          backgroundColor={theme.colors.orange[500]}
+          borderStyled={{
+            borderRadius: theme.borderWidths.thick_medium,
+          }}
+          paddingStyle={{
+            paddingLeft: theme.paddings["2xs"],
+            paddingRight: theme.paddings["2xs"],
+            paddingTop: theme.paddings.sm,
+            paddingBottom: theme.paddings.sm,
+          }}
+        >
+          <Box
+            marginStyle={{ marginBottom: theme.margins["2xs"], marginLeft: theme.margins["1xs"] }}
+            flexStyle={{ flexDirection: "row", alignItems: "center" }}
+          >
+            <Icons
+              icon="EXCLAMATION_TRIANGLE"
+              color={theme.colors.black[10]}
+              background={theme.colors.yellow[50]}
+              size={theme.fontSizes["2xl"]}
+            />
+
+            <Typography
+              text="Alterar Atividade"
+              color="#fff"
+              marginLeft={theme.margins["2xs"]}
+              fontFamily={theme.fonts.inter_bold_700}
+              size={theme.fontSizes.md}
+            />
+          </Box>
+
+          <Box
+            backgroundColor={theme.colors.neutral[300]}
+            paddingStyle={{ padding: theme.paddings.xs }}
+            borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}
+          >
+            <Box flexStyle={{ flexDirection: "row", justifyContent: "flex-start" }} width={"100%"}>
+              <Typography
+                text={`Deseja realmente alterar sua atividade?`}
+                color={theme.colors.black[25]}
+                fontFamily={theme.fonts.inter_medium_500}
+                size={theme.fontSizes.xs}
+                style={{ flexWrap: "wrap", maxWidth: "100%" }}
+              />
+            </Box>
+
+            <SelectOption
+              titleLabel="Selecione atividade"
+              sizeTitleLabel={theme.fontSizes.xs}
+              dataOption={optionsActivities}
+              handleSelectDown={handleSelectDown}
+              backgroundColor={theme.colors.neutral[300]}
+            />
+
+            <Box
+              marginStyle={{ marginTop: theme.margins["1xs"] }}
+              flexStyle={{ flexDirection: "row", justifyContent: "space-between" }}
+            >
+              <Button
+                title="CANCELAR"
+                onPress={onClose}
+                width={"48%"}
+                height={36}
+                isLoading={isLoading}
+                disabled={isLoading}
+                backgroundColor={theme.colors.neutral[300]}
+                buttonTextStyle={{
+                  color: theme.colors.blue[100],
+                  fontFamily: "Inter-Medium",
+                  fontSize: theme.fontSizes.xs,
+                  fontWeight: "500",
+                }}
+                flexStyle={{
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  textAlign: "center",
+                }}
+                borderStyled={{
+                  borderWidth: theme.borderWidths.thin,
+                  borderColor: theme.colors.blue[100],
+                  borderRadius: theme.borderWidths.thick_medium,
+                }}
+              />
+              <Button
+                title="CONFIRMAR"
+                onPress={handleConfirm}
+                width={"48%"}
+                height={36}
+                isLoading={isLoading}
+                disabled={isLoading}
+                backgroundColor={theme.colors.blue[100]}
+                buttonTextStyle={{
+                  color: "#fff",
+                  fontFamily: "Inter-Medium",
+                  fontSize: theme.fontSizes.xs,
+                  fontWeight: "500",
+                }}
+                flexStyle={{
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  textAlign: "center",
+                }}
+                borderStyled={{
+                  borderWidth: theme.borderWidths.thin,
+                  borderColor: theme.colors.blue[100],
+                  borderRadius: theme.borderWidths.thick_medium,
+                }}
+              />
+            </Box>
+          </Box>
+        </Box>
+      </View>
+    </Modal>
+  );
+};

package/src/components/modals/modal-change-activitie-history/interface.ts

@@ -0,0 +1,16 @@
+/**
+ * IMPROTS
+ */
+
+interface IModalChangeActivityProps {
+  visible: boolean;
+  onClose: () => void;
+  // eslint-disable-next-line no-unused-vars
+  modalConfirm: (newData: { label: string; value: string; key: number }) => void;
+  descricao: string;
+}
+
+/**
+ * EXPORTS
+ */
+export { type IModalChangeActivityProps };