@pie-element/charting 12.2.2-beta.8 → 12.2.2-beta.9

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [12.2.2-beta.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@12.2.2-beta.8...@pie-element/charting@12.2.2-beta.9) (2026-10-05)
+
+**Note:** Version bump only for package @pie-element/charting
+
 ## [12.2.2-beta.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@12.2.2-beta.7...@pie-element/charting@12.2.2-beta.8) (2026-09-29)
 
 **Note:** Version bump only for package @pie-element/charting

package/configure/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [11.4.0-beta.15](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@11.4.0-beta.14...@pie-element/charting-configure@11.4.0-beta.15) (2026-10-05)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
 # [11.4.0-beta.14](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@11.4.0-beta.13...@pie-element/charting-configure@11.4.0-beta.14) (2026-09-29)
 
 **Note:** Version bump only for package @pie-element/charting-configure

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/charting-configure",
   "private": true,
-  "version": "11.4.0-beta.14",
+  "version": "11.4.0-beta.15",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -12,9 +12,9 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/charting": "7.0.22-beta.3",
-    "@pie-lib/config-ui": "13.0.22-beta.3",
-    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.3",
+    "@pie-lib/charting": "7.0.22-beta.4",
+    "@pie-lib/config-ui": "13.0.22-beta.4",
+    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.4",
     "@pie-lib/math-rendering": "5.1.0",
     "@pie-lib/render-ui": "6.1.3",
     "debug": "^4.1.1",

package/controller/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0-beta.15](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-controller@8.4.0-beta.14...@pie-element/charting-controller@8.4.0-beta.15) (2026-10-05)
+
+**Note:** Version bump only for package @pie-element/charting-controller
+
 # [8.4.0-beta.14](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-controller@8.4.0-beta.13...@pie-element/charting-controller@8.4.0-beta.14) (2026-09-29)
 
 **Note:** Version bump only for package @pie-element/charting-controller

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/charting-controller",
   "private": true,
-  "version": "8.4.0-beta.14",
+  "version": "8.4.0-beta.15",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "12.2.2-beta.8",
+  "version": "12.2.2-beta.9",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -15,7 +15,7 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/charting": "7.0.22-beta.3",
+    "@pie-lib/charting": "7.0.22-beta.4",
     "@pie-lib/correct-answer-toggle": "4.0.5",
     "@pie-lib/math-rendering": "5.1.0",
     "@pie-lib/render-ui": "6.1.3",
@@ -26,7 +26,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "675f5eade074184bdce556c2fac16b95d2bf1c60",
+  "gitHead": "32a5f5323ce51e20c15145518e8f6e45f2a87cf2",
   "main": "lib/index.js",
   "module": "src/index.js"
 }

package/configure/lib/charting-config.js

