@pie-element/drawing-response 12.2.2-beta.4 → 12.2.2-beta.6

package/configure/lib/index.js

@@ -1,151 +0,0 @@
-"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 _debug = _interopRequireDefault(require("debug"));
-var _root = _interopRequireDefault(require("./root"));
-var _defaults = _interopRequireDefault(require("./defaults"));
-const log = (0, _debug.default)('hotspot:configure');
-class DrawableResponseConfigure extends HTMLElement {
-  constructor() {
-    super();
-    (0, _defineProperty2.default)(this, "onModelChanged", (m, reset) => {
-      this._model = m;
-      this.dispatchModelUpdated(reset);
-      this._render();
-    });
-    (0, _defineProperty2.default)(this, "onConfigurationChanged", c => {
-      this._configuration = c;
-      this._render();
-    });
-    (0, _defineProperty2.default)(this, "insertImage", handler => {
-      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
-    });
-    (0, _defineProperty2.default)(this, "onDeleteImage", (src, done) => {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
-    });
-    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 = DrawableResponseConfigure.createDefaultModel({}, this._configuration);
-    this.onModelChanged = this.onModelChanged.bind(this);
-  }
-  set model(s) {
-    this._model = DrawableResponseConfigure.createDefaultModel(s, this._configuration);
-    this._render();
-  }
-  set configuration(c) {
-    const newConfiguration = {
-      ..._defaults.default.configuration,
-      ...c
-    };
-    this._configuration = newConfiguration;
-    const {
-      withRubric = {}
-    } = c || {};
-
-    // if configuration.withRubric.forceEnabled is true, then we update the model
-    // 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;
-      }
-    }
-
-    // if language:enabled is true, then the corresponding default item model should include a language value;
-    // if it is false, then the language field should be omitted from the item model.
-    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
-    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
-    if (newConfiguration?.language?.enabled) {
-      if (newConfiguration?.languageChoices?.options?.length) {
-        this._model.language = newConfiguration?.languageChoices.options[0].value;
-      }
-    } else if (newConfiguration.language.settings && this._model.language) {
-      this._configuration.language.enabled = true;
-      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
-        this._configuration.languageChoices.options = [];
-      }
-
-      // check if the language is already included in the languageChoices.options array
-      // and if not, then add it.
-      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
-        this._configuration.languageChoices.options.push({
-          value: this._model.language,
-          label: this._model.language
-        });
-      }
-    } else {
-      delete this._model.language;
-    }
-    this._render();
-  }
-  dispatchModelUpdated(reset) {
-    const resetValue = !!reset;
-    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
-  }
-  insertSound(handler) {
-    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
-  }
-  onDeleteSound(src, done) {
-    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
-  }
-  _render() {
-    log('_render');
-    let element = /*#__PURE__*/_react.default.createElement(_root.default, {
-      model: this._model,
-      configuration: this._configuration,
-      onModelChanged: this.onModelChanged,
-      onConfigurationChanged: this.onConfigurationChanged,
-      imageSupport: {
-        add: this.insertImage,
-        delete: this.onDeleteImage
-      },
-      uploadSoundSupport: {
-        add: this.insertSound.bind(this),
-        delete: this.onDeleteSound.bind(this)
-      }
-    });
-    if (!this._root) {
-      this._root = (0, _client.createRoot)(this);
-    }
-    this._root.render(element);
-  }
-  connectedCallback() {
-    this._render();
-  }
-  disconnectedCallback() {
-    if (this._root) {
-      this._root.unmount();
-      this._root = null;
-    }
-  }
-}
-exports.default = DrawableResponseConfigure;
-(0, _defineProperty2.default)(DrawableResponseConfigure, "createDefaultModel", (model = {}, config) => {
-  const defaultModel = {
-    ..._defaults.default.model,
-    ...model
-  };
-
-  // if configuration.withRubric.forceEnabled is true, then we update the model
-  // 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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_react","_interopRequireDefault","_client","_debug","_root","_defaults","log","debug","DrawableResponseConfigure","HTMLElement","constructor","_defineProperty2","default","m","reset","_model","dispatchModelUpdated","_render","c","_configuration","handler","dispatchEvent","InsertImageEvent","src","done","DeleteImageEvent","sensibleDefaults","configuration","withRubric","forceEnabled","settings","createDefaultModel","onModelChanged","bind","model","s","newConfiguration","rubricEnabled","language","enabled","languageChoices","options","length","value","find","option","push","label","resetValue","ModelUpdatedEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Root","onConfigurationChanged","imageSupport","add","insertImage","delete","onDeleteImage","uploadSoundSupport","createRoot","render","connectedCallback","disconnectedCallback","unmount","exports","config","defaultModel"],"sources":["../src/index.js"],"sourcesContent":["import {\n  DeleteImageEvent,\n  DeleteSoundEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  ModelUpdatedEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\n\nimport Root from './root';\nimport sensibleDefaults from './defaults';\n\nconst log = debug('hotspot:configure');\n\nexport default class DrawableResponseConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}, config) => {\n    const defaultModel = {\n      ...sensibleDefaults.model,\n      ...model,\n    };\n\n    // if configuration.withRubric.forceEnabled is true, then we update the model\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 = sensibleDefaults.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 = DrawableResponseConfigure.createDefaultModel({}, this._configuration);\n    this.onModelChanged = this.onModelChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = DrawableResponseConfigure.createDefaultModel(s, this._configuration);\n    this._render();\n  }\n\n  set configuration(c) {\n    const newConfiguration = {\n      ...sensibleDefaults.configuration,\n      ...c,\n    };\n\n    this._configuration = newConfiguration;\n\n    const { withRubric = {} } = c || {};\n\n    // if configuration.withRubric.forceEnabled is true, then we update the model\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    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged = (m, reset) => {\n    this._model = m;\n    this.dispatchModelUpdated(reset);\n    this._render();\n  };\n\n  onConfigurationChanged = (c) => {\n    this._configuration = c;\n\n    this._render();\n  };\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    log('_render');\n\n    let element = React.createElement(Root, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      imageSupport: {\n        add: this.insertImage,\n        delete: this.onDeleteImage,\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(element);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/root.js

@@ -1,219 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Root = 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 _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _styles = require("@mui/material/styles");
-var _imageContainer = _interopRequireDefault(require("./image-container"));
-var _lodashEs = require("lodash-es");
-const {
-  Panel,
-  toggle,
-  dropdown
-} = _configUi.settings;
-const PromptHolder = (0, _styles.styled)(_configUi.InputContainer)(({
-  theme
-}) => ({
-  paddingTop: theme.spacing(1),
-  marginTop: theme.spacing(2),
-  marginBottom: theme.spacing(1),
-  width: '100%'
-}));
-const ErrorText = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  fontSize: theme.typography.fontSize - 2,
-  color: theme.palette.error.main,
-  paddingTop: theme.spacing(1)
-}));
-class Root extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "onPromptChanged", prompt => {
-      const {
-        model,
-        onModelChanged
-      } = this.props;
-      const update = (0, _lodashEs.cloneDeep)(model);
-      onModelChanged({
-        ...update,
-        prompt
-      });
-    });
-    (0, _defineProperty2.default)(this, "onTeacherInstructionsChanged", teacherInstructions => {
-      const {
-        model,
-        onModelChanged
-      } = this.props;
-      onModelChanged({
-        ...model,
-        teacherInstructions
-      });
-    });
-    (0, _defineProperty2.default)(this, "onUpdateImageDimension", dimensions => {
-      const {
-        model,
-        onModelChanged
-      } = this.props;
-      onModelChanged({
-        ...model,
-        imageDimensions: dimensions
-      });
-    });
-    (0, _defineProperty2.default)(this, "onImageUpload", imageUrl => {
-      const {
-        model,
-        onModelChanged
-      } = this.props;
-      onModelChanged({
-        ...model,
-        imageUrl
-      });
-    });
-  }
-  render() {
-    const {
-      configuration,
-      imageSupport,
-      model,
-      onConfigurationChanged,
-      onModelChanged,
-      uploadSoundSupport
-    } = this.props;
-    const {
-      baseInputConfiguration = {},
-      backgroundImage = {},
-      contentDimensions = {},
-      maxImageWidth = {},
-      maxImageHeight = {},
-      prompt = {},
-      settingsPanelDisabled,
-      spellCheck = {},
-      teacherInstructions = {},
-      withRubric = {},
-      language = {},
-      languageChoices = {},
-      mathMlOptions = {}
-    } = configuration || {};
-    const {
-      backgroundImageEnabled,
-      errors = {},
-      extraCSSRules,
-      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 = {
-      backgroundImageEnabled: backgroundImage.settings && toggle(backgroundImage.label),
-      promptEnabled: prompt.settings && toggle(prompt.label),
-      'language.enabled': language.settings && toggle(language.label, true),
-      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
-    };
-    const panelProperties = {
-      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
-      rubricEnabled: withRubric?.settings && toggle(withRubric?.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,
-        onChangeModel: onModelChanged,
-        configuration: configuration,
-        onChangeConfiguration: onConfigurationChanged,
-        groups: {
-          Settings: panelSettings,
-          Properties: panelProperties
-        }
-      })
-    }, teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
-      label: teacherInstructions.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
-      markup: model.teacherInstructions || '',
-      onChange: this.onTeacherInstructionsChanged,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      error: teacherInstructionsError,
-      toolbarOpts: toolbarOpts,
-      pluginProps: getPluginProps(teacherInstructions?.inputConfiguration),
-      spellCheck: spellCheckEnabled,
-      maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
-      maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
-      uploadSoundSupport: uploadSoundSupport,
-      languageCharactersProps: [{
-        language: 'spanish'
-      }, {
-        language: 'special'
-      }],
-      mathMlOptions: mathMlOptions
-    }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
-      label: "Item Stem"
-    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
-      markup: model.prompt,
-      onChange: this.onPromptChanged,
-      error: promptError,
-      toolbarOpts: toolbarOpts,
-      spellCheck: spellCheckEnabled,
-      pluginProps: getPluginProps(prompt?.inputConfiguration),
-      imageSupport: imageSupport,
-      maxImageWidth: defaultImageMaxWidth,
-      maxImageHeight: defaultImageMaxHeight,
-      uploadSoundSupport: uploadSoundSupport,
-      languageCharactersProps: [{
-        language: 'spanish'
-      }, {
-        language: 'special'
-      }],
-      mathMlOptions: mathMlOptions
-    }), promptError && /*#__PURE__*/_react.default.createElement(ErrorText, null, promptError)), backgroundImageEnabled && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      variant: "h6"
-    }, "Define Background Image"), /*#__PURE__*/_react.default.createElement(_imageContainer.default, {
-      imageUrl: model.imageUrl,
-      onUpdateImageDimension: this.onUpdateImageDimension,
-      onImageUpload: this.onImageUpload,
-      imageDimensions: model.imageDimensions,
-      insertImage: imageSupport && imageSupport.add
-    })));
-  }
-}
-exports.Root = Root;
-Root.propTypes = {
-  configuration: _propTypes.default.object,
-  model: _propTypes.default.object.isRequired,
-  imageSupport: _propTypes.default.shape({
-    add: _propTypes.default.func,
-    delete: _propTypes.default.func
-  }),
-  uploadSoundSupport: _propTypes.default.shape({
-    add: _propTypes.default.func,
-    delete: _propTypes.default.func
-  }),
-  onModelChanged: _propTypes.default.func.isRequired,
-  onConfigurationChanged: _propTypes.default.func.isRequired
-};
-var _default = exports.default = Root;
-//# sourceMappingURL=root.js.map

