tags filter

Author: RafaelGB

docs/docs/changelog.md

@@ -7,6 +7,7 @@
   - Number range filter
   - Text filter with unique values suggestions
   - Tasks filter
+
 ## 2.8.4
 ### Shiny new things
 - New rollup. All task count [ISSUE#602](https://github.com/RafaelGB/obsidian-db-folder/issues/602)

src/components/DefaultHeader.tsx

@@ -87,6 +87,7 @@ export default function DefaultHeader(headerProps: DatabaseHeaderProps) {
       break;
     case InputType.TAGS:
       propertyIcon = <TagsIcon />;
+      columnSearch = <BaseFilter {...headerProps} />;
       break;
     case InputType.INLINKS:
       propertyIcon = <IncomingLinkIcon />;

src/components/reducers/TableFilterFlavours.ts

@@ -115,6 +115,28 @@ const BooleanGroupFilterFn: FilterFn<RowDataType> = (row: Row<RowDataType>, colu
 
 }
 
+const TagsGroupFilterFn: FilterFn<RowDataType> = (row: Row<RowDataType>, columnId: string, filterValue: string) => {
+    const value = row.getValue<Literal>(columnId);
+    const wrapLiteral = DataviewService.wrapLiteral(value);
+    if (filterValue === undefined || filterValue === null) {
+        return true;
+    }
+
+    if (value === undefined || value === null) {
+        return false;
+    }
+    const sanitizedFilterValue = filterValue.toLowerCase();
+    if (wrapLiteral.type === "array") {
+        return wrapLiteral.value.some((tag) => {
+            const sanitizedTag = tag.toString().toLowerCase();
+            return sanitizedTag.includes(sanitizedFilterValue) || searchRegex(sanitizedTag, sanitizedFilterValue);
+        });
+    } else {
+        const sanitizedTag = wrapLiteral.value.toString().toLowerCase();
+        return sanitizedTag.includes(sanitizedFilterValue) || searchRegex(sanitizedTag, sanitizedFilterValue);
+    }
+}
+
 const TaskGroupFilterFn: FilterFn<RowDataType> = (row: Row<RowDataType>, columnId: string, selectedOption: string) => {
     const value = row.getValue<Literal>(columnId) as STask[];
     if (selectedOption === undefined || selectedOption === null) {
@@ -126,16 +148,15 @@ const TaskGroupFilterFn: FilterFn<RowDataType> = (row: Row<RowDataType>, columnI
         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
+    task: TaskGroupFilterFn,
+    tags: TagsGroupFilterFn,
 };
 
 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.TAGS:
+            filterKey = 'tags';
+            break;
         case InputType.TASK:
             filterKey = 'task';
             break;