refactor: debounce the journal input text entry (#1212)

* refactor: debounce the journal input text entry

* bump debounce period to 750

* fix comment

.tool-versions

@@ -0,0 +1 @@
+nodejs 18.15.0

app/components/find-journal/index.hbs

@@ -1,7 +1,7 @@
 {{! template-lint-disable no-action }}
 <PowerSelect
   @triggerClass={{if (eq @journalClass "is-invalid") (local-class "is-invalid") (local-class "is-valid")}}
-  @search={{this.searchJournals}}
+  @search={{perform this.searchJournals}}
   @searchEnabled={{true}}
   @selected={{@value}}
   @placeholder="Journal"

app/components/find-journal/index.js

@@ -1,6 +1,10 @@
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import Component from '@glimmer/component';
+import { dropTask } from 'ember-concurrency-decorators';
+import { timeout } from 'ember-concurrency';
+
+const DEBOUNCE_MS = 750;
 
 export default class FindJournal extends Component {
   @service store;
@@ -14,10 +18,11 @@ export default class FindJournal extends Component {
    * @param {string} term  The search term
    * @returns {array} array of Journals
    */
-  @action
-  searchJournals(term) {
+  @dropTask
+  searchJournals = function* (term) {
+    yield timeout(DEBOUNCE_MS);
     return this.autocomplete.suggest('journal', 'journalName', term);
-  }
+  };
 
   @action
   onSelect(selected) {