@@ -1,192 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ChartingConfig = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _charting = require("@pie-lib/charting");
-var _configUi = require("@pie-lib/config-ui");
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-var _renderUi = require("@pie-lib/render-ui");
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const Container = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  marginBottom: theme.spacing(2.5),
-  display: 'flex',
-  flex: 1
-}));
-const Title = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  marginBottom: theme.spacing(1)
-}));
-const Column = (0, _styles.styled)('div')({
-  flex: 1
-});
-const CustomColorCheckbox = (0, _styles.styled)(_Checkbox.default)({
-  color: `${_renderUi.color.tertiary()} !important`
-});
-const restoreCorrectAnswer = (correctAnswer, data) => {
-  if (!correctAnswer) {
-    return data;
-  }
-  let correctResponseDefinition = [];
-  (data || []).forEach((category, currentIndex) => {
-    const {
-      editable,
-      interactive
-    } = category;
-    const label = editable && correctAnswer[currentIndex]?.label ? correctAnswer[currentIndex].label : category.label;
-    const value = interactive && correctAnswer[currentIndex]?.value ? correctAnswer[currentIndex].value : category.value;
-    correctResponseDefinition[currentIndex] = {
-      label: label,
-      value: value,
-      editable: category.editable,
-      interactive: category.interactive
-    };
-  });
-  return correctResponseDefinition;
-};
-class ChartingConfig extends React.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "handleAlertDialog", (open, callback) => this.setState({
-      dialog: {
-        open
-      }
-    }, callback));
-    (0, _defineProperty2.default)(this, "changeData", data => this.props.onChange({
-      ...this.props.model,
-      data
-    }));
-    (0, _defineProperty2.default)(this, "changeAddRemoveEnabled", value => {
-      const {
-        model
-      } = this.props;
-      const correctAnswer = restoreCorrectAnswer(model.correctAnswer.data, model.data);
-      if (!value) {
-        this.setState({
-          dialog: {
-            open: true,
-            title: 'Warning',
-            text: 'This change will remove any correct answer categories that are not part of the initial item configuration.',
-            onConfirm: () => this.handleAlertDialog(false, this.props.onChange({
-              ...this.props.model,
-              addCategoryEnabled: value,
-              correctAnswer: {
-                data: correctAnswer
-              }
-            })),
-            onClose: () => this.handleAlertDialog(false)
-          }
-        });
-      } else {
-        this.props.onChange({
-          ...this.props.model,
-          addCategoryEnabled: value
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "changeTitle", title => this.props.onChange({
-      ...this.props.model,
-      title
-    }));
-    (0, _defineProperty2.default)(this, "changeLabel", (type, label) => this.props.onChange({
-      ...this.props.model,
-      [type]: {
-        ...this.props.model[type],
-        label
-      }
-    }));
-    this.state = {
-      dialog: {
-        open: false
-      }
-    };
-  }
-  render() {
-    const {
-      model,
-      charts,
-      labelsPlaceholders,
-      titlePlaceholder,
-      showPixelGuides,
-      authorNewCategoryDefaults,
-      chartingOptions,
-      mathMlOptions = {},
-      labelsCharactersLimit
-    } = this.props;
-    const {
-      dialog
-    } = this.state;
-    const {
-      domain = {},
-      range = {}
-    } = model || {};
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Title, null, "Define Initial Chart Attributes"), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Column, {
-      key: "graph"
-    }, /*#__PURE__*/React.createElement(_Typography.default, {
-      component: "div",
-      type: "body1"
-    }, /*#__PURE__*/React.createElement("span", null, "Use the tools below to set up the chart as it will initially appear to students.")), /*#__PURE__*/React.createElement(_charting.Chart, {
-      defineChart: true,
-      chartingOptions: chartingOptions,
-      showPixelGuides: showPixelGuides,
-      chartType: model.chartType,
-      size: model.graph,
-      domain: domain,
-      range: range,
-      charts: charts
-      // index is a property used for setting the correct answer data; it's needed in order to remove categories from other data sets from the same index it was removed from the initial data
-      ,
-      data: model.data.map((category, index) => ({
-        ...category,
-        index: index
-      })),
-      title: model.title,
-      onDataChange: this.changeData,
-      onChangeTitle: this.changeTitle,
-      onChangeLabels: this.changeLabel,
-      addCategoryEnabled: true,
-      changeInteractiveEnabled: model.changeInteractiveEnabled,
-      changeEditableEnabled: model.changeEditableEnabled,
-      categoryDefaultLabel: authorNewCategoryDefaults?.label,
-      categoryDefaults: authorNewCategoryDefaults,
-      labelsPlaceholders: labelsPlaceholders,
-      titlePlaceholder: titlePlaceholder?.label,
-      mathMlOptions: mathMlOptions,
-      labelsCharactersLimit: labelsCharactersLimit
-    }), model.changeAddCategoryEnabled && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomColorCheckbox, {
-      checked: model.addCategoryEnabled,
-      onChange: e => {
-        this.changeAddRemoveEnabled(e.target.checked);
-      }
-    }), chartingOptions?.addCategory?.authoringLabel), /*#__PURE__*/React.createElement(_configUi.AlertDialog, {
-      open: dialog.open,
-      title: dialog.title,
-      text: dialog.text,
-      onClose: dialog.onClose,
-      onConfirm: dialog.onConfirm
-    }))));
-  }
-}
-exports.ChartingConfig = ChartingConfig;
-(0, _defineProperty2.default)(ChartingConfig, "propTypes", {
-  model: _propTypes.default.object.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  charts: _propTypes.default.array,
-  labelsPlaceholders: _propTypes.default.object,
-  titlePlaceholder: _propTypes.default.object,
-  showPixelGuides: _propTypes.default.bool,
-  authorNewCategoryDefaults: _propTypes.default.object,
-  chartingOptions: _propTypes.default.object
-});
-var _default = exports.default = ChartingConfig;
-//# sourceMappingURL=charting-config.js.map

