@pie-element/ebsr 10.2.7-next.18 → 10.2.7-next.2

package/module/element.js

@@ -12265,7 +12265,7 @@ const inputStyles = {
   }
 };
 const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
-  const {correctness, classes, checked, onChange, disabled, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, accessibility, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12280,6 +12280,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
   };
   return React$4.createElement(Checkbox, {
     id: id,
+    'aria-label': accessibility,
     'aria-checked': checked,
     focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
     disableRipple: true,
@@ -12298,7 +12299,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
   });
 });
 const StyledRadio = styles$b.withStyles(inputStyles)(props => {
-  const {correctness, classes, checked, onChange, disabled, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, accessibility, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12313,6 +12314,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
   };
   return React$4.createElement(Radio, {
     id: id,
+    'aria-label': accessibility,
     'aria-checked': checked,
     focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
     disableRipple: true,
@@ -12326,7 +12328,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 153
+      lineNumber: 154
     }
   });
 });
@@ -12341,6 +12343,7 @@ class ChoiceInput extends React$4.Component {
       feedback: PropTypes$3.string,
       label: PropTypes$3.string.isRequired,
       rationale: PropTypes$3.string,
+      accessibility: PropTypes$3.string,
       onChange: PropTypes$3.func.isRequired,
       value: PropTypes$3.string.isRequired,
       classes: PropTypes$3.object,
@@ -12354,6 +12357,7 @@ class ChoiceInput extends React$4.Component {
   static __initStatic2() {
     this.defaultProps = {
       rationale: null,
+      accessibility: null,
       checked: false,
       isEvaluateMode: false
     };
@@ -12370,7 +12374,7 @@ class ChoiceInput extends React$4.Component {
     return 'choice-' + (Math.random() * 10000).toFixed();
   }
   render() {
-    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, hideTick, isEvaluateMode, choicesLayout, value, checked, isSelectionButtonBelow} = this.props;
+    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, accessibility, hideTick, isEvaluateMode, choicesLayout, value, checked, isSelectionButtonBelow} = this.props;
     const Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;
     const classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';
     const holderClassNames = classNames$2(classes.checkboxHolder, {
@@ -12383,7 +12387,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 240
+        lineNumber: 245
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12392,7 +12396,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 242
+        lineNumber: 247
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12401,7 +12405,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 250
       }
     }));
     return React$4.createElement('div', {
@@ -12409,28 +12413,28 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 251
+        lineNumber: 256
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 252
+        lineNumber: 257
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 253
+        lineNumber: 258
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 254
+        lineNumber: 259
       }
     }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12442,9 +12446,10 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 262
+          lineNumber: 267
         }
       }, React$4.createElement(Tag, {
+        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12457,19 +12462,20 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 263
+          lineNumber: 268
         }
       }), displayKey, "."),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 256
+        lineNumber: 261
       }
     }) : React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
       value: value,
       htmlFor: this.choiceId,
       control: React$4.createElement(Tag, {
+        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12479,13 +12485,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 282
+          lineNumber: 288
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 277
+        lineNumber: 283
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12494,7 +12500,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 295
+        lineNumber: 302
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12502,7 +12508,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 296
+        lineNumber: 303
       }
     }));
   }
@@ -13120,7 +13126,6 @@ class MultipleChoice extends HTMLElement {
       trailing: true
     });
     this._dispatchResponseChanged = debounce(() => {
-      console.log('>> dispatch event');
       var event = new CustomEvent('session-changed', {
         bubbles: true,
         composed: true,

package/module/print.js

@@ -12228,7 +12228,7 @@ const inputStyles = {
   }
 };
 const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
-  const {correctness, classes, checked, onChange, disabled, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, accessibility, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12243,6 +12243,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
   };
   return React$4.createElement(Checkbox, {
     id: id,
+    'aria-label': accessibility,
     'aria-checked': checked,
     focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
     disableRipple: true,
@@ -12261,7 +12262,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
   });
 });
 const StyledRadio = styles$b.withStyles(inputStyles)(props => {
-  const {correctness, classes, checked, onChange, disabled, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, accessibility, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12276,6 +12277,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
   };
   return React$4.createElement(Radio, {
     id: id,
+    'aria-label': accessibility,
     'aria-checked': checked,
     focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
     disableRipple: true,
@@ -12289,7 +12291,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 153
+      lineNumber: 154
     }
   });
 });
@@ -12304,6 +12306,7 @@ class ChoiceInput extends React$4.Component {
       feedback: PropTypes$3.string,
       label: PropTypes$3.string.isRequired,
       rationale: PropTypes$3.string,
+      accessibility: PropTypes$3.string,
       onChange: PropTypes$3.func.isRequired,
       value: PropTypes$3.string.isRequired,
       classes: PropTypes$3.object,
@@ -12317,6 +12320,7 @@ class ChoiceInput extends React$4.Component {
   static __initStatic2() {
     this.defaultProps = {
       rationale: null,
+      accessibility: null,
       checked: false,
       isEvaluateMode: false
     };
@@ -12333,7 +12337,7 @@ class ChoiceInput extends React$4.Component {
     return 'choice-' + (Math.random() * 10000).toFixed();
   }
   render() {
-    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, hideTick, isEvaluateMode, choicesLayout, value, checked, isSelectionButtonBelow} = this.props;
+    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, accessibility, hideTick, isEvaluateMode, choicesLayout, value, checked, isSelectionButtonBelow} = this.props;
     const Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;
     const classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';
     const holderClassNames = classNames$2(classes.checkboxHolder, {
@@ -12346,7 +12350,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 240
+        lineNumber: 245
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12355,7 +12359,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 242
+        lineNumber: 247
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12364,7 +12368,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 250
       }
     }));
     return React$4.createElement('div', {
@@ -12372,28 +12376,28 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 251
+        lineNumber: 256
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 252
+        lineNumber: 257
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 253
+        lineNumber: 258
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 254
+        lineNumber: 259
       }
     }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12405,9 +12409,10 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 262
+          lineNumber: 267
         }
       }, React$4.createElement(Tag, {
+        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12420,19 +12425,20 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 263
+          lineNumber: 268
         }
       }), displayKey, "."),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 256
+        lineNumber: 261
       }
     }) : React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
       value: value,
       htmlFor: this.choiceId,
       control: React$4.createElement(Tag, {
+        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12442,13 +12448,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 282
+          lineNumber: 288
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 277
+        lineNumber: 283
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12457,7 +12463,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 295
+        lineNumber: 302
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12465,7 +12471,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 296
+        lineNumber: 303
       }
     }));
   }
@@ -13083,7 +13089,6 @@ class MultipleChoice extends HTMLElement {
       trailing: true
     });
     this._dispatchResponseChanged = debounce(() => {
-      console.log('>> dispatch event');
       var event = new CustomEvent('session-changed', {
         bubbles: true,
         composed: true,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.2.7-next.18+534db0ae0",
+  "version": "10.2.7-next.2+8bf39dfb9",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.6.1-next.18+534db0ae0",
+    "@pie-element/multiple-choice": "^9.6.1-next.2+8bf39dfb9",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/pie-toolbox": "2.5.0",
     "classnames": "^2.2.5",
@@ -16,7 +16,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "534db0ae0914e73fbc7d8db6a0071948d02094f9",
+  "gitHead": "8bf39dfb9d1e4bfef4c4203cc055f72486fb0f11",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },