From 3aa2d752b2a39653d2ce83d39368092553350da6 Mon Sep 17 00:00:00 2001
From: Oliver Foster <oliver.foster@kineo.com>
Date: Tue, 4 Feb 2025 14:49:20 +0000
Subject: [PATCH] Fix: Added is-highlighted class (#187)

---
 templates/gmcq.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/templates/gmcq.jsx b/templates/gmcq.jsx
index 2f07be1..bb84a08 100644
--- a/templates/gmcq.jsx
+++ b/templates/gmcq.jsx
@@ -23,7 +23,7 @@ export default function Gmcq(props) {
     body,
     instruction,
     ariaQuestion,
-    onKeyPress,
+    onKeyDown,
     onItemSelect,
     onItemFocus,
     onItemBlur
@@ -53,7 +53,7 @@ export default function Gmcq(props) {
         aria-label={ariaQuestion || null}
       >
 
-        {props._items.map(({ text, altText, _index, _isActive, _shouldBeSelected, _graphic }, index) =>
+        {props._items.map(({ text, altText, _index, _isActive, _isHighlighted, _shouldBeSelected, _graphic }, index) =>
 
           <div
             className={classes([
@@ -79,7 +79,7 @@ export default function Gmcq(props) {
                 `${a11y.normalize(altText || text)} ${_graphic?.alt || ''}` :
                 `${_shouldBeSelected ? ariaLabels.correct : ariaLabels.incorrect}, ${_isActive ? ariaLabels.selectedAnswer : ariaLabels.unselectedAnswer}. ${a11y.normalize(altText || text)} ${_graphic?.alt || ''}`}
               data-adapt-index={_index}
-              onKeyPress={onKeyPress}
+              onKeyDown={onKeyDown}
               onChange={onItemSelect}
               onFocus={onItemFocus}
               onBlur={onItemBlur}
@@ -91,6 +91,7 @@ export default function Gmcq(props) {
                 'js-item-label',
                 'u-no-select',
                 !_isEnabled && 'is-disabled',
+                _isHighlighted && 'is-highlighted',
                 (_isCorrectAnswerShown ? _shouldBeSelected : _isActive) && 'is-selected'
               ])}
               aria-hidden={true}