@pie-element/charting 7.13.1-next.1 → 7.13.1-next.11

package/configure/lib/configure.js

@@ -0,0 +1,408 @@
+"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 _charting = require("@pie-lib/pie-toolbox/charting");
+
+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 _chartingConfig = _interopRequireDefault(require("./charting-config"));
+
+var _correctResponse = _interopRequireDefault(require("./correct-response"));
+
+var _utils = require("./utils");
+
+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 log = (0, _debug["default"])('@pie-element:graphing:configure');
+var Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle,
+    radio = _configUi.settings.radio,
+    dropdown = _configUi.settings.dropdown,
+    textField = _configUi.settings.textField;
+
+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 charts = [_charting.chartTypes.Bar(), _charting.chartTypes.Histogram(), _charting.chartTypes.LineDot(), _charting.chartTypes.LineCross(), _charting.chartTypes.DotPlot(), _charting.chartTypes.LinePlot()];
+
+var Configure = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Configure, _React$Component);
+
+  var _super = _createSuper(Configure);
+
+  function Configure(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Configure);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChange", function (rationale) {
+      return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        rationale: rationale
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChange", function (prompt) {
+      return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        prompt: prompt
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChange", function (teacherInstructions) {
+      return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        teacherInstructions: teacherInstructions
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChartTypeChange", function (chartType) {
+      return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        chartType: chartType
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onConfigChange", function (config) {
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onModelChanged = _this$props.onModelChanged;
+      var _this$state = _this.state,
+          oldGridValues = _this$state.gridValues,
+          oldLabelValues = _this$state.labelValues;
+
+      var updatedModel = _objectSpread(_objectSpread({}, model), config);
+
+      var graph = updatedModel.graph,
+          range = updatedModel.range;
+      var gridValues = {};
+      var labelValues = {};
+      var rangeConstraints = (0, _utils.applyConstraints)(range, graph.height, oldGridValues.range, oldLabelValues.range);
+      gridValues.range = rangeConstraints.gridValues;
+      labelValues.range = rangeConstraints.labelValues;
+
+      _this.setState({
+        gridValues: gridValues,
+        labelValues: labelValues
+      });
+
+      onModelChanged(updatedModel);
+    });
+
+    var _ref = props.model || {},
+        _ref$range = _ref.range,
+        _range = _ref$range === void 0 ? {} : _ref$range,
+        _graph = _ref.graph;
+
+    var _gridValues = {
+      range: (0, _utils.getGridValues)(_range, _graph.height, true)
+    };
+    var _labelValues = {
+      range: (0, _utils.getLabelValues)(_range.step || 1)
+    };
+    _this.state = {
+      gridValues: _gridValues,
+      labelValues: _labelValues
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Configure, [{
+    key: "render",
+    value: function render() {
+      var _chartingOptions$chan, _chartingOptions$chan2, _chartingOptions$addC;
+
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          configuration = _this$props2.configuration,
+          imageSupport = _this$props2.imageSupport,
+          model = _this$props2.model,
+          onConfigurationChanged = _this$props2.onConfigurationChanged,
+          onModelChanged = _this$props2.onModelChanged,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
+      log('[render] model', model);
+      var graph = model.graph;
+
+      var _ref2 = configuration || {},
+          _ref2$baseInputConfig = _ref2.baseInputConfiguration,
+          baseInputConfiguration = _ref2$baseInputConfig === void 0 ? {} : _ref2$baseInputConfig,
+          _ref2$contentDimensio = _ref2.contentDimensions,
+          contentDimensions = _ref2$contentDimensio === void 0 ? {} : _ref2$contentDimensio,
+          _ref2$chartDimensions = _ref2.chartDimensions,
+          chartDimensions = _ref2$chartDimensions === void 0 ? {} : _ref2$chartDimensions,
+          _ref2$authorNewCatego = _ref2.authorNewCategoryDefaults,
+          authorNewCategoryDefaults = _ref2$authorNewCatego === void 0 ? {} : _ref2$authorNewCatego,
+          _ref2$labelsPlacehold = _ref2.labelsPlaceholders,
+          labelsPlaceholders = _ref2$labelsPlacehold === void 0 ? {} : _ref2$labelsPlacehold,
+          _ref2$instruction = _ref2.instruction,
+          instruction = _ref2$instruction === void 0 ? {} : _ref2$instruction,
+          _ref2$maxImageWidth = _ref2.maxImageWidth,
+          maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
+          _ref2$maxImageHeight = _ref2.maxImageHeight,
+          maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight,
+          _ref2$prompt = _ref2.prompt,
+          prompt = _ref2$prompt === void 0 ? {} : _ref2$prompt,
+          _ref2$rationale = _ref2.rationale,
+          rationale = _ref2$rationale === void 0 ? {} : _ref2$rationale,
+          _ref2$scoringType = _ref2.scoringType,
+          scoringType = _ref2$scoringType === void 0 ? {} : _ref2$scoringType,
+          settingsPanelDisabled = _ref2.settingsPanelDisabled,
+          _ref2$spellCheck = _ref2.spellCheck,
+          spellCheck = _ref2$spellCheck === void 0 ? {} : _ref2$spellCheck,
+          _ref2$studentInstruct = _ref2.studentInstructions,
+          studentInstructions = _ref2$studentInstruct === void 0 ? {} : _ref2$studentInstruct,
+          _ref2$teacherInstruct = _ref2.teacherInstructions,
+          teacherInstructions = _ref2$teacherInstruct === void 0 ? {} : _ref2$teacherInstruct,
+          _ref2$titlePlaceholde = _ref2.titlePlaceholder,
+          titlePlaceholder = _ref2$titlePlaceholde === void 0 ? {} : _ref2$titlePlaceholde,
+          _ref2$withRubric = _ref2.withRubric,
+          withRubric = _ref2$withRubric === void 0 ? {} : _ref2$withRubric,
+          _ref2$chartingOptions = _ref2.chartingOptions,
+          chartingOptions = _ref2$chartingOptions === void 0 ? {} : _ref2$chartingOptions,
+          _ref2$availableChartT = _ref2.availableChartTypes,
+          availableChartTypes = _ref2$availableChartT === void 0 ? {} : _ref2$availableChartT,
+          _ref2$mathMlOptions = _ref2.mathMlOptions,
+          mathMlOptions = _ref2$mathMlOptions === void 0 ? {} : _ref2$mathMlOptions,
+          chartTypeLabel = _ref2.chartTypeLabel,
+          _ref2$language = _ref2.language,
+          language = _ref2$language === void 0 ? {} : _ref2$language,
+          _ref2$languageChoices = _ref2.languageChoices,
+          languageChoices = _ref2$languageChoices === void 0 ? {} : _ref2$languageChoices,
+          labelsCharactersLimit = _ref2.labelsCharactersLimit;
+
+      var _ref3 = model || {},
+          errors = _ref3.errors,
+          promptEnabled = _ref3.promptEnabled,
+          rationaleEnabled = _ref3.rationaleEnabled,
+          spellCheckEnabled = _ref3.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
+          studentNewCategoryDefaultLabel = _ref3.studentNewCategoryDefaultLabel;
+
+      var _ref4 = errors || {},
+          categoryErrors = _ref4.categoryErrors,
+          correctAnswerErrors = _ref4.correctAnswerErrors,
+          promptError = _ref4.prompt,
+          rationaleError = _ref4.rationale,
+          teacherInstructionsError = _ref4.teacherInstructions;
+
+      var _this$state2 = this.state,
+          gridValues = _this$state2.gridValues,
+          labelValues = _this$state2.labelValues;
+      var showPixeGuides = chartDimensions.showInConfigPanel || true;
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var panelItemType = {
+        changeInteractiveEnabled: ((_chartingOptions$chan = chartingOptions.changeInteractive) === null || _chartingOptions$chan === void 0 ? void 0 : _chartingOptions$chan.settings) && toggle(chartingOptions.changeInteractive.settingsLabel),
+        changeEditableEnabled: ((_chartingOptions$chan2 = chartingOptions.changeEditable) === null || _chartingOptions$chan2 === void 0 ? void 0 : _chartingOptions$chan2.settings) && toggle(chartingOptions.changeEditable.settingsLabel),
+        changeAddCategoryEnabled: ((_chartingOptions$addC = chartingOptions.addCategory) === null || _chartingOptions$addC === void 0 ? void 0 : _chartingOptions$addC.settings) && toggle(chartingOptions.addCategory.settingsLabel)
+      };
+      var panelProperties = {
+        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+        rationaleEnabled: rationale.settings && toggle(rationale.label),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        promptEnabled: prompt.settings && toggle(prompt.label),
+        scoringType: scoringType.settings && radio(scoringType.label, ['all or nothing', 'partial scoring']),
+        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label),
+        'language.enabled': language.settings && toggle(language.label, true),
+        language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),
+        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,
+        nonEmpty: false,
+        error: teacherInstructionsError,
+        spellCheck: spellCheckEnabled,
+        pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration),
+        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,
+        nonEmpty: false,
+        error: promptError,
+        spellCheck: spellCheckEnabled,
+        disableUnderline: true,
+        pluginProps: getPluginProps(prompt === null || prompt === void 0 ? void 0 : prompt.inputConfiguration),
+        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(_charting.ConfigureChartPanel, {
+        model: model,
+        onChange: this.onConfigChange,
+        gridValues: gridValues,
+        labelValues: labelValues,
+        chartDimensions: chartDimensions,
+        charts: charts,
+        studentNewCategoryDefaultLabel: studentNewCategoryDefaultLabel,
+        availableChartTypes: availableChartTypes,
+        chartTypeLabel: chartTypeLabel
+      }), /*#__PURE__*/_react["default"].createElement(_chartingConfig["default"], {
+        model: model,
+        onChange: onModelChanged,
+        charts: charts,
+        labelsPlaceholders: labelsPlaceholders,
+        titlePlaceholder: titlePlaceholder,
+        showPixelGuides: showPixeGuides,
+        authorNewCategoryDefaults: authorNewCategoryDefaults,
+        chartingOptions: chartingOptions,
+        mathMlOptions: mathMlOptions,
+        labelsCharactersLimit: labelsCharactersLimit
+      }), /*#__PURE__*/_react["default"].createElement(_correctResponse["default"], {
+        config: graph,
+        model: model,
+        onChange: onModelChanged,
+        charts: charts,
+        error: categoryErrors,
+        correctAnswerErrors: correctAnswerErrors,
+        studentNewCategoryDefaultLabel: studentNewCategoryDefaultLabel,
+        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,
+        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,
+  chartingOptions: _propTypes["default"].object
+});
+(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":["log","Panel","settings","toggle","radio","dropdown","textField","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","promptHolder","width","paddingTop","description","errorText","typography","color","palette","error","main","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","Configure","props","rationale","onModelChanged","model","prompt","teacherInstructions","chartType","config","state","oldGridValues","gridValues","oldLabelValues","labelValues","updatedModel","graph","range","rangeConstraints","height","setState","step","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","baseInputConfiguration","contentDimensions","chartDimensions","authorNewCategoryDefaults","labelsPlaceholders","instruction","maxImageWidth","maxImageHeight","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","titlePlaceholder","withRubric","chartingOptions","availableChartTypes","mathMlOptions","chartTypeLabel","language","languageChoices","labelsCharactersLimit","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","studentNewCategoryDefaultLabel","categoryErrors","correctAnswerErrors","promptError","rationaleError","teacherInstructionsError","showPixeGuides","showInConfigPanel","defaultImageMaxWidth","defaultImageMaxHeight","panelItemType","changeInteractiveEnabled","changeInteractive","settingsLabel","changeEditableEnabled","changeEditable","changeAddCategoryEnabled","addCategory","panelProperties","label","studentInstructionsEnabled","rubricEnabled","enabled","options","getPluginProps","Settings","Properties","onTeacherInstructionsChange","inputConfiguration","onPromptChange","onConfigChange","onRationaleChange","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { chartTypes, ConfigureChartPanel } from '@pie-lib/pie-toolbox/charting';\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';\n\nimport ChartingConfig from './charting-config';\nimport CorrectResponse from './correct-response';\nimport { applyConstraints, getGridValues, getLabelValues } from './utils';\n\nconst log = debug('@pie-element:graphing:configure');\nconst { Panel, toggle, radio, dropdown, textField } = settings;\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\nconst charts = [\n  chartTypes.Bar(),\n  chartTypes.Histogram(),\n  chartTypes.LineDot(),\n  chartTypes.LineCross(),\n  chartTypes.DotPlot(),\n  chartTypes.LinePlot(),\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    chartingOptions: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n    const { range = {}, graph } = props.model || {};\n    const gridValues = { range: getGridValues(range, graph.height, true) };\n    const labelValues = { range: getLabelValues(range.step || 1) };\n\n    this.state = { gridValues, labelValues };\n  }\n\n  static defaultProps = { classes: {} };\n\n  onRationaleChange = (rationale) => this.props.onModelChanged({ ...this.props.model, rationale });\n\n  onPromptChange = (prompt) => this.props.onModelChanged({ ...this.props.model, prompt });\n\n  onTeacherInstructionsChange = (teacherInstructions) =>\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n\n  onChartTypeChange = (chartType) => this.props.onModelChanged({ ...this.props.model, chartType });\n\n  onConfigChange = (config) => {\n    const { model, onModelChanged } = this.props;\n    const { gridValues: oldGridValues, labelValues: oldLabelValues } = this.state;\n    const updatedModel = { ...model, ...config };\n    const { graph, range } = updatedModel;\n    const gridValues = {};\n    const labelValues = {};\n\n    const rangeConstraints = applyConstraints(range, graph.height, oldGridValues.range, oldLabelValues.range);\n\n    gridValues.range = rangeConstraints.gridValues;\n    labelValues.range = rangeConstraints.labelValues;\n\n    this.setState({ gridValues, labelValues });\n    onModelChanged(updatedModel);\n  };\n\n  render() {\n    const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n\n    log('[render] model', model);\n\n    const { graph } = model;\n    const {\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      chartDimensions = {},\n      authorNewCategoryDefaults = {},\n      labelsPlaceholders = {},\n      instruction = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      prompt = {},\n      rationale = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      titlePlaceholder = {},\n      withRubric = {},\n      chartingOptions = {},\n      availableChartTypes = {},\n      mathMlOptions = {},\n      chartTypeLabel,\n      language = {},\n      languageChoices = {},\n      labelsCharactersLimit,\n    } = configuration || {};\n    const {\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      studentNewCategoryDefaultLabel,\n    } = model || {};\n    const {\n      categoryErrors,\n      correctAnswerErrors,\n      prompt: promptError,\n      rationale: rationaleError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n    const { gridValues, labelValues } = this.state;\n    const showPixeGuides = chartDimensions.showInConfigPanel || true;\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelItemType = {\n      changeInteractiveEnabled:\n        chartingOptions.changeInteractive?.settings && toggle(chartingOptions.changeInteractive.settingsLabel),\n      changeEditableEnabled:\n        chartingOptions.changeEditable?.settings && toggle(chartingOptions.changeEditable.settingsLabel),\n      changeAddCategoryEnabled:\n        chartingOptions.addCategory?.settings && toggle(chartingOptions.addCategory.settingsLabel),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['all or nothing', 'partial scoring']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\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              nonEmpty={false}\n              error={teacherInstructionsError}\n              spellCheck={spellCheckEnabled}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\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              nonEmpty={false}\n              error={promptError}\n              spellCheck={spellCheckEnabled}\n              disableUnderline\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\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        <ConfigureChartPanel\n          model={model}\n          onChange={this.onConfigChange}\n          gridValues={gridValues}\n          labelValues={labelValues}\n          chartDimensions={chartDimensions}\n          charts={charts}\n          studentNewCategoryDefaultLabel={studentNewCategoryDefaultLabel}\n          availableChartTypes={availableChartTypes}\n          chartTypeLabel={chartTypeLabel}\n        />\n\n        <ChartingConfig\n          model={model}\n          onChange={onModelChanged}\n          charts={charts}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          showPixelGuides={showPixeGuides}\n          authorNewCategoryDefaults={authorNewCategoryDefaults}\n          chartingOptions={chartingOptions}\n          mathMlOptions={mathMlOptions}\n          labelsCharactersLimit={labelsCharactersLimit}\n        />\n\n        <CorrectResponse\n          config={graph}\n          model={model}\n          onChange={onModelChanged}\n          charts={charts}\n          error={categoryErrors}\n          correctAnswerErrors={correctAnswerErrors}\n          studentNewCategoryDefaultLabel={studentNewCategoryDefaultLabel}\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              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"}