@colijnit/corecomponents_v12 256.1.24 → 256.1.25

package/lib/components/simple-grid/simple-grid.component.d.ts

@@ -2,12 +2,14 @@ import { ChangeDetectorRef } from '@angular/core';
 import { FormMasterService } from '../../core/service/form-master.service';
 import { BaseSimpleGridComponent } from './base-simple-grid.component';
 import { ColumnAlign } from './simple-grid-column.directive';
-import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
-import { IconCacheService } from "../icon/icon-cache.service";
+import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
+import { IconCacheService } from '../icon/icon-cache.service';
+import { ExcelExportService } from '../../service/excel-export.service';
 export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     icons: IconCacheService;
     private _changeDetection;
     private _formMaster;
+    private excelExportService;
     readonly defaultTextAlign: ColumnAlign;
     set headerCells(cells: any);
     showAdd: boolean;
@@ -35,12 +37,10 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     readonly Icons: typeof CoreComponentsIcon;
     private _doubleClicked;
     private _newRow;
-    constructor(icons: IconCacheService, _changeDetection: ChangeDetectorRef, _formMaster: FormMasterService);
+    constructor(icons: IconCacheService, _changeDetection: ChangeDetectorRef, _formMaster: FormMasterService, excelExportService: ExcelExportService);
     handleClickOutsideRow(): void;
     getIsRowDisabled(idx: number): boolean;
     isRowDisabled(row: any, index: number): Promise<boolean>;
-    isSingleColumn(column: any): boolean;
-    rowContainsSingleColumn(row: any, columns: any): boolean;
     addNewRow(): Promise<void>;
     validateAndSave(stopediting?: boolean): boolean;
     cancelEditRow(): void;
@@ -53,7 +53,6 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     toggleSettingsMenu(): void;
     toggleColumnMenu(col: any): void;
     hideColumn(col: any): void;
-    private _sortData;
     showAllColumns(): void;
     exportToExcel(): void;
     protected prepareDataRow(row: any, index: number): void;

package/lib/components/simple-grid/style/_layout.scss

@@ -158,15 +158,12 @@
     justify-content: flex-start;
   }
   .grid-settings {
-    display: flex;
-    justify-content: flex-end;
-    position: relative;
-    padding-bottom: 4px;
-    box-shadow: inset 0 -2px $cc-color-grid-row-hover-background;
-    border: none;
+    position: absolute;
+    right: 0;
+    top: 0;
 
     co-button {
-      margin-top: -4px;
+      height: 30px;
       cursor: pointer;
 
       &.selected {
@@ -206,7 +203,7 @@
   .settings-menu,
   .column-menu {
     position: absolute;
-    top: 42px;
+    top: 38px;
     right: 4px;
     width: 250px;
     padding: 0 8px 8px;

package/lib/service/excel-export.service.d.ts

@@ -0,0 +1,44 @@
+export interface ExportColumn {
+    key: string;
+    header: string;
+    width?: number;
+}
+export declare class ExcelExportService {
+    /**
+     * Export data to Excel file
+     * @param data - Array of objects to export
+     * @param columns - Column configuration (optional)
+     * @param fileName - Name of the exported file
+     * @param sheetName - Name of the Excel sheet
+     */
+    exportToExcel(data: any[], columns?: ExportColumn[], fileName?: string, sheetName?: string): void;
+    /**
+     * Export multiple sheets to one Excel file
+     * @param sheets - Array of sheet data
+     * @param fileName - Name of the exported file
+     */
+    exportMultipleSheets(sheets: Array<{
+        data: any[];
+        columns?: ExportColumn[];
+        sheetName: string;
+    }>, fileName?: string): void;
+    /**
+     * Export HTML table to Excel
+     * @param tableId - ID of the HTML table element
+     * @param fileName - Name of the exported file
+     * @param sheetName - Name of the Excel sheet
+     */
+    exportTableToExcel(tableId: string, fileName?: string, sheetName?: string): void;
+    /**
+     * Get nested object value using dot notation
+     * @param obj - Object to search in
+     * @param path - Dot notation path (e.g., 'user.address.city')
+     */
+    private getNestedValue;
+    /**
+     * Format date for Excel export
+     * @param date - Date to format
+     * @param format - Format string (default: 'MM/DD/YYYY')
+     */
+    formatDateForExport(date: Date | string, format?: string): string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "256.1.24",
+  "version": "256.1.25",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {