@hed-hog/finance 0.0.245 → 0.0.249

package/hedhog/frontend/app/cash-and-banks/statements/page.tsx.ejs

@@ -9,6 +9,14 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
 import { FilterBar } from '@/components/ui/filter-bar';
 import {
   Form,
@@ -166,7 +174,7 @@ function ImportarExtratoSheet({
                   <FormLabel>{t('importDialog.bankAccount')}</FormLabel>
                   <Select value={field.value} onValueChange={field.onChange}>
                     <FormControl>
-                      <SelectTrigger>
+                      <SelectTrigger className="w-full">
                         <SelectValue
                           placeholder={t('importDialog.selectAccount')}
                         />
@@ -238,8 +246,10 @@ export default function ExtratosPage() {
 
   const [contaFilter, setContaFilter] = useState<string>('');
   const [search, setSearch] = useState('');
+  const [extratoSelecionado, setExtratoSelecionado] =
+    useState<Statement | null>(null);
 
-  const { data: contasBancarias } = useQuery<BankAccount[]>({
+  const { data: contasBancarias = [] } = useQuery<BankAccount[]>({
     queryKey: ['finance-bank-accounts'],
     queryFn: async () => {
       const response = await request({
@@ -249,7 +259,6 @@ export default function ExtratosPage() {
 
       return (response?.data || []) as BankAccount[];
     },
-    initialData: [],
   });
 
   useEffect(() => {
@@ -285,7 +294,9 @@ export default function ExtratosPage() {
     searchParams,
   ]);
 
-  const { data: extratos, refetch: refetchExtratos } = useQuery<Statement[]>({
+  const { data: extratos = [], refetch: refetchExtratos } = useQuery<
+    Statement[]
+  >({
     queryKey: ['finance-statements', contaFilter],
     queryFn: async () => {
       if (!contaFilter) {
@@ -299,7 +310,6 @@ export default function ExtratosPage() {
 
       return (response?.data || []) as Statement[];
     },
-    initialData: [],
   });
 
   const filteredExtratos = useMemo(
@@ -311,6 +321,11 @@ export default function ExtratosPage() {
   );
 
   const conta = contasBancarias.find((item) => item.id === contaFilter);
+  const contaExtratoSelecionado = extratoSelecionado
+    ? contasBancarias.find(
+        (item) => item.id === extratoSelecionado.contaBancariaId
+      )
+    : undefined;
   const totalEntradas = filteredExtratos
     .filter((e) => e.tipo === 'entrada')
     .reduce((acc, e) => acc + e.valor, 0);
@@ -466,60 +481,182 @@ export default function ExtratosPage() {
           </CardDescription>
         </CardHeader>
         <CardContent>
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead>{t('table.headers.date')}</TableHead>
-                <TableHead>{t('table.headers.description')}</TableHead>
-                <TableHead className="text-right">
-                  {t('table.headers.value')}
-                </TableHead>
-                <TableHead>{t('table.headers.type')}</TableHead>
-                <TableHead>{t('table.headers.reconciliation')}</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {filteredExtratos.map((extrato) => (
-                <TableRow key={extrato.id}>
-                  <TableCell>{formatarData(extrato.data)}</TableCell>
-                  <TableCell>{extrato.descricao}</TableCell>
-                  <TableCell className="text-right">
-                    <span
-                      className={
-                        extrato.tipo === 'entrada'
-                          ? 'text-green-600'
-                          : 'text-red-600'
+          <div className="overflow-x-auto">
+            <Table className="min-w-[760px] table-fixed">
+              <TableHeader>
+                <TableRow>
+                  <TableHead className="w-[110px]">
+                    {t('table.headers.date')}
+                  </TableHead>
+                  <TableHead>{t('table.headers.description')}</TableHead>
+                  <TableHead className="w-[130px] text-right">
+                    {t('table.headers.value')}
+                  </TableHead>
+                  <TableHead className="w-[110px]">
+                    {t('table.headers.type')}
+                  </TableHead>
+                  <TableHead className="w-[140px]">
+                    {t('table.headers.reconciliation')}
+                  </TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {filteredExtratos.map((extrato) => (
+                  <TableRow
+                    key={extrato.id}
+                    className="cursor-pointer"
+                    onClick={() => setExtratoSelecionado(extrato)}
+                    onKeyDown={(event) => {
+                      if (event.key === 'Enter' || event.key === ' ') {
+                        event.preventDefault();
+                        setExtratoSelecionado(extrato);
                       }
-                    >
-                      {extrato.tipo === 'saida' && '-'}
-                      <Money value={extrato.valor} />
-                    </span>
-                  </TableCell>
-                  <TableCell>
-                    {extrato.tipo === 'entrada' ? (
-                      <span className="flex items-center gap-1 text-green-600">
-                        <ArrowUpRight className="h-4 w-4" />
-                        {t('types.inflow')}
+                    }}
+                    role="button"
+                    tabIndex={0}
+                  >
+                    <TableCell>{formatarData(extrato.data)}</TableCell>
+                    <TableCell className="truncate" title={extrato.descricao}>
+                      {extrato.descricao}
+                    </TableCell>
+                    <TableCell className="text-right">
+                      <span
+                        className={
+                          extrato.tipo === 'entrada'
+                            ? 'text-green-600'
+                            : 'text-red-600'
+                        }
+                      >
+                        <Money value={extrato.valor} />
                       </span>
-                    ) : (
-                      <span className="flex items-center gap-1 text-red-600">
-                        <ArrowDownRight className="h-4 w-4" />
-                        {t('types.outflow')}
-                      </span>
-                    )}
-                  </TableCell>
-                  <TableCell>
-                    <StatusBadge
-                      status={extrato.statusConciliacao}
-                      type="conciliacao"
-                    />
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
+                    </TableCell>
+                    <TableCell>
+                      {extrato.tipo === 'entrada' ? (
+                        <span className="flex items-center gap-1 text-green-600">
+                          <ArrowUpRight className="h-4 w-4" />
+                          {t('types.inflow')}
+                        </span>
+                      ) : (
+                        <span className="flex items-center gap-1 text-red-600">
+                          <ArrowDownRight className="h-4 w-4" />
+                          {t('types.outflow')}
+                        </span>
+                      )}
+                    </TableCell>
+                    <TableCell>
+                      <StatusBadge
+                        status={extrato.statusConciliacao}
+                        type="conciliacao"
+                      />
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
         </CardContent>
       </Card>
+
+      <Dialog
+        open={!!extratoSelecionado}
+        onOpenChange={(open) => {
+          if (!open) {
+            setExtratoSelecionado(null);
+          }
+        }}
+      >
+        <DialogContent className="sm:max-w-lg">
+          <DialogHeader>
+            <DialogTitle>{t('table.title')}</DialogTitle>
+            <DialogDescription>{t('header.description')}</DialogDescription>
+          </DialogHeader>
+
+          {extratoSelecionado ? (
+            <div className="space-y-4 rounded-md border p-4">
+              <div className="text-center">
+                <p className="text-sm text-muted-foreground">
+                  {t('table.headers.reconciliation')}
+                </p>
+                <div className="mt-1 flex justify-center">
+                  <StatusBadge
+                    status={extratoSelecionado.statusConciliacao}
+                    type="conciliacao"
+                  />
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
+                <div>
+                  <p className="text-xs text-muted-foreground">
+                    {t('table.headers.date')}
+                  </p>
+                  <p className="font-medium">
+                    {formatarData(extratoSelecionado.data)}
+                  </p>
+                </div>
+                <div>
+                  <p className="text-xs text-muted-foreground">
+                    {t('table.headers.type')}
+                  </p>
+                  <p className="font-medium">
+                    {extratoSelecionado.tipo === 'entrada'
+                      ? t('types.inflow')
+                      : t('types.outflow')}
+                  </p>
+                </div>
+                <div className="sm:col-span-2">
+                  <p className="text-xs text-muted-foreground">
+                    {t('table.headers.description')}
+                  </p>
+                  <p className="font-medium wrap-break-word">
+                    {extratoSelecionado.descricao}
+                  </p>
+                </div>
+                <div>
+                  <p className="text-xs text-muted-foreground">
+                    {t('table.headers.value')}
+                  </p>
+                  <p
+                    className={`font-medium ${
+                      extratoSelecionado.tipo === 'entrada'
+                        ? 'text-green-600'
+                        : 'text-red-600'
+                    }`}
+                  >
+                    <Money value={extratoSelecionado.valor} />
+                  </p>
+                </div>
+                <div>
+                  <p className="text-xs text-muted-foreground">
+                    {t('importDialog.bankAccount')}
+                  </p>
+                  <p className="font-medium">
+                    {contaExtratoSelecionado
+                      ? `${contaExtratoSelecionado.banco} - ${contaExtratoSelecionado.descricao}`
+                      : '-'}
+                  </p>
+                </div>
+                <div className="sm:col-span-2">
+                  <p className="text-xs text-muted-foreground">ID</p>
+                  <p className="font-mono text-xs break-all">
+                    {extratoSelecionado.id}
+                  </p>
+                </div>
+              </div>
+            </div>
+          ) : null}
+
+          <DialogFooter>
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => setExtratoSelecionado(null)}
+            >
+              {t('common.cancel')}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
     </Page>
   );
 }

package/hedhog/query/setting-filetype.sql

@@ -58,10 +58,34 @@ SELECT
 	NOW()
 FROM ordered_missing;
 
+-- Sincroniza o campo setting.value com os valores atuais da setting_list
+WITH target AS (
+	SELECT id
+	FROM setting
+	WHERE slug = 'storage-accept-mimetype'
+),
+rebuilt AS (
+	SELECT
+		t.id,
+		COALESCE(
+			jsonb_agg(to_jsonb(sl.value) ORDER BY sl."order", sl.id)::text,
+			'[]'
+		) AS value_array
+	FROM target t
+	LEFT JOIN setting_list sl ON sl.setting_id = t.id
+	GROUP BY t.id
+)
+UPDATE setting s
+SET value = r.value_array,
+		updated_at = NOW()
+FROM rebuilt r
+WHERE s.id = r.id;
+
 -- Verificação
 SELECT
 	s.id,
 	s.slug,
+	s.value,
 	sl."order",
 	sl.value
 FROM setting s

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/finance",
-  "version": "0.0.245",
+  "version": "0.0.249",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -9,14 +9,14 @@
     "@nestjs/core": "^11",
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
+    "@hed-hog/tag": "0.0.249",
     "@hed-hog/api-pagination": "0.0.5",
+    "@hed-hog/contact": "0.0.249",
     "@hed-hog/api-prisma": "0.0.4",
-    "@hed-hog/tag": "0.0.240",
-    "@hed-hog/api-locale": "0.0.11",
-    "@hed-hog/api": "0.0.3",
-    "@hed-hog/contact": "0.0.240",
     "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/core": "0.0.240"
+    "@hed-hog/api": "0.0.3",
+    "@hed-hog/api-locale": "0.0.11",
+    "@hed-hog/core": "0.0.249"
   },
   "exports": {
     ".": {