Updated global search component to new format

diff --git a/resources/js/components/global-search.js b/resources/js/components/global-search.js
index 9f063f3985c28f31e2a31f64473be3d9f48f2f0c..7bc8a1d45187f8f711f0362c15bcab42119996db 100644 (file)
--- a/resources/js/components/global-search.js
+++ b/resources/js/components/global-search.js
@@ -1,11 +1,13 @@
 import {htmlToDom} from "../services/dom";
 import {debounce} from "../services/util";
 import {KeyboardNavigationHandler} from "../services/keyboard-navigation";
+import {Component} from "./component";
 
 /**
- * @extends {Component}
+ * Global (header) search box handling.
+ * Mainly to show live results preview.
  */
-class GlobalSearch {
+export class GlobalSearch extends Component {
 
     setup() {
         this.container = this.$el;
@@ -77,6 +79,4 @@ class GlobalSearch {
         this.suggestions.classList.remove('search-suggestions-animation');
         this.suggestionResultsWrap.innerHTML = '';
     }
-}
-
-export default GlobalSearch;
\ No newline at end of file
+}
\ No newline at end of file

diff --git a/resources/js/components/index.js b/resources/js/components/index.js
index f4e6da0e4285276e8879da948878c6f0529e758b..27bce48dbb3d0354ac0dfde6961cd9e7c410974e 100644 (file)
--- a/resources/js/components/index.js
+++ b/resources/js/components/index.js
@@ -25,6 +25,7 @@ export {EntitySelector} from "./entity-selector.js"
 export {EntitySelectorPopup} from "./entity-selector-popup.js"
 export {EventEmitSelect} from "./event-emit-select.js"
 export {ExpandToggle} from "./expand-toggle.js"
+export {GlobalSearch} from "./global-search.js"
 export {HeaderMobileToggle} from "./header-mobile-toggle.js"
 export {ImageManager} from "./image-manager.js"
 export {ImagePicker} from "./image-picker.js"
@@ -38,7 +39,7 @@ export {PageDisplay} from "./page-display.js"
 export {PageEditor} from "./page-editor.js"
 export {PagePicker} from "./page-picker.js"
 export {PermissionsTable} from "./permissions-table.js"
-export {Pointer} from "./pointer.js";
+export {Pointer} from "./pointer.js"
 export {Popup} from "./popup.js"
 export {SettingAppColorPicker} from "./setting-app-color-picker.js"
 export {SettingColorPicker} from "./setting-color-picker.js"
@@ -54,5 +55,5 @@ export {TemplateManager} from "./template-manager.js"
 export {ToggleSwitch} from "./toggle-switch.js"
 export {TriLayout} from "./tri-layout.js"
 export {UserSelect} from "./user-select.js"
-export {WebhookEvents} from "./webhook-events";
+export {WebhookEvents} from "./webhook-events"
 export {WysiwygEditor} from "./wysiwyg-editor.js"