@pie-element/ebsr 10.5.5 → 10.5.6-next.12

package/configure/package.json

@@ -10,7 +10,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-element/multiple-choice": "^9.15.5",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/pie-toolbox": "2.14.6",
+    "@pie-lib/pie-toolbox": "2.15.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.14.6",
+    "@pie-lib/pie-toolbox": "2.15.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@3.8.6/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.9.0/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@6.1.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@6.1.2/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/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} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.8.6/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@6.1.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.9.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@6.1.2/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;
@@ -12205,6 +12205,14 @@ const styleSheet = theme => ({
     '& > span': {
       marginLeft: `-${theme.spacing.unit}px`
     }
+  },
+  srOnly: {
+    position: 'absolute',
+    left: '-10000px',
+    top: 'auto',
+    width: '1px',
+    height: '1px',
+    overflow: 'hidden'
   }
 });
 const formStyleSheet = {
@@ -12230,7 +12238,7 @@ const StyledFormControlLabel = styles$b.withStyles(formStyleSheet, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$3,
-    lineNumber: 78
+    lineNumber: 86
   }
 }));
 const colorStyle = (varName, fallback) => ({
@@ -12296,7 +12304,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 128
+      lineNumber: 136
     }
   });
 });
@@ -12329,7 +12337,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 157
+      lineNumber: 165
     }
   });
 });
@@ -12365,6 +12373,7 @@ class ChoiceInput extends React$4.Component {
     super(props);
     this.onToggleChoice = this.onToggleChoice.bind(this);
     this.choiceId = this.generateChoiceId();
+    this.descId = `${this.choiceId}-desc`;
   }
   onToggleChoice(event) {
     this.props.onChange(event);
@@ -12386,7 +12395,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 243
+        lineNumber: 253
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12395,7 +12404,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 255
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12404,7 +12413,50 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 248
+        lineNumber: 258
+      }
+    }));
+    const screenReaderLabel = React$4.createElement('span', {
+      id: this.descId,
+      className: classes.srOnly,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 264
+      }
+    }, choiceMode === 'checkbox' ? 'Checkbox to select the answer below' : 'Radio button to select the answer below');
+    const tagProps = {
+      disabled,
+      checked,
+      correctness,
+      value,
+      id: this.choiceId,
+      onChange: this.onToggleChoice,
+      'aria-describedby': this.descId
+    };
+    const control = isSelectionButtonBelow ? React$4.createElement('span', {
+      className: classes.belowSelectionComponent,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 280
+      }
+    }, screenReaderLabel, React$4.createElement(Tag, {
+      ...tagProps,
+      style: {
+        padding: 0
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 282
+      }
+    }), displayKey ? `${displayKey}.` : '') : React$4.createElement(React$4.Fragment, null, screenReaderLabel, React$4.createElement(Tag, {
+      ...tagProps,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 288
       }
     }));
     return React$4.createElement('div', {
@@ -12412,83 +12464,39 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 252
+        lineNumber: 293
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 253
+        lineNumber: 294
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 254
+        lineNumber: 295
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 255
-      }
-    }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
-      label: choicelabel,
-      value: value,
-      htmlFor: this.choiceId,
-      labelPlacement: 'top',
-      control: React$4.createElement('span', {
-        className: classes.belowSelectionComponent,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$3,
-          lineNumber: 263
-        }
-      }, React$4.createElement(Tag, {
-        disabled: disabled,
-        checked: checked,
-        correctness: correctness,
-        value: value,
-        id: this.choiceId,
-        onChange: this.onToggleChoice,
-        style: {
-          padding: 0
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$3,
-          lineNumber: 264
-        }
-      }), displayKey ? `${displayKey}.` : ''),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 257
+        lineNumber: 296
       }
