@pie-element/explicit-constructed-response 11.2.2-beta.6 → 11.2.2-beta.8

package/configure/lib/defaults.js

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  model: {
+    choices: {},
+    displayType: 'block',
+    markup: '',
+    maxLengthPerChoiceEnabled: true,
+    playerSpellCheckEnabled: true,
+    prompt: '',
+    promptEnabled: true,
+    rationale: '',
+    rationaleEnabled: true,
+    spellCheckEnabled: true,
+    studentInstructionsEnabled: true,
+    teacherInstructions: '',
+    teacherInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom',
+    responseAreaInputConfiguration: {}
+  },
+  configuration: {
+    baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
+      html: {
+        disabled: true
+      },
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring'
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    settingsPanelDisabled: false,
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    editSource: {
+      label: 'Edit Source',
+      settings: false,
+      enabled: false
+    },
+    playerSpellCheck: {
+      label: 'Student Spellcheck',
+      settings: true,
+      enabled: true
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    template: {
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        },
+        h3: {
+          disabled: true
+        },
+        blockquote: {
+          disabled: true
+        }
+      }
+    },
+    maxLengthPerChoice: {
+      settings: true,
+      label: 'Maximum Length Per Choice'
+    },
+    maxResponseAreas: 10,
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    },
+    responseAreaInputConfiguration: {
+      inputConfiguration: {
+        characters: {
+          disabled: true
+        }
+      }
+    },
+    spanishButton: {
+      settings: true,
+      label: 'Disable Spanish Characters'
+    }
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","choices","displayType","markup","maxLengthPerChoiceEnabled","playerSpellCheckEnabled","prompt","promptEnabled","rationale","rationaleEnabled","spellCheckEnabled","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","responseAreaInputConfiguration","configuration","baseInputConfiguration","h3","disabled","html","audio","video","image","textAlign","showParagraphs","separateParagraphs","settings","label","inputConfiguration","required","partialScoring","settingsPanelDisabled","spellCheck","enabled","editSource","playerSpellCheck","template","blockquote","maxLengthPerChoice","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","characters","spanishButton"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    choices: {},\n    displayType: 'block',\n    markup: '',\n    maxLengthPerChoiceEnabled: true,\n    playerSpellCheckEnabled: true,\n    prompt: '',\n    promptEnabled: true,\n    rationale: '',\n    rationaleEnabled: true,\n    spellCheckEnabled: true,\n    studentInstructionsEnabled: true,\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    responseAreaInputConfiguration: {},\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      html: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\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    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    editSource: {\n      label: 'Edit Source',\n      settings: false,\n      enabled: false,\n    },\n    playerSpellCheck: {\n      label: 'Student Spellcheck',\n      settings: true,\n      enabled: true,\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    template: {\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n        h3: { disabled: true },\n        blockquote: { disabled: true },\n      },\n    },\n    maxLengthPerChoice: {\n      settings: true,\n      label: 'Maximum Length Per Choice',\n    },\n    maxResponseAreas: 10,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n    responseAreaInputConfiguration: {\n      inputConfiguration: {\n        characters: {\n          disabled: true\n        },\n      },\n    },\n    spanishButton: {\n      settings: true,\n      label: 'Disable Spanish Characters',\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/ecr-toolbar.js

