task filters

Author: RafaelGB

src/components/DefaultHeader.tsx

@@ -60,7 +60,7 @@ export default function DefaultHeader(headerProps: DatabaseHeaderProps) {
   const [labelState, setLabelState] = useState(label);
 
   let propertyIcon: JSX.Element;
-  let columnSearch: JSX.Element = null;
+  let columnSearch = <TextFilter {...headerProps} />;
   switch (input) {
     case InputType.NUMBER:
       propertyIcon = <HashIcon />;
@@ -98,6 +98,7 @@ export default function DefaultHeader(headerProps: DatabaseHeaderProps) {
       break;
     case InputType.TASK:
       propertyIcon = <TaskIcon />;
+      columnSearch = <BaseFilter {...headerProps} />;
       break;
     case InputType.CHECKBOX:
       propertyIcon = <TaskIcon />;
@@ -114,10 +115,7 @@ export default function DefaultHeader(headerProps: DatabaseHeaderProps) {
       propertyIcon = <RollupIcon />;
       break;
     default:
-      break;
-  }
-  if (!columnSearch) {
-    columnSearch = <TextFilter {...headerProps} />;
+    // Do nothing
   }
 
   function handlerAddColumnToLeft() {

src/components/reducers/TableFilterFlavours.ts

@@ -2,7 +2,7 @@ import { FilterFn, FilterFns, Row } from "@tanstack/react-table"
 import { RowDataType } from "cdm/FolderModel"
 import { LocalSettings } from "cdm/SettingsModel";
 import { InputType } from "helpers/Constants";
-import { Link, Literal } from "obsidian-dataview";
+import { Link, Literal, STask } from "obsidian-dataview";
 import { DataviewService } from "services/DataviewService";
 import { LOGGER } from "services/Logger";
 import { ParseService } from "services/ParseService";
@@ -114,11 +114,28 @@ const BooleanGroupFilterFn: FilterFn<RowDataType> = (row: Row<RowDataType>, colu
     return Boolean(value) === Boolean(selectedOption);
 
 }
+
+const TaskGroupFilterFn: FilterFn<RowDataType> = (row: Row<RowDataType>, columnId: string, selectedOption: string) => {
+    const value = row.getValue<Literal>(columnId) as STask[];
+    if (selectedOption === undefined || selectedOption === null) {
+        return true;
+    }
+    const sanitizedSelectedOption = selectedOption.toLowerCase();
+    return value.some((task) => {
+        // Sanitize the value to obtain the file name
+        const sanitized = task.text.toLowerCase();
+        return sanitized.includes(sanitizedSelectedOption) || searchRegex(sanitized, sanitizedSelectedOption);
+    });
+
+
+}
+
 const customSortingfns: FilterFns = {
     markdown: MarkdownFilterFn,
     linksGroup: LinksGroupFilterFn,
     calendar: CalendarGroupFilterFn,
     boolean: BooleanGroupFilterFn,
+    task: TaskGroupFilterFn
 };
 
 export default customSortingfns;

src/helpers/TableFiltersHelper.ts

@@ -111,6 +111,9 @@ export function getFilterKeyInFunctionOfInputType(inputType: string): string {
         case InputType.CHECKBOX:
             filterKey = 'boolean';
             break;
+        case InputType.TASK:
+            filterKey = 'task';
+            break;
         default:
             filterKey = 'auto';
     }