@pie-element/ebsr 10.5.12-next.18 → 10.5.12-next.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/module/element.js +16 -14
  2. package/module/print.js +16 -14
  3. package/package.json +3 -3
package/module/element.js CHANGED
@@ -12924,8 +12924,10 @@ class MultipleChoice$1 extends React$2.Component {
12924
12924
  if (fieldset.contains(activeEl) && activeEl !== fieldset) {
12925
12925
  return;
12926
12926
  }
12927
- if (_optionalChain$2([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
12928
- this.firstInputRef.current.focus();
12927
+ if (!e.relatedTarget || fieldset.compareDocumentPosition(e.relatedTarget) & Node.DOCUMENT_POSITION_PRECEDING) {
12928
+ if (_optionalChain$2([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
12929
+ this.firstInputRef.current.focus();
12930
+ }
12929
12931
  }
12930
12932
  };
12931
12933
  }
@@ -12946,7 +12948,7 @@ class MultipleChoice$1 extends React$2.Component {
12946
12948
  __self: this,
12947
12949
  __source: {
12948
12950
  fileName: _jsxFileName$1,
12949
- lineNumber: 269
12951
+ lineNumber: 272
12950
12952
  }
12951
12953
  });
12952
12954
  const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12974,21 +12976,21 @@ class MultipleChoice$1 extends React$2.Component {
12974
12976
  __self: this,
12975
12977
  __source: {
12976
12978
  fileName: _jsxFileName$1,
12977
- lineNumber: 296
12979
+ lineNumber: 299
12978
12980
  }
12979
12981
  }, partLabel && React$2.createElement('h3', {
12980
12982
  className: classes.partLabel,
12981
12983
  __self: this,
12982
12984
  __source: {
12983
12985
  fileName: _jsxFileName$1,
12984
- lineNumber: 297
12986
+ lineNumber: 300
12985
12987
  }
12986
12988
  }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
12987
12989
  className: classes.teacherInstructions,
12988
12990
  __self: this,
12989
12991
  __source: {
12990
12992
  fileName: _jsxFileName$1,
12991
- lineNumber: 302
12993
+ lineNumber: 305
12992
12994
  }
12993
12995
  }, !animationsDisabled ? React$2.createElement(Collapsible, {
12994
12996
  labels: {
@@ -12998,7 +13000,7 @@ class MultipleChoice$1 extends React$2.Component {
12998
13000
  __self: this,
12999
13001
  __source: {
13000
13002
  fileName: _jsxFileName$1,
13001
- lineNumber: 304
13003
+ lineNumber: 307
13002
13004
  }
13003
13005
  }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
13004
13006
  tabIndex: 0,
@@ -13008,7 +13010,7 @@ class MultipleChoice$1 extends React$2.Component {
13008
13010
  __self: this,
13009
13011
  __source: {
13010
13012
  fileName: _jsxFileName$1,
13011
- lineNumber: 318
13013
+ lineNumber: 321
13012
13014
  }
13013
13015
  }, React$2.createElement(PreviewPrompt, {
13014
13016
  className: "prompt",
@@ -13020,7 +13022,7 @@ class MultipleChoice$1 extends React$2.Component {
13020
13022
  __self: this,
13021
13023
  __source: {
13022
13024
  fileName: _jsxFileName$1,
13023
- lineNumber: 324
13025
+ lineNumber: 327
13024
13026
  }
13025
13027
  }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
13026
13028
  show: showCorrectAnswerToggle,
@@ -13030,7 +13032,7 @@ class MultipleChoice$1 extends React$2.Component {
13030
13032
  __self: this,
13031
13033
  __source: {
13032
13034
  fileName: _jsxFileName$1,
13033
- lineNumber: 334
13035
+ lineNumber: 337
13034
13036
  }
13035
13037
  }), React$2.createElement('div', {
13036
13038
  className: classNames({
@@ -13041,7 +13043,7 @@ class MultipleChoice$1 extends React$2.Component {
13041
13043
  __self: this,
13042
13044
  __source: {
13043
13045
  fileName: _jsxFileName$1,
13044
- lineNumber: 342
13046
+ lineNumber: 345
13045
13047
  }
13046
13048
  }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
13047
13049
  autoFocusRef: index === 0 ? this.firstInputRef : null,
@@ -13066,21 +13068,21 @@ class MultipleChoice$1 extends React$2.Component {
13066
13068
  __self: this,
13067
13069
  __source: {
13068
13070
  fileName: _jsxFileName$1,
13069
- lineNumber: 350
13071
+ lineNumber: 353
13070
13072
  }
13071
13073
  })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
13072
13074
  className: classes.errorText,
13073
13075
  __self: this,
13074
13076
  __source: {
13075
13077
  fileName: _jsxFileName$1,
13076
- lineNumber: 376
13078
+ lineNumber: 379
13077
13079
  }
13078
13080
  }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
13079
13081
  className: classes.errorText,
13080
13082
  __self: this,
13081
13083
  __source: {
13082
13084
  fileName: _jsxFileName$1,
13083
- lineNumber: 379
13085
+ lineNumber: 382
13084
13086
  }
13085
13087
  }, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
13086
13088
  lng: language,
package/module/print.js CHANGED
@@ -12887,8 +12887,10 @@ class MultipleChoice$1 extends React$2.Component {
12887
12887
  if (fieldset.contains(activeEl) && activeEl !== fieldset) {
12888
12888
  return;
12889
12889
  }
12890
- if (_optionalChain$1([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
12891
- this.firstInputRef.current.focus();
12890
+ if (!e.relatedTarget || fieldset.compareDocumentPosition(e.relatedTarget) & Node.DOCUMENT_POSITION_PRECEDING) {
12891
+ if (_optionalChain$1([this, 'access', _3 => _3.firstInputRef, 'optionalAccess', _4 => _4.current])) {
12892
+ this.firstInputRef.current.focus();
12893
+ }
12892
12894
  }
12893
12895
  };
12894
12896
  }
@@ -12909,7 +12911,7 @@ class MultipleChoice$1 extends React$2.Component {
12909
12911
  __self: this,
12910
12912
  __source: {
12911
12913
  fileName: _jsxFileName$1,
12912
- lineNumber: 269
12914
+ lineNumber: 272
12913
12915
  }
12914
12916
  });
12915
12917
  const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12937,21 +12939,21 @@ class MultipleChoice$1 extends React$2.Component {
12937
12939
  __self: this,
12938
12940
  __source: {
12939
12941
  fileName: _jsxFileName$1,
12940
- lineNumber: 296
12942
+ lineNumber: 299
12941
12943
  }
12942
12944
  }, partLabel && React$2.createElement('h3', {
12943
12945
  className: classes.partLabel,
12944
12946
  __self: this,
12945
12947
  __source: {
12946
12948
  fileName: _jsxFileName$1,
12947
- lineNumber: 297
12949
+ lineNumber: 300
12948
12950
  }
12949
12951
  }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
12950
12952
  className: classes.teacherInstructions,
12951
12953
  __self: this,
12952
12954
  __source: {
12953
12955
  fileName: _jsxFileName$1,
12954
- lineNumber: 302
12956
+ lineNumber: 305
12955
12957
  }
12956
12958
  }, !animationsDisabled ? React$2.createElement(Collapsible, {
12957
12959
  labels: {
@@ -12961,7 +12963,7 @@ class MultipleChoice$1 extends React$2.Component {
12961
12963
  __self: this,
12962
12964
  __source: {
12963
12965
  fileName: _jsxFileName$1,
12964
- lineNumber: 304
12966
+ lineNumber: 307
12965
12967
  }
12966
12968
  }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
12967
12969
  tabIndex: 0,
@@ -12971,7 +12973,7 @@ class MultipleChoice$1 extends React$2.Component {
12971
12973
  __self: this,
12972
12974
  __source: {
12973
12975
  fileName: _jsxFileName$1,
12974
- lineNumber: 318
12976
+ lineNumber: 321
12975
12977
  }
12976
12978
  }, React$2.createElement(PreviewPrompt, {
12977
12979
  className: "prompt",
@@ -12983,7 +12985,7 @@ class MultipleChoice$1 extends React$2.Component {
12983
12985
  __self: this,
12984
12986
  __source: {
12985
12987
  fileName: _jsxFileName$1,
12986
- lineNumber: 324
12988
+ lineNumber: 327
12987
12989
  }
12988
12990
  }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
12989
12991
  show: showCorrectAnswerToggle,
@@ -12993,7 +12995,7 @@ class MultipleChoice$1 extends React$2.Component {
12993
12995
  __self: this,
12994
12996
  __source: {
12995
12997
  fileName: _jsxFileName$1,
12996
- lineNumber: 334
12998
+ lineNumber: 337
12997
12999
  }
12998
13000
  }), React$2.createElement('div', {
12999
13001
  className: classNames({
@@ -13004,7 +13006,7 @@ class MultipleChoice$1 extends React$2.Component {
13004
13006
  __self: this,
13005
13007
  __source: {
13006
13008
  fileName: _jsxFileName$1,
13007
- lineNumber: 342
13009
+ lineNumber: 345
13008
13010
  }
13009
13011
  }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
13010
13012
  autoFocusRef: index === 0 ? this.firstInputRef : null,
@@ -13029,21 +13031,21 @@ class MultipleChoice$1 extends React$2.Component {
13029
13031
  __self: this,
13030
13032
  __source: {
13031
13033
  fileName: _jsxFileName$1,
13032
- lineNumber: 350
13034
+ lineNumber: 353
13033
13035
  }
13034
13036
  })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
13035
13037
  className: classes.errorText,
13036
13038
  __self: this,
13037
13039
  __source: {
13038
13040
  fileName: _jsxFileName$1,
13039
- lineNumber: 376
13041
+ lineNumber: 379
13040
13042
  }
13041
13043
  }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
13042
13044
  className: classes.errorText,
13043
13045
  __self: this,
13044
13046
  __source: {
13045
13047
  fileName: _jsxFileName$1,
13046
- lineNumber: 379
13048
+ lineNumber: 382
13047
13049
  }
13048
13050
  }, translator$1.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
13049
13051
  lng: language,
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@pie-element/ebsr",
3
- "version": "10.5.12-next.18+89b2264a0",
3
+ "version": "10.5.12-next.22+dd310cb23",
4
4
  "description": "",
5
5
  "repository": "pie-framework/pie-elements",
6
6
  "publishConfig": {
7
7
  "access": "public"
8
8
  },
9
9
  "dependencies": {
10
- "@pie-element/multiple-choice": "^9.17.1-next.18+89b2264a0",
10
+ "@pie-element/multiple-choice": "^9.17.1-next.22+dd310cb23",
11
11
  "@pie-framework/pie-player-events": "^0.1.0",
12
12
  "@pie-lib/pie-toolbox": "2.21.0",
13
13
  "classnames": "^2.2.5",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "author": "pie framework developers",
18
18
  "license": "ISC",
19
- "gitHead": "89b2264a008f74f49176e93af0ece000efa6c578",
19
+ "gitHead": "dd310cb23adc801808c806374c1cec73d6335d80",
20
20
  "scripts": {
21
21
  "postpublish": "../../scripts/postpublish"
22
22
  },