@@ -0,0 +1,181 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ECRToolbar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _markupUtils = require("./markupUtils");
+const findSlateNode = key => {
+  return window.document.querySelector('[data-key="' + key + '"]');
+};
+const StyledEditableHtml = (0, _styles.styled)(_editableHtmlTipTap.default)(({
+  theme
+}) => ({
+  backgroundColor: theme.palette.common.white,
+  outline: 'none',
+  lineHeight: '15px'
+}));
+class ECRToolbar extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
+      markup: '',
+      toolbarStyle: {}
+    });
+    (0, _defineProperty2.default)(this, "onDone", markup => {
+      const {
+        editor,
+        node,
+        onToolbarDone,
+        onChangeResponse,
+        pos
+      } = this.props;
+      const sanitizedMarkup = (0, _markupUtils.stripHtmlTags)(markup);
+      this.setState({
+        markup: sanitizedMarkup
+      });
+      const {
+        tr
+      } = editor.state;
+
+      // Type check before calling setNodeMarkup: if the node at the current position is a text node,
+      // missing, or not an inline atom, bail out to avoid errors after a delete.
+      const nodeAtPos = tr.doc.nodeAt(pos);
+      if (!nodeAtPos || nodeAtPos.isText || !nodeAtPos.isAtom || !nodeAtPos.isInline) {
+        return false;
+      }
+
+      // Merge old and new attributes
+      tr.setNodeMarkup(pos, undefined, {
+        ...node.attrs,
+        value: sanitizedMarkup
+      });
+      editor.view.dispatch(tr);
+      onToolbarDone(true);
+      onChangeResponse(sanitizedMarkup);
+    });
+    (0, _defineProperty2.default)(this, "onRespAreaChange", respAreaMarkup => {
+      this.setState({
+        respAreaMarkup
+      });
+    });
+    (0, _defineProperty2.default)(this, "onKeyDown", event => {
+      if (event.key === 'Enter') {
+        return true;
+      }
+      return false;
+    });
+    (0, _defineProperty2.default)(this, "onBlur", () => {
+      if (this.clickedInside) {
+        this.clickedInside = false;
+      }
+    });
+  }
+  componentDidMount() {
+    const {
+      correctChoice,
+      node,
+      editor
+    } = this.props;
+    const choice = correctChoice || {};
+    const domNode = editor.view.nodeDOM(editor.state.selection.from);
+    if (domNode?.nodeType === 1) {
+      //eslint-disable-next-line
+      const domNodeRect = domNode.getBoundingClientRect();
+      const editor = domNode.closest('.tiptap');
+      const editorRect = editor.getBoundingClientRect();
+      const top = domNodeRect.top - editorRect.top;
+      const left = domNodeRect.left - editorRect.left;
+      this.setState({
+        markup: choice.label,
+        toolbarStyle: {
+          position: 'absolute',
+          // top: `${top + domNodeRect.height + 17}px`,
+          top: 0,
+          // left: `${left + 20}px`,
+          left: 0,
+          width: `${domNodeRect.width - 4}px`
+        }
+      });
+    }
+  }
+  render() {
+    const {
+      maxLengthPerChoiceEnabled,
+      pluginProps,
+      spellCheck
+    } = this.props;
+    const {
+      markup,
+      toolbarStyle
+    } = this.state;
+    const inputProps = maxLengthPerChoiceEnabled ? {} : {
+      maxLength: 25
+    };
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: toolbarStyle
+    }, /*#__PURE__*/_react.default.createElement(StyledEditableHtml, (0, _extends2.default)({
+      autoFocus: true,
+      disableUnderline: true,
+      onChange: respAreaMarkup => {
+        if (this.preventDone) {
+          return;
+        }
+        this.onRespAreaChange(respAreaMarkup);
+      },
+      onDone: val => {
+        if (this.preventDone) {
+          return;
+        }
+        this.onDone(val);
+      },
+      onBlur: e => {
+        this.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');
+        this.onBlur(e);
+      },
+      onKeyDown: this.onKeyDown,
+      markup: markup || '',
+      activePlugins: ['languageCharacters'],
+      pluginProps: pluginProps,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }],
+      minHeight: '15px',
+      maxHeight: '15px',
+      spellCheck: spellCheck,
+      autoWidthToolbar: true,
+      toolbarOpts: {
+        minWidth: 'auto',
+        isHidden: !!pluginProps?.characters?.disabled
+      }
+    }, inputProps)));
+  }
+}
+exports.ECRToolbar = ECRToolbar;
+(0, _defineProperty2.default)(ECRToolbar, "propTypes", {
+  correctChoice: _propTypes.default.object,
+  node: _propTypes.default.object,
+  pos: _propTypes.default.number,
+  onDone: _propTypes.default.func,
+  onChangeResponse: _propTypes.default.func.isRequired,
+  onToolbarDone: _propTypes.default.func.isRequired,
+  value: _propTypes.default.shape({
+    change: _propTypes.default.func.isRequired,
+    document: _propTypes.default.shape({
+      getNextText: _propTypes.default.func.isRequired
+    })
+  }),
+  editor: _propTypes.default.object,
+  maxLengthPerChoiceEnabled: _propTypes.default.bool,
+  pluginProps: _propTypes.default.object,
+  spellCheck: _propTypes.default.bool
+});
+var _default = exports.default = ECRToolbar;
+//# sourceMappingURL=ecr-toolbar.js.map