package/configure/lib/root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"root.js","names":["_react","_interopRequireDefault","require","_configUi","_propTypes","_editableHtmlTipTap","_Typography","_styles","_imageContainer","_lodashEs","Panel","toggle","dropdown","settings","PromptHolder","styled","InputContainer","theme","paddingTop","spacing","marginTop","marginBottom","width","ErrorText","fontSize","typography","color","palette","error","main","Root","React","Component","constructor","args","_defineProperty2","default","prompt","model","onModelChanged","props","update","cloneDeep","teacherInstructions","dimensions","imageDimensions","imageUrl","render","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","baseInputConfiguration","backgroundImage","contentDimensions","maxImageWidth","maxImageHeight","settingsPanelDisabled","spellCheck","withRubric","language","languageChoices","mathMlOptions","backgroundImageEnabled","errors","extraCSSRules","promptEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","options","panelProperties","rubricEnabled","getPluginProps","createElement","layout","ConfigLayout","hideSettings","onChangeModel","onChangeConfiguration","groups","Settings","Properties","markup","onChange","onTeacherInstructionsChanged","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","onPromptChanged","Fragment","variant","onUpdateImageDimension","onImageUpload","insertImage","add","exports","propTypes","PropTypes","object","isRequired","shape","func","delete","_default"],"sources":["../src/root.jsx"],"sourcesContent":["import React from 'react';\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\n\nimport ImageContainer from './image-container';\nimport { cloneDeep } from 'lodash-es';\n\nconst { Panel, toggle, dropdown } = settings;\n\nconst PromptHolder = styled(InputContainer)(({ theme }) => ({\n  paddingTop: theme.spacing(1),\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(1),\n  width: '100%',\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nexport class Root extends React.Component {\n  onPromptChanged = (prompt) => {\n    const { model, onModelChanged } = this.props;\n    const update = cloneDeep(model);\n\n    onModelChanged({ ...update, prompt });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    const { model, onModelChanged } = this.props;\n\n    onModelChanged({ ...model, teacherInstructions });\n  };\n\n  onUpdateImageDimension = (dimensions) => {\n    const { model, onModelChanged } = this.props;\n\n    onModelChanged({ ...model, imageDimensions: dimensions });\n  };\n\n  onImageUpload = (imageUrl) => {\n    const { model, onModelChanged } = this.props;\n\n    onModelChanged({ ...model, imageUrl });\n  };\n\n  render() {\n    const { configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      baseInputConfiguration = {},\n      backgroundImage = {},\n      contentDimensions = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      prompt = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      withRubric = {},\n      language = {},\n      languageChoices = {},\n      mathMlOptions = {},\n    } = configuration || {};\n    const {\n      backgroundImageEnabled,\n      errors = {},\n      extraCSSRules,\n      promptEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const { prompt: promptError, teacherInstructions: teacherInstructionsError } = errors;\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      backgroundImageEnabled: backgroundImage.settings && toggle(backgroundImage.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            onChangeModel={onModelChanged}\n            configuration={configuration}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <PromptHolder label={teacherInstructions.label}>\n            <EditableHtml\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <ErrorText>{teacherInstructionsError}</ErrorText>}\n          </PromptHolder>\n        )}\n\n        {promptEnabled && (\n          <PromptHolder label=\"Item Stem\">\n            <EditableHtml\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              imageSupport={imageSupport}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <ErrorText>{promptError}</ErrorText>}\n          </PromptHolder>\n        )}\n\n        {backgroundImageEnabled && (\n          <React.Fragment>\n            <Typography variant=\"h6\">Define Background Image</Typography>\n\n            <ImageContainer\n              imageUrl={model.imageUrl}\n              onUpdateImageDimension={this.onUpdateImageDimension}\n              onImageUpload={this.onImageUpload}\n              imageDimensions={model.imageDimensions}\n              insertImage={imageSupport && imageSupport.add}\n            />\n          </React.Fragment>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nRoot.propTypes = {\n  configuration: PropTypes.object,\n  model: PropTypes.object.isRequired,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func,\n    delete: PropTypes.func,\n  }),\n  uploadSoundSupport: PropTypes.shape({\n    add: PropTypes.func,\n    delete: PropTypes.func,\n  }),\n  onModelChanged: PropTypes.func.isRequired,\n  onConfigurationChanged: PropTypes.func.isRequired,\n};\n\nexport default Root;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAEA,MAAM;EAAEQ,KAAK;EAAEC,MAAM;EAAEC;AAAS,CAAC,GAAGC,kBAAQ;AAE5C,MAAMC,YAAY,GAAG,IAAAC,cAAM,EAACC,wBAAc,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAC1DC,UAAU,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAC5BC,SAAS,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAC3BE,YAAY,EAAEJ,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAC9BG,KAAK,EAAE;AACT,CAAC,CAAC,CAAC;AAEH,MAAMC,SAAS,GAAG,IAAAR,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEE;AAAM,CAAC,MAAM;EAC9CO,QAAQ,EAAEP,KAAK,CAACQ,UAAU,CAACD,QAAQ,GAAG,CAAC;EACvCE,KAAK,EAAET,KAAK,CAACU,OAAO,CAACC,KAAK,CAACC,IAAI;EAC/BX,UAAU,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC;AAC7B,CAAC,CAAC,CAAC;AAEI,MAAMW,IAAI,SAASC,cAAK,CAACC,SAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,2BACrBC,MAAM,IAAK;MAC5B,MAAM;QAAEC,KAAK;QAAEC;MAAe,CAAC,GAAG,IAAI,CAACC,KAAK;MAC5C,MAAMC,MAAM,GAAG,IAAAC,mBAAS,EAACJ,KAAK,CAAC;MAE/BC,cAAc,CAAC;QAAE,GAAGE,MAAM;QAAEJ;MAAO,CAAC,CAAC;IACvC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,wCAE+BO,mBAAmB,IAAK;MACtD,MAAM;QAAEL,KAAK;QAAEC;MAAe,CAAC,GAAG,IAAI,CAACC,KAAK;MAE5CD,cAAc,CAAC;QAAE,GAAGD,KAAK;QAAEK;MAAoB,CAAC,CAAC;IACnD,CAAC;IAAA,IAAAR,gBAAA,CAAAC,OAAA,kCAEyBQ,UAAU,IAAK;MACvC,MAAM;QAAEN,KAAK;QAAEC;MAAe,CAAC,GAAG,IAAI,CAACC,KAAK;MAE5CD,cAAc,CAAC;QAAE,GAAGD,KAAK;QAAEO,eAAe,EAAED;MAAW,CAAC,CAAC;IAC3D,CAAC;IAAA,IAAAT,gBAAA,CAAAC,OAAA,yBAEgBU,QAAQ,IAAK;MAC5B,MAAM;QAAER,KAAK;QAAEC;MAAe,CAAC,GAAG,IAAI,CAACC,KAAK;MAE5CD,cAAc,CAAC;QAAE,GAAGD,KAAK;QAAEQ;MAAS,CAAC,CAAC;IACxC,CAAC;EAAA;EAEDC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,aAAa;MAAEC,YAAY;MAAEX,KAAK;MAAEY,sBAAsB;MAAEX,cAAc;MAAEY;IAAmB,CAAC,GACtG,IAAI,CAACX,KAAK;IACZ,MAAM;MACJY,sBAAsB,GAAG,CAAC,CAAC;MAC3BC,eAAe,GAAG,CAAC,CAAC;MACpBC,iBAAiB,GAAG,CAAC,CAAC;MACtBC,aAAa,GAAG,CAAC,CAAC;MAClBC,cAAc,GAAG,CAAC,CAAC;MACnBnB,MAAM,GAAG,CAAC,CAAC;MACXoB,qBAAqB;MACrBC,UAAU,GAAG,CAAC,CAAC;MACff,mBAAmB,GAAG,CAAC,CAAC;MACxBgB,UAAU,GAAG,CAAC,CAAC;MACfC,QAAQ,GAAG,CAAC,CAAC;MACbC,eAAe,GAAG,CAAC,CAAC;MACpBC,aAAa,GAAG,CAAC;IACnB,CAAC,GAAGd,aAAa,IAAI,CAAC,CAAC;IACvB,MAAM;MACJe,sBAAsB;MACtBC,MAAM,GAAG,CAAC,CAAC;MACXC,aAAa;MACbC,aAAa;MACbC,iBAAiB;MACjBC,0BAA0B;MAC1BC;IACF,CAAC,GAAG/B,KAAK,IAAI,CAAC,CAAC;IACf,MAAM;MAAED,MAAM,EAAEiC,WAAW;MAAE3B,mBAAmB,EAAE4B;IAAyB,CAAC,GAAGP,MAAM;IAErF,MAAMQ,oBAAoB,GAAGjB,aAAa,IAAIA,aAAa,CAAClB,MAAM;IAClE,MAAMoC,qBAAqB,GAAGjB,cAAc,IAAIA,cAAc,CAACnB,MAAM;IAErE,MAAMqC,WAAW,GAAG;MAClBC,QAAQ,EAAEN,qBAAqB,KAAK,KAAK,GAAG,KAAK,GAAG;IACtD,CAAC;IAED,MAAMO,aAAa,GAAG;MACpBb,sBAAsB,EAAEV,eAAe,CAACxC,QAAQ,IAAIF,MAAM,CAAC0C,eAAe,CAACwB,KAAK,CAAC;MACjFX,aAAa,EAAE7B,MAAM,CAACxB,QAAQ,IAAIF,MAAM,CAAC0B,MAAM,CAACwC,KAAK,CAAC;MACtD,kBAAkB,EAAEjB,QAAQ,CAAC/C,QAAQ,IAAIF,MAAM,CAACiD,QAAQ,CAACiB,KAAK,EAAE,IAAI,CAAC;MACrEjB,QAAQ,EAAEA,QAAQ,CAAC/C,QAAQ,IAAI+C,QAAQ,CAACkB,OAAO,IAAIlE,QAAQ,CAACiD,eAAe,CAACgB,KAAK,EAAEhB,eAAe,CAACkB,OAAO;IAC5G,CAAC;IAED,MAAMC,eAAe,GAAG;MACtBZ,0BAA0B,EAAEzB,mBAAmB,CAAC9B,QAAQ,IAAIF,MAAM,CAACgC,mBAAmB,CAACkC,KAAK,CAAC;MAC7FV,iBAAiB,EAAET,UAAU,CAAC7C,QAAQ,IAAIF,MAAM,CAAC+C,UAAU,CAACmB,KAAK,CAAC;MAClEI,aAAa,EAAEtB,UAAU,EAAE9C,QAAQ,IAAIF,MAAM,CAACgD,UAAU,EAAEkB,KAAK;IACjE,CAAC;IAED,MAAMK,cAAc,GAAGA,CAAC1C,KAAK,GAAG,CAAC,CAAC,MAAM;MACtC,GAAGY,sBAAsB;MACzB,GAAGZ;IACL,CAAC,CAAC;IAEF,oBACExC,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAAChF,SAAA,CAAAiF,MAAM,CAACC,YAAY;MAClBpB,aAAa,EAAEA,aAAc;MAC7BrB,UAAU,EAAEU,iBAAkB;MAC9BgC,YAAY,EAAE7B,qBAAsB;MACpC5C,QAAQ,eACNb,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAACzE,KAAK;QACJ4B,KAAK,EAAEA,KAAM;QACbiD,aAAa,EAAEhD,cAAe;QAC9BS,aAAa,EAAEA,aAAc;QAC7BwC,qBAAqB,EAAEtC,sBAAuB;QAC9CuC,MAAM,EAAE;UACNC,QAAQ,EAAEd,aAAa;UACvBe,UAAU,EAAEX;QACd;MAAE,CACH;IACF,GAEAZ,0BAA0B,iBACzBpE,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAACrE,YAAY;MAAC+D,KAAK,EAAElC,mBAAmB,CAACkC;IAAM,gBAC7C7E,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAAC9E,mBAAA,CAAA+B,OAAY;MACXwD,MAAM,EAAEtD,KAAK,CAACK,mBAAmB,IAAI,EAAG;MACxCkD,QAAQ,EAAE,IAAI,CAACC,4BAA6B;MAC5C7C,YAAY,EAAEA,YAAa;MAC3B8C,QAAQ,EAAE,KAAM;MAChBnE,KAAK,EAAE2C,wBAAyB;MAChCG,WAAW,EAAEA,WAAY;MACzBsB,WAAW,EAAEd,cAAc,CAACvC,mBAAmB,EAAEsD,kBAAkB,CAAE;MACrEvC,UAAU,EAAES,iBAAkB;MAC9BZ,aAAa,EAAGA,aAAa,IAAIA,aAAa,CAACZ,mBAAmB,IAAK6B,oBAAqB;MAC5FhB,cAAc,EAAGA,cAAc,IAAIA,cAAc,CAACb,mBAAmB,IAAK8B,qBAAsB;MAChGtB,kBAAkB,EAAEA,kBAAmB;MACvC+C,uBAAuB,EAAE,CAAC;QAAEtC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC,CAAE;MAC5EE,aAAa,EAAEA;IAAc,CAC9B,CAAC,EACDS,wBAAwB,iBAAIvE,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAAC5D,SAAS,QAAEgD,wBAAoC,CACjE,CACf,EAEAL,aAAa,iBACZlE,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAACrE,YAAY;MAAC+D,KAAK,EAAC;IAAW,gBAC7B7E,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAAC9E,mBAAA,CAAA+B,OAAY;MACXwD,MAAM,EAAEtD,KAAK,CAACD,MAAO;MACrBwD,QAAQ,EAAE,IAAI,CAACM,eAAgB;MAC/BvE,KAAK,EAAE0C,WAAY;MACnBI,WAAW,EAAEA,WAAY;MACzBhB,UAAU,EAAES,iBAAkB;MAC9B6B,WAAW,EAAEd,cAAc,CAAC7C,MAAM,EAAE4D,kBAAkB,CAAE;MACxDhD,YAAY,EAAEA,YAAa;MAC3BM,aAAa,EAAEiB,oBAAqB;MACpChB,cAAc,EAAEiB,qBAAsB;MACtCtB,kBAAkB,EAAEA,kBAAmB;MACvC+C,uBAAuB,EAAE,CAAC;QAAEtC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC,CAAE;MAC5EE,aAAa,EAAEA;IAAc,CAC9B,CAAC,EACDQ,WAAW,iBAAItE,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAAC5D,SAAS,QAAE+C,WAAuB,CACvC,CACf,EAEAP,sBAAsB,iBACrB/D,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAACnF,MAAA,CAAAoC,OAAK,CAACgE,QAAQ,qBACbpG,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAAC7E,WAAA,CAAA8B,OAAU;MAACiE,OAAO,EAAC;IAAI,GAAC,yBAAmC,CAAC,eAE7DrG,MAAA,CAAAoC,OAAA,CAAA+C,aAAA,CAAC3E,eAAA,CAAA4B,OAAc;MACbU,QAAQ,EAAER,KAAK,CAACQ,QAAS;MACzBwD,sBAAsB,EAAE,IAAI,CAACA,sBAAuB;MACpDC,aAAa,EAAE,IAAI,CAACA,aAAc;MAClC1D,eAAe,EAAEP,KAAK,CAACO,eAAgB;MACvC2D,WAAW,EAAEvD,YAAY,IAAIA,YAAY,CAACwD;IAAI,CAC/C,CACa,CAEC,CAAC;EAE1B;AACF;AAACC,OAAA,CAAA5E,IAAA,GAAAA,IAAA;AAEDA,IAAI,CAAC6E,SAAS,GAAG;EACf3D,aAAa,EAAE4D,kBAAS,CAACC,MAAM;EAC/BvE,KAAK,EAAEsE,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC7D,YAAY,EAAE2D,kBAAS,CAACG,KAAK,CAAC;IAC5BN,GAAG,EAAEG,kBAAS,CAACI,IAAI;IACnBC,MAAM,EAAEL,kBAAS,CAACI;EACpB,CAAC,CAAC;EACF7D,kBAAkB,EAAEyD,kBAAS,CAACG,KAAK,CAAC;IAClCN,GAAG,EAAEG,kBAAS,CAACI,IAAI;IACnBC,MAAM,EAAEL,kBAAS,CAACI;EACpB,CAAC,CAAC;EACFzE,cAAc,EAAEqE,kBAAS,CAACI,IAAI,CAACF,UAAU;EACzC5D,sBAAsB,EAAE0D,kBAAS,CAACI,IAAI,CAACF;AACzC,CAAC;AAAC,IAAAI,QAAA,GAAAR,OAAA,CAAAtE,OAAA,GAEaN,IAAI","ignoreList":[]}

