@pie-element/multiple-choice 9.6.1-next.2 → 9.6.1-next.21

package/module/element.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/module/print-demo.js

@@ -16,7 +16,6 @@ generate.model = (id, element) => ({
         type: 'none',
         value: '',
       },
-      accessibility: 'sweden',
     },
     {
       value: 'iceland',
@@ -26,7 +25,6 @@ generate.model = (id, element) => ({
         value: '',
       },
       rationale: 'Rationale for Iceland',
-      accessibility: 'iceland',
     },
     {
       value: 'norway',
@@ -36,7 +34,6 @@ generate.model = (id, element) => ({
         value: '',
       },
       rationale: 'Rationale for Norway',
-      accessibility: 'norway',
     },
     {
       correct: true,
@@ -47,7 +44,6 @@ generate.model = (id, element) => ({
         value: '',
       },
       rationale: 'Rationale for Finland',
-      accessibility: 'finland',
     },
   ],
   extraCSSRules: {

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
       }
     }));
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "9.6.1-next.2+8bf39dfb9",
+  "version": "9.6.1-next.21+837b4e8e1",
   "publishConfig": {
     "access": "public"
   },
@@ -18,7 +18,7 @@
     "react-test-renderer": "^16.3.2",
     "react-transition-group": "^2.3.1"
   },
-  "gitHead": "8bf39dfb9d1e4bfef4c4203cc055f72486fb0f11",
+  "gitHead": "837b4e8e1e6d4b6a54b76883d0a5db30c0c27309",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },