sprintify-ui 0.11.32 → 0.11.33

package/dist/types/components/BaseDataTableTemplate.vue.d.ts

@@ -122,7 +122,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         toggle: boolean;
         toggleDefault: boolean;
         width: number;
-        class?: string | string[] | undefined;
+        class?: (import("@/types").BaseTableColumnClassValue | ((row: Row) => import("@/types").BaseTableColumnClassValue)) | undefined;
         headerClass?: string | string[] | undefined;
         to?: ((row: Row) => RouteLocationRaw) | undefined;
         href?: ((row: Row) => string) | undefined;

package/dist/types/components/BaseTableColumn.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BaseTableColumnData, CollectionItem } from '..';
+import { BaseTableColumnClassValue, BaseTableColumnData, CollectionItem } from '..';
 import { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     class: {
         default: string;
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: PropType<BaseTableColumnClassValue | ((row: CollectionItem) => BaseTableColumnClassValue)>;
     };
     headerClass: {
         default: string;
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     class: {
         default: string;
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: PropType<BaseTableColumnClassValue | ((row: CollectionItem) => BaseTableColumnClassValue)>;
     };
     headerClass: {
         default: string;
@@ -195,7 +195,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     label: string;
     toggle: boolean;
-    class: string | Record<string, any> | unknown[];
+    class: BaseTableColumnClassValue | ((row: CollectionItem) => BaseTableColumnClassValue);
     onClick: (row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void;
     href: (row: CollectionItem) => string;
     target: "_blank" | "_self" | "_parent" | "_top";

package/dist/types/types/index.d.ts

@@ -74,6 +74,7 @@ export interface ActionItem {
     actions?: ActionItem[];
 }
 export type Row = Record<string, any>;
+export type BaseTableColumnClassValue = string | string[] | Record<string, any>;
 export interface BaseTableColumnData {
     id: string;
     label: string;
@@ -89,7 +90,7 @@ export interface BaseTableColumnData {
     toggle: boolean;
     toggleDefault: boolean;
     width: number;
-    class?: string | string[];
+    class?: BaseTableColumnClassValue | ((row: Row) => BaseTableColumnClassValue);
     headerClass?: string | string[];
     to?: (row: Row) => RouteLocationRaw;
     href?: (row: Row) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.11.32",
+  "version": "0.11.33",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",

package/src/components/BaseDataTableTemplate.vue

@@ -117,7 +117,7 @@
             <BaseTableCell
               v-for="(column, columnIndex) in visibleColumnsInternal"
               :key="column.newKey + index + ':' + columnIndex"
-              :class="[column.class, column.numeric ? 'tabular-nums' : '']"
+              :class="[getColumnClass(row, column), column.numeric ? 'tabular-nums' : '']"
               :align="column.align"
               :style="column.style"
               :to="column.to ? column.to(row) : undefined"
@@ -729,6 +729,14 @@ function rowBindings(row: CollectionItem, index: number) {
   }
 }
 
+function getColumnClass(row: CollectionItem, column: BaseTableColumnData): any {
+  if (typeof column.class === 'function') {
+    return column.class(row);
+  }
+
+  return column.class;
+}
+
 function onCellClick(row: CollectionItem, index: number, column: BaseTableColumnData, columnIndex: number) {
   if (!column.onClick) {
     return undefined;

package/src/components/BaseTableColumn.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 import { defineComponent, h, PropType } from 'vue';
-import { BaseTableColumnData, CollectionItem } from '..';
+import { BaseTableColumnClassValue, BaseTableColumnData, CollectionItem } from '..';
 import { RouteLocationRaw } from 'vue-router';
 
 export default defineComponent({
@@ -21,7 +21,7 @@ export default defineComponent({
     },
     class: {
       default: '',
-      type: [String, Array, Object],
+      type: [String, Array, Object, Function] as PropType<BaseTableColumnClassValue | ((row: CollectionItem) => BaseTableColumnClassValue)>,
     },
     headerClass: {
       default: '',

package/src/types/index.ts

@@ -99,6 +99,7 @@ export interface ActionItem {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type Row = Record<string, any>;
+export type BaseTableColumnClassValue = string | string[] | Record<string, any>;
 
 export interface BaseTableColumnData {
   id: string;
@@ -116,7 +117,7 @@ export interface BaseTableColumnData {
   toggle: boolean;
   toggleDefault: boolean;
   width: number;
-  class?: string | string[];
+  class?: BaseTableColumnClassValue | ((row: Row) => BaseTableColumnClassValue);
   headerClass?: string | string[];
   to?: (row: Row) => RouteLocationRaw;
   href?: (row: Row) => string;
@@ -305,4 +306,4 @@ export interface InputConfigProps {
 
 export type { GanttItem, GanttRow };
 
-export type { ToolbarOption };
+export type { ToolbarOption };