@indigina/ui-kit 1.1.88 → 1.1.90

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

@@ -54,6 +54,10 @@ export declare class KitGridComponent<T> {
      * Data to display in the footer row
      */
     footerData?: Partial<Record<keyof T, T[keyof T]>>;
+    /**
+     * Method to add additional logic to the row class
+     */
+    addRowClass?: (context?: RowClassArgs) => Record<string, boolean>;
     /**
      * An action which is emitted when the page of the grid is changed
      */
@@ -95,5 +99,5 @@ export declare class KitGridComponent<T> {
     getPagerSettings(): boolean | PagerSettings;
     private collapseAllRows;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitGridComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitGridComponent<any>, "kit-grid", never, { "data": { "alias": "data"; "required": false; }; "gridDataBinding": { "alias": "gridDataBinding"; "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; }; "loading": { "alias": "loading"; "required": false; }; "detailTemplateShowIf": { "alias": "detailTemplateShowIf"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "footerTitle": { "alias": "footerTitle"; "required": false; }; "footerData": { "alias": "footerData"; "required": false; }; }, { "pageChanged": "pageChanged"; "sortChanged": "sortChanged"; "dataStateChanged": "dataStateChanged"; "detailExpanded": "detailExpanded"; "detailCollapsed": "detailCollapsed"; "cellClicked": "cellClicked"; }, ["columns", "kitGridDetailTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitGridComponent<any>, "kit-grid", never, { "data": { "alias": "data"; "required": false; }; "gridDataBinding": { "alias": "gridDataBinding"; "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; }; "loading": { "alias": "loading"; "required": false; }; "detailTemplateShowIf": { "alias": "detailTemplateShowIf"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "footerTitle": { "alias": "footerTitle"; "required": false; }; "footerData": { "alias": "footerData"; "required": false; }; "addRowClass": { "alias": "addRowClass"; "required": false; }; }, { "pageChanged": "pageChanged"; "sortChanged": "sortChanged"; "dataStateChanged": "dataStateChanged"; "detailExpanded": "detailExpanded"; "detailCollapsed": "detailCollapsed"; "cellClicked": "cellClicked"; }, ["columns", "kitGridDetailTemplate"], never, false, never>;
 }

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

@@ -0,0 +1,24 @@
+import { Signal, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class KitSortableComponent<T> {
+    /**
+     * An items list which is going to be rendered as sortable items
+     */
+    items: T[];
+    /**
+     * Defines the number of columns of the component
+     */
+    columnCount?: number;
+    /**
+     * Defines the css class which is applied to each item
+     */
+    itemClass?: string;
+    /**
+     * Defines the css class which is applied to the active item.
+     */
+    activeItemClass?: string;
+    readonly itemTemplate: Signal<TemplateRef<HTMLElement> | undefined>;
+    get columnsCount(): number | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitSortableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitSortableComponent<any>, "kit-sortable", never, { "items": { "alias": "items"; "required": false; }; "columnCount": { "alias": "columnCount"; "required": false; }; "itemClass": { "alias": "itemClass"; "required": false; }; "activeItemClass": { "alias": "activeItemClass"; "required": false; }; }, {}, ["itemTemplate"], never, true, never>;
+}

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.88",
+  "version": "1.1.90",
   "peerDependencies": {
     "@angular/common": "^18.2.6",
     "@angular/core": "^18.2.6"
@@ -30,6 +30,7 @@
     "@progress/kendo-angular-navigation": "16.10.0",
     "@progress/kendo-angular-popup": "16.10.0",
     "@progress/kendo-angular-progressbar": "16.10.0",
+    "@progress/kendo-angular-sortable": "16.10.0",
     "@progress/kendo-angular-tooltip": "16.10.0",
     "@progress/kendo-angular-treeview": "16.10.0",
     "@progress/kendo-angular-upload": "16.10.0",

package/public-api.d.ts

@@ -154,3 +154,4 @@ export { KitDataFieldComponent } from './lib/components/kit-data-field/kit-data-
 export { KitSearchBarModule } from './lib/components/kit-search-bar/kit-search-bar.module';
 export { KitSearchBarComponent } from './lib/components/kit-search-bar/kit-search-bar.component';
 export { KitEmptySectionComponent } from './lib/components/kit-empty-section/kit-empty-section.component';
+export { KitSortableComponent } from './lib/components/kit-sortable/kit-sortable.component';

package/styles/theming.scss

@@ -29,6 +29,7 @@
   --ui-kit-color-grey-14: #565963;
   --ui-kit-color-grey-15: #f0f0f0;
   --ui-kit-color-grey-16: #ececf8;
+  --ui-kit-color-grey-17: #878787;
 
   --ui-kit-color-green: #00b0ad;
   --ui-kit-color-green-1: #39c237;