package/configure/lib/charting-config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"charting-config.js","names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_charting","_configUi","_Checkbox","_renderUi","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","styled","theme","marginBottom","spacing","display","flex","Title","Column","CustomColorCheckbox","Checkbox","color","tertiary","restoreCorrectAnswer","correctAnswer","data","correctResponseDefinition","forEach","category","currentIndex","editable","interactive","label","value","ChartingConfig","Component","constructor","props","_defineProperty2","open","callback","setState","dialog","onChange","model","title","text","onConfirm","handleAlertDialog","addCategoryEnabled","onClose","type","state","render","charts","labelsPlaceholders","titlePlaceholder","showPixelGuides","authorNewCategoryDefaults","chartingOptions","mathMlOptions","labelsCharactersLimit","domain","range","createElement","key","component","Chart","defineChart","chartType","size","graph","map","index","onDataChange","changeData","onChangeTitle","changeTitle","onChangeLabels","changeLabel","changeInteractiveEnabled","changeEditableEnabled","categoryDefaultLabel","categoryDefaults","changeAddCategoryEnabled","checked","changeAddRemoveEnabled","target","addCategory","authoringLabel","AlertDialog","exports","PropTypes","object","isRequired","func","array","bool","_default"],"sources":["../src/charting-config.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { Chart } from '@pie-lib/charting';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport Checkbox from '@mui/material/Checkbox';\nimport { color } from '@pie-lib/render-ui';\n\nimport Typography from '@mui/material/Typography';\n\nconst Container = styled('div')(({ theme }) => ({\n  marginBottom: theme.spacing(2.5),\n  display: 'flex',\n  flex: 1,\n}));\n\nconst Title = styled('div')(({ theme }) => ({\n  marginBottom: theme.spacing(1),\n}));\n\nconst Column = styled('div')({\n  flex: 1,\n});\n\nconst CustomColorCheckbox = styled(Checkbox)({\n  color: `${color.tertiary()} !important`,\n});\n\nconst restoreCorrectAnswer = (correctAnswer, data) => {\n  if (!correctAnswer) {\n    return data;\n  }\n\n  let correctResponseDefinition = [];\n\n  (data || []).forEach((category, currentIndex) => {\n    const { editable, interactive } = category;\n\n    const label = editable && correctAnswer[currentIndex]?.label ? correctAnswer[currentIndex].label : category.label;\n\n    const value =\n      interactive && correctAnswer[currentIndex]?.value ? correctAnswer[currentIndex].value : category.value;\n\n    correctResponseDefinition[currentIndex] = {\n      label: label,\n      value: value,\n      editable: category.editable,\n      interactive: category.interactive,\n    };\n  });\n\n  return correctResponseDefinition;\n};\n\nexport class ChartingConfig extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    titlePlaceholder: PropTypes.object,\n    showPixelGuides: PropTypes.bool,\n    authorNewCategoryDefaults: PropTypes.object,\n    chartingOptions: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  changeData = (data) => this.props.onChange({ ...this.props.model, data });\n\n  changeAddRemoveEnabled = (value) => {\n    const { model } = this.props;\n    const correctAnswer = restoreCorrectAnswer(model.correctAnswer.data, model.data);\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This change will remove any correct answer categories that are not part of the initial item configuration.',\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              this.props.onChange({\n                ...this.props.model,\n                addCategoryEnabled: value,\n                correctAnswer: { data: correctAnswer },\n              }),\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.props.onChange({ ...this.props.model, addCategoryEnabled: value });\n    }\n  };\n\n  changeTitle = (title) => this.props.onChange({ ...this.props.model, title });\n\n  changeLabel = (type, label) =>\n    this.props.onChange({\n      ...this.props.model,\n      [type]: {\n        ...this.props.model[type],\n        label,\n      },\n    });\n\n  render() {\n    const {\n      model,\n      charts,\n      labelsPlaceholders,\n      titlePlaceholder,\n      showPixelGuides,\n      authorNewCategoryDefaults,\n      chartingOptions,\n      mathMlOptions = {},\n      labelsCharactersLimit,\n    } = this.props;\n    const { dialog } = this.state;\n    const { domain = {}, range = {} } = model || {};\n\n    return (\n      <div>\n        <Title>Define Initial Chart Attributes</Title>\n        <Container>\n          <Column key=\"graph\">\n            <Typography component=\"div\" type=\"body1\">\n              <span>Use the tools below to set up the chart as it will initially appear to students.</span>\n            </Typography>\n\n            <Chart\n              defineChart={true}\n              chartingOptions={chartingOptions}\n              showPixelGuides={showPixelGuides}\n              chartType={model.chartType}\n              size={model.graph}\n              domain={domain}\n              range={range}\n              charts={charts}\n              // index is a property used for setting the correct answer data; it's needed in order to remove categories from other data sets from the same index it was removed from the initial data\n              data={model.data.map((category, index) => ({\n                ...category,\n                index: index,\n              }))}\n              title={model.title}\n              onDataChange={this.changeData}\n              onChangeTitle={this.changeTitle}\n              onChangeLabels={this.changeLabel}\n              addCategoryEnabled={true}\n              changeInteractiveEnabled={model.changeInteractiveEnabled}\n              changeEditableEnabled={model.changeEditableEnabled}\n              categoryDefaultLabel={authorNewCategoryDefaults?.label}\n              categoryDefaults={authorNewCategoryDefaults}\n              labelsPlaceholders={labelsPlaceholders}\n              titlePlaceholder={titlePlaceholder?.label}\n              mathMlOptions={mathMlOptions}\n              labelsCharactersLimit={labelsCharactersLimit}\n            />\n            {model.changeAddCategoryEnabled && (\n              <div>\n                <CustomColorCheckbox\n                  checked={model.addCategoryEnabled}\n                  onChange={(e) => {\n                    this.changeAddRemoveEnabled(e.target.checked);\n                  }}\n                />\n                {chartingOptions?.addCategory?.authoringLabel}\n              </div>\n            )}\n            <AlertDialog\n              open={dialog.open}\n              title={dialog.title}\n              text={dialog.text}\n              onClose={dialog.onClose}\n              onConfirm={dialog.onConfirm}\n            />\n          </Column>\n        </Container>\n      </div>\n    );\n  }\n}\n\nexport default ChartingConfig;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/configure.js

@@ -1,312 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Configure = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
-var _charting = require("@pie-lib/charting");
-var _configUi = require("@pie-lib/config-ui");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _debug = _interopRequireDefault(require("debug"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
-var _chartingConfig = _interopRequireDefault(require("./charting-config"));
-var _correctResponse = _interopRequireDefault(require("./correct-response"));
-var _utils = require("./utils");
-const log = (0, _debug.default)('@pie-element:graphing:configure');
-const {
-  Panel,
-  toggle,
-  radio,
-  dropdown,
-  textField
-} = _configUi.settings;
-const PromptHolder = (0, _styles.styled)(_configUi.InputContainer)(({
-  theme
-}) => ({
-  width: '100%',
-  paddingTop: theme.spacing(2),
-  marginBottom: theme.spacing(2)
-}));
-const Description = (0, _styles.styled)(_Typography.default)(({
-  theme
-}) => ({
-  marginBottom: theme.spacing(2.5)
-}));
-const ErrorText = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  fontSize: theme.typography.fontSize - 2,
-  color: theme.palette.error.main,
-  paddingTop: theme.spacing(1)
-}));
-const charts = [_charting.chartTypes.Bar(), _charting.chartTypes.Histogram(), _charting.chartTypes.LineDot(), _charting.chartTypes.LineCross(), _charting.chartTypes.DotPlot(), _charting.chartTypes.LinePlot()];
-class Configure extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "onRationaleChange", rationale => this.props.onModelChanged({
-      ...this.props.model,
-      rationale
-    }));
-    (0, _defineProperty2.default)(this, "onPromptChange", prompt => this.props.onModelChanged({
-      ...this.props.model,
-      prompt
-    }));
-    (0, _defineProperty2.default)(this, "onTeacherInstructionsChange", teacherInstructions => this.props.onModelChanged({
-      ...this.props.model,
-      teacherInstructions
-    }));
-    (0, _defineProperty2.default)(this, "onChartTypeChange", chartType => this.props.onModelChanged({
-      ...this.props.model,
-      chartType
-    }));
-    (0, _defineProperty2.default)(this, "onConfigChange", config => {
-      const {
-        model,
-        onModelChanged
-      } = this.props;
-      const {
-        gridValues: oldGridValues,
-        labelValues: oldLabelValues
-      } = this.state;
-      const updatedModel = {
-        ...model,
-        ...config
-      };
-      const {
-        graph,
-        range
-      } = updatedModel;
-      const gridValues = {};
-      const labelValues = {};
-      const rangeConstraints = (0, _utils.applyConstraints)(range, graph.height, oldGridValues.range, oldLabelValues.range);
-      gridValues.range = rangeConstraints.gridValues;
-      labelValues.range = rangeConstraints.labelValues;
-      this.setState({
-        gridValues,
-        labelValues
-      });
-      onModelChanged(updatedModel);
-    });
-    const {
-      range: _range = {},
-      graph: _graph
-    } = props.model || {};
-    const _gridValues = {
-      range: (0, _utils.getGridValues)(_range, _graph.height, true)
-    };
-    const _labelValues = {
-      range: (0, _utils.getLabelValues)(_range.step || 1)
-    };
-    this.state = {
-      gridValues: _gridValues,
-      labelValues: _labelValues
-    };
-  }
-  render() {
-    const {
-      configuration,
-      imageSupport,
-      model,
-      onConfigurationChanged,
-      onModelChanged,
-      uploadSoundSupport
-    } = this.props;
-    log('[render] model', model);
-    const {
-      graph
-    } = model;
-    const {
-      baseInputConfiguration = {},
-      contentDimensions = {},
-      chartDimensions = {},
-      authorNewCategoryDefaults = {},
-      labelsPlaceholders = {},
-      instruction = {},
-      maxImageWidth = {},
-      maxImageHeight = {},
-      prompt = {},
-      rationale = {},
-      scoringType = {},
-      settingsPanelDisabled,
-      spellCheck = {},
-      studentInstructions = {},
-      teacherInstructions = {},
-      titlePlaceholder = {},
-      withRubric = {},
-      chartingOptions = {},
-      availableChartTypes = {},
-      mathMlOptions = {},
-      chartTypeLabel,
-      language = {},
-      languageChoices = {},
-      labelsCharactersLimit
-    } = configuration || {};
-    const {
-      errors,
-      extraCSSRules,
-      promptEnabled,
-      rationaleEnabled,
-      spellCheckEnabled,
-      teacherInstructionsEnabled,
-      studentNewCategoryDefaultLabel
-    } = model || {};
-    const {
-      categoryErrors,
-      correctAnswerErrors,
-      prompt: promptError,
-      rationale: rationaleError,
-      teacherInstructions: teacherInstructionsError
-    } = errors || {};
-    const {
-      gridValues,
-      labelValues
-    } = this.state;
-    const showPixeGuides = chartDimensions.showInConfigPanel || true;
-    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
-    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
-    const panelItemType = {
-      changeInteractiveEnabled: chartingOptions.changeInteractive?.settings && toggle(chartingOptions.changeInteractive.settingsLabel),
-      changeEditableEnabled: chartingOptions.changeEditable?.settings && toggle(chartingOptions.changeEditable.settingsLabel),
-      changeAddCategoryEnabled: chartingOptions.addCategory?.settings && toggle(chartingOptions.addCategory.settingsLabel)
-    };
-    const 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?.settings && toggle(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)
-    };
-    const getPluginProps = (props = {}) => ({
-      ...baseInputConfiguration,
-      ...props
-    });
-    return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
-      extraCSSRules: extraCSSRules,
-      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(Description, {
-      component: "div",
-      type: "body1"
-    }, instruction?.label || ''), teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
-      label: teacherInstructions.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
-      markup: model.teacherInstructions || '',
-      onChange: this.onTeacherInstructionsChange,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      error: teacherInstructionsError,
-      spellCheck: spellCheckEnabled,
-      pluginProps: getPluginProps(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(ErrorText, null, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
-      label: prompt.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
-      markup: model.prompt,
-      onChange: this.onPromptChange,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      error: promptError,
-      spellCheck: spellCheckEnabled,
-      disableUnderline: true,
-      pluginProps: getPluginProps(prompt?.inputConfiguration),
-      maxImageWidth: defaultImageMaxWidth,
-      maxImageHeight: defaultImageMaxHeight,
-      uploadSoundSupport: uploadSoundSupport,
-      languageCharactersProps: [{
-        language: 'spanish'
-      }, {
-        language: 'special'
-      }],
-      mathMlOptions: mathMlOptions
-    }), promptError && /*#__PURE__*/_react.default.createElement(ErrorText, null, 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,
-      labelsPlaceholders: labelsPlaceholders
-    }), rationaleEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
-      label: rationale.label || 'Rationale'
-    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
-      markup: model.rationale || '',
-      onChange: this.onRationaleChange,
-      imageSupport: imageSupport,
-      error: rationaleError,
-      spellCheck: spellCheckEnabled,
-      pluginProps: getPluginProps(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(ErrorText, null, rationaleError)));
-  }
-}
-exports.Configure = Configure;
-(0, _defineProperty2.default)(Configure, "propTypes", {
-  onModelChanged: _propTypes.default.func,
-  onConfigurationChanged: _propTypes.default.func,
-  imageSupport: _propTypes.default.object,
-  uploadSoundSupport: _propTypes.default.object,
-  model: _propTypes.default.object.isRequired,
-  configuration: _propTypes.default.object.isRequired,
-  chartingOptions: _propTypes.default.object
-});
-var _default = exports.default = Configure;
-//# sourceMappingURL=configure.js.map