@den4ik92/ng2-smart-table 19.0.3 → 19.0.5

package/lib/components/table-columns-editor/column-editor.directive.d.ts

@@ -0,0 +1,18 @@
+import { OverlayRef } from "@angular/cdk/overlay";
+import { OnDestroy } from "@angular/core";
+import { Ng2SmartTableComponent } from "ng2-smart-table";
+import * as i0 from "@angular/core";
+export declare class SmartTableColumnEditorDirective implements OnDestroy {
+    tableComponent: import("@angular/core").InputSignal<Ng2SmartTableComponent>;
+    private readonly grid;
+    private readonly overlay;
+    private readonly elementRef;
+    protected overlayRef?: OverlayRef;
+    ngOnDestroy(): void;
+    protected showDropdown(): void;
+    hide(): void;
+    buttonClick(): void;
+    private getOverlayConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableColumnEditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SmartTableColumnEditorDirective, "[smartTableColumnEditor]", never, { "tableComponent": { "alias": "tableComponent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/table-columns-editor/table-columns-editor.component.d.ts

@@ -0,0 +1,19 @@
+import { CdkDragDrop } from "@angular/cdk/drag-drop";
+import { ColumnSortState } from "ng2-smart-table";
+import { Grid } from "../../lib/grid";
+import * as i0 from "@angular/core";
+export declare class TableColumnsEditorComponent {
+    protected infoText: string;
+    grid: import("@angular/core").InputSignal<Grid>;
+    close: import("@angular/core").InputSignal<() => void>;
+    protected currentState: ColumnSortState[];
+    stateHasChanged: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    resetChanges(): void;
+    drop(event: CdkDragDrop<ColumnSortState[]>): void;
+    setVisibility(index: number): void;
+    setAndUpdate(): void;
+    private updateChangedState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnsEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnsEditorComponent, "ngx-table-columns-editor", never, { "grid": { "alias": "grid"; "required": true; "isSignal": true; }; "close": { "alias": "close"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/lib/grid.d.ts

@@ -4,7 +4,7 @@ import { LocalDataSource } from "./data-source/local/local.data-source";
 import { Column } from "./data-set/column";
 import { DataSet } from "./data-set/data-set";
 import { Row } from "./data-set/row";
-import { SmartTableSettings, SmartTableSortItem } from "./interfaces/smart-table.models";
+import { ColumnSortState, SmartTableSettings, SmartTableSortItem } from "./interfaces/smart-table.models";
 export declare class Grid {
     createFormShown: boolean;
     source: LocalDataSource;
@@ -12,9 +12,12 @@ export declare class Grid {
     dataSet: DataSet;
     onSelectRowSource: Subject<any>;
     onDeselectRowSource: Subject<any>;
+    currentColumnsSortState: ColumnSortState[];
+    private columnsSortedEmitter;
     private sourceOnChangedSubscription;
     private sourceOnUpdatedSubscription;
     constructor(source: LocalDataSource, settings: SmartTableSettings);
+    setColumnsSortedEmitter(emitter: OutputEmitterRef<ColumnSortState[]>): void;
     detach(): void;
     showActionColumn(position: string): boolean;
     isCurrentActionsPosition(position: string): boolean;
@@ -22,11 +25,12 @@ export declare class Grid {
     isMultiSelectVisible(): boolean;
     getNewRow(): Row;
     setSettings(settings: SmartTableSettings): void;
+    private updateSettingsAndDataSet;
     getDataSet(): DataSet;
     setSource(source: LocalDataSource): void;
     getSetting<T>(name: string, defaultValue?: any): T;
-    getColumns(): Array<Column>;
-    getRows(): Array<Row>;
+    getColumns(): Column[];
+    getRows(): Row[];
     selectRow(row: Row, state: boolean): void;
     multipleSelectRow(row: Row): void;
     onSelectRow(): Observable<any>;
@@ -39,8 +43,14 @@ export declare class Grid {
     shouldProcessChange(changes: any): boolean;
     prepareSource(source: LocalDataSource): LocalDataSource;
     getInitialSort(): SmartTableSortItem | false;
-    getSelectedRowsData(): Array<any>;
+    getSelectedRowsData(): any[];
     selectAllRows(status: boolean): void;
     getFirstRow(): Row;
     getLastRow(): Row;
+    private getSortedTableColumns;
+    applyColumnsSortState(state: ColumnSortState[], emitEvent?: boolean): Promise<void>;
+    private setColumnsSortState;
+    private getColumnsStateFromSettings;
+    private getMergedColumnStates;
+    private get columnStateStorageKey();
 }

package/lib/lib/helpers.d.ts

@@ -7,7 +7,7 @@
  * object as first argument, like this:
  *   deepExtend({}, yourObj_1, [yourObj_N]);
  */
-export declare const deepExtend: (...objects: Array<any>) => any;
+export declare const deepExtend: (...objects: any[]) => any;
 export declare class Deferred<T> {
     promise: Promise<T>;
     resolve: (value?: T) => void;
@@ -16,3 +16,6 @@ export declare class Deferred<T> {
 }
 export declare function getDeepFromObject(object: {} | undefined, name: string, defaultValue?: any): any;
 export declare function getPageForRowIndex(index: number, perPage: number): number;
+export declare function cloneArrayOfObject<T>(array: T[]): T[];
+export declare function setLocalStorage(key: string, value: string | object | boolean): void;
+export declare function getLocalStorage<T = string>(key: string): T | null;

package/lib/lib/interfaces/smart-table.models.d.ts

@@ -1,15 +1,20 @@
 import { LocalDataSource } from "../data-source/local/local.data-source";
 import { Deferred } from "../helpers";
-export interface SelectOption {
+interface SelectOption {
     title: string;
     value: any;
 }
-interface ObjectAny {
-    [key: string]: any;
+export interface ColumnSortState {
+    key: string;
+    title: string;
+    hide: boolean;
+    sortDisabled: boolean;
 }
-export interface SmartTableSettings<T extends ObjectAny = any> {
+export interface SmartTableSettings<T extends Record<string, any> = any> {
     mode?: 'inline' | 'external' | 'click-to-edit';
     selectMode?: 'single' | 'multi';
+    columnSortStorageKey?: string;
+    withColumnSort?: boolean;
     selectedRowIndex?: number;
     switchPageToSelectedRowPage?: boolean;
     hideHeader?: boolean;
@@ -60,14 +65,15 @@ export interface SmartTableCustomAction {
     title: string;
 }
 export type SmartTableColumnSettingsTypes = 'text' | 'html' | 'custom';
-export type SmartTableColumnSettings<T = any> = SmartTableTextHtmlColumn<T> | SmartTableCustomColumn<T>;
-interface SmartTableDefaultColumn<T> {
+export type SmartTableColumnSettings<T extends Record<string, any> = any> = SmartTableTextHtmlColumn<T> | SmartTableCustomColumn<T>;
+interface SmartTableDefaultColumn<T extends Record<string, any>> {
     key: keyof T;
     title: string;
     width?: string;
     class?: string;
     editable?: boolean;
     hide?: boolean;
+    sortDisabled?: boolean;
     sort?: boolean;
     addable?: boolean;
     sortDirection?: SmartTableSortDirection | false;
@@ -77,10 +83,10 @@ interface SmartTableDefaultColumn<T> {
     valuePrepareFunction?: (columnData: any, rowData: T) => any;
     filterFunction?: (columnData: any, search: string) => boolean;
 }
-interface SmartTableTextHtmlColumn<T> extends SmartTableDefaultColumn<T> {
+interface SmartTableTextHtmlColumn<T extends Record<string, any>> extends SmartTableDefaultColumn<T> {
     type: 'text' | 'html';
 }
-interface SmartTableCustomColumn<T> extends SmartTableDefaultColumn<T> {
+interface SmartTableCustomColumn<T extends Record<string, any>> extends SmartTableDefaultColumn<T> {
     type: 'custom';
     renderComponent: any;
 }
@@ -151,9 +157,7 @@ export interface SmartTableConfirmEditEvent<T = any, N = T> extends SmartTableDe
 export interface SmartTableCreateConfirm<T = any> extends Omit<SmartTableDefaultEvent<T>, "data"> {
     newData: T;
 }
-export interface ObjectStringString {
-    [key: string]: string;
-}
+export type ObjectStringString = Record<string, string>;
 export declare enum SmartTableOnChangedEventName {
     'load' = "load",
     'paging' = "paging",
@@ -169,7 +173,7 @@ export declare enum SmartTableOnChangedEventName {
     'refresh' = "refresh"
 }
 export type SmartTableOnChangedEventType = 'load' | 'prepend' | 'append' | 'update' | 'empty' | 'paging' | 'page' | 'filter' | 'sort' | 'add' | 'remove' | 'refresh';
-export interface SmartTableOnChangedEvent<T extends ObjectAny = any> {
+export interface SmartTableOnChangedEvent<T extends Record<string, any> = any> {
     action: SmartTableOnChangedEventType;
     elements: T[];
     filter: SmartTableFilterConf;

package/lib/ng2-smart-table.component.d.ts

@@ -2,13 +2,14 @@ import { OnChanges, SimpleChange } from "@angular/core";
 import { Row } from "./lib/data-set/row";
 import { LocalDataSource } from "./lib/data-source/local/local.data-source";
 import { Grid } from "./lib/grid";
-import { SmartTableConfirmDeleteEvent, SmartTableConfirmEditEvent, SmartTableCreateConfirm, SmartTableCustomEvent, SmartTableRowClickedEvent, SmartTableRowSelectEvent, SmartTableSettings } from "./lib/interfaces/smart-table.models";
+import { ColumnSortState, SmartTableConfirmDeleteEvent, SmartTableConfirmEditEvent, SmartTableCreateConfirm, SmartTableCustomEvent, SmartTableRowClickedEvent, SmartTableRowSelectEvent, SmartTableSettings } from "./lib/interfaces/smart-table.models";
 import * as i0 from "@angular/core";
 export declare class Ng2SmartTableComponent implements OnChanges {
     source: LocalDataSource;
     settings: SmartTableSettings;
     readonly multiRowSelect: import("@angular/core").OutputEmitterRef<SmartTableRowSelectEvent<any>>;
     readonly rowClicked: import("@angular/core").OutputEmitterRef<SmartTableRowClickedEvent>;
+    readonly columnsSorted: import("@angular/core").OutputEmitterRef<ColumnSortState[]>;
     readonly delete: import("@angular/core").OutputEmitterRef<any>;
     readonly edit: import("@angular/core").OutputEmitterRef<any>;
     readonly editCancel: import("@angular/core").OutputEmitterRef<any>;
@@ -24,12 +25,10 @@ export declare class Ng2SmartTableComponent implements OnChanges {
     isHideHeader: boolean;
     isHideSubHeader: boolean;
     isPagerDisplay: boolean;
-    rowClassFunction: Function;
+    rowClassFunction: () => string;
     grid: Grid;
     defaultSettings: SmartTableSettings;
-    ngOnChanges(changes: {
-        [propertyName: string]: SimpleChange;
-    }): void;
+    ngOnChanges(changes: Record<string, SimpleChange>): void;
     protected multipleSelectRow(row: Row): void;
     protected onSelectAllRows(): void;
     protected onSelectRow(row: Row, state: boolean): void;
@@ -39,5 +38,5 @@ export declare class Ng2SmartTableComponent implements OnChanges {
     private prepareSettings;
     private emitUserSelectRow;
     static ɵfac: i0.ɵɵFactoryDeclaration<Ng2SmartTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Ng2SmartTableComponent, "ng2-smart-table", never, { "source": { "alias": "source"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; }, { "multiRowSelect": "multiRowSelect"; "rowClicked": "rowClicked"; "delete": "delete"; "edit": "edit"; "editCancel": "editCancel"; "create": "create"; "custom": "custom"; "deleteConfirm": "deleteConfirm"; "editConfirm": "editConfirm"; "createConfirm": "createConfirm"; "rowHover": "rowHover"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Ng2SmartTableComponent, "ng2-smart-table", never, { "source": { "alias": "source"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; }, { "multiRowSelect": "multiRowSelect"; "rowClicked": "rowClicked"; "columnsSorted": "columnsSorted"; "delete": "delete"; "edit": "edit"; "editCancel": "editCancel"; "create": "create"; "custom": "custom"; "deleteConfirm": "deleteConfirm"; "editConfirm": "editConfirm"; "createConfirm": "createConfirm"; "rowHover": "rowHover"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@den4ik92/ng2-smart-table",
-  "version": "19.0.3",
+  "version": "19.0.5",
   "description": "Angular Smart Table",
   "author": "Den4ik92",
   "license": "MIT",
@@ -10,7 +10,8 @@
   "peerDependencies": {
     "@angular/common": "^19.0.3",
     "@angular/core": "^19.0.3",
-    "@angular/forms": "^19.0.3"
+    "@angular/forms": "^19.0.3",
+    "@angular/cdk": "^19.0.3"
   },
   "module": "fesm2022/den4ik92-ng2-smart-table.mjs",
   "typings": "index.d.ts",

package/public-api.d.ts

@@ -1,6 +1,7 @@
 export { DefaultEditor, Editor } from "./lib/components/cell/cell-editors/default-editor";
 export { ViewCell } from "./lib/components/cell/cell-view-mode/view-cell";
 export { DefaultFilter, Filter } from "./lib/components/filter/filter-types/default-filter";
+export { SmartTableColumnEditorDirective } from "./lib/components/table-columns-editor/column-editor.directive";
 export { Cell } from "./lib/lib/data-set/cell";
 export { Column } from "./lib/lib/data-set/column";
 export { Row } from "./lib/lib/data-set/row";