sanitized on tags

Author: RafaelGB

src/components/modals/columnSettings/handlers/SelectedColumnOptionsHandler.tsx

@@ -1,6 +1,7 @@
 import { RowSelectOption } from "cdm/ComponentsModel";
 import { ColumnSettingsHandlerResponse } from "cdm/ModalsModel";
 import { randomColor, castStringtoHsl, castHslToString } from "helpers/Colors";
+import { satinizedColumnOption } from "helpers/FileManagement";
 import { ButtonComponent, Notice, Setting } from "obsidian";
 import { AbstractHandlerClass } from "patterns/chain/AbstractHandler";
 import { LOGGER } from "services/Logger";
@@ -53,7 +54,8 @@ export class SelectedColumnOptionsHandler extends AbstractHandlerClass<ColumnSet
           .setPlaceholder("label of option")
           .setValue(newLabel)
           .onChange(async (value: string): Promise<void> => {
-            newLabel = value;
+            newLabel = satinizedColumnOption(value);
+            text.setValue(newLabel);
           });
         text.inputEl.onkeydown = (e: KeyboardEvent) => {
           switch (e.key) {

src/components/modals/newColumn/handlers/QuickOptionsColumnsHandler.ts

@@ -5,7 +5,6 @@ import { DynamicInputType } from "helpers/Constants";
 import { t } from "lang/helpers";
 import { Setting } from "obsidian";
 import { AbstractHandlerClass } from "patterns/chain/AbstractHandler";
-import { StringSuggest } from "settings/suggesters/StringSuggester";
 
 export class QuickOptionsColumnsHandler extends AbstractHandlerClass<AddColumnModalHandlerResponse> {
   settingTitle: string = "Column quick options";
@@ -68,14 +67,10 @@ export class QuickOptionsColumnsHandler extends AbstractHandlerClass<AddColumnMo
         if (!column.isMetadata) {
           // Select type
           columnSetting
-            .addSearch(cb => {
-              new StringSuggest(
-                cb.inputEl,
-                typesRecord
-              );
-              cb.setPlaceholder("Select type...")
-                .setValue(column.input)
-                .onChange(selectTypeHandler);
+            .addDropdown((dropdown) => {
+              dropdown.addOptions(typesRecord);
+              dropdown.setValue(DynamicInputType.TEXT);
+              dropdown.onChange(selectTypeHandler);
             });
           // Delete column
           columnSetting

src/services/ParseService.ts

@@ -39,7 +39,7 @@ class Parse {
                 parsedLiteral = this.parseToEnableSorting(wrapped, localSettings, isInline);
                 break;
             case InputType.TAGS:
-                parsedLiteral = this.parseToOptionsArray(wrapped, localSettings);
+                parsedLiteral = this.parseToOptionsArray(wrapped);
                 break;
             case InputType.CALENDAR:
                 parsedLiteral = this.parseToCalendar(wrapped, localSettings.date_format);
@@ -345,7 +345,7 @@ class Parse {
         return `[${stringArray}]`;
     }
 
-    private parseToOptionsArray(wrapped: WrappedLiteral, localSettings: LocalSettings): Literal {
+    private parseToOptionsArray(wrapped: WrappedLiteral): Literal {
         if (wrapped.type !== 'array') {
             return wrapped.value.toString().split(",").map(s => satinizedColumnOption(s.toString().trim()));
         }