spiderly 19.8.7 → 19.8.8

package/lib/components/spiderly-data-table/spiderly-data-table.component.d.ts

@@ -109,6 +109,8 @@ export declare class SpiderlyDataTableComponent implements OnInit, AfterViewInit
     isDropOrMulti(filterType: string): boolean;
     navigateToDetails(rowId: number): void;
     onRowClick(row: any): void;
+    onCellClick(col: Column, rowData: any, event: MouseEvent): void;
+    private buildClickEvent;
     deleteObject(rowId: number): void;
     deleteSelectedObjects(): void;
     private openDeleteConfirmation;
@@ -174,7 +176,17 @@ export declare class Column<T = any> {
     showTime?: boolean;
     decimalPlaces?: number;
     sortable?: boolean;
-    constructor({ name, field, filterField, filterType, filterPlaceholder, showMatchModes, showAddButton, dropdownOrMultiselectValues, actions, editable, showTime, decimalPlaces, sortable, }?: {
+    /**
+     * Fired when this column's cell is clicked. Receives a {@link CellClickEvent} with the row id,
+     * the column field, the full row, the raw and formatted cell value, the clicked `<td>` element
+     * (use it to anchor an overlay/popover), and the original `MouseEvent`.
+     *
+     * Setting this makes the cell visibly clickable (cursor + hover) and the click no longer bubbles
+     * up to row navigation. The mirror of {@link Action.onClick}, but for plain value cells.
+     * Not applied to editable cells — those belong to their inline input.
+     */
+    onCellClick?: (event: CellClickEvent) => void;
+    constructor({ name, field, filterField, filterType, filterPlaceholder, showMatchModes, showAddButton, dropdownOrMultiselectValues, actions, editable, showTime, decimalPlaces, sortable, onCellClick, }?: {
         name?: string;
         field?: string & keyof T;
         filterField?: string & keyof T;
@@ -188,6 +200,7 @@ export declare class Column<T = any> {
         showTime?: boolean;
         decimalPlaces?: number;
         sortable?: boolean;
+        onCellClick?: (event: CellClickEvent) => void;
     });
 }
 /**
@@ -208,6 +221,19 @@ export interface ActionClickEvent {
     /** The original DOM click event. */
     originalEvent: MouseEvent;
 }
+/**
+ * Payload passed to {@link Column.onCellClick} when a cell is clicked. A superset of
+ * {@link ActionClickEvent} (same `id` / `row` / `element` / `originalEvent`) plus the cell's
+ * column and value. Every field is populated by the data table.
+ */
+export interface CellClickEvent extends ActionClickEvent {
+    /** The clicked column's `field`. */
+    field: string;
+    /** The cell's raw value (`row[field]`). */
+    value: any;
+    /** The formatted value shown in the cell (what the table renders via `getRowData`). */
+    displayValue: string;
+}
 export declare class RowClickEvent {
     index?: number;
     id?: number;

package/lib/services/helper-functions.d.ts

@@ -26,6 +26,7 @@ export declare function getFileNameFromContentDisposition(resp: HttpResponse<Blo
 export declare function toCommaSeparatedString<T>(input: T[]): string;
 export declare function isFileImageType(mimeType: string): boolean;
 export declare function isExcelFileType(mimeType: string): boolean;
+export declare function saveResponseAsFile(res: HttpResponse<Blob>, fallbackName: string): void;
 export declare function exportListToExcel(exportListToExcelObservableMethod: (filter: Filter) => Observable<any>, filter: Filter): void;
 export declare function getPrimengNamebookOptions(namebookList: Namebook[]): PrimengOption[];
 export declare function getPrimengDropdownNamebookOptions(getDropdownListObservable: (parentEntityId?: number) => Observable<Namebook[]>, parentEntityId?: number): Observable<PrimengOption[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spiderly",
-  "version": "19.8.7",
+  "version": "19.8.8",
   "author": "Filip Trivan",
   "license": "MIT",
   "description": "Spiderly Angular Library to use in combination with Spiderly.",

package/styles/components/spiderly-data-table/spiderly-data-table.component.scss

@@ -34,6 +34,15 @@
 }
 
 :host {
+  // The `.clickable` affordance is shared: clickable rows (navigateOnRowClick) and opt-in cells
+  // (Column.onCellClick) both get a pointer cursor; cells additionally underline on hover.
+  ::ng-deep .clickable {
+    cursor: pointer;
+  }
+  ::ng-deep td.clickable:hover {
+    text-decoration: underline;
+  }
+
   ::ng-deep {
     .p-datatable-thead {
       position: unset !important;