@pie-element/ebsr 10.5.12-next.20 → 10.5.12-next.24

package/module/element.js

@@ -12901,14 +12901,14 @@ class MultipleChoice$1 extends React$2.Component {
     if (mode !== 'gather') {
       return null;
     }
-    return choiceMode === 'radio' ? React$2.createElement('h2', {
+    return choiceMode === 'radio' ? React$2.createElement('h3', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
         lineNumber: 220
       }
-    }, "Multiple Choice Question") : React$2.createElement('h2', {
+    }, "Multiple Choice Question") : React$2.createElement('h3', {
       className: classes.srOnly,
       __self: this,
       __source: {
@@ -12924,8 +12924,10 @@ class MultipleChoice$1 extends React$2.Component {
       if (fieldset.contains(activeEl) && activeEl !== fieldset) {
         return;
       }
-      if (_optionalChain$2([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
-        this.firstInputRef.current.focus();
+      if (!e.relatedTarget || fieldset.compareDocumentPosition(e.relatedTarget) & Node.DOCUMENT_POSITION_PRECEDING) {
+        if (_optionalChain$2([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
+          this.firstInputRef.current.focus();
+        }
       }
     };
   }
@@ -12946,7 +12948,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 269
+        lineNumber: 272
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12974,21 +12976,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 296
+        lineNumber: 299
       }
-    }, partLabel && React$2.createElement('h3', {
+    }, partLabel && React$2.createElement('h2', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 297
+        lineNumber: 300
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 302
+        lineNumber: 305
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12998,7 +13000,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 304
+        lineNumber: 307
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       tabIndex: 0,
@@ -13008,7 +13010,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 318
+        lineNumber: 321
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -13020,7 +13022,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 324
+        lineNumber: 327
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -13030,7 +13032,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 334
+        lineNumber: 337
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -13041,7 +13043,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 342
+        lineNumber: 345
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       autoFocusRef: index === 0 ? this.firstInputRef : null,
@@ -13066,21 +13068,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 350
+        lineNumber: 353
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 376
+        lineNumber: 379
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 379
+        lineNumber: 382
       }
     }, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,

package/module/print.js

@@ -12864,14 +12864,14 @@ class MultipleChoice$1 extends React$2.Component {
     if (mode !== 'gather') {
       return null;
     }
-    return choiceMode === 'radio' ? React$2.createElement('h2', {
+    return choiceMode === 'radio' ? React$2.createElement('h3', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
         lineNumber: 220
       }
-    }, "Multiple Choice Question") : React$2.createElement('h2', {
+    }, "Multiple Choice Question") : React$2.createElement('h3', {
       className: classes.srOnly,
       __self: this,
       __source: {
@@ -12887,8 +12887,10 @@ class MultipleChoice$1 extends React$2.Component {
       if (fieldset.contains(activeEl) && activeEl !== fieldset) {
         return;
       }
-      if (_optionalChain$1([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
-        this.firstInputRef.current.focus();
+      if (!e.relatedTarget || fieldset.compareDocumentPosition(e.relatedTarget) & Node.DOCUMENT_POSITION_PRECEDING) {
+        if (_optionalChain$1([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
+          this.firstInputRef.current.focus();
+        }
       }
     };
   }
@@ -12909,7 +12911,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 269
+        lineNumber: 272
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12937,21 +12939,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 296
+        lineNumber: 299
       }
-    }, partLabel && React$2.createElement('h3', {
+    }, partLabel && React$2.createElement('h2', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 297
+        lineNumber: 300
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 302
+        lineNumber: 305
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12961,7 +12963,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 304
+        lineNumber: 307
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       tabIndex: 0,
@@ -12971,7 +12973,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 318
+        lineNumber: 321
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12983,7 +12985,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 324
+        lineNumber: 327
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12993,7 +12995,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 334
+        lineNumber: 337
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -13004,7 +13006,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 342
+        lineNumber: 345
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       autoFocusRef: index === 0 ? this.firstInputRef : null,
@@ -13029,21 +13031,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 350
+        lineNumber: 353
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 376
+        lineNumber: 379
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 379
+        lineNumber: 382
       }
     }, translator$1.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.5.12-next.20+4ae153872",
+  "version": "10.5.12-next.24+8f47806c9",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.17.1-next.20+4ae153872",
+    "@pie-element/multiple-choice": "^9.17.1-next.24+8f47806c9",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/pie-toolbox": "2.21.0",
     "classnames": "^2.2.5",
@@ -16,7 +16,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "4ae1538726f37d602297cc0a5aae1d8b32b70e11",
+  "gitHead": "8f47806c99b3085a71bcd21712f96e79a88c9126",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },