@indigina/ui-kit 1.1.38 → 1.1.40
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/icons/sort-ascending.svg +3 -0
- package/assets/icons/sort-descending.svg +3 -0
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.mjs +2 -2
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +2 -2
- package/esm2022/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.mjs +2 -2
- package/esm2022/lib/components/kit-daterange/kit-daterange.component.mjs +2 -2
- package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +2 -2
- package/esm2022/lib/components/kit-grid/kit-grid-column/kit-grid-column.component.mjs +49 -0
- package/esm2022/lib/components/kit-grid/kit-grid.component.mjs +123 -0
- package/esm2022/lib/components/kit-grid/kit-grid.const.mjs +11 -0
- package/esm2022/lib/components/kit-grid/kit-grid.model.mjs +2 -0
- package/esm2022/lib/components/kit-grid/kit-grid.module.mjs +37 -0
- package/esm2022/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +2 -2
- package/esm2022/lib/components/kit-notification/kit-notification.component.mjs +2 -2
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +3 -1
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2022/lib/components/kit-switch/kit-switch.component.mjs +2 -2
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +2 -2
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +2 -2
- package/esm2022/public-api.mjs +6 -1
- package/fesm2022/indigina-ui-kit.mjs +231 -25
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-grid/kit-grid-column/kit-grid-column.component.d.ts +35 -0
- package/lib/components/kit-grid/kit-grid.component.d.ts +64 -0
- package/lib/components/kit-grid/kit-grid.const.d.ts +8 -0
- package/lib/components/kit-grid/kit-grid.model.d.ts +12 -0
- package/lib/components/kit-grid/kit-grid.module.d.ts +11 -0
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +3 -1
- package/package.json +5 -3
- package/public-api.d.ts +5 -0
- package/styles/common.scss +5 -0
- package/styles/styles.scss +1 -0
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { KitSvgIcon, KitSvgIconType } from '../../kit-svg-icon/kit-svg-icon.const';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class KitGridColumnComponent {
|
|
5
|
+
/**
|
|
6
|
+
* Defines the field to which the column is bound
|
|
7
|
+
*/
|
|
8
|
+
field: string;
|
|
9
|
+
/**
|
|
10
|
+
* Defines the title of the column
|
|
11
|
+
*/
|
|
12
|
+
title: string;
|
|
13
|
+
/**
|
|
14
|
+
* Defines the column title icon
|
|
15
|
+
*/
|
|
16
|
+
titleIcon?: KitSvgIcon;
|
|
17
|
+
/**
|
|
18
|
+
* Defines the column title icon type
|
|
19
|
+
*/
|
|
20
|
+
titleIconType: KitSvgIconType;
|
|
21
|
+
/**
|
|
22
|
+
* Defines whether the column can be sorted by clicking on its title
|
|
23
|
+
*/
|
|
24
|
+
sortable: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Defines the width of the column (in pixels)
|
|
27
|
+
*/
|
|
28
|
+
width?: number;
|
|
29
|
+
/**
|
|
30
|
+
* Defines the column cell template
|
|
31
|
+
*/
|
|
32
|
+
cellTemplate?: TemplateRef<HTMLElement>;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitGridColumnComponent, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitGridColumnComponent, "kit-grid-column", never, { "field": { "alias": "field"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "titleIconType": { "alias": "titleIconType"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["cellTemplate"], never, false, never>;
|
|
35
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
|
|
2
|
+
import { KitGridColumnComponent } from './kit-grid-column/kit-grid-column.component';
|
|
3
|
+
import { DataStateChangeEvent, DetailCollapseEvent, DetailExpandEvent, PageChangeEvent, PagerSettings, RowClassArgs } from '@progress/kendo-angular-grid';
|
|
4
|
+
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
5
|
+
import { SortDescriptor } from '@progress/kendo-data-query';
|
|
6
|
+
import { KitGridDataStateChangeEvent, KitGridNestedData, KitGridSortDescriptor, KitGridSortSettings, KitGridPageChangeEvent } from './kit-grid.model';
|
|
7
|
+
import { KitGridSortDirection } from './kit-grid.const';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class KitGridComponent<T extends KitGridNestedData<U>, U = unknown> {
|
|
10
|
+
/**
|
|
11
|
+
* Sets the data of the grid
|
|
12
|
+
*/
|
|
13
|
+
data: T[];
|
|
14
|
+
/**
|
|
15
|
+
* Enables the sorting of the grid columns
|
|
16
|
+
*/
|
|
17
|
+
sortable: KitGridSortSettings | boolean;
|
|
18
|
+
/**
|
|
19
|
+
* The descriptors by which the data will be sorted
|
|
20
|
+
*/
|
|
21
|
+
sort: KitGridSortDescriptor[];
|
|
22
|
+
/**
|
|
23
|
+
* Enables the pager of the grid
|
|
24
|
+
*/
|
|
25
|
+
pageable: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Defines the page size
|
|
28
|
+
*/
|
|
29
|
+
pageSize?: number;
|
|
30
|
+
/**
|
|
31
|
+
* Defines the number of records to be skipped by the pager
|
|
32
|
+
*/
|
|
33
|
+
skip: number;
|
|
34
|
+
/**
|
|
35
|
+
* An action which is emitted when the page of the grid is changed
|
|
36
|
+
*/
|
|
37
|
+
pageChanged: EventEmitter<KitGridPageChangeEvent>;
|
|
38
|
+
/**
|
|
39
|
+
* An action which is emitted once the sorting of the grid is changed
|
|
40
|
+
*/
|
|
41
|
+
sortChanged: EventEmitter<KitGridSortDescriptor[]>;
|
|
42
|
+
/**
|
|
43
|
+
* An action which is emitted when the data state of the grid is changed
|
|
44
|
+
*/
|
|
45
|
+
dataStateChanged: EventEmitter<KitGridDataStateChangeEvent>;
|
|
46
|
+
columns: QueryList<KitGridColumnComponent> | null;
|
|
47
|
+
kitGridDetailTemplate: TemplateRef<HTMLElement> | null;
|
|
48
|
+
readonly KitSvgIcon: typeof KitSvgIcon;
|
|
49
|
+
readonly KitGridSortDirection: typeof KitGridSortDirection;
|
|
50
|
+
private expandedRows;
|
|
51
|
+
onDataStateChange(event: DataStateChangeEvent): void;
|
|
52
|
+
onSortChange(event: SortDescriptor[]): void;
|
|
53
|
+
getSortingDirection(columnField: string): string | null;
|
|
54
|
+
isDetailTemplateVisible(dataItem: T): boolean;
|
|
55
|
+
hasDetailColumn(): boolean;
|
|
56
|
+
isColumnSortable(column: KitGridColumnComponent): boolean;
|
|
57
|
+
onDetailExpand(event: DetailExpandEvent): void;
|
|
58
|
+
onDetailCollapse(event: DetailCollapseEvent): void;
|
|
59
|
+
onPageChange(event: PageChangeEvent): void;
|
|
60
|
+
getCssRowClass: (context: RowClassArgs) => Record<string, boolean>;
|
|
61
|
+
getPagerSettings(): boolean | PagerSettings;
|
|
62
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitGridComponent<any, any>, never>;
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitGridComponent<any, any>, "kit-grid", never, { "data": { "alias": "data"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; }, { "pageChanged": "pageChanged"; "sortChanged": "sortChanged"; "dataStateChanged": "dataStateChanged"; }, ["kitGridDetailTemplate", "columns"], never, false, never>;
|
|
64
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DataStateChangeEvent, PageChangeEvent } from '@progress/kendo-angular-grid';
|
|
2
|
+
import { SortDescriptor } from '@progress/kendo-data-query';
|
|
3
|
+
import { KitGridSortSettingsMode } from './kit-grid.const';
|
|
4
|
+
export interface KitGridNestedData<U> {
|
|
5
|
+
children?: U[];
|
|
6
|
+
}
|
|
7
|
+
export interface KitGridSortSettings {
|
|
8
|
+
mode: KitGridSortSettingsMode;
|
|
9
|
+
}
|
|
10
|
+
export type KitGridSortDescriptor = SortDescriptor;
|
|
11
|
+
export type KitGridDataStateChangeEvent = DataStateChangeEvent;
|
|
12
|
+
export type KitGridPageChangeEvent = PageChangeEvent;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./kit-grid.component";
|
|
3
|
+
import * as i2 from "./kit-grid-column/kit-grid-column.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@progress/kendo-angular-grid";
|
|
6
|
+
import * as i5 from "../kit-svg-icon/kit-svg-icon.module";
|
|
7
|
+
export declare class KitGridModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitGridModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<KitGridModule, [typeof i1.KitGridComponent, typeof i2.KitGridColumnComponent], [typeof i3.CommonModule, typeof i4.GridModule, typeof i5.KitSvgIconModule], [typeof i1.KitGridComponent, typeof i2.KitGridColumnComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<KitGridModule>;
|
|
11
|
+
}
|
|
@@ -86,7 +86,9 @@ export declare enum KitSvgIcon {
|
|
|
86
86
|
WARNING_CIRCLE_FILLED = "warning-circle-filled",
|
|
87
87
|
CLOSE_CIRCLE_FILLED = "close-circle-filled",
|
|
88
88
|
QUESTION_CIRCLE = "question-circle",
|
|
89
|
-
STAR = "star"
|
|
89
|
+
STAR = "star",
|
|
90
|
+
SORT_ASCENDING = "sort-ascending",
|
|
91
|
+
SORT_DESCENDING = "sort-descending"
|
|
90
92
|
}
|
|
91
93
|
export declare enum KitSvgIconType {
|
|
92
94
|
FILL = "fill",
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"components",
|
|
8
8
|
"shared"
|
|
9
9
|
],
|
|
10
|
-
"version": "1.1.
|
|
10
|
+
"version": "1.1.40",
|
|
11
11
|
"peerDependencies": {
|
|
12
12
|
"@angular/common": "^17.0.7",
|
|
13
13
|
"@angular/core": "^17.0.7"
|
|
@@ -16,7 +16,9 @@
|
|
|
16
16
|
"@progress/kendo-angular-buttons": "15.0.1",
|
|
17
17
|
"@progress/kendo-angular-common": "15.0.1",
|
|
18
18
|
"@progress/kendo-angular-dateinputs": "15.0.1",
|
|
19
|
+
"@progress/kendo-angular-dialog": "15.0.1",
|
|
19
20
|
"@progress/kendo-angular-dropdowns": "15.0.1",
|
|
21
|
+
"@progress/kendo-angular-grid": "15.0.1",
|
|
20
22
|
"@progress/kendo-angular-icons": "15.0.1",
|
|
21
23
|
"@progress/kendo-angular-indicators": "15.0.1",
|
|
22
24
|
"@progress/kendo-angular-inputs": "15.0.1",
|
|
@@ -28,10 +30,10 @@
|
|
|
28
30
|
"@progress/kendo-angular-navigation": "15.0.1",
|
|
29
31
|
"@progress/kendo-angular-popup": "15.0.1",
|
|
30
32
|
"@progress/kendo-angular-progressbar": "15.0.1",
|
|
31
|
-
"@progress/kendo-angular-treeview": "15.0.1",
|
|
32
33
|
"@progress/kendo-angular-tooltip": "15.0.1",
|
|
33
|
-
"@progress/kendo-angular-
|
|
34
|
+
"@progress/kendo-angular-treeview": "15.0.1",
|
|
34
35
|
"@progress/kendo-angular-upload": "15.0.1",
|
|
36
|
+
"@progress/kendo-data-query": "1.7.0",
|
|
35
37
|
"@progress/kendo-drawing": "1.19.0",
|
|
36
38
|
"@progress/kendo-licensing": "1.3.5",
|
|
37
39
|
"@progress/kendo-svg-icons": "2.1.0",
|
package/public-api.d.ts
CHANGED
|
@@ -120,3 +120,8 @@ export { KitCardTheme } from './lib/components/kit-card/kit-card.const';
|
|
|
120
120
|
export { KitBreadcrumbsModule } from './lib/components/kit-breadcrumbs/kit-breadcrumbs.module';
|
|
121
121
|
export { KitBreadcrumbsComponent } from './lib/components/kit-breadcrumbs/kit-breadcrumbs.component';
|
|
122
122
|
export { KitBreadcrumbsItem } from './lib/components/kit-breadcrumbs/kit-breadcrumbs.model';
|
|
123
|
+
export { KitGridModule } from './lib/components/kit-grid/kit-grid.module';
|
|
124
|
+
export { KitGridComponent } from './lib/components/kit-grid/kit-grid.component';
|
|
125
|
+
export { KitGridDataStateChangeEvent, KitGridSortDescriptor, KitGridNestedData } from './lib/components/kit-grid/kit-grid.model';
|
|
126
|
+
export { KitGridSortDirection, KitGridSortSettingsMode } from './lib/components/kit-grid/kit-grid.const';
|
|
127
|
+
export { KitGridColumnComponent } from './lib/components/kit-grid/kit-grid-column/kit-grid-column.component';
|
package/styles/common.scss
CHANGED
package/styles/styles.scss
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
@import "@progress/kendo-theme-default/scss/upload";
|
|
14
14
|
@import "@progress/kendo-theme-default/scss/panelbar";
|
|
15
15
|
@import "@progress/kendo-theme-default/scss/popup";
|
|
16
|
+
@import "@progress/kendo-theme-default/scss/grid";
|
|
16
17
|
@import "ngx-toastr/toastr";
|
|
17
18
|
|
|
18
19
|
/* styles which need to be included by default into app styles */
|