Merge branch 'bug-reset-table-after-change-settings'

Author: RafaelGB

docs/docs/changelog.md

@@ -1,3 +1,12 @@
+## 1.3.0
+### Shiny new things
+- Refactor of column setting to Obsidian modal. Now every column will have its own configuration! As a consequence, the next point were possible:
+  - Every text column can configure its own media settings
+  - Options of Selected type column are now persistent.
+  - You can add new lavels even if does not exist in any cell (or delete it)
+  - You can now select the color of the option label.
+### Improved
+- The table will be refreshed when you close either the settings modal or the new modals of the column adjustments. This will suppose a minimal performance impact with a loading time of less than a second. Its a provisional solution until the refactor of react states stategy
 ## 1.2.0
 *Published on 2022/05/19*
 ### Shiny new things

src/DatabaseView.tsx

@@ -186,6 +186,11 @@ export class DatabaseView extends TextFileView implements HoverParent {
     }
   }
 
+  async reloadDatabase() {
+    ReactDOM.unmountComponentAtNode(this.tableContainer);
+    this.initDatabase();
+  }
+
   clear(): void {
     /*
         Obsidian *only* calls this after unloading a file, before loading the next.

src/Settings.ts

@@ -170,6 +170,7 @@ export class SettingsModal extends Modal {
 
     this.settingsManager.cleanUp();
     contentEl.empty();
+    this.view.reloadDatabase();
   }
 }
 

src/components/Header.tsx

@@ -38,7 +38,7 @@ function setOptionsOfSelectDataType(
     let match = options.find(
       (option: { label: string }) => option.label === rowValue
     );
-    if (!match) {
+    if (!match && rowValue !== undefined && rowValue !== "") {
       options.push({ label: rowValue, backgroundColor: randomColor() });
     }
   });

src/components/HeaderMenu.tsx

@@ -420,9 +420,13 @@ const HeaderMenu = (headerMenuProps: HeaderMenuProps) => {
                 <div style={{ padding: "4px 0px" }}>
                   <div
                     className="menu-item sort-button"
-                    onClick={() =>
-                      new ColumnModal(initialState.view, headerMenuProps).open()
-                    }
+                    onClick={() => {
+                      new ColumnModal(
+                        initialState.view,
+                        headerMenuProps
+                      ).open();
+                      setExpanded(false);
+                    }}
                   >
                     <span className="svg-icon svg-text icon-margin">
                       <AdjustmentsIcon />

src/components/modals/ColumnModal.ts

@@ -30,10 +30,8 @@ export class ColumnModal extends Modal {
 
     onClose() {
         const { contentEl } = this;
-        handleColumnChanges(
-            (this.headerMenuProps.headerProps as any).dataDispatch,
-            this.headerMenuProps.headerProps.column)
         contentEl.empty();
+        this.view.reloadDatabase();
     }
 }
 export class ColumnSettingsManager {