@pie-element/multiple-choice 8.14.0 → 8.14.1-next.1

package/lib/multiple-choice.js

@@ -1,359 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.MultipleChoice = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _correctAnswerToggle = require("@pie-lib/pie-toolbox/correct-answer-toggle");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
-
-var _choice = _interopRequireDefault(require("./choice"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-// MultipleChoice
-var styles = function styles(theme) {
-  return {
-    main: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      '& *': {
-        '-webkit-font-smoothing': 'antialiased'
-      }
-    },
-    partLabel: {
-      display: 'block',
-      fontSize: 'inherit',
-      margin: '0',
-      fontWeight: 'normal',
-      paddingBottom: theme.spacing.unit * 2
-    },
-    teacherInstructions: {
-      marginBottom: theme.spacing.unit * 2
-    },
-    horizontalLayout: {
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    },
-    gridLayout: {
-      display: 'grid'
-    },
-    fieldset: {
-      border: '0px',
-      padding: '0.01em 0 0 0',
-      margin: '0px',
-      minWidth: '0px'
-    },
-    srOnly: {
-      position: 'absolute',
-      left: '-10000px',
-      top: 'auto',
-      width: '1px',
-      height: '1px',
-      overflow: 'hidden'
-    }
-  };
-};
-
-var MultipleChoice = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(MultipleChoice, _React$Component);
-
-  var _super = _createSuper(MultipleChoice);
-
-  function MultipleChoice(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, MultipleChoice);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event) {
-      var target = event.target;
-
-      _this.setState({
-        selectedValue: target.value
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChangeCheckboxes", function (event) {
-      var _event$target = event.target,
-          value = _event$target.value,
-          checked = _event$target.checked;
-
-      _this.setState(function (prevState) {
-        var selectedValues = (0, _toConsumableArray2["default"])(prevState.selectedValues);
-
-        if (checked) {
-          selectedValues.push(value);
-        } else {
-          selectedValues = selectedValues.filter(function (currentValue) {
-            return currentValue !== value;
-          });
-        }
-
-        return {
-          selectedValues: selectedValues
-        };
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getCorrectness", function () {
-      var choice = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var isCorrect = choice.correct;
-
-      var isChecked = _this.isSelected(choice.value);
-
-      if (_this.state.showCorrect) {
-        return isCorrect ? 'correct' : undefined;
-      }
-
-      if (isCorrect) {
-        if (isChecked) {
-          // A correct answer is selected: marked with a green checkmark
-          return 'correct';
-        } else {
-          // A correct answer is NOT selected: marked with an orange X
-          return 'incorrect';
-        }
-      } else {
-        if (isChecked) {
-          // An incorrect answer is selected: marked with an orange X
-          return 'incorrect';
-        } else {
-          // An incorrect answer is NOT selected: not marked
-          return undefined;
-        }
-      }
-    });
-    _this.state = {
-      selectedValue: null,
-      selectedValues: [],
-      showCorrect: _this.props.alwaysShowCorrect || false
-    };
-    _this.onToggle = _this.onToggle.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  (0, _createClass2["default"])(MultipleChoice, [{
-    key: "isSelected",
-    value: function isSelected(value) {
-      var sessionValue = this.props.session && this.props.session.value;
-      return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;
-    } // handleChange and handleChangeCheckboxes functions were added for accessibility. Please see comments and videos from PD-2441. They should only be removed if a better solution is found.
-
-  }, {
-    key: "onToggle",
-    value: function onToggle() {
-      if (this.props.mode === 'evaluate') {
-        this.setState({
-          showCorrect: !this.state.showCorrect
-        });
-      }
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (!nextProps.correctResponse) {
-        this.setState({
-          showCorrect: false
-        });
-      }
-
-      if (nextProps.alwaysShowCorrect) {
-        this.setState({
-          showCorrect: true
-        });
-      }
-    }
-  }, {
-    key: "indexToSymbol",
-    value: function indexToSymbol(index) {
-      if (this.props.keyMode === 'numbers') {
-        return "".concat(index + 1);
-      }
-
-      if (this.props.keyMode === 'letters') {
-        return String.fromCharCode(97 + index).toUpperCase();
-      }
-
-      return '';
-    }
-  }, {
-    key: "getChecked",
-    value: function getChecked(choice) {
-      if (this.state.showCorrect) {
-        return choice.correct || false;
-      }
-
-      if (this.isSelected(choice.value)) {
-        return true;
-      }
-
-      return this.props.choiceMode === 'radio' ? this.state.selectedValue === choice.value : this.state.selectedValues.includes(choice.value);
-    } // renderHeading function was added for accessibility.
-
-  }, {
-    key: "renderHeading",
-    value: function renderHeading() {
-      var _this$props = this.props,
-          mode = _this$props.mode,
-          choiceMode = _this$props.choiceMode,
-          classes = _this$props.classes;
-
-      if (mode !== 'gather') {
-        return null;
-      }
-
-      return choiceMode === 'radio' ? /*#__PURE__*/_react["default"].createElement("h2", {
-        className: classes.srOnly
-      }, "Multiple Choice Question") : /*#__PURE__*/_react["default"].createElement("h2", {
-        className: classes.srOnly
-      }, "Multiple Select Question");
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _this2 = this;
-
-      var _this$props2 = this.props,
-          mode = _this$props2.mode,
-          disabled = _this$props2.disabled,
-          className = _this$props2.className,
-          _this$props2$choices = _this$props2.choices,
-          choices = _this$props2$choices === void 0 ? [] : _this$props2$choices,
-          choiceMode = _this$props2.choiceMode,
-          gridColumns = _this$props2.gridColumns,
-          partLabel = _this$props2.partLabel,
-          prompt = _this$props2.prompt,
-          onChoiceChanged = _this$props2.onChoiceChanged,
-          responseCorrect = _this$props2.responseCorrect,
-          teacherInstructions = _this$props2.teacherInstructions,
-          classes = _this$props2.classes,
-          alwaysShowCorrect = _this$props2.alwaysShowCorrect,
-          animationsDisabled = _this$props2.animationsDisabled,
-          language = _this$props2.language;
-      var showCorrect = this.state.showCorrect;
-      var isEvaluateMode = mode === 'evaluate';
-      var showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;
-      var columnsStyle = gridColumns > 1 ? {
-        gridTemplateColumns: "repeat(".concat(gridColumns, ", 1fr)")
-      } : undefined;
-
-      var teacherInstructionsDiv = /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        tagName: "div",
-        className: "prompt",
-        defaultClassName: "teacher-instructions",
-        prompt: teacherInstructions
-      });
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.main, className, 'multiple-choice')
-      }, partLabel && /*#__PURE__*/_react["default"].createElement("h3", {
-        className: classes.partLabel
-      }, partLabel), this.renderHeading(), teacherInstructions && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.teacherInstructions
-      }, !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Teacher Instructions',
-          visible: 'Hide Teacher Instructions'
-        }
-      }, teacherInstructionsDiv) : teacherInstructionsDiv), /*#__PURE__*/_react["default"].createElement("fieldset", {
-        className: classes.fieldset
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        className: "prompt",
-        defaultClassName: "prompt",
-        prompt: prompt,
-        tagName: 'legend'
-      }), !alwaysShowCorrect && /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle.CorrectAnswerToggle, {
-        show: showCorrectAnswerToggle,
-        toggled: showCorrect,
-        onToggle: this.onToggle.bind(this),
-        language: language
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.gridLayout, this.props.choicesLayout === 'grid'), (0, _defineProperty2["default"])(_classNames, classes.horizontalLayout, this.props.choicesLayout === 'horizontal'), _classNames)),
-        style: columnsStyle
-      }, choices.map(function (choice, index) {
-        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
-          choicesLayout: _this2.props.choicesLayout,
-          gridColumns: gridColumns,
-          key: "choice-".concat(index),
-          choice: choice,
-          index: index,
-          choicesLength: choices.length,
-          showCorrect: showCorrect,
-          isEvaluateMode: isEvaluateMode,
-          choiceMode: choiceMode,
-          disabled: disabled,
-          updateSession: onChoiceChanged,
-          onChoiceChanged: _this2.props.choiceMode === 'radio' ? _this2.handleChange : _this2.handleChangeCheckboxes,
-          hideTick: choice.hideTick,
-          checked: _this2.getChecked(choice),
-          correctness: isEvaluateMode ? _this2.getCorrectness(choice) : undefined,
-          displayKey: _this2.indexToSymbol(index)
-        });
-      }))));
-    }
-  }]);
-  return MultipleChoice;
-}(_react["default"].Component);
-
-exports.MultipleChoice = MultipleChoice;
-(0, _defineProperty2["default"])(MultipleChoice, "propTypes", {
-  className: _propTypes["default"].string,
-  mode: _propTypes["default"].oneOf(['gather', 'view', 'evaluate']),
-  choiceMode: _propTypes["default"].oneOf(['radio', 'checkbox']),
-  keyMode: _propTypes["default"].oneOf(['numbers', 'letters', 'none']),
-  choices: _propTypes["default"].array,
-  partLabel: _propTypes["default"].string,
-  prompt: _propTypes["default"].string,
-  teacherInstructions: _propTypes["default"].string,
-  session: _propTypes["default"].object,
-  disabled: _propTypes["default"].bool,
-  onChoiceChanged: _propTypes["default"].func,
-  responseCorrect: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
-  correctResponse: _propTypes["default"].array,
-  choicesLayout: _propTypes["default"].oneOf(['vertical', 'grid', 'horizontal']),
-  gridColumns: _propTypes["default"].string,
-  alwaysShowCorrect: _propTypes["default"].bool,
-  animationsDisabled: _propTypes["default"].bool,
-  language: _propTypes["default"].string
-});
-MultipleChoice.defaultProps = {
-  session: {
-    value: []
-  }
-};
-
-var _default = (0, _styles.withStyles)(styles)(MultipleChoice);
-
-exports["default"] = _default;
-//# sourceMappingURL=multiple-choice.js.map

