@pie-element/inline-dropdown 4.2.4 → 4.2.6-next.173

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.2.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown@4.2.4...@pie-element/inline-dropdown@4.2.5) (2022-09-29)
+
+**Note:** Version bump only for package @pie-element/inline-dropdown
+
+
+
+
+
 ## [4.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown@4.2.3...@pie-element/inline-dropdown@4.2.4) (2022-09-14)
 
 **Note:** Version bump only for package @pie-element/inline-dropdown

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.2.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-configure@4.2.4...@pie-element/inline-dropdown-configure@4.2.5) (2022-09-29)
+
+**Note:** Version bump only for package @pie-element/inline-dropdown-configure
+
+
+
+
+
 ## [4.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-configure@4.2.3...@pie-element/inline-dropdown-configure@4.2.4) (2022-09-14)
 
 **Note:** Version bump only for package @pie-element/inline-dropdown-configure

package/configure/lib/defaults.js

@@ -66,6 +66,10 @@ var _default = {
       teacherInstructions: 300,
       prompt: 300,
       rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","disabled","mode","prompt","shuffle","markup","choices","alternateResponse","promptEnabled","rationaleEnabled","choiceRationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","displayType","configuration","settings","label","spellCheck","enabled","lockChoiceOrder","partialScoring","rationale","teacherInstructions","choiceRationale","maxResponseAreas","maxResponseAreaChoices","maxImageWidth","maxImageHeight"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,4CAHH;AAILC,IAAAA,OAAO,EAAE,IAJJ;AAKLC,IAAAA,MAAM,EAAE,EALH;AAMLC,IAAAA,OAAO,EAAE,EANJ;AAOLC,IAAAA,iBAAiB,EAAE,EAPd;AAQLC,IAAAA,aAAa,EAAE,IARV;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,sBAAsB,EAAE,IAVnB;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE,QAblB;AAcLC,IAAAA,WAAW,EAAE;AAdR,GADM;AAiBbC,EAAAA,aAAa,EAAE;AACbZ,IAAAA,MAAM,EAAE;AACNa,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KADK;AAKbC,IAAAA,UAAU,EAAE;AACVD,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAC,KAFC;AAGVG,MAAAA,OAAO,EAAC;AAHE,KALC;AAUbC,IAAAA,eAAe,EAAE;AACfJ,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KAVJ;AAcbI,IAAAA,cAAc,EAAE;AACdL,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE;AAFO,KAdH;AAkBbK,IAAAA,SAAS,EAAE;AACTN,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KAlBE;AAsBbM,IAAAA,mBAAmB,EAAE;AACnBP,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAtBR;AA0BbO,IAAAA,eAAe,EAAE;AACfR,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KA1BJ;AA8BbJ,IAAAA,qBAAqB,EAAC;AACpBG,MAAAA,QAAQ,EAAE,KADU;AAEpBC,MAAAA,KAAK,EAAE;AAFa,KA9BT;AAkCbQ,IAAAA,gBAAgB,EAAE,EAlCL;AAmCbC,IAAAA,sBAAsB,EAAE,EAnCX;AAoCbC,IAAAA,aAAa,EAAE;AACbJ,MAAAA,mBAAmB,EAAE,GADR;AAEbpB,MAAAA,MAAM,EAAE,GAFK;AAGbmB,MAAAA,SAAS,EAAE;AAHE,KApCF;AAyCbM,IAAAA,cAAc,EAAE;AACdL,MAAAA,mBAAmB,EAAE,GADP;AAEdpB,MAAAA,MAAM,EAAE,GAFM;AAGdmB,MAAAA,SAAS,EAAE;AAHG;AAzCH;AAjBF,C","sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the dropdowns to complete the sentence',\n    shuffle: true,\n    markup: '',\n    choices: {},\n    alternateResponse: {},\n    promptEnabled: true,\n    rationaleEnabled: true,\n    choiceRationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    displayType: 'block'\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    choiceRationale: {\n      settings: true,\n      label: 'Choice Rationale'\n    },\n    toolbarEditorPosition:{\n      settings: false,\n      label: 'Toolbar Editor Position'\n    },\n    maxResponseAreas: 10,\n    maxResponseAreaChoices: 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  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","disabled","mode","prompt","shuffle","markup","choices","alternateResponse","promptEnabled","rationaleEnabled","choiceRationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","displayType","configuration","settings","label","spellCheck","enabled","lockChoiceOrder","partialScoring","rationale","teacherInstructions","choiceRationale","maxResponseAreas","maxResponseAreaChoices","maxImageWidth","maxImageHeight","withRubric"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,4CAHH;AAILC,IAAAA,OAAO,EAAE,IAJJ;AAKLC,IAAAA,MAAM,EAAE,EALH;AAMLC,IAAAA,OAAO,EAAE,EANJ;AAOLC,IAAAA,iBAAiB,EAAE,EAPd;AAQLC,IAAAA,aAAa,EAAE,IARV;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,sBAAsB,EAAE,IAVnB;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE,QAblB;AAcLC,IAAAA,WAAW,EAAE;AAdR,GADM;AAiBbC,EAAAA,aAAa,EAAE;AACbZ,IAAAA,MAAM,EAAE;AACNa,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KADK;AAKbC,IAAAA,UAAU,EAAE;AACVD,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAC,KAFC;AAGVG,MAAAA,OAAO,EAAC;AAHE,KALC;AAUbC,IAAAA,eAAe,EAAE;AACfJ,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KAVJ;AAcbI,IAAAA,cAAc,EAAE;AACdL,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE;AAFO,KAdH;AAkBbK,IAAAA,SAAS,EAAE;AACTN,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KAlBE;AAsBbM,IAAAA,mBAAmB,EAAE;AACnBP,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAtBR;AA0BbO,IAAAA,eAAe,EAAE;AACfR,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KA1BJ;AA8BbJ,IAAAA,qBAAqB,EAAC;AACpBG,MAAAA,QAAQ,EAAE,KADU;AAEpBC,MAAAA,KAAK,EAAE;AAFa,KA9BT;AAkCbQ,IAAAA,gBAAgB,EAAE,EAlCL;AAmCbC,IAAAA,sBAAsB,EAAE,EAnCX;AAoCbC,IAAAA,aAAa,EAAE;AACbJ,MAAAA,mBAAmB,EAAE,GADR;AAEbpB,MAAAA,MAAM,EAAE,GAFK;AAGbmB,MAAAA,SAAS,EAAE;AAHE,KApCF;AAyCbM,IAAAA,cAAc,EAAE;AACdL,MAAAA,mBAAmB,EAAE,GADP;AAEdpB,MAAAA,MAAM,EAAE,GAFM;AAGdmB,MAAAA,SAAS,EAAE;AAHG,KAzCH;AA8CbO,IAAAA,UAAU,EAAE;AACVb,MAAAA,QAAQ,EAAE,KADA;AAEVC,MAAAA,KAAK,EAAE;AAFG;AA9CC;AAjBF,C","sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the dropdowns to complete the sentence',\n    shuffle: true,\n    markup: '',\n    choices: {},\n    alternateResponse: {},\n    promptEnabled: true,\n    rationaleEnabled: true,\n    choiceRationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    displayType: 'block'\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    choiceRationale: {\n      settings: true,\n      label: 'Choice Rationale'\n    },\n    toolbarEditorPosition:{\n      settings: false,\n      label: 'Toolbar Editor Position'\n    },\n    maxResponseAreas: 10,\n    maxResponseAreaChoices: 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  }\n};\n"],"file":"defaults.js"}

package/configure/lib/index.js

@@ -121,6 +121,16 @@ var InlineDropdown = /*#__PURE__*/function (_HTMLElement) {
     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() {
@@ -135,6 +145,10 @@ var InlineDropdown = /*#__PURE__*/function (_HTMLElement) {
         imageSupport: {
           add: this.insertImage.bind(this),
           "delete": this.onDeleteImage.bind(this)
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          "delete": this.onDeleteSound.bind(this)
         }
       });
 

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","InlineDropdown","_model","prepareModel","_configuration","sensibleDefaults","configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","handler","InsertImageEvent","src","done","DeleteImageEvent","element","React","createElement","Main","model","disableSidePanel","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement","currModal","slateMarkup","markup","choices"],"mappings":"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","sourcesContent":["import {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\nimport { processMarkup, createSlateMarkup } from './markupUtils'\n\nconst log = debug('multiple-choice:configure');\n\nexport default class InlineDropdown extends HTMLElement {\n  static prepareModel = (model = {}) => {\n    const currModal = {\n      ...sensibleDefaults.model,\n      ...model\n    };\n    const slateMarkup = model.slateMarkup || createSlateMarkup(currModal.markup, currModal.choices);\n    const markup = processMarkup(slateMarkup);\n\n    return {\n      ...currModal,\n      slateMarkup,\n      markup\n      /*...processedMarkup,*/\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = InlineDropdown.prepareModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = InlineDropdown.prepareModel(s);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = defaults(c, sensibleDefaults.configuration);\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 = InlineDropdown.prepareModel(m);\n    this._render();\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n    this._render();\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  _render() {\n    log('_render');\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    });\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","InlineDropdown","_model","prepareModel","_configuration","sensibleDefaults","configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","element","React","createElement","Main","model","disableSidePanel","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement","currModal","slateMarkup","markup","choices"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,2BAAN,CAAZ;;IAEqBC,c;;;;;AAiBnB,4BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,cAAc,CAACE,YAAf,EAAd;AACA,UAAKC,cAAL,GAAsBC,sBAAiBC,aAAvC;AACA,UAAKC,cAAL,GAAsB,MAAKA,cAAL,CAAoBC,IAApB,gDAAtB;AACA,UAAKC,sBAAL,GAA8B,MAAKA,sBAAL,CAA4BD,IAA5B,gDAA9B;AALY;AAMb;;;;SAED,aAAUE,CAAV,EAAa;AACX,WAAKR,MAAL,GAAcD,cAAc,CAACE,YAAf,CAA4BO,CAA5B,CAAd;;AACA,WAAKC,OAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKR,cAAL,GAAsB,0BAASQ,CAAT,EAAYP,sBAAiBC,aAA7B,CAAtB;;AACA,WAAKK,OAAL;AACD;;;SAED,aAAqBD,CAArB,EAAwB;AACtB,WAAKG,iBAAL,GAAyBH,CAAzB;;AACA,WAAKC,OAAL;AACD;;;WAED,8BAAqBG,KAArB,EAA4B;AAC1B,UAAMC,UAAU,GAAG,CAAC,CAACD,KAArB;AAEA,WAAKE,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKf,MAA3B,EAAmCa,UAAnC,CAAnB;AACD;;;WAED,wBAAeG,CAAf,EAAkBJ,KAAlB,EAAyB;AACvB,WAAKZ,MAAL,GAAcD,cAAc,CAACE,YAAf,CAA4Be,CAA5B,CAAd;;AACA,WAAKP,OAAL;;AACA,WAAKQ,oBAAL,CAA0BL,KAA1B;AACD;;;WAED,gCAAuBF,CAAvB,EAA0B;AACxB,WAAKR,cAAL,GAAsBQ,CAAtB;;AACA,WAAKD,OAAL;AACD;AAED;;;;WACA,qBAAYS,OAAZ,EAAqB;AACnB,WAAKJ,aAAL,CAAmB,IAAIK,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKP,aAAL,CAAmB,IAAIQ,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKJ,aAAL,CAAmB,IAAIS,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKP,aAAL,CAAmB,IAAIU,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,mBAAU;AACRvB,MAAAA,GAAG,CAAC,SAAD,CAAH;;AACA,UAAI2B,OAAO,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACtCC,QAAAA,KAAK,EAAE,KAAK7B,MAD0B;AAEtCI,QAAAA,aAAa,EAAE,KAAKF,cAFkB;AAGtCG,QAAAA,cAAc,EAAE,KAAKA,cAHiB;AAItCE,QAAAA,sBAAsB,EAAE,KAAKA,sBAJS;AAKtCuB,QAAAA,gBAAgB,EAAE,KAAKnB,iBALe;AAMtCoB,QAAAA,YAAY,EAAE;AACZC,UAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiB3B,IAAjB,CAAsB,IAAtB,CADO;AAEZ,oBAAQ,KAAK4B,aAAL,CAAmB5B,IAAnB,CAAwB,IAAxB;AAFI,SANwB;AAUtC6B,QAAAA,kBAAkB,EAAE;AAClBH,UAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiB9B,IAAjB,CAAsB,IAAtB,CADa;AAElB,oBAAQ,KAAK+B,aAAL,CAAmB/B,IAAnB,CAAwB,IAAxB;AAFU;AAVkB,OAA1B,CAAd;;AAeAgC,2BAASC,MAAT,CAAgBd,OAAhB,EAAyB,IAAzB;AACD;;;kDA5FyCe,W;;;iCAAvBzC,c,kBACG,YAAgB;AAAA,MAAf8B,KAAe,uEAAP,EAAO;;AACpC,MAAMY,SAAS,mCACVtC,sBAAiB0B,KADP,GAEVA,KAFU,CAAf;;AAIA,MAAMa,WAAW,GAAGb,KAAK,CAACa,WAAN,IAAqB,oCAAkBD,SAAS,CAACE,MAA5B,EAAoCF,SAAS,CAACG,OAA9C,CAAzC;AACA,MAAMD,MAAM,GAAG,gCAAcD,WAAd,CAAf;AAEA,yCACKD,SADL;AAEEC,IAAAA,WAAW,EAAXA,WAFF;AAGEC,IAAAA,MAAM,EAANA;AACA;;AAJF;AAMD,C","sourcesContent":["import {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\nimport { processMarkup, createSlateMarkup } from './markupUtils'\n\nconst log = debug('multiple-choice:configure');\n\nexport default class InlineDropdown extends HTMLElement {\n  static prepareModel = (model = {}) => {\n    const currModal = {\n      ...sensibleDefaults.model,\n      ...model\n    };\n    const slateMarkup = model.slateMarkup || createSlateMarkup(currModal.markup, currModal.choices);\n    const markup = processMarkup(slateMarkup);\n\n    return {\n      ...currModal,\n      slateMarkup,\n      markup\n      /*...processedMarkup,*/\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = InlineDropdown.prepareModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = InlineDropdown.prepareModel(s);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = defaults(c, sensibleDefaults.configuration);\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 = InlineDropdown.prepareModel(m);\n    this._render();\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n    this._render();\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    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    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}

package/configure/lib/inline-dropdown-toolbar.js

@@ -313,7 +313,8 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
       var _this$props2 = this.props,
           classes = _this$props2.classes,
           choices = _this$props2.choices,
-          spellCheck = _this$props2.spellCheck;
+          spellCheck = _this$props2.spellCheck,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
       var _this$state = this.state,
           respAreaMarkup = _this$state.respAreaMarkup,
           toolbarStyle = _this$state.toolbarStyle;
@@ -363,7 +364,8 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
         activePlugins: filteredDefaultPlugins,
         pluginProps: labelPlugins,
         onBlur: this.onBlur,
-        spellCheck: spellCheck
+        spellCheck: spellCheck,
+        uploadSoundSupport: uploadSoundSupport
       }), /*#__PURE__*/_react["default"].createElement("i", {
         style: {
           cursor: 'pointer',
@@ -407,6 +409,7 @@ exports.RespAreaToolbar = RespAreaToolbar;
 (0, _defineProperty2["default"])(RespAreaToolbar, "propTypes", {
   classes: _propTypes["default"].object,
   node: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object,
   onDone: _propTypes["default"].func,
   choices: _propTypes["default"].array,
   onAddChoice: _propTypes["default"].func.isRequired,

package/configure/lib/inline-dropdown-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/inline-dropdown-toolbar.jsx"],"names":["MenuItemComp","e","onRemoveChoice","props","preventDefault","stopPropagation","classes","correct","onClick","value","wrapper","valueHolder","__html","removeIcon","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","background","borderBottom","boxSizing","display","cursor","lineHeight","padding","position","fontSize","fontStyle","transform","top","right","zIndex","wordBreak","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","setState","editorRef","finishEditing","val","node","onAddChoice","onlyText","textContent","data","get","newValue","index","onToolbarDone","onSelectChoice","update","toJSON","change","setNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","event","clickedInside","choices","onCheck","correctResponse","find","choice","length","removeNodeByKey","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","left","toolbarStyle","height","width","ReactDOM","findDOMNode","spellCheck","state","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","audio","disabled","video","backgroundColor","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","onRespAreaChange","onDone","onBlur","focusInput","choicesHolder","map","label","array","shape","StyledRespAreaToolbar","minHeight","flexDirection","border"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport classnames from 'classnames';\nimport { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correct: PropTypes.bool.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired\n  };\n\n  onRemoveClick = e => {\n    const { onRemoveChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onRemoveChoice();\n  };\n\n  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classnames(classes.wrapper, { [classes.correct]: correct })} onClick={onClick}>\n        <div\n          className={classes.valueHolder}\n          dangerouslySetInnerHTML={{\n            __html: value\n          }}\n        />\n        <i className={classes.removeIcon} onClick={this.onRemoveClick}>\n          x\n        </i>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles({\n  wrapper: {\n    background: '#fff',\n    borderBottom: '1px solid black',\n    boxSizing: 'border-box',\n    display: 'block',\n    cursor: 'pointer',\n    lineHeight: '30px',\n    padding: '10px 25px 10px 10px',\n    position: 'relative'\n  },\n  correct: {\n    background: '#C4DCFA'\n  },\n  removeIcon: {\n    cursor: 'pointer',\n    fontSize: '20px',\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    top: '50%',\n    right: '5px',\n    zIndex: 3\n  },\n  valueHolder: {\n    wordBreak: 'break-all'\n  }\n})(MenuItemComp);\n\nconst findSlateNode = key => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nconst createElementFromHTML = htmlString => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class RespAreaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    onDone: PropTypes.func,\n    choices: PropTypes.array,\n    onAddChoice: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onSelectChoice: 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  };\n\n  state = {\n    respAreaMarkup: ''\n  };\n\n  componentDidMount() {\n    const { node } = this.props;\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 60}px`,\n          left: `${left + 25}px`,\n          width: domNodeRect.width\n        }\n      });\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onRespAreaChange = respAreaMarkup => {\n    this.setState({ respAreaMarkup });\n  };\n\n  onAddChoice = () => {\n    if (this.editorRef) {\n      this.editorRef.finishEditing();\n    }\n  };\n\n  onDone = (val) => {\n    const { node, onAddChoice } = this.props;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.data.get('index'), val);\n    }\n  };\n\n  onSelectChoice = (newValue, index) => {\n    const { node, value, onToolbarDone, onSelectChoice } = this.props;\n    const update = { ...node.data.toJSON(), value: newValue };\n    const change = value.change().setNodeByKey(node.key, { data: update });\n\n    const nextText = value.document.getNextText(node.key);\n\n    change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n\n    onToolbarDone(change, false);\n\n    onSelectChoice(index);\n  };\n\n  onRemoveChoice = (val, index) => {\n    const { node, value, onToolbarDone, onRemoveChoice } = this.props;\n\n    if (isEqual(val, node.data.get('value'))) {\n      const update = { ...node.data.toJSON(), value: null };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      onToolbarDone(change, false);\n    }\n\n    onRemoveChoice(index);\n  };\n\n  onKeyDown = event => {\n    if (event.key === 'Enter') {\n      this.onAddChoice();\n      // Cancelling event\n      return false;\n    }\n  };\n\n  onBlur = () => {\n    if (this.clickedInside) {\n      this.clickedInside = false;\n      return;\n    }\n\n    const { node, choices, onCheck, onToolbarDone, value } = this.props;\n    const correctResponse = (choices || []).find(choice => choice.correct);\n\n    this.onAddChoice();\n    if (!choices || (choices && choices.length < 2) || !correctResponse) {\n      onCheck(() => {\n        const change = value.change();\n\n        change.removeNodeByKey(node.get('key'));\n        onToolbarDone(change, false);\n      });\n    }\n  };\n\n  onClickInside = () => {\n    this.clickedInside = true;\n  };\n\n  focusInput = () => {\n    // we need to focus the input so that math is saved even without pressing the green checkmark\n    const slateEditorRef = this.editorRef && this.editorRef.rootRef && this.editorRef.rootRef.slateEditor;\n    const inputRef = slateEditorRef && slateEditorRef.editorRef && slateEditorRef.editorRef.element;\n\n    if (inputRef) {\n      inputRef.focus();\n    }\n  };\n\n  render() {\n    const { classes, choices, spellCheck } = this.props;\n    const { respAreaMarkup, toolbarStyle } = this.state;\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(p => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list');\n    const labelPlugins = {\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n\n    if (!toolbarStyle) {\n      return null;\n    }\n\n    return (\n      <div\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6'\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <div className={classes.itemBuilder}>\n          <EditableHtml\n            ref={ref => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\n            className={classes.respArea}\n            toolbarOpts={{\n              position: 'top',\n              alwaysVisible: false,\n              showDone: false,\n              doneOn: 'blur'\n            }}\n            markup={respAreaMarkup}\n            onKeyDown={this.onKeyDown}\n            onChange={this.onRespAreaChange}\n            onDone={this.onDone}\n            placeholder=\"Add Choice\"\n            activePlugins={filteredDefaultPlugins}\n            pluginProps={labelPlugins}\n            onBlur={this.onBlur}\n            spellCheck={spellCheck}\n          />\n          <i\n            style={{\n              cursor: 'pointer',\n              fontSize: '20px',\n              fontStyle: 'normal',\n              position: 'absolute',\n              top: '50%',\n              right: '15px',\n              transform: 'translate(0, -50%)'\n            }}\n            contentEditable={false}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n          >\n            +\n          </i>\n        </div>\n        {choices && (\n          <div className={classes.choicesHolder}>\n            {choices.map(({ label, correct }, index) => (\n              <MenuItem\n                key={index}\n                onClick={() => this.onSelectChoice(label, index)}\n                onRemoveChoice={() => this.onRemoveChoice(label, index)}\n                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles({\n  respArea: {\n    backgroundColor: '#fff',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important'\n    }\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none'\n    }\n  },\n  itemBuilder: {\n    padding: '8px',\n    position: 'relative'\n  }\n})(RespAreaToolbar);\n\nexport default StyledRespAreaToolbar;\n"],"file":"inline-dropdown-toolbar.js"}
+{"version":3,"sources":["../src/inline-dropdown-toolbar.jsx"],"names":["MenuItemComp","e","onRemoveChoice","props","preventDefault","stopPropagation","classes","correct","onClick","value","wrapper","valueHolder","__html","removeIcon","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","background","borderBottom","boxSizing","display","cursor","lineHeight","padding","position","fontSize","fontStyle","transform","top","right","zIndex","wordBreak","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","setState","editorRef","finishEditing","val","node","onAddChoice","onlyText","textContent","data","get","newValue","index","onToolbarDone","onSelectChoice","update","toJSON","change","setNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","event","clickedInside","choices","onCheck","correctResponse","find","choice","length","removeNodeByKey","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","left","toolbarStyle","height","width","ReactDOM","findDOMNode","spellCheck","uploadSoundSupport","state","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","audio","disabled","video","backgroundColor","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","onRespAreaChange","onDone","onBlur","focusInput","choicesHolder","map","label","array","shape","StyledRespAreaToolbar","minHeight","flexDirection","border"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport classnames from 'classnames';\nimport { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correct: PropTypes.bool.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired\n  };\n\n  onRemoveClick = e => {\n    const { onRemoveChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onRemoveChoice();\n  };\n\n  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classnames(classes.wrapper, { [classes.correct]: correct })} onClick={onClick}>\n        <div\n          className={classes.valueHolder}\n          dangerouslySetInnerHTML={{\n            __html: value\n          }}\n        />\n        <i className={classes.removeIcon} onClick={this.onRemoveClick}>\n          x\n        </i>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles({\n  wrapper: {\n    background: '#fff',\n    borderBottom: '1px solid black',\n    boxSizing: 'border-box',\n    display: 'block',\n    cursor: 'pointer',\n    lineHeight: '30px',\n    padding: '10px 25px 10px 10px',\n    position: 'relative'\n  },\n  correct: {\n    background: '#C4DCFA'\n  },\n  removeIcon: {\n    cursor: 'pointer',\n    fontSize: '20px',\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    top: '50%',\n    right: '5px',\n    zIndex: 3\n  },\n  valueHolder: {\n    wordBreak: 'break-all'\n  }\n})(MenuItemComp);\n\nconst findSlateNode = key => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nconst createElementFromHTML = htmlString => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class RespAreaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    onDone: PropTypes.func,\n    choices: PropTypes.array,\n    onAddChoice: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onSelectChoice: 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  };\n\n  state = {\n    respAreaMarkup: ''\n  };\n\n  componentDidMount() {\n    const { node } = this.props;\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 60}px`,\n          left: `${left + 25}px`,\n          width: domNodeRect.width\n        }\n      });\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onRespAreaChange = respAreaMarkup => {\n    this.setState({ respAreaMarkup });\n  };\n\n  onAddChoice = () => {\n    if (this.editorRef) {\n      this.editorRef.finishEditing();\n    }\n  };\n\n  onDone = (val) => {\n    const { node, onAddChoice } = this.props;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.data.get('index'), val);\n    }\n  };\n\n  onSelectChoice = (newValue, index) => {\n    const { node, value, onToolbarDone, onSelectChoice } = this.props;\n    const update = { ...node.data.toJSON(), value: newValue };\n    const change = value.change().setNodeByKey(node.key, { data: update });\n\n    const nextText = value.document.getNextText(node.key);\n\n    change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n\n    onToolbarDone(change, false);\n\n    onSelectChoice(index);\n  };\n\n  onRemoveChoice = (val, index) => {\n    const { node, value, onToolbarDone, onRemoveChoice } = this.props;\n\n    if (isEqual(val, node.data.get('value'))) {\n      const update = { ...node.data.toJSON(), value: null };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      onToolbarDone(change, false);\n    }\n\n    onRemoveChoice(index);\n  };\n\n  onKeyDown = event => {\n    if (event.key === 'Enter') {\n      this.onAddChoice();\n      // Cancelling event\n      return false;\n    }\n  };\n\n  onBlur = () => {\n    if (this.clickedInside) {\n      this.clickedInside = false;\n      return;\n    }\n\n    const { node, choices, onCheck, onToolbarDone, value } = this.props;\n    const correctResponse = (choices || []).find(choice => choice.correct);\n\n    this.onAddChoice();\n    if (!choices || (choices && choices.length < 2) || !correctResponse) {\n      onCheck(() => {\n        const change = value.change();\n\n        change.removeNodeByKey(node.get('key'));\n        onToolbarDone(change, false);\n      });\n    }\n  };\n\n  onClickInside = () => {\n    this.clickedInside = true;\n  };\n\n  focusInput = () => {\n    // we need to focus the input so that math is saved even without pressing the green checkmark\n    const slateEditorRef = this.editorRef && this.editorRef.rootRef && this.editorRef.rootRef.slateEditor;\n    const inputRef = slateEditorRef && slateEditorRef.editorRef && slateEditorRef.editorRef.element;\n\n    if (inputRef) {\n      inputRef.focus();\n    }\n  };\n\n  render() {\n    const { classes, choices, spellCheck, uploadSoundSupport } = this.props;\n    const { respAreaMarkup, toolbarStyle } = this.state;\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(p => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list');\n    const labelPlugins = {\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n\n    if (!toolbarStyle) {\n      return null;\n    }\n\n    return (\n      <div\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6'\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <div className={classes.itemBuilder}>\n          <EditableHtml\n            ref={ref => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\n            className={classes.respArea}\n            toolbarOpts={{\n              position: 'top',\n              alwaysVisible: false,\n              showDone: false,\n              doneOn: 'blur'\n            }}\n            markup={respAreaMarkup}\n            onKeyDown={this.onKeyDown}\n            onChange={this.onRespAreaChange}\n            onDone={this.onDone}\n            placeholder=\"Add Choice\"\n            activePlugins={filteredDefaultPlugins}\n            pluginProps={labelPlugins}\n            onBlur={this.onBlur}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n          <i\n            style={{\n              cursor: 'pointer',\n              fontSize: '20px',\n              fontStyle: 'normal',\n              position: 'absolute',\n              top: '50%',\n              right: '15px',\n              transform: 'translate(0, -50%)'\n            }}\n            contentEditable={false}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n          >\n            +\n          </i>\n        </div>\n        {choices && (\n          <div className={classes.choicesHolder}>\n            {choices.map(({ label, correct }, index) => (\n              <MenuItem\n                key={index}\n                onClick={() => this.onSelectChoice(label, index)}\n                onRemoveChoice={() => this.onRemoveChoice(label, index)}\n                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles({\n  respArea: {\n    backgroundColor: '#fff',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important'\n    }\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none'\n    }\n  },\n  itemBuilder: {\n    padding: '8px',\n    position: 'relative'\n  }\n})(RespAreaToolbar);\n\nexport default StyledRespAreaToolbar;\n"],"file":"inline-dropdown-toolbar.js"}

package/configure/lib/main.js

@@ -457,7 +457,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           model = _this$props.model,
           configuration = _this$props.configuration,
           onConfigurationChanged = _this$props.onConfigurationChanged,
-          imageSupport = _this$props.imageSupport;
+          imageSupport = _this$props.imageSupport,
+          uploadSoundSupport = _this$props.uploadSoundSupport;
 
       var _ref2 = configuration || {},
           _ref2$prompt = _ref2.prompt,
@@ -478,7 +479,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           _ref2$maxImageWidth = _ref2.maxImageWidth,
           maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
           _ref2$maxImageHeight = _ref2.maxImageHeight,
-          maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight;
+          maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight,
+          withRubric = _ref2.withRubric;
 
       var _ref3 = model || {},
           rationaleEnabled = _ref3.rationaleEnabled,
@@ -487,7 +489,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
           choices = _ref3.choices,
           spellCheckEnabled = _ref3.spellCheckEnabled,
-          errors = _ref3.errors;
+          errors = _ref3.errors,
+          rubricEnabled = _ref3.rubricEnabled;
 
       var _ref4 = errors || {},
           responseAreasError = _ref4.responseAreasError,
@@ -528,7 +531,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
               },
               imageSupport: imageSupport,
               maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
-              maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight
+              maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+              uploadSoundSupport: uploadSoundSupport
             }));
           }))));
         });
@@ -569,7 +573,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
               rationaleEnabled: rationale.settings && toggle(rationale.label),
               choiceRationaleEnabled: choiceRationale.settings && toggle(choiceRationale.label),
               promptEnabled: prompt.settings && toggle(prompt.label),
-              spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label)
+              spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+              rubricEnabled: withRubric.settings && toggle(withRubric.label)
             }
           }
         })
@@ -585,7 +590,13 @@ var Main = /*#__PURE__*/function (_React$Component) {
         toolbarOpts: toolbarOpts,
         spellCheck: spellCheckEnabled,
         maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label,
         className: classes.promptHolder
@@ -599,7 +610,13 @@ var Main = /*#__PURE__*/function (_React$Component) {
         toolbarOpts: toolbarOpts,
         spellCheck: spellCheckEnabled,
         maxImageWidth: defaultImageMaxWidth,
-        maxImageHeight: defaultImageMaxHeight
+        maxImageHeight: defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label,
         className: classes.promptHolder
@@ -611,7 +628,13 @@ var Main = /*#__PURE__*/function (_React$Component) {
         toolbarOpts: toolbarOpts,
         spellCheck: spellCheckEnabled,
         maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.flexContainer
       }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
@@ -663,7 +686,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
                 value: value,
                 onToolbarDone: onToolbarDone,
                 choices: respAreaChoices[node.data.get('index')],
-                spellCheck: spellCheckEnabled
+                spellCheck: spellCheckEnabled,
+                uploadSoundSupport: uploadSoundSupport
               });
             };
           }
@@ -676,7 +700,13 @@ var Main = /*#__PURE__*/function (_React$Component) {
         onBlur: this.onBlur,
         disabled: false,
         highlightShape: false,
-        error: responseAreasError
+        error: responseAreasError,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       }), /*#__PURE__*/_react["default"].createElement("br", null), choiceRationaleEnabled && renderChoiceRationale())));
     }
   }]);
@@ -694,6 +724,10 @@ exports.Main = Main;
   imageSupport: _propTypes["default"].shape({
     add: _propTypes["default"].func.isRequired,
     "delete": _propTypes["default"].func.isRequired
+  }),
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
   })
 });
 var Styled = (0, _styles.withStyles)(styles)(Main);

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","InfoDialog","open","onCancel","onOk","title","propTypes","PropTypes","bool","func","string","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","fontFamily","fontSize","lineHeight","color","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","marginTop","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","prepareVal","html","tmp","value","textContent","innerText","Main","dialog","newVal","props","onModelChanged","model","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","splice","teacherInstructions","slateMarkup","callback","setState","message","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","maxResponseAreaChoices","configuration","r","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","ch","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","partialScoring","lockChoiceOrder","choiceRationale","spellCheck","maxResponseAreas","maxImageWidth","maxImageHeight","rationaleEnabled","choiceRationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","errors","responseAreasError","responseAreaChoicesError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","toolbarEditorPosition","position","validationMessage","Settings","Properties","onTeacherInstructionsChanged","onPromptChanged","onRationaleChanged","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","node","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","get","onSelectChoice","onChange","onBlur","React","Component","object","isRequired","disableSidePanel","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEqual from 'lodash/isEqual';\nimport isUndefined from 'lodash/isUndefined';\nimport isEmpty from 'lodash/isEmpty';\nimport reduce from 'lodash/reduce';\nimport max from 'lodash/max';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Info from '@material-ui/icons/Info';\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\n\nconst { toggle, Panel } = settings;\n\nconst InfoDialog = ({ open, onCancel, onOk, title }) => (\n  <Dialog open={open}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogActions>\n      {onOk && (\n        <Button onClick={onOk} color=\"primary\">\n          OK\n        </Button>\n      )}\n      {onCancel && (\n        <Button onClick={onCancel} color=\"primary\">\n          Cancel\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nInfoDialog.propTypes = {\n  open: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onOk: PropTypes.func,\n  title: PropTypes.string\n};\n\nconst styles = theme => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  markup: {\n    minHeight: '100px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px'\n    }\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0\n  },\n  addButton: {\n    float: 'right'\n  },\n  text: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '16px',\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: '5px'\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces'\n  },\n  rationaleChoices: {\n    marginTop: '16px'\n  },\n  panelDetails: {\n   display: 'block'\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '5px'\n  },\n  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '5px',\n    marginTop: '8px'\n  }\n});\n\nconst createElementFromHTML = htmlString => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nconst prepareVal = html => {\n  const tmp = document.createElement('DIV');\n\n  tmp.innerHTML = html;\n\n  const value = tmp.textContent || tmp.innerText || '';\n\n  return value.trim();\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  state = {\n    dialog: {\n      open: false\n    }\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices }\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = newVal => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      ...newVal\n    });\n  };\n\n  onPromptChanged = prompt => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = rationale => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice = model.choices && model.choices[index] && model.choices[index]\n      .findIndex(elem => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = slateMarkup => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = callback => {\n    this.setState({\n      dialog: {\n        open: true,\n        message:\n          'Response areas with under 2 options or with no correct answers will be discarded',\n        onOk: () => {\n          this.setState(\n            {\n              dialog: {\n                open: false\n              }\n            },\n            callback\n          );\n        },\n        onCancel: () =>\n          this.setState({\n            dialog: {\n              open: false\n            }\n          })\n      }\n    });\n  };\n\n  onChange = markup => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll(\n      '[data-type=\"inline_dropdown\"]'\n    );\n\n    const allChoices = {};\n\n    allRespAreas.forEach(el => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {}\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find(c => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] =\n          existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        dialog: {\n          open: true,\n          message:\n            'Response areas with under 2 options or with no correct answers will be discarded',\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false\n                }\n              },\n              () =>\n                this.onModelChange({\n                  choices: cloneDeep(newRespAreaChoices),\n                  slateMarkup: domMarkup.innerHTML\n                })\n            );\n          },\n          onCancel: () =>\n            this.setState({\n              dialog: {\n                open: false\n              }\n            })\n        }\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML\n      });\n    }\n  };\n\n  onAddChoice = (index, label) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices)  {\n      this.setState({\n        dialog: {\n          open: true,\n          message: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onOk: () => {\n            this.setState({\n              dialog: {\n                open: false\n              }\n            });\n          }\n        }\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    if (\n      (respAreaChoices[index] || []).find(\n        r => prepareVal(r.label) === prepareVal(label)\n      )\n    ) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: 'Duplicate answers are not allowed.',\n          onOk: () => {\n            this.setState({\n              dialog: {\n                open: false\n              }\n            });\n          }\n        }\n      });\n\n      return;\n    }\n\n    const value = (respAreaChoices[index] && max(respAreaChoices[index].map(c => parseInt(c.value)).filter(val => !isNaN(val)))) || 0;\n\n    respAreaChoices[index].push({\n      label,\n      value: `${value + 1}`,\n      correct: false\n    });\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map(\n      (ch, index) => ({ ...ch, correct: index === selectedIndex })\n    );\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { dialog } = this.state;\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      imageSupport\n    } = this.props;\n    const {\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      choiceRationale = {},\n      teacherInstructions = {},\n      spellCheck = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const {\n      rationaleEnabled,\n      choiceRationaleEnabled,\n      promptEnabled,\n      teacherInstructionsEnabled,\n      choices,\n      spellCheckEnabled,\n      errors\n    } = model || {};\n    const { responseAreasError, responseAreaChoicesError } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () => (Object.keys(choices) || []).map(key =>\n      <div key={key} className={classes.rationaleChoices}>\n        <ExpansionPanel>\n          <ExpansionPanelSummary expandIcon={<ExpandMoreIcon/>}>\n            <Typography className={classes.text}>\n              {`Rationale for response area #${parseInt(key) + 1}`}\n            </Typography>\n          </ExpansionPanelSummary>\n          <ExpansionPanelDetails className={classes.panelDetails}>\n            {(choices[key] || []).map(choice =>\n              <InputContainer\n                key={choice.label}\n                label={\n                  <span\n                    className={classes.rationaleLabel}\n                    dangerouslySetInnerHTML={{\n                      __html:\n                        `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`\n                    }}\n                  />\n                }\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={choice.rationale || ''}\n                  spellCheck={spellCheckEnabled}\n                  onChange={c =>\n                    this.onChoiceRationaleChanged(key, {\n                      ...choice,\n                      rationale: c\n                    })\n                  }\n                  imageSupport={imageSupport}\n                  maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n                />\n              </InputContainer>\n            )}\n          </ExpansionPanelDetails>\n        </ExpansionPanel>\n      </div>\n    )\n\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={model => this.onModelChange(model)}\n              onChangeConfiguration={configuration =>\n                onConfigurationChanged(configuration, true)\n              }\n              groups={{\n                Settings: {\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label)\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  choiceRationaleEnabled:\n                    choiceRationale.settings && toggle(choiceRationale.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  spellCheckEnabled:\n                  spellCheck.settings && toggle(spellCheck.label)\n                }\n              }}\n            />\n          }\n        >\n          <div>\n            {teacherInstructionsEnabled && (\n              <InputContainer\n                label={teacherInstructions.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.onTeacherInstructionsChanged}\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                />\n              </InputContainer>\n            )}\n\n            {promptEnabled && (\n              <InputContainer\n                label={prompt.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.prompt}\n                  onChange={this.onPromptChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={defaultImageMaxWidth}\n                  maxImageHeight={defaultImageMaxHeight}\n                />\n              </InputContainer>\n            )}\n\n            {rationaleEnabled && (\n              <InputContainer\n                label={rationale.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.rationale || ''}\n                  onChange={this.onRationaleChanged}\n                  imageSupport={imageSupport}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n                />\n              </InputContainer>\n            )}\n\n            <div className={classes.flexContainer}>\n              <Typography className={classes.text}>\n                Define Template, Choices, and Correct Responses\n              </Typography>\n              <Tooltip\n                classes={{ tooltip: classes.tooltip }}\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={validationMessage}\n              >\n                <Info fontSize={'small'} color={'primary'}/>\n              </Tooltip>\n            </div>\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n            {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n\n            <InfoDialog\n              open={dialog.open}\n              title={dialog.message}\n              onCancel={dialog.onCancel}\n              onOk={dialog.onOk}\n            />\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              toolbarOpts={{ position: 'top' }}\n              responseAreaProps={{\n                type: 'inline-dropdown',\n                options: {\n                  duplicates: true\n                },\n                maxResponseAreas: maxResponseAreas,\n                respAreaToolbar: (node, value, onToolbarDone) => {\n                  const { respAreaChoices } = this.state;\n\n                  return () => (\n                    <InlineDropdownToolbar\n                      onAddChoice={this.onAddChoice}\n                      onCheck={this.onCheck}\n                      onRemoveChoice={index =>\n                        this.onRemoveChoice(node.data.get('index'), index)\n                      }\n                      onSelectChoice={index =>\n                        this.onSelectChoice(node.data.get('index'), index)\n                      }\n                      node={node}\n                      value={value}\n                      onToolbarDone={onToolbarDone}\n                      choices={respAreaChoices[node.data.get('index')]}\n                      spellCheck={spellCheckEnabled}\n                    />\n                  );\n                }\n              }}\n              spellCheck={spellCheckEnabled}\n              className={classes.markup}\n              markup={model.slateMarkup || ''}\n              onChange={this.onChange}\n              imageSupport={imageSupport}\n              onBlur={this.onBlur}\n              disabled={false}\n              highlightShape={false}\n              error={responseAreasError}\n            />\n            <br />\n            {choiceRationaleEnabled && renderChoiceRationale()}\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","InfoDialog","open","onCancel","onOk","title","propTypes","PropTypes","bool","func","string","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","fontFamily","fontSize","lineHeight","color","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","marginTop","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","prepareVal","html","tmp","value","textContent","innerText","Main","dialog","newVal","props","onModelChanged","model","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","splice","teacherInstructions","slateMarkup","callback","setState","message","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","maxResponseAreaChoices","configuration","r","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","ch","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","partialScoring","lockChoiceOrder","choiceRationale","spellCheck","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","rationaleEnabled","choiceRationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","errors","rubricEnabled","responseAreasError","responseAreaChoicesError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","toolbarEditorPosition","position","validationMessage","Settings","Properties","onTeacherInstructionsChanged","language","onPromptChanged","onRationaleChanged","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","node","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","get","onSelectChoice","onChange","onBlur","React","Component","object","isRequired","disableSidePanel","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEqual from 'lodash/isEqual';\nimport isUndefined from 'lodash/isUndefined';\nimport isEmpty from 'lodash/isEmpty';\nimport reduce from 'lodash/reduce';\nimport max from 'lodash/max';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Info from '@material-ui/icons/Info';\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\n\nconst { toggle, Panel } = settings;\n\nconst InfoDialog = ({ open, onCancel, onOk, title }) => (\n  <Dialog open={open}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogActions>\n      {onOk && (\n        <Button onClick={onOk} color=\"primary\">\n          OK\n        </Button>\n      )}\n      {onCancel && (\n        <Button onClick={onCancel} color=\"primary\">\n          Cancel\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nInfoDialog.propTypes = {\n  open: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onOk: PropTypes.func,\n  title: PropTypes.string\n};\n\nconst styles = theme => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  markup: {\n    minHeight: '100px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px'\n    }\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0\n  },\n  addButton: {\n    float: 'right'\n  },\n  text: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '16px',\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: '5px'\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces'\n  },\n  rationaleChoices: {\n    marginTop: '16px'\n  },\n  panelDetails: {\n   display: 'block'\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '5px'\n  },\n  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '5px',\n    marginTop: '8px'\n  }\n});\n\nconst createElementFromHTML = htmlString => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nconst prepareVal = html => {\n  const tmp = document.createElement('DIV');\n\n  tmp.innerHTML = html;\n\n  const value = tmp.textContent || tmp.innerText || '';\n\n  return value.trim();\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  state = {\n    dialog: {\n      open: false\n    }\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices }\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = newVal => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      ...newVal\n    });\n  };\n\n  onPromptChanged = prompt => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = rationale => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice = model.choices && model.choices[index] && model.choices[index]\n      .findIndex(elem => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = slateMarkup => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = callback => {\n    this.setState({\n      dialog: {\n        open: true,\n        message:\n          'Response areas with under 2 options or with no correct answers will be discarded',\n        onOk: () => {\n          this.setState(\n            {\n              dialog: {\n                open: false\n              }\n            },\n            callback\n          );\n        },\n        onCancel: () =>\n          this.setState({\n            dialog: {\n              open: false\n            }\n          })\n      }\n    });\n  };\n\n  onChange = markup => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll(\n      '[data-type=\"inline_dropdown\"]'\n    );\n\n    const allChoices = {};\n\n    allRespAreas.forEach(el => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {}\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find(c => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] =\n          existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        dialog: {\n          open: true,\n          message:\n            'Response areas with under 2 options or with no correct answers will be discarded',\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false\n                }\n              },\n              () =>\n                this.onModelChange({\n                  choices: cloneDeep(newRespAreaChoices),\n                  slateMarkup: domMarkup.innerHTML\n                })\n            );\n          },\n          onCancel: () =>\n            this.setState({\n              dialog: {\n                open: false\n              }\n            })\n        }\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML\n      });\n    }\n  };\n\n  onAddChoice = (index, label) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices)  {\n      this.setState({\n        dialog: {\n          open: true,\n          message: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onOk: () => {\n            this.setState({\n              dialog: {\n                open: false\n              }\n            });\n          }\n        }\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    if (\n      (respAreaChoices[index] || []).find(\n        r => prepareVal(r.label) === prepareVal(label)\n      )\n    ) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: 'Duplicate answers are not allowed.',\n          onOk: () => {\n            this.setState({\n              dialog: {\n                open: false\n              }\n            });\n          }\n        }\n      });\n\n      return;\n    }\n\n    const value = (respAreaChoices[index] && max(respAreaChoices[index].map(c => parseInt(c.value)).filter(val => !isNaN(val)))) || 0;\n\n    respAreaChoices[index].push({\n      label,\n      value: `${value + 1}`,\n      correct: false\n    });\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map(\n      (ch, index) => ({ ...ch, correct: index === selectedIndex })\n    );\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { dialog } = this.state;\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      imageSupport,\n      uploadSoundSupport\n    } = this.props;\n    const {\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      choiceRationale = {},\n      teacherInstructions = {},\n      spellCheck = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric,\n    } = configuration || {};\n    const {\n      rationaleEnabled,\n      choiceRationaleEnabled,\n      promptEnabled,\n      teacherInstructionsEnabled,\n      choices,\n      spellCheckEnabled,\n      errors,\n      rubricEnabled\n    } = model || {};\n    const { responseAreasError, responseAreaChoicesError } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () => (Object.keys(choices) || []).map(key =>\n      <div key={key} className={classes.rationaleChoices}>\n        <ExpansionPanel>\n          <ExpansionPanelSummary expandIcon={<ExpandMoreIcon/>}>\n            <Typography className={classes.text}>\n              {`Rationale for response area #${parseInt(key) + 1}`}\n            </Typography>\n          </ExpansionPanelSummary>\n          <ExpansionPanelDetails className={classes.panelDetails}>\n            {(choices[key] || []).map(choice =>\n              <InputContainer\n                key={choice.label}\n                label={\n                  <span\n                    className={classes.rationaleLabel}\n                    dangerouslySetInnerHTML={{\n                      __html:\n                        `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`\n                    }}\n                  />\n                }\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={choice.rationale || ''}\n                  spellCheck={spellCheckEnabled}\n                  onChange={c =>\n                    this.onChoiceRationaleChanged(key, {\n                      ...choice,\n                      rationale: c\n                    })\n                  }\n                  imageSupport={imageSupport}\n                  maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              </InputContainer>\n            )}\n          </ExpansionPanelDetails>\n        </ExpansionPanel>\n      </div>\n    )\n\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={model => this.onModelChange(model)}\n              onChangeConfiguration={configuration =>\n                onConfigurationChanged(configuration, true)\n              }\n              groups={{\n                Settings: {\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label)\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  choiceRationaleEnabled:\n                    choiceRationale.settings && toggle(choiceRationale.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  spellCheckEnabled:\n                  spellCheck.settings && toggle(spellCheck.label),\n                  rubricEnabled: withRubric.settings && toggle(withRubric.label)\n                }\n              }}\n            />\n          }\n        >\n          <div>\n            {teacherInstructionsEnabled && (\n              <InputContainer\n                label={teacherInstructions.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.onTeacherInstructionsChanged}\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                />\n              </InputContainer>\n            )}\n\n            {promptEnabled && (\n              <InputContainer\n                label={prompt.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.prompt}\n                  onChange={this.onPromptChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={defaultImageMaxWidth}\n                  maxImageHeight={defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            {rationaleEnabled && (\n              <InputContainer\n                label={rationale.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.rationale || ''}\n                  onChange={this.onRationaleChanged}\n                  imageSupport={imageSupport}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            <div className={classes.flexContainer}>\n              <Typography className={classes.text}>\n                Define Template, Choices, and Correct Responses\n              </Typography>\n              <Tooltip\n                classes={{ tooltip: classes.tooltip }}\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={validationMessage}\n              >\n                <Info fontSize={'small'} color={'primary'}/>\n              </Tooltip>\n            </div>\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n            {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n\n            <InfoDialog\n              open={dialog.open}\n              title={dialog.message}\n              onCancel={dialog.onCancel}\n              onOk={dialog.onOk}\n            />\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              toolbarOpts={{ position: 'top' }}\n              responseAreaProps={{\n                type: 'inline-dropdown',\n                options: {\n                  duplicates: true\n                },\n                maxResponseAreas: maxResponseAreas,\n                respAreaToolbar: (node, value, onToolbarDone) => {\n                  const { respAreaChoices } = this.state;\n\n                  return () => (\n                    <InlineDropdownToolbar\n                      onAddChoice={this.onAddChoice}\n                      onCheck={this.onCheck}\n                      onRemoveChoice={index =>\n                        this.onRemoveChoice(node.data.get('index'), index)\n                      }\n                      onSelectChoice={index =>\n                        this.onSelectChoice(node.data.get('index'), index)\n                      }\n                      node={node}\n                      value={value}\n                      onToolbarDone={onToolbarDone}\n                      choices={respAreaChoices[node.data.get('index')]}\n                      spellCheck={spellCheckEnabled}\n                      uploadSoundSupport={uploadSoundSupport}\n                    />\n                  );\n                }\n              }}\n              spellCheck={spellCheckEnabled}\n              className={classes.markup}\n              markup={model.slateMarkup || ''}\n              onChange={this.onChange}\n              imageSupport={imageSupport}\n              onBlur={this.onBlur}\n              disabled={false}\n              highlightShape={false}\n              error={responseAreasError}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n            <br />\n            {choiceRationaleEnabled && renderChoiceRationale()}\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@pie-element/inline-dropdown-configure",
-  "version": "4.2.4",
+  "version": "4.2.5",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
-    "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^11.0.16",
-    "@pie-lib/editable-html": "^9.1.6",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/config-ui": "^11.0.20",
+    "@pie-lib/editable-html": "^9.2.2",
     "@pie-lib/math-rendering": "^2.5.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",

package/docs/config-schema.json

@@ -215,6 +215,22 @@
         }
       }
     },
+    "withRubric": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,
@@ -274,4 +290,4 @@
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"
-}
+}

package/docs/config-schema.json.md

@@ -162,6 +162,18 @@ Indicates the max dimension for images in prompt - this is also the default dime
 
 Indicates the max dimension for images in rationale
 
+# `withRubric` (object)
+
+Properties of the `withRubric` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not

package/docs/demo/generate.js

@@ -73,5 +73,6 @@ exports.model = (id, element) => ({
   alternateResponse: {
     '2': ['2']
   },
-  choiceRationaleEnabled: false
+  choiceRationaleEnabled: false,
+  rubricEnabled: false
 });

package/docs/pie-schema.json

@@ -147,6 +147,11 @@
       "type": "string",
       "title": "toolbarEditorPosition"
     },
+    "rubricEnabled": {
+      "description": "Indicates if Rubric is enabled",
+      "type": "boolean",
+      "title": "rubricEnabled"
+    },
     "id": {
       "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
       "type": "string",
@@ -170,6 +175,7 @@
     "partialScoring",
     "rationale",
     "rationaleEnabled",
+    "rubricEnabled",
     "scoringType",
     "spellCheckEnabled",
     "studentInstructionsEnabled",

package/docs/pie-schema.json.md

@@ -87,6 +87,10 @@ This element must be one of the following enum values:
 
 Default: `": 'bottom'"`
 
+# `rubricEnabled` (boolean, required)
+
+Indicates if Rubric is enabled
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "4.2.4",
+  "version": "4.2.6-next.173+d434ce108",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -13,10 +13,10 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "^2.3.45",
-    "@pie-lib/mask-markup": "^1.12.13",
+    "@pie-lib/correct-answer-toggle": "^2.3.46",
+    "@pie-lib/mask-markup": "^1.12.14",
     "@pie-lib/math-rendering": "^2.5.0",
-    "@pie-lib/render-ui": "^4.13.5",
+    "@pie-lib/render-ui": "^4.13.6",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "dec027da9b944f8ee4286ab27e27fb888f657155",
+  "gitHead": "d434ce108dd12cb05f72f676a79bbfba67944cb3",
   "main": "lib/index.js",
   "module": "src/index.js"
 }