-    }) : React$4.createElement(StyledFormControlLabel, {
+    }, React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
       value: value,
       htmlFor: this.choiceId,
-      control: React$4.createElement(Tag, {
-        disabled: disabled,
-        checked: checked,
-        correctness: correctness,
-        value: value,
-        id: this.choiceId,
-        onChange: this.onToggleChoice,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$3,
-          lineNumber: 283
-        }
-      }),
+      labelPlacement: isSelectionButtonBelow ? 'top' : undefined,
+      control: control,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 278
+        lineNumber: 297
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12497,7 +12505,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 296
+        lineNumber: 306
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12505,7 +12513,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 297
+        lineNumber: 307
       }
     }));
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/ebsr@10.5.4</title>
+      <title>@pie-element/ebsr@10.5.5</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.5.4",
+  "version": "10.5.5",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "3.8.6"
+      "version": "3.9.0"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "6.1.1"
+      "version": "6.1.2"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/ebsr@10.5.4</title>
+      <title>@pie-element/ebsr@10.5.5</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

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} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.8.6/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@6.1.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.9.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@6.1.2/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;
@@ -12168,6 +12168,14 @@ const styleSheet = theme => ({
     '& > span': {
       marginLeft: `-${theme.spacing.unit}px`
     }
+  },
+  srOnly: {
+    position: 'absolute',
+    left: '-10000px',
+    top: 'auto',
+    width: '1px',
+    height: '1px',
+    overflow: 'hidden'
   }
 });
 const formStyleSheet = {
@@ -12193,7 +12201,7 @@ const StyledFormControlLabel = styles$b.withStyles(formStyleSheet, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$3,
-    lineNumber: 78
+    lineNumber: 86
   }
 }));
 const colorStyle = (varName, fallback) => ({
@@ -12259,7 +12267,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 128
+      lineNumber: 136
     }
   });
 });
@@ -12292,7 +12300,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 157
+      lineNumber: 165
     }
   });
 });
@@ -12328,6 +12336,7 @@ class ChoiceInput extends React$4.Component {
     super(props);
     this.onToggleChoice = this.onToggleChoice.bind(this);
     this.choiceId = this.generateChoiceId();
+    this.descId = `${this.choiceId}-desc`;
   }
   onToggleChoice(event) {
     this.props.onChange(event);
@@ -12349,7 +12358,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 243
+        lineNumber: 253
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12358,7 +12367,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 255
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12367,7 +12376,50 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 248
+        lineNumber: 258
+      }
+    }));
+    const screenReaderLabel = React$4.createElement('span', {
+      id: this.descId,
+      className: classes.srOnly,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 264
+      }
+    }, choiceMode === 'checkbox' ? 'Checkbox to select the answer below' : 'Radio button to select the answer below');
+    const tagProps = {
+      disabled,
+      checked,
+      correctness,
+      value,
+      id: this.choiceId,
+      onChange: this.onToggleChoice,
+      'aria-describedby': this.descId
+    };
+    const control = isSelectionButtonBelow ? React$4.createElement('span', {
+      className: classes.belowSelectionComponent,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 280
+      }
+    }, screenReaderLabel, React$4.createElement(Tag, {
+      ...tagProps,
+      style: {
+        padding: 0
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 282
+      }
+    }), displayKey ? `${displayKey}.` : '') : React$4.createElement(React$4.Fragment, null, screenReaderLabel, React$4.createElement(Tag, {
+      ...tagProps,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$3,
+        lineNumber: 288
       }
     }));
     return React$4.createElement('div', {
@@ -12375,83 +12427,39 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 252
+        lineNumber: 293
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 253
+        lineNumber: 294
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 254
+        lineNumber: 295
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 255
-      }
-    }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
-      label: choicelabel,
-      value: value,
-      htmlFor: this.choiceId,
-      labelPlacement: 'top',
-      control: React$4.createElement('span', {
-        className: classes.belowSelectionComponent,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$3,
-          lineNumber: 263
-        }
-      }, React$4.createElement(Tag, {
-        disabled: disabled,
-        checked: checked,
-        correctness: correctness,
-        value: value,
-        id: this.choiceId,
-        onChange: this.onToggleChoice,
-        style: {
-          padding: 0
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$3,
-          lineNumber: 264
-        }
-      }), displayKey ? `${displayKey}.` : ''),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 257
+        lineNumber: 296
       }
-    }) : React$4.createElement(StyledFormControlLabel, {
+    }, React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
       value: value,
       htmlFor: this.choiceId,
-      control: React$4.createElement(Tag, {
-        disabled: disabled,
-        checked: checked,
-        correctness: correctness,
-        value: value,
-        id: this.choiceId,
-        onChange: this.onToggleChoice,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$3,
-          lineNumber: 283
-        }
-      }),
+      labelPlacement: isSelectionButtonBelow ? 'top' : undefined,
+      control: control,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 278
+        lineNumber: 297
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12460,7 +12468,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 296
+        lineNumber: 306
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12468,7 +12476,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 297
+        lineNumber: 307
       }
     }));
   }

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.5.5",
+  "version": "10.5.6-next.12+86ecdd035",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.15.5",
+    "@pie-element/multiple-choice": "^9.15.6-next.12+86ecdd035",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.14.6",
+    "@pie-lib/pie-toolbox": "2.15.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "7783308623c7a51403a509d3118e68b6a8594626",
+  "gitHead": "86ecdd035c8bf5332a29dbd92434a0aeb1de19a8",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },