Merge branch '96-bugcolumn-name-changes-are-not-reflected-in-files'

Author: RafaelGB

docs/docs/changelog.md

@@ -5,6 +5,7 @@
 - Inconsistent name of calendar and calendar time headers fixed [ISSUE#86](https://github.com/RafaelGB/obsidian-db-folder/issues/86)
 - Visual bug after deleting and adding the same column. The data was removed into the note but not into the table [ISSUE#83](https://github.com/RafaelGB/obsidian-db-folder/issues/83)
 - Add column is out of draggable area now, so you cant dnd to the right [ISSUE#63](https://github.com/RafaelGB/obsidian-db-folder/issues/63)
+- onBlur event when changing the name of a column now works correctly [ISSUE#96](https://github.com/RafaelGB/obsidian-db-folder/issues/96)
 ## 1.6.2
 *Published on 2022/06/02*
 ### No longer broken

src/components/HeaderMenu.tsx

@@ -269,7 +269,18 @@ const HeaderMenu = (headerMenuProps: HeaderMenuProps) => {
     strategy: "fixed",
   });
 
-  function persistLabelChange(newKey: string) {
+  function persistLabelChange() {
+    // trim label will get a valid yaml key
+    const newKey = dbTrim(labelState);
+    // Check if key already exists. If so, mark it as invalid
+    if (
+      headerMenuProps.headerProps.allColumns.find(
+        (o: Column) => o.id === newKey
+      )
+    ) {
+      setLabelStateInvalid(true);
+      return;
+    }
     const futureOrder = headerMenuProps.headerProps.allColumns.map(
       (o: Column) => (o.id === column.id ? newKey : o.id)
     );
@@ -294,18 +305,7 @@ const HeaderMenu = (headerMenuProps: HeaderMenuProps) => {
   }
   function handleKeyDown(e: any) {
     if (e.key === "Enter") {
-      // trim label will get a valid yaml key
-      const newKey = dbTrim(labelState);
-      // Check if key already exists. If so, mark it as invalid
-      if (
-        headerMenuProps.headerProps.allColumns.find(
-          (o: Column) => o.id === newKey
-        )
-      ) {
-        setLabelStateInvalid(true);
-        return;
-      }
-      persistLabelChange(newKey);
+      persistLabelChange();
     }
   }
 
@@ -322,6 +322,7 @@ const HeaderMenu = (headerMenuProps: HeaderMenuProps) => {
    */
   function handleBlur(e: any) {
     e.preventDefault();
+    persistLabelChange();
   }
 
   function adjustWidthOfTheColumnsWhenAdd(wantedPosition: number) {