filters: escape payee suggestions

Author: yagebu

frontend/src/journal/index.ts

@@ -5,9 +5,9 @@ import { journalShow } from "../stores/journal";
 import JournalFilters from "./JournalFilters.svelte";
 
 /**
- * Escape the value to produce a valid regex.
+ * Escape the value to produce a valid regex for the Fava filter.
  */
-function escape(value: string): string {
+export function escape(value: string): string {
   return value.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
 }
 

frontend/src/sidebar/FilterForm.svelte

@@ -1,13 +1,14 @@
 <script lang="ts">
   import AutocompleteInput from "../AutocompleteInput.svelte";
   import { _ } from "../i18n";
+  import { escape } from "../journal";
   import { accounts, links, payees, tags, years } from "../stores";
   import { account_filter, fql_filter, time_filter } from "../stores/filters";
 
   $: fql_filter_suggestions = [
     ...$tags.map((tag) => `#${tag}`),
     ...$links.map((link) => `^${link}`),
-    ...$payees.map((payee) => `payee:"${payee}"`),
+    ...$payees.map((payee) => `payee:"${escape(payee)}"`),
   ];
 
   function valueExtractor(value: string, input: HTMLInputElement) {