@pie-element/graphing 5.5.1-next.42 → 5.5.1-next.43

package/configure/lib/configure.js

@@ -0,0 +1,392 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Configure = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+
+var _graphingConfig = _interopRequireDefault(require("./graphing-config"));
+
+var _correctResponse = _interopRequireDefault(require("./correct-response"));
+
+var _intersection = _interopRequireDefault(require("lodash/intersection"));
+
+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 Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle,
+    radio = _configUi.settings.radio,
+    checkboxes = _configUi.settings.checkboxes,
+    textField = _configUi.settings.textField,
+    dropdown = _configUi.settings.dropdown;
+var log = (0, _debug["default"])('@pie-element:graphing:configure');
+
+var styles = function styles(theme) {
+  return {
+    title: {
+      fontSize: '1.1rem',
+      display: 'block',
+      marginTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit
+    },
+    promptHolder: {
+      width: '100%',
+      paddingTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2
+    },
+    description: {
+      marginBottom: theme.spacing.unit * 2.5
+    }
+  };
+};
+
+var Configure = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Configure, _React$Component);
+
+  var _super = _createSuper(Configure);
+
+  function Configure() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Configure);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChange", function (rationale) {
+      var _this$props = _this.props,
+          onModelChanged = _this$props.onModelChanged,
+          model = _this$props.model;
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        rationale: rationale
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChange", function (prompt) {
+      var _this$props2 = _this.props,
+          onModelChanged = _this$props2.onModelChanged,
+          model = _this$props2.model;
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        prompt: prompt
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChange", function (teacherInstructions) {
+      var _this$props3 = _this.props,
+          onModelChanged = _this$props3.onModelChanged,
+          model = _this$props3.model;
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        teacherInstructions: teacherInstructions
+      }));
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Configure, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props4 = this.props,
+          configuration = _this$props4.configuration,
+          onModelChanged = _this$props4.onModelChanged,
+          model = _this$props4.model;
+
+      var _ref = configuration || {},
+          availableTools = _ref.availableTools,
+          title = _ref.title,
+          graphDimensions = _ref.graphDimensions;
+
+      var _ref2 = model || {},
+          arrows = _ref2.arrows,
+          showTitle = _ref2.titleEnabled,
+          showDimensions = _ref2.dimensionsEnabled; // This is used for offering support for old models which have the property arrows: boolean
+      // Same thing is set in the controller: packages/graphing/controller/src/index.js - model
+
+
+      if (typeof arrows === 'boolean') {
+        if (arrows) {
+          arrows = {
+            left: true,
+            right: true,
+            up: true,
+            down: true
+          };
+        } else {
+          arrows = {
+            left: false,
+            right: false,
+            up: false,
+            down: false
+          };
+        }
+      }
+
+      var toolbarTools = (0, _intersection["default"])(availableTools || [], model.toolbarTools || []);
+      var titleEnabled = showTitle === undefined || showTitle === null ? title.enabled : showTitle;
+      var dimensionsEnabled = showDimensions === undefined || showDimensions === null ? graphDimensions.enabled : showDimensions;
+      onModelChanged && onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        arrows: arrows,
+        toolbarTools: toolbarTools,
+        titleEnabled: titleEnabled,
+        dimensionsEnabled: dimensionsEnabled
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props5 = this.props,
+          classes = _this$props5.classes,
+          model = _this$props5.model,
+          configuration = _this$props5.configuration,
+          onConfigurationChanged = _this$props5.onConfigurationChanged,
+          onModelChanged = _this$props5.onModelChanged,
+          imageSupport = _this$props5.imageSupport,
+          uploadSoundSupport = _this$props5.uploadSoundSupport;
+
+      var _ref3 = configuration || {},
+          _ref3$arrows = _ref3.arrows,
+          arrows = _ref3$arrows === void 0 ? {} : _ref3$arrows,
+          _ref3$authoring = _ref3.authoring,
+          authoring = _ref3$authoring === void 0 ? {} : _ref3$authoring,
+          _ref3$availableTools = _ref3.availableTools,
+          availableTools = _ref3$availableTools === void 0 ? [] : _ref3$availableTools,
+          _ref3$coordinatesOnHo = _ref3.coordinatesOnHover,
+          coordinatesOnHover = _ref3$coordinatesOnHo === void 0 ? {} : _ref3$coordinatesOnHo,
+          _ref3$contentDimensio = _ref3.contentDimensions,
+          contentDimensions = _ref3$contentDimensio === void 0 ? {} : _ref3$contentDimensio,
+          _ref3$gridConfigurati = _ref3.gridConfigurations,
+          gridConfigurations = _ref3$gridConfigurati === void 0 ? [] : _ref3$gridConfigurati,
+          _ref3$graphDimensions = _ref3.graphDimensions,
+          graphDimensions = _ref3$graphDimensions === void 0 ? {} : _ref3$graphDimensions,
+          _ref3$instruction = _ref3.instruction,
+          instruction = _ref3$instruction === void 0 ? {} : _ref3$instruction,
+          _ref3$labels = _ref3.labels,
+          labels = _ref3$labels === void 0 ? {} : _ref3$labels,
+          _ref3$padding = _ref3.padding,
+          padding = _ref3$padding === void 0 ? {} : _ref3$padding,
+          _ref3$prompt = _ref3.prompt,
+          prompt = _ref3$prompt === void 0 ? {} : _ref3$prompt,
+          _ref3$rationale = _ref3.rationale,
+          rationale = _ref3$rationale === void 0 ? {} : _ref3$rationale,
+          _ref3$scoringType = _ref3.scoringType,
+          scoringType = _ref3$scoringType === void 0 ? {} : _ref3$scoringType,
+          settingsPanelDisabled = _ref3.settingsPanelDisabled,
+          _ref3$spellCheck = _ref3.spellCheck,
+          spellCheck = _ref3$spellCheck === void 0 ? {} : _ref3$spellCheck,
+          _ref3$studentInstruct = _ref3.studentInstructions,
+          studentInstructions = _ref3$studentInstruct === void 0 ? {} : _ref3$studentInstruct,
+          _ref3$teacherInstruct = _ref3.teacherInstructions,
+          teacherInstructions = _ref3$teacherInstruct === void 0 ? {} : _ref3$teacherInstruct,
+          _ref3$title = _ref3.title,
+          title = _ref3$title === void 0 ? {} : _ref3$title,
+          _ref3$maxImageWidth = _ref3.maxImageWidth,
+          maxImageWidth = _ref3$maxImageWidth === void 0 ? {} : _ref3$maxImageWidth,
+          _ref3$maxImageHeight = _ref3.maxImageHeight,
+          maxImageHeight = _ref3$maxImageHeight === void 0 ? {} : _ref3$maxImageHeight,
+          _ref3$withRubric = _ref3.withRubric,
+          withRubric = _ref3$withRubric === void 0 ? {} : _ref3$withRubric,
+          _ref3$language = _ref3.language,
+          language = _ref3$language === void 0 ? {} : _ref3$language,
+          _ref3$languageChoices = _ref3.languageChoices,
+          languageChoices = _ref3$languageChoices === void 0 ? {} : _ref3$languageChoices,
+          _ref3$mathMlOptions = _ref3.mathMlOptions,
+          mathMlOptions = _ref3$mathMlOptions === void 0 ? {} : _ref3$mathMlOptions;
+
+      var _ref4 = model || {},
+          _ref4$errors = _ref4.errors,
+          errors = _ref4$errors === void 0 ? {} : _ref4$errors,
+          labelsEnabled = _ref4.labelsEnabled,
+          dimensionsEnabled = _ref4.dimensionsEnabled,
+          promptEnabled = _ref4.promptEnabled,
+          rationaleEnabled = _ref4.rationaleEnabled,
+          spellCheckEnabled = _ref4.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref4.teacherInstructionsEnabled,
+          titleEnabled = _ref4.titleEnabled;
+
+      log('[render] model', model);
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var labelsPlaceholders = {
+        top: labels.top,
+        right: labels.right,
+        bottom: labels.bottom,
+        left: labels.left
+      };
+      var panelItemType = {
+        arrows: arrows.settings && checkboxes(arrows.label, {
+          left: arrows.left,
+          right: arrows.right,
+          up: arrows.up,
+          down: arrows.down
+        }),
+        titleEnabled: title.settings && toggle(title.label),
+        padding: padding.settings && toggle(padding.label),
+        labelsEnabled: labels.settings && toggle(labels.label),
+        'language.enabled': language.settings && toggle(language.label, true),
+        language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),
+        dimensionsEnabled: graphDimensions.settings && toggle(graphDimensions.label),
+        coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label)
+      };
+      var panelProperties = {
+        'authoring.enabled': authoring.settings && toggle(authoring.label, true),
+        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+        promptEnabled: prompt.settings && toggle(prompt.label),
+        rationaleEnabled: rationale.settings && toggle(rationale.label),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        scoringType: scoringType.settings && radio(scoringType.label, ['dichotomous', 'partial scoring']),
+        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label),
+        instruction: instruction.settings && textField(instruction.label)
+      };
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        dimensions: contentDimensions,
+        hideSettings: settingsPanelDisabled,
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          configuration: configuration,
+          onChangeModel: onModelChanged,
+          onChangeConfiguration: onConfigurationChanged,
+          groups: {
+            Settings: panelItemType,
+            Properties: panelProperties
+          }
+        })
+      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        component: "div",
+        type: "body1",
+        className: classes.description
+      }, (instruction === null || instruction === void 0 ? void 0 : instruction.label) || ''), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: teacherInstructions.label,
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.prompt,
+        markup: model.teacherInstructions || '',
+        onChange: this.onTeacherInstructionsChange,
+        imageSupport: imageSupport,
+        nonEmpty: false,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: prompt.label,
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.prompt,
+        markup: model.prompt,
+        onChange: this.onPromptChange,
+        imageSupport: imageSupport,
+        nonEmpty: false,
+        spellCheck: spellCheckEnabled,
+        disableUnderline: true,
+        maxImageWidth: defaultImageMaxWidth,
+        maxImageHeight: defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      })), /*#__PURE__*/_react["default"].createElement(_graphingConfig["default"], {
+        authoring: authoring,
+        availableTools: availableTools,
+        gridConfigurations: gridConfigurations,
+        graphDimensions: graphDimensions,
+        labelsPlaceholders: labelsPlaceholders,
+        model: model,
+        showLabels: labelsEnabled,
+        dimensionsEnabled: dimensionsEnabled,
+        showTitle: titleEnabled,
+        titlePlaceholder: title.placeholder,
+        onChange: this.props.onModelChanged,
+        mathMlOptions: mathMlOptions
+      }), /*#__PURE__*/_react["default"].createElement(_correctResponse["default"], {
+        availableTools: availableTools,
+        errors: errors,
+        model: model,
+        onChange: this.props.onModelChanged,
+        mathMlOptions: mathMlOptions
+      }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: rationale.label || 'Rationale',
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.prompt,
+        markup: model.rationale || '',
+        onChange: this.onRationaleChange,
+        imageSupport: imageSupport,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      })));
+    }
+  }]);
+  return Configure;
+}(_react["default"].Component);
+
+exports.Configure = Configure;
+(0, _defineProperty2["default"])(Configure, "propTypes", {
+  onModelChanged: _propTypes["default"].func,
+  onConfigurationChanged: _propTypes["default"].func,
+  classes: _propTypes["default"].object,
+  imageSupport: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object,
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired
+});
+(0, _defineProperty2["default"])(Configure, "defaultProps", {
+  classes: {}
+});
+
+var _default = (0, _styles.withStyles)(styles)(Configure);
+
+exports["default"] = _default;
+//# sourceMappingURL=configure.js.map