package/lib/multiple-choice.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/multiple-choice.jsx"],"names":["styles","theme","main","color","text","backgroundColor","background","partLabel","display","fontSize","margin","fontWeight","paddingBottom","spacing","unit","teacherInstructions","marginBottom","horizontalLayout","flexDirection","flexWrap","gridLayout","fieldset","border","padding","minWidth","srOnly","position","left","top","width","height","overflow","MultipleChoice","props","event","target","setState","selectedValue","value","checked","prevState","selectedValues","push","filter","currentValue","choice","isCorrect","correct","isChecked","isSelected","state","showCorrect","undefined","alwaysShowCorrect","onToggle","bind","sessionValue","session","indexOf","mode","nextProps","correctResponse","index","keyMode","String","fromCharCode","toUpperCase","choiceMode","includes","classes","disabled","className","choices","gridColumns","prompt","onChoiceChanged","responseCorrect","animationsDisabled","language","isEvaluateMode","showCorrectAnswerToggle","columnsStyle","gridTemplateColumns","teacherInstructionsDiv","renderHeading","hidden","visible","choicesLayout","map","length","handleChange","handleChangeCheckboxes","hideTick","getChecked","getCorrectness","indexToSymbol","React","Component","PropTypes","string","oneOf","array","object","bool","func","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {CorrectAnswerToggle} from '@pie-lib/pie-toolbox/correct-answer-toggle';\nimport classNames from 'classnames';\nimport {withStyles} from '@material-ui/core/styles';\nimport {color, Collapsible, PreviewPrompt} from '@pie-lib/pie-toolbox/render-ui';\nimport StyledChoice from './choice';\n\n// MultipleChoice\n\nconst styles = (theme) => ({\n    main: {\n        color: color.text(),\n        backgroundColor: color.background(),\n        '& *': {\n            '-webkit-font-smoothing': 'antialiased',\n        },\n    },\n    partLabel: {\n        display: 'block',\n        fontSize: 'inherit',\n        margin: '0',\n        fontWeight: 'normal',\n        paddingBottom: theme.spacing.unit * 2,\n    },\n    teacherInstructions: {\n        marginBottom: theme.spacing.unit * 2,\n    },\n    horizontalLayout: {\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n    },\n    gridLayout: {\n        display: 'grid',\n    },\n    fieldset: {\n        border: '0px',\n        padding: '0.01em 0 0 0',\n        margin: '0px',\n        minWidth: '0px',\n    },\n    srOnly: {\n        position: 'absolute',\n        left: '-10000px',\n        top: 'auto',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden',\n    },\n});\n\nexport class MultipleChoice extends React.Component {\n    static propTypes = {\n        className: PropTypes.string,\n        mode: PropTypes.oneOf(['gather', 'view', 'evaluate']),\n        choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n        keyMode: PropTypes.oneOf(['numbers', 'letters', 'none']),\n        choices: PropTypes.array,\n        partLabel: PropTypes.string,\n        prompt: PropTypes.string,\n        teacherInstructions: PropTypes.string,\n        session: PropTypes.object,\n        disabled: PropTypes.bool,\n        onChoiceChanged: PropTypes.func,\n        responseCorrect: PropTypes.bool,\n        classes: PropTypes.object.isRequired,\n        correctResponse: PropTypes.array,\n        choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n        gridColumns: PropTypes.string,\n        alwaysShowCorrect: PropTypes.bool,\n        animationsDisabled: PropTypes.bool,\n        language: PropTypes.string,\n    };\n\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            selectedValue: null,\n            selectedValues: [],\n            showCorrect: this.props.alwaysShowCorrect || false,\n        };\n\n        this.onToggle = this.onToggle.bind(this);\n    }\n\n    isSelected(value) {\n        const sessionValue = this.props.session && this.props.session.value;\n\n        return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;\n    }\n\n    // handleChange and handleChangeCheckboxes functions were added for accessibility. Please see comments and videos from PD-2441. They should only be removed if a better solution is found.\n    handleChange = (event) => {\n        const target = event.target;\n\n        this.setState({selectedValue: target.value});\n    };\n\n    handleChangeCheckboxes = (event) => {\n        const {value, checked} = event.target;\n\n        this.setState((prevState) => {\n            let selectedValues = [...prevState.selectedValues];\n\n            if (checked) {\n                selectedValues.push(value);\n            } else {\n                selectedValues = selectedValues.filter((currentValue) => currentValue !== value);\n            }\n\n            return {selectedValues};\n        });\n    };\n\n    onToggle() {\n        if (this.props.mode === 'evaluate') {\n            this.setState({showCorrect: !this.state.showCorrect});\n        }\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps) {\n        if (!nextProps.correctResponse) {\n            this.setState({showCorrect: false});\n        }\n\n        if (nextProps.alwaysShowCorrect) {\n            this.setState({showCorrect: true});\n        }\n    }\n\n    indexToSymbol(index) {\n        if (this.props.keyMode === 'numbers') {\n            return `${index + 1}`;\n        }\n\n        if (this.props.keyMode === 'letters') {\n            return String.fromCharCode(97 + index).toUpperCase();\n        }\n\n        return '';\n    }\n\n    getCorrectness = (choice = {}) => {\n        const isCorrect = choice.correct;\n        const isChecked = this.isSelected(choice.value);\n\n        if (this.state.showCorrect) {\n            return isCorrect ? 'correct' : undefined;\n        }\n\n        if (isCorrect) {\n            if (isChecked) {\n                // A correct answer is selected: marked with a green checkmark\n                return 'correct';\n            } else {\n                // A correct answer is NOT selected: marked with an orange X\n                return 'incorrect';\n            }\n        } else {\n            if (isChecked) {\n                // An incorrect answer is selected: marked with an orange X\n                return 'incorrect';\n            } else {\n                // An incorrect answer is NOT selected: not marked\n                return undefined;\n            }\n        }\n    };\n\n    getChecked(choice) {\n        if (this.state.showCorrect) {\n            return choice.correct || false;\n        }\n\n        if (this.isSelected(choice.value)) {\n            return true;\n        }\n\n        return this.props.choiceMode === 'radio'\n            ? this.state.selectedValue === choice.value\n            : this.state.selectedValues.includes(choice.value);\n    }\n\n    // renderHeading function was added for accessibility.\n    renderHeading() {\n        const {mode, choiceMode, classes} = this.props;\n\n        if (mode !== 'gather') {\n            return null;\n        }\n\n        return choiceMode === 'radio' ? (\n            <h2 className={classes.srOnly}>Multiple Choice Question</h2>\n        ) : (\n            <h2 className={classes.srOnly}>Multiple Select Question</h2>\n        );\n    }\n\n    render() {\n        const {\n            mode,\n            disabled,\n            className,\n            choices = [],\n            choiceMode,\n            gridColumns,\n            partLabel,\n            prompt,\n            onChoiceChanged,\n            responseCorrect,\n            teacherInstructions,\n            classes,\n            alwaysShowCorrect,\n            animationsDisabled,\n            language\n        } = this.props;\n        const {showCorrect} = this.state;\n        const isEvaluateMode = mode === 'evaluate';\n        const showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;\n        const columnsStyle = gridColumns > 1 ? {gridTemplateColumns: `repeat(${gridColumns}, 1fr)`} : undefined;\n\n        const teacherInstructionsDiv = (\n            <PreviewPrompt\n                tagName=\"div\"\n                className=\"prompt\"\n                defaultClassName=\"teacher-instructions\"\n                prompt={teacherInstructions}\n            />\n        );\n\n        return (\n            <div className={classNames(classes.main, className, 'multiple-choice')}>\n                {partLabel && <h3 className={classes.partLabel}>{partLabel}</h3>}\n\n                {this.renderHeading()}\n\n                {teacherInstructions && (\n                    <div className={classes.teacherInstructions}>\n                        {!animationsDisabled ? (\n                            <Collapsible\n                                labels={{\n                                    hidden: 'Show Teacher Instructions',\n                                    visible: 'Hide Teacher Instructions',\n                                }}\n                            >\n                                {teacherInstructionsDiv}\n                            </Collapsible>\n                        ) : (\n                            teacherInstructionsDiv\n                        )}\n                    </div>\n                )}\n\n                <fieldset className={classes.fieldset}>\n                    <PreviewPrompt className=\"prompt\" defaultClassName=\"prompt\" prompt={prompt} tagName={'legend'}/>\n\n                    {!alwaysShowCorrect && (\n                        <CorrectAnswerToggle\n                            show={showCorrectAnswerToggle}\n                            toggled={showCorrect}\n                            onToggle={this.onToggle.bind(this)}\n                            language={language}\n                        />\n                    )}\n\n                    <div\n                        className={classNames({\n                            [classes.gridLayout]: this.props.choicesLayout === 'grid',\n                            [classes.horizontalLayout]: this.props.choicesLayout === 'horizontal',\n                        })}\n                        style={columnsStyle}\n                    >\n                        {choices.map((choice, index) => (\n                            <StyledChoice\n                                choicesLayout={this.props.choicesLayout}\n                                gridColumns={gridColumns}\n                                key={`choice-${index}`}\n                                choice={choice}\n                                index={index}\n                                choicesLength={choices.length}\n                                showCorrect={showCorrect}\n                                isEvaluateMode={isEvaluateMode}\n                                choiceMode={choiceMode}\n                                disabled={disabled}\n                                updateSession={onChoiceChanged}\n                                onChoiceChanged={this.props.choiceMode === 'radio' ? this.handleChange : this.handleChangeCheckboxes}\n                                hideTick={choice.hideTick}\n                                checked={this.getChecked(choice)}\n                                correctness={isEvaluateMode ? this.getCorrectness(choice) : undefined}\n                                displayKey={this.indexToSymbol(index)}\n                            />\n                        ))}\n                    </div>\n                </fieldset>\n            </div>\n        );\n    }\n}\n\nMultipleChoice.defaultProps = {\n    session: {\n        value: [],\n    },\n};\n\nexport default withStyles(styles)(MultipleChoice);\n"],"file":"multiple-choice.js"}

