@servicemind.tis/tis-smart-table-viewer 2.4.10 → 2.4.13

package/lib/components/tis-smart-table-viewer/tis-smart-table-viewer.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, SimpleChanges, OnDestroy, ChangeDetectorRef } from '@angu
 import { FormGroup, FormControl } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subscription, Observable } from 'rxjs';
-import type { SmartTableWrapperRowsConfig } from '../../interfaces';
+import type { SmartTableWrapperRowsConfig, ColumnValueTypeFormats } from '../../interfaces';
 import { AnyKeyValueObject, SelectedFilterDisplayValuesType, SelectedFilterDisplayValueType, SelectedFiltersGroupedValuesType, SmartTableWrapperColumnsConfig } from '../../interfaces';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
@@ -49,6 +49,8 @@ export declare class TisSmartTableViewerComponent implements OnDestroy {
     loaderPosition: 'top' | 'bottom';
     dataNotFoundConfig: DataNotFoundConfig;
     showFilterButtonSection: boolean;
+    /** Optional per-column format config. Key = column name, Value = format string. Defaults to empty (uses built-in formats). */
+    columnValueTypeFormats: ColumnValueTypeFormats;
     columnsCodeMapping: SmartTableWrapperColumnsConfig[];
     autoRenderColumns: SmartTableWrapperColumnsConfig[];
     templateRenderColumns: SmartTableWrapperColumnsConfig[];
@@ -152,6 +154,8 @@ export declare class TisSmartTableViewerComponent implements OnDestroy {
     handleSortingChanges(ch: any): void;
     private getHomeUrl;
     getNestedValue(obj: any, path: string): any;
+    /** Returns the custom format string for a column type, or undefined if not set (uses pipe defaults). */
+    getColumnFormat(columnType: string): string | undefined;
     private groupByFormControlAttributes;
     updateSelectedFilterValues(values: SelectedFilterDisplayValueType | SelectedFilterDisplayValuesType): void;
     getFinalSelectedFilterValuesToDisplay(): void;
@@ -186,5 +190,5 @@ export declare class TisSmartTableViewerComponent implements OnDestroy {
     toggleExpand(element: any): void;
     expandAllRow(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisSmartTableViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TisSmartTableViewerComponent, "tis-smart-table-viewer", never, { "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": true; }; "componentName": { "alias": "componentName"; "required": true; }; "mainTitle": { "alias": "mainTitle"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hideTableHeader": { "alias": "hideTableHeader"; "required": false; }; "hidePaginator": { "alias": "hidePaginator"; "required": false; }; "keepFilterInUrl": { "alias": "keepFilterInUrl"; "required": false; }; "disableBorderedView": { "alias": "disableBorderedView"; "required": false; }; "displayColumnsSelectionButton": { "alias": "displayColumnsSelectionButton"; "required": false; }; "loadDataApiBaseUrl": { "alias": "loadDataApiBaseUrl"; "required": false; }; "startStickyColumnCount": { "alias": "startStickyColumnCount"; "required": false; }; "endStickyColumnCount": { "alias": "endStickyColumnCount"; "required": false; }; "isSearchFieldMobileResponsive": { "alias": "isSearchFieldMobileResponsive"; "required": false; }; "loaderPosition": { "alias": "loaderPosition"; "required": false; }; "dataNotFoundConfig": { "alias": "dataNotFoundConfig"; "required": true; }; "showFilterButtonSection": { "alias": "showFilterButtonSection"; "required": false; }; "columnsCodeMapping": { "alias": "columnsCodeMapping"; "required": true; }; "defaultDisplayedColumns": { "alias": "defaultDisplayedColumns"; "required": false; }; "defaultSortObj": { "alias": "defaultSortObj"; "required": false; }; "loadingSpinnerDiameter": { "alias": "loadingSpinnerDiameter"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "useGlobalPageSize": { "alias": "useGlobalPageSize"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "filterFormGroup": { "alias": "filterFormGroup"; "required": false; }; "rowsConfig": { "alias": "rowsConfig"; "required": false; }; "hasSelectedAllRows": { "alias": "hasSelectedAllRows"; "required": false; }; "enableRowsSelection": { "alias": "enableRowsSelection"; "required": false; }; "enableAllRowsSelection": { "alias": "enableAllRowsSelection"; "required": false; }; "onlySingleSelection": { "alias": "onlySingleSelection"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectedRowKey": { "alias": "selectedRowKey"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "enableDragNDrop": { "alias": "enableDragNDrop"; "required": false; }; "isExpansion": { "alias": "isExpansion"; "required": false; }; "isExpandedRow": { "alias": "isExpandedRow"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; }, { "displayedColumnsChange": "displayedColumnsChange"; "sortObjChange": "sortObjChange"; "pageSizeChange": "pageSizeChange"; "pageIndexChange": "pageIndexChange"; "onDataLoaded": "onDataLoaded"; "onSetExtraData": "onSetExtraData"; "onSetTotal": "onSetTotal"; "selectedRowsChange": "selectedRowsChange"; "allRowsSelectedChange": "allRowsSelectedChange"; "listDataSequenceChange": "listDataSequenceChange"; }, never, ["[slot='top-buttons-section']", "[slot='filter-button-section']", "[slot='filter-right-button-section']", "[slot='filter-form-section']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TisSmartTableViewerComponent, "tis-smart-table-viewer", never, { "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": true; }; "componentName": { "alias": "componentName"; "required": true; }; "mainTitle": { "alias": "mainTitle"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hideTableHeader": { "alias": "hideTableHeader"; "required": false; }; "hidePaginator": { "alias": "hidePaginator"; "required": false; }; "keepFilterInUrl": { "alias": "keepFilterInUrl"; "required": false; }; "disableBorderedView": { "alias": "disableBorderedView"; "required": false; }; "displayColumnsSelectionButton": { "alias": "displayColumnsSelectionButton"; "required": false; }; "loadDataApiBaseUrl": { "alias": "loadDataApiBaseUrl"; "required": false; }; "startStickyColumnCount": { "alias": "startStickyColumnCount"; "required": false; }; "endStickyColumnCount": { "alias": "endStickyColumnCount"; "required": false; }; "isSearchFieldMobileResponsive": { "alias": "isSearchFieldMobileResponsive"; "required": false; }; "loaderPosition": { "alias": "loaderPosition"; "required": false; }; "dataNotFoundConfig": { "alias": "dataNotFoundConfig"; "required": true; }; "showFilterButtonSection": { "alias": "showFilterButtonSection"; "required": false; }; "columnValueTypeFormats": { "alias": "columnValueTypeFormats"; "required": false; }; "columnsCodeMapping": { "alias": "columnsCodeMapping"; "required": true; }; "defaultDisplayedColumns": { "alias": "defaultDisplayedColumns"; "required": false; }; "defaultSortObj": { "alias": "defaultSortObj"; "required": false; }; "loadingSpinnerDiameter": { "alias": "loadingSpinnerDiameter"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "useGlobalPageSize": { "alias": "useGlobalPageSize"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "filterFormGroup": { "alias": "filterFormGroup"; "required": false; }; "rowsConfig": { "alias": "rowsConfig"; "required": false; }; "hasSelectedAllRows": { "alias": "hasSelectedAllRows"; "required": false; }; "enableRowsSelection": { "alias": "enableRowsSelection"; "required": false; }; "enableAllRowsSelection": { "alias": "enableAllRowsSelection"; "required": false; }; "onlySingleSelection": { "alias": "onlySingleSelection"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectedRowKey": { "alias": "selectedRowKey"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "enableDragNDrop": { "alias": "enableDragNDrop"; "required": false; }; "isExpansion": { "alias": "isExpansion"; "required": false; }; "isExpandedRow": { "alias": "isExpandedRow"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; }, { "displayedColumnsChange": "displayedColumnsChange"; "sortObjChange": "sortObjChange"; "pageSizeChange": "pageSizeChange"; "pageIndexChange": "pageIndexChange"; "onDataLoaded": "onDataLoaded"; "onSetExtraData": "onSetExtraData"; "onSetTotal": "onSetTotal"; "selectedRowsChange": "selectedRowsChange"; "allRowsSelectedChange": "allRowsSelectedChange"; "listDataSequenceChange": "listDataSequenceChange"; }, never, ["[slot='top-buttons-section']", "[slot='filter-button-section']", "[slot='filter-right-button-section']", "[slot='filter-form-section']"], false, never>;
 }

package/lib/interfaces/data-not-found-config.type.d.ts

@@ -1,6 +1,8 @@
 export type DataNotFoundConfig = {
     title: string;
-    desc: string;
+    desc?: string;
+    /** Optional custom icon/image URL. If provided, this image will be displayed instead of the default SVG. */
+    iconUrl?: string | null;
     btnText?: string | null;
     btnUrl?: string | null;
     btnClick?: null | ((rec: any, event?: MouseEvent) => void);

package/lib/interfaces/smart-table-wrapper-columns-config.type.d.ts

@@ -15,6 +15,24 @@ export interface SmartTableWrapperColumnsConfig {
     filterFormKey?: string;
     transformQueryParamFn?: Function;
 }
+/**
+ * Maps column value types to their custom format strings.
+ * - For 'date' / 'date-time' / 'date-time-with-seconds': Luxon format string (e.g. 'yyyy/MM/dd', 'dd-MM-yyyy HH:mm')
+ * - For 'quantity': Angular DecimalPipe digitsInfo string (e.g. '1.2-2', '1.0-0')
+ * - For 'money': number of decimal places (e.g. '4', '0')
+ * - For 'number': Angular DecimalPipe digitsInfo string
+ * - For 'string': unused (reserved for future use)
+ *
+ * Example:
+ * {
+ *   'date': 'yyyy/MM/dd',
+ *   'date-time': 'dd-MM-yyyy HH:mm',
+ *   'money': '2',
+ *   'quantity': '1.4-4',
+ *   'number': '1.1-1'
+ * }
+ */
+export type ColumnValueTypeFormats = Partial<Record<'number' | 'quantity' | 'money' | 'date' | 'date-time' | 'date-time-with-seconds', string>>;
 export interface SmartTableWrapperRowsConfig {
     backgroundApplyFunction?: (row: any) => string | null;
 }

package/lib/pipes/tis-currency.pipe.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TisCurrencyPipe implements PipeTransform {
-    transform(value: number | string | null | undefined, decimals?: number): string;
+    transform(value: number | string | null | undefined, decimals?: number | string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisCurrencyPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TisCurrencyPipe, "tisCurrency", false>;
 }

package/lib/pipes/tis-date-time-with-seconds.pipe.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TisDateTimeWithSecondsPipe implements PipeTransform {
-    transform(value: unknown, ...args: unknown[]): string;
+    transform(value: unknown, format?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisDateTimeWithSecondsPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TisDateTimeWithSecondsPipe, "tisDateTimeWithSeconds", false>;
 }

package/lib/pipes/tis-date-time.pipe.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TisDateTimePipe implements PipeTransform {
-    transform(value: unknown, ...args: unknown[]): string;
+    transform(value: unknown, format?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisDateTimePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TisDateTimePipe, "tisDateTime", false>;
 }

package/lib/pipes/tis-date.pipe.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TisDatePipe implements PipeTransform {
-    transform(value: unknown, ...args: unknown[]): string;
+    transform(value: unknown, format?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisDatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TisDatePipe, "tisDate", false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicemind.tis/tis-smart-table-viewer",
-  "version": "2.4.10",
+  "version": "2.4.13",
   "repository": {
     "type": "git",
     "url": "https://github.com/Thai-Informatics-System/tis-smart-table-viewer.git"