package/configure/lib/ecr-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ecr-toolbar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_editableHtmlTipTap","_markupUtils","findSlateNode","key","window","document","querySelector","StyledEditableHtml","styled","EditableHtml","theme","backgroundColor","palette","common","white","outline","lineHeight","ECRToolbar","React","Component","constructor","args","_defineProperty2","default","markup","toolbarStyle","editor","node","onToolbarDone","onChangeResponse","pos","props","sanitizedMarkup","stripHtmlTags","setState","tr","state","nodeAtPos","doc","nodeAt","isText","isAtom","isInline","setNodeMarkup","undefined","attrs","value","view","dispatch","respAreaMarkup","event","clickedInside","componentDidMount","correctChoice","choice","domNode","nodeDOM","selection","from","nodeType","domNodeRect","getBoundingClientRect","closest","editorRect","top","left","label","position","width","render","maxLengthPerChoiceEnabled","pluginProps","spellCheck","inputProps","maxLength","createElement","style","_extends2","autoFocus","disableUnderline","onChange","preventDone","onRespAreaChange","onDone","val","onBlur","e","relatedTarget","onKeyDown","activePlugins","languageCharactersProps","language","minHeight","maxHeight","autoWidthToolbar","toolbarOpts","minWidth","isHidden","characters","disabled","exports","PropTypes","object","number","func","isRequired","shape","change","getNextText","bool","_default"],"sources":["../src/ecr-toolbar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { stripHtmlTags } from './markupUtils';\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nconst StyledEditableHtml = styled(EditableHtml)(({ theme }) => ({\n  backgroundColor: theme.palette.common.white,\n  outline: 'none',\n  lineHeight: '15px',\n}));\n\nexport class ECRToolbar extends React.Component {\n  static propTypes = {\n    correctChoice: PropTypes.object,\n    node: PropTypes.object,\n    pos: PropTypes.number,\n    onDone: PropTypes.func,\n    onChangeResponse: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    value: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      document: PropTypes.shape({\n        getNextText: PropTypes.func.isRequired,\n      }),\n    }),\n    editor: PropTypes.object,\n    maxLengthPerChoiceEnabled: PropTypes.bool,\n    pluginProps: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n  state = {\n    markup: '',\n    toolbarStyle: {},\n  };\n\n  componentDidMount() {\n    const { correctChoice, node, editor } = this.props;\n    const choice = correctChoice || {};\n\n    const domNode = editor.view.nodeDOM(editor.state.selection.from);\n\n    if (domNode?.nodeType === 1) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('.tiptap');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        markup: choice.label,\n        toolbarStyle: {\n          position: 'absolute',\n          // top: `${top + domNodeRect.height + 17}px`,\n          top: 0,\n          // left: `${left + 20}px`,\n          left: 0,\n          width: `${domNodeRect.width - 4}px`,\n        },\n      });\n    }\n  }\n\n  onDone = (markup) => {\n    const { editor, node, onToolbarDone, onChangeResponse, pos } = this.props;\n    const sanitizedMarkup = stripHtmlTags(markup);\n    this.setState({ markup: sanitizedMarkup });\n\n    const { tr } = editor.state;\n\n    // Type check before calling setNodeMarkup: if the node at the current position is a text node,\n    // missing, or not an inline atom, bail out to avoid errors after a delete.\n    const nodeAtPos = tr.doc.nodeAt(pos);\n    if (!nodeAtPos || nodeAtPos.isText || !nodeAtPos.isAtom || !nodeAtPos.isInline) {\n      return false;\n    }\n\n    // Merge old and new attributes\n    tr.setNodeMarkup(pos, undefined, { ...node.attrs, value: sanitizedMarkup });\n    editor.view.dispatch(tr);\n\n    onToolbarDone(true);\n    onChangeResponse(sanitizedMarkup);\n  };\n\n  onRespAreaChange = (respAreaMarkup) => {\n    this.setState({ respAreaMarkup });\n  };\n\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      return true;\n    }\n\n    return false;\n  };\n\n  onBlur = () => {\n    if (this.clickedInside) {\n      this.clickedInside = false;\n    }\n  };\n\n  render() {\n    const { maxLengthPerChoiceEnabled, pluginProps, spellCheck } = this.props;\n    const { markup, toolbarStyle } = this.state;\n    const inputProps = maxLengthPerChoiceEnabled ? {} : { maxLength: 25 };\n\n    return (\n      <div style={toolbarStyle}>\n        <StyledEditableHtml\n          autoFocus={true}\n          disableUnderline\n          onChange={(respAreaMarkup) => {\n            if (this.preventDone) {\n              return;\n            }\n            this.onRespAreaChange(respAreaMarkup);\n          }}\n          onDone={(val) => {\n            if (this.preventDone) {\n              return;\n            }\n            this.onDone(val);\n          }}\n          onBlur={(e) => {\n            this.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n            this.onBlur(e);\n          }}\n          onKeyDown={this.onKeyDown}\n          markup={markup || ''}\n          activePlugins={['languageCharacters']}\n          pluginProps={pluginProps}\n          languageCharactersProps={[{ language: 'spanish' }]}\n          minHeight={'15px'}\n          maxHeight={'15px'}\n          spellCheck={spellCheck}\n          autoWidthToolbar\n          toolbarOpts={{\n            minWidth: 'auto',\n            isHidden: !!pluginProps?.characters?.disabled,\n          }}\n          {...inputProps}\n        />\n      </div>\n    );\n  }\n}\n\nexport default ECRToolbar;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,165 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _main = _interopRequireDefault(require("./main"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+var _markupUtils = require("./markupUtils");
+const log = (0, _debug.default)('explicit-constructed-response:configure');
+class ExplicitConstructedResponse extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "onModelChanged", (m, reset) => {
+      this._model = ExplicitConstructedResponse.prepareModel({
+        ...this._model,
+        ...m
+      });
+      this._render();
+      this.dispatchModelUpdated(reset);
+    });
+    (0, _defineProperty2.default)(this, "onConfigurationChanged", c => {
+      this._configuration = c;
+      const newInputConfig = this._configuration?.responseAreaInputConfiguration?.inputConfiguration;
+      this._model = {
+        ...this._model,
+        responseAreaInputConfiguration: newInputConfig
+      };
+      this.onModelChanged(this._model);
+    });
+    this._root = null;
+    this._model = ExplicitConstructedResponse.prepareModel();
+    this._configuration = _defaults.default.configuration;
+  }
+  set model(s) {
+    this._model = ExplicitConstructedResponse.prepareModel(s);
+    if (this._model.responseAreaInputConfiguration) {
+      this._model.responseAreaInputConfiguration = this._configuration.responseAreaInputConfiguration?.inputConfiguration;
+    }
+    this._render();
+  }
+  set configuration(c) {
+    this._configuration = (0, _lodashEs.defaults)(c, _defaults.default.configuration);
+
+    // 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 (c.language?.enabled) {
+      if (c.languageChoices?.options?.length) {
+        this._model.language = c.languageChoices.options[0].value;
+      }
+    } else if (c.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();
+  }
+  set disableSidePanel(s) {
+    this._disableSidePanel = s;
+    this._render();
+  }
+  dispatchModelUpdated(reset) {
+    const resetValue = !!reset;
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
+  }
+  /** @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() {
+    log('_render');
+    let element = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      configuration: this._configuration,
+      onModelChanged: this.onModelChanged,
+      onConfigurationChanged: this.onConfigurationChanged,
+      disableSidePanel: this._disableSidePanel,
+      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);
+  }
+  connectedCallback() {
+    this._render();
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+      this._root = null;
+    }
+  }
+}
+exports.default = ExplicitConstructedResponse;
+(0, _defineProperty2.default)(ExplicitConstructedResponse, "prepareModel", (model = {}) => {
+  const joinedObj = {
+    ..._defaults.default.model,
+    ...model
+  };
+  const slateMarkup = joinedObj.slateMarkup || (0, _markupUtils.createSlateMarkup)(joinedObj.markup, joinedObj.choices);
+  const processedMarkup = (0, _markupUtils.processMarkup)(slateMarkup);
+
+  // this was added to treat an exception, when the model has choices without the "value" property
+  // like: { label: 'test' }
+  if (joinedObj.choices) {
+    Object.keys(joinedObj.choices).forEach(key => {
+      if ((0, _lodashEs.isArray)(joinedObj.choices[key])) {
+        joinedObj.choices[key] = (joinedObj.choices[key] || []).map((item, index) => {
+          if (!item.value) {
+            log('Choice does not contain "value" property, which is required.', item);
+            return {
+              value: `${index}`,
+              ...item
+            };
+          }
+          return item;
+        });
+      }
+    });
+  }
+  return {
+    ...joinedObj,
+    slateMarkup,
+    markup: processedMarkup
+  };
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_debug","_lodashEs","_pieConfigureEvents","_main","_defaults","_markupUtils","log","debug","ExplicitConstructedResponse","HTMLElement","constructor","_defineProperty2","default","m","reset","_model","prepareModel","_render","dispatchModelUpdated","c","_configuration","newInputConfig","responseAreaInputConfiguration","inputConfiguration","onModelChanged","_root","sensibleDefaults","configuration","model","s","defaults","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","disableSidePanel","_disableSidePanel","resetValue","dispatchEvent","ModelUpdatedEvent","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Main","onConfigurationChanged","imageSupport","add","bind","delete","uploadSoundSupport","createRoot","render","connectedCallback","disconnectedCallback","unmount","exports","joinedObj","slateMarkup","createSlateMarkup","markup","choices","processedMarkup","processMarkup","Object","keys","forEach","key","isArray","map","item","index"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\nimport { defaults, isArray } from 'lodash-es';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './main';\n\nimport sensibleDefaults from './defaults';\nimport { processMarkup, createSlateMarkup } from './markupUtils';\n\nconst log = debug('explicit-constructed-response:configure');\n\nexport default class ExplicitConstructedResponse extends HTMLElement {\n  static prepareModel = (model = {}) => {\n    const joinedObj = {\n      ...sensibleDefaults.model,\n      ...model,\n    };\n    const slateMarkup = joinedObj.slateMarkup || createSlateMarkup(joinedObj.markup, joinedObj.choices);\n    const processedMarkup = processMarkup(slateMarkup);\n\n    // this was added to treat an exception, when the model has choices without the \"value\" property\n    // like: { label: 'test' }\n    if (joinedObj.choices) {\n      Object.keys(joinedObj.choices).forEach((key) => {\n        if (isArray(joinedObj.choices[key])) {\n          joinedObj.choices[key] = (joinedObj.choices[key] || []).map((item, index) => {\n            if (!item.value) {\n              log('Choice does not contain \"value\" property, which is required.', item);\n              return { value: `${index}`, ...item };\n            }\n\n            return item;\n          });\n        }\n      });\n    }\n\n    return {\n      ...joinedObj,\n      slateMarkup,\n      markup: processedMarkup,\n    };\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = ExplicitConstructedResponse.prepareModel();\n    this._configuration = sensibleDefaults.configuration;\n  }\n\n  set model(s) {\n    this._model = ExplicitConstructedResponse.prepareModel(s);\n    if (this._model.responseAreaInputConfiguration) {\n      this._model.responseAreaInputConfiguration =\n        this._configuration.responseAreaInputConfiguration?.inputConfiguration;\n    }\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = defaults(c, sensibleDefaults.configuration);\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 (c.language?.enabled) {\n      if (c.languageChoices?.options?.length) {\n        this._model.language = c.languageChoices.options[0].value;\n      }\n    } else if (c.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  set disableSidePanel(s) {\n    this._disableSidePanel = s;\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 = ExplicitConstructedResponse.prepareModel({\n      ...this._model,\n      ...m,\n    });\n    this._render();\n    this.dispatchModelUpdated(reset);\n  };\n\n  onConfigurationChanged =(c) => {\n    this._configuration = c;\n\n    const newInputConfig = this._configuration?.responseAreaInputConfiguration?.inputConfiguration;\n\n    this._model = {\n      ...this._model,\n      responseAreaInputConfiguration: newInputConfig,\n    };\n\n    this.onModelChanged(this._model);\n  };\n\n  /** @param {done, progress, file} handler */\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(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      disableSidePanel: this._disableSidePanel,\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  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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAQA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAEA,MAAMQ,GAAG,GAAG,IAAAC,cAAK,EAAC,yCAAyC,CAAC;AAE7C,MAAMC,2BAA2B,SAASC,WAAW,CAAC;EAiCnEC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,0BA2DO,CAACC,CAAC,EAAEC,KAAK,KAAI;MAC5B,IAAI,CAACC,MAAM,GAAGP,2BAA2B,CAACQ,YAAY,CAAC;QACrD,GAAG,IAAI,CAACD,MAAM;QACd,GAAGF;MACL,CAAC,CAAC;MACF,IAAI,CAACI,OAAO,CAAC,CAAC;MACd,IAAI,CAACC,oBAAoB,CAACJ,KAAK,CAAC;IAClC,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,kCAEwBO,CAAC,IAAK;MAC7B,IAAI,CAACC,cAAc,GAAGD,CAAC;MAEvB,MAAME,cAAc,GAAG,IAAI,CAACD,cAAc,EAAEE,8BAA8B,EAAEC,kBAAkB;MAE9F,IAAI,CAACR,MAAM,GAAG;QACZ,GAAG,IAAI,CAACA,MAAM;QACdO,8BAA8B,EAAED;MAClC,CAAC;MAED,IAAI,CAACG,cAAc,CAAC,IAAI,CAACT,MAAM,CAAC;IAClC,CAAC;IA9EC,IAAI,CAACU,KAAK,GAAG,IAAI;IACjB,IAAI,CAACV,MAAM,GAAGP,2BAA2B,CAACQ,YAAY,CAAC,CAAC;IACxD,IAAI,CAACI,cAAc,GAAGM,iBAAgB,CAACC,aAAa;EACtD;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACd,MAAM,GAAGP,2BAA2B,CAACQ,YAAY,CAACa,CAAC,CAAC;IACzD,IAAI,IAAI,CAACd,MAAM,CAACO,8BAA8B,EAAE;MAC9C,IAAI,CAACP,MAAM,CAACO,8BAA8B,GACxC,IAAI,CAACF,cAAc,CAACE,8BAA8B,EAAEC,kBAAkB;IAC1E;IACA,IAAI,CAACN,OAAO,CAAC,CAAC;EAChB;EAEA,IAAIU,aAAaA,CAACR,CAAC,EAAE;IACnB,IAAI,CAACC,cAAc,GAAG,IAAAU,kBAAQ,EAACX,CAAC,EAAEO,iBAAgB,CAACC,aAAa,CAAC;;IAEjE;IACA;IACA;IACA;IACA,IAAIR,CAAC,CAACY,QAAQ,EAAEC,OAAO,EAAE;MACvB,IAAIb,CAAC,CAACc,eAAe,EAAEC,OAAO,EAAEC,MAAM,EAAE;QACtC,IAAI,CAACpB,MAAM,CAACgB,QAAQ,GAAGZ,CAAC,CAACc,eAAe,CAACC,OAAO,CAAC,CAAC,CAAC,CAACE,KAAK;MAC3D;IACF,CAAC,MAAM,IAAIjB,CAAC,CAACY,QAAQ,CAACM,QAAQ,IAAI,IAAI,CAACtB,MAAM,CAACgB,QAAQ,EAAE;MACtD,IAAI,CAACX,cAAc,CAACW,QAAQ,CAACC,OAAO,GAAG,IAAI;MAE3C,IAAI,CAAC,IAAI,CAACZ,cAAc,CAACa,eAAe,CAACC,OAAO,IAAI,CAAC,IAAI,CAACd,cAAc,CAACa,eAAe,CAACC,OAAO,CAACC,MAAM,EAAE;QACvG,IAAI,CAACf,cAAc,CAACa,eAAe,CAACC,OAAO,GAAG,EAAE;MAClD;;MAEA;MACA;MACA,IAAI,CAAC,IAAI,CAACd,cAAc,CAACa,eAAe,CAACC,OAAO,CAACI,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACH,KAAK,KAAK,IAAI,CAACrB,MAAM,CAACgB,QAAQ,CAAC,EAAE;QACxG,IAAI,CAACX,cAAc,CAACa,eAAe,CAACC,OAAO,CAACM,IAAI,CAAC;UAC/CJ,KAAK,EAAE,IAAI,CAACrB,MAAM,CAACgB,QAAQ;UAC3BU,KAAK,EAAE,IAAI,CAAC1B,MAAM,CAACgB;QACrB,CAAC,CAAC;MACJ;IACF,CAAC,MAAM;MACL,OAAO,IAAI,CAAChB,MAAM,CAACgB,QAAQ;IAC7B;IAEA,IAAI,CAACd,OAAO,CAAC,CAAC;EAChB;EAEA,IAAIyB,gBAAgBA,CAACb,CAAC,EAAE;IACtB,IAAI,CAACc,iBAAiB,GAAGd,CAAC;IAC1B,IAAI,CAACZ,OAAO,CAAC,CAAC;EAChB;EAEAC,oBAAoBA,CAACJ,KAAK,EAAE;IAC1B,MAAM8B,UAAU,GAAG,CAAC,CAAC9B,KAAK;IAE1B,IAAI,CAAC+B,aAAa,CAAC,IAAIC,qCAAiB,CAAC,IAAI,CAAC/B,MAAM,EAAE6B,UAAU,CAAC,CAAC;EACpE;EAwBA;EACAG,WAAWA,CAACC,OAAO,EAAE;IACnB,IAAI,CAACH,aAAa,CAAC,IAAII,oCAAgB,CAACD,OAAO,CAAC,CAAC;EACnD;EAEAE,aAAaA,CAACC,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACP,aAAa,CAAC,IAAIQ,oCAAgB,CAACF,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAE,WAAWA,CAACN,OAAO,EAAE;IACnB,IAAI,CAACH,aAAa,CAAC,IAAIU,oCAAgB,CAACP,OAAO,CAAC,CAAC;EACnD;EAEAQ,aAAaA,CAACL,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACP,aAAa,CAAC,IAAIY,oCAAgB,CAACN,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAnC,OAAOA,CAAA,EAAG;IACRX,GAAG,CAAC,SAAS,CAAC;IAEd,IAAIoD,OAAO,gBAAGC,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;MACtCjC,KAAK,EAAE,IAAI,CAACb,MAAM;MAClBY,aAAa,EAAE,IAAI,CAACP,cAAc;MAClCI,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCsC,sBAAsB,EAAE,IAAI,CAACA,sBAAsB;MACnDpB,gBAAgB,EAAE,IAAI,CAACC,iBAAiB;MACxCoB,YAAY,EAAE;QACZC,GAAG,EAAE,IAAI,CAACjB,WAAW,CAACkB,IAAI,CAAC,IAAI,CAAC;QAChCC,MAAM,EAAE,IAAI,CAAChB,aAAa,CAACe,IAAI,CAAC,IAAI;MACtC,CAAC;MACDE,kBAAkB,EAAE;QAClBH,GAAG,EAAE,IAAI,CAACV,WAAW,CAACW,IAAI,CAAC,IAAI,CAAC;QAChCC,MAAM,EAAE,IAAI,CAACV,aAAa,CAACS,IAAI,CAAC,IAAI;MACtC;IACF,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,CAACxC,KAAK,EAAE;MACf,IAAI,CAACA,KAAK,GAAG,IAAA2C,kBAAU,EAAC,IAAI,CAAC;IAC/B;IACA,IAAI,CAAC3C,KAAK,CAAC4C,MAAM,CAACX,OAAO,CAAC;EAC5B;EAEAY,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACrD,OAAO,CAAC,CAAC;EAChB;EAEAsD,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAAC9C,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAAC+C,OAAO,CAAC,CAAC;MACpB,IAAI,CAAC/C,KAAK,GAAG,IAAI;IACnB;EACF;AACF;AAACgD,OAAA,CAAA7D,OAAA,GAAAJ,2BAAA;AAAA,IAAAG,gBAAA,CAAAC,OAAA,EAvKoBJ,2BAA2B,kBACxB,CAACoB,KAAK,GAAG,CAAC,CAAC,KAAK;EACpC,MAAM8C,SAAS,GAAG;IAChB,GAAGhD,iBAAgB,CAACE,KAAK;IACzB,GAAGA;EACL,CAAC;EACD,MAAM+C,WAAW,GAAGD,SAAS,CAACC,WAAW,IAAI,IAAAC,8BAAiB,EAACF,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACI,OAAO,CAAC;EACnG,MAAMC,eAAe,GAAG,IAAAC,0BAAa,EAACL,WAAW,CAAC;;EAElD;EACA;EACA,IAAID,SAAS,CAACI,OAAO,EAAE;IACrBG,MAAM,CAACC,IAAI,CAACR,SAAS,CAACI,OAAO,CAAC,CAACK,OAAO,CAAEC,GAAG,IAAK;MAC9C,IAAI,IAAAC,iBAAO,EAACX,SAAS,CAACI,OAAO,CAACM,GAAG,CAAC,CAAC,EAAE;QACnCV,SAAS,CAACI,OAAO,CAACM,GAAG,CAAC,GAAG,CAACV,SAAS,CAACI,OAAO,CAACM,GAAG,CAAC,IAAI,EAAE,EAAEE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;UAC3E,IAAI,CAACD,IAAI,CAACnD,KAAK,EAAE;YACf9B,GAAG,CAAC,8DAA8D,EAAEiF,IAAI,CAAC;YACzE,OAAO;cAAEnD,KAAK,EAAE,GAAGoD,KAAK,EAAE;cAAE,GAAGD;YAAK,CAAC;UACvC;UAEA,OAAOA,IAAI;QACb,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EACJ;EAEA,OAAO;IACL,GAAGb,SAAS;IACZC,WAAW;IACXE,MAAM,EAAEE;EACV,CAAC;AACH,CAAC","ignoreList":[]}