@colijnit/corecomponents_v12 258.1.5 → 258.1.7

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;
@@ -17,6 +19,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     showGridSettings: boolean;
     rowsPerPage: number;
     rowDisabledFn: Function;
+    showColumnSort: boolean;
     /**
      * Promise function, if provided should return boolean
      */
@@ -35,12 +38,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 +54,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     toggleSettingsMenu(): void;
     toggleColumnMenu(col: any): void;
     hideColumn(col: any): void;
-    private _sortData;
+    sortColumn(col: any, columnValue: string): void;
     showAllColumns(): void;
     exportToExcel(): void;
     protected prepareDataRow(row: any, index: number): void;

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

@@ -114,6 +114,37 @@
     &.with-menu {
       cursor: pointer;
     }
+    &.with-sort {
+      cursor: pointer;
+    }
+  }
+  .sort-column {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    cursor: pointer;
+    transform: translateY(-50%);
+    background: rgba(255, 255, 255, 0.8);
+    opacity: 0;
+    visibility: hidden;
+    overflow: hidden;
+    transition: opacity .3s ease-in-out;
+    .co-button {
+      width: 20px;
+      height: 20px;
+      background: transparent;
+    }
+  }
+  .simple-grid-column-header {
+    position: relative;
+    &:hover {
+      .sort-column {
+        opacity: 1;
+        visibility: visible;
+        overflow: visible;
+        transition: opacity .3s ease-in-out;
+      }
+    }
   }
   .simple-grid-column-sizer {
     cursor: col-resize;
@@ -158,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 {
@@ -206,7 +234,7 @@
   .settings-menu,
   .column-menu {
     position: absolute;
-    top: 42px;
+    top: 38px;
     right: 4px;
     width: 250px;
     padding: 0 8px 8px;

package/lib/core/enum/core-components-icon.enum.d.ts

@@ -19,6 +19,7 @@ export declare enum CoreComponentsIcon {
     ArrowScrollRight = "arrow_scroll_right",
     ArrowScrollUp = "arrow_scroll_up",
     ArrowUp = "arrow_up",
+    ArrowUpArrowDown = "arrow_up_arrow_down",
     Article = "article",
     ArticleWithFold = "article_with_fold",
     AsteriskSmall = "asterisk_small",
@@ -116,6 +117,7 @@ export declare enum CoreComponentsIcon {
     GlobalSearch = "global_search",
     Globe = "globe",
     GreaterThan = "greater_than",
+    GripDotsVerticalSolid = "grip_dots_vertical_solid",
     Groupby = "groupby",
     Hamburger = "hamburger",
     HandPointer = "hand_pointer",

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