@colijnit/corecomponents_v12 258.1.6 → 258.1.8

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;
@@ -34,14 +36,13 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     sortColumnValue: string;
     sortDirection: 'asc' | 'desc';
     readonly Icons: typeof CoreComponentsIcon;
+    hoveredRowIndex: number;
     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;
@@ -55,7 +56,6 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     toggleColumnMenu(col: any): void;
     hideColumn(col: any): void;
     sortColumn(col: any, columnValue: string): void;
-    private _sortData;
     showAllColumns(): void;
     exportToExcel(): void;
     protected prepareDataRow(row: any, index: number): void;
@@ -77,4 +77,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     setCurrentPage(page: number): void;
     private _detectChanges;
     private _resetEdit;
+    get isNewRow(): boolean;
+    protected readonly IconCacheService: typeof IconCacheService;
+    protected readonly CoreComponentsIcon: typeof CoreComponentsIcon;
 }

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

@@ -189,15 +189,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 {
@@ -224,6 +221,10 @@
     opacity: 0.3;
   }
 
+  .simple-grid-row:hover {
+    pointer-events: auto;
+  }
+
   .cdk-drag-animating {
     transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
   }
@@ -237,7 +238,7 @@
   .settings-menu,
   .column-menu {
     position: absolute;
-    top: 42px;
+    top: 38px;
     right: 4px;
     width: 250px;
     padding: 0 8px 8px;
@@ -279,3 +280,25 @@
   }
 }
 
+.icons-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.icon-item {
+  &:hover {
+    cursor: pointer;
+  }
+
+  &.icon-edit {
+    width: 20px;
+    height: 20px;
+  }
+
+  &.icon-delete {
+    width: 34px;
+    height: 34px;
+  }
+}

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": "258.1.6",
+  "version": "258.1.8",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {