@instructure/quiz-core 18.4.1-rc.4 → 18.4.1-rc.5

package/es/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -106,7 +106,13 @@ export var SidebarItem = (_dec = themeable(theme, styles), _dec(_class = (_temp
     value: function renderButton() {
       var _this$props2 = this.props,
           displayPosition = _this$props2.displayPosition,
-          itemId = _this$props2.itemId;
+          itemId = _this$props2.itemId,
+          isAnswered = _this$props2.isAnswered;
+      var screenReaderContent = !isAnswered && isAnswered !== null ? t('Navigate to question at position {displayPosition}, unanswered', {
+        displayPosition: displayPosition
+      }) : t('Navigate to question at position {displayPosition}', {
+        displayPosition: displayPosition
+      });
       return /*#__PURE__*/React.createElement(Link, {
         href: "#",
         size: "small",
@@ -117,9 +123,7 @@ export var SidebarItem = (_dec = themeable(theme, styles), _dec(_class = (_temp
         "data-automation-item-id": itemId,
         "data-automation": "sdk-sidebar-item-button"
       }, /*#__PURE__*/React.createElement(AccessibleContent, {
-        alt: t('Navigate to question at position {displayPosition}', {
-          displayPosition: displayPosition
-        })
+        alt: screenReaderContent
       }, this.renderPosition()));
     }
   }, {
@@ -181,6 +185,7 @@ export var SidebarItem = (_dec = themeable(theme, styles), _dec(_class = (_temp
   itemBody: PropTypes.string,
   itemName: PropTypes.string.isRequired,
   inStimulus: PropTypes.bool,
+  isAnswered: PropTypes.bool,
   position: PropTypes.number.isRequired,
   pointsPossible: PropTypes.number.isRequired,
   preventScrollToItem: PropTypes.bool.isRequired,
@@ -193,6 +198,7 @@ export var SidebarItem = (_dec = themeable(theme, styles), _dec(_class = (_temp
   children: null,
   inStimulus: false,
   itemBody: '',
-  quizEntry: null
+  quizEntry: null,
+  isAnswered: null
 }, _temp)) || _class);
 export default SidebarItem;

package/lib/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -133,7 +133,13 @@ var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
     value: function renderButton() {
       var _this$props2 = this.props,
           displayPosition = _this$props2.displayPosition,
-          itemId = _this$props2.itemId;
+          itemId = _this$props2.itemId,
+          isAnswered = _this$props2.isAnswered;
+      var screenReaderContent = !isAnswered && isAnswered !== null ? (0, _formatMessage.default)('Navigate to question at position {displayPosition}, unanswered', {
+        displayPosition: displayPosition
+      }) : (0, _formatMessage.default)('Navigate to question at position {displayPosition}', {
+        displayPosition: displayPosition
+      });
       return /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
         href: "#",
         size: "small",
@@ -144,9 +150,7 @@ var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
         "data-automation-item-id": itemId,
         "data-automation": "sdk-sidebar-item-button"
       }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
-        alt: (0, _formatMessage.default)('Navigate to question at position {displayPosition}', {
-          displayPosition: displayPosition
-        })
+        alt: screenReaderContent
       }, this.renderPosition()));
     }
   }, {
@@ -207,6 +211,7 @@ var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   itemBody: _propTypes.default.string,
   itemName: _propTypes.default.string.isRequired,
   inStimulus: _propTypes.default.bool,
+  isAnswered: _propTypes.default.bool,
   position: _propTypes.default.number.isRequired,
   pointsPossible: _propTypes.default.number.isRequired,
   preventScrollToItem: _propTypes.default.bool.isRequired,
@@ -219,7 +224,8 @@ var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   children: null,
   inStimulus: false,
   itemBody: '',
-  quizEntry: null
+  quizEntry: null,
+  isAnswered: null
 }, _temp)) || _class);
 exports.SidebarItem = SidebarItem;
 var _default = SidebarItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "18.4.1-rc.4+1403d39fd",
+  "version": "18.4.1-rc.5+a0a425c5b",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -43,11 +43,11 @@
   "dependencies": {
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "18.4.1-rc.4+1403d39fd",
-    "@instructure/quiz-i18n": "18.4.1-rc.4+1403d39fd",
-    "@instructure/quiz-interactions": "18.4.1-rc.4+1403d39fd",
-    "@instructure/quiz-number-input": "18.4.1-rc.4+1403d39fd",
-    "@instructure/quiz-rce": "18.4.1-rc.4+1403d39fd",
+    "@instructure/quiz-common": "18.4.1-rc.5+a0a425c5b",
+    "@instructure/quiz-i18n": "18.4.1-rc.5+a0a425c5b",
+    "@instructure/quiz-interactions": "18.4.1-rc.5+a0a425c5b",
+    "@instructure/quiz-number-input": "18.4.1-rc.5+a0a425c5b",
+    "@instructure/quiz-rce": "18.4.1-rc.5+a0a425c5b",
     "@instructure/ui-a11y-content": "^7.22.1",
     "@instructure/ui-alerts": "^7.22.1",
     "@instructure/ui-avatar": "^7.22.1",
@@ -108,7 +108,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "18.4.1-rc.4+1403d39fd",
+    "instructure-validations": "18.4.1-rc.5+a0a425c5b",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -159,7 +159,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "18.4.1-rc.4+1403d39fd",
+    "quiz-presets": "18.4.1-rc.5+a0a425c5b",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -175,5 +175,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1403d39fdef30e950227a3b2fe64adf240af4586"
+  "gitHead": "a0a425c5bac1436f7c55214617d7a82bd07221e5"
 }