@indigina/ui-kit 1.1.51 → 1.1.53

package/lib/components/kit-grid/kit-grid-cell-template.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class KitGridCellTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitGridCellTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KitGridCellTemplateDirective, "[kitGridCellTemplate]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/kit-grid/kit-grid-detail-template.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class KitGridDetailTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitGridDetailTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KitGridDetailTemplateDirective, "[kitGridDetailTemplate]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/kit-grid/kit-grid.component.d.ts

@@ -1,16 +1,15 @@
 import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
 import { KitGridColumnComponent } from './kit-grid-column/kit-grid-column.component';
-import { DataStateChangeEvent, DetailCollapseEvent, DetailExpandEvent, PageChangeEvent, PagerSettings, RowClassArgs } from '@progress/kendo-angular-grid';
+import { PagerSettings, RowClassArgs } from '@progress/kendo-angular-grid';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
-import { SortDescriptor } from '@progress/kendo-data-query';
-import { KitGridDataStateChangeEvent, KitGridNestedData, KitGridSortDescriptor, KitGridSortSettings, KitGridPageChangeEvent } from './kit-grid.model';
+import { KitGridDataStateChangeEvent, KitGridSortDescriptor, KitGridSortSettings, KitGridPageChangeEvent, KitGridDetailExpandEvent, KitGridDetailCollapseEvent, KitGridDataResult } from './kit-grid.model';
 import { KitGridSortDirection } from './kit-grid.const';
 import * as i0 from "@angular/core";
-export declare class KitGridComponent<T extends KitGridNestedData<U>, U = unknown> {
+export declare class KitGridComponent<T> {
     /**
      * Sets the data of the grid
      */
-    data: T[];
+    data: T[] | KitGridDataResult<T>;
     /**
      * Enables the sorting of the grid columns
      */
@@ -31,6 +30,10 @@ export declare class KitGridComponent<T extends KitGridNestedData<U>, U = unknow
      * Defines the number of records to be skipped by the pager
      */
     skip: number;
+    /**
+     * Function to determine if the detail template should be visible
+     */
+    detailTemplateShowIf: (dataItem: T) => boolean;
     /**
      * An action which is emitted when the page of the grid is changed
      */
@@ -43,22 +46,28 @@ export declare class KitGridComponent<T extends KitGridNestedData<U>, U = unknow
      * An action which is emitted when the data state of the grid is changed
      */
     dataStateChanged: EventEmitter<KitGridDataStateChangeEvent>;
+    /**
+     * An action which is emitted when the master row is expanded
+     */
+    detailExpanded: EventEmitter<KitGridDetailExpandEvent>;
+    /**
+     * An action which is emitted when the master row is collapsed
+     */
+    detailCollapsed: EventEmitter<KitGridDetailCollapseEvent>;
     columns: QueryList<KitGridColumnComponent> | null;
     kitGridDetailTemplate: TemplateRef<HTMLElement> | null;
     readonly KitSvgIcon: typeof KitSvgIcon;
     readonly KitGridSortDirection: typeof KitGridSortDirection;
     private expandedRows;
-    onDataStateChange(event: DataStateChangeEvent): void;
-    onSortChange(event: SortDescriptor[]): void;
+    onDataStateChange(event: KitGridDataStateChangeEvent): void;
+    onSortChange(event: KitGridSortDescriptor[]): void;
     getSortingDirection(columnField: string): string | null;
-    isDetailTemplateVisible(dataItem: T): boolean;
-    hasDetailColumn(): boolean;
     isColumnSortable(column: KitGridColumnComponent): boolean;
-    onDetailExpand(event: DetailExpandEvent): void;
-    onDetailCollapse(event: DetailCollapseEvent): void;
-    onPageChange(event: PageChangeEvent): void;
+    onDetailExpand(event: KitGridDetailExpandEvent): void;
+    onDetailCollapse(event: KitGridDetailCollapseEvent): void;
+    onPageChange(event: KitGridPageChangeEvent): void;
     getCssRowClass: (context: RowClassArgs) => Record<string, boolean>;
     getPagerSettings(): boolean | PagerSettings;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KitGridComponent<any, any>, never>;
-    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitGridComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitGridComponent<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; }; "detailTemplateShowIf": { "alias": "detailTemplateShowIf"; "required": false; }; }, { "pageChanged": "pageChanged"; "sortChanged": "sortChanged"; "dataStateChanged": "dataStateChanged"; "detailExpanded": "detailExpanded"; "detailCollapsed": "detailCollapsed"; }, ["kitGridDetailTemplate", "columns"], never, false, never>;
 }

