OriusTecnologia/saas_app
6
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

[MVPTN-75] feat(CRUD): Implementação cadastro de Natureza Litígio do CENSEC

Browse source
This commit is contained in:
= 2025-09-19 10:10:44 -03:00
parent 08889a914a
commit b2d1388da7
16 changed files with 676 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

131
src/app/(protected)/(cadastros)/cadastros/(t_censecnaturezalitigio)/censec-natureza-litigio/page.tsx Normal file
View file

@ -0,0 +1,131 @@
'use client';
import { useEffect, useState, useCallback } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { useConfirmDialog } from "@/app/_components/confirm_dialog/useConfirmDialog";
import Header from "@/app/_components/structure/Header";
import ConfirmDialog from "@/app/_components/confirm_dialog/ConfirmDialog";
import Loading from "@/app/_components/loading/loading";
import TCensecNaturezaLitigioTable from "../../_components/t_censecnaturezalitigio/TCensecNaturezaLitigioTable";
import TCensecNaturezaLitigioForm from "../../_components/t_censecnaturezalitigio/TCensecNaturezaLitigioForm";
import { useTCensecNaturezaLitigioReadHook } from "../../_hooks/t_censecnaturezalitigio/useTCensecNaturezaLitigioReadHook";
import { useTCensecNaturezaLitigioSaveHook } from "../../_hooks/t_censecnaturezalitigio/useTCensecNaturezaLitigioSaveHook";
import { useTCensecNaturezaLitigioRemoveHook } from "../../_hooks/t_censecnaturezalitigio/useTCensecNaturezaLitigioRemoveHook";
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
const initialCensecNaturezaLitigio: TCensecNaturezaLitigioInterface = {
censec_naturezaltigio_id: 0,
descricao: "",
situacao: 'A'
}
export default function TCensecNaturezaLitigioPage() {
// Hooks
const { tCensecNaturezaLitigio, fetchTCensecNaturezaLitigio } = useTCensecNaturezaLitigioReadHook();
const { saveTCensecNaturezaLitigio } = useTCensecNaturezaLitigioSaveHook();
const { removeTCensecNaturezaLitigio } = useTCensecNaturezaLitigioRemoveHook();
// Estados
const [selectedItem, setSelectedItem] = useState<TCensecNaturezaLitigioInterface | null>(null);
const [isFormOpen, setIsFormOpen] = useState(false);
const [itemToDelete, setItemToDelete] = useState<TCensecNaturezaLitigioInterface | null>(null);
// Modal de confirmação
const {
isOpen: isConfirmOpen,
openDialog: openConfirmDialog,
handleConfirm,
handleCancel,
} = useConfirmDialog();
// Abrir formulário (criação ou edição)
const handleOpenForm = useCallback((item: TCensecNaturezaLitigioInterface | null) => {
setSelectedItem(item);
setIsFormOpen(true);
}, []);
// Fechar formulário
const handleCloseForm = useCallback(() => {
setSelectedItem(null);
setIsFormOpen(false);
}, []);
// Salvar item
const handleSave = useCallback(async (formData: TCensecNaturezaLitigioInterface) => {
await saveTCensecNaturezaLitigio(formData);
await fetchTCensecNaturezaLitigio();
}, [saveTCensecNaturezaLitigio, fetchTCensecNaturezaLitigio]);
// Confirmar remoção
const handleConfirmDelete = useCallback((item: TCensecNaturezaLitigioInterface) => {
setItemToDelete(item);
openConfirmDialog();
}, [openConfirmDialog]);
// Executar remoção
const handleDelete = useCallback(async () => {
if (!itemToDelete) return;
await removeTCensecNaturezaLitigio(itemToDelete);
await fetchTCensecNaturezaLitigio();
setItemToDelete(null);
handleCancel();
}, [itemToDelete, removeTCensecNaturezaLitigio, fetchTCensecNaturezaLitigio, handleCancel]);
// Fetch inicial
useEffect(() => {
fetchTCensecNaturezaLitigio();
}, []);
// Loading enquanto carrega
if (!tCensecNaturezaLitigio) {
return <Loading type={2} />;
}
return (
<div>
{/* Cabeçalho */}
<Header
title={"Natureza do Litígio"}
description={"Gerenciamento de Naturezas do Litígio"}
buttonText={"Nova Natureza"}
buttonAction={(data) => handleOpenForm(data = initialCensecNaturezaLitigio)}
/>
{/* Tabela */}
<Card>
<CardContent>
<TCensecNaturezaLitigioTable
data={tCensecNaturezaLitigio}
onEdit={handleOpenForm}
onDelete={handleConfirmDelete}
/>
</CardContent>
</Card>
{/* Modal de confirmação */}
<ConfirmDialog
isOpen={isConfirmOpen}
title="Confirmar exclusão"
description="Atenção"
message={`Deseja realmente excluir a natureza "${itemToDelete?.descricao}"?`}
confirmText="Sim, excluir"
cancelText="Cancelar"
onConfirm={handleDelete}
onCancel={handleCancel}
/>
{/* Formulário */}
<TCensecNaturezaLitigioForm
isOpen={isFormOpen}
data={selectedItem}
onClose={handleCloseForm}
onSave={handleSave}
/>
</div>
);
}

