aril 0.0.82 → 0.0.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/ui/table/index.mjs +48 -20
- package/esm2022/ui/table/src/interfaces.mjs +19 -0
- package/esm2022/ui/table/src/table-column.component.mjs +1 -1
- package/esm2022/ui/table/src/table.component.mjs +85 -39
- package/esm2022/ui/table-expand/src/table.component.mjs +6 -40
- package/esm2022/ui/treeTable/src/tree-table.component.mjs +7 -7
- package/fesm2022/aril-ui-table-expand.mjs +5 -38
- package/fesm2022/aril-ui-table-expand.mjs.map +1 -1
- package/fesm2022/aril-ui-table.mjs +146 -57
- package/fesm2022/aril-ui-table.mjs.map +1 -1
- package/fesm2022/aril-ui-treeTable.mjs +6 -6
- package/fesm2022/aril-ui-treeTable.mjs.map +1 -1
- package/package.json +139 -141
- package/theme/styles/theme/base/_components.scss +1 -0
- package/theme/styles/theme/base/components/data/_table.scss +16 -0
- package/theme/styles/theme/light/_variables.scss +1 -1
- package/ui/table/index.d.ts +17 -10
- package/ui/table/src/interfaces.d.ts +77 -0
- package/ui/table/src/table-column.component.d.ts +10 -10
- package/ui/table/src/table.component.d.ts +24 -9
- package/ui/table-expand/src/table.component.d.ts +3 -12
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
1
|
+
import { InputSignal, TemplateRef } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
type ValueTypes = 'text' | 'numeric' | 'date' | 'boolean' | 'custom' | 'operations';
|
|
4
4
|
export type AlignTypes = 'left' | 'right' | 'center';
|
|
@@ -6,21 +6,21 @@ export interface TableColumns {
|
|
|
6
6
|
_results: Array<TableColumn>;
|
|
7
7
|
}
|
|
8
8
|
interface TableColumn {
|
|
9
|
-
field: string
|
|
10
|
-
header: string
|
|
11
|
-
type: ValueTypes
|
|
9
|
+
field: InputSignal<string>;
|
|
10
|
+
header: InputSignal<string>;
|
|
11
|
+
type: InputSignal<ValueTypes>;
|
|
12
12
|
isOperation?: boolean;
|
|
13
13
|
isShowHeaderTooltip?: boolean;
|
|
14
14
|
tooltipTemplate?: TemplateRef<any>;
|
|
15
15
|
template: TemplateRef<any>;
|
|
16
16
|
}
|
|
17
17
|
export declare class TableColumnComponent {
|
|
18
|
-
type:
|
|
19
|
-
field:
|
|
20
|
-
header:
|
|
21
|
-
tAlign:
|
|
22
|
-
isShowHeaderTooltip:
|
|
23
|
-
tooltipTemplate:
|
|
18
|
+
type: InputSignal<ValueTypes, ValueTypes>;
|
|
19
|
+
field: InputSignal<string, string>;
|
|
20
|
+
header: InputSignal<string, string>;
|
|
21
|
+
tAlign: InputSignal<AlignTypes | undefined, AlignTypes | undefined>;
|
|
22
|
+
isShowHeaderTooltip: InputSignal<boolean, boolean>;
|
|
23
|
+
tooltipTemplate: InputSignal<TemplateRef<any> | undefined, TemplateRef<any> | undefined>;
|
|
24
24
|
template: any;
|
|
25
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnComponent, never>;
|
|
26
26
|
static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnComponent, "aril-table-column", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": true; "isSignal": true; }; "tAlign": { "alias": "tAlign"; "required": false; "isSignal": true; }; "isShowHeaderTooltip": { "alias": "isShowHeaderTooltip"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, {}, ["template"], ["*"], false, never>;
|
|
@@ -1,16 +1,22 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HttpClient } from '@angular/common/http';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
3
|
+
import { FormGroup, NonNullableFormBuilder } from '@angular/forms';
|
|
2
4
|
import { MenuItem, PrimeNGConfig } from 'primeng/api';
|
|
5
|
+
import { OverlayPanel } from 'primeng/overlaypanel';
|
|
3
6
|
import { Table } from 'primeng/table';
|
|
4
7
|
import { ProxyTypes } from 'aril/http';
|
|
8
|
+
import { ExportForm, ExportOptions, ExportType } from './interfaces';
|
|
5
9
|
import { AlignTypes, TableColumns } from './table-column.component';
|
|
6
10
|
import * as i0 from "@angular/core";
|
|
7
11
|
type SelectionTypes = 'single' | 'multiple';
|
|
8
|
-
export declare class TableComponent
|
|
12
|
+
export declare class TableComponent {
|
|
13
|
+
private http;
|
|
14
|
+
private fb;
|
|
9
15
|
private primengConfig;
|
|
10
|
-
private cdr;
|
|
11
16
|
onPageEvent: EventEmitter<any>;
|
|
12
17
|
selectionEvent: EventEmitter<any>;
|
|
13
18
|
columns: TableColumns;
|
|
19
|
+
op: OverlayPanel;
|
|
14
20
|
tableRef: Table;
|
|
15
21
|
kebabMenuItems: MenuItem[];
|
|
16
22
|
data: import("@angular/core").InputSignal<any[], any[]>;
|
|
@@ -30,6 +36,16 @@ export declare class TableComponent implements AfterViewInit {
|
|
|
30
36
|
isFirstRowSelected: import("@angular/core").InputSignal<boolean, boolean>;
|
|
31
37
|
dataKey: import("@angular/core").InputSignal<string, string>;
|
|
32
38
|
selectedRowsInput: import("@angular/core").InputSignal<any, any>;
|
|
39
|
+
/**
|
|
40
|
+
* @see {@link ExportOptions}
|
|
41
|
+
*/
|
|
42
|
+
exportConfig: import("@angular/core").InputSignal<ExportOptions | undefined, ExportOptions | undefined>;
|
|
43
|
+
exportForm: FormGroup<ExportForm>;
|
|
44
|
+
exportTypeOptions: {
|
|
45
|
+
key: ExportType;
|
|
46
|
+
label: string;
|
|
47
|
+
fileExtension: string;
|
|
48
|
+
}[];
|
|
33
49
|
filterText: string;
|
|
34
50
|
selectedRows: any;
|
|
35
51
|
pageOptions: readonly [10, 20, 50, 100];
|
|
@@ -37,13 +53,12 @@ export declare class TableComponent implements AfterViewInit {
|
|
|
37
53
|
title: string;
|
|
38
54
|
dataKey: string;
|
|
39
55
|
}>;
|
|
40
|
-
constructor(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
exportPdf(): Promise<void>;
|
|
56
|
+
constructor(http: HttpClient, fb: NonNullableFormBuilder, primengConfig: PrimeNGConfig);
|
|
57
|
+
private createExportForm;
|
|
58
|
+
export(): Promise<void>;
|
|
59
|
+
toggleExport: (event: Event) => void;
|
|
45
60
|
clear(): void;
|
|
46
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "aril-table", never, { "kebabMenuItems": { "alias": "kebabMenuItems"; "required": false; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "checkboxSelection": { "alias": "checkboxSelection"; "required": false; "isSignal": true; }; "headerCheckboxSelection": { "alias": "headerCheckboxSelection"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "proxy": { "alias": "proxy"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "tAlign": { "alias": "tAlign"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "showSearchTool": { "alias": "showSearchTool"; "required": false; "isSignal": true; }; "showExportTool": { "alias": "showExportTool"; "required": false; "isSignal": true; }; "exportFileName": { "alias": "exportFileName"; "required": false; "isSignal": true; }; "noDataFoundLabel": { "alias": "noDataFoundLabel"; "required": false; "isSignal": true; }; "tableHeader": { "alias": "tableHeader"; "required": false; "isSignal": true; }; "showTableHeader": { "alias": "showTableHeader"; "required": false; "isSignal": true; }; "isFirstRowSelected": { "alias": "isFirstRowSelected"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "selectedRowsInput": { "alias": "selectedRowsInput"; "required": false; "isSignal": true; }; }, { "onPageEvent": "onPageEvent"; "selectionEvent": "selectionEvent"; }, ["columns"], ["[footer]"], false, never>;
|
|
62
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "aril-table", never, { "kebabMenuItems": { "alias": "kebabMenuItems"; "required": false; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "checkboxSelection": { "alias": "checkboxSelection"; "required": false; "isSignal": true; }; "headerCheckboxSelection": { "alias": "headerCheckboxSelection"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "proxy": { "alias": "proxy"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "tAlign": { "alias": "tAlign"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "showSearchTool": { "alias": "showSearchTool"; "required": false; "isSignal": true; }; "showExportTool": { "alias": "showExportTool"; "required": false; "isSignal": true; }; "exportFileName": { "alias": "exportFileName"; "required": false; "isSignal": true; }; "noDataFoundLabel": { "alias": "noDataFoundLabel"; "required": false; "isSignal": true; }; "tableHeader": { "alias": "tableHeader"; "required": false; "isSignal": true; }; "showTableHeader": { "alias": "showTableHeader"; "required": false; "isSignal": true; }; "isFirstRowSelected": { "alias": "isFirstRowSelected"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "selectedRowsInput": { "alias": "selectedRowsInput"; "required": false; "isSignal": true; }; "exportConfig": { "alias": "exportConfig"; "required": false; "isSignal": true; }; }, { "onPageEvent": "onPageEvent"; "selectionEvent": "selectionEvent"; }, ["columns"], ["[footer]"], false, never>;
|
|
48
63
|
}
|
|
49
64
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { MenuItem, PrimeNGConfig } from 'primeng/api';
|
|
3
3
|
import { Table } from 'primeng/table';
|
|
4
4
|
import { ProxyTypes } from 'aril/http';
|
|
@@ -6,9 +6,8 @@ import { AlignTypes, TableColumns } from './table-column.component';
|
|
|
6
6
|
import { ExpandAreas } from './table-expand-area.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
type SelectionTypes = 'single' | 'multiple';
|
|
9
|
-
export declare class ExpandTableComponent
|
|
9
|
+
export declare class ExpandTableComponent {
|
|
10
10
|
private primengConfig;
|
|
11
|
-
private cdr;
|
|
12
11
|
onPageEvent: EventEmitter<any>;
|
|
13
12
|
selectionEvent: EventEmitter<any>;
|
|
14
13
|
columns: TableColumns;
|
|
@@ -36,15 +35,7 @@ export declare class ExpandTableComponent implements AfterViewInit {
|
|
|
36
35
|
filterText: string;
|
|
37
36
|
selectedRows: any;
|
|
38
37
|
pageOptions: readonly [10, 20, 50, 100];
|
|
39
|
-
|
|
40
|
-
title: string;
|
|
41
|
-
dataKey: string;
|
|
42
|
-
}>;
|
|
43
|
-
constructor(primengConfig: PrimeNGConfig, cdr: ChangeDetectorRef);
|
|
44
|
-
ngAfterViewInit(): void;
|
|
45
|
-
excelExport(): void;
|
|
46
|
-
saveAsExcelFile(buffer: any, fileName: string): void;
|
|
47
|
-
exportPdf(): Promise<void>;
|
|
38
|
+
constructor(primengConfig: PrimeNGConfig);
|
|
48
39
|
clear(): void;
|
|
49
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<ExpandTableComponent, never>;
|
|
50
41
|
static ɵcmp: i0.ɵɵComponentDeclaration<ExpandTableComponent, "aril-expand-table", never, { "kebabMenuItems": { "alias": "kebabMenuItems"; "required": false; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": true; "isSignal": true; }; "checkboxSelection": { "alias": "checkboxSelection"; "required": false; "isSignal": true; }; "headerCheckboxSelection": { "alias": "headerCheckboxSelection"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "proxy": { "alias": "proxy"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "tAlign": { "alias": "tAlign"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "showSearchTool": { "alias": "showSearchTool"; "required": false; "isSignal": true; }; "showExportTool": { "alias": "showExportTool"; "required": false; "isSignal": true; }; "exportFileName": { "alias": "exportFileName"; "required": false; "isSignal": true; }; "noDataFoundLabel": { "alias": "noDataFoundLabel"; "required": false; "isSignal": true; }; "tableHeader": { "alias": "tableHeader"; "required": false; "isSignal": true; }; "showTableHeader": { "alias": "showTableHeader"; "required": false; "isSignal": true; }; "isFirstRowSelected": { "alias": "isFirstRowSelected"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": true; "isSignal": true; }; "selectedRowsInput": { "alias": "selectedRowsInput"; "required": false; "isSignal": true; }; }, { "onPageEvent": "onPageEvent"; "selectionEvent": "selectionEvent"; }, ["columns", "expandAreas"], ["[footer]"], false, never>;
|