package/lib/print.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _main = _interopRequireDefault(require("./main"));
-
-var _mathRenderingAccessible = require("@pie-lib/pie-toolbox/math-rendering-accessible");
-
-var _debug = _interopRequireDefault(require("debug"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var log = (0, _debug["default"])('pie-element:multiple-choice:print');
-/**
- * Live in same package as main element - so we can access some of the shared comps!
- *
- * - update pslb to build print if src/print.js is there
- * - update demo el
- * - get configure/controller building
- */
-
-var preparePrintModel = function preparePrintModel(model, opts) {
-  var instr = opts.role === 'instructor';
-  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
-  model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
-  model.showTeacherInstructions = instr;
-  model.alwaysShowCorrect = instr;
-  model.mode = instr ? 'evaluate' : model.mode;
-  model.disabled = true;
-  model.animationsDisabled = true;
-  model.lockChoiceOrder = true;
-  model.choicesLayout = model.choicesLayout || 'vertical';
-  var choices = (0, _cloneDeep["default"])(model.choices);
-  model.choices = choices.map(function (c) {
-    c.rationale = instr && model.rationaleEnabled !== false ? c.rationale : undefined;
-    c.hideTick = instr;
-    c.feedback = undefined;
-    return c;
-  });
-  model.keyMode = model.choicePrefix || 'letters';
-  return model;
-};
-
-var MultipleChoicePrint = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(MultipleChoicePrint, _HTMLElement);
-
-  var _super = _createSuper(MultipleChoicePrint);
-
-  function MultipleChoicePrint() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, MultipleChoicePrint);
-    _this = _super.call(this);
-    _this._options = null;
-    _this._model = null;
-    _this._session = [];
-    _this._rerender = (0, _debounce["default"])(function () {
-      if (_this._model && _this._session) {
-        var printModel = preparePrintModel(_this._model, _this._options);
-
-        var element = _this._options && /*#__PURE__*/_react["default"].createElement(_main["default"], {
-          model: printModel,
-          session: {}
-        });
-
-        _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
-          log('render complete - render math');
-          (0, _mathRenderingAccessible.renderMath)((0, _assertThisInitialized2["default"])(_this));
-        });
-      } else {
-        log('skip');
-      }
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(MultipleChoicePrint, [{
-    key: "options",
-    set: function set(o) {
-      this._options = o;
-    }
-  }, {
-    key: "model",
-    set: function set(s) {
-      this._model = s;
-
-      this._rerender();
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {}
-  }]);
-  return MultipleChoicePrint;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = MultipleChoicePrint;
-//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/print.js"],"names":["log","preparePrintModel","model","opts","instr","role","prompt","promptEnabled","undefined","teacherInstructions","teacherInstructionsEnabled","showTeacherInstructions","alwaysShowCorrect","mode","disabled","animationsDisabled","lockChoiceOrder","choicesLayout","choices","map","c","rationale","rationaleEnabled","hideTick","feedback","keyMode","choicePrefix","MultipleChoicePrint","_options","_model","_session","_rerender","printModel","element","React","createElement","Main","session","ReactDOM","render","leading","trailing","o","s","HTMLElement"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport cloneDeep from 'lodash/cloneDeep';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport debug from 'debug';\n\nconst log = debug('pie-element:multiple-choice:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.lockChoiceOrder = true;\n  model.choicesLayout = model.choicesLayout || 'vertical';\n\n  const choices = cloneDeep(model.choices);\n\n  model.choices = choices.map((c) => {\n    c.rationale = instr && model.rationaleEnabled !== false ? c.rationale : undefined;\n    c.hideTick = instr;\n    c.feedback = undefined;\n    return c;\n  });\n\n  model.keyMode = model.choicePrefix || 'letters';\n\n  return model;\n};\n\nexport default class MultipleChoicePrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: {},\n            });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n}\n"],"file":"print.js"}

package/lib/session-updater.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateSessionValue = updateSessionValue;
-
-var _concat = _interopRequireDefault(require("lodash/concat"));
-
-var _uniq = _interopRequireDefault(require("lodash/uniq"));
-
-var _without = _interopRequireDefault(require("lodash/without"));
-
-function updateSessionValue(session, choiceMode, data) {
-  session.value = session.value || [];
-
-  if (choiceMode === 'checkbox') {
-    if (data.selected) {
-      session.value = (0, _uniq["default"])((0, _concat["default"])(session.value, [data.value]));
-    } else {
-      session.value = (0, _without["default"])(session.value, data.value);
-    }
-  }
-
-  if (choiceMode === 'radio') {
-    if (data.selected) {
-      session.value = [data.value];
-    } else {
-      session.value = [];
-    }
-  }
-}
-//# sourceMappingURL=session-updater.js.map

package/lib/session-updater.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/session-updater.js"],"names":["updateSessionValue","session","choiceMode","data","value","selected"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,kBAAT,CAA4BC,OAA5B,EAAqCC,UAArC,EAAiDC,IAAjD,EAAuD;AAC5DF,EAAAA,OAAO,CAACG,KAAR,GAAgBH,OAAO,CAACG,KAAR,IAAiB,EAAjC;;AACA,MAAIF,UAAU,KAAK,UAAnB,EAA+B;AAC7B,QAAIC,IAAI,CAACE,QAAT,EAAmB;AACjBJ,MAAAA,OAAO,CAACG,KAAR,GAAgB,sBAAK,wBAAOH,OAAO,CAACG,KAAf,EAAsB,CAACD,IAAI,CAACC,KAAN,CAAtB,CAAL,CAAhB;AACD,KAFD,MAEO;AACLH,MAAAA,OAAO,CAACG,KAAR,GAAgB,yBAAQH,OAAO,CAACG,KAAhB,EAAuBD,IAAI,CAACC,KAA5B,CAAhB;AACD;AACF;;AAED,MAAIF,UAAU,KAAK,OAAnB,EAA4B;AAC1B,QAAIC,IAAI,CAACE,QAAT,EAAmB;AACjBJ,MAAAA,OAAO,CAACG,KAAR,GAAgB,CAACD,IAAI,CAACC,KAAN,CAAhB;AACD,KAFD,MAEO;AACLH,MAAAA,OAAO,CAACG,KAAR,GAAgB,EAAhB;AACD;AACF;AACF","sourcesContent":["import concat from 'lodash/concat';\nimport uniq from 'lodash/uniq';\nimport without from 'lodash/without';\n\nexport function updateSessionValue(session, choiceMode, data) {\n  session.value = session.value || [];\n  if (choiceMode === 'checkbox') {\n    if (data.selected) {\n      session.value = uniq(concat(session.value, [data.value]));\n    } else {\n      session.value = without(session.value, data.value);\n    }\n  }\n\n  if (choiceMode === 'radio') {\n    if (data.selected) {\n      session.value = [data.value];\n    } else {\n      session.value = [];\n    }\n  }\n}\n"],"file":"session-updater.js"}