Compare commits

...
Sign in to create a new pull request.

1 commit

18 changed files with 852 additions and 221 deletions

View file

@ -112,7 +112,6 @@ export default function TCensecTipoAtoPage() {
handleOpenForm((data = initialTCensecTipoAto));
}}
/>
{/* Tabela */}
<Card>
<CardContent>
@ -124,28 +123,30 @@ export default function TCensecTipoAtoPage() {
/>
</CardContent>
</Card>
{/* Dialog de confirmação */}
<ConfirmDialog
isOpen={isConfirmOpen}
title="Confirmar exclusão"
description="Atenção"
message={`Deseja realmente excluir o tipo de ato "${itemToDelete?.descricao}"?`}
confirmText="Sim, excluir"
cancelText="Cancelar"
onConfirm={handleDelete}
onCancel={handleCancel}
/>
{isConfirmOpen && (
<ConfirmDialog
isOpen={isConfirmOpen}
title="Confirmar exclusão"
description="Atenção"
message={`Deseja realmente excluir o tipo de ato "${itemToDelete?.descricao}"?`}
confirmText="Sim, excluir"
cancelText="Cancelar"
onConfirm={handleDelete}
onCancel={handleCancel}
/>
)}
{/* Formulário */}
<TCensecTipoAtoForm
isOpen={isFormOpen}
data={selectedItem}
tCensec={tCensec}
onClose={handleCloseForm}
onSave={handleSave}
buttonIsLoading={buttonIsLoading}
/>
{isFormOpen && (
<TCensecTipoAtoForm
isOpen={isFormOpen}
data={selectedItem}
tCensec={tCensec}
onClose={handleCloseForm}
onSave={handleSave}
buttonIsLoading={buttonIsLoading}
/>
)}
</div>
);
}

View file

