Track clicks on search input within frequent items component

ee/app/assets/javascripts/event_tracking/navbar.js

+import Stats from 'ee/stats';
+
+export default function trackNavbarEvents() {
+  const container = '.navbar-gitlab';
+  const category = 'navbar_top';
+
+  Stats.bindTrackableContainer(container, category);
+
+  // track search inputs within frequent-items component
+  document
+    .querySelectorAll(`${container} .frequent-items-dropdown-container input`)
+    .forEach(element => {
+      element.addEventListener('click', e => {
+        const target = e.currentTarget;
+        const parentDropdown = target.closest('li.dropdown');
+        const label = `${parentDropdown.getAttribute('data-track-label')}_search`;
+
+        Stats.trackEvent(category, 'activate_form_input', { label, property: '', value: '' });
+      });
+    });
+}

ee/app/assets/javascripts/main.js

 import $ from 'jquery';
 import initEETrialBanner from 'ee/ee_trial_banner';
-import Stats from 'ee/stats';
+import trackNavbarEvents from 'ee/event_tracking/navbar';
 
 $(() => {
   /**
@@ -11,5 +11,5 @@ $(() => {
   // EE specific calls
   initEETrialBanner();
 
-  Stats.bindTrackableContainer('.navbar-gitlab', 'navbar_top');
+  trackNavbarEvents();
 });