37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
/**
|
|
* Helper for GA click event. When the user mouse clicks on a `base-input-button`, we
|
|
* push the click event. When the user tabs through a list of radio buttons via a
|
|
* keyboard, we only want to push the GA click event if the selection was deliberate
|
|
* (space/enter key) or if there is a selection and the user tabs off of the radio group.
|
|
*/
|
|
|
|
let lastFocusedInputGroupName = "";
|
|
let onButtonQuestionLostFocusCallback = null;
|
|
|
|
const handleAnyComponentFocus = (e) => {
|
|
const targetType = e.target.type;
|
|
if (targetType !== "radio" && targetType !== "checkbox") {
|
|
invokeButtonQuestionLostFocusCallback();
|
|
}
|
|
};
|
|
|
|
const handleButtonComponentFocus = (e) => {
|
|
if (e && lastFocusedInputGroupName !== e.groupName) {
|
|
invokeButtonQuestionLostFocusCallback();
|
|
}
|
|
};
|
|
|
|
const handleInputComponentBlur = (e) => {
|
|
if (e) {
|
|
lastFocusedInputGroupName = e.groupName;
|
|
onButtonQuestionLostFocusCallback = e.onButtonQuestionLostFocusCallback;
|
|
}
|
|
};
|
|
|
|
const invokeButtonQuestionLostFocusCallback = () => {
|
|
if (onButtonQuestionLostFocusCallback) {
|
|
onButtonQuestionLostFocusCallback();
|
|
}
|
|
};
|
|
|
|
export { handleAnyComponentFocus, handleButtonComponentFocus, handleInputComponentBlur };
|