package/controller/lib/defaults.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  backgroundImageEnabled: true,
-  imageDimensions: {
-    height: 0,
-    width: 0
-  },
-  imageUrl: '',
-  prompt: '',
-  promptEnabled: true,
-  spellCheckEnabled: true,
-  studentInstructionsEnabled: true,
-  teacherInstructions: '',
-  teacherInstructionsEnabled: true,
-  toolbarEditorPosition: 'bottom'
-};
-//# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.js","names":["backgroundImageEnabled","imageDimensions","height","width","imageUrl","prompt","promptEnabled","spellCheckEnabled","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  backgroundImageEnabled: true,\n  imageDimensions: { height: 0, width: 0 },\n  imageUrl: '',\n  prompt: '',\n  promptEnabled: true,\n  spellCheckEnabled: true,\n  studentInstructionsEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n};\n"],"mappings":";;;;;;iCAAe;EACbA,sBAAsB,EAAE,IAAI;EAC5BC,eAAe,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC;EACxCC,QAAQ,EAAE,EAAE;EACZC,MAAM,EAAE,EAAE;EACVC,aAAa,EAAE,IAAI;EACnBC,iBAAiB,EAAE,IAAI;EACvBC,0BAA0B,EAAE,IAAI;EAChCC,mBAAmB,EAAE,EAAE;EACvBC,0BAA0B,EAAE,IAAI;EAChCC,qBAAqB,EAAE;AACzB,CAAC","ignoreList":[]}

