@pie-element/graphing 5.15.1-next.1 → 5.15.1-next.2

package/configure/lib/configure.js

@@ -0,0 +1,426 @@
+"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
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit
+    }
+  };
+};
+
+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$baseInputConfig = _ref3.baseInputConfiguration,
+          baseInputConfiguration = _ref3$baseInputConfig === void 0 ? {} : _ref3$baseInputConfig,
+          _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,
+          _ref3$removeIncomplet = _ref3.removeIncompleteTool,
+          removeIncompleteTool = _ref3$removeIncomplet === void 0 ? false : _ref3$removeIncomplet;
+
+      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;
+
+      var _ref5 = errors || {},
+          promptError = _ref5.prompt,
+          rationaleError = _ref5.rationale,
+          teacherInstructionsError = _ref5.teacherInstructions;
+
+      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)
+      };
+
+      var getPluginProps = function getPluginProps() {
+        var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return _objectSpread(_objectSpread({}, baseInputConfiguration), props);
+      };
+
+      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,
+        error: teacherInstructionsError,
+        nonEmpty: false,
+        pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration),
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, teacherInstructionsError)), 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,
+        error: promptError,
+        nonEmpty: false,
+        spellCheck: spellCheckEnabled,
+        pluginProps: getPluginProps(prompt === null || prompt === void 0 ? void 0 : prompt.inputConfiguration),
+        disableUnderline: true,
+        maxImageWidth: defaultImageMaxWidth,
+        maxImageHeight: defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), promptError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, promptError)), /*#__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,
+        removeIncompleteTool: removeIncompleteTool
+      }), /*#__PURE__*/_react["default"].createElement(_correctResponse["default"], {
+        availableTools: availableTools,
+        errors: errors,
+        model: model,
+        onChange: this.props.onModelChanged,
+        mathMlOptions: mathMlOptions,
+        removeIncompleteTool: removeIncompleteTool
+      }), 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,
+        error: rationaleError,
+        spellCheck: spellCheckEnabled,
+        pluginProps: getPluginProps(rationale === null || rationale === void 0 ? void 0 : rationale.inputConfiguration),
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), rationaleError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, rationaleError)));
+    }
+  }]);
+  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","errorText","typography","color","palette","error","main","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","baseInputConfiguration","coordinatesOnHover","contentDimensions","gridConfigurations","instruction","labels","padding","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","withRubric","language","languageChoices","mathMlOptions","removeIncompleteTool","errors","labelsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","promptError","rationaleError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","labelsPlaceholders","top","bottom","panelItemType","label","options","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","Settings","Properties","onTeacherInstructionsChange","inputConfiguration","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  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\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      baseInputConfiguration = {},\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      removeIncompleteTool = false,\n    } = configuration || {};\n    const {\n      errors = {},\n      labelsEnabled,\n      dimensionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      titleEnabled,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\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    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\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              error={teacherInstructionsError}\n              nonEmpty={false}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\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            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\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              error={promptError}\n              nonEmpty={false}\n              spellCheck={spellCheckEnabled}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              disableUnderline\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\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          removeIncompleteTool={removeIncompleteTool}\n        />\n\n        <CorrectResponse\n          availableTools={availableTools}\n          errors={errors}\n          model={model}\n          onChange={this.props.onModelChanged}\n          mathMlOptions={mathMlOptions}\n          removeIncompleteTool={removeIncompleteTool}\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              error={rationaleError}\n              spellCheck={spellCheckEnabled}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\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            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}