@pie-element/extended-text-entry 15.1.2-next.1 → 15.1.2

package/configure/lib/defaults.js

@@ -0,0 +1,224 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  model: {
+    annotationsEnabled: false,
+    dimensions: {
+      height: 100,
+      width: 500
+    },
+    equationEditor: 'Grade 8 - HS',
+    feedbackEnabled: false,
+    mathInput: false,
+    playerSpellCheckDisabled: true,
+    predefinedAnnotations: [{
+      label: 'good',
+      text: 'good',
+      type: 'positive'
+    }, {
+      label: '★',
+      text: '★',
+      type: 'positive'
+    }, {
+      label: ':-)',
+      text: ':-)',
+      type: 'positive'
+    }, {
+      label: 'creative',
+      text: 'creative',
+      type: 'positive'
+    }, {
+      label: 'run-on',
+      text: 'run-on',
+      type: 'negative'
+    }, {
+      label: 'frag',
+      text: 'fragment',
+      type: 'negative'
+    }, {
+      label: 'tran',
+      text: 'transition',
+      type: 'negative'
+    }, {
+      label: 'supp',
+      text: 'support needed',
+      type: 'negative'
+    }, {
+      label: 'punc',
+      text: 'punctuation',
+      type: 'negative'
+    }, {
+      label: 'agr',
+      text: 'agreement wrong',
+      type: 'negative'
+    }, {
+      label: 'unclear',
+      text: 'unclear',
+      type: 'negative'
+    }, {
+      label: 'cut',
+      text: 'cut',
+      type: 'negative'
+    }, {
+      label: 'sp',
+      text: 'spelling',
+      type: 'negative'
+    }, {
+      label: 'cap',
+      text: 'capitalization',
+      type: 'negative'
+    }, {
+      label: 'inf',
+      text: 'informal',
+      type: 'negative'
+    }, {
+      label: 'awk',
+      text: 'awkward',
+      type: 'negative'
+    }],
+    prompt: '',
+    promptEnabled: true,
+    rationale: '',
+    rationaleEnabled: true,
+    spanishInput: false,
+    specialInput: false,
+    spellCheckEnabled: true,
+    studentInstructionsEnabled: true,
+    teacherInstructions: '',
+    teacherInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom'
+  },
+  configuration: {
+    annotations: {
+      settings: false,
+      label: 'Annotations'
+    },
+    baseInputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      h3: {
+        disabled: true
+      },
+      blockquote: {
+        disabled: true
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    dimensions: {
+      settings: true,
+      label: 'Text-Entry Display Size'
+    },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    playerSpellCheck: {
+      label: 'Disable Student Spellcheck',
+      settings: true,
+      enabled: true
+    },
+    equationEditor: {
+      settings: false,
+      label: 'Equation Editor',
+      enabled: true
+    },
+    feedback: {
+      settings: true,
+      label: 'Feedback'
+    },
+    mathInput: {
+      settings: true,
+      label: 'Student response can include math notation',
+      enabled: false
+    },
+    settingsPanelDisabled: false,
+    spanishInput: {
+      settings: true,
+      label: 'Students can insert Spanish',
+      enabled: false
+    },
+    specialInput: {
+      settings: true,
+      label: 'Students can insert Special Characters',
+      enabled: false
+    },
+    multiple: {
+      settings: false,
+      label: 'Multiple Parts',
+      enabled: false
+    },
+    studentInstructions: {
+      settings: false,
+      label: 'Student Instructions'
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    }
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","annotationsEnabled","dimensions","height","width","equationEditor","feedbackEnabled","mathInput","playerSpellCheckDisabled","predefinedAnnotations","label","text","type","prompt","promptEnabled","rationale","rationaleEnabled","spanishInput","specialInput","spellCheckEnabled","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","configuration","annotations","settings","baseInputConfiguration","audio","disabled","video","image","h3","blockquote","textAlign","showParagraphs","separateParagraphs","spellCheck","enabled","playerSpellCheck","feedback","settingsPanelDisabled","multiple","studentInstructions","inputConfiguration","required","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    annotationsEnabled: false,\n    dimensions: { height: 100, width: 500 },\n    equationEditor: 'Grade 8 - HS',\n    feedbackEnabled: false,\n    mathInput: false,\n    playerSpellCheckDisabled: true,\n    predefinedAnnotations: [\n      { label: 'good', text: 'good', type: 'positive' },\n      { label: '★', text: '★', type: 'positive' },\n      { label: ':-)', text: ':-)', type: 'positive' },\n      { label: 'creative', text: 'creative', type: 'positive' },\n      { label: 'run-on', text: 'run-on', type: 'negative' },\n      { label: 'frag', text: 'fragment', type: 'negative' },\n      { label: 'tran', text: 'transition', type: 'negative' },\n      { label: 'supp', text: 'support needed', type: 'negative' },\n      { label: 'punc', text: 'punctuation', type: 'negative' },\n      { label: 'agr', text: 'agreement wrong', type: 'negative' },\n      { label: 'unclear', text: 'unclear', type: 'negative' },\n      { label: 'cut', text: 'cut', type: 'negative' },\n      { label: 'sp', text: 'spelling', type: 'negative' },\n      { label: 'cap', text: 'capitalization', type: 'negative' },\n      { label: 'inf', text: 'informal', type: 'negative' },\n      { label: 'awk', text: 'awkward', type: 'negative' },\n    ],\n    prompt: '',\n    promptEnabled: true,\n    rationale: '',\n    rationaleEnabled: true,\n    spanishInput: false,\n    specialInput: false,\n    spellCheckEnabled: true,\n    studentInstructionsEnabled: true,\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    annotations: {\n      settings: false,\n      label: 'Annotations',\n    },\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      h3: { disabled: true },\n      blockquote: { disabled: true },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    dimensions: {\n      settings: true,\n      label: 'Text-Entry Display Size',\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    playerSpellCheck: {\n      label: 'Disable Student Spellcheck',\n      settings: true,\n      enabled: true,\n    },\n    equationEditor: {\n      settings: false,\n      label: 'Equation Editor',\n      enabled: true,\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n    },\n    mathInput: {\n      settings: true,\n      label: 'Student response can include math notation',\n      enabled: false,\n    },\n    settingsPanelDisabled: false,\n    spanishInput: {\n      settings: true,\n      label: 'Students can insert Spanish',\n      enabled: false,\n    },\n    specialInput: {\n      settings: true,\n      label: 'Students can insert Special Characters',\n      enabled: false,\n    },\n    multiple: {\n      settings: false,\n      label: 'Multiple Parts',\n      enabled: false,\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _main = _interopRequireDefault(require("./main"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+class ExtendedTextEntry extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this._configuration = _defaults.default.configuration;
+
+    // if configuration.withRubric.forceEnabled is true, then we
+    // update the configuration (we do not want to display the toggle in the Settings Panel)
+    if (this._configuration.withRubric?.forceEnabled) {
+      this._configuration.withRubric.settings = false;
+    }
+    this._model = ExtendedTextEntry.createDefaultModel({}, this._configuration);
+  }
+  set model(m) {
+    this._model = ExtendedTextEntry.createDefaultModel(m, this._configuration);
+    this.render();
+  }
+  set configuration(c) {
+    this._configuration = {
+      ..._defaults.default.configuration,
+      ...c
+    };
+    const {
+      withRubric = {}
+    } = c || {};
+
+    // if configuration.withRubric.forceEnabled is true, then we update the model (rubricEnabled)
+    // without triggering the Model Updated event (for more details, check documentation)
+    // and also update the configuration (we do not want to display the toggle in the Settings Panel)
+    if (withRubric?.forceEnabled) {
+      this._configuration.withRubric.settings = false;
+      if (!this._model.rubricEnabled) {
+        this._model.rubricEnabled = true;
+      }
+    }
+    this.render();
+  }
+  onModelChanged(m) {
+    this._model = m;
+    this.render();
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
+  }
+  onConfigurationChanged(c) {
+    this._configuration = {
+      ..._defaults.default.configuration,
+      ...c
+    };
+    if (this._model) {
+      this.onModelChanged(this._model);
+    }
+    this.render();
+  }
+
+  /**
+   *
+   * @param {done, progress, file} handler
+   */
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  render() {
+    if (this._model) {
+      const element = /*#__PURE__*/_react.default.createElement(_main.default, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged.bind(this),
+        onConfigurationChanged: this.onConfigurationChanged.bind(this),
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          delete: this.onDeleteImage.bind(this)
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          delete: this.onDeleteSound.bind(this)
+        }
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(element);
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = ExtendedTextEntry;
+(0, _defineProperty2.default)(ExtendedTextEntry, "createDefaultModel", (model = {}, config) => {
+  const defaultModel = {
+    ..._defaults.default.model,
+    ...model
+  };
+
+  // if configuration.withRubric.forceEnabled is true, then we update the model (rubricEnabled)
+  // without triggering the Model Updated event (for more details, check documentation)
+  if (config?.withRubric?.forceEnabled && !defaultModel.rubricEnabled) {
+    defaultModel.rubricEnabled = true;
+  }
+  return defaultModel;
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_react","_interopRequireDefault","_client","_main","_defaults","ExtendedTextEntry","HTMLElement","constructor","_root","_configuration","defaults","configuration","withRubric","forceEnabled","settings","_model","createDefaultModel","model","m","render","c","rubricEnabled","onModelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Main","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","disconnectedCallback","unmount","exports","default","_defineProperty2","config","defaultModel"],"sources":["../src/index.js"],"sourcesContent":["import {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Main from './main';\n\nimport defaults from './defaults';\n\nexport default class ExtendedTextEntry extends HTMLElement {\n  static createDefaultModel = (model = {}, config) => {\n    const defaultModel = { ...defaults.model, ...model };\n\n    // if configuration.withRubric.forceEnabled is true, then we update the model (rubricEnabled)\n    // without triggering the Model Updated event (for more details, check documentation)\n    if (config?.withRubric?.forceEnabled && !defaultModel.rubricEnabled) {\n      defaultModel.rubricEnabled = true;\n    }\n\n    return defaultModel;\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n    this._configuration = defaults.configuration;\n\n    // if configuration.withRubric.forceEnabled is true, then we\n    // update the configuration (we do not want to display the toggle in the Settings Panel)\n    if (this._configuration.withRubric?.forceEnabled) {\n      this._configuration.withRubric.settings = false;\n    }\n\n    this._model = ExtendedTextEntry.createDefaultModel({}, this._configuration);\n  }\n\n  set model(m) {\n    this._model = ExtendedTextEntry.createDefaultModel(m, this._configuration);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = {\n      ...defaults.configuration,\n      ...c,\n    };\n\n    const { withRubric = {} } = c || {};\n\n    // if configuration.withRubric.forceEnabled is true, then we update the model (rubricEnabled)\n    // without triggering the Model Updated event (for more details, check documentation)\n    // and also update the configuration (we do not want to display the toggle in the Settings Panel)\n    if (withRubric?.forceEnabled) {\n      this._configuration.withRubric.settings = false;\n\n      if (!this._model.rubricEnabled) {\n        this._model.rubricEnabled = true;\n      }\n    }\n\n    this.render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n    this.render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, false));\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = {\n      ...defaults.configuration,\n      ...c,\n    };\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const element = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(element);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/main.js

@@ -0,0 +1,247 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Main = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _configUi = require("@pie-lib/config-ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/material/styles");
+var _editableHtmlTipTap = _interopRequireWildcard(require("@pie-lib/editable-html-tip-tap"));
+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 {
+  Panel,
+  toggle,
+  numberFields,
+  dropdown
+} = _configUi.settings;
+const defaultFeedback = {
+  type: 'default',
+  default: 'Your answer has been submitted'
+};
+const StyledHeader = (0, _styles.styled)(_Typography.default)(({
+  theme
+}) => ({
+  paddingBottom: theme.spacing(1)
+}));
+const PromptContainer = (0, _styles.styled)(_configUi.InputContainer)(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(1),
+  marginTop: theme.spacing(2),
+  marginBottom: theme.spacing(2),
+  width: '100%'
+}));
+const ErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingTop: theme.spacing(1)
+}));
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "onPromptChange", markup => {
+      const {
+        onModelChanged,
+        model
+      } = this.props;
+      onModelChanged({
+        ...model,
+        prompt: markup
+      });
+    });
+    (0, _defineProperty2.default)(this, "changeFeedback", feedback => {
+      const {
+        model,
+        onModelChanged
+      } = this.props;
+      const update = {
+        ...model,
+        feedback
+      };
+      onModelChanged(update);
+    });
+    (0, _defineProperty2.default)(this, "changeTeacherInstructions", teacherInstructions => {
+      const {
+        model,
+        onModelChanged
+      } = this.props;
+      const update = {
+        ...model,
+        teacherInstructions
+      };
+      onModelChanged(update);
+    });
+    this.state = {
+      setDimensions: true
+    };
+  }
+  render() {
+    const {
+      model,
+      configuration,
+      imageSupport,
+      onConfigurationChanged,
+      onModelChanged,
+      uploadSoundSupport
+    } = this.props;
+    const {
+      annotations = {},
+      contentDimensions = {},
+      dimensions = {},
+      equationEditor = {},
+      feedback = {},
+      playerSpellCheck = {},
+      prompt = {},
+      settingsPanelDisabled,
+      spanishInput = {},
+      specialInput = {},
+      spellCheck = {},
+      studentInstructions = {},
+      teacherInstructions = {},
+      mathInput = {},
+      maxImageWidth = {},
+      maxImageHeight = {},
+      multiple = {},
+      withRubric = {},
+      mathMlOptions = {},
+      baseInputConfiguration = {}
+    } = configuration || {};
+    const {
+      errors = {},
+      extraCSSRules,
+      feedbackEnabled,
+      promptEnabled,
+      spellCheckEnabled,
+      teacherInstructionsEnabled,
+      toolbarEditorPosition
+    } = model || {};
+    const {
+      prompt: promptError,
+      teacherInstructions: teacherInstructionsError
+    } = errors;
+    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+    const toolbarOpts = {
+      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
+    };
+    const panelSettings = {
+      mathInput: mathInput.settings && toggle(mathInput.label),
+      equationEditor: equationEditor.enabled && model.mathInput && dropdown(equationEditor.label, ['non-negative-integers', 'integers', 'decimals', 'fractions', 'Grade 1 - 2', 'Grade 3 - 5', 'Grade 6 - 7', 'Grade 8 - HS', 'geometry', 'advanced-algebra', 'statistics', 'item-authoring']),
+      spanishInput: spanishInput.settings && toggle(spanishInput.label),
+      specialInput: specialInput.settings && toggle(specialInput.label),
+      dimensions: dimensions.settings && numberFields(dimensions.label, {
+        width: {
+          label: 'Width (px)',
+          suffix: 'px',
+          min: 100,
+          max: 1200
+        },
+        height: {
+          label: 'Height (px)',
+          suffix: 'px',
+          min: 100,
+          max: 500
+        }
+      }),
+      'multiple.enabled': multiple.settings && toggle(multiple.label, true),
+      promptEnabled: prompt.settings && toggle(prompt.label),
+      feedbackEnabled: feedback.settings && toggle(feedback.label),
+      annotationsEnabled: annotations.settings && toggle(annotations.label),
+      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+      playerSpellCheckDisabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
+    };
+    const panelProperties = {
+      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+      rubricEnabled: withRubric?.settings && toggle(withRubric?.label)
+    };
+    const getPluginProps = props => {
+      return Object.assign({
+        ...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: model => onModelChanged(model),
+        onChangeConfiguration: config => onConfigurationChanged(config),
+        groups: {
+          Settings: panelSettings,
+          Properties: panelProperties
+        }
+      })
+    }, teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(PromptContainer, {
+      label: teacherInstructions.label
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      className: "prompt",
+      markup: model.teacherInstructions || '',
+      onChange: this.changeTeacherInstructions,
+      imageSupport: imageSupport,
+      nonEmpty: false,
+      error: teacherInstructionsError,
+      toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
+      maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+      maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions,
+      pluginProps: getPluginProps(teacherInstructions?.inputConfiguration)
+    }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react.default.createElement(PromptContainer, {
+      label: prompt.label
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
+      className: "prompt",
+      markup: model.prompt || '',
+      onChange: this.onPromptChange,
+      imageSupport: imageSupport,
+      nonEmpty: false,
+      error: promptError,
+      toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
+      maxImageWidth: defaultImageMaxWidth,
+      maxImageHeight: defaultImageMaxHeight,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions,
+      pluginProps: getPluginProps(prompt?.inputConfiguration)
+    }), promptError && /*#__PURE__*/_react.default.createElement(ErrorText, null, promptError)), feedbackEnabled && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledHeader, {
+      variant: "h6"
+    }, "Feedback"), /*#__PURE__*/_react.default.createElement(_configUi.FeedbackSelector, {
+      label: "When submitted, show",
+      feedback: model.feedback || defaultFeedback,
+      onChange: this.changeFeedback,
+      toolbarOpts: toolbarOpts
+    })));
+  }
+}
+exports.Main = Main;
+(0, _defineProperty2.default)(Main, "propTypes", {
+  onModelChanged: _propTypes.default.func.isRequired,
+  onConfigurationChanged: _propTypes.default.func,
+  model: _propTypes.default.object.isRequired,
+  configuration: _propTypes.default.object.isRequired,
+  imageSupport: _propTypes.default.object.isRequired,
+  uploadSoundSupport: _propTypes.default.object.isRequired
+});
+var _default = exports.default = Main;
+//# sourceMappingURL=main.js.map