Merge pull request 'add/tables' (#57) from add/tables into development

Reviewed-on: ADUANASOFT/anexo76#57
2026-01-20 18:54:41 +00:00
parent ef94929fd9 9567a584a5
commit 9eb9abca23
19 changed files with 896 additions and 141 deletions
--- a/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
+++ b/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
@@ -37,6 +37,61 @@ export function createColumns(onSuccess) {
                return renderSnippet(snippet, { val: row.original.name });
            }
        },
+        {
+            id: "streets",
+            header: "Calles",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<div class="max-w-[200px] truncate" title="${val || ''}">${val || '-'}</div>` };
+                });
+                return renderSnippet(snippet, { val: row.original.address?.streets });
+            }
+        },
+        {
+            id: "exterior_number",
+            header: "Num Ext.",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<div>${val || '-'}</div>` };
+                });
+                return renderSnippet(snippet, { val: row.original.address?.exterior_number });
+            }
+        },
+        {
+            id: "postal_code",
+            header: "Código Postal",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<code class="bg-muted px-1 py-0.5 rounded text-sm">${val || '-'}</code>` };
+                });
+                return renderSnippet(snippet, { val: row.original.address?.postal_code });
+            }
+        },
+        {
+            id: "neighborhood",
+            header: "Colonia",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<div class="max-w-[150px] truncate" title="${val || ''}">${val || '-'}</div>` };
+                });
+                return renderSnippet(snippet, { val: row.original.address?.neighborhood });
+            }
+        },
+        {
+            id: "city",
+            header: "Ciudad",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<div class="max-w-[150px] truncate" title="${val || ''}">${val || '-'}</div>` };
+                });
+                return renderSnippet(snippet, { val: row.original.address?.city });
+            }
+        },
        {
            id: "country",
            header: "País",
--- a/frontend/src/lib/components/dashboard/customs_brokers/columns.ts
+++ b/frontend/src/lib/components/dashboard/customs_brokers/columns.ts
@@ -22,9 +22,22 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CustomsBroker>[
 				return renderSnippet(keySnippet, { key: row.original.broker_key });
 			}
 		},
+		{
+			accessorKey: "type",
+			header: "Tipo",
+			cell: ({ row }) => {
+				const typeSnippet = createRawSnippet<[{ type: string | null | undefined }]>((getType) => {
+					const { type } = getType();
+					return {
+						render: () => `<div class="max-w-[120px] truncate">${type || '-'}</div>`
+					};
+				});
+				return renderSnippet(typeSnippet, { type: row.original.type });
+			}
+		},
 		{
 			accessorKey: "name",
-			header: "Nombre",
+			header: "Nombre Completo",
 			cell: ({ row }) => {
 				const nameSnippet = createRawSnippet<[{ name: string | null | undefined }]>((getName) => {
 					const { name } = getName();
@@ -36,16 +49,84 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CustomsBroker>[
 			}
 		},
 		{
-			accessorKey: "type",
-			header: "Tipo",
+			accessorKey: "address",
+			header: "Dirección",
 			cell: ({ row }) => {
-				const typeSnippet = createRawSnippet<[{ type: string | null | undefined }]>((getType) => {
-					const { type } = getType();
+				const addressSnippet = createRawSnippet<[{ address: string | null | undefined }]>((getAddress) => {
+					const { address } = getAddress();
 					return {
-						render: () => `<div class="max-w-[120px] truncate">${type || '-'}</div>`
+						render: () => `<div class="max-w-[250px] truncate" title="${address || ''}">${address || '-'}</div>`
 					};
 				});
-				return renderSnippet(typeSnippet, { type: row.original.type });
+				return renderSnippet(addressSnippet, { address: row.original.address });
+			}
+		},
+		{
+			accessorKey: "postal_code",
+			header: "Código Postal",
+			cell: ({ row }) => {
+				const postalSnippet = createRawSnippet<[{ postal: string | null | undefined }]>((getPostal) => {
+					const { postal } = getPostal();
+					return {
+						render: () => 
+							postal 
+								? `<code class="bg-muted px-1 py-0.5 rounded text-sm">${postal}</code>`
+								: `<span class="text-muted-foreground">-</span>`
+					};
+				});
+				return renderSnippet(postalSnippet, { postal: row.original.postal_code });
+			}
+		},
+		{
+			accessorKey: "city",
+			header: "Ciudad",
+			cell: ({ row }) => {
+				const citySnippet = createRawSnippet<[{ city: string | null | undefined }]>((getCity) => {
+					const { city } = getCity();
+					return {
+						render: () => `<div class="max-w-[150px] truncate">${city || '-'}</div>`
+					};
+				});
+				return renderSnippet(citySnippet, { city: row.original.city });
+			}
+		},
+		{
+			accessorKey: "state",
+			header: "Estado",
+			cell: ({ row }) => {
+				const stateSnippet = createRawSnippet<[{ state: string | null | undefined }]>((getState) => {
+					const { state } = getState();
+					return {
+						render: () => `<div class="max-w-[150px] truncate">${state || '-'}</div>`
+					};
+				});
+				return renderSnippet(stateSnippet, { state: row.original.state });
+			}
+		},
+		{
+			accessorKey: "phone",
+			header: "Teléfono",
+			cell: ({ row }) => {
+				const phoneSnippet = createRawSnippet<[{ phone: string | null | undefined }]>((getPhone) => {
+					const { phone } = getPhone();
+					return {
+						render: () => `<div class="max-w-[140px] truncate text-sm">${phone || '-'}</div>`
+					};
+				});
+				return renderSnippet(phoneSnippet, { phone: row.original.phone });
+			}
+		},
+		{
+			accessorKey: "fax",
+			header: "Número Fax",
+			cell: ({ row }) => {
+				const faxSnippet = createRawSnippet<[{ fax: string | null | undefined }]>((getFax) => {
+					const { fax } = getFax();
+					return {
+						render: () => `<div class="max-w-[140px] truncate text-sm">${fax || '-'}</div>`
+					};
+				});
+				return renderSnippet(faxSnippet, { fax: row.original.fax });
 			}
 		},
 		{
@@ -90,32 +171,6 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CustomsBroker>[
 				return renderSnippet(emailSnippet, { email: row.original.email });
 			}
 		},
-		{
-			accessorKey: "phone",
-			header: "Teléfono",
-			cell: ({ row }) => {
-				const phoneSnippet = createRawSnippet<[{ phone: string | null | undefined }]>((getPhone) => {
-					const { phone } = getPhone();
-					return {
-						render: () => `<div class="max-w-[140px] truncate text-sm">${phone || '-'}</div>`
-					};
-				});
-				return renderSnippet(phoneSnippet, { phone: row.original.phone });
-			}
-		},
-		{
-			accessorKey: "city",
-			header: "Ciudad",
-			cell: ({ row }) => {
-				const citySnippet = createRawSnippet<[{ city: string | null | undefined }]>((getCity) => {
-					const { city } = getCity();
-					return {
-						render: () => `<div class="max-w-[150px] truncate">${city || '-'}</div>`
-					};
-				});
-				return renderSnippet(citySnippet, { city: row.original.city });
-			}
-		},
 		{
 			id: "actions",
 			header: "Acciones",
--- a/frontend/src/lib/components/dashboard/goods/parts/columns.ts
+++ b/frontend/src/lib/components/dashboard/goods/parts/columns.ts
@@ -112,7 +112,25 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Part>[] {
            }
        },

-        // 7. FRACCION
+        // 7. U.M. (Unidad de Medida)
+        {
+            accessorKey: "unit_of_measure",
+            header: "U.M.",
+            cell: ({ row }) => {
+                const umSnippet = createRawSnippet<[{ um: string }]>((getUm) => {
+                    const { um } = getUm();
+                    return {
+                        render: () =>
+                            `<span class="inline-flex items-center rounded-sm bg-blue-50 dark:bg-blue-900 text-blue-700 dark:text-blue-300 px-1.5 py-0.5 text-[10px] font-bold ring-1 ring-inset ring-blue-700/10">
+                                ${um}
+                            </span>`
+                    };
+                });
+                return renderSnippet(umSnippet, { um: row.original.unit_of_measure });
+            }
+        },
+
+        // 8. FRACCION
        {
            accessorKey: "fraction",
            header: "Fracción",
@@ -127,25 +145,22 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Part>[] {
            }
        },

-        // 8. UMT (Unidad de Medida)
+        // 9. U.M.T. (del inv_data)
        {
-            accessorKey: "unit_of_measure",
-            header: "UMT",
+            id: "stock_uom",
+            header: "U.M.T.",
            cell: ({ row }) => {
-                const umtSnippet = createRawSnippet<[{ um: string }]>((getUm) => {
-                    const { um } = getUm();
+                const umtSnippet = createRawSnippet<[{ umt: string }]>((getUmt) => {
+                    const { umt } = getUmt();
                    return {
-                        render: () =>
-                            `<span class="inline-flex items-center rounded-sm bg-blue-50 text-blue-700 px-1.5 py-0.5 text-[10px] font-bold ring-1 ring-inset ring-blue-700/10">
-                                ${um}
-                            </span>`
+                        render: () => `<div class="text-xs font-mono">${umt || '-'}</div>`
                    };
                });
-                return renderSnippet(umtSnippet, { um: row.original.unit_of_measure });
+                return renderSnippet(umtSnippet, { umt: row.original.inv_data?.stock_uom || '' });
            }
        },

-        // 9. COSTO
+        // 10. COSTO
        {
            accessorKey: "unit_cost",
            header: "Costo",
@@ -163,6 +178,78 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Part>[] {
            }
        },

+        // 11. MONEDA
+        {
+            accessorKey: "currency_key",
+            header: "Moneda",
+            cell: ({ row }) => {
+                const currSnippet = createRawSnippet<[{ curr: string }]>((getCurr) => {
+                    const { curr } = getCurr();
+                    return {
+                        render: () => `<span class="inline-flex items-center rounded-sm bg-emerald-50 dark:bg-emerald-900 text-emerald-700 dark:text-emerald-300 px-1.5 py-0.5 text-[10px] font-bold">${curr || '-'}</span>`
+                    };
+                });
+                return renderSnippet(currSnippet, { curr: row.original.currency_key || '' });
+            }
+        },
+
+        // 12. PESO UNITARIO
+        {
+            accessorKey: "unit_weight",
+            header: "Peso Unitario",
+            cell: ({ row }) => {
+                const weightSnippet = createRawSnippet<[{ weight: number | null, type: string | null }]>((getWeight) => {
+                    const { weight, type } = getWeight();
+                    return {
+                        render: () => {
+                            if (weight === null || weight === undefined) return '-';
+                            return `<div class="text-xs font-mono">${weight.toFixed(4)} ${type || ''}</div>`;
+                        }
+                    };
+                });
+                return renderSnippet(weightSnippet, { 
+                    weight: row.original.unit_weight,
+                    type: row.original.weight_type
+                });
+            }
+        },
+
+        // 13. U.M. EXIST (Stock UOM del inv_data)
+        {
+            id: "equivalent_uom",
+            header: "U.M. Exist",
+            cell: ({ row }) => {
+                const eqUomSnippet = createRawSnippet<[{ uom: string }]>((getUom) => {
+                    const { uom } = getUom();
+                    return {
+                        render: () => `<div class="text-xs">${uom || '-'}</div>`
+                    };
+                });
+                return renderSnippet(eqUomSnippet, { uom: row.original.inv_data?.equivalent_uom || '' });
+            }
+        },
+
+        // 14. FECHA MODIFICACIÓN
+        {
+            accessorKey: "updated_at",
+            header: "Fecha Modificación",
+            cell: ({ row }) => {
+                const dateSnippet = createRawSnippet<[{ date: string }]>((getDate) => {
+                    const { date } = getDate();
+                    if (!date) return { render: () => '-' };
+                    const formatted = new Date(date).toLocaleDateString('es-MX', {
+                        year: 'numeric',
+                        month: '2-digit',
+                        day: '2-digit'
+                    });
+                    return {
+                        render: () => `<div class="text-xs text-muted-foreground">${formatted}</div>`
+                    };
+                });
+                return renderSnippet(dateSnippet, { date: row.original.updated_at });
+            }
+        },
+
        // ACCIONES
        {
            id: "actions",
--- a/frontend/src/lib/components/dashboard/pedimentos/columns.ts
+++ b/frontend/src/lib/components/dashboard/pedimentos/columns.ts
@@ -117,6 +117,152 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Pedimento>[] {
 				return renderSnippet(numberSnippet, { number: fullNumber });
 			}
 		},
+		{
+			accessorKey: "pedimento_type",
+			header: "Tipo",
+			cell: ({ row }) => {
+				const typeSnippet = createRawSnippet<[{ type?: string | null }]>((getType) => {
+					const { type } = getType();
+					return {
+						render: () =>
+							`<div class="text-sm">${type || '-'}</div>`
+					};
+				});
+				return renderSnippet(typeSnippet, { type: row.original.pedimento_type });
+			}
+		},
+		{
+			accessorKey: "pedimento_code",
+			header: "Clave",
+			cell: ({ row }) => {
+				const codeSnippet = createRawSnippet<[{ code?: string | null }]>((getCode) => {
+					const { code } = getCode();
+					return {
+						render: () =>
+							`<div class="text-sm">${code || '-'}</div>`
+					};
+				});
+				return renderSnippet(codeSnippet, { code: row.original.pedimento_code });
+			}
+		},
+		{
+			accessorKey: "regime",
+			header: "Régimen",
+			cell: ({ row }) => {
+				const regimeSnippet = createRawSnippet<[{ regime?: string | null }]>((getRegime) => {
+					const { regime } = getRegime();
+					return {
+						render: () =>
+							`<div class="text-sm">${regime || '-'}</div>`
+					};
+				});
+				return renderSnippet(regimeSnippet, { regime: row.original.regime });
+			}
+		},
+		{
+			accessorKey: "pedimento_dates.start_date",
+			header: "Fecha Inicio",
+			cell: ({ row }) => {
+				const dateSnippet = createRawSnippet<[{ date: string }]>((getDate) => {
+					const { date } = getDate();
+					return {
+						render: () =>
+							`<div class="text-sm text-muted-foreground">${date}</div>`
+					};
+				});
+				return renderSnippet(dateSnippet, { date: formatDate(row.original.pedimento_dates?.start_date) });
+			}
+		},
+		{
+			accessorKey: "pedimento_dates.end_date",
+			header: "Fecha Final",
+			cell: ({ row }) => {
+				const dateSnippet = createRawSnippet<[{ date: string }]>((getDate) => {
+					const { date } = getDate();
+					return {
+						render: () =>
+							`<div class="text-sm text-muted-foreground">${date}</div>`
+					};
+				});
+				return renderSnippet(dateSnippet, { date: formatDate(row.original.pedimento_dates?.end_date) });
+			}
+		},
+		{
+			accessorKey: "pedimento_dates.payment_date",
+			header: "Fecha de Pago",
+			cell: ({ row }) => {
+				const dateSnippet = createRawSnippet<[{ date: string }]>((getDate) => {
+					const { date } = getDate();
+					return {
+						render: () =>
+							`<div class="text-sm text-muted-foreground">${date}</div>`
+					};
+				});
+				return renderSnippet(dateSnippet, { date: formatDate(row.original.pedimento_dates?.payment_date) });
+			}
+		},
+		{
+			accessorKey: "pedimento_config_update_rectification.pediment_rectifed_18",
+			header: "Pedimento 18",
+			cell: ({ row }) => {
+				const ped18Snippet = createRawSnippet<[{ value?: string | null }]>((getValue) => {
+					const { value } = getValue();
+					return {
+						render: () =>
+							`<div class="text-sm">${value || '-'}</div>`
+					};
+				});
+				return renderSnippet(ped18Snippet, { value: row.original.pedimento_config_update_rectification?.pediment_rectifed_18 });
+			}
+		},
+		{
+			accessorKey: "pedimento_config_update_rectification.r1",
+			header: "Pedimento R1",
+			cell: ({ row }) => {
+				const r1Snippet = createRawSnippet<[{ value?: string | null }]>((getValue) => {
+					const { value } = getValue();
+					return {
+						render: () =>
+							`<div class="text-sm">${value || '-'}</div>`
+					};
+				});
+				return renderSnippet(r1Snippet, { value: row.original.pedimento_config_update_rectification?.r1 });
+			}
+		},
+		{
+			accessorKey: "pedimento_validation.electronic_signature",
+			header: "Acuse Electrónico",
+			cell: ({ row }) => {
+				const ackSnippet = createRawSnippet<[{ value?: string | null }]>((getValue) => {
+					const { value } = getValue();
+					const hasValue = value && value !== '';
+					return {
+						render: () =>
+							`<span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${hasValue ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'}">
+								${hasValue ? 'Sí' : 'No'}
+							</span>`
+					};
+				});
+				return renderSnippet(ackSnippet, { value: row.original.pedimento_validation?.electronic_signature });
+			}
+		},
+		{
+			accessorKey: "pedimento_payments.total_contributions",
+			header: "¿Se pagó el impuesto?",
+			cell: ({ row }) => {
+				const paidSnippet = createRawSnippet<[{ value?: string | null }]>((getValue) => {
+					const { value } = getValue();
+					const isPaid = value && parseFloat(value) > 0;
+					return {
+						render: () =>
+							`<span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${isPaid ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'}">
+								${isPaid ? 'Sí' : 'No'}
+							</span>`
+					};
+				});
+				return renderSnippet(paidSnippet, { value: row.original.pedimento_payments?.total_contributions });
+			}
+		},
 		{
 			accessorKey: "client_id",
 			header: "Cliente",