@pie-element/match 11.0.5-esm.1 → 11.1.0-next.0

package/lib/main.js

@@ -1,231 +1,163 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Main = 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"));
-
+exports.default = exports.Main = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _answerGrid = _interopRequireDefault(require("./answer-grid"));
-
-var _styles = require("@material-ui/core/styles");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 Main = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Main, _React$Component);
-
-  var _super = _createSuper(Main);
-
-  function Main(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Main);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "generateAnswers", function (model) {
-      var _model$rows;
-
-      var answers = {};
-      (_model$rows = model.rows) === null || _model$rows === void 0 ? void 0 : _model$rows.forEach(function (row) {
+var _styles = require("@mui/material/styles");
+const StyledPrompt = (0, _styles.styled)('div')({
+  verticalAlign: 'middle'
+});
+const StyledCollapsible = (0, _styles.styled)(_renderUi.Collapsible)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "generateAnswers", model => {
+      const answers = {};
+      model.rows?.forEach(row => {
         answers[row.id] = new Array(model.layout - 1).fill(false);
       });
       return answers;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isAnswerRegenerationRequired", function (nextProps) {
-      var _this$props$model = _this.props.model;
-      _this$props$model = _this$props$model === void 0 ? {} : _this$props$model;
-      var choiceMode = _this$props$model.choiceMode,
-          layout = _this$props$model.layout,
-          rows = _this$props$model.rows;
-      var _nextProps$session = nextProps.session;
-      _nextProps$session = _nextProps$session === void 0 ? {} : _nextProps$session;
-      var answers = _nextProps$session.answers;
-      var isRequired = false;
-
+    (0, _defineProperty2.default)(this, "isAnswerRegenerationRequired", nextProps => {
+      const {
+        model: {
+          choiceMode,
+          layout,
+          rows
+        } = {}
+      } = this.props;
+      const {
+        session: {
+          answers
+        } = {}
+      } = nextProps;
+      let isRequired = false;
       if (choiceMode !== nextProps.model.choiceMode) {
         isRequired = true;
       }
-
       if (layout !== nextProps.model.layout) {
         isRequired = true;
       }
-
       if (rows.length !== nextProps.model.rows.length || answers && nextProps.model.rows.length !== Object.keys(answers).length) {
         isRequired = true;
       }
-
       return isRequired || !answers;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "callOnSessionChange", function () {
-      var onSessionChange = _this.props.onSessionChange;
-
+    (0, _defineProperty2.default)(this, "callOnSessionChange", () => {
+      const {
+        onSessionChange
+      } = this.props;
       if (onSessionChange) {
-        onSessionChange(_this.state.session);
+        onSessionChange(this.state.session);
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleShowCorrect", function (show) {
-      _this.setState({
+    (0, _defineProperty2.default)(this, "toggleShowCorrect", show => {
+      this.setState({
         showCorrect: show
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnswerChange", function (newAnswers) {
-      _this.setState(function (state) {
-        return {
-          session: _objectSpread(_objectSpread({}, state.session), {}, {
-            answers: newAnswers
-          })
-        };
-      }, _this.callOnSessionChange);
+    (0, _defineProperty2.default)(this, "onAnswerChange", newAnswers => {
+      this.setState(state => ({
+        session: {
+          ...state.session,
+          answers: newAnswers
+        }
+      }), this.callOnSessionChange);
     });
-    _this.state = {
-      session: _objectSpread(_objectSpread({}, props.session), {}, {
-        answers: props.session && props.session.answers || _this.generateAnswers(props.model)
-      }),
+    this.state = {
+      session: {
+        ...props.session,
+        answers: props.session && props.session.answers || this.generateAnswers(props.model)
+      },
       showCorrect: false
     };
-
-    _this.callOnSessionChange();
-
-    return _this;
+    this.callOnSessionChange();
   }
-
-  (0, _createClass2["default"])(Main, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var _this2 = this;
-
-      var regenAnswers = this.isAnswerRegenerationRequired(nextProps);
-      this.setState(function (state) {
-        return {
-          session: _objectSpread(_objectSpread({}, nextProps.session), {}, {
-            // regenerate answers if layout or choiceMode change
-            answers: regenAnswers ? _this2.generateAnswers(nextProps.model) : nextProps.session.answers
-          }),
-          showCorrect: _this2.props.model.disabled && !nextProps.model.disabled && state.showCorrect ? false : state.showCorrect
-        };
-      }, function () {
-        if (regenAnswers) _this2.callOnSessionChange();
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          model = _this$props.model,
-          classes = _this$props.classes;
-      var _this$state = this.state,
-          showCorrect = _this$state.showCorrect,
-          session = _this$state.session;
-      var _model$correctness = model.correctness,
-          correctness = _model$correctness === void 0 ? {} : _model$correctness,
-          extraCSSRules = model.extraCSSRules,
-          language = model.language;
-      var showCorrectAnswerToggle = correctness.correctness && correctness.correctness !== 'correct';
-      var showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
-      var showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
-      return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
-        extraCSSRules: extraCSSRules,
-        className: classes.mainContainer
-      }, showTeacherInstructions && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Teacher Instructions',
-          visible: 'Hide Teacher Instructions'
-        },
-        className: classes.collapsible
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.teacherInstructions
-      })), model.prompt && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.prompt
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.prompt
-      })), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
-        language: language,
-        show: showCorrectAnswerToggle,
-        toggled: showCorrect,
-        onToggle: this.toggleShowCorrect
-      }), /*#__PURE__*/_react["default"].createElement(_answerGrid["default"], {
-        showCorrect: showCorrect,
-        correctAnswers: model.correctResponse,
-        disabled: model.disabled,
-        view: model.view,
-        onAnswerChange: this.onAnswerChange,
-        choiceMode: model.choiceMode,
-        answers: showCorrect ? model.correctResponse || {} : session.answers,
-        headers: model.headers,
-        rows: model.rows
-      }), showRationale && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Rationale',
-          visible: 'Hide Rationale'
-        },
-        className: classes.collapsible
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.rationale
-      })), model.feedback && /*#__PURE__*/_react["default"].createElement(_renderUi.Feedback, {
-        correctness: correctness.correctness,
-        feedback: model.feedback
-      }));
-    }
-  }]);
-  return Main;
-}(_react["default"].Component);
-
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const regenAnswers = this.isAnswerRegenerationRequired(nextProps);
+    this.setState(state => ({
+      session: {
+        ...nextProps.session,
+        // regenerate answers if layout or choiceMode change
+        answers: regenAnswers ? this.generateAnswers(nextProps.model) : nextProps.session.answers
+      },
+      showCorrect: this.props.model.disabled && !nextProps.model.disabled && state.showCorrect ? false : state.showCorrect
+    }), () => {
+      if (regenAnswers) this.callOnSessionChange();
+    });
+  }
+  render() {
+    const {
+      model
+    } = this.props;
+    const {
+      showCorrect,
+      session
+    } = this.state;
+    const {
+      correctness = {},
+      extraCSSRules,
+      language
+    } = model;
+    const showCorrectAnswerToggle = correctness.correctness && correctness.correctness !== 'correct';
+    const showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
+    const showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
+    return /*#__PURE__*/_react.default.createElement(_renderUi.UiLayout, {
+      extraCSSRules: extraCSSRules
+    }, showTeacherInstructions && /*#__PURE__*/_react.default.createElement(StyledCollapsible, {
+      labels: {
+        hidden: 'Show Teacher Instructions',
+        visible: 'Hide Teacher Instructions'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.teacherInstructions
+    })), model.prompt && /*#__PURE__*/_react.default.createElement(StyledPrompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.prompt
+    })), /*#__PURE__*/_react.default.createElement(_correctAnswerToggle.default, {
+      language: language,
+      show: showCorrectAnswerToggle,
+      toggled: showCorrect,
+      onToggle: this.toggleShowCorrect
+    }), /*#__PURE__*/_react.default.createElement(_answerGrid.default, {
+      showCorrect: showCorrect,
+      correctAnswers: model.correctResponse,
+      disabled: model.disabled,
+      view: model.view,
+      onAnswerChange: this.onAnswerChange,
+      choiceMode: model.choiceMode,
+      answers: showCorrect ? model.correctResponse || {} : session.answers,
+      headers: model.headers,
+      rows: model.rows
+    }), showRationale && /*#__PURE__*/_react.default.createElement(_renderUi.Collapsible, {
+      labels: {
+        hidden: 'Show Rationale',
+        visible: 'Hide Rationale'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.rationale
+    })), model.feedback && /*#__PURE__*/_react.default.createElement(_renderUi.Feedback, {
+      correctness: correctness.correctness,
+      feedback: model.feedback
+    }));
+  }
+}
 exports.Main = Main;
-(0, _defineProperty2["default"])(Main, "propTypes", {
-  classes: _propTypes["default"].object,
-  session: _propTypes["default"].object.isRequired,
-  onSessionChange: _propTypes["default"].func,
-  model: _propTypes["default"].object.isRequired
+(0, _defineProperty2.default)(Main, "propTypes", {
+  session: _propTypes.default.object.isRequired,
+  onSessionChange: _propTypes.default.func,
+  model: _propTypes.default.object.isRequired
 });
-
-var styles = function styles(theme) {
-  return {
-    mainContainer: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background()
-    },
-    main: {
-      width: '100%'
-    },
-    prompt: {
-      verticalAlign: 'middle'
-    },
-    collapsible: {
-      marginBottom: theme.spacing.unit * 2
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Main);
-
-exports["default"] = _default;
+var _default = exports.default = Main;
 //# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","answers","rows","forEach","row","id","Array","layout","fill","nextProps","choiceMode","session","isRequired","length","Object","keys","onSessionChange","state","show","setState","showCorrect","newAnswers","callOnSessionChange","generateAnswers","regenAnswers","isAnswerRegenerationRequired","disabled","classes","correctness","extraCSSRules","language","showCorrectAnswerToggle","showRationale","rationale","showTeacherInstructions","teacherInstructions","mainContainer","hidden","visible","collapsible","prompt","toggleShowCorrect","correctResponse","view","onAnswerChange","headers","feedback","React","Component","PropTypes","object","func","styles","theme","color","text","backgroundColor","background","main","width","verticalAlign","marginBottom","spacing","unit"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Collapsible, Feedback, hasText, PreviewPrompt, UiLayout, hasMedia } from '@pie-lib/render-ui';\nimport AnswerGrid from './answer-grid';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func,\n    model: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      session: {\n        ...props.session,\n        answers: (props.session && props.session.answers) || this.generateAnswers(props.model),\n      },\n      showCorrect: false,\n    };\n\n    this.callOnSessionChange();\n  }\n\n  generateAnswers = (model) => {\n    const answers = {};\n\n    model.rows?.forEach((row) => {\n      answers[row.id] = new Array(model.layout - 1).fill(false);\n    });\n\n    return answers;\n  };\n\n  isAnswerRegenerationRequired = (nextProps) => {\n    const { model: { choiceMode, layout, rows } = {} } = this.props;\n    const { session: { answers } = {} } = nextProps;\n    let isRequired = false;\n\n    if (choiceMode !== nextProps.model.choiceMode) {\n      isRequired = true;\n    }\n\n    if (layout !== nextProps.model.layout) {\n      isRequired = true;\n    }\n\n    if (\n      rows.length !== nextProps.model.rows.length ||\n      (answers && nextProps.model.rows.length !== Object.keys(answers).length)\n    ) {\n      isRequired = true;\n    }\n\n    return isRequired || !answers;\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const regenAnswers = this.isAnswerRegenerationRequired(nextProps);\n\n    this.setState(\n      (state) => ({\n        session: {\n          ...nextProps.session,\n          // regenerate answers if layout or choiceMode change\n          answers: regenAnswers ? this.generateAnswers(nextProps.model) : nextProps.session.answers,\n        },\n        showCorrect:\n          this.props.model.disabled && !nextProps.model.disabled && state.showCorrect ? false : state.showCorrect,\n      }),\n      () => {\n        if (regenAnswers) this.callOnSessionChange();\n      },\n    );\n  }\n\n  callOnSessionChange = () => {\n    const { onSessionChange } = this.props;\n\n    if (onSessionChange) {\n      onSessionChange(this.state.session);\n    }\n  };\n\n  toggleShowCorrect = (show) => {\n    this.setState({ showCorrect: show });\n  };\n\n  onAnswerChange = (newAnswers) => {\n    this.setState(\n      (state) => ({\n        session: {\n          ...state.session,\n          answers: newAnswers,\n        },\n      }),\n      this.callOnSessionChange,\n    );\n  };\n\n  render() {\n    const { model, classes } = this.props;\n    const { showCorrect, session } = this.state;\n    const { correctness = {}, extraCSSRules, language } = model;\n    const showCorrectAnswerToggle = correctness.correctness && correctness.correctness !== 'correct';\n\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classes.mainContainer}>\n        {showTeacherInstructions && (\n          <Collapsible\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n            className={classes.collapsible}\n          >\n            <PreviewPrompt prompt={model.teacherInstructions} />\n          </Collapsible>\n        )}\n\n        {model.prompt && (\n          <div className={classes.prompt}>\n            <PreviewPrompt prompt={model.prompt} />\n          </div>\n        )}\n\n        <CorrectAnswerToggle\n          language={language}\n          show={showCorrectAnswerToggle}\n          toggled={showCorrect}\n          onToggle={this.toggleShowCorrect}\n        />\n\n        <AnswerGrid\n          showCorrect={showCorrect}\n          correctAnswers={model.correctResponse}\n          disabled={model.disabled}\n          view={model.view}\n          onAnswerChange={this.onAnswerChange}\n          choiceMode={model.choiceMode}\n          answers={showCorrect ? model.correctResponse || {} : session.answers}\n          headers={model.headers}\n          rows={model.rows}\n        />\n\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }} className={classes.collapsible}>\n            <PreviewPrompt prompt={model.rationale} />\n          </Collapsible>\n        )}\n\n        {model.feedback && <Feedback correctness={correctness.correctness} feedback={model.feedback} />}\n      </UiLayout>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  main: {\n    width: '100%',\n  },\n  prompt: {\n    verticalAlign: 'middle',\n  },\n  collapsible: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctAnswerToggle","_renderUi","_answerGrid","_styles","StyledPrompt","styled","verticalAlign","StyledCollapsible","Collapsible","theme","marginBottom","spacing","Main","React","Component","constructor","props","_defineProperty2","default","model","answers","rows","forEach","row","id","Array","layout","fill","nextProps","choiceMode","session","isRequired","length","Object","keys","onSessionChange","state","show","setState","showCorrect","newAnswers","callOnSessionChange","generateAnswers","UNSAFE_componentWillReceiveProps","regenAnswers","isAnswerRegenerationRequired","disabled","render","correctness","extraCSSRules","language","showCorrectAnswerToggle","showRationale","rationale","hasText","hasMedia","showTeacherInstructions","teacherInstructions","createElement","UiLayout","labels","hidden","visible","PreviewPrompt","prompt","toggled","onToggle","toggleShowCorrect","correctAnswers","correctResponse","view","onAnswerChange","headers","feedback","Feedback","exports","PropTypes","object","func","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { Collapsible, Feedback, hasText, PreviewPrompt, UiLayout, hasMedia } from '@pie-lib/render-ui';\nimport AnswerGrid from './answer-grid';\nimport { styled } from '@mui/material/styles';\n\nconst StyledPrompt = styled('div')({\n  verticalAlign: 'middle',\n});\n\nconst StyledCollapsible = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func,\n    model: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      session: {\n        ...props.session,\n        answers: (props.session && props.session.answers) || this.generateAnswers(props.model),\n      },\n      showCorrect: false,\n    };\n\n    this.callOnSessionChange();\n  }\n\n  generateAnswers = (model) => {\n    const answers = {};\n\n    model.rows?.forEach((row) => {\n      answers[row.id] = new Array(model.layout - 1).fill(false);\n    });\n\n    return answers;\n  };\n\n  isAnswerRegenerationRequired = (nextProps) => {\n    const { model: { choiceMode, layout, rows } = {} } = this.props;\n    const { session: { answers } = {} } = nextProps;\n    let isRequired = false;\n\n    if (choiceMode !== nextProps.model.choiceMode) {\n      isRequired = true;\n    }\n\n    if (layout !== nextProps.model.layout) {\n      isRequired = true;\n    }\n\n    if (\n      rows.length !== nextProps.model.rows.length ||\n      (answers && nextProps.model.rows.length !== Object.keys(answers).length)\n    ) {\n      isRequired = true;\n    }\n\n    return isRequired || !answers;\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const regenAnswers = this.isAnswerRegenerationRequired(nextProps);\n\n    this.setState(\n      (state) => ({\n        session: {\n          ...nextProps.session,\n          // regenerate answers if layout or choiceMode change\n          answers: regenAnswers ? this.generateAnswers(nextProps.model) : nextProps.session.answers,\n        },\n        showCorrect:\n          this.props.model.disabled && !nextProps.model.disabled && state.showCorrect ? false : state.showCorrect,\n      }),\n      () => {\n        if (regenAnswers) this.callOnSessionChange();\n      },\n    );\n  }\n\n  callOnSessionChange = () => {\n    const { onSessionChange } = this.props;\n\n    if (onSessionChange) {\n      onSessionChange(this.state.session);\n    }\n  };\n\n  toggleShowCorrect = (show) => {\n    this.setState({ showCorrect: show });\n  };\n\n  onAnswerChange = (newAnswers) => {\n    this.setState(\n      (state) => ({\n        session: {\n          ...state.session,\n          answers: newAnswers,\n        },\n      }),\n      this.callOnSessionChange,\n    );\n  };\n\n  render() {\n    const { model } = this.props;\n    const { showCorrect, session } = this.state;\n    const { correctness = {}, extraCSSRules, language } = model;\n    const showCorrectAnswerToggle = correctness.correctness && correctness.correctness !== 'correct';\n\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules}>\n        {showTeacherInstructions && (\n          <StyledCollapsible\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n          >\n            <PreviewPrompt prompt={model.teacherInstructions} />\n          </StyledCollapsible>\n        )}\n\n        {model.prompt && (\n          <StyledPrompt>\n            <PreviewPrompt prompt={model.prompt} />\n          </StyledPrompt>\n        )}\n\n        <CorrectAnswerToggle\n          language={language}\n          show={showCorrectAnswerToggle}\n          toggled={showCorrect}\n          onToggle={this.toggleShowCorrect}\n        />\n\n        <AnswerGrid\n          showCorrect={showCorrect}\n          correctAnswers={model.correctResponse}\n          disabled={model.disabled}\n          view={model.view}\n          onAnswerChange={this.onAnswerChange}\n          choiceMode={model.choiceMode}\n          answers={showCorrect ? model.correctResponse || {} : session.answers}\n          headers={model.headers}\n          rows={model.rows}\n        />\n\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={model.rationale} />\n          </Collapsible>\n        )}\n\n        {model.feedback && <Feedback correctness={correctness.correctness} feedback={model.feedback} />}\n      </UiLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,48 +1,37 @@
 {
   "name": "@pie-element/match",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pie-framework/pie-elements"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "repository": "pie-framework/pie-elements",
-  "version": "11.0.5-esm.1",
+  "version": "11.1.0-next.0+20d879b",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },
   "dependencies": {
-    "@material-ui/core": "^3.9.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "^2.22.3",
-    "@pie-lib/math-rendering": "^3.19.2",
-    "@pie-lib/render-ui": "^4.32.3",
-    "@pie-lib/test-utils": "^0.19.3",
+    "@pie-lib/correct-answer-toggle": "3.1.1-next.1",
+    "@pie-lib/math-rendering": "4.1.1-next.1",
+    "@pie-lib/render-ui": "5.1.1-next.1",
+    "@pie-lib/test-utils": "1.1.1-next.1",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
-    "lodash": "^4.17.10",
+    "lodash-es": "^4.17.23",
     "prop-types": "^15.6.1",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "a2a70ca496469571771f6b28bc73f618758bbfec",
-  "module": "src/index.js",
-  "exports": {
-    ".": {
-      "import": "./esm/element.js",
-      "require": "./lib/index.js",
-      "default": "./esm/element.js"
-    },
-    "./configure": {
-      "import": "./esm/configure.js",
-      "require": "./configure/lib/index.js",
-      "default": "./esm/configure.js"
-    },
-    "./controller": {
-      "import": "./esm/controller.js",
-      "require": "./controller/lib/index.js",
-      "default": "./esm/controller.js"
-    }
-  }
+  "gitHead": "20d879b8b8fa74decf5028d860d54cd09cbdf051",
+  "module": "src/index.js"
 }