@ -0,0 +1,119 @@
'use client';
import z from "zod";
import { useEffect } from "react";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import LoadingButton from "@/shared/components/loadingButton/LoadingButton";
import { Button } from "@/components/ui/button";
import {
Dialog,
DialogClose,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { TCensecQualidadeAtoSchema } from "../../_schemas/TCensecQualidadeAtoSchema";
import { parseNumberInput } from "@/shared/actions/form/parseNumberInput";
type FormValues = z.infer<typeof TCensecQualidadeAtoSchema>;
interface TCensecQualidadeAtoFormProps {
isOpen: boolean;
data: FormValues | null;
onClose: (item: null, isFormStatus: boolean) => void;
onSave: (data: FormValues) => void;
buttonIsLoading: boolean;
}
export default function TCensecQualidadeAtoForm({
isOpen,
data,
onClose,
onSave,
buttonIsLoading,
}: TCensecQualidadeAtoFormProps) {
// react-hook-form com Zod
const form = useForm<FormValues>({
resolver: zodResolver(TCensecQualidadeAtoSchema),
defaultValues: {},
});
// Atualiza o formulário quando em modo de edição
useEffect(() => {
console.log(data)
if (data) form.reset(data);
}, [data, form]);
return (
<Dialog
open={isOpen}
onOpenChange={(open) => {
if (!open) onClose(null, false);
}}
>
<DialogContent className="sm:max-w-[500px]">
<DialogHeader>
<DialogTitle>Qualidade de Ato (CENSEC)</DialogTitle>
<DialogDescription>
Crie ou edite uma Qualidade vinculada a um Tipo de Ato da CENSEC
</DialogDescription>
</DialogHeader>
<Form {...form}>
<form onSubmit={form.handleSubmit(onSave)} className="space-y-6">
{/* Quantidade Mínima */}
<FormField
control={form.control}
name="qtd_minima"
render={({ field }) => (
<FormItem>
<FormLabel>Quantidade Mínima</FormLabel>
<FormControl>
<Input
type="number"
{...field}
placeholder="Informe a quantidade mínima"
onChange={e => field.onChange(parseNumberInput(e))} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{/* Rodapé */}
<DialogFooter className="mt-4">
<DialogClose asChild>
<Button
variant="outline"
type="button"
onClick={() => onClose(null, false)}
className="cursor-pointer"
>
Cancelar
</Button>
</DialogClose>
<LoadingButton
text="Salvar"
textLoading="Aguarde..."
type="submit"
loading={buttonIsLoading}
/>
</DialogFooter>
</form>
</Form>
</DialogContent>
</Dialog>
);
}

View file

@ -0,0 +1,138 @@
'use client';
import { useEffect, useState, useCallback } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { useConfirmDialog } from "@/shared/components/confirmDialog/useConfirmDialog";
import Header from "@/shared/components/structure/Header";
import ConfirmDialog from "@/shared/components/confirmDialog/ConfirmDialog";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
import { useTCensecQualidadeAtoIndexHook } from "../../_hooks/TCensecQualidadeAto/useTCensecQualidadeAtoIndexHook";
import { useTCensecQualidadeAtoSaveHook } from "../../_hooks/TCensecQualidadeAto/useTCensecQualidadeAtoSaveHook";
import { useTCensecQualidadeAtoRemoveHook } from "../../_hooks/TCensecQualidadeAto/useTCensecQualidadeAtoRemoveHook";
import TCensecQualidadeAtoTable from "./TCensecQualidadeAtoTable";
import TCensecQualidadeAtoForm from "./TCensecQualidadeAtoForm";
interface TCensecQulidadeAtoIndexInterface {
censec_tipoato_id: number
}
export default function TCensecQualidadeAtoIndex({ censec_tipoato_id }: TCensecQulidadeAtoIndexInterface) {
// Hooks para leitura, salvamento e remoção
const { tCensecQualidadeAto, fetchTCensecQualidadeAto } = useTCensecQualidadeAtoIndexHook();
const { saveTCensecQualidadeAto } = useTCensecQualidadeAtoSaveHook();
const { removeTCensecQualidadeAto } = useTCensecQualidadeAtoRemoveHook();
const [buttonIsLoading, setButtonIsLoading] = useState(false);
// Estado para controle do form e item selecionado
const [selectedItem, setSelectedItem] = useState<TCensecQualidadeAtoInterface | null>(null);
const [isFormOpen, setIsFormOpen] = useState(false);
const [itemToDelete, setItemToDelete] = useState<TCensecQualidadeAtoInterface | null>(null);
// Hook do modal de confirmação
const {
isOpen: isConfirmOpen,
openDialog: openConfirmDialog,
handleConfirm,
handleCancel,
} = useConfirmDialog();
/**
* Abre o formulário no modo de edição ou criação
*/
const handleOpenForm = useCallback((data: TCensecQualidadeAtoInterface | null) => {
// Se não houver dados (criação), cria um objeto inicial com pessoa_tipo
const initialData: TCensecQualidadeAtoInterface = data ?? { censec_tipoato_id: censec_tipoato_id } as TCensecQualidadeAtoInterface;
setSelectedItem(initialData);
setIsFormOpen(true);
}, []);
const handleCloseForm = useCallback(() => {
setIsFormOpen(false);
setSelectedItem(null);
}, []);
// Salvar
const handleSave = useCallback(
async (data: TCensecQualidadeAtoInterface) => {
setButtonIsLoading(true);
await saveTCensecQualidadeAto(data);
await fetchTCensecQualidadeAto(censec_tipoato_id);
setButtonIsLoading(false);
handleCloseForm();
},
[saveTCensecQualidadeAto, fetchTCensecQualidadeAto]
);
// Deleção
const handleConfirmDelete = useCallback(
(item: TCensecQualidadeAtoInterface) => {
setItemToDelete(item);
openConfirmDialog();
},
[openConfirmDialog]
);
const handleDelete = useCallback(async () => {
if (itemToDelete) {
await removeTCensecQualidadeAto(itemToDelete);
await fetchTCensecQualidadeAto(censec_tipoato_id);
}
handleCancel();
}, [itemToDelete, fetchTCensecQualidadeAto, handleCancel]);
// Carregar dados ao montar
useEffect(() => {
fetchTCensecQualidadeAto(censec_tipoato_id);
}, []);
return (
<div>
{/* Cabeçalho */}
<Header
title="Qualidade por Tipo de Ato (CENSEC)"
description="Gerenciamento das Qualidades vinculadas a cada Tipo de Ato CENSEC"
buttonText="Nova Qualidade de Ato"
buttonAction={(data) => {
handleOpenForm(null);
}}
/>
{/* Tabela */}
<Card>
<CardContent>
<TCensecQualidadeAtoTable
data={tCensecQualidadeAto}
onEdit={handleOpenForm}
onDelete={handleConfirmDelete}
/>
</CardContent>
</Card>
{/* Dialog de confirmação */}
{isConfirmOpen && (
<ConfirmDialog
isOpen={isConfirmOpen}
title="Confirmar exclusão"
description="Atenção"
message={`Deseja realmente excluir a qualidade de ato ID "${itemToDelete?.censec_qualidadeato_id}"?`}
confirmText="Sim, excluir"
cancelText="Cancelar"
onConfirm={handleDelete}
onCancel={handleCancel}
/>
)}
{/* Formulário */}
{isFormOpen && (
<TCensecQualidadeAtoForm
isOpen={isFormOpen}
data={selectedItem}
onClose={handleCloseForm}
onSave={handleSave}
buttonIsLoading={buttonIsLoading}
/>
)}
</div>
);
}

View file

@ -0,0 +1,99 @@
'use client';
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuGroup,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger
} from "@/components/ui/dropdown-menu";
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow
} from "@/components/ui/table";
import { EllipsisIcon, PencilIcon, Trash2Icon } from "lucide-react";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
interface TCensecQualidadeAtoTableProps {
data: TCensecQualidadeAtoInterface[];
onEdit: (item: TCensecQualidadeAtoInterface, isEditingFormStatus: boolean) => void;
onDelete: (item: TCensecQualidadeAtoInterface, isEditingFormStatus: boolean) => void;
}
/**
* Tabela de exibição para registros da tabela T_CENSEC_QUALIDADEATO.
*/
export default function TCensecQualidadeAtoTable({
data,
onEdit,
onDelete
}: TCensecQualidadeAtoTableProps) {
return (
<Table>
<TableHeader>
<TableRow>
<TableHead>#</TableHead>
<TableHead>Tipo de Ato</TableHead>
<TableHead>Qualidade</TableHead>
<TableHead>Qtd. Mínima</TableHead>
<TableHead className="text-right">Ações</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{data?.map((item) => {
return (
<TableRow key={item.censec_qualidadeato_id} className="cursor-pointer">
<TableCell className="font-medium">
{item.censec_qualidadeato_id}
</TableCell>
<TableCell>{item.qtd_minima ?? "-"}</TableCell>
<TableCell className="text-right">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
size="icon"
className="cursor-pointer"
>
<EllipsisIcon />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent side="left" align="start">
<DropdownMenuGroup>
<DropdownMenuItem
className="cursor-pointer"
onSelect={() => onEdit(item, true)}
>
<PencilIcon className="mr-2 h-4 w-4" />
Editar
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem
className="cursor-pointer"
onSelect={() => onDelete(item, true)}
>
<Trash2Icon className="mr-2 h-4 w-4" />
Remover
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
</TableCell>
</TableRow>
);
})}
</TableBody>
</Table>
);
}

View file

@ -1,7 +1,7 @@
'use client';
import z from "zod";
import { useEffect } from "react";
import { useEffect, useState } from "react";
import { useForm, Controller } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { Checkbox } from "@/components/ui/checkbox";
@ -14,7 +14,7 @@ import {
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle
DialogTitle,
} from "@/components/ui/dialog";
import {
Form,
@ -25,12 +25,26 @@ import {
FormMessage,
} from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { Label } from "@/components/ui/label";
import {
Tabs,
TabsContent,
TabsList,
TabsTrigger,
} from "@/components/ui/tabs";
import { IdCardIcon, SettingsIcon } from "lucide-react";
import { TCensecTipoAtoSchema } from "../../_schemas/TCensecTipoAtoSchema";
import { TCensecTipoAtoInterface } from "../../_interfaces/TCensecTipoAtoInterface";
import TCensecInterface from "../../_interfaces/TCensecInterface";
import { SituacoesEnum } from "@/shared/enums/SituacoesEnum";
import TCensecQualidadeAtoPage from "../TCensecQualidadeAto/TCensecQualidadeAtoIndex";
type FormValues = z.infer<typeof TCensecTipoAtoSchema>;
@ -49,9 +63,12 @@ export default function TCensecTipoAtoForm({
tCensec,
onClose,
onSave,
buttonIsLoading
buttonIsLoading,
}: TCensecTipoAtoFormProps) {
// react-hook-form com schema Zod
// Estado para controle da aba ativa
const [tabValue, setTabValue] = useState("dados");
// Configuração do formulário
const form = useForm<FormValues>({
resolver: zodResolver(TCensecTipoAtoSchema),
defaultValues: {
@ -65,7 +82,7 @@ export default function TCensecTipoAtoForm({
},
});
// Atualiza o formulário se houver dados para edição
// Atualiza o formulário quando há edição
useEffect(() => {
if (data) form.reset(data);
}, [data, form]);
@ -77,149 +94,181 @@ export default function TCensecTipoAtoForm({
if (!open) onClose(null, false);
}}
>
<DialogContent className="sm:max-w-[500px]">
<DialogContent className="w-full max-w-full p-6 sm:max-w-3xl md:max-w-4xl lg:max-w-5xl">
<DialogHeader>
<DialogTitle>Tipo de Ato CENSEC</DialogTitle>
<DialogDescription>
Crie ou edite um tipo de ato da CENSEC
Crie ou edite um tipo de ato vinculado à Central do CENSEC.
</DialogDescription>
</DialogHeader>
<Tabs value={tabValue} onValueChange={setTabValue} className="space-y-4">
{/* Cabeçalho das Tabs */}
<TabsList className="grid w-full grid-cols-2">
<TabsTrigger value="dados" className="flex items-center justify-center">
<SettingsIcon className="w-4 h-4 mr-2" /> Dados Gerais
</TabsTrigger>
<Form {...form}>
<form onSubmit={form.handleSubmit(onSave)} className="space-y-6">
{data?.censec_tipoato_id !== 0 && (
<TabsTrigger value="qualidades" className="flex items-center justify-center">
<IdCardIcon className="w-4 h-4 mr-2" /> Qualidades
</TabsTrigger>
)}
</TabsList>
{/* Descrição */}
<FormField
control={form.control}
name="descricao"
render={({ field }) => (
<FormItem>
<FormLabel>Descrição</FormLabel>
<FormControl>
<Input {...field} placeholder="Digite a descrição" />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{/* Aba: Dados Gerais */}
<TabsContent value="dados">
<Form {...form}>
<form onSubmit={form.handleSubmit(onSave)} className="space-y-6">
{/* Descrição */}
<FormField
control={form.control}
name="descricao"
render={({ field }) => (
<FormItem>
<FormLabel>Descrição</FormLabel>
<FormControl>
<Input {...field} placeholder="Digite a descrição" />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{/* Select Censec */}
<FormField
control={form.control}
name="censec_id"
render={({ field }) => (
<FormItem>
<FormLabel>Central do Censec</FormLabel>
<Select
value={field.value?.toString()}
onValueChange={(val) => field.onChange(Number(val))}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectValue placeholder="Selecione um Censec" />
</SelectTrigger>
</FormControl>
<SelectContent className="w-full">
{tCensec.map((c) => (
<SelectItem key={c.censec_id} value={String(c.censec_id)}>
{c.descricao}
</SelectItem>
))}
</SelectContent>
</Select>
<FormMessage />
</FormItem>
)}
/>
{/* Select Censec */}
<FormField
control={form.control}
name="censec_id"
render={({ field }) => (
<FormItem>
<FormLabel>Central do CENSEC</FormLabel>
<Select
value={field.value?.toString()}
onValueChange={(val) => field.onChange(Number(val))}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectValue placeholder="Selecione uma Central" />
</SelectTrigger>
</FormControl>
<SelectContent className="w-full">
{tCensec.map((c) => (
<SelectItem
key={c.censec_id}
value={String(c.censec_id)}
>
{c.descricao}
</SelectItem>
))}
</SelectContent>
</Select>
<FormMessage />
</FormItem>
)}
/>
{/* Situação */}
<Controller
name="situacao"
control={form.control}
render={({ field }) => (
<div className="flex items-center space-x-2 mt-2">
<Checkbox
checked={field.value === "A"}
onCheckedChange={(checked) =>
field.onChange(checked ? "A" : "I")
}
/>
<Label>Ativo</Label>
</div>
)}
/>
{/* Situação */}
<Controller
name="situacao"
control={form.control}
render={({ field }) => (
<div className="flex items-center space-x-2">
<Checkbox
checked={field.value === "A"}
onCheckedChange={(checked) => field.onChange(checked ? "A" : "I")}
{/* Tipo de Separação */}
<FormField
control={form.control}
name="tipo_separacao"
render={({ field }) => (
<FormItem>
<FormLabel>Tipo de Separação</FormLabel>
<Select
onValueChange={(val) => field.onChange(val || null)}
value={field.value ?? ""}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectValue placeholder="Selecione" />
</SelectTrigger>
</FormControl>
<SelectContent className="w-full">
<SelectItem value="S">Sim</SelectItem>
<SelectItem value="N">Não</SelectItem>
</SelectContent>
</Select>
<FormMessage />
</FormItem>
)}
/>
{/* Tipo de Revogação */}
<FormField
control={form.control}
name="tipo_revogacao"
render={({ field }) => (
<FormItem>
<FormLabel>Tipo de Revogação</FormLabel>
<Select
onValueChange={(val) => field.onChange(val || null)}
value={field.value ?? ""}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectValue placeholder="Selecione" />
</SelectTrigger>
</FormControl>
<SelectContent className="w-full">
<SelectItem value="S">Sim</SelectItem>
<SelectItem value="N">Não</SelectItem>
</SelectContent>
</Select>
<FormMessage />
</FormItem>
)}
/>
{/* Botões */}
<DialogFooter className="mt-4">
<DialogClose asChild>
<Button
variant="outline"
type="button"
onClick={() => onClose(null, false)}
className="cursor-pointer"
>
Cancelar
</Button>
</DialogClose>
<LoadingButton
text="Salvar"
textLoading="Aguarde..."
type="submit"
loading={buttonIsLoading}
/>
<Label>Ativo</Label>
</div>
)}
/>
</DialogFooter>
{/* Tipo de Separação */}
<FormField
control={form.control}
name="tipo_separacao"
render={({ field }) => (
<FormItem>
<FormLabel>Tipo de Separação</FormLabel>
<Select
onValueChange={(val) => field.onChange(val || null)}
value={field.value ?? ""}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectValue placeholder="Selecione" />
</SelectTrigger>
</FormControl>
<SelectContent className="w-full">
<SelectItem value="S">Sim</SelectItem>
<SelectItem value="N">Não</SelectItem>
</SelectContent>
</Select>
<FormMessage />
</FormItem>
)}
/>
{/* Tipo de Revogação */}
<FormField
control={form.control}
name="tipo_revogacao"
render={({ field }) => (
<FormItem>
<FormLabel>Tipo de Revogação</FormLabel>
<Select
onValueChange={(val) => field.onChange(val || null)}
value={field.value ?? ""}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectValue placeholder="Selecione" />
</SelectTrigger>
</FormControl>
<SelectContent className="w-full">
<SelectItem value="S">Sim</SelectItem>
<SelectItem value="N">Não</SelectItem>
</SelectContent>
</Select>
<FormMessage />
</FormItem>
)}
/>
{/* Rodapé */}
<DialogFooter className="mt-4">
<DialogClose asChild>
<Button
variant="outline"
type="button"
onClick={() => onClose(null, false)}
className="cursor-pointer"
>
Cancelar
</Button>
</DialogClose>
<LoadingButton text="Salvar" textLoading="Aguarde..." type="submit" loading={buttonIsLoading} />
</DialogFooter>
{/* Campos ocultos */}
<input type="hidden" {...form.register("censec_tipoato_id")} />
<input type="hidden" {...form.register("codigo")} />
</form>
</Form>
{/* Campos ocultos */}
<input type="hidden" {...form.register("censec_tipoato_id")} />
<input type="hidden" {...form.register("codigo")} />
</form>
</Form>
</TabsContent>
{data?.censec_tipoato_id !== 0 && (
<TabsContent value="qualidades">
<TCensecQualidadeAtoPage
censec_tipoato_id={Number(data?.censec_tipoato_id)}
/>
</TabsContent>
)}
</Tabs>
</DialogContent>
</Dialog>
);

View file

@ -29,22 +29,22 @@ interface TCensecTipoAtoTableProps {
}
function StatusBadge({ situacao }: { situacao: string }) {
const isActive = situacao === "A";
const isActive = situacao === "A";
const baseClasses =
"text-xs font-medium px-2.5 py-0.5 rounded-sm me-2";
const baseClasses =
"text-xs font-medium px-2.5 py-0.5 rounded-sm me-2";
const activeClasses =
"bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300";
const activeClasses =
"bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300";
const inactiveClasses =
"bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300";
const inactiveClasses =
"bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300";
return (
<span className={`${baseClasses} ${isActive ? activeClasses : inactiveClasses}`}>
{isActive ? "Ativo" : "Inativo"}
</span>
);
return (
<span className={`${baseClasses} ${isActive ? activeClasses : inactiveClasses}`}>
{isActive ? "Ativo" : "Inativo"}
</span>
);
}
export default function TCensecTipoAtoTable({
@ -70,57 +70,58 @@ export default function TCensecTipoAtoTable({
<TableBody>
{data.map((item) => {
const censecDesc = tCensec.find(c => c.censec_id === item.censec_id)?.descricao || "N/A"
return (
<TableRow key={item.censec_tipoato_id} className="cursor-pointer">
<TableCell className="font-medium">
{item.censec_tipoato_id}
</TableCell>
<TableCell>
<StatusBadge situacao={item.situacao} />
</TableCell>
<TableCell>{censecDesc}</TableCell>
{/*<TableCell>{item.codigo ?? "-"}</TableCell>*/}
<TableCell>{item.descricao}</TableCell>
<TableCell>{item.tipo_separacao ?? "-"}</TableCell>
<TableCell>{item.tipo_revogacao ?? "-"}</TableCell>
<TableCell className="text-right">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
size="icon"
className="cursor-pointer"
>
<EllipsisIcon />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent side="left" align="start">
<DropdownMenuGroup>
<DropdownMenuItem
const censecDesc = tCensec.find(c => c.censec_id === item.censec_id)?.descricao || "N/A"
return (
<TableRow key={item.censec_tipoato_id} className="cursor-pointer">
<TableCell className="font-medium">
{item.censec_tipoato_id}
</TableCell>
<TableCell>
<StatusBadge situacao={item.situacao} />
</TableCell>
<TableCell>{censecDesc}</TableCell>
{/*<TableCell>{item.codigo ?? "-"}</TableCell>*/}
<TableCell>{item.descricao}</TableCell>
<TableCell>{item.tipo_separacao ?? "-"}</TableCell>
<TableCell>{item.tipo_revogacao ?? "-"}</TableCell>
<TableCell className="text-right">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
size="icon"
className="cursor-pointer"
onSelect={() => onEdit(item, true)}
>
<PencilIcon className="mr-2 h-4 w-4" />
Editar
</DropdownMenuItem>
<EllipsisIcon />
</Button>
</DropdownMenuTrigger>
<DropdownMenuSeparator />
<DropdownMenuContent side="left" align="start">
<DropdownMenuGroup>
<DropdownMenuItem
className="cursor-pointer"
onSelect={() => onEdit(item, true)}
>
<PencilIcon className="mr-2 h-4 w-4" />
Editar
</DropdownMenuItem>
<DropdownMenuItem
className="cursor-pointer"
onSelect={() => onDelete(item, true)}
>
<Trash2Icon className="mr-2 h-4 w-4" />
Remover
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
</TableCell>
</TableRow>
)})}
<DropdownMenuSeparator />
<DropdownMenuItem
className="cursor-pointer"
onSelect={() => onDelete(item, true)}
>
<Trash2Icon className="mr-2 h-4 w-4" />
Remover
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
</TableCell>
</TableRow>
)
})}
</TableBody>
</Table>
);

View file

@ -0,0 +1,21 @@
import API from "@/shared/services/api/Api";
import { Methods } from "@/shared/services/api/enums/ApiMethodEnum";
import { withClientErrorHandler } from "@/shared/actions/withClientErrorHandler/withClientErrorHandler";
/**
* Função responsável por buscar todos os registros da tabela T_CENSEC_QUALIDADEATO.
* Utiliza o serviço centralizado de API e tratamento de erros via HOC.
*/
async function executeTCensecQualidadeAtoIndexData(censec_tipoato_id: number) {
const api = new API();
return await api.send({
method: Methods.GET,
endpoint: `administrativo/t_censec_qualidadeato/tipo-ato/${censec_tipoato_id}`,
});
}
/**
* Exporta a função decorada com o handler de erros,
* garantindo tratamento consistente de respostas no client.
*/
export const TCensecQualidadeAtoIndexData = withClientErrorHandler(executeTCensecQualidadeAtoIndexData);

View file

@ -0,0 +1,23 @@
import API from "@/shared/services/api/Api";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
import { Methods } from "@/shared/services/api/enums/ApiMethodEnum";
import { withClientErrorHandler } from "@/shared/actions/withClientErrorHandler/withClientErrorHandler";
/**
* Função responsável por remover um registro da tabela T_CENSEC_QUALIDADEATO.
* Utiliza o serviço centralizado de API e o tratador de erros client-side.
*/
async function executeTCensecQualidadeAtoRemoveData(data: TCensecQualidadeAtoInterface) {
const api = new API();
return await api.send({
method: Methods.DELETE,
endpoint: `administrativo/t_censec_qualidadeato/${data.censec_qualidadeato_id}`,
});
}
/**
* Exporta a função decorada com o handler de erros,
* garantindo tratamento consistente de respostas no client.
*/
export const TCensecQualidadeAtoRemoveData = withClientErrorHandler(executeTCensecQualidadeAtoRemoveData);

View file

@ -0,0 +1,26 @@
import API from "@/shared/services/api/Api";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
import { Methods } from "@/shared/services/api/enums/ApiMethodEnum";
import { withClientErrorHandler } from "@/shared/actions/withClientErrorHandler/withClientErrorHandler";
/**
* Função responsável por salvar ou atualizar registros da tabela T_CENSEC_QUALIDADEATO.
* Utiliza a estrutura centralizada de API e tratamento de erros do sistema.
*/
async function executeTCensecQualidadeAtoSaveData(data: TCensecQualidadeAtoInterface) {
// Verifica se é uma operação de atualização ou criação
const isUpdate = Boolean(data.censec_qualidadeato_id);
// Instancia o serviço de API
const api = new API();
// Envia a requisição com método dinâmico e endpoint apropriado
return await api.send({
method: isUpdate ? Methods.PUT : Methods.POST,
endpoint: `administrativo/t_censec_qualidadeato/${data.censec_qualidadeato_id || ""}`,
body: data,
});
}
// Exporta a função com o tratador de erros client-side
export const TCensecQualidadeAtoSaveData = withClientErrorHandler(executeTCensecQualidadeAtoSaveData);

View file

@ -1,10 +1,7 @@
import API from "@/shared/services/api/Api";
import { Methods } from "@/shared/services/api/enums/ApiMethodEnum";
import TCensecTipoAtoMockDeDados from "./mockCensecTipoAto";
import { withClientErrorHandler } from "@/shared/actions/withClientErrorHandler/withClientErrorHandler";
const useMock = true
async function executeTCensecTipoAtoIndexData() {
const api = new API();
return await api.send({

View file

@ -0,0 +1,28 @@
import { useResponse } from "@/shared/components/response/ResponseContext";
import { useState } from "react";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
import { TCensecQualidadeAtoIndexService } from "../../_services/TCensecQualidadeAto/TCensecQualidadeAtoIndexService";
/**
* Hook responsável por gerenciar a listagem (index)
* de registros da tabela T_CENSEC_QUALIDADEATO.
*
* Integra-se com o ResponseContext para tratamento
* global de mensagens e respostas da API.
*/
export const useTCensecQualidadeAtoIndexHook = () => {
const { setResponse } = useResponse();
const [tCensecQualidadeAto, setTCensecQualidadeAto] = useState<TCensecQualidadeAtoInterface[]>([]);
/**
* Busca todos os registros da tabela T_CENSEC_QUALIDADEATO.
*/
const fetchTCensecQualidadeAto = async (censec_tipoato_id: number) => {
const response = await TCensecQualidadeAtoIndexService(censec_tipoato_id);
setTCensecQualidadeAto(response.data);
setResponse(response);
};
return { tCensecQualidadeAto, fetchTCensecQualidadeAto };
};

View file

@ -0,0 +1,24 @@
import { useResponse } from "@/shared/components/response/ResponseContext";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
import { TCensecQualidadeAtoRemoveService } from "../../_services/TCensecQualidadeAto/TCensecQualidadeAtoRemoveService";
/**
* Hook responsável por gerenciar a exclusão de registros da tabela T_CENSEC_QUALIDADEATO.
*
* Integra-se com o ResponseContext para exibir feedbacks globais após a operação.
*/
export const useTCensecQualidadeAtoRemoveHook = () => {
const { setResponse } = useResponse();
/**
* Executa a remoção de um registro da tabela T_CENSEC_QUALIDADEATO.
*
* @param data Objeto contendo o ID do registro a ser removido.
*/
const removeTCensecQualidadeAto = async (data: TCensecQualidadeAtoInterface) => {
const response = await TCensecQualidadeAtoRemoveService(data);
setResponse(response);
};
return { removeTCensecQualidadeAto };
};

View file

@ -0,0 +1,33 @@
import { useResponse } from "@/shared/components/response/ResponseContext";
import { useState } from "react";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
import { TCensecQualidadeAtoSaveService } from "../../_services/TCensecQualidadeAto/TCensecQualidadeAtoSaveService";
/**
* Hook responsável por gerenciar o estado e a operação de salvamento
* de registros na tabela T_CENSEC_QUALIDADEATO.
*
* Integra-se com o ResponseContext para feedbacks globais e mantém
* estado local do último registro salvo.
*/
export const useTCensecQualidadeAtoSaveHook = () => {
const { setResponse } = useResponse();
const [tCensecQualidadeAto, setTCensecQualidadeAto] = useState<TCensecQualidadeAtoInterface | null>(null);
const [isOpen, setIsOpen] = useState(false);
/**
* Executa a operação de salvamento (insert/update)
* e atualiza o estado local e global de resposta.
*/
const saveTCensecQualidadeAto = async (data: TCensecQualidadeAtoInterface) => {
const response = await TCensecQualidadeAtoSaveService(data);
setTCensecQualidadeAto(response.data);
setResponse(response);
setIsOpen(false);
return response;
};
return { tCensecQualidadeAto, saveTCensecQualidadeAto };
};

View file

@ -0,0 +1,6 @@
export interface TCensecQualidadeAtoInterface {
censec_qualidadeato_id?: number;
censec_tipoato_id?: number;
censec_qualidade_id?: number;
qtd_minima?: number;
}

View file

@ -0,0 +1,8 @@
import { z } from "zod";
export const TCensecQualidadeAtoSchema = z.object({
censec_qualidadeato_id: z.number().optional(),
censec_tipoato_id: z.number().optional(),
censec_qualidade_id: z.number().optional(),
qtd_minima: z.number().optional(),
});

View file

@ -0,0 +1,19 @@
import { withClientErrorHandler } from "@/shared/actions/withClientErrorHandler/withClientErrorHandler";
import { TCensecQualidadeAtoIndexData } from "../../_data/TCensecQualidadeAto/TCensecQualidadeAtoIndexData";
/**
* Service responsável por orquestrar a listagem de registros
* da tabela T_CENSEC_QUALIDADEATO.
*
* Utiliza o Data Layer (TCensecQualidadeAtoIndexData) para buscar os dados na API.
*/
async function executeTCensecQualidadeAtoIndexService(censec_tipoato_id: number) {
const response = await TCensecQualidadeAtoIndexData(censec_tipoato_id);
return response;
}
/**
* Exporta a função decorada com o handler de erros client-side,
* garantindo tratamento consistente de falhas.
*/
export const TCensecQualidadeAtoIndexService = withClientErrorHandler(executeTCensecQualidadeAtoIndexService);

View file

@ -0,0 +1,20 @@
import { withClientErrorHandler } from "@/shared/actions/withClientErrorHandler/withClientErrorHandler";
import { TCensecQualidadeAtoRemoveData } from "../../_data/TCensecQualidadeAto/TCensecQualidadeAtoRemoveData";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
/**
* Service responsável por orquestrar a exclusão de registros
* da tabela T_CENSEC_QUALIDADEATO.
*
* Utiliza o Data Layer (TCensecQualidadeAtoRemoveData) para comunicação com a API.
*/
async function executeTCensecQualidadeAtoRemoveService(data: TCensecQualidadeAtoInterface) {
const response = await TCensecQualidadeAtoRemoveData(data);
return response;
}
/**
* Exporta a função decorada com o handler de erros client-side,
* garantindo tratamento consistente de falhas.
*/
export const TCensecQualidadeAtoRemoveService = withClientErrorHandler(executeTCensecQualidadeAtoRemoveService);

View file

@ -0,0 +1,19 @@
import { withClientErrorHandler } from "@/shared/actions/withClientErrorHandler/withClientErrorHandler";
import { TCensecQualidadeAtoSaveData } from "../../_data/TCensecQualidadeAto/TCensecQualidadeAtoSaveData";
import { TCensecQualidadeAtoInterface } from "../../_interfaces/TCensecQualidadeAtoInterface";
/**
* Service responsável por orquestrar a operação de criação ou atualização
* de registros da tabela T_CENSEC_QUALIDADEATO.
*
* Utiliza o Data Layer (TCensecQualidadeAtoSaveData) para comunicação com a API.
*/
async function executeTCensecQualidadeAtoSaveService(data: TCensecQualidadeAtoInterface) {
const response = await TCensecQualidadeAtoSaveData(data);
return response;
}
/**
* Exporta a função decorada com o handler de erros client-side.
*/
export const TCensecQualidadeAtoSaveService = withClientErrorHandler(executeTCensecQualidadeAtoSaveService);