@pie-element/extended-text-entry 10.4.1-next.42 → 10.4.1-next.43

package/configure/lib/defaults.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  model: {
+    dimensions: {
+      height: 100,
+      width: 500
+    },
+    prompt: 'This is the question prompt',
+    mathInput: false,
+    spanishInput: false,
+    specialInput: false,
+    equationEditor: 'Grade 8 - HS',
+    feedbackEnabled: false,
+    rationaleEnabled: true,
+    promptEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true,
+    spellCheckEnabled: true,
+    playerSpellCheckDisabled: true,
+    toolbarEditorPosition: 'bottom'
+  },
+  configuration: {
+    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'
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions'
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    }
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/defaults.js"],"names":["model","dimensions","height","width","prompt","mathInput","spanishInput","specialInput","equationEditor","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","spellCheckEnabled","playerSpellCheckDisabled","toolbarEditorPosition","configuration","settings","label","spellCheck","enabled","playerSpellCheck","feedback","settingsPanelDisabled","multiple","studentInstructions","teacherInstructions","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing"],"mappings":"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","sourcesContent":["export default {\n  model: {\n    dimensions: {\n      height: 100,\n      width: 500,\n    },\n    prompt: 'This is the question prompt',\n    mathInput: false,\n    spanishInput: false,\n    specialInput: false,\n    equationEditor: 'Grade 8 - HS',\n    feedbackEnabled: false,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    spellCheckEnabled: true,\n    playerSpellCheckDisabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\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    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\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"],"file":"defaults.js"}

package/configure/lib/index.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _main = _interopRequireDefault(require("./main"));
+
+var _defaults = _interopRequireDefault(require("./defaults"));
+
+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 ExtendedTextEntry = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(ExtendedTextEntry, _HTMLElement);
+
+  var _super = _createSuper(ExtendedTextEntry);
+
+  function ExtendedTextEntry() {
+    var _this$_configuration$;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ExtendedTextEntry);
+    _this = _super.call(this);
+    _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$ = _this._configuration.withRubric) !== null && _this$_configuration$ !== void 0 && _this$_configuration$.forceEnabled) {
+      _this._configuration.withRubric.settings = false;
+    }
+
+    _this._model = ExtendedTextEntry.createDefaultModel({}, _this._configuration);
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ExtendedTextEntry, [{
+    key: "model",
+    set: function set(m) {
+      this._model = ExtendedTextEntry.createDefaultModel(m, this._configuration);
+      this.render();
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      this._configuration = _objectSpread(_objectSpread({}, _defaults["default"].configuration), c);
+
+      var _ref = c || {},
+          _ref$withRubric = _ref.withRubric,
+          withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric; // 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 !== null && withRubric !== void 0 && withRubric.forceEnabled) {
+        this._configuration.withRubric.settings = false;
+
+        if (!this._model.rubricEnabled) {
+          this._model.rubricEnabled = true;
+        }
+      }
+
+      this.render();
+    }
+  }, {
+    key: "onModelChanged",
+    value: function onModelChanged(m) {
+      this._model = m;
+      this.render();
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
+    }
+  }, {
+    key: "onConfigurationChanged",
+    value: function onConfigurationChanged(c) {
+      this._configuration = _objectSpread(_objectSpread({}, _defaults["default"].configuration), c);
+
+      if (this._model) {
+        this.onModelChanged(this._model);
+      }
+
+      this.render();
+    }
+    /**
+     *
+     * @param {done, progress, file} handler
+     */
+
+  }, {
+    key: "insertImage",
+    value: function insertImage(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+    }
+  }, {
+    key: "onDeleteImage",
+    value: function onDeleteImage(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+    }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this._model) {
+        var 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)
+          }
+        });
+
+        _reactDom["default"].render(element, this);
+      }
+    }
+  }]);
+  return ExtendedTextEntry;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = ExtendedTextEntry;
+(0, _defineProperty2["default"])(ExtendedTextEntry, "createDefaultModel", function () {
+  var _config$withRubric;
+
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 ? arguments[1] : undefined;
+
+  var defaultModel = _objectSpread(_objectSpread({}, _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 !== null && config !== void 0 && (_config$withRubric = config.withRubric) !== null && _config$withRubric !== void 0 && _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,"sources":["../src/index.js"],"names":["ExtendedTextEntry","_configuration","defaults","configuration","withRubric","forceEnabled","settings","_model","createDefaultModel","m","render","c","rubricEnabled","dispatchEvent","ModelUpdatedEvent","onModelChanged","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","element","React","createElement","Main","model","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","HTMLElement","config","defaultModel"],"mappings":"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","sourcesContent":["import {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\n\nimport defaults from './defaults';\n\nexport default class ExtendedTextEntry extends HTMLElement {\n  static createDefaultModel = (model = {}, config) => {\n    const defaultModel = {\n      ...defaults.model,\n      ...model,\n    };\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\n  constructor() {\n    super();\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      ReactDOM.render(element, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/lib/main.js

@@ -0,0 +1,287 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Main = 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 _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle,
+    numberFields = _configUi.settings.numberFields,
+    dropdown = _configUi.settings.dropdown;
+var defaultFeedback = {
+  type: 'default',
+  "default": 'Your answer has been submitted'
+};
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Main);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChange", function (markup) {
+      var _this$props = _this.props,
+          onModelChanged = _this$props.onModelChanged,
+          model = _this$props.model;
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        prompt: markup
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeFeedback", function (feedback) {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          onModelChanged = _this$props2.onModelChanged;
+
+      var update = _objectSpread(_objectSpread({}, model), {}, {
+        feedback: feedback
+      });
+
+      onModelChanged(update);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeTeacherInstructions", function (teacherInstructions) {
+      var _this$props3 = _this.props,
+          model = _this$props3.model,
+          onModelChanged = _this$props3.onModelChanged;
+
+      var update = _objectSpread(_objectSpread({}, model), {}, {
+        teacherInstructions: teacherInstructions
+      });
+
+      onModelChanged(update);
+    });
+    _this.state = {
+      setDimensions: true
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          model = _this$props4.model,
+          classes = _this$props4.classes,
+          configuration = _this$props4.configuration,
+          imageSupport = _this$props4.imageSupport,
+          onConfigurationChanged = _this$props4.onConfigurationChanged,
+          onModelChanged = _this$props4.onModelChanged,
+          uploadSoundSupport = _this$props4.uploadSoundSupport;
+
+      var _ref = configuration || {},
+          _ref$contentDimension = _ref.contentDimensions,
+          contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
+          _ref$dimensions = _ref.dimensions,
+          dimensions = _ref$dimensions === void 0 ? {} : _ref$dimensions,
+          _ref$equationEditor = _ref.equationEditor,
+          equationEditor = _ref$equationEditor === void 0 ? {} : _ref$equationEditor,
+          _ref$feedback = _ref.feedback,
+          feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
+          _ref$playerSpellCheck = _ref.playerSpellCheck,
+          playerSpellCheck = _ref$playerSpellCheck === void 0 ? {} : _ref$playerSpellCheck,
+          _ref$prompt = _ref.prompt,
+          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
+          settingsPanelDisabled = _ref.settingsPanelDisabled,
+          _ref$spanishInput = _ref.spanishInput,
+          spanishInput = _ref$spanishInput === void 0 ? {} : _ref$spanishInput,
+          _ref$specialInput = _ref.specialInput,
+          specialInput = _ref$specialInput === void 0 ? {} : _ref$specialInput,
+          _ref$spellCheck = _ref.spellCheck,
+          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+          _ref$studentInstructi = _ref.studentInstructions,
+          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _ref$teacherInstructi = _ref.teacherInstructions,
+          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
+          _ref$mathInput = _ref.mathInput,
+          mathInput = _ref$mathInput === void 0 ? {} : _ref$mathInput,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
+          _ref$multiple = _ref.multiple,
+          multiple = _ref$multiple === void 0 ? {} : _ref$multiple,
+          _ref$withRubric = _ref.withRubric,
+          withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric,
+          _ref$mathMlOptions = _ref.mathMlOptions,
+          mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
+
+      var _ref2 = model || {},
+          feedbackEnabled = _ref2.feedbackEnabled,
+          promptEnabled = _ref2.promptEnabled,
+          spellCheckEnabled = _ref2.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          toolbarEditorPosition = _ref2.toolbarEditorPosition;
+
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var toolbarOpts = {
+        position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
+      };
+      var 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: numberFields(dimensions.label, {
+          width: {
+            label: 'Width (px)',
+            suffix: 'px',
+            min: 100,
+            max: 500
+          },
+          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),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        playerSpellCheckDisabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
+      };
+      var panelProperties = {
+        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
+      };
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        dimensions: contentDimensions,
+        hideSettings: settingsPanelDisabled,
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          configuration: configuration,
+          onChangeModel: function onChangeModel(model) {
+            return onModelChanged(model);
+          },
+          onChangeConfiguration: function onChangeConfiguration(config) {
+            return onConfigurationChanged(config);
+          },
+          groups: {
+            Settings: panelSettings,
+            Properties: panelProperties
+          }
+        })
+      }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: teacherInstructions.label,
+        className: classes.promptContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.prompt,
+        markup: model.teacherInstructions || '',
+        onChange: this.changeTeacherInstructions,
+        imageSupport: imageSupport,
+        nonEmpty: false,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: prompt.label,
+        className: classes.promptContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        activePlugins: _editableHtml.ALL_PLUGINS,
+        className: classes.prompt,
+        markup: model.prompt || '',
+        onChange: this.onPromptChange,
+        imageSupport: imageSupport,
+        nonEmpty: false,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: defaultImageMaxWidth,
+        maxImageHeight: defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      })), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        className: classes.header,
+        variant: "subheading"
+      }, "Feedback"), /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackSelector, {
+        label: "When submitted, show",
+        feedback: model.feedback || defaultFeedback,
+        onChange: this.changeFeedback,
+        toolbarOpts: toolbarOpts
+      })));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+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,
+  classes: _propTypes["default"].object.isRequired
+});
+
+var _default = (0, _styles.withStyles)(function (theme) {
+  return {
+    header: {
+      paddingBottom: theme.spacing.unit
+    },
+    promptContainer: {
+      paddingTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2,
+      width: '100%'
+    }
+  };
+})(Main);
+
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","numberFields","dropdown","defaultFeedback","type","Main","props","markup","onModelChanged","model","prompt","feedback","update","teacherInstructions","state","setDimensions","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","contentDimensions","dimensions","equationEditor","playerSpellCheck","settingsPanelDisabled","spanishInput","specialInput","spellCheck","studentInstructions","mathInput","maxImageWidth","maxImageHeight","multiple","withRubric","mathMlOptions","feedbackEnabled","promptEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","width","suffix","min","max","height","playerSpellCheckDisabled","panelProperties","studentInstructionsEnabled","rubricEnabled","config","Settings","Properties","promptContainer","changeTeacherInstructions","language","ALL_PLUGINS","onPromptChange","header","changeFeedback","React","Component","PropTypes","func","isRequired","object","theme","paddingBottom","spacing","unit","paddingTop","marginBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FeedbackSelector, InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle, numberFields, dropdown } = settings;\n\nconst defaultFeedback = {\n  type: 'default',\n  default: 'Your answer has been submitted',\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { setDimensions: true };\n  }\n\n  onPromptChange = (markup) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, prompt: markup });\n  };\n\n  changeFeedback = (feedback) => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, feedback };\n\n    onModelChanged(update);\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, teacherInstructions };\n\n    onModelChanged(update);\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      contentDimensions = {},\n      dimensions = {},\n      equationEditor = {},\n      feedback = {},\n      playerSpellCheck = {},\n      prompt = {},\n      settingsPanelDisabled,\n      spanishInput = {},\n      specialInput = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      mathInput = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      multiple = {},\n      withRubric = {},\n      mathMlOptions = {},\n    } = configuration || {};\n    const { feedbackEnabled, promptEnabled, spellCheckEnabled, teacherInstructionsEnabled, toolbarEditorPosition } =\n      model || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      mathInput: mathInput.settings && toggle(mathInput.label),\n      equationEditor:\n        equationEditor.enabled &&\n        model.mathInput &&\n        dropdown(equationEditor.label, [\n          'non-negative-integers',\n          'integers',\n          'decimals',\n          'fractions',\n          'Grade 1 - 2',\n          'Grade 3 - 5',\n          'Grade 6 - 7',\n          'Grade 8 - HS',\n          'geometry',\n          'advanced-algebra',\n          'statistics',\n          'item-authoring',\n        ]),\n      spanishInput: spanishInput.settings && toggle(spanishInput.label),\n      specialInput: specialInput.settings && toggle(specialInput.label),\n      dimensions: numberFields(dimensions.label, {\n        width: { label: 'Width (px)', suffix: 'px', min: 100, max: 500 },\n        height: { label: 'Height (px)', suffix: 'px', min: 100, max: 500 },\n      }),\n      'multiple.enabled': multiple.settings && toggle(multiple.label, true),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      playerSpellCheckDisabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={(config) => onConfigurationChanged(config)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptContainer}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.changeTeacherInstructions}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              className={classes.prompt}\n              markup={model.prompt || ''}\n              onChange={this.onPromptChange}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </InputContainer>\n        )}\n\n        {feedbackEnabled && (\n          <React.Fragment>\n            <Typography className={classes.header} variant=\"subheading\">\n              Feedback\n            </Typography>\n\n            <FeedbackSelector\n              label=\"When submitted, show\"\n              feedback={model.feedback || defaultFeedback}\n              onChange={this.changeFeedback}\n              toolbarOpts={toolbarOpts}\n            />\n          </React.Fragment>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles((theme) => ({\n  header: {\n    paddingBottom: theme.spacing.unit,\n  },\n  promptContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%',\n  },\n}))(Main);\n"],"file":"main.js"}

package/configure/package.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.8.3-next.17",
+    "@pie-lib/pie-toolbox": "1.8.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/lib/defaults.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  dimensions: {
+    height: 100,
+    width: 500
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map