@pie-element/ebsr 10.2.6-next.34 → 10.2.6-next.40

package/configure/package.json

@@ -10,7 +10,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-element/multiple-choice": "^9.5.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/pie-toolbox": "2.4.1",
+    "@pie-lib/pie-toolbox": "2.5.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.4.1",
+    "@pie-lib/pie-toolbox": "2.5.0",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
 import {_dll_react, _dll_prop_types, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.1/module/index.js";
 import MultipleChoiceConfigure from '@pie-element/multiple-choice/configure/lib';
-import {_dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.1/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;

package/module/controller.js

@@ -23478,6 +23478,12 @@ var _default = {
     mathInline: {
       primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
     },
+    multipleChoice: {
+      minSelections_one: 'This question requires at least {{minSelections}} answer.',
+      minSelections_other: 'This question requires at least {{minSelections}} answers.',
+      maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
+      maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+    },
     selectText: {
       correctAnswerSelected: 'Correct answer selected',
       correctAnswerNotSelected: 'Correct answer not selected',
@@ -23568,6 +23574,12 @@ var _default = {
     mathInline: {
       primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
     },
+    multipleChoice: {
+      minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
+      minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+      maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
+      maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+    },
     selectText: {
       correctAnswerSelected: 'Respuesta correcta seleccionada',
       correctAnswerNotSelected: 'Respuesta correcta no seleccionada',

package/module/element.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.4.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.4.1/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -8493,6 +8493,12 @@ var en = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
       },
+      multipleChoice: {
+        minSelections_one: 'This question requires at least {{minSelections}} answer.',
+        minSelections_other: 'This question requires at least {{minSelections}} answers.',
+        maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
+        maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+      },
       selectText: {
         correctAnswerSelected: 'Correct answer selected',
         correctAnswerNotSelected: 'Correct answer not selected',
@@ -8580,6 +8586,12 @@ var es = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
       },
+      multipleChoice: {
+        minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
+        minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+        maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
+        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+      },
       selectText: {
         correctAnswerSelected: 'Respuesta correcta seleccionada',
         correctAnswerNotSelected: 'Respuesta correcta no seleccionada',
@@ -12513,7 +12525,7 @@ class Choice extends React$3.Component {
     };
   }
   render() {
-    const {choice, index, choicesLength, showCorrect, isEvaluateMode, choiceMode, disabled, checked, correctness, displayKey, classes, choicesLayout, gridColumns, isSelectionButtonBelow} = this.props;
+    const {choice, index, choicesLength, showCorrect, isEvaluateMode, choiceMode, disabled, checked, correctness, displayKey, classes, choicesLayout, gridColumns, isSelectionButtonBelow, selectedAnswerBackgroundColor} = this.props;
     const choiceClass = 'choice' + (index === choicesLength - 1 ? ' last' : '');
     const feedback = !isEvaluateMode || showCorrect ? '' : choice.feedback;
     const choiceProps = {
@@ -12535,13 +12547,17 @@ class Choice extends React$3.Component {
       [classes.noBorder]: index === choicesLength - 1 || choicesLayout !== 'vertical',
       [classes.horizontalLayout]: choicesLayout === 'horizontal'
     });
+    const choiceBackground = selectedAnswerBackgroundColor && checked ? selectedAnswerBackgroundColor : 'initial';
     return React$3.createElement('div', {
       className: choiceClass,
       key: index,
+      style: {
+        backgroundColor: choiceBackground
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 62
+        lineNumber: 65
       }
     }, React$3.createElement(ChoiceInput$1, {
       ...choiceProps,
@@ -12549,7 +12565,7 @@ class Choice extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 63
+        lineNumber: 66
       }
     }));
   }
@@ -12570,12 +12586,15 @@ Choice.propTypes = {
   displayKey: PropTypes$2.string,
   choicesLayout: PropTypes$2.oneOf(['vertical', 'grid', 'horizontal']),
   gridColumns: PropTypes$2.string,
+  selectedAnswerBackgroundColor: PropTypes$2.string,
   isSelectionButtonBelow: PropTypes$2.bool
 };
 var StyledChoice = styles$b.withStyles(theme => ({
   choice: {
     paddingTop: theme.spacing.unit * 2.5,
     paddingBottom: theme.spacing.unit + 2,
+    paddingLeft: theme.spacing.unit + 2,
+    paddingRight: theme.spacing.unit + 2,
     borderBottom: `1px solid ${theme.palette.grey[300]}`
   },
   noBorder: {
@@ -12665,6 +12684,7 @@ class MultipleChoice$1 extends React$2.Component {
       alwaysShowCorrect: PropTypes$1.bool,
       animationsDisabled: PropTypes$1.bool,
       language: PropTypes$1.string,
+      selectedAnswerBackgroundColor: PropTypes$1.string,
       onShowCorrectToggle: PropTypes$1.func,
       isSelectionButtonBelow: PropTypes$1.bool,
       minSelections: PropTypes$1.number,
@@ -12796,14 +12816,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 224
+        lineNumber: 225
       }
     }, "Multiple Choice Question") : React$2.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 226
+        lineNumber: 227
       }
     }, "Multiple Select Question");
   }
@@ -12824,7 +12844,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 258
+        lineNumber: 259
       }
     });
     return React$2.createElement('div', {
@@ -12832,21 +12852,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 267
+        lineNumber: 268
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 268
+        lineNumber: 269
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 273
+        lineNumber: 274
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12856,14 +12876,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 275
+        lineNumber: 276
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 289
+        lineNumber: 290
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12873,7 +12893,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 290
+        lineNumber: 291
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12883,7 +12903,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 293
+        lineNumber: 294
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12894,10 +12914,11 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 301
+        lineNumber: 302
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
+      selectedAnswerBackgroundColor: this.props.selectedAnswerBackgroundColor,
       gridColumns: gridColumns,
       key: `choice-${index}`,
       choice: choice,
@@ -12916,14 +12937,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 309
+        lineNumber: 310
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 332
+        lineNumber: 334
       }
     }, translator.t(`translation:multipleChoice:minSelections_${minSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -12933,7 +12954,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 340
+        lineNumber: 342
       }
     }, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,

package/module/manifest.json

@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.4.0"
+      "version": "5.4.1"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.4.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.4.1/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -8456,6 +8456,12 @@ var en = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
       },
+      multipleChoice: {
+        minSelections_one: 'This question requires at least {{minSelections}} answer.',
+        minSelections_other: 'This question requires at least {{minSelections}} answers.',
+        maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
+        maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+      },
       selectText: {
         correctAnswerSelected: 'Correct answer selected',
         correctAnswerNotSelected: 'Correct answer not selected',
@@ -8543,6 +8549,12 @@ var es = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
       },
+      multipleChoice: {
+        minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
+        minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+        maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
+        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+      },
       selectText: {
         correctAnswerSelected: 'Respuesta correcta seleccionada',
         correctAnswerNotSelected: 'Respuesta correcta no seleccionada',
@@ -12476,7 +12488,7 @@ class Choice extends React$3.Component {
     };
   }
   render() {
-    const {choice, index, choicesLength, showCorrect, isEvaluateMode, choiceMode, disabled, checked, correctness, displayKey, classes, choicesLayout, gridColumns, isSelectionButtonBelow} = this.props;
+    const {choice, index, choicesLength, showCorrect, isEvaluateMode, choiceMode, disabled, checked, correctness, displayKey, classes, choicesLayout, gridColumns, isSelectionButtonBelow, selectedAnswerBackgroundColor} = this.props;
     const choiceClass = 'choice' + (index === choicesLength - 1 ? ' last' : '');
     const feedback = !isEvaluateMode || showCorrect ? '' : choice.feedback;
     const choiceProps = {
@@ -12498,13 +12510,17 @@ class Choice extends React$3.Component {
       [classes.noBorder]: index === choicesLength - 1 || choicesLayout !== 'vertical',
       [classes.horizontalLayout]: choicesLayout === 'horizontal'
     });
+    const choiceBackground = selectedAnswerBackgroundColor && checked ? selectedAnswerBackgroundColor : 'initial';
     return React$3.createElement('div', {
       className: choiceClass,
       key: index,
+      style: {
+        backgroundColor: choiceBackground
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 62
+        lineNumber: 65
       }
     }, React$3.createElement(ChoiceInput$1, {
       ...choiceProps,
@@ -12512,7 +12528,7 @@ class Choice extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 63
+        lineNumber: 66
       }
     }));
   }
@@ -12533,12 +12549,15 @@ Choice.propTypes = {
   displayKey: PropTypes$2.string,
   choicesLayout: PropTypes$2.oneOf(['vertical', 'grid', 'horizontal']),
   gridColumns: PropTypes$2.string,
+  selectedAnswerBackgroundColor: PropTypes$2.string,
   isSelectionButtonBelow: PropTypes$2.bool
 };
 var StyledChoice = styles$b.withStyles(theme => ({
   choice: {
     paddingTop: theme.spacing.unit * 2.5,
     paddingBottom: theme.spacing.unit + 2,
+    paddingLeft: theme.spacing.unit + 2,
+    paddingRight: theme.spacing.unit + 2,
     borderBottom: `1px solid ${theme.palette.grey[300]}`
   },
   noBorder: {
@@ -12628,6 +12647,7 @@ class MultipleChoice$1 extends React$2.Component {
       alwaysShowCorrect: PropTypes$1.bool,
       animationsDisabled: PropTypes$1.bool,
       language: PropTypes$1.string,
+      selectedAnswerBackgroundColor: PropTypes$1.string,
       onShowCorrectToggle: PropTypes$1.func,
       isSelectionButtonBelow: PropTypes$1.bool,
       minSelections: PropTypes$1.number,
@@ -12759,14 +12779,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 224
+        lineNumber: 225
       }
     }, "Multiple Choice Question") : React$2.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 226
+        lineNumber: 227
       }
     }, "Multiple Select Question");
   }
@@ -12787,7 +12807,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 258
+        lineNumber: 259
       }
     });
     return React$2.createElement('div', {
@@ -12795,21 +12815,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 267
+        lineNumber: 268
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 268
+        lineNumber: 269
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 273
+        lineNumber: 274
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12819,14 +12839,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 275
+        lineNumber: 276
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 289
+        lineNumber: 290
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12836,7 +12856,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 290
+        lineNumber: 291
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12846,7 +12866,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 293
+        lineNumber: 294
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12857,10 +12877,11 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 301
+        lineNumber: 302
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
+      selectedAnswerBackgroundColor: this.props.selectedAnswerBackgroundColor,
       gridColumns: gridColumns,
       key: `choice-${index}`,
       choice: choice,
@@ -12879,14 +12900,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 309
+        lineNumber: 310
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 332
+        lineNumber: 334
       }
     }, translator$1.t(`translation:multipleChoice:minSelections_${minSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -12896,7 +12917,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 340
+        lineNumber: 342
       }
     }, translator$1.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.2.6-next.34+1bf85f10a",
+  "version": "10.2.6-next.40+c2131410e",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.5.2-next.34+1bf85f10a",
+    "@pie-element/multiple-choice": "^9.5.2-next.40+c2131410e",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.4.1",
+    "@pie-lib/pie-toolbox": "2.5.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "1bf85f10abdec54911ebbade6b8a54c17d00870a",
+  "gitHead": "c2131410e19605093ca77afb8234b31708db01b1",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },