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

package/module/element.js

@@ -12265,7 +12265,7 @@ const inputStyles = {
   }
 };
 const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
-  const {correctness, classes, checked, onChange, disabled, accessibility, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12280,7 +12280,6 @@ 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,
@@ -12299,7 +12298,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
   });
 });
 const StyledRadio = styles$b.withStyles(inputStyles)(props => {
-  const {correctness, classes, checked, onChange, disabled, accessibility, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12314,7 +12313,6 @@ 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,
@@ -12328,7 +12326,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 154
+      lineNumber: 153
     }
   });
 });
@@ -12343,7 +12341,6 @@ 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,
@@ -12357,7 +12354,6 @@ class ChoiceInput extends React$4.Component {
   static __initStatic2() {
     this.defaultProps = {
       rationale: null,
-      accessibility: null,
       checked: false,
       isEvaluateMode: false
     };
@@ -12374,7 +12370,7 @@ class ChoiceInput extends React$4.Component {
     return 'choice-' + (Math.random() * 10000).toFixed();
   }
   render() {
-    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, accessibility, hideTick, isEvaluateMode, choicesLayout, value, checked, isSelectionButtonBelow} = this.props;
+    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, 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, {
@@ -12387,7 +12383,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 240
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12396,7 +12392,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 247
+        lineNumber: 242
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12405,7 +12401,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 250
+        lineNumber: 245
       }
     }));
     return React$4.createElement('div', {
@@ -12413,28 +12409,28 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 256
+        lineNumber: 251
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 257
+        lineNumber: 252
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 258
+        lineNumber: 253
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 259
+        lineNumber: 254
       }
     }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12446,10 +12442,9 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 267
+          lineNumber: 262
         }
       }, React$4.createElement(Tag, {
-        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12462,20 +12457,19 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 268
+          lineNumber: 263
         }
       }), displayKey, "."),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 261
+        lineNumber: 256
       }
     }) : React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
       value: value,
       htmlFor: this.choiceId,
       control: React$4.createElement(Tag, {
-        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12485,13 +12479,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 288
+          lineNumber: 282
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 283
+        lineNumber: 277
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12500,7 +12494,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 302
+        lineNumber: 295
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12508,7 +12502,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 303
+        lineNumber: 296
       }
     }));
   }
@@ -13126,6 +13120,7 @@ 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, accessibility, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12243,7 +12243,6 @@ 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,
@@ -12262,7 +12261,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
   });
 });
 const StyledRadio = styles$b.withStyles(inputStyles)(props => {
-  const {correctness, classes, checked, onChange, disabled, accessibility, value, id} = props;
+  const {correctness, classes, checked, onChange, disabled, value, id} = props;
   const key = k => correctness ? `${correctness}-${k}` : k;
   const resolved = {
     root: classes[key('root')],
@@ -12277,7 +12276,6 @@ 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,
@@ -12291,7 +12289,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 154
+      lineNumber: 153
     }
   });
 });
@@ -12306,7 +12304,6 @@ 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,
@@ -12320,7 +12317,6 @@ class ChoiceInput extends React$4.Component {
   static __initStatic2() {
     this.defaultProps = {
       rationale: null,
-      accessibility: null,
       checked: false,
       isEvaluateMode: false
     };
@@ -12337,7 +12333,7 @@ class ChoiceInput extends React$4.Component {
     return 'choice-' + (Math.random() * 10000).toFixed();
   }
   render() {
-    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, accessibility, hideTick, isEvaluateMode, choicesLayout, value, checked, isSelectionButtonBelow} = this.props;
+    const {choiceMode, disabled, displayKey, feedback, label, correctness, classes, className, rationale, 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, {
@@ -12350,7 +12346,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 240
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12359,7 +12355,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 247
+        lineNumber: 242
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12368,7 +12364,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 250
+        lineNumber: 245
       }
     }));
     return React$4.createElement('div', {
@@ -12376,28 +12372,28 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 256
+        lineNumber: 251
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 257
+        lineNumber: 252
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 258
+        lineNumber: 253
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 259
+        lineNumber: 254
       }
     }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12409,10 +12405,9 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 267
+          lineNumber: 262
         }
       }, React$4.createElement(Tag, {
-        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12425,20 +12420,19 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 268
+          lineNumber: 263
         }
       }), displayKey, "."),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 261
+        lineNumber: 256
       }
     }) : React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
       value: value,
       htmlFor: this.choiceId,
       control: React$4.createElement(Tag, {
-        accessibility: accessibility,
         disabled: disabled,
         checked: checked,
         correctness: correctness,
@@ -12448,13 +12442,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 288
+          lineNumber: 282
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 283
+        lineNumber: 277
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12463,7 +12457,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 302
+        lineNumber: 295
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12471,7 +12465,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 303
+        lineNumber: 296
       }
     }));
   }
@@ -13089,6 +13083,7 @@ 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.2+8bf39dfb9",
+  "version": "10.2.7-next.23+61d1667c0",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.6.1-next.2+8bf39dfb9",
+    "@pie-element/multiple-choice": "^9.6.1-next.23+61d1667c0",
     "@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": "8bf39dfb9d1e4bfef4c4203cc055f72486fb0f11",
+  "gitHead": "61d1667c0fef5739f3ff88828f52468f8bdcf7e2",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },