@datarailsshared/datarailsshared 1.6.234 → 1.6.238
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/assets/styles/_storybook-styles.scss +3 -0
- package/assets/styles/_styles.scss +3 -0
- package/datarailsshared-datarailsshared-1.6.238.tgz +0 -0
- package/esm2022/lib/decorators/decorators.mjs +26 -0
- package/esm2022/lib/dr-grid/components/cells/cell-action/cell-action.component.mjs +95 -0
- package/esm2022/lib/dr-grid/components/cells/cell-badge-status/cell-badge-status.component.mjs +49 -0
- package/esm2022/lib/dr-grid/components/cells/cell-button/cell-button.component.mjs +38 -0
- package/esm2022/lib/dr-grid/components/cells/cell-checkbox/cell-checkbox.component.mjs +50 -0
- package/esm2022/lib/dr-grid/components/cells/cell-children-list/cell-children-list.component.mjs +141 -0
- package/esm2022/lib/dr-grid/components/cells/cell-custom-template/cell-custom-template.component.mjs +28 -0
- package/esm2022/lib/dr-grid/components/cells/cell-icon-actions/cell-icon-actions.component.mjs +101 -0
- package/esm2022/lib/dr-grid/components/cells/cell-icon-text-edit/cell-icon-text-edit.component.mjs +130 -0
- package/esm2022/lib/dr-grid/components/cells/cell-link/cell-link.component.mjs +94 -0
- package/esm2022/lib/dr-grid/components/cells/cell-select/cell-select.component.mjs +45 -0
- package/esm2022/lib/dr-grid/components/cells/cell-set-as-default/cell-set-as-default.component.mjs +48 -0
- package/esm2022/lib/dr-grid/components/cells/cell-split-rows/cell-split-rows.component.mjs +99 -0
- package/esm2022/lib/dr-grid/components/cells/cell-toggle/cell-toggle.component.mjs +38 -0
- package/esm2022/lib/dr-grid/components/cells/tbl-header/tbl-header.component.mjs +169 -0
- package/esm2022/lib/dr-grid/components/dr-grid-columns-filter-popover/dr-grid-columns-filter-popover.component.mjs +87 -0
- package/esm2022/lib/dr-grid/components/dr-grid-no-rows/dr-grid-no-rows.component.mjs +10 -0
- package/esm2022/lib/dr-grid/components/dr-grid-pagination/dr-grid-pagination.component.mjs +150 -0
- package/esm2022/lib/dr-grid/components/dr-grid-toolbar/dr-grid-toolbar.component.mjs +194 -0
- package/esm2022/lib/dr-grid/components/tbl-toggle-button-header/tbl-toggle-button-header.component.mjs +46 -0
- package/esm2022/lib/dr-grid/dr-grid.component.mjs +364 -0
- package/esm2022/lib/dr-grid/dr-grid.mjs +26 -0
- package/esm2022/lib/dr-grid/models/dr-grid-events.mjs +9 -0
- package/esm2022/lib/dr-grid/models/dr-grid-theme.mjs +27 -0
- package/esm2022/lib/dr-grid/models/interfaces.mjs +6 -0
- package/esm2022/lib/dr-grid/services/abstract-single-grid.mjs +136 -0
- package/esm2022/lib/dr-grid/services/grid-utils.mjs +53 -0
- package/esm2022/lib/emoji-picker/emoji-picker.component.mjs +2 -2
- package/esm2022/lib/pipes/indeterminate/indeterminate.pipe.mjs +38 -0
- package/esm2022/local-api.mjs +6 -2
- package/fesm2022/datarailsshared-datarailsshared.mjs +2335 -265
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/decorators/decorators.d.ts +2 -0
- package/lib/dr-grid/components/cells/cell-action/cell-action.component.d.ts +37 -0
- package/lib/dr-grid/components/cells/cell-badge-status/cell-badge-status.component.d.ts +22 -0
- package/lib/dr-grid/components/cells/cell-button/cell-button.component.d.ts +19 -0
- package/lib/dr-grid/components/cells/cell-checkbox/cell-checkbox.component.d.ts +24 -0
- package/lib/dr-grid/components/cells/cell-children-list/cell-children-list.component.d.ts +21 -0
- package/lib/dr-grid/components/cells/cell-custom-template/cell-custom-template.component.d.ts +23 -0
- package/lib/dr-grid/components/cells/cell-icon-actions/cell-icon-actions.component.d.ts +35 -0
- package/lib/dr-grid/components/cells/cell-icon-text-edit/cell-icon-text-edit.component.d.ts +34 -0
- package/lib/dr-grid/components/cells/cell-link/cell-link.component.d.ts +33 -0
- package/lib/dr-grid/components/cells/cell-select/cell-select.component.d.ts +22 -0
- package/lib/dr-grid/components/cells/cell-set-as-default/cell-set-as-default.component.d.ts +16 -0
- package/lib/dr-grid/components/cells/cell-split-rows/cell-split-rows.component.d.ts +19 -0
- package/lib/dr-grid/components/cells/cell-toggle/cell-toggle.component.d.ts +15 -0
- package/lib/dr-grid/components/cells/tbl-header/tbl-header.component.d.ts +23 -0
- package/lib/dr-grid/components/dr-grid-columns-filter-popover/dr-grid-columns-filter-popover.component.d.ts +18 -0
- package/lib/dr-grid/components/dr-grid-no-rows/dr-grid-no-rows.component.d.ts +6 -0
- package/lib/dr-grid/components/dr-grid-pagination/dr-grid-pagination.component.d.ts +25 -0
- package/lib/dr-grid/components/dr-grid-toolbar/dr-grid-toolbar.component.d.ts +37 -0
- package/lib/dr-grid/components/tbl-toggle-button-header/tbl-toggle-button-header.component.d.ts +31 -0
- package/lib/dr-grid/dr-grid.component.d.ts +86 -0
- package/lib/dr-grid/dr-grid.d.ts +25 -0
- package/lib/dr-grid/models/dr-grid-events.d.ts +7 -0
- package/lib/dr-grid/models/dr-grid-theme.d.ts +3 -0
- package/lib/dr-grid/models/interfaces.d.ts +125 -0
- package/lib/dr-grid/services/abstract-single-grid.d.ts +37 -0
- package/lib/dr-grid/services/grid-utils.d.ts +11 -0
- package/lib/pipes/indeterminate/indeterminate.pipe.d.ts +12 -0
- package/local-api.d.ts +4 -1
- package/package.json +4 -2
- package/styles.css +7995 -0
- package/datarailsshared-datarailsshared-1.6.234.tgz +0 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { IDropdownAction, IDropdownItem } from '../../../../models/dropdown';
|
|
3
|
+
import { Position } from '../../../../models/position';
|
|
4
|
+
import { ButtonType } from '../../../../dr-inputs/button/button.component';
|
|
5
|
+
import { GridApi, IGridCellRendererComponent, IGridEvent } from '../../../models/interfaces';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
type CellActionButtonOptions = Partial<{
|
|
8
|
+
theme: ButtonType;
|
|
9
|
+
icon: string | string[];
|
|
10
|
+
iconSize: string;
|
|
11
|
+
iconAfter: string | string[];
|
|
12
|
+
iconAfterColor: string;
|
|
13
|
+
iconAfterSize: string;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
isLoading: boolean;
|
|
16
|
+
isActive: boolean;
|
|
17
|
+
content: string;
|
|
18
|
+
dropdownPosition: Position;
|
|
19
|
+
}>;
|
|
20
|
+
export declare class CellActionComponent implements IGridCellRendererComponent, OnInit {
|
|
21
|
+
menu: IDropdownItem<IGridEvent | any>[];
|
|
22
|
+
dataAnalytics: string;
|
|
23
|
+
bindValue: string;
|
|
24
|
+
data: any;
|
|
25
|
+
useParentDataForChildren: boolean;
|
|
26
|
+
isDisabled: boolean;
|
|
27
|
+
gridApi: GridApi;
|
|
28
|
+
buttonOptions?: CellActionButtonOptions;
|
|
29
|
+
ngOnInit(): void;
|
|
30
|
+
agInit(params: any): void;
|
|
31
|
+
refresh(): boolean;
|
|
32
|
+
onMenuAction($event: IDropdownAction<unknown>): void;
|
|
33
|
+
private setPayloadForDropdown;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellActionComponent, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellActionComponent, "dr-cell-action", never, { "menu": { "alias": "menu"; "required": false; }; "dataAnalytics": { "alias": "dataAnalytics"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "data": { "alias": "data"; "required": false; }; "useParentDataForChildren": { "alias": "useParentDataForChildren"; "required": false; }; }, {}, never, never, true, never>;
|
|
36
|
+
}
|
|
37
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import { IGridCellRendererComponent } from '../../../models/interfaces';
|
|
3
|
+
import { BadgeStatus } from '../../../../models/badgeStatus';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
interface IBadgeStatus {
|
|
6
|
+
theme: BadgeStatus;
|
|
7
|
+
label: string;
|
|
8
|
+
icon?: string;
|
|
9
|
+
tooltip?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare class CellBadgeStatusComponent implements IGridCellRendererComponent {
|
|
12
|
+
private cdr;
|
|
13
|
+
badgeStatus: IBadgeStatus;
|
|
14
|
+
private callback;
|
|
15
|
+
constructor(cdr: ChangeDetectorRef);
|
|
16
|
+
agInit(params: any): void;
|
|
17
|
+
refresh(): boolean;
|
|
18
|
+
onClick(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellBadgeStatusComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellBadgeStatusComponent, "dr-cell-badge-status", never, {}, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { IGridCellRendererParams } from '../../../models/interfaces';
|
|
2
|
+
import { BehaviorSubject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type CellButtonActionParams<TData = any> = {
|
|
5
|
+
action: (data: TData, loading$: BehaviorSubject<boolean>) => unknown;
|
|
6
|
+
tooltip?: (data: TData) => string | null | undefined;
|
|
7
|
+
icon?: (data: TData) => string | null | undefined;
|
|
8
|
+
disabled?: (data: TData) => boolean | null | undefined;
|
|
9
|
+
text?: string;
|
|
10
|
+
theme?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare class CellButtonComponent {
|
|
13
|
+
params: any;
|
|
14
|
+
protected text: string;
|
|
15
|
+
readonly loading$: BehaviorSubject<boolean>;
|
|
16
|
+
agInit(params: IGridCellRendererParams): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellButtonComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellButtonComponent, "dr-button-action", never, {}, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { GridApi, IGridCellRendererComponent, IGridCellRendererParams } from '../../../models/interfaces';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
type CellParams<T> = {
|
|
4
|
+
field: string;
|
|
5
|
+
show: (tpl: T) => boolean;
|
|
6
|
+
event: (e: T, api: GridApi) => T;
|
|
7
|
+
isDisabled?: (data: any) => boolean;
|
|
8
|
+
disabledTooltip?: string;
|
|
9
|
+
disabledTooltipGetter?: (data: any) => string;
|
|
10
|
+
};
|
|
11
|
+
export declare class CellCheckboxComponent<T> implements IGridCellRendererComponent {
|
|
12
|
+
templates: T;
|
|
13
|
+
params: CellParams<T>;
|
|
14
|
+
isCellDisabled: boolean;
|
|
15
|
+
tooltip: string;
|
|
16
|
+
api: GridApi;
|
|
17
|
+
agInit(params: IGridCellRendererParams & {
|
|
18
|
+
checkboxParams?: CellParams<T>;
|
|
19
|
+
}): void;
|
|
20
|
+
refresh(): boolean;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellCheckboxComponent<any>, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellCheckboxComponent<any>, "dr-cell-checkbox", never, {}, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { IGridCellRendererComponent, GridRowNode } from '../../../models/interfaces';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CellChildrenListComponent implements IGridCellRendererComponent {
|
|
4
|
+
collapseIconSize: string;
|
|
5
|
+
private gridApi;
|
|
6
|
+
private rowEl;
|
|
7
|
+
private bindCollapse;
|
|
8
|
+
private bindChildren;
|
|
9
|
+
private bindHidden;
|
|
10
|
+
private bindSelected;
|
|
11
|
+
rowNode: GridRowNode;
|
|
12
|
+
refresh(): boolean;
|
|
13
|
+
get nextRow(): number;
|
|
14
|
+
get children(): any[];
|
|
15
|
+
agInit(params: any): void;
|
|
16
|
+
collapse(): void;
|
|
17
|
+
expand(fromInit?: boolean): void;
|
|
18
|
+
private isAnyChildLstInTree;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellChildrenListComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellChildrenListComponent, "dr-cell-children-list", never, {}, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { IGridCellRendererComponent, IGridCellRendererParams } from '../../../models/interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
type CellPayload = {
|
|
5
|
+
field?: string;
|
|
6
|
+
getTemplateFn: (data: any) => TemplateRef<unknown>;
|
|
7
|
+
};
|
|
8
|
+
export type CellTemplateContext<T> = {
|
|
9
|
+
params: IGridCellRendererParams & CellPayload;
|
|
10
|
+
data: T;
|
|
11
|
+
};
|
|
12
|
+
export declare class CellCustomTemplateComponent<T> implements IGridCellRendererComponent {
|
|
13
|
+
data: T;
|
|
14
|
+
params: {
|
|
15
|
+
field?: string;
|
|
16
|
+
getTemplateFn: (data: any) => TemplateRef<unknown>;
|
|
17
|
+
};
|
|
18
|
+
agInit(params: IGridCellRendererParams & CellPayload): void;
|
|
19
|
+
refresh(): boolean;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellCustomTemplateComponent<any>, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellCustomTemplateComponent<any>, "dr-cell-custom-template", never, {}, {}, never, never, true, never>;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { IGridCellRendererComponent } from '../../../models/interfaces';
|
|
2
|
+
import { IDropdownItem } from '../../../../models/dropdown';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface IGridCellIconAction {
|
|
5
|
+
class: string;
|
|
6
|
+
dynamicClass?: (field?: any, rowIndex?: number, rowData?: any) => string;
|
|
7
|
+
action?: (field?: any, rowIndex?: number, rowData?: any) => any;
|
|
8
|
+
hidden?: boolean;
|
|
9
|
+
show?: (field?: any) => boolean;
|
|
10
|
+
size?: string;
|
|
11
|
+
color?: string;
|
|
12
|
+
colorFn?: (field?: any) => string;
|
|
13
|
+
tooltip?: string;
|
|
14
|
+
disabled?: (field?: any, rowIndex?: number, rowData?: any) => boolean;
|
|
15
|
+
customTooltip?: (field?: any, rowIndex?: number, rowData?: any) => string;
|
|
16
|
+
isSimpleIcon?: boolean;
|
|
17
|
+
badgeColor?: string;
|
|
18
|
+
dropdownActions?: IDropdownItem<any>[];
|
|
19
|
+
}
|
|
20
|
+
export declare class CellIconActionsComponent implements IGridCellRendererComponent {
|
|
21
|
+
icons: IGridCellIconAction[];
|
|
22
|
+
field: any;
|
|
23
|
+
rowIndex: number;
|
|
24
|
+
hideIconDelimer: boolean;
|
|
25
|
+
marginForEvenIcon: string;
|
|
26
|
+
bindValue: string;
|
|
27
|
+
pinRight: boolean;
|
|
28
|
+
containerMargin: string;
|
|
29
|
+
rowData: any;
|
|
30
|
+
agInit(params: any): void;
|
|
31
|
+
refresh(): boolean;
|
|
32
|
+
isIconDisabled(icon: IGridCellIconAction): boolean;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellIconActionsComponent, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellIconActionsComponent, "dr-cell-icon-actions", never, {}, {}, never, never, true, never>;
|
|
35
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { IGridCellRendererComponent, IGridCellRendererParams } from '../../../models/interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface ICellIconTextEdit<T> {
|
|
5
|
+
text: string;
|
|
6
|
+
tooltip?: string | ((rowData: T) => string);
|
|
7
|
+
isDisabled?: boolean | ((rowData: T) => boolean);
|
|
8
|
+
disabledTooltip?: string | ((rowData: T) => string);
|
|
9
|
+
onCellClicked?: (rowData: T) => any;
|
|
10
|
+
icon?: string | ((rowData: T) => string);
|
|
11
|
+
iconPath?: string | ((rowData: T) => string);
|
|
12
|
+
iconSize?: 'medium-icon' | 'small-icon';
|
|
13
|
+
showEditIcon: boolean;
|
|
14
|
+
highlightText: boolean;
|
|
15
|
+
noHover?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare class CellIconTextEditComponent<T> implements AfterViewInit, IGridCellRendererComponent {
|
|
18
|
+
private cdr;
|
|
19
|
+
rowData: T;
|
|
20
|
+
cellParams: ICellIconTextEdit<T>;
|
|
21
|
+
icon: string;
|
|
22
|
+
text: string;
|
|
23
|
+
tooltip: string;
|
|
24
|
+
isCellDisabled: boolean;
|
|
25
|
+
iconPath: string;
|
|
26
|
+
textSpan: ElementRef<HTMLElement>;
|
|
27
|
+
cellClick(): void;
|
|
28
|
+
constructor(cdr: ChangeDetectorRef);
|
|
29
|
+
agInit(params: IGridCellRendererParams): void;
|
|
30
|
+
ngAfterViewInit(): void;
|
|
31
|
+
refresh(params: IGridCellRendererParams<any>): boolean;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellIconTextEditComponent<any>, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellIconTextEditComponent<any>, "dr-cell-icon-text-edit", never, {}, {}, never, never, true, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { IGridCellRendererComponent } from '../../../models/interfaces';
|
|
2
|
+
import { Router } from '@angular/router';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CellLinkComponent<T> implements IGridCellRendererComponent {
|
|
5
|
+
private router;
|
|
6
|
+
templates: T;
|
|
7
|
+
query: {
|
|
8
|
+
field: string;
|
|
9
|
+
queryParams: string;
|
|
10
|
+
params: string;
|
|
11
|
+
link: string;
|
|
12
|
+
afterLinkCLick?: () => void;
|
|
13
|
+
useState?: boolean;
|
|
14
|
+
stateKey?: string;
|
|
15
|
+
isDisabled?: (data: any) => boolean;
|
|
16
|
+
disabledTooltip?: string;
|
|
17
|
+
disabledTooltipGetter?: (data: any) => string;
|
|
18
|
+
};
|
|
19
|
+
params: unknown;
|
|
20
|
+
queryParams: unknown;
|
|
21
|
+
state: any;
|
|
22
|
+
isOutsideAngular: boolean;
|
|
23
|
+
dynamicLink: boolean;
|
|
24
|
+
isCellDisabled: boolean;
|
|
25
|
+
tooltip: string;
|
|
26
|
+
constructor(router: Router);
|
|
27
|
+
agInit(params: any): void;
|
|
28
|
+
getStateData(params: any): any;
|
|
29
|
+
refresh(): boolean;
|
|
30
|
+
goTo(e: any): void;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellLinkComponent<any>, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellLinkComponent<any>, "dr-cell-link", never, {}, {}, never, never, true, never>;
|
|
33
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { IGridCellRendererComponent } from '../../../models/interfaces';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface ICellSelectConfig {
|
|
4
|
+
bindLabel?: string;
|
|
5
|
+
bindValue?: string;
|
|
6
|
+
multiple?: boolean;
|
|
7
|
+
addTag?: boolean;
|
|
8
|
+
clearable?: boolean;
|
|
9
|
+
searchable?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare class CellSelectComponent implements IGridCellRendererComponent {
|
|
12
|
+
field: any;
|
|
13
|
+
bindFieldValue: string;
|
|
14
|
+
selectItems: any[];
|
|
15
|
+
selectConfig: ICellSelectConfig;
|
|
16
|
+
onChangeFn: (fieldData: any) => void;
|
|
17
|
+
agInit(params: any): void;
|
|
18
|
+
refresh(): boolean;
|
|
19
|
+
onChange(): void;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellSelectComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellSelectComponent, "dr-cell-select", never, {}, {}, never, never, true, never>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CellSetAsDefaultComponent {
|
|
3
|
+
key: string;
|
|
4
|
+
tooltipMsg: string;
|
|
5
|
+
disabledTooltip: string;
|
|
6
|
+
data: any;
|
|
7
|
+
query: {
|
|
8
|
+
isDisabled?: (data: any) => boolean;
|
|
9
|
+
disabledTooltip?: string;
|
|
10
|
+
disabledTooltipGetter?: (data: any) => string;
|
|
11
|
+
};
|
|
12
|
+
agInit(params: any): void;
|
|
13
|
+
refresh(): boolean;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellSetAsDefaultComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellSetAsDefaultComponent, "dr-cell-set-as-default", never, { "key": { "alias": "key"; "required": false; }; }, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import { IGridCellRendererComponent } from '../../../models/interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CellSplitRowsComponent implements IGridCellRendererComponent {
|
|
5
|
+
private readonly cdr;
|
|
6
|
+
rows: string[];
|
|
7
|
+
theme: 'regular' | 'highlightMain' | 'simple-text';
|
|
8
|
+
rowStyles: any[];
|
|
9
|
+
showTooltip: boolean;
|
|
10
|
+
rowGap: string;
|
|
11
|
+
readonly isOverflownMap: Map<number, boolean>;
|
|
12
|
+
hasOverflownRow: boolean;
|
|
13
|
+
constructor(cdr: ChangeDetectorRef);
|
|
14
|
+
agInit(params: any): void;
|
|
15
|
+
refresh(): boolean;
|
|
16
|
+
setOverflown(isOverflown: boolean, rowIndex: number, shouldUpdate: boolean): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellSplitRowsComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellSplitRowsComponent, "dr-cell-split-rows", never, { "rows": { "alias": "rows"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "rowStyles": { "alias": "rowStyles"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "rowGap": { "alias": "rowGap"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IGridCellRendererComponent } from '../../../models/interfaces';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CellToggleComponent<T> implements IGridCellRendererComponent {
|
|
4
|
+
field: T;
|
|
5
|
+
params: {
|
|
6
|
+
field: string;
|
|
7
|
+
show?: (field: T) => boolean;
|
|
8
|
+
event: (event: any) => T;
|
|
9
|
+
};
|
|
10
|
+
constructor();
|
|
11
|
+
agInit(params: any): void;
|
|
12
|
+
refresh(): boolean;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellToggleComponent<any>, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CellToggleComponent<any>, "dr-cell-toggle", never, {}, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { OnDestroy } from '@angular/core';
|
|
2
|
+
import { GridApi, GridColumnApi, GridSortDirection, IGridHeaderAngularComponent, IGridHeaderParams } from '../../../models/interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TblHeaderComponent implements IGridHeaderAngularComponent, OnDestroy {
|
|
5
|
+
get hostDataTestId(): string;
|
|
6
|
+
private readonly destroy$;
|
|
7
|
+
params: any;
|
|
8
|
+
sort: GridSortDirection;
|
|
9
|
+
defs: any;
|
|
10
|
+
filterValue: any;
|
|
11
|
+
initSorted: boolean;
|
|
12
|
+
gridApi: GridApi;
|
|
13
|
+
gridColumnApi: GridColumnApi;
|
|
14
|
+
agInit(params: IGridHeaderParams): void;
|
|
15
|
+
refresh(): boolean;
|
|
16
|
+
onSortChanged(sort?: GridSortDirection): void;
|
|
17
|
+
onFilterChanged(filterValue: any): void;
|
|
18
|
+
private subscribeOnSort;
|
|
19
|
+
private subscribeOnUpdateTableParams;
|
|
20
|
+
ngOnDestroy(): void;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TblHeaderComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TblHeaderComponent, "dr-tbl-header", never, {}, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { GridApi, GridColumnApi, IGridColDef } from '../../models/interfaces';
|
|
3
|
+
import { DrPopoverRef } from '../../../models/popover';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class DrGridColumnsFilterPopoverComponent implements OnInit {
|
|
6
|
+
private popoverRef;
|
|
7
|
+
columnDefinitions: IGridColDef[];
|
|
8
|
+
searchInput: string;
|
|
9
|
+
gridApi: GridApi;
|
|
10
|
+
gridColumnApi: GridColumnApi;
|
|
11
|
+
constructor(popoverRef: DrPopoverRef<DrGridColumnsFilterPopoverComponent>);
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
applyColumnState(): void;
|
|
14
|
+
onSearch(column: IGridColDef): boolean;
|
|
15
|
+
onAllCheck($event: boolean): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrGridColumnsFilterPopoverComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrGridColumnsFilterPopoverComponent, "dr-grid-columns-filter-popover", never, {}, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class DrGridPaginationComponent implements OnInit, OnChanges {
|
|
5
|
+
count: number;
|
|
6
|
+
perPage: number;
|
|
7
|
+
page: number;
|
|
8
|
+
pageChange: EventEmitter<number>;
|
|
9
|
+
totalPages: number;
|
|
10
|
+
fromRow: number;
|
|
11
|
+
toRow: number;
|
|
12
|
+
inputPager$: Subject<unknown>;
|
|
13
|
+
constructor();
|
|
14
|
+
get showPrev(): boolean;
|
|
15
|
+
get showNext(): boolean;
|
|
16
|
+
set setPage(p: any);
|
|
17
|
+
set setCount(c: any);
|
|
18
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
19
|
+
ngOnInit(): void;
|
|
20
|
+
goPage(page: number): void;
|
|
21
|
+
toPage(page: number): void;
|
|
22
|
+
updatePagination(): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrGridPaginationComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrGridPaginationComponent, "dr-grid-pagination", never, { "count": { "alias": "count"; "required": false; }; "perPage": { "alias": "perPage"; "required": false; }; "page": { "alias": "page"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
3
|
+
import { GridApi, GridColumnApi, IGridCsvExportParams } from '../../models/interfaces';
|
|
4
|
+
import { IDropdownItem } from '../../../models/dropdown';
|
|
5
|
+
import { DrGridColumnsFilterPopoverComponent } from '../dr-grid-columns-filter-popover/dr-grid-columns-filter-popover.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class DrGridToolbarComponent implements OnInit, OnDestroy {
|
|
8
|
+
private router;
|
|
9
|
+
private activatedRoute;
|
|
10
|
+
private readonly destroy$;
|
|
11
|
+
gridApi: GridApi;
|
|
12
|
+
gridColumnApi: GridColumnApi;
|
|
13
|
+
title: string;
|
|
14
|
+
showSearch: boolean;
|
|
15
|
+
searchMini: boolean;
|
|
16
|
+
reactiveSearch: boolean;
|
|
17
|
+
searchInput: string;
|
|
18
|
+
searchDone: boolean;
|
|
19
|
+
search: EventEmitter<string>;
|
|
20
|
+
showColumnSettings: boolean;
|
|
21
|
+
ColumnsFilterPopover: typeof DrGridColumnsFilterPopoverComponent;
|
|
22
|
+
menuActions: IDropdownItem<unknown>[];
|
|
23
|
+
menuActionsTooltip: string;
|
|
24
|
+
menuActionsClick: EventEmitter<Event>;
|
|
25
|
+
showRefresh: boolean;
|
|
26
|
+
refresh: EventEmitter<null>;
|
|
27
|
+
csvParams: IGridCsvExportParams;
|
|
28
|
+
constructor(router: Router, activatedRoute: ActivatedRoute);
|
|
29
|
+
ngOnInit(): void;
|
|
30
|
+
private updateTitleIfNeeded;
|
|
31
|
+
onSearch($event: string): void;
|
|
32
|
+
onExport(): void;
|
|
33
|
+
onContextMenuClick($event: any): void;
|
|
34
|
+
ngOnDestroy(): void;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrGridToolbarComponent, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrGridToolbarComponent, "dr-grid-toolbar", never, { "gridApi": { "alias": "gridApi"; "required": true; }; "gridColumnApi": { "alias": "gridColumnApi"; "required": true; }; "title": { "alias": "title"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchMini": { "alias": "searchMini"; "required": false; }; "reactiveSearch": { "alias": "reactiveSearch"; "required": false; }; "showColumnSettings": { "alias": "showColumnSettings"; "required": false; }; "menuActions": { "alias": "menuActions"; "required": false; }; "menuActionsTooltip": { "alias": "menuActionsTooltip"; "required": false; }; "showRefresh": { "alias": "showRefresh"; "required": false; }; "csvParams": { "alias": "csvParams"; "required": false; }; }, { "search": "search"; "menuActionsClick": "menuActionsClick"; "refresh": "refresh"; }, never, ["*"], true, never>;
|
|
37
|
+
}
|
package/lib/dr-grid/components/tbl-toggle-button-header/tbl-toggle-button-header.component.d.ts
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { IGridHeaderAngularComponent, IGridHeaderParams } from '../../models/interfaces';
|
|
2
|
+
import { ToggleButtonMode } from '../../../dr-inputs/dr-toggle-button/toggle-button-mode';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
interface TblToggleButtonHeaderParams extends IGridHeaderParams {
|
|
6
|
+
items: string[] | any[];
|
|
7
|
+
bindLabel?: string | null;
|
|
8
|
+
bindValue?: string | null;
|
|
9
|
+
bindHidden?: string | null;
|
|
10
|
+
mode?: ToggleButtonMode;
|
|
11
|
+
minTableWidth: number | null;
|
|
12
|
+
selectedValue?: any | string;
|
|
13
|
+
selectedValue$?: Observable<any | string>;
|
|
14
|
+
onSelectionChanged: (selectedValue: string | any) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare class TblToggleButtonHeaderComponent implements IGridHeaderAngularComponent {
|
|
17
|
+
params: any;
|
|
18
|
+
items: string[] | any[];
|
|
19
|
+
bindLabel: string | null;
|
|
20
|
+
bindValue: string | null;
|
|
21
|
+
bindHidden: string | null;
|
|
22
|
+
mode: ToggleButtonMode;
|
|
23
|
+
selectedValue: any | string;
|
|
24
|
+
selectedValue$: Observable<any | string>;
|
|
25
|
+
agInit(params: TblToggleButtonHeaderParams): void;
|
|
26
|
+
refresh(): boolean;
|
|
27
|
+
onSelectionChanged(selectedValue: any): void;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TblToggleButtonHeaderComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TblToggleButtonHeaderComponent, "dr-tbl-toggle-button-header", never, {}, {}, never, never, true, never>;
|
|
30
|
+
}
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject, Subject } from 'rxjs';
|
|
3
|
+
import { IGridEvent, GridDomLayoutType, IGridOptions, IGridSelectionChangedEvent, GridApi, GridColumnApi, IGridDrEvent, IGridDrEvents, IGridColDef, IGridRowSelectedEvent } from './models/interfaces';
|
|
4
|
+
import { CellActionComponent } from './components/cells/cell-action/cell-action.component';
|
|
5
|
+
import { CellCheckboxComponent } from './components/cells/cell-checkbox/cell-checkbox.component';
|
|
6
|
+
import { CellLinkComponent } from './components/cells/cell-link/cell-link.component';
|
|
7
|
+
import { CellSetAsDefaultComponent } from './components/cells/cell-set-as-default/cell-set-as-default.component';
|
|
8
|
+
import { CellIconActionsComponent } from './components/cells/cell-icon-actions/cell-icon-actions.component';
|
|
9
|
+
import { CellSplitRowsComponent } from './components/cells/cell-split-rows/cell-split-rows.component';
|
|
10
|
+
import { CellButtonComponent } from './components/cells/cell-button/cell-button.component';
|
|
11
|
+
import { CellChildrenListComponent } from './components/cells/cell-children-list/cell-children-list.component';
|
|
12
|
+
import { CellCustomTemplateComponent } from './components/cells/cell-custom-template/cell-custom-template.component';
|
|
13
|
+
import { CellBadgeStatusComponent } from './components/cells/cell-badge-status/cell-badge-status.component';
|
|
14
|
+
import { CellIconTextEditComponent } from './components/cells/cell-icon-text-edit/cell-icon-text-edit.component';
|
|
15
|
+
import { TblHeaderComponent } from './components/cells/tbl-header/tbl-header.component';
|
|
16
|
+
import { CellToggleComponent } from './components/cells/cell-toggle/cell-toggle.component';
|
|
17
|
+
import { CellSelectComponent } from './components/cells/cell-select/cell-select.component';
|
|
18
|
+
import { TDrGridTheme } from './models/dr-grid-theme';
|
|
19
|
+
import * as i0 from "@angular/core";
|
|
20
|
+
export declare class DrGridComponent<T> implements OnInit, OnDestroy {
|
|
21
|
+
private readonly cdr;
|
|
22
|
+
private readonly toastr;
|
|
23
|
+
private readonly elementRef;
|
|
24
|
+
private gridRowModel;
|
|
25
|
+
private resizeObserver;
|
|
26
|
+
domLayout: GridDomLayoutType;
|
|
27
|
+
layoutThresholdCount: number;
|
|
28
|
+
pinnedTopRowData: any[] | undefined;
|
|
29
|
+
pinnedBottomRowData: any[] | undefined;
|
|
30
|
+
columnDefs: IGridColDef[];
|
|
31
|
+
set noRowsTemplate(templateRef: TemplateRef<unknown>);
|
|
32
|
+
set cellComponents(components: any);
|
|
33
|
+
private _rowData;
|
|
34
|
+
get rowData(): T[];
|
|
35
|
+
set rowData(rowData: T[]);
|
|
36
|
+
private _gridOptions;
|
|
37
|
+
get gridOptions(): IGridOptions;
|
|
38
|
+
set gridOptions(value: IGridOptions);
|
|
39
|
+
private _gridApi;
|
|
40
|
+
get gridApi(): GridApi | null;
|
|
41
|
+
set gridApi(value: GridApi | null);
|
|
42
|
+
gridApiChange: EventEmitter<GridApi<any>>;
|
|
43
|
+
private _gridColumnApi;
|
|
44
|
+
get gridColumnApi(): GridColumnApi | null;
|
|
45
|
+
set gridColumnApi(value: GridColumnApi | null);
|
|
46
|
+
gridColumnApiChange: EventEmitter<import("ag-grid-community").ColumnApi>;
|
|
47
|
+
_theme: TDrGridTheme;
|
|
48
|
+
get theme(): TDrGridTheme;
|
|
49
|
+
set theme(theme: TDrGridTheme);
|
|
50
|
+
rowClicked: EventEmitter<any>;
|
|
51
|
+
rowDragEnd: EventEmitter<any>;
|
|
52
|
+
selectionChanged: EventEmitter<IGridSelectionChangedEvent<any, any>>;
|
|
53
|
+
rowSelected: EventEmitter<IGridRowSelectedEvent<any, any>>;
|
|
54
|
+
gridReady: EventEmitter<any>;
|
|
55
|
+
gridDestroy: EventEmitter<any>;
|
|
56
|
+
agGridEl: ElementRef;
|
|
57
|
+
get hostClasses(): string[];
|
|
58
|
+
_cellComponents: {
|
|
59
|
+
header: typeof TblHeaderComponent;
|
|
60
|
+
childrenList: typeof CellChildrenListComponent;
|
|
61
|
+
customTemplate: typeof CellCustomTemplateComponent;
|
|
62
|
+
button: typeof CellButtonComponent;
|
|
63
|
+
checkbox: typeof CellCheckboxComponent;
|
|
64
|
+
setAsDefault: typeof CellSetAsDefaultComponent;
|
|
65
|
+
splitRows: typeof CellSplitRowsComponent;
|
|
66
|
+
badgeStatus: typeof CellBadgeStatusComponent;
|
|
67
|
+
iconActions: typeof CellIconActionsComponent;
|
|
68
|
+
cellIconTextEdit: typeof CellIconTextEditComponent;
|
|
69
|
+
link: typeof CellLinkComponent;
|
|
70
|
+
action: typeof CellActionComponent;
|
|
71
|
+
toggle: typeof CellToggleComponent;
|
|
72
|
+
cellSelect: typeof CellSelectComponent;
|
|
73
|
+
};
|
|
74
|
+
bottomBlurHidden$: BehaviorSubject<boolean>;
|
|
75
|
+
ngOnInit(): void;
|
|
76
|
+
onGridReady(params: IGridEvent): void;
|
|
77
|
+
ngOnDestroy(): void;
|
|
78
|
+
private copyToClipboard;
|
|
79
|
+
private initBodyScrollListener;
|
|
80
|
+
private initHostResizeListener;
|
|
81
|
+
private updateGridDomLayout;
|
|
82
|
+
static getDrEventsObject: (events$?: BehaviorSubject<IGridDrEvent>, destroy$?: Subject<void>) => IGridDrEvents;
|
|
83
|
+
onRowSelect($event: IGridRowSelectedEvent<any>): void;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrGridComponent<any>, never>;
|
|
85
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrGridComponent<any>, "dr-grid", never, { "layoutThresholdCount": { "alias": "layoutThresholdCount"; "required": false; }; "pinnedTopRowData": { "alias": "pinnedTopRowData"; "required": false; }; "pinnedBottomRowData": { "alias": "pinnedBottomRowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "noRowsTemplate": { "alias": "noRowsTemplate"; "required": false; }; "cellComponents": { "alias": "cellComponents"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "gridApi": { "alias": "gridApi"; "required": false; }; "gridColumnApi": { "alias": "gridColumnApi"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "gridApiChange": "gridApiChange"; "gridColumnApiChange": "gridColumnApiChange"; "rowClicked": "rowClicked"; "rowDragEnd": "rowDragEnd"; "selectionChanged": "selectionChanged"; "rowSelected": "rowSelected"; "gridReady": "gridReady"; "gridDestroy": "gridDestroy"; }, never, never, true, never>;
|
|
86
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export * from './dr-grid.component';
|
|
2
|
+
export * from './services/grid-utils';
|
|
3
|
+
export * from './services/abstract-single-grid';
|
|
4
|
+
export * from './models/dr-grid-events';
|
|
5
|
+
export * from './models/dr-grid-theme';
|
|
6
|
+
export * from './models/interfaces';
|
|
7
|
+
export * from './components/dr-grid-columns-filter-popover/dr-grid-columns-filter-popover.component';
|
|
8
|
+
export * from './components/dr-grid-no-rows/dr-grid-no-rows.component';
|
|
9
|
+
export * from './components/dr-grid-pagination/dr-grid-pagination.component';
|
|
10
|
+
export * from './components/dr-grid-toolbar/dr-grid-toolbar.component';
|
|
11
|
+
export * from './components/tbl-toggle-button-header/tbl-toggle-button-header.component';
|
|
12
|
+
export * from './components/cells/cell-action/cell-action.component';
|
|
13
|
+
export * from './components/cells/cell-badge-status/cell-badge-status.component';
|
|
14
|
+
export * from './components/cells/cell-button/cell-button.component';
|
|
15
|
+
export * from './components/cells/cell-checkbox/cell-checkbox.component';
|
|
16
|
+
export * from './components/cells/cell-children-list/cell-children-list.component';
|
|
17
|
+
export * from './components/cells/cell-custom-template/cell-custom-template.component';
|
|
18
|
+
export * from './components/cells/cell-icon-actions/cell-icon-actions.component';
|
|
19
|
+
export * from './components/cells/cell-icon-text-edit/cell-icon-text-edit.component';
|
|
20
|
+
export * from './components/cells/cell-link/cell-link.component';
|
|
21
|
+
export * from './components/cells/cell-select/cell-select.component';
|
|
22
|
+
export * from './components/cells/cell-set-as-default/cell-set-as-default.component';
|
|
23
|
+
export * from './components/cells/cell-split-rows/cell-split-rows.component';
|
|
24
|
+
export * from './components/cells/cell-toggle/cell-toggle.component';
|
|
25
|
+
export * from './components/cells/tbl-header/tbl-header.component';
|