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

[MVPTN-120] feat(CRUD): Cria o Crud de Vincular as qualidades ao ato

Browse source
This commit is contained in:
Keven Willian Pereira de Souza 2025-10-17 09:04:27 -03:00
parent 3bd3134d33
commit b48ffc4bd5
23 changed files with 804 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

292
src/app/(protected)/(cadastros)/cadastros/_components/t_censec_tipoato/TCensecTipoAtoForm.tsx
View file

@ -4,7 +4,6 @@ import z from "zod";
import { useEffect } from "react";
import { useForm, Controller } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { Checkbox } from "@/components/ui/checkbox";
import LoadingButton from "@/shared/components/loadingButton/LoadingButton";
import { Button } from "@/components/ui/button";
import {
@ -26,11 +25,13 @@ import {
} from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import { Label } from "@/components/ui/label";
import { TCensecTipoAtoSchema } from "../../_schemas/TCensecTipoAtoSchema";
import TCensecInterface from "../../_interfaces/TCensecInterface";
import { SituacoesEnum } from "@/shared/enums/SituacoesEnum";
import SituacoesSelect from "@/shared/components/situacoes/SituacoesSelect";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { IdCardIcon, UserIcon } from "lucide-react";
import TCensecQualidadeAtoIndex from "@/packages/administrativo/components/TCensecQualidadeAto/TCensecQualidadeAtoIndex";
type FormValues = z.infer<typeof TCensecTipoAtoSchema>;
@ -51,7 +52,7 @@ export default function TCensecTipoAtoForm({
onSave,
buttonIsLoading
}: TCensecTipoAtoFormProps) {
// react-hook-form com schema Zod
const form = useForm<FormValues>({
resolver: zodResolver(TCensecTipoAtoSchema),
defaultValues: {
@ -65,7 +66,6 @@ export default function TCensecTipoAtoForm({
},
});
// Atualiza o formulário se houver dados para edição
useEffect(() => {
if (data) form.reset(data);
}, [data, form]);
@ -77,7 +77,7 @@ 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>
@ -85,138 +85,172 @@ export default function TCensecTipoAtoForm({
</DialogDescription>
</DialogHeader>
<Form {...form}>
<form onSubmit={form.handleSubmit(onSave)} className="space-y-6">
{/* Conteúdo principal dentro das Tabs */}
<Tabs defaultValue="dadosGerais" className="space-y-4">
<TabsList className="flex w-full">
<TabsTrigger className="flex-1 cursor-pointer text-center" value="dadosGerais">
<UserIcon className="me-1" />
Dados Gerais
</TabsTrigger>
{data?.censec_tipoato_id && (
<TabsTrigger className="flex-1 cursor-pointer text-center" value="qualidades">
<IdCardIcon className="me-1" />
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>
)}
/>
<div className="max-h-[80vh] overflow-y-auto">
{/* ABA DADOS GERAIS */}
<TabsContent value="dadosGerais">
<Form {...form}>
<form onSubmit={form.handleSubmit(onSave)} className="space-y-6">
{/* 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>
)}
/>
{/* 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>
)}
/>
{/* Situação */}
<Controller
name="situacao"
control={form.control}
render={({ field }) => (
<div className="flex items-center space-x-2">
<SituacoesSelect field={field} />
<Label>Ativo</Label>
</div>
)}
/>
{/* Situação */}
<Controller
name="situacao"
control={form.control}
render={({ field }) => (
<FormItem>
<FormLabel>Situação</FormLabel>
<FormControl>
<SituacoesSelect field={field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{/* 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 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>
)}
/>
{/* 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>
{/* Rodapé do formulário */}
<DialogFooter className="mt-6">
<DialogClose asChild>
<Button
variant="outline"
type="button"
onClick={() => onClose(null, false)}
>
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>
{/* ======== ABA QUALIDADES ======== */}
{data?.censec_tipoato_id && (
<TabsContent value="qualidades" className="space-y-4">
<TCensecQualidadeAtoIndex censec_tipoato_id={data.censec_tipoato_id} />
</TabsContent>
)}
</div>
</Tabs>
</DialogContent>
</Dialog>
);

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

@ -137,10 +137,6 @@ const data = {
title: "Censec/Qualidades",
url: "/administrativo/censec/qualidades"
},
{
title: "Censec/Qualidades",
url: "/administrativo/censec/naturezas"
},
{
title: 'Censec/Centrais',
url: '/cadastros/censec/',

64
src/packages/administrativo/components/TCensecQualidadeAto/TCensecQualidadeAtoColumns.tsx Normal file
View file

@ -0,0 +1,64 @@
import { ColumnDef } from "@tanstack/react-table";
import { Button } from "@/components/ui/button";
import { ArrowUpDownIcon, EllipsisIcon, Trash2Icon } from "lucide-react";
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
import GetCapitalize from "@/shared/actions/text/GetCapitalize";
import { SortableHeader } from "@/shared/components/dataTable/SortableHeader";
import TCensecQualidadeAtoJoinedInterface from "../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoPageInterface";
export default function TCensecQualidadeAtoColumns(
onDelete: (item: TCensecQualidadeAtoJoinedInterface, isEditingFormStatus: boolean) => void,
): ColumnDef<TCensecQualidadeAtoJoinedInterface>[] {
return [
// ID
{
accessorKey: 'censec_qualidadeato_id',
header: ({ column }) => (
<Button
variant="ghost"
onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
>
# <ArrowUpDownIcon className="ml-1 h-4 w-4" />
</Button>
),
cell: ({ row }) => Number(row.getValue('censec_qualidadeato_id')),
enableSorting: false,
},
// Descrição
{
accessorKey: "tcq_descricao",
header: ({ column }) => SortableHeader("Descrição", column),
cell: ({ row }) => GetCapitalize(row.getValue("tcq_descricao")),
},
// Ações
{
id: 'actions',
header: 'Ações',
cell: ({ row }) => {
const pessoa = row.original;
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="ghost" size="icon" className="cursor-pointer">
<EllipsisIcon />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent side="left" align="start">
<DropdownMenuGroup>
<DropdownMenuItem
className="cursor-pointer text-red-600"
onSelect={() => onDelete(pessoa, true)}
>
<Trash2Icon className="mr-2 h-4 w-4" />
Remover
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
);
},
enableSorting: false,
enableHiding: false,
},
];
}

114
src/packages/administrativo/components/TCensecQualidadeAto/TCensecQualidadeAtoForm.tsx Normal file
View file

@ -0,0 +1,114 @@
'use client';
import React, { useEffect, useState } from 'react';
import { Button } from '@/components/ui/button';
import {
Dialog,
DialogClose,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog';
import { Form } from '@/components/ui/form';
import LoadingButton from '@/shared/components/loadingButton/LoadingButton';
import { DataTable } from '@/shared/components/dataTable/DataTable';
import { ResetFormIfData } from '@/shared/actions/form/ResetFormIfData';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
import { useTCensecQualidadeAtoFormHook } from '../../hooks/TCensecQualidadeAto/useTCensecQualidadeAtoFormHook';
import TCensecQualidadeAtoFormInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoFormInterface';
import { useTCensecQualidadeIndexHook } from '../../hooks/TCensecQualidade/useTCensecQualidadeIndexHook';
import TCensecQualidadeAtoFormColumns from './TCensecQualidadeAtoFormColumns';
export default function TCensecQualidadeAtoForm({
isOpen,
data,
onClose,
onSave,
buttonIsLoading,
}: TCensecQualidadeAtoFormInterface) {
const { tCensecQualidade, indexTCensecQualidade } = useTCensecQualidadeIndexHook();
const [selectedTCensecQualidadeAto, setSelectedTCensecQualidadeAto] = useState<TCensecQualidadeAtoInterface | null>(null);
// Inicializa o react-hook-form com schema zod
const form = useTCensecQualidadeAtoFormHook();
// Atualiza o formulário quando recebe dados para edição
useEffect(() => {
const loadData = async () => {
ResetFormIfData(form, data);
await indexTCensecQualidade();
};
loadData();
}, [data, form]);
useEffect(() => {
const newValue = selectedTCensecQualidadeAto?.censec_qualidade_id ?? 0;
const currentValue = form.getValues('censec_qualidade_id');
if (currentValue !== newValue) {
form.setValue('censec_qualidade_id', newValue);
}
}, [selectedTCensecQualidadeAto, form]);
const columns = TCensecQualidadeAtoFormColumns(setSelectedTCensecQualidadeAto);
function onError(error: any) {
console.log(error);
}
return (
<Dialog
open={isOpen}
onOpenChange={(open) => {
if (!open) onClose(null, false);
}}
>
<DialogContent className="w-full max-w-full p-6 sm:max-w-4xl md:max-w-4xl lg:max-w-4xl max-h-[70vh] overflow-auto">
<DialogHeader>
<DialogTitle>
Qualidades
</DialogTitle>
<DialogDescription>
Qualidades vinculadas
</DialogDescription>
</DialogHeader>
<Form {...form}>
<form onSubmit={form.handleSubmit(onSave, onError)} className="space-y-6">
<div className="max-h-[50vh] overflow-y-auto">
<DataTable
data={tCensecQualidade}
columns={columns}
filterColumn="descricao"
filterPlaceholder="Buscar pela descrição..."
/>
</div>
{/* Rodapé do Dialog */}
<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..."
loading={buttonIsLoading}
type="submit"
/>
</DialogFooter>
</form>
</Form>
</DialogContent>
</Dialog>
);
}

60
src/packages/administrativo/components/TCensecQualidadeAto/TCensecQualidadeAtoFormColumns.tsx Normal file
View file

@ -0,0 +1,60 @@
import { ColumnDef } from "@tanstack/react-table";
import { Checkbox } from "@/components/ui/checkbox";
import { Button } from "@/components/ui/button";
import { ArrowUpDownIcon } from "lucide-react";
import TCensecQualidadeAtoInterface from "../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface";
import TCensecQualidadeInterface from "../../interfaces/TCensecQualidade/TCensecQualidadeInterface";
import GetCapitalize from "@/shared/actions/text/GetCapitalize";
export default function TCensecQualidadeAtoFormColumns(
setSelectedTCensecQualidadeAto: React.Dispatch<React.SetStateAction<TCensecQualidadeAtoInterface | null>>,
): ColumnDef<TCensecQualidadeInterface>[] {
return [
{
id: 'select',
header: '',
cell: ({ row, table }) => (
<Checkbox
checked={row.getIsSelected()}
onCheckedChange={(value) => {
// Limpa todas as seleções antes de selecionar uma nova
table.resetRowSelection();
row.toggleSelected(!!value);
setSelectedTCensecQualidadeAto(value ? row.original : null);
}}
aria-label="Select row"
/>
),
enableSorting: false,
enableHiding: false,
},
// ID
{
accessorKey: 'censec_qualidade_id',
header: ({ column }) => (
<Button
variant="ghost"
onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
>
# <ArrowUpDownIcon className="ml-1 h-4 w-4" />
</Button>
),
cell: ({ row }) => Number(row.getValue('censec_qualidade_id')),
enableSorting: true,
},
// ID
{
accessorKey: 'descricao',
header: ({ column }) => (
<Button
variant="ghost"
onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
>
# <ArrowUpDownIcon className="ml-1 h-4 w-4" />
</Button>
),
cell: ({ row }) => GetCapitalize(row.getValue('descricao')),
enableSorting: true,
},
];
}

165
src/packages/administrativo/components/TCensecQualidadeAto/TCensecQualidadeAtoIndex.tsx Normal file
View file

@ -0,0 +1,165 @@
'use client';
import React, { useEffect, useState, useCallback } from 'react';
import { useTCensecQualidadeAtoIndexHook } from '../../hooks/TCensecQualidadeAto/useTCensecQualidadeAtoIndexHook';
import { useTCensecQualidadeAtoSaveHook } from '../../hooks/TCensecQualidadeAto/useTCensecQualidadeAtoSaveHook';
import { useTCensecQualidadeAtoDeleteHook } from '../../hooks/TCensecQualidadeAto/useTCensecQualidadeAtoDeleteHook';
import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
import { useConfirmDialog } from '@/shared/components/confirmDialog/useConfirmDialog';
import TCensecQualidadeAtoTable from './TCensecQualidadeAtoTable';
import Header from '@/shared/components/structure/Header';
import TCensecQualidadeAtoForm from './TCensecQualidadeAtoForm';
import TCensecQualidadeAtoPageInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoPageInterface';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
export default function TCensecQualidadeAtoIndex({ censec_tipoato_id }: TCensecQualidadeAtoPageInterface) {
const TCensecQualidadeAtoPage: TCensecQualidadeAtoPageInterface = {
censec_tipoato_id: censec_tipoato_id
}
// Controle de estado do botão
const [buttonIsLoading, setButtonIsLoading] = useState(false);
// Hooks para leitura e salvamento
const { tPessoaRepresentante, fetchTCensecQualidadeAto } = useTCensecQualidadeAtoIndexHook();
const { saveTCensecQualidadeAto } = useTCensecQualidadeAtoSaveHook();
const { removeTPessaoRepresentante } = useTCensecQualidadeAtoDeleteHook();
// Estados
const [selectedData, setSelectedData] = useState<TCensecQualidadeAtoInterface | null>(null);
const [isFormOpen, setIsFormOpen] = useState(false);
// Estado para saber qual item será deletado
const [itemToDelete, setItemToDelete] = useState<TCensecQualidadeAtoInterface | null>(null);
/**
* Hook do modal de confirmação
*/
const {
isOpen: isConfirmOpen,
openDialog: openConfirmDialog,
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 imovel_id
const initialData: TCensecQualidadeAtoPageInterface = data ?? { censec_tipoato_id } as TCensecQualidadeAtoPageInterface;
setSelectedData(initialData);
setIsFormOpen(true);
}, []);
/**
* Fecha o formulário e limpa o andamento selecionado
*/
const handleCloseForm = useCallback(() => {
setSelectedData(null);
setIsFormOpen(false);
}, []);
/**
* Salva os dados do formulário
*/
const handleSave = useCallback(
async (formData: TCensecQualidadeAtoInterface) => {
// Coloca o botão em estado de loading
setButtonIsLoading(true);
// Aguarda salvar o registro
await saveTCensecQualidadeAto(formData);
// Remove o botão em estado de loading
setButtonIsLoading(false);
// Atualiza a lista de dados
fetchTCensecQualidadeAto(TCensecQualidadeAtoPage);
},
[saveTCensecQualidadeAto, fetchTCensecQualidadeAto, handleCloseForm],
);
/**
* Quando o usuário clica em "remover" na tabela
*/
const handleConfirmDelete = useCallback(
(item: TCensecQualidadeAtoInterface) => {
// Define o item atual para remoção
setItemToDelete(item);
// Abre o modal de confirmação
openConfirmDialog();
},
[openConfirmDialog],
);
/**
* Executa a exclusão de fato quando o usuário confirma
*/
const handleDelete = useCallback(async () => {
// Protege contra null
if (!itemToDelete) return;
// Executa o Hook de remoção
await removeTPessaoRepresentante(itemToDelete);
// Atualiza a lista
await fetchTCensecQualidadeAto(TCensecQualidadeAtoPage);
// Limpa o item selecionado
setItemToDelete(null);
// Fecha o modal
handleCancel();
}, [itemToDelete, fetchTCensecQualidadeAto, handleCancel]);
/**
* Busca inicial dos dados
*/
useEffect(() => {
fetchTCensecQualidadeAto(TCensecQualidadeAtoPage);
}, []);
return (
<div>
{/* Cabeçalho */}
<Header
title={'Qualidades'}
description={'Qualidades vinculadas'}
buttonText={'Nova qualidade'}
buttonAction={() => {
handleOpenForm(null);
}}
/>
{/* Tabela de Registros */}
<TCensecQualidadeAtoTable
data={tPessoaRepresentante}
onDelete={handleConfirmDelete}
onEdit={handleOpenForm}
/>
{/* Modal de confirmação */}
{isConfirmOpen && (
<ConfirmDialog
isOpen={isConfirmOpen}
title="Confirmar exclusão"
description="Atenção"
message={`Deseja realmente excluir a qualidade "${itemToDelete?.censec_qualidadeato_id}"?`}
confirmText="Sim, excluir"
cancelText="Cancelar"
onConfirm={handleDelete}
onCancel={handleCancel}
/>
)}
{/* Formulário de criação/edição */}
{isFormOpen && (
<TCensecQualidadeAtoForm
isOpen={isFormOpen}
data={selectedData}
onClose={handleCloseForm}
onSave={handleSave}
buttonIsLoading={buttonIsLoading}
/>
)}
</div>
);
}

31
src/packages/administrativo/components/TCensecQualidadeAto/TCensecQualidadeAtoTable.tsx Normal file
View file

@ -0,0 +1,31 @@
'use client';
import { DataTable } from '@/shared/components/dataTable/DataTable';
import TCensecQualidadeAtoColumns from './TCensecQualidadeAtoColumns';
import TCensecQualidadeAtoTableInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoTableInterface';
/**
* Componente principal da tabela
*/
export default function TCensecQualidadeAtoTable({
data,
onDelete,
}: TCensecQualidadeAtoTableInterface) {
const columns = TCensecQualidadeAtoColumns(onDelete);
const isEmpty = !data || data.length === 0;
return (
<div className='max-h-[50vh] overflow-auto'>
{isEmpty ? (
<div className="p-6 text-center text-muted-foreground">
Nenhuma unidade cadastrada ainda.
</div>
) : (
<DataTable
data={data}
columns={columns}
/>
)}
</div>
);
}

14
src/packages/administrativo/data/TCensecQualidadeAto/TCensecQualidadeAtoIndexData.ts Normal file
View file

@ -0,0 +1,14 @@
import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
import API from '@/shared/services/api/Api';
import { Methods } from '@/shared/services/api/enums/ApiMethodEnum';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
async function executeTCensecQualidadeAtoIndexData(data: TCensecQualidadeAtoInterface) {
const api = new API();
return await api.send({
method: Methods.GET,
endpoint: `administrativo/t_censec_qualidadeato/tipo-ato/${data.censec_tipoato_id}`,
});
}
export const TCensecQualidadeAtoIndexData = withClientErrorHandler(executeTCensecQualidadeAtoIndexData);

14
src/packages/administrativo/data/TCensecQualidadeAto/TCensecQualidadeAtoRemoveData.ts Normal file
View file

@ -0,0 +1,14 @@
import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
import API from '@/shared/services/api/Api';
import { Methods } from '@/shared/services/api/enums/ApiMethodEnum';
async function executeTCensecQualidadeAtoRemoveData(data: TCensecQualidadeAtoInterface) {
const api = new API();
return api.send({
method: Methods.DELETE,
endpoint: `administrativo/t_censec_qualidadeato/${data.censec_qualidadeato_id}`,
});
}
export const TCensecQualidadeAtoRemoveData = withClientErrorHandler(executeTCensecQualidadeAtoRemoveData);

19
src/packages/administrativo/data/TCensecQualidadeAto/TCensecQualidadeAtoSaveData.ts Normal file
View file

@ -0,0 +1,19 @@
import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
import API from '@/shared/services/api/Api';
import { Methods } from '@/shared/services/api/enums/ApiMethodEnum';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
async function executeTCensecQualidadeAtoSaveData(data: TCensecQualidadeAtoInterface) {
// Instancia o cliente da API para enviar a requisição
const api = new API();
// Executa a requisição para a API com o método apropriado e envia os dados no corpo
return await api.send({
method: Methods.POST,
endpoint: `administrativo/t_censec_qualidadeato/`, // endpoint dinâmico
body: data,
});
}
export const TCensecQualidadeAtoSaveData = withClientErrorHandler(executeTCensecQualidadeAtoSaveData);

15
src/packages/administrativo/hooks/TCensecQualidadeAto/useTCensecQualidadeAtoDeleteHook.ts Normal file
View file

@ -0,0 +1,15 @@
import { useResponse } from '@/shared/components/response/ResponseContext';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
import { TCensecQualidadeAtoRemoveService } from '../../services/TCensecQualidadeAto/TCensecQualidadeAtoRemoveService';
export const useTCensecQualidadeAtoDeleteHook = () => {
const { setResponse } = useResponse();
const removeTPessaoRepresentante = async (data: TCensecQualidadeAtoInterface) => {
const response = await TCensecQualidadeAtoRemoveService(data);
setResponse(response);
};
return { removeTPessaoRepresentante };
};

15
src/packages/administrativo/hooks/TCensecQualidadeAto/useTCensecQualidadeAtoFormHook.ts Normal file
View file

@ -0,0 +1,15 @@
// hooks/useTPessoaForm.ts
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import TCensecQualidadeAtoInterface from "../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface";
import { TCensecQualidadeAtoFormValues, TCensecQualidadeAtoSchema } from "../../schemas/TCensecQualidadeAto/TCensecQualidadeAtoSchema";
// Hook customizado
export function useTCensecQualidadeAtoFormHook(defaults?: Partial<TCensecQualidadeAtoInterface>) {
return useForm<TCensecQualidadeAtoFormValues>({
resolver: zodResolver(TCensecQualidadeAtoSchema),
defaultValues: {
...defaults,
},
});
}

21
src/packages/administrativo/hooks/TCensecQualidadeAto/useTCensecQualidadeAtoIndexHook.ts Normal file
View file

@ -0,0 +1,21 @@
import { useResponse } from '@/shared/components/response/ResponseContext';
import { useState } from 'react';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
import { TCensecQualidadeAtoIndexService } from '../../services/TCensecQualidadeAto/TCensecQualidadeAtoIndexService';
export const useTCensecQualidadeAtoIndexHook = () => {
const { setResponse } = useResponse();
const [tPessoaRepresentante, setTCensecQualidadeAto] = useState<TCensecQualidadeAtoInterface[]>([]);
const fetchTCensecQualidadeAto = async (data: TCensecQualidadeAtoInterface) => {
const response = await TCensecQualidadeAtoIndexService(data);
setTCensecQualidadeAto(response.data);
setResponse(response);
};
return { tPessoaRepresentante, fetchTCensecQualidadeAto };
};

33
src/packages/administrativo/hooks/TCensecQualidadeAto/useTCensecQualidadeAtoSaveHook.ts Normal file
View file

@ -0,0 +1,33 @@
'use client';
import { useResponse } from '@/shared/components/response/ResponseContext';
import { useState } from 'react';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
import { TCensecQualidadeAtoSaveService } from '../../services/TCensecQualidadeAto/TCensecQualidadeAtoSaveService';
export const useTCensecQualidadeAtoSaveHook = () => {
const { setResponse } = useResponse();
const [tPessoaRepresentante, setTCensecQualidadeAto] = useState<TCensecQualidadeAtoInterface>();
// controla se o formulário está aberto ou fechado
const [isOpen, setIsOpen] = useState(false);
const saveTCensecQualidadeAto = async (data: TCensecQualidadeAtoInterface) => {
const response = await TCensecQualidadeAtoSaveService(data);
// Armazena os dados da repsota
setTCensecQualidadeAto(response.data);
// Define os dados da respota(toast, modal, etc)
setResponse(response);
// Fecha o formulário automaticamente após salvar
setIsOpen(false);
// Retorna os valores de forma imediata
return response.data;
};
return { tPessoaRepresentante, saveTCensecQualidadeAto };
};

9
src/packages/administrativo/interfaces/TCensecQualidadeAto/TCensecQualidadeAtoFormInterface.ts Normal file
View file

@ -0,0 +1,9 @@
import { TCensecQualidadeAtoFormValues } from "../../schemas/TCensecQualidadeAto/TCensecQualidadeAtoSchema";
export default interface TCensecQualidadeAtoFormInterface {
isOpen: boolean;
data: TCensecQualidadeAtoFormValues | null;
onClose: (item: null, isFormStatus: boolean) => void;
onSave: (data: TCensecQualidadeAtoFormValues) => void;
buttonIsLoading: boolean;
}

6
src/packages/administrativo/interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface.ts Normal file
View file

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

5
src/packages/administrativo/interfaces/TCensecQualidadeAto/TCensecQualidadeAtoJoinedInterface.ts Normal file
View file

@ -0,0 +1,5 @@
import TCensecQualidadeAtoInterface from "./TCensecQualidadeAtoInterface";
export default interface TCensecQualidadeAtoJoinedInterface extends TCensecQualidadeAtoInterface {
tcq_descricao?: string
}

3
src/packages/administrativo/interfaces/TCensecQualidadeAto/TCensecQualidadeAtoPageInterface.ts Normal file
View file

@ -0,0 +1,3 @@
export default interface TCensecQualidadeAtoJoinedInterface {
censec_tipoato_id?: number
}

7
src/packages/administrativo/interfaces/TCensecQualidadeAto/TCensecQualidadeAtoTableInterface.ts Normal file
View file

@ -0,0 +1,7 @@
import TCensecQualidadeAtoJoinedInterface from "./TCensecQualidadeAtoPageInterface";
export default interface TCensecQualidadeAtoTableInterface {
data: TCensecQualidadeAtoJoinedInterface[];
onEdit: (item: TCensecQualidadeAtoJoinedInterface, isEditingFormStatus: boolean) => void;
onDelete: (item: TCensecQualidadeAtoJoinedInterface, isEditingFormStatus: boolean) => void;
}

10
src/packages/administrativo/schemas/TCensecQualidadeAto/TCensecQualidadeAtoSchema.ts Normal file
View file

@ -0,0 +1,10 @@
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(),
});
export type TCensecQualidadeAtoFormValues = z.infer<typeof TCensecQualidadeAtoSchema>;

11
src/packages/administrativo/services/TCensecQualidadeAto/TCensecQualidadeAtoIndexService.ts Normal file
View file

@ -0,0 +1,11 @@
import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
import { TCensecQualidadeAtoIndexData } from '../../data/TCensecQualidadeAto/TCensecQualidadeAtoIndexData';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
async function executeTCensecQualidadeAtoIndexService(data: TCensecQualidadeAtoInterface) {
return await TCensecQualidadeAtoIndexData(data);
}
export const TCensecQualidadeAtoIndexService = withClientErrorHandler(
executeTCensecQualidadeAtoIndexService
);

13
src/packages/administrativo/services/TCensecQualidadeAto/TCensecQualidadeAtoRemoveService.ts Normal file
View file

@ -0,0 +1,13 @@
import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
import { TCensecQualidadeAtoRemoveData } from '../../data/TCensecQualidadeAto/TCensecQualidadeAtoRemoveData';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
async function executeTCensecQualidadeAtoRemoveService(data: TCensecQualidadeAtoInterface) {
const response = TCensecQualidadeAtoRemoveData(data);
return response;
}
export const TCensecQualidadeAtoRemoveService = withClientErrorHandler(
executeTCensecQualidadeAtoRemoveService
);

12
src/packages/administrativo/services/TCensecQualidadeAto/TCensecQualidadeAtoSaveService.ts Normal file
View file

@ -0,0 +1,12 @@
import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
import { TCensecQualidadeAtoSaveData } from '../../data/TCensecQualidadeAto/TCensecQualidadeAtoSaveData';
import TCensecQualidadeAtoInterface from '../../interfaces/TCensecQualidadeAto/TCensecQualidadeAtoInterface';
async function executeTCensecQualidadeAtoSaveService(data: TCensecQualidadeAtoInterface) {
const response = await TCensecQualidadeAtoSaveData(data);
return response;
}
export const TCensecQualidadeAtoSaveService = withClientErrorHandler(
executeTCensecQualidadeAtoSaveService
);