@devjuliovilla/jv-ui 1.11.1 → 1.11.2

package/README.md

@@ -147,9 +147,10 @@ import { JvGridComponent } from '@devjuliovilla/jv-ui';
 | `pageSizeOptions` | `number[]` | `[10, 20, 50, 100]` | Page size selector options |
 | `density` | `'compact' \| 'normal' \| 'comfortable'` | `'normal'` | Row density |
 | `loading` | `boolean` | `false` | Show loading spinner |
-| `emptyMessage` | `string` | — | Empty state message |
-| `exportable` | `boolean` | `false` | Show CSV/Excel export buttons |
-| `serverSide` | `boolean` | `false` | Disable client-side processing |
+| `emptyMessage` | `string` | — | Empty state message |
+| `exportable` | `boolean` | `false` | Show CSV/Excel export buttons |
+| `exportFileName` | `string` | `''` | Base filename used for CSV/Excel exports; the component applies the correct extension |
+| `serverSide` | `boolean` | `false` | Disable client-side processing |
 | `totalItems` | `number` | `0` | Total items for server-side mode |
 | `stickyColumns` | `boolean` | `false` | Enable sticky column support |
 | `resizableColumns` | `boolean` | `false` | Enable column resizing |
@@ -182,7 +183,7 @@ interface Product {
     <jv-grid
       [data]="products"
       [columns]="columns"
-      [options]="{ selectable: true, exportable: true, pageSize: 10 }"
+      [options]="{ selectable: true, exportable: true, exportFileName: 'products', pageSize: 10 }"
       [trackBy]="'id'"
       [selectedIds]="selectedIds"
       (selectionChange)="selectedIds = $event"

package/fesm2022/devjuliovilla-jv-ui.mjs

@@ -23212,6 +23212,7 @@ const JV_GRID_DEFAULT_OPTIONS = {
     virtualScroll: false,
     virtualScrollRowHeight: 48,
     exportable: false,
+    exportFileName: '',
     columnFilters: false,
     rowDoubleClick: false,
 };
@@ -23219,6 +23220,7 @@ const JV_GRID_DEFAULT_OPTIONS = {
 const MAIN_NS = 'http://schemas.openxmlformats.org/spreadsheetml/2006/main';
 const REL_NS = 'http://schemas.openxmlformats.org/officeDocument/2006/relationships';
 const PKG_REL_NS = 'http://schemas.openxmlformats.org/package/2006/relationships';
+const CONTENT_TYPES_NS = 'http://schemas.openxmlformats.org/package/2006/content-types';
 const XML_DECL = '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>';
 /**
  * Builds a real Office Open XML (.xlsx) spreadsheet as a Blob.
@@ -23254,7 +23256,7 @@ function buildXlsxBuffer(sheets) {
 }
 function buildContentTypes(sheetCount) {
     let xml = XML_DECL;
-    xml += `<Types xmlns="${PKG_REL_NS}">`;
+    xml += `<Types xmlns="${CONTENT_TYPES_NS}">`;
     xml += `<Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/>`;
     xml += `<Default Extension="xml" ContentType="application/xml"/>`;
     xml += `<Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/>`;
@@ -24002,11 +24004,22 @@ class JvGridComponent {
     // Export
     exportCsv() {
         const { header, rows } = this.buildExportMatrix();
-        exportGridToCsv(header, rows, 'grid-export.csv');
+        exportGridToCsv(header, rows, this.resolveExportFileName('csv'));
     }
     exportExcel() {
         const { header, rows } = this.buildExportMatrix();
-        exportGridToExcel(header, rows, 'grid-export.xlsx');
+        exportGridToExcel(header, rows, this.resolveExportFileName('xlsx'));
+    }
+    resolveExportFileName(extension) {
+        const configuredName = this.effectiveOptions().exportFileName?.trim();
+        const fallbackName = `grid-export.${extension}`;
+        if (!configuredName) {
+            return fallbackName;
+        }
+        if (configuredName.toLowerCase().endsWith(`.${extension}`)) {
+            return configuredName;
+        }
+        return configuredName.replace(/\.(csv|xlsx)$/i, '') + `.${extension}`;
     }
     buildExportMatrix() {
         const cols = this.visibleColumns().map(c => ({ key: this.colKey(c), header: c.header, column: c }));