129
src/app/(protected)/(cadastros)/cadastros/_components/t_censecnaturezalitigio/TCensecNaturezaLitigioForm.tsx Normal file
View file

@ -0,0 +1,129 @@
'use client';
import z from 'zod';
import { useEffect } from 'react';
import { useForm, Controller } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { Button } from '@/components/ui/button';
import { Checkbox } from '@/components/ui/checkbox';
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 { Label } from '@/components/ui/label';
import { TCensecNaturezaLitigioSchema } from '../../_schemas/TCensecNaturezaLitigioSchema';
import { TCensecNaturezaLitigioInterface } from '../../_interfaces/TCensecNaturezaLitigioInterface';
type FormValues = z.infer<typeof TCensecNaturezaLitigioSchema>;
interface TCensecNaturezaLitigioFormProps {
isOpen: boolean;
data: FormValues | null;
onClose: (item: null, isFormStatus: boolean) => void;
onSave: (data: FormValues) => void;
}
export default function TCensecNaturezaLitigioForm({
isOpen,
data,
onClose,
onSave
}: TCensecNaturezaLitigioFormProps) {
const form = useForm<FormValues>({
resolver: zodResolver(TCensecNaturezaLitigioSchema),
defaultValues: {
censec_naturezaltigio_id: 0,
descricao: "",
situacao: "A"
}
});
useEffect(() => {
if (data) form.reset(data);
}, [data, form]);
return (
<Dialog
open={isOpen}
onOpenChange={(open) => {
if (!open) onClose(null, false);
}}
>
<DialogContent className="sm:max-w-[425px]">
<DialogHeader>
<DialogTitle>Natureza do Litígio</DialogTitle>
<DialogDescription>
Crie ou edite uma natureza do litígio
</DialogDescription>
</DialogHeader>
<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>
)}
/>
{/* 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")}
/>
<Label>Ativo</Label>
</div>
)}
/>
{/* Rodapé */}
<DialogFooter className="mt-4">
<DialogClose asChild>
<Button variant="outline" type="button" onClick={() => onClose(null, false)}>
Cancelar
</Button>
</DialogClose>
<Button type="submit">
Salvar
</Button>
</DialogFooter>
{/* Campo oculto */}
<input type="hidden" {...form.register('censec_naturezaltigio_id')} />
</form>
</Form>
</DialogContent>
</Dialog>
);
}

123
src/app/(protected)/(cadastros)/cadastros/_components/t_censecnaturezalitigio/TCensecNaturezaLitigioTable.tsx Normal file
View file

