@ianicdev/datatables2 0.11.2 → 0.11.3

package/lib/index.d.ts

@@ -1,31 +1,52 @@
 // lib/index.d.ts
 import type { DataTableHeader } from "vuetify/lib/types.mjs";
 import type { Component } from "vue";
+import { VSelect, VTextField, VNumberInput, VDateInput } from "vuetify/components";
 
-type BuiltInAdvancedFiltersComponent = "select" | "datepicker" | "comparison" | "number";
+type BuiltInAdvancedFiltersComponent = "textfield" | "select" | "number" | "datepicker" | "comparison";
+
+type BaseAdvancedFilter = {
+  key?: string;
+  valueFormatter?: (context: { value: any }) => any;
+  filterReturnValue?: (context: { value: any }) => any;
+  customFilterFn?: (context: { value: any; filterValue: any }) => boolean;
+};
+
+type AdvancedFilterConfig =
+  | false
+  | (BaseAdvancedFilter & {
+      component: "textfield";
+      options?: InstanceType<typeof VTextField>["$props"];
+    })
+  | (BaseAdvancedFilter & {
+      component: "select";
+      options?: InstanceType<typeof VSelect>["$props"];
+    })
+  | (BaseAdvancedFilter & {
+      component: "number";
+      options?: InstanceType<typeof VNumberInput>["$props"];
+    })
+  | (BaseAdvancedFilter & {
+      component: "datepicker";
+      options?: InstanceType<typeof VDateInput>["$props"] & {
+        returnFormat?: string;
+      };
+    })
+  | (BaseAdvancedFilter & {
+      component: "comparison";
+      options?: InstanceType<typeof VNumberInput>["$props"] & InstanceType<typeof VSelect>["$props"];
+    })
+  | (BaseAdvancedFilter & {
+      component?: Component;
+      options?: Record<string, any>;
+    });
 
 export interface ColumnDef<T> extends Omit<DataTableHeader, "value"> {
   hidden?: boolean;
   printable?: boolean;
-
   value?: (item: T) => any;
   cell?: (context: { value: any; item: T }) => any;
-
-  advancedFilter?:
-    | false
-    | {
-        key?: string;
-        component?: BuiltInAdvancedFiltersComponent | Component;
-        valueFormatter?: (context: { value: any }) => any;
-        filterReturnValue?: (context: { value: any }) => any;
-        customFilterFn?: (context: { value: any; filterValue: any }) => boolean;
-        options?: {
-          multiple?: boolean | "range";
-          items?: Array<{ title: string; value: any }>;
-          returnFormat?: string;
-          controlVariant?: "stacked" | string;
-        };
-      };
+  advancedFilter?: AdvancedFilterConfig;
 }
 
 export function useCellRendererFrameworks(): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ianicdev/datatables2",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "type": "module",
   "types": "./lib/index.d.ts",
   "publishConfig": {