fixing subgroups with new link info

Author: RafaelGB

src/components/cellTypes/SelectCell.tsx

@@ -1,6 +1,6 @@
 import Relationship from "components/RelationShip";
 import { grey, randomColor } from "helpers/Colors";
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import { CellComponentProps, RowSelectOption } from "cdm/ComponentsModel";
 import { TableColumn } from "cdm/FolderModel";
 import CreatableSelect from "react-select/creatable";
@@ -32,9 +32,7 @@ const SelectCell = (popperProps: CellComponentProps) => {
 
   const [showSelect, setShowSelect] = useState(false);
 
-  const columnActions = table.options.meta.tableState.columns(
-    (state) => state.actions
-  );
+  const columnActions = tableState.columns((state) => state.actions);
 
   function getColor() {
     const match = tableColumn.options.find(
@@ -49,13 +47,21 @@ const SelectCell = (popperProps: CellComponentProps) => {
     color: getColor(),
   };
 
-  const multiOptions = tableColumn.options
-    .sort((a, b) => a.label.localeCompare(b.label))
-    .map((option: RowSelectOption) => ({
-      value: option.label,
-      label: option.label,
-      color: option.backgroundColor,
-    }));
+  const multiOptions = useMemo(
+    () =>
+      tableColumn.options
+        .filter(
+          (option: RowSelectOption) =>
+            option.label !== undefined && option.label !== null
+        )
+        .sort((a, b) => a.label.localeCompare(b.label))
+        .map((option: RowSelectOption) => ({
+          value: option.label,
+          label: option.label,
+          color: option.backgroundColor,
+        })),
+    [selectRow]
+  );
 
   const handleOnChange = (
     newValue: OnChangeValue<any, false>,

src/components/cellTypes/TagsCell.tsx

@@ -71,6 +71,10 @@ const TagsCell = (tagsProps: CellComponentProps) => {
   const multiOptions = useMemo(
     () =>
       tableColumn.options
+        .filter(
+          (option: RowSelectOption) =>
+            option.label !== undefined && option.label !== null
+        )
         .sort((a, b) => a.label.localeCompare(b.label))
         .map((option: RowSelectOption) => ({
           value: option.label,

src/services/FileGroupingService.ts

@@ -5,6 +5,8 @@ import { RowDataType } from "cdm/FolderModel";
 import { LocalSettings } from "cdm/SettingsModel";
 import { resolveNewFilePath } from "helpers/FileManagement";
 import { MetadataColumns } from "helpers/Constants";
+import { Link } from "obsidian-dataview";
+import { DataviewService } from "./DataviewService";
 
 const limitMovingFiles = pLimit(1);
 const limitCreatingFolders = pLimit(1);
@@ -46,7 +48,7 @@ export class FileGroupingService {
       }
 
       await app.fileManager.renameFile(file, filePath);
-      row[MetadataColumns.FILE] = `${file.basename}|${folderPath}/${file.name}`;
+      row[MetadataColumns.FILE] = DataviewService.getDataviewAPI().fileLink(filePath);
       row.__note__.filepath = `${folderPath}/${file.name}`;
       return true;
     });

src/stateManagement/data/handlers/GroupFilesHandlerAction.ts

@@ -16,8 +16,8 @@ export default class GroupFilesHandlerAction extends AbstractTableAction<DataSta
         view.diskConfig.yaml.config
       );
       await FileGroupingService.removeEmptyFolders(
-         folderPath,
-         view.diskConfig.yaml.config
+        folderPath,
+        view.diskConfig.yaml.config
       );
       const rowsMap = new Map(movedRows.map((row) => [row.__note__.filepath, row]));
       set((state) => {