package/controller/lib/index.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createDefaultModel = void 0;
-exports.model = model;
-exports.normalize = void 0;
-exports.outcome = outcome;
-exports.validate = void 0;
-var _debug = _interopRequireDefault(require("debug"));
-var _defaults = _interopRequireDefault(require("./defaults"));
-const log = (0, _debug.default)('pie-elements:drawing-response:controller');
-const normalize = question => ({
-  ..._defaults.default,
-  ...question
-});
-exports.normalize = normalize;
-function model(question, session, env) {
-  const normalizedQuestion = normalize(question);
-  const {
-    extraCSSRules,
-    imageUrl,
-    imageDimensions,
-    prompt,
-    promptEnabled,
-    backgroundImageEnabled,
-    language
-  } = normalizedQuestion;
-  return new Promise(resolve => {
-    const out = {
-      disabled: env.mode !== 'gather',
-      mode: env.mode,
-      imageDimensions,
-      imageUrl,
-      prompt: promptEnabled ? prompt : null,
-      backgroundImageEnabled,
-      language,
-      extraCSSRules
-    };
-    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
-      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;
-    } else {
-      out.teacherInstructions = null;
-    }
-    resolve(out);
-  });
-}
-const createDefaultModel = (model = {}) => new Promise(resolve => {
-  resolve({
-    ..._defaults.default,
-    ...model
-  });
-});
-exports.createDefaultModel = createDefaultModel;
-function outcome(/*config, session*/
-) {
-  return new Promise(resolve => {
-    log('outcome...');
-    resolve({
-      score: 0,
-      completed: 'n/a',
-      note: 'Requires manual scoring'
-    });
-  });
-}
-
-// remove all html tags
-const getInnerText = html => (html || '').replaceAll(/<[^>]*>/g, '');
-
-// remove all html tags except img, iframe and source tag for audio
-const getContent = html => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');
-const validate = (model = {}, config = {}) => {
-  const errors = {};
-  ['teacherInstructions', 'prompt'].forEach(field => {
-    if (config[field]?.required && !getContent(model[field])) {
-      errors[field] = 'This field is required.';
-    }
-  });
-  return errors;
-};
-exports.validate = validate;
-//# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_debug","_interopRequireDefault","require","_defaults","log","debug","normalize","question","defaults","exports","model","session","env","normalizedQuestion","extraCSSRules","imageUrl","imageDimensions","prompt","promptEnabled","backgroundImageEnabled","language","Promise","resolve","out","disabled","mode","role","teacherInstructions","teacherInstructionsEnabled","createDefaultModel","outcome","score","completed","note","getInnerText","html","replaceAll","getContent","replace","validate","config","errors","forEach","field","required"],"sources":["../src/index.js"],"sourcesContent":["import debug from 'debug';\nimport defaults from './defaults';\n\nconst log = debug('pie-elements:drawing-response:controller');\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nexport function model(question, session, env) {\n  const normalizedQuestion = normalize(question);\n  const { extraCSSRules, imageUrl, imageDimensions, prompt, promptEnabled, backgroundImageEnabled, language } = normalizedQuestion;\n\n  return new Promise((resolve) => {\n    const out = {\n      disabled: env.mode !== 'gather',\n      mode: env.mode,\n      imageDimensions,\n      imageUrl,\n      prompt: promptEnabled ? prompt : null,\n      backgroundImageEnabled,\n      language,\n      extraCSSRules,\n    };\n\n    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n        ? normalizedQuestion.teacherInstructions\n        : null;\n    } else {\n      out.teacherInstructions = null;\n    }\n\n    resolve(out);\n  });\n}\n\nexport const createDefaultModel = (model = {}) =>\n  new Promise((resolve) => {\n    resolve({\n      ...defaults,\n      ...model,\n    });\n  });\n\nexport function outcome(/*config, session*/) {\n  return new Promise((resolve) => {\n    log('outcome...');\n    resolve({\n      score: 0,\n      completed: 'n/a',\n      note: 'Requires manual scoring',\n    });\n  });\n}\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img, iframe and source tag for audio\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  ['teacherInstructions', 'prompt'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  return errors;\n};\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,MAAME,GAAG,GAAG,IAAAC,cAAK,EAAC,0CAA0C,CAAC;AAEtD,MAAMC,SAAS,GAAIC,QAAQ,KAAM;EAAE,GAAGC,iBAAQ;EAAE,GAAGD;AAAS,CAAC,CAAC;AAACE,OAAA,CAAAH,SAAA,GAAAA,SAAA;AAE/D,SAASI,KAAKA,CAACH,QAAQ,EAAEI,OAAO,EAAEC,GAAG,EAAE;EAC5C,MAAMC,kBAAkB,GAAGP,SAAS,CAACC,QAAQ,CAAC;EAC9C,MAAM;IAAEO,aAAa;IAAEC,QAAQ;IAAEC,eAAe;IAAEC,MAAM;IAAEC,aAAa;IAAEC,sBAAsB;IAAEC;EAAS,CAAC,GAAGP,kBAAkB;EAEhI,OAAO,IAAIQ,OAAO,CAAEC,OAAO,IAAK;IAC9B,MAAMC,GAAG,GAAG;MACVC,QAAQ,EAAEZ,GAAG,CAACa,IAAI,KAAK,QAAQ;MAC/BA,IAAI,EAAEb,GAAG,CAACa,IAAI;MACdT,eAAe;MACfD,QAAQ;MACRE,MAAM,EAAEC,aAAa,GAAGD,MAAM,GAAG,IAAI;MACrCE,sBAAsB;MACtBC,QAAQ;MACRN;IACF,CAAC;IAED,IAAIF,GAAG,CAACc,IAAI,KAAK,YAAY,KAAKd,GAAG,CAACa,IAAI,KAAK,MAAM,IAAIb,GAAG,CAACa,IAAI,KAAK,UAAU,CAAC,EAAE;MACjFF,GAAG,CAACI,mBAAmB,GAAGd,kBAAkB,CAACe,0BAA0B,GACnEf,kBAAkB,CAACc,mBAAmB,GACtC,IAAI;IACV,CAAC,MAAM;MACLJ,GAAG,CAACI,mBAAmB,GAAG,IAAI;IAChC;IAEAL,OAAO,CAACC,GAAG,CAAC;EACd,CAAC,CAAC;AACJ;AAEO,MAAMM,kBAAkB,GAAGA,CAACnB,KAAK,GAAG,CAAC,CAAC,KAC3C,IAAIW,OAAO,CAAEC,OAAO,IAAK;EACvBA,OAAO,CAAC;IACN,GAAGd,iBAAQ;IACX,GAAGE;EACL,CAAC,CAAC;AACJ,CAAC,CAAC;AAACD,OAAA,CAAAoB,kBAAA,GAAAA,kBAAA;AAEE,SAASC,OAAOA,CAAC;AAAA,EAAqB;EAC3C,OAAO,IAAIT,OAAO,CAAEC,OAAO,IAAK;IAC9BlB,GAAG,CAAC,YAAY,CAAC;IACjBkB,OAAO,CAAC;MACNS,KAAK,EAAE,CAAC;MACRC,SAAS,EAAE,KAAK;MAChBC,IAAI,EAAE;IACR,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ;;AAEA;AACA,MAAMC,YAAY,GAAIC,IAAI,IAAK,CAACA,IAAI,IAAI,EAAE,EAAEC,UAAU,CAAC,UAAU,EAAE,EAAE,CAAC;;AAEtE;AACA,MAAMC,UAAU,GAAIF,IAAI,IAAK,CAACA,IAAI,IAAI,EAAE,EAAEG,OAAO,CAAC,oCAAoC,EAAE,EAAE,CAAC;AAEpF,MAAMC,QAAQ,GAAGA,CAAC7B,KAAK,GAAG,CAAC,CAAC,EAAE8B,MAAM,GAAG,CAAC,CAAC,KAAK;EACnD,MAAMC,MAAM,GAAG,CAAC,CAAC;EAEjB,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAACC,OAAO,CAAEC,KAAK,IAAK;IACnD,IAAIH,MAAM,CAACG,KAAK,CAAC,EAAEC,QAAQ,IAAI,CAACP,UAAU,CAAC3B,KAAK,CAACiC,KAAK,CAAC,CAAC,EAAE;MACxDF,MAAM,CAACE,KAAK,CAAC,GAAG,yBAAyB;IAC3C;EACF,CAAC,CAAC;EAEF,OAAOF,MAAM;AACf,CAAC;AAAChC,OAAA,CAAA8B,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/drawing-response/button.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-const StyledButton = (0, _styles.styled)(_Button.default)({
-  fontSize: '0.9em',
-  marginLeft: 8,
-  minWidth: 32,
-  height: 32,
-  '& span': {
-    '& svg': {
-      width: '1.3em !important',
-      height: '1.3em !important'
-    }
-  }
-});
-const CustomButton = ({
-  label,
-  onClick,
-  disabled,
-  title
-}) => /*#__PURE__*/_react.default.createElement(StyledButton, {
-  title: title,
-  onClick: onClick,
-  disabled: disabled,
-  size: "small",
-  variant: "contained"
-}, label);
-CustomButton.propTypes = {
-  disabled: _propTypes.default.bool,
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  onClick: _propTypes.default.func,
-  title: _propTypes.default.string
-};
-CustomButton.defaultProps = {
-  disabled: false,
-  label: 'Add',
-  onClick: () => {},
-  title: ''
-};
-var _default = exports.default = CustomButton;
-//# sourceMappingURL=button.js.map

package/lib/drawing-response/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","StyledButton","styled","Button","fontSize","marginLeft","minWidth","height","width","CustomButton","label","onClick","disabled","title","default","createElement","size","variant","propTypes","PropTypes","bool","oneOfType","string","object","func","defaultProps","_default","exports"],"sources":["../../src/drawing-response/button.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\n\nconst StyledButton = styled(Button)({\n  fontSize: '0.9em',\n  marginLeft: 8,\n  minWidth: 32,\n  height: 32,\n\n  '& span': {\n    '& svg': {\n      width: '1.3em !important',\n      height: '1.3em !important',\n    },\n  },\n});\n\nconst CustomButton = ({ label, onClick, disabled, title }) => (\n  <StyledButton\n    title={title}\n    onClick={onClick}\n    disabled={disabled}\n    size=\"small\"\n    variant=\"contained\">\n    {label}\n  </StyledButton>\n);\n\nCustomButton.propTypes = {\n  disabled: PropTypes.bool,\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  onClick: PropTypes.func,\n  title: PropTypes.string,\n};\n\nCustomButton.defaultProps = {\n  disabled: false,\n  label: 'Add',\n  onClick: () => {},\n  title: '',\n};\n\nexport default CustomButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,MAAMI,YAAY,GAAG,IAAAC,cAAM,EAACC,eAAM,CAAC,CAAC;EAClCC,QAAQ,EAAE,OAAO;EACjBC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE,EAAE;EACZC,MAAM,EAAE,EAAE;EAEV,QAAQ,EAAE;IACR,OAAO,EAAE;MACPC,KAAK,EAAE,kBAAkB;MACzBD,MAAM,EAAE;IACV;EACF;AACF,CAAC,CAAC;AAEF,MAAME,YAAY,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAM,CAAC,kBACvDlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,YAAY;EACXY,KAAK,EAAEA,KAAM;EACbF,OAAO,EAAEA,OAAQ;EACjBC,QAAQ,EAAEA,QAAS;EACnBI,IAAI,EAAC,OAAO;EACZC,OAAO,EAAC;AAAW,GAClBP,KACW,CACf;AAEDD,YAAY,CAACS,SAAS,GAAG;EACvBN,QAAQ,EAAEO,kBAAS,CAACC,IAAI;EACxBV,KAAK,EAAES,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,CAAC,CAAC;EAChEZ,OAAO,EAAEQ,kBAAS,CAACK,IAAI;EACvBX,KAAK,EAAEM,kBAAS,CAACG;AACnB,CAAC;AAEDb,YAAY,CAACgB,YAAY,GAAG;EAC1Bb,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAE,KAAK;EACZC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,KAAK,EAAE;AACT,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaL,YAAY","ignoreList":[]}

package/lib/drawing-response/constants.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  tools: [{
-    type: 'Select',
-    label: 'Select',
-    icon: 'mdiCursorDefault'
-  }, {
-    type: 'FreePathDrawable',
-    label: 'Free Draw',
-    icon: 'mdiPencil'
-  }, {
-    type: 'LineDrawable',
-    label: 'Line',
-    icon: 'mdiMinus'
-  }, {
-    type: 'RectangleDrawable',
-    label: 'Rectangle',
-    icon: 'mdiRectangle'
-  }, {
-    type: 'CircleDrawable',
-    label: 'Circle',
-    icon: 'mdiCircle'
-  }, {
-    type: 'Text',
-    label: 'Text Entry',
-    icon: 'mdiFormatColorText'
-  }, {
-    // ,{
-    //   type: 'PaintBucket',
-    //   label: 'Paint Bucket',
-    //   icon: 'mdiFormatColorFill'
-    // },
-    type: 'EraserDrawable',
-    label: 'Eraser',
-    icon: 'mdiEraser'
-  }]
-};
-//# sourceMappingURL=constants.js.map