package/configure/lib/configure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/configure.jsx"],"names":["Panel","settings","toggle","radio","checkboxes","textField","dropdown","log","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","promptHolder","width","paddingTop","description","Configure","rationale","props","onModelChanged","model","prompt","teacherInstructions","configuration","availableTools","graphDimensions","arrows","showTitle","titleEnabled","showDimensions","dimensionsEnabled","left","right","up","down","toolbarTools","undefined","enabled","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","authoring","coordinatesOnHover","contentDimensions","gridConfigurations","instruction","labels","padding","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","withRubric","language","languageChoices","mathMlOptions","errors","labelsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","defaultImageMaxWidth","defaultImageMaxHeight","labelsPlaceholders","top","bottom","panelItemType","label","options","panelProperties","studentInstructionsEnabled","rubricEnabled","Settings","Properties","onTeacherInstructionsChange","onPromptChange","placeholder","onRationaleChange","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { settings, layout, InputContainer } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport {EditableHtml} from '@pie-lib/pie-toolbox/editable-html';\nimport GraphingConfig from './graphing-config';\nimport CorrectResponse from './correct-response';\nimport intersection from 'lodash/intersection';\n\nconst { Panel, toggle, radio, checkboxes, textField, dropdown } = settings;\nconst log = debug('@pie-element:graphing:configure');\n\nconst styles = (theme) => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit,\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  description: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n});\n\nexport class Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = { classes: {} };\n\n  componentDidMount() {\n    const { configuration, onModelChanged, model } = this.props;\n    const { availableTools, title, graphDimensions } = configuration || {};\n    let { arrows, titleEnabled: showTitle, dimensionsEnabled: showDimensions } = model || {};\n\n    // This is used for offering support for old models which have the property arrows: boolean\n    // Same thing is set in the controller: packages/graphing/controller/src/index.js - model\n    if (typeof arrows === 'boolean') {\n      if (arrows) {\n        arrows = { left: true, right: true, up: true, down: true };\n      } else {\n        arrows = { left: false, right: false, up: false, down: false };\n      }\n    }\n\n    const toolbarTools = intersection(availableTools || [], model.toolbarTools || []);\n    const titleEnabled = showTitle === undefined || showTitle === null ? title.enabled : showTitle;\n    const dimensionsEnabled =\n      showDimensions === undefined || showDimensions === null ? graphDimensions.enabled : showDimensions;\n\n    onModelChanged && onModelChanged({ ...model, arrows, toolbarTools, titleEnabled, dimensionsEnabled });\n  }\n\n  onRationaleChange = (rationale) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, rationale });\n  };\n\n  onPromptChange = (prompt) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, prompt });\n  };\n\n  onTeacherInstructionsChange = (teacherInstructions) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, teacherInstructions });\n  };\n\n  render() {\n    const { classes, model, configuration, onConfigurationChanged, onModelChanged, imageSupport, uploadSoundSupport } =\n      this.props;\n    const {\n      arrows = {},\n      authoring = {},\n      availableTools = [],\n      coordinatesOnHover = {},\n      contentDimensions = {},\n      gridConfigurations = [],\n      graphDimensions = {},\n      instruction = {},\n      labels = {},\n      padding = {},\n      prompt = {},\n      rationale = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      title = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      language = {},\n      languageChoices = {},\n      mathMlOptions = {},\n    } = configuration || {};\n    const {\n      errors = {},\n      labelsEnabled,\n      dimensionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      titleEnabled,\n    } = model || {};\n\n    log('[render] model', model);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n    const labelsPlaceholders = {\n      top: labels.top,\n      right: labels.right,\n      bottom: labels.bottom,\n      left: labels.left,\n    };\n\n    const panelItemType = {\n      arrows:\n        arrows.settings &&\n        checkboxes(arrows.label, {\n          left: arrows.left,\n          right: arrows.right,\n          up: arrows.up,\n          down: arrows.down,\n        }),\n      titleEnabled: title.settings && toggle(title.label),\n      padding: padding.settings && toggle(padding.label),\n      labelsEnabled: labels.settings && toggle(labels.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n      dimensionsEnabled: graphDimensions.settings && toggle(graphDimensions.label),\n      coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label),\n    };\n\n    const panelProperties = {\n      'authoring.enabled': authoring.settings && toggle(authoring.label, true),\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['dichotomous', 'partial scoring']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n      instruction: instruction.settings && textField(instruction.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={onModelChanged}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelItemType,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        <Typography component=\"div\" type=\"body1\" className={classes.description}>\n          {instruction?.label || ''}\n        </Typography>\n\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChange}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChange}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              spellCheck={spellCheckEnabled}\n              disableUnderline\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </InputContainer>\n        )}\n\n        <GraphingConfig\n          authoring={authoring}\n          availableTools={availableTools}\n          gridConfigurations={gridConfigurations}\n          graphDimensions={graphDimensions}\n          labelsPlaceholders={labelsPlaceholders}\n          model={model}\n          showLabels={labelsEnabled}\n          dimensionsEnabled={dimensionsEnabled}\n          showTitle={titleEnabled}\n          titlePlaceholder={title.placeholder}\n          onChange={this.props.onModelChanged}\n          mathMlOptions={mathMlOptions}\n        />\n\n        <CorrectResponse\n          availableTools={availableTools}\n          errors={errors}\n          model={model}\n          onChange={this.props.onModelChanged}\n          mathMlOptions={mathMlOptions}\n        />\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label || 'Rationale'} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChange}\n              imageSupport={imageSupport}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}