refactor: remove js for inputgroup and update focus out

add logic to remove classes on click

Author: mlogsdon18

site/resources/js/enhancement.js

@@ -188,61 +188,6 @@ governing permissions and limitations under the License.
 	});
 })();
 
-// Inputgroup
-(function () {
-	function setFocus(inputgroup, focused, event) {
-		var textfields = inputgroup.querySelectorAll(".spectrum-Textfield");
-		var inputs = inputgroup.querySelectorAll(".spectrum-InputGroup-input");
-		var input = inputs[0];
-		var focusClass = event.target.classList.contains("is-keyboardFocused")
-			? "is-keyboardFocused"
-			: "is-focused";
-		var pickerButton = inputgroup.querySelector(".spectrum-PickerButton");
-		if (focused) {
-			inputgroup.classList.add(focusClass);
-			if (pickerButton) pickerButton.classList.add(focusClass);
-			if (event.target.tagName !== "INPUT") {
-				input.focus();
-			}
-
-			Array.prototype.forEach.call(textfields, (textfield) => {
-				textfield.classList.add(focusClass);
-			});
-		} else {
-			if (pickerButton) pickerButton.classList.remove("is-keyboardFocused");
-			if (pickerButton) pickerButton.classList.remove("is-focused");
-			inputgroup.classList.remove("is-keyboardFocused");
-			inputgroup.classList.remove("is-focused");
-
-			Array.prototype.forEach.call(textfields, (textfield) => {
-				textfield.classList.remove("is-focused");
-				textfield.classList.remove("is-keyboardFocused");
-			});
-		}
-	}
-
-	document.addEventListener("focusin", function (event) {
-		var inputgroup = event.target.closest(".spectrum-InputGroup");
-
-		if (event.target.closest(".spectrum-Menu")) {
-			// Don't mess with focus on menuitems
-			return;
-		}
-
-		if (inputgroup) {
-			setFocus(inputgroup, true, event);
-		}
-	});
-
-	document.addEventListener("focusout", function (event) {
-		var inputgroup = event.target.closest(".spectrum-InputGroup");
-
-		if (inputgroup) {
-			setFocus(inputgroup, false, event);
-		}
-	});
-})();
-
 // Stepper
 (function () {
 	function setFocus(stepper, input, focused) {
@@ -1026,6 +971,22 @@ function onKeydownHandler(event) {
 	}
 }
 
+function onMousedownHandler() {
+	keyboardFocus = false;
+	var elements = document.getElementsByClassName('is-keyboardFocused');
+
+	for (var i = 0; i < elements.length; i++) {
+		elements[i].classList.remove('is-keyboardFocused');
+	}
+
+	if (document.activeElement &&
+		document.activeElement !== document.body) {
+					document.activeElement.classList.add('is-focused');
+	}
+
+	
+}
+
 function onFocusHandler(event) {
 	var classList = event.target.classList;
 	if (classList && keyboardFocus) {
@@ -1035,6 +996,7 @@ function onFocusHandler(event) {
 
 window.addEventListener('keydown', onKeydownHandler, true);
 window.addEventListener('focus', onFocusHandler, true);
+window.addEventListener('mousedown', onMousedownHandler, true);
 
 animateCircleLoaders();
 window.addEventListener("PageFastLoaded", enhanceAll);