Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
// We don't want menu keydown events to propagate and conflict when the tabs keydown events
// Instead of stopping menu key event propagation, we whitelist event.targets so we do tab focus mgmt only on tab based event targets
const tabList = event.target.getAttribute('role') === 'tablist';
const tabMoreBtn = event.target.getAttribute('data-terra-tabs-menu') === 'true';
if (tabList || tabMoreBtn) {
const isRTL = document.getElementsByTagName('html')[0].getAttribute('dir') === 'rtl';
const visibleChildren = this.container.children;
if (event.nativeEvent.keyCode === KeyCode.KEY_LEFT) {
if (isRTL) {
this.handleFocusRight(visibleChildren, event);
} else {
this.handleFocusLeft(visibleChildren, event);
}
} else if (event.nativeEvent.keyCode === KeyCode.KEY_RIGHT) {
if (isRTL) {
this.handleFocusLeft(visibleChildren, event);
} else {
this.handleFocusRight(visibleChildren, event);
}
}
}
}
return ((event) => {
const shiftTabClicked = (event.shiftKey && event.nativeEvent.keyCode === KeyCode.KEY_TAB);
const tabClicked = (event.nativeEvent.keyCode === KeyCode.KEY_TAB);
if (!(shiftTabClicked || tabClicked)) {
event.preventDefault();
}
if (event.nativeEvent.keyCode === KeyCode.KEY_RETURN || event.nativeEvent.keyCode === KeyCode.KEY_SPACE) {
if (item.props.subMenuItems && item.props.subMenuItems.length > 0) {
this.props.onRequestNext(item);
}
} else if (event.nativeEvent.keyCode === KeyCode.KEY_RIGHT) {
if (item.props.subMenuItems && item.props.subMenuItems.length > 0) {
this.props.onRequestNext(item);
}
} else if (event.nativeEvent.keyCode === KeyCode.KEY_LEFT) {
this.props.onRequestBack();
} else if (event.nativeEvent.keyCode === KeyCode.KEY_UP) {
this.setState({ focusIndex: index - 1 });
} else if (event.nativeEvent.keyCode === KeyCode.KEY_DOWN) {
this.setState({ focusIndex: index + 1 });
}
if (onKeyDown) {
onKeyDown(event);
}
});
}
if (event.keyCode === KeyCode.KEY_DOWN) {
stateValue = TimeUtil.decrementMinute(stateValue);
}
if (previousStateValue !== stateValue) {
this.handleValueChange(event, TimeUtil.inputType.MINUTE, stateValue, this.state.meridiem);
}
if (event.keyCode === KeyCode.KEY_LEFT
|| event.keyCode === KeyCode.KEY_DELETE
|| event.keyCode === KeyCode.KEY_BACK_SPACE) {
this.focusHour(event);
}
if (event.keyCode === KeyCode.KEY_RIGHT && this.props.showSeconds) {
this.focusSecondFromMinute(event);
}
}