@ -0,0 +1,123 @@
'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 { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
interface TCensecNaturezaLitigioTableProps {
data: TCensecNaturezaLitigioInterface[];
onEdit: (item: TCensecNaturezaLitigioInterface, isEditingFormStatus: boolean) => void;
onDelete: (item: TCensecNaturezaLitigioInterface, isEditingFormStatus: boolean) => void;
}
/**
* Renderiza o badge de situação
*/
function StatusBadge({ situacao }: { situacao: 'A' | 'I' }) {
const isActive = situacao === 'A';
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 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>
);
}
export default function TCensecNaturezaLitigioTable({
data,
onEdit,
onDelete
}: TCensecNaturezaLitigioTableProps) {
return (
<Table>
<TableHeader>
<TableRow>
<TableHead>#</TableHead>
<TableHead>Situação</TableHead>
<TableHead>Descrição</TableHead>
<TableHead className="text-right">Ações</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{data.map((item) => (
<TableRow
key={item.censec_naturezaltigio_id}
className="cursor-pointer"
>
<TableCell className="font-medium">
{item.censec_naturezaltigio_id}
</TableCell>
<TableCell>
<StatusBadge situacao={item.situacao} />
</TableCell>
<TableCell>{item.descricao}</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>
);
}

24
src/app/(protected)/(cadastros)/cadastros/_data/TCensecNaturezaLitigio/TCensecNaturezaLitigioIndexData.ts Normal file
View file

@ -0,0 +1,24 @@
import API from "@/services/api/Api";
import { Methods } from "@/services/api/enums/ApiMethodEnum";
import CensecNaturezaLitigioMockDeDados from "./mockCensecNaturezaLitigio";
const useMock = true
export default async function TCensecNaturezaLitigioIndexData() {
if (useMock) {
return await CensecNaturezaLitigioMockDeDados();
}
const api = new API();
try {
const dados = await api.send({
method: Methods.GET,
endpoint: `administrativo/t_censec_natureza_litigio/`
});
return dados
} catch (error) {
console.log(error)
return error
}
}

14
src/app/(protected)/(cadastros)/cadastros/_data/TCensecNaturezaLitigio/TCensecNaturezaLitigioRemoveData.ts Normal file
View file

@ -0,0 +1,14 @@
import API from "@/services/api/Api";
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
import { Methods } from "@/services/api/enums/ApiMethodEnum";
export default async function TCensecNaturezaLitigioRemoveData(data: TCensecNaturezaLitigioInterface) {
const api = new API();
return await api.send({
method: Methods.DELETE,
endpoint: `administrativo/t_censec_natureza_litigio/${data.censec_naturezaltigio_id}`
});
}

17
src/app/(protected)/(cadastros)/cadastros/_data/TCensecNaturezaLitigio/TCensecNaturezaLitigioSaveData.ts Normal file
View file

@ -0,0 +1,17 @@
import API from "@/services/api/Api";
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
import { Methods } from "@/services/api/enums/ApiMethodEnum";
export default async function TCensecNaturezaLitigioTipoSaveData(data: TCensecNaturezaLitigioInterface) {
const isUpdate = Boolean(data.censec_naturezaltigio_id);
const api = new API();
return await api.send({
method: isUpdate ? Methods.PUT : Methods.POST,
endpoint: `administrativo/t_censec_natureza_litigio/${data.censec_naturezaltigio_id || ''}`,
body: data
});
}

113
src/app/(protected)/(cadastros)/cadastros/_data/TCensecNaturezaLitigio/mockCensecNaturezaLitigio.ts Normal file
View file

@ -0,0 +1,113 @@
export default async function CensecNaturezaLitigioMockDeDados() {
return Promise.resolve({
status: 200,
message: 'Dados localizados',
data: [
{
censec_naturezaltigio_id: 1.00,
descricao: "Bancário",
situacao: "A"
},
{
censec_naturezaltigio_id: 2.00,
descricao: "Concessionária de Água",
situacao: "A"
},
{
censec_naturezaltigio_id: 3.00,
descricao: "Concessionária de Gás",
situacao: "A"
},
{
censec_naturezaltigio_id: 4.00,
descricao: "Concessionária de Luz",
situacao: "A"
},
{
censec_naturezaltigio_id: 5.00,
descricao: "Consumidor",
situacao: "A"
},
{
censec_naturezaltigio_id: 6.00,
descricao: "Contrato",
situacao: "A"
},
{
censec_naturezaltigio_id: 7.00,
descricao: "Empresarial",
situacao: "A"
},
{
censec_naturezaltigio_id: 8.00,
descricao: "Família",
situacao: "A"
},
{
censec_naturezaltigio_id: 9.00,
descricao: "Locação",
situacao: "A"
},
{
censec_naturezaltigio_id: 10.00,
descricao: "Mobiliário",
situacao: "A"
},
{
censec_naturezaltigio_id: 11.00,
descricao: "Previdência",
situacao: "A"
},
{
censec_naturezaltigio_id: 12.00,
descricao: "Saúde",
situacao: "A"
},
{
censec_naturezaltigio_id: 13.00,
descricao: "Seguro",
situacao: "A"
},
{
censec_naturezaltigio_id: 14.00,
descricao: "Serviço Público",
situacao: "A"
},
{
censec_naturezaltigio_id: 15.00,
descricao: "Sucessões",
situacao: "A"
},
{
censec_naturezaltigio_id: 16.00,
descricao: "Telefonia",
situacao: "A"
},
{
censec_naturezaltigio_id: 17.00,
descricao: "Transporte",
situacao: "A"
},
{
censec_naturezaltigio_id: 18.00,
descricao: "Transporte - Avião",
situacao: "A"
},
{
censec_naturezaltigio_id: 19.00,
descricao: "Transporte - Barco",
situacao: "A"
},
{
censec_naturezaltigio_id: 20.00,
descricao: "Transporte Metrô",
situacao: "A"
},
{
censec_naturezaltigio_id: 21.00,
descricao: "Transporte - Ônibus",
situacao: "A"
}
]
});
}

27
src/app/(protected)/(cadastros)/cadastros/_hooks/t_censecnaturezalitigio/useTCensecNaturezaLitigioReadHook.ts Normal file
View file

@ -0,0 +1,27 @@
import { useResponse } from "@/app/_response/ResponseContext"
import { useState } from "react";
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
import TCensecNaturezaLitigioIndexService from "../../_services/t_censecnaturezalitigio/TCensecNaturezaLitigioIndexService";
export const useTCensecNaturezaLitigioReadHook = () => {
const { setResponse } = useResponse();
const [tCensecNaturezaLitigio, setTCensecNaturezaLitigio] = useState<TCensecNaturezaLitigioInterface[]>([]);
const fetchTCensecNaturezaLitigio = async () => {
try {
const response = await TCensecNaturezaLitigioIndexService();
setTCensecNaturezaLitigio(response.data);
setResponse(response);
} catch (error) {
console.log(error)
}
}
return { tCensecNaturezaLitigio, fetchTCensecNaturezaLitigio }
}

19
src/app/(protected)/(cadastros)/cadastros/_hooks/t_censecnaturezalitigio/useTCensecNaturezaLitigioRemoveHook.ts Normal file
View file

@ -0,0 +1,19 @@
import { useResponse } from "@/app/_response/ResponseContext"
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
import TCensecNaturezaLitigioRemoveService from "../../_services/t_censecnaturezalitigio/TCensecNaturezaLitigioRemoveService";
export const useTCensecNaturezaLitigioRemoveHook = () => {
const { setResponse } = useResponse();
const removeTCensecNaturezaLitigio = async (data: TCensecNaturezaLitigioInterface) => {
const response = await TCensecNaturezaLitigioRemoveService(data);
setResponse(response);
}
return { removeTCensecNaturezaLitigio }
}

31
src/app/(protected)/(cadastros)/cadastros/_hooks/t_censecnaturezalitigio/useTCensecNaturezaLitigioSaveHook.ts Normal file
View file

@ -0,0 +1,31 @@
import { useResponse } from "@/app/_response/ResponseContext"
import { useState } from "react";
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
import TCensecNaturezaLitigioSaveService from "../../_services/t_censecnaturezalitigio/TCensecNaturezaLitigioSaveService";
export const useTCensecNaturezaLitigioSaveHook = () => {
const { setResponse } = useResponse();
const [TCensecNaturezaLitigio, setTCensecNaturezaLitigio] = useState<TCensecNaturezaLitigioInterface | null>(null);
// controla se o formulário está aberto ou fechado
const [isOpen, setIsOpen] = useState(false);
const saveTCensecNaturezaLitigio = async (data: TCensecNaturezaLitigioInterface) => {
const response = await TCensecNaturezaLitigioSaveService(data);
setTCensecNaturezaLitigio(response.data);
setResponse(response);
// Fecha o formulário automaticamente após salvar
setIsOpen(false);
// Retorna os dados imediatamente
return response;
}
return { TCensecNaturezaLitigio, saveTCensecNaturezaLitigio }
}

5
src/app/(protected)/(cadastros)/cadastros/_interfaces/TCensecNaturezaLitigioInterface.ts Normal file
View file

@ -0,0 +1,5 @@
export interface TCensecNaturezaLitigioInterface {
censec_naturezaltigio_id: number;
descricao: string;
situacao: 'A' | 'I';
}

7
src/app/(protected)/(cadastros)/cadastros/_schemas/TCensecNaturezaLitigioSchema.ts Normal file
View file

@ -0,0 +1,7 @@
import { z } from 'zod';
export const TCensecNaturezaLitigioSchema = z.object({
censec_naturezaltigio_id: z.number(),
descricao: z.string(),
situacao: z.enum(['A', 'I']),
});

12
src/app/(protected)/(cadastros)/cadastros/_services/t_censecnaturezalitigio/TCensecNaturezaLitigioIndexService.ts Normal file
View file

@ -0,0 +1,12 @@
import TCensecNaturezaLitigioIndexData from "../../_data/TCensecNaturezaLitigio/TCensecNaturezaLitigioIndexData";
export default async function TCensecNaturezaLitigioIndexService() {
try {
const response = await TCensecNaturezaLitigioIndexData();
return response;
} catch (error) {
console.log(error)
return error
}
}

10
src/app/(protected)/(cadastros)/cadastros/_services/t_censecnaturezalitigio/TCensecNaturezaLitigioRemoveService.ts Normal file
View file

@ -0,0 +1,10 @@
import TCensecNaturezaLitigioRemoveData from "../../_data/TCensecNaturezaLitigio/TCensecNaturezaLitigioRemoveData";
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
export default async function TCensecNaturezaLitigioRemoveService(data: TCensecNaturezaLitigioInterface) {
const response = await TCensecNaturezaLitigioRemoveData(data);
return response;
}

10
src/app/(protected)/(cadastros)/cadastros/_services/t_censecnaturezalitigio/TCensecNaturezaLitigioSaveService.ts Normal file
View file

@ -0,0 +1,10 @@
import TCensecNaturezaLitigioSaveData from "../../_data/TCensecNaturezaLitigio/TCensecNaturezaLitigioSaveData";
import { TCensecNaturezaLitigioInterface } from "../../_interfaces/TCensecNaturezaLitigioInterface";
export default async function TCensecNaturezaLitigioSaveService(data: TCensecNaturezaLitigioInterface) {
const response = await TCensecNaturezaLitigioSaveData(data);
return response;
}

4
src/components/app-sidebar.tsx
View file

@ -112,6 +112,10 @@ const data = {
{
title: "Tipo de Medida",
url: "/cadastros/medida-tipo"
},
{
title: "Natureza Litígio (Censec)",
url: "/cadastros/censec-natureza-litigio"
}
],
},