@webilix/ngx-table-m3 0.0.21 → 0.0.22

package/index.d.ts

@@ -166,13 +166,15 @@ interface INgxTable<T> {
     readonly type: string;
     readonly columns: NgxTableColumn<T>[];
     readonly rows?: {
-        readonly icon?: (data: T) => string | {
+        readonly icon?: (data: T, index: number) => string | {
             icon: string;
             color: string | null | undefined;
+        } | {
+            emoji: string;
         };
-        readonly color?: (data: T) => string | null | undefined;
-        readonly description?: (data: T) => string | null | undefined;
-        readonly isDeactive?: (data: T) => boolean;
+        readonly color?: (data: T, index: number) => string | null | undefined;
+        readonly description?: (data: T, index: number) => string | null | undefined;
+        readonly isDeactive?: (data: T, index: number) => boolean;
     };
     readonly actions?: NgxTableAction<T>[];
     readonly mobileView?: boolean;
@@ -234,6 +236,7 @@ declare class ViewService {
         icon: string;
         color?: string;
     }[];
+    getEmojis<T>(ngxTable: INgxTable<T>, data: T[]): string[];
     getColors<T>(ngxTable: INgxTable<T>, data: T[]): string[];
     getDescriptions<T>(ngxTable: INgxTable<T>, data: T[]): (string | undefined)[];
     getDeactives<T>(ngxTable: INgxTable<T>, data: T[]): number[];
@@ -245,6 +248,7 @@ declare class ViewService {
 interface IViewConfig {
     readonly alternateRows: boolean;
     readonly iconSize: string;
+    readonly emojiSize: string;
     readonly actionMenuTitle: string;
     readonly stickyView?: {
         readonly top?: {
@@ -270,6 +274,7 @@ interface INgxTableConfig {
     readonly mobileWidth: number;
     readonly alternateRows: boolean;
     readonly iconSize: number;
+    readonly emojiSize: number;
     readonly actionMenuTitle?: string;
     readonly stickyView: {
         readonly top?: string | {

package/ngx-table-m3.css

@@ -356,6 +356,10 @@
                     padding-left: 0;
                 }
 
+                td.emoji {
+                    padding-top: 1rem;
+                }
+
                 td.action {
                     padding: 0.25rem 0 0 0;
                 }
@@ -412,6 +416,10 @@
                     padding: 0.5rem 0;
                 }
 
+                .emoji {
+                    padding: 0.5rem 0;
+                }
+
                 .title {
                     flex: 1;
                     padding: 0.5rem 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-table-m3",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "author": "Ali Amirnezhad",
   "description": "Responsive table view component for Angular and Material 3",
   "repository": {