@tilde-nlp/ngx-common 2.0.6 → 2.0.7

package/lib/multi-functional-table/models/column-select-config.model.d.ts

@@ -11,4 +11,8 @@ export interface ColumnSelectConfig {
      * If column select feature is enabled.
      */
     enabled?: boolean;
+    /**
+     * If true, enables batch select.
+     */
+    batchSelect?: boolean;
 }

package/lib/multi-functional-table/multi-functional-table.component.d.ts

@@ -1,7 +1,9 @@
+import { SelectionModel } from '@angular/cdk/collections';
 import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
 import { MatSort } from '@angular/material/sort';
 import { MatColumnDef, MatHeaderRowDef, MatNoDataRow, MatRowDef, MatTable } from '@angular/material/table';
 import { TranslateService } from '@ngx-translate/core';
+import { Observable } from 'rxjs';
 import { FilterBarSettings } from '../filter-bar';
 import { FilterBarChangeEvent } from '../filter-bar/models/filter-bar-change-event.model';
 import { DOMService } from '../services';
@@ -12,9 +14,11 @@ import * as i0 from "@angular/core";
 export declare class MultiFunctionalTableComponent<T> implements OnInit, AfterContentInit, AfterViewInit {
     private readonly domService;
     private readonly translateService;
+    readonly selection: SelectionModel<T>;
     config: MultiFunctionalTableConfig<T>;
     filterBarChange: EventEmitter<FilterBarChangeEvent>;
     exported: EventEmitter<T[]>;
+    selectionChange: Observable<T[]>;
     headerRowDefs: QueryList<MatHeaderRowDef>;
     rowDefs: QueryList<MatRowDef<T>>;
     columnDefs: QueryList<MatColumnDef>;
@@ -24,7 +28,7 @@ export declare class MultiFunctionalTableComponent<T> implements OnInit, AfterCo
     tableElementRef: ElementRef<HTMLElement>;
     displayColumns: string[];
     columnSelectActive: boolean;
-    filterActive: boolean;
+    get filterActive(): boolean | undefined;
     exportActive: boolean;
     noDataRowActive: boolean;
     filterBarVisible: boolean;
@@ -32,7 +36,9 @@ export declare class MultiFunctionalTableComponent<T> implements OnInit, AfterCo
     noDataRowConfig: NoDataRowConfig;
     noDataRowIcon: string;
     configurableColumns: ColumnConfig[];
+    batchSelectedEnabled: boolean;
     private localStorageValue;
+    readonly batchColumnName = "batch";
     constructor(domService: DOMService, translateService: TranslateService);
     ngOnInit(): void;
     ngAfterContentInit(): void;
@@ -41,6 +47,9 @@ export declare class MultiFunctionalTableComponent<T> implements OnInit, AfterCo
     toggleFilterBar(): void;
     filtersChanged(filters: FilterBarChangeEvent): void;
     export(): void;
+    isAllSelected(): boolean;
+    toggleAllRowSelection(): void;
+    toggleElementSelection(element: T): void;
     private exportToFile;
     private updateLocalStorage;
     private readFromLocalStorage;
@@ -49,5 +58,5 @@ export declare class MultiFunctionalTableComponent<T> implements OnInit, AfterCo
     private setNoDataRowProperties;
     private setExportProperties;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiFunctionalTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFunctionalTableComponent<any>, "tld-multi-functional-table", never, { "config": "config"; }, { "filterBarChange": "filterBarChange"; "exported": "exported"; }, ["noDataRow", "headerRowDefs", "rowDefs", "columnDefs"], ["[additionalActions]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFunctionalTableComponent<any>, "tld-multi-functional-table", never, { "config": "config"; }, { "filterBarChange": "filterBarChange"; "exported": "exported"; "selectionChange": "selectionChange"; }, ["noDataRow", "headerRowDefs", "rowDefs", "columnDefs"], ["[additionalActions]", "*"], false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tilde-nlp/ngx-common",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",

package/styles/components/dialogs.scss

@@ -0,0 +1,10 @@
+.mat-dialog-container {
+  min-width: 22rem;
+  width: 40rem !important;
+}
+
+[mat-dialog-actions] {
+  margin-top: 3rem;
+  display: flex;
+  gap: 1rem;
+}

package/styles/tilde-style.scss

@@ -3,6 +3,7 @@
 @use "./components/buttons.scss";
 @use "./components/links.scss";
 @use "./components/icons.scss";
+@use "./components/dialogs.scss";
 // @use "./components/borders.scss";
 @use "./components/strapi-html.scss";
 @use "./tilde-fonts.scss";