package/lib/components/kit-grid/kit-grid.model.d.ts

@@ -1,12 +1,16 @@
-import { DataStateChangeEvent, PageChangeEvent } from '@progress/kendo-angular-grid';
-import { SortDescriptor } from '@progress/kendo-data-query';
+import { DataStateChangeEvent, DetailCollapseEvent, DetailExpandEvent, PageChangeEvent } from '@progress/kendo-angular-grid';
+import { SortDescriptor, State } from '@progress/kendo-data-query';
 import { KitGridSortSettingsMode } from './kit-grid.const';
-export interface KitGridNestedData<U> {
-    children?: U[];
-}
 export interface KitGridSortSettings {
     mode: KitGridSortSettingsMode;
 }
+export interface KitGridDataResult<T> {
+    data: T[];
+    total: number;
+}
+export type KitGridDataState = State;
 export type KitGridSortDescriptor = SortDescriptor;
 export type KitGridDataStateChangeEvent = DataStateChangeEvent;
 export type KitGridPageChangeEvent = PageChangeEvent;
+export type KitGridDetailExpandEvent = DetailExpandEvent;
+export type KitGridDetailCollapseEvent = DetailCollapseEvent;

package/lib/components/kit-grid/kit-grid.module.d.ts

@@ -4,8 +4,10 @@ import * as i2 from "./kit-grid-column/kit-grid-column.component";
 import * as i3 from "@angular/common";
 import * as i4 from "@progress/kendo-angular-grid";
 import * as i5 from "../kit-svg-icon/kit-svg-icon.module";
+import * as i6 from "./kit-grid-cell-template.directive";
+import * as i7 from "./kit-grid-detail-template.directive";
 export declare class KitGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KitGridModule, never>;
-    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]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitGridModule, [typeof i1.KitGridComponent, typeof i2.KitGridColumnComponent], [typeof i3.CommonModule, typeof i4.GridModule, typeof i5.KitSvgIconModule, typeof i6.KitGridCellTemplateDirective, typeof i7.KitGridDetailTemplateDirective], [typeof i1.KitGridComponent, typeof i2.KitGridColumnComponent, typeof i6.KitGridCellTemplateDirective, typeof i7.KitGridDetailTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KitGridModule>;
 }

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.51",
+  "version": "1.1.53",
   "peerDependencies": {
     "@angular/common": "^17.0.7",
     "@angular/core": "^17.0.7"

package/public-api.d.ts

@@ -123,6 +123,8 @@ export { KitBreadcrumbsComponent } from './lib/components/kit-breadcrumbs/kit-br
 export { KitBreadcrumbsItem } from './lib/components/kit-breadcrumbs/kit-breadcrumbs.model';
 export { KitGridModule } from './lib/components/kit-grid/kit-grid.module';
 export { KitGridComponent } from './lib/components/kit-grid/kit-grid.component';
-export { KitGridDataStateChangeEvent, KitGridSortDescriptor, KitGridNestedData } from './lib/components/kit-grid/kit-grid.model';
+export { KitGridDataResult, KitGridDataStateChangeEvent, KitGridSortDescriptor, KitGridPageChangeEvent, KitGridDetailExpandEvent, KitGridDetailCollapseEvent, KitGridDataState, KitGridSortSettings, } from './lib/components/kit-grid/kit-grid.model';
 export { KitGridSortDirection, KitGridSortSettingsMode } from './lib/components/kit-grid/kit-grid.const';
 export { KitGridColumnComponent } from './lib/components/kit-grid/kit-grid-column/kit-grid-column.component';
+export { KitGridCellTemplateDirective } from './lib/components/kit-grid/kit-grid-cell-template.directive';
+export { KitGridDetailTemplateDirective } from './lib/components/kit-grid/kit-grid-detail-template.directive';

package/styles/styles.scss

@@ -14,6 +14,7 @@
 @import "@progress/kendo-theme-default/scss/panelbar";
 @import "@progress/kendo-theme-default/scss/popup";
 @import "@progress/kendo-theme-default/scss/grid";
+@import "@progress/kendo-font-icons/dist";
 @import "ngx-toastr/toastr";
 
 /* styles which need to be included by default into app styles */

package/styles/theming.scss

@@ -27,6 +27,7 @@
   --ui-kit-color-grey-12: #a9aec3;
   --ui-kit-color-grey-13: #f7f7f8;
   --ui-kit-color-grey-14: #565963;
+  --ui-kit-color-grey-15: #f0f0f0;
 
   --ui-kit-color-green: #00b0ad;
   --ui-kit-color-green-1: #39c237;