Add checks for ESlint and fix ESlint issues

.eslintrc

@@ -10,34 +10,6 @@
     "plugin:jquery/deprecated",
     "prettier"
   ],
-  "globals": {
-    "_": true,
-    "analytics": true,
-    "Backbone": true,
-    "bootstrapVersion": true,
-    "CKEDITOR": true,
-    "classie": true,
-    "document": true,
-    "domready": true,
-    "Drupal": true,
-    "drupalSettings": true,
-    "drupalTranslations": true,
-    "DXPRBuilder": true,
-    "dxprTemplates": true,
-    "DXPRTextEditor": true,
-    "fetch": true,
-    "getBootstrapBreakPoints": true,
-    "jQuery": true,
-    "liveEditingManager": true,
-    "matchMedia": true,
-    "Modernizr": true,
-    "MLMenu": true,
-    "once": true,
-    "preview": true,
-    "Twig": true,
-    "window": true,
-    "WOW": true
-  },
   "rules": {
     "camelcase": 0,
     "capitalized-comments": ["error", "always", {
@@ -107,5 +79,33 @@
         "minLength": 3
       }
     ]
-  }
+  },
+  "globals": {
+    "_": true,
+    "analytics": true,
+    "Backbone": true,
+    "bootstrapVersion": true,
+    "CKEDITOR": true,
+    "classie": true,
+    "document": true,
+    "domready": true,
+    "Drupal": true,
+    "drupalSettings": true,
+    "drupalTranslations": true,
+    "DXPRtheme": true,
+    "dxprTemplates": true,
+    "DXPRTextEditor": true,
+    "fetch": true,
+    "getBootstrapBreakPoints": true,
+    "jQuery": true,
+    "liveEditingManager": true,
+    "matchMedia": true,
+    "Modernizr": true,
+    "MLMenu": true,
+    "once": true,
+    "preview": true,
+    "Twig": true,
+    "window": true,
+    "WOW": true
+  },
 }

js/dist/dxpr-theme-breadcrumbs.js

@@ -14,18 +14,18 @@
           once(
             "dxpr_theme",
             ".page-title-full-width-container .breadcrumb a",
-            context
-          )
+            context,
+          ),
         ).after(
-          ` <span class="dxpr-theme-breadcrumb-spacer">${breadcrumbsSeparator}</span> `
+          ` <span class="dxpr-theme-breadcrumb-spacer">${breadcrumbsSeparator}</span> `,
         );
       } else {
         $(
           once(
             "dxpr_theme",
             ".page-title-full-width-container .breadcrumb a",
-            context
-          )
+            context,
+          ),
         ).after(' <span class="dxpr-theme-breadcrumb-spacer">/</span> ');
       }
     },

js/dist/dxpr-theme-full-screen-search.js

@@ -7,38 +7,40 @@
 (function ($, Drupal, once) {
   Drupal.behaviors.fullScreenSearch = {
     attach(context, settings) {
+      const searchButton = $(".full-screen-search-button");
+      const searchForm = $(".full-screen-search-form");
+      const searchFormInput = searchForm.find(".search-query");
+      const escapeCode = 27;
       function clearSearchForm() {
-        $searchForm.toggleClass("invisible"),
-          $("body").toggleClass("body--full-screen-search"),
-          setTimeout(() => {
-            $searchFormInput.val("");
-          }, 350);
+        searchForm.toggleClass("invisible");
+        document
+          .querySelector("body")
+          .classList.toggle("body--full-screen-search");
+        setTimeout(() => {
+          searchFormInput.val("");
+        }, 350);
       }
-      const $searchButton = $(".full-screen-search-button");
-      var $searchForm = $(".full-screen-search-form");
-      var $searchFormInput = $searchForm.find(".search-query");
-      const escapeCode = 27;
-      $(once("search-button", $searchButton)).on(
-        "touchstart click",
-        (event) => {
-          event.preventDefault(),
-            $searchForm.toggleClass("invisible"),
-            $("body").toggleClass("body--full-screen-search"),
-            $searchFormInput.focus();
+      $(once("search-button", searchButton)).on("touchstart click", (event) => {
+        event.preventDefault();
+        searchForm.toggleClass("invisible");
+        document
+          .querySelector("body")
+          .classList.toggle("body--full-screen-search");
+        searchFormInput.focus();
+      });
+      $(once("search-form", searchForm)).on("touchstart click", (ele) => {
+        if (!ele.target.classList.contains("search-query")) {
+          clearSearchForm();
         }
-      ),
-        $(once("search-form", $searchForm)).on(
-          "touchstart click",
-          ($searchButton) => {
-            $($searchButton.target).hasClass("search-query") ||
-              clearSearchForm();
-          }
-        ),
-        $(document).keydown((event) => {
+      });
+      $(document).keydown((event) => {
+        if (
           event.which === escapeCode &&
-            !$searchForm.hasClass("invisible") &&
-            clearSearchForm();
-        });
+          !searchForm.classList.contains("invisible")
+        ) {
+          clearSearchForm();
+        }
+      });
     },
   };
 })(jQuery, Drupal, once);