@pie-element/drag-in-the-blank 6.1.5-next.0 → 6.1.5-next.13

package/configure/lib/choices.js

@@ -282,7 +282,10 @@ var Choices = /*#__PURE__*/function (_React$Component) {
           _this$props5$imageSup = _this$props5.imageSupport,
           imageSupport = _this$props5$imageSup === void 0 ? {} : _this$props5$imageSup,
           _this$props5$pluginPr = _this$props5.pluginProps,
-          pluginProps = _this$props5$pluginPr === void 0 ? {} : _this$props5$pluginPr;
+          pluginProps = _this$props5$pluginPr === void 0 ? {} : _this$props5$pluginPr,
+          maxImageWidth = _this$props5.maxImageWidth,
+          maxImageHeight = _this$props5.maxImageHeight,
+          maxLength = _this$props5.maxLength;
       var visibleChoices = this.getVisibleChoices() || [];
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.design
@@ -337,7 +340,10 @@ var Choices = /*#__PURE__*/function (_React$Component) {
           disableUnderline: true,
           toolbarOpts: toolbarOpts,
           uploadSoundSupport: uploadSoundSupport,
-          mathMlOptions: mathMlOptions
+          mathMlOptions: mathMlOptions,
+          maxImageHeight: maxImageHeight,
+          maxImageWidth: maxImageWidth,
+          charactersLimit: maxLength
         })) : /*#__PURE__*/_react["default"].createElement(_choice["default"], {
           key: index,
           duplicates: duplicates,
@@ -380,7 +386,10 @@ exports.Choices = Choices;
   toolbarOpts: _propTypes["default"].object,
   pluginProps: _propTypes["default"].object,
   maxChoices: _propTypes["default"].number,
-  uploadSoundSupport: _propTypes["default"].object
+  uploadSoundSupport: _propTypes["default"].object,
+  maxImageWidth: _propTypes["default"].number,
+  maxImageHeight: _propTypes["default"].number,
+  maxLength: _propTypes["default"].number
 });
 var Styled = (0, _styles.withStyles)(styles)(Choices);
 var _default = Styled;

package/configure/lib/choices.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/choices.jsx"],"names":["styles","theme","design","display","flexDirection","marginBottom","spacing","unit","addButton","marginLeft","altChoices","alignItems","flexWrap","justifyContent","marginTop","margin","errorText","fontSize","typography","color","palette","error","main","paddingBottom","Choices","warning","open","domNode","ReactDOM","findDOMNode","prevValue","val","key","props","onChange","model","choices","correctResponse","alternateResponses","duplicatedValue","find","c","value","id","newChoices","filter","setState","text","map","choice","usedForResponse","Object","keys","forEach","responseKey","values","alternate","indexOf","newChoicesWithoutTheEmptyOne","focusedEl","oldChoices","length","duplicates","v","rerenderMath","focusedNodeRef","focus","state","classes","mathMlOptions","maxChoices","toolbarOpts","uploadSoundSupport","imageSupport","pluginProps","visibleChoices","getVisibleChoices","onAddChoice","index","minWidth","zIndex","ref","prompt","language","preventDone","onChoiceChanged","undefined","e","inInInsertCharacter","relatedTarget","closest","onChoiceFocus","onChoiceRemove","React","Component","PropTypes","bool","string","object","isRequired","func","number","Styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,aAAa,EAAE,QAFT;AAGNC,MAAAA,YAAY,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AAH7B,KADiB;AAMzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,UAAU,EAAE;AADH,KANc;AASzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,UAAU,EAAE,YADF;AAEVR,MAAAA,OAAO,EAAE,MAFC;AAGVS,MAAAA,QAAQ,EAAE,MAHA;AAIVC,MAAAA,cAAc,EAAE,cAJN;AAKVC,MAAAA,SAAS,EAAEb,KAAK,CAACK,OAAN,CAAcC,IALf;AAOV,eAAS;AACPQ,QAAAA,MAAM,EAAEd,KAAK,CAACK,OAAN,CAAcC;AADf;AAPC,KATa;AAoBzBS,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,KAAK,EAAElB,KAAK,CAACmB,OAAN,CAAcC,KAAd,CAAoBC,IAFlB;AAGTC,MAAAA,aAAa,EAAEtB,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AAH3B;AApBc,GAAZ;AAAA,CAAf;;IA2BaiB,O;;;;;;;;;;;;;;;8FAaH;AAAEC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,IAAI,EAAE;AAAR;AAAX,K;oGACM,K;qGAcC,YAAM;AACnB;AACA,UAAMC,OAAO,GAAGC,qBAASC,WAAT,gDAAhB;;AAEA,+CAAWF,OAAX;AACD,K;wGAEiB,UAACG,SAAD,EAAYC,GAAZ,EAAiBC,GAAjB,EAAyB;AACzC,wBAA4B,MAAKC,KAAjC;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,KAAlB,eAAkBA,KAAlB;AACA,UAAQC,OAAR,GAAyDD,KAAzD,CAAQC,OAAR;AAAA,UAAiBC,eAAjB,GAAyDF,KAAzD,CAAiBE,eAAjB;AAAA,UAAkCC,kBAAlC,GAAyDH,KAAzD,CAAkCG,kBAAlC;AACA,UAAMC,eAAe,GAAG,CAACH,OAAO,IAAI,EAAZ,EAAgBI,IAAhB,CAAqB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,KAAF,KAAYX,GAAZ,IAAmBU,CAAC,CAACE,EAAF,KAASX,GAAnC;AAAA,OAArB,CAAxB,CAHyC,CAKzC;;AACA,UAAIO,eAAJ,EAAqB;AACnB,YAAIT,SAAS,KAAK,EAAlB,EAAsB;AACpB;AACA,cAAMc,WAAU,GAAG,CAACR,OAAO,IAAI,EAAZ,EAAgBS,MAAhB,CAAuB,UAACJ,CAAD;AAAA,mBAAOA,CAAC,CAACE,EAAF,KAASX,GAAhB;AAAA,WAAvB,CAAnB;;AAEAE,UAAAA,QAAQ,CAACU,WAAD,CAAR;AACD;;AAED,cAAKE,QAAL,CAAc;AACZrB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEPqB,YAAAA,IAAI,EAAE;AAFC;AADG,SAAd;;AAOA;AACD;;AAED,UAAMH,UAAU,GAAG,CAAAR,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEY,GAAT,CAAa,UAACC,MAAD;AAAA,eAAaA,MAAM,CAACN,EAAP,KAAcX,GAAd,mCAAyBiB,MAAzB;AAAiCP,UAAAA,KAAK,EAAEX;AAAxC,aAAgDkB,MAA7D;AAAA,OAAb,MAAsF,EAAzG;;AAEA,UAAI,CAAC,gCAAc;AAAEP,QAAAA,KAAK,EAAEX;AAAT,OAAd,CAAL,EAAoC;AAClCG,QAAAA,QAAQ,CAACU,UAAD,CAAR;AAEA;AACD,OA9BwC,CAgCzC;;;AACA,UAAIM,eAAe,GAAG,KAAtB;;AAEA,UAAIb,eAAJ,EAAqB;AACnBc,QAAAA,MAAM,CAACC,IAAP,CAAYf,eAAZ,EAA6BgB,OAA7B,CAAqC,UAACC,WAAD,EAAiB;AACpD,cAAIjB,eAAe,CAACiB,WAAD,CAAf,KAAiCtB,GAArC,EAA0C;AACxCkB,YAAAA,eAAe,GAAG,IAAlB;AACD;AACF,SAJD;AAKD;;AAED,UAAIZ,kBAAkB,IAAI,CAACY,eAA3B,EAA4C;AAC1CC,QAAAA,MAAM,CAACI,MAAP,CAAcjB,kBAAd,EAAkCe,OAAlC,CAA0C,UAACG,SAAD,EAAe;AACvD,cAAIA,SAAS,CAACC,OAAV,CAAkBzB,GAAlB,KAA0B,CAA9B,EAAiC;AAC/BkB,YAAAA,eAAe,GAAG,IAAlB;AACD;AACF,SAJD;AAKD;;AAED,UAAIA,eAAJ,EAAqB;AACnB,cAAKJ,QAAL,CAAc;AACZrB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEPqB,YAAAA,IAAI,EAAE;AAFC;AADG,SAAd;;AAOA;AACD;;AAED,UAAMW,4BAA4B,GAAGd,UAAU,CAACC,MAAX,CAAkB,UAACI,MAAD;AAAA,eAAYA,MAAM,CAACN,EAAP,KAAcX,GAA1B;AAAA,OAAlB,CAArC;AAEAE,MAAAA,QAAQ,CAACwB,4BAAD,CAAR;;AAEA,YAAKZ,QAAL,CAAc;AACZrB,QAAAA,OAAO,EAAE;AACPC,UAAAA,IAAI,EAAE,IADC;AAEPqB,UAAAA,IAAI,EAAE;AAFC;AADG,OAAd;AAMD,K;sGAEe,UAACJ,EAAD;AAAA,aACd,MAAKG,QAAL,CAAc;AACZa,QAAAA,SAAS,EAAEhB;AADC,OAAd,CADc;AAAA,K;oGAKF,YAAM;AAClB,yBAGI,MAAKV,KAHT;AAAA,UACoB2B,UADpB,gBACEzB,KADF,CACWC,OADX;AAAA,UAEEF,QAFF,gBAEEA,QAFF;;AAKA,YAAKY,QAAL,CACE;AACEa,QAAAA,SAAS,YAAKC,UAAU,CAACC,MAAhB;AADX,OADF,EAIE,YAAM;AACJ3B,QAAAA,QAAQ,+CACH0B,UADG,IAEN;AACEjB,UAAAA,EAAE,YAAKiB,UAAU,CAACC,MAAhB,CADJ;AAEEnB,UAAAA,KAAK,EAAE;AAFT,SAFM,GAAR;AAOD,OAZH;AAcD,K;uGAEgB,UAACC,EAAD,EAAQ;AACvB,yBAGI,MAAKV,KAHT;AAAA,UACEC,QADF,gBACEA,QADF;AAAA,UAEWE,OAFX,gBAEED,KAFF,CAEWC,OAFX;AAIA,UAAMQ,UAAU,GAAG,CAACR,OAAO,IAAI,EAAZ,EAAgBS,MAAhB,CAAuB,UAACI,MAAD;AAAA,eAAYA,MAAM,CAACN,EAAP,KAAcA,EAA1B;AAAA,OAAvB,CAAnB;AAEAT,MAAAA,QAAQ,CAACU,UAAD,CAAR;AACD,K;0GAEmB,YAAM;AACxB,yBAGI,MAAKX,KAHT;AAAA,UACE6B,UADF,gBACEA,UADF;AAAA,4CAEE3B,KAFF;AAAA,UAEWC,OAFX,sBAEWA,OAFX;AAAA,UAEoBC,eAFpB,sBAEoBA,eAFpB;;AAKA,UAAI,CAACD,OAAL,EAAc;AACZ,eAAO,EAAP;AACD;;AAED,UAAI0B,UAAJ,EAAgB;AACd,eAAO1B,OAAP;AACD,OAZuB,CAcxB;;;AACA,aAAOA,OAAO,CAACS,MAAR,CAAe,UAACI,MAAD;AAAA,eAAY,CAAC,sBAAKZ,eAAL,EAAsB,UAAC0B,CAAD;AAAA,iBAAOA,CAAC,KAAKd,MAAM,CAACN,EAApB;AAAA,SAAtB,CAAb;AAAA,OAAf,CAAP;AACD,K;;;;;;WAlJD,6BAAoB;AAClB,WAAKqB,YAAL;AACD;;;WAED,8BAAqB;AACnB,WAAKA,YAAL;;AAEA,UAAI,KAAKC,cAAT,EAAyB;AACvB,aAAKA,cAAL,CAAoBC,KAApB,CAA0B,KAA1B;AACD;AACF;;;WA0ID,kBAAS;AAAA;;AACP,wBAA+B,KAAKC,KAApC;AAAA,UAAQR,SAAR,eAAQA,SAAR;AAAA,UAAmBlC,OAAnB,eAAmBA,OAAnB;AACA,yBAWI,KAAKQ,KAXT;AAAA,UACEmC,OADF,gBACEA,OADF;AAAA,UAEEN,UAFF,gBAEEA,UAFF;AAAA,UAGEzC,KAHF,gBAGEA,KAHF;AAAA,+CAIEgD,aAJF;AAAA,UAIEA,aAJF,sCAIkB,EAJlB;AAAA,UAKEC,UALF,gBAKEA,UALF;AAAA,UAMWlC,OANX,gBAMED,KANF,CAMWC,OANX;AAAA,UAOEmC,WAPF,gBAOEA,WAPF;AAAA,UAQEC,kBARF,gBAQEA,kBARF;AAAA,+CASEC,YATF;AAAA,UASEA,YATF,sCASiB,EATjB;AAAA,+CAUEC,WAVF;AAAA,UAUEA,WAVF,sCAUgB,EAVhB;AAYA,UAAMC,cAAc,GAAG,KAAKC,iBAAL,MAA4B,EAAnD;AAEA,0BACE;AAAK,QAAA,SAAS,EAAER,OAAO,CAAClE;AAAxB,sBACE,gCAAC,kBAAD;AACE,QAAA,SAAS,EAAEkE,OAAO,CAAC5D,SADrB;AAEE,QAAA,OAAO,EAAC,WAFV;AAGE,QAAA,KAAK,EAAC,SAHR;AAIE,QAAA,OAAO,EAAE,KAAKqE,WAJhB;AAKE,QAAA,QAAQ,EAAEP,UAAU,IAAIlC,OAAd,IAAyBkC,UAAU,KAAKlC,OAAO,CAACyB;AAL5D,sBADF,eAWE;AAAK,QAAA,SAAS,EAAEO,OAAO,CAAC1D;AAAxB,SACGiE,cAAc,CAAC3B,GAAf,CAAmB,UAACC,MAAD,EAAS6B,KAAT;AAAA,eAClBnB,SAAS,KAAKV,MAAM,CAACN,EAArB,gBACE;AACE,UAAA,GAAG,EAAEmC,KADP;AAEE,UAAA,KAAK,EAAE;AACLC,YAAAA,QAAQ,EAAE,MADL;AAELC,YAAAA,MAAM,EAAE;AAFH;AAFT,wBAOE,gCAAC,0BAAD;AACE,UAAA,GAAG,EAAE,aAACC,IAAD;AAAA,mBAAU,MAAI,CAAChB,cAAL,GAAsBgB,IAAhC;AAAA,WADP;AAEE,UAAA,SAAS,EAAEb,OAAO,CAACc,MAFrB;AAGE,UAAA,YAAY,EAAET,YAHhB;AAIE,UAAA,MAAM,EAAExB,MAAM,CAACP,KAJjB;AAKE,UAAA,WAAW,EAAEgC,WALf;AAME,UAAA,uBAAuB,EAAE,CAAC;AAAES,YAAAA,QAAQ,EAAE;AAAZ,WAAD,EAA0B;AAAEA,YAAAA,QAAQ,EAAE;AAAZ,WAA1B,CAN3B;AAOE,UAAA,QAAQ,EAAE,kBAACpD,GAAD,EAAS;AACjB,gBAAI,MAAI,CAACqD,WAAT,EAAsB;AACpB;AACD;;AAED,YAAA,MAAI,CAACC,eAAL,CAAqBpC,MAAM,CAACP,KAA5B,EAAmCX,GAAnC,EAAwCkB,MAAM,CAACN,EAA/C;AACD,WAbH;AAcE,UAAA,MAAM,EAAE,kBAAM;AACZ,gBAAI,MAAI,CAACyC,WAAT,EAAsB;AACpB;AACD;;AAED,YAAA,MAAI,CAACtC,QAAL,CAAc;AACZa,cAAAA,SAAS,EAAE2B;AADC,aAAd;AAGD,WAtBH;AAuBE,UAAA,MAAM,EAAE,gBAACC,CAAD,EAAO;AACb,gBAAMC,mBAAmB,GAAGD,CAAC,CAACE,aAAF,IAAmBF,CAAC,CAACE,aAAF,CAAgBC,OAAhB,CAAwB,0BAAxB,CAA/C;AAEA,YAAA,MAAI,CAACN,WAAL,GAAmBI,mBAAnB;AACD,WA3BH;AA4BE,UAAA,gBAAgB,MA5BlB;AA6BE,UAAA,WAAW,EAAEjB,WA7Bf;AA8BE,UAAA,kBAAkB,EAAEC,kBA9BtB;AA+BE,UAAA,aAAa,EAAEH;AA/BjB,UAPF,CADF,gBA2CE,gCAAC,kBAAD;AACE,UAAA,GAAG,EAAES,KADP;AAEE,UAAA,UAAU,EAAEhB,UAFd;AAGE,UAAA,QAAQ,EAAC,GAHX;AAIE,UAAA,MAAM,EAAEb,MAJV;AAKE,UAAA,KAAK,EAAE5B,KALT;AAME,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACsE,aAAL,CAAmB1C,MAAM,CAACN,EAA1B,CAAN;AAAA,WANX;AAOE,UAAA,cAAc,EAAE;AAAA,mBAAM,MAAI,CAACiD,cAAL,CAAoB3C,MAAM,CAACN,EAA3B,CAAN;AAAA;AAPlB,UA5CgB;AAAA,OAAnB,CADH,CAXF,EAoEGtB,KAAK,iBAAI;AAAK,QAAA,SAAS,EAAE+C,OAAO,CAACpD;AAAxB,SAAoCK,KAApC,CApEZ,eAsEE,gCAAC,qBAAD;AACE,QAAA,IAAI,EAAEI,OAAO,CAACC,IADhB;AAEE,QAAA,KAAK,EAAC,SAFR;AAGE,QAAA,IAAI,EAAED,OAAO,CAACsB,IAHhB;AAIE,QAAA,SAAS,EAAE;AAAA,iBAAM,MAAI,CAACD,QAAL,CAAc;AAAErB,YAAAA,OAAO,EAAE;AAAEC,cAAAA,IAAI,EAAE;AAAR;AAAX,WAAd,CAAN;AAAA;AAJb,QAtEF,CADF;AA+ED;;;EAnQ0BmE,kBAAMC,S;;;iCAAtBtE,O,eACQ;AACjBsC,EAAAA,UAAU,EAAEiC,sBAAUC,IADL;AAEjB3E,EAAAA,KAAK,EAAE0E,sBAAUE,MAFA;AAGjB9D,EAAAA,KAAK,EAAE4D,sBAAUG,MAAV,CAAiBC,UAHP;AAIjBjE,EAAAA,QAAQ,EAAE6D,sBAAUK,IAAV,CAAeD,UAJR;AAKjB/B,EAAAA,OAAO,EAAE2B,sBAAUG,MAAV,CAAiBC,UALT;AAMjB5B,EAAAA,WAAW,EAAEwB,sBAAUG,MANN;AAOjBxB,EAAAA,WAAW,EAAEqB,sBAAUG,MAPN;AAQjB5B,EAAAA,UAAU,EAAEyB,sBAAUM,MARL;AASjB7B,EAAAA,kBAAkB,EAAEuB,sBAAUG;AATb,C;AAqQrB,IAAMI,MAAM,GAAG,wBAAWtG,MAAX,EAAmBwB,OAAnB,CAAf;eAEe8E,M","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport find from 'lodash/find';\nimport Button from '@material-ui/core/Button';\nimport Choice from './choice';\nimport { choiceIsEmpty } from './markupUtils';\nimport { withStyles } from '@material-ui/core/styles';\nimport { AlertDialog } from '@pie-lib/pie-toolbox/config-ui';\n\nconst styles = (theme) => ({\n  design: {\n    display: 'flex',\n    flexDirection: 'column',\n    marginBottom: theme.spacing.unit * 1.5,\n  },\n  addButton: {\n    marginLeft: 'auto',\n  },\n  altChoices: {\n    alignItems: 'flex-start',\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-evenly',\n    marginTop: theme.spacing.unit,\n\n    '& > *': {\n      margin: theme.spacing.unit,\n    },\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    duplicates: PropTypes.bool,\n    error: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    maxChoices: PropTypes.number,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  state = { warning: { open: false } };\n  preventDone = false;\n\n  componentDidMount() {\n    this.rerenderMath();\n  }\n\n  componentDidUpdate() {\n    this.rerenderMath();\n\n    if (this.focusedNodeRef) {\n      this.focusedNodeRef.focus('end');\n    }\n  }\n\n  rerenderMath = () => {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  };\n\n  onChoiceChanged = (prevValue, val, key) => {\n    const { onChange, model } = this.props;\n    const { choices, correctResponse, alternateResponses } = model;\n    const duplicatedValue = (choices || []).find((c) => c.value === val && c.id !== key);\n\n    // discard the new added choice or the changes if the choice would be a duplicate to one that already exists\n    if (duplicatedValue) {\n      if (prevValue === '') {\n        // remove the new added choice from choices\n        const newChoices = (choices || []).filter((c) => c.id !== key);\n\n        onChange(newChoices);\n      }\n\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Identical answer choices are not allowed and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoices = choices?.map((choice) => (choice.id === key ? { ...choice, value: val } : choice)) || [];\n\n    if (!choiceIsEmpty({ value: val })) {\n      onChange(newChoices);\n\n      return;\n    }\n\n    // if the edited content is empty, its usage has to be searched in the correct response definitions\n    let usedForResponse = false;\n\n    if (correctResponse) {\n      Object.keys(correctResponse).forEach((responseKey) => {\n        if (correctResponse[responseKey] === key) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (alternateResponses && !usedForResponse) {\n      Object.values(alternateResponses).forEach((alternate) => {\n        if (alternate.indexOf(key) >= 0) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (usedForResponse) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Answer choices cannot be blank and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoicesWithoutTheEmptyOne = newChoices.filter((choice) => choice.id !== key);\n\n    onChange(newChoicesWithoutTheEmptyOne);\n\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Answer choices cannot be blank.',\n      },\n    });\n  };\n\n  onChoiceFocus = (id) =>\n    this.setState({\n      focusedEl: id,\n    });\n\n  onAddChoice = () => {\n    const {\n      model: { choices: oldChoices },\n      onChange,\n    } = this.props;\n\n    this.setState(\n      {\n        focusedEl: `${oldChoices.length}`,\n      },\n      () => {\n        onChange([\n          ...oldChoices,\n          {\n            id: `${oldChoices.length}`,\n            value: '',\n          },\n        ]);\n      },\n    );\n  };\n\n  onChoiceRemove = (id) => {\n    const {\n      onChange,\n      model: { choices },\n    } = this.props;\n    const newChoices = (choices || []).filter((choice) => choice.id !== id);\n\n    onChange(newChoices);\n  };\n\n  getVisibleChoices = () => {\n    const {\n      duplicates,\n      model: { choices, correctResponse },\n    } = this.props;\n\n    if (!choices) {\n      return [];\n    }\n\n    if (duplicates) {\n      return choices;\n    }\n\n    // if duplicates not allowed, remove the choices that are used to define the correct response\n    return choices.filter((choice) => !find(correctResponse, (v) => v === choice.id));\n  };\n\n  render() {\n    const { focusedEl, warning } = this.state;\n    const {\n      classes,\n      duplicates,\n      error,\n      mathMlOptions = {},\n      maxChoices,\n      model: { choices },\n      toolbarOpts,\n      uploadSoundSupport,\n      imageSupport = {},\n      pluginProps = {},\n    } = this.props;\n    const visibleChoices = this.getVisibleChoices() || [];\n\n    return (\n      <div className={classes.design}>\n        <Button\n          className={classes.addButton}\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={this.onAddChoice}\n          disabled={maxChoices && choices && maxChoices === choices.length}\n        >\n          Add Choice\n        </Button>\n\n        <div className={classes.altChoices}>\n          {visibleChoices.map((choice, index) =>\n            focusedEl === choice.id ? (\n              <div\n                key={index}\n                style={{\n                  minWidth: '100%',\n                  zIndex: '100',\n                }}\n              >\n                <EditableHtml\n                  ref={(ref) => (this.focusedNodeRef = ref)}\n                  className={classes.prompt}\n                  imageSupport={imageSupport}\n                  markup={choice.value}\n                  pluginProps={pluginProps}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                  onChange={(val) => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.onChoiceChanged(choice.value, val, choice.id);\n                  }}\n                  onDone={() => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.setState({\n                      focusedEl: undefined,\n                    });\n                  }}\n                  onBlur={(e) => {\n                    const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n\n                    this.preventDone = inInInsertCharacter;\n                  }}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                />\n              </div>\n            ) : (\n              <Choice\n                key={index}\n                duplicates={duplicates}\n                targetId=\"0\"\n                choice={choice}\n                error={error}\n                onClick={() => this.onChoiceFocus(choice.id)}\n                onRemoveChoice={() => this.onChoiceRemove(choice.id)}\n              />\n            ),\n          )}\n        </div>\n        {error && <div className={classes.errorText}>{error}</div>}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onConfirm={() => this.setState({ warning: { open: false } })}\n        />\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Choices);\n\nexport default Styled;\n"],"file":"choices.js"}
+{"version":3,"sources":["../src/choices.jsx"],"names":["styles","theme","design","display","flexDirection","marginBottom","spacing","unit","addButton","marginLeft","altChoices","alignItems","flexWrap","justifyContent","marginTop","margin","errorText","fontSize","typography","color","palette","error","main","paddingBottom","Choices","warning","open","domNode","ReactDOM","findDOMNode","prevValue","val","key","props","onChange","model","choices","correctResponse","alternateResponses","duplicatedValue","find","c","value","id","newChoices","filter","setState","text","map","choice","usedForResponse","Object","keys","forEach","responseKey","values","alternate","indexOf","newChoicesWithoutTheEmptyOne","focusedEl","oldChoices","length","duplicates","v","rerenderMath","focusedNodeRef","focus","state","classes","mathMlOptions","maxChoices","toolbarOpts","uploadSoundSupport","imageSupport","pluginProps","maxImageWidth","maxImageHeight","maxLength","visibleChoices","getVisibleChoices","onAddChoice","index","minWidth","zIndex","ref","prompt","language","preventDone","onChoiceChanged","undefined","e","inInInsertCharacter","relatedTarget","closest","onChoiceFocus","onChoiceRemove","React","Component","PropTypes","bool","string","object","isRequired","func","number","Styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,aAAa,EAAE,QAFT;AAGNC,MAAAA,YAAY,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AAH7B,KADiB;AAMzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,UAAU,EAAE;AADH,KANc;AASzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,UAAU,EAAE,YADF;AAEVR,MAAAA,OAAO,EAAE,MAFC;AAGVS,MAAAA,QAAQ,EAAE,MAHA;AAIVC,MAAAA,cAAc,EAAE,cAJN;AAKVC,MAAAA,SAAS,EAAEb,KAAK,CAACK,OAAN,CAAcC,IALf;AAOV,eAAS;AACPQ,QAAAA,MAAM,EAAEd,KAAK,CAACK,OAAN,CAAcC;AADf;AAPC,KATa;AAoBzBS,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,KAAK,EAAElB,KAAK,CAACmB,OAAN,CAAcC,KAAd,CAAoBC,IAFlB;AAGTC,MAAAA,aAAa,EAAEtB,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AAH3B;AApBc,GAAZ;AAAA,CAAf;;IA2BaiB,O;;;;;;;;;;;;;;;8FAgBH;AAAEC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,IAAI,EAAE;AAAR;AAAX,K;oGACM,K;qGAcC,YAAM;AACnB;AACA,UAAMC,OAAO,GAAGC,qBAASC,WAAT,gDAAhB;;AAEA,+CAAWF,OAAX;AACD,K;wGAEiB,UAACG,SAAD,EAAYC,GAAZ,EAAiBC,GAAjB,EAAyB;AACzC,wBAA4B,MAAKC,KAAjC;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,KAAlB,eAAkBA,KAAlB;AACA,UAAQC,OAAR,GAAyDD,KAAzD,CAAQC,OAAR;AAAA,UAAiBC,eAAjB,GAAyDF,KAAzD,CAAiBE,eAAjB;AAAA,UAAkCC,kBAAlC,GAAyDH,KAAzD,CAAkCG,kBAAlC;AACA,UAAMC,eAAe,GAAG,CAACH,OAAO,IAAI,EAAZ,EAAgBI,IAAhB,CAAqB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,KAAF,KAAYX,GAAZ,IAAmBU,CAAC,CAACE,EAAF,KAASX,GAAnC;AAAA,OAArB,CAAxB,CAHyC,CAKzC;;AACA,UAAIO,eAAJ,EAAqB;AACnB,YAAIT,SAAS,KAAK,EAAlB,EAAsB;AACpB;AACA,cAAMc,WAAU,GAAG,CAACR,OAAO,IAAI,EAAZ,EAAgBS,MAAhB,CAAuB,UAACJ,CAAD;AAAA,mBAAOA,CAAC,CAACE,EAAF,KAASX,GAAhB;AAAA,WAAvB,CAAnB;;AAEAE,UAAAA,QAAQ,CAACU,WAAD,CAAR;AACD;;AAED,cAAKE,QAAL,CAAc;AACZrB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEPqB,YAAAA,IAAI,EAAE;AAFC;AADG,SAAd;;AAOA;AACD;;AAED,UAAMH,UAAU,GAAG,CAAAR,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEY,GAAT,CAAa,UAACC,MAAD;AAAA,eAAaA,MAAM,CAACN,EAAP,KAAcX,GAAd,mCAAyBiB,MAAzB;AAAiCP,UAAAA,KAAK,EAAEX;AAAxC,aAAgDkB,MAA7D;AAAA,OAAb,MAAsF,EAAzG;;AAEA,UAAI,CAAC,gCAAc;AAAEP,QAAAA,KAAK,EAAEX;AAAT,OAAd,CAAL,EAAoC;AAClCG,QAAAA,QAAQ,CAACU,UAAD,CAAR;AAEA;AACD,OA9BwC,CAgCzC;;;AACA,UAAIM,eAAe,GAAG,KAAtB;;AAEA,UAAIb,eAAJ,EAAqB;AACnBc,QAAAA,MAAM,CAACC,IAAP,CAAYf,eAAZ,EAA6BgB,OAA7B,CAAqC,UAACC,WAAD,EAAiB;AACpD,cAAIjB,eAAe,CAACiB,WAAD,CAAf,KAAiCtB,GAArC,EAA0C;AACxCkB,YAAAA,eAAe,GAAG,IAAlB;AACD;AACF,SAJD;AAKD;;AAED,UAAIZ,kBAAkB,IAAI,CAACY,eAA3B,EAA4C;AAC1CC,QAAAA,MAAM,CAACI,MAAP,CAAcjB,kBAAd,EAAkCe,OAAlC,CAA0C,UAACG,SAAD,EAAe;AACvD,cAAIA,SAAS,CAACC,OAAV,CAAkBzB,GAAlB,KAA0B,CAA9B,EAAiC;AAC/BkB,YAAAA,eAAe,GAAG,IAAlB;AACD;AACF,SAJD;AAKD;;AAED,UAAIA,eAAJ,EAAqB;AACnB,cAAKJ,QAAL,CAAc;AACZrB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEPqB,YAAAA,IAAI,EAAE;AAFC;AADG,SAAd;;AAOA;AACD;;AAED,UAAMW,4BAA4B,GAAGd,UAAU,CAACC,MAAX,CAAkB,UAACI,MAAD;AAAA,eAAYA,MAAM,CAACN,EAAP,KAAcX,GAA1B;AAAA,OAAlB,CAArC;AAEAE,MAAAA,QAAQ,CAACwB,4BAAD,CAAR;;AAEA,YAAKZ,QAAL,CAAc;AACZrB,QAAAA,OAAO,EAAE;AACPC,UAAAA,IAAI,EAAE,IADC;AAEPqB,UAAAA,IAAI,EAAE;AAFC;AADG,OAAd;AAMD,K;sGAEe,UAACJ,EAAD;AAAA,aACd,MAAKG,QAAL,CAAc;AACZa,QAAAA,SAAS,EAAEhB;AADC,OAAd,CADc;AAAA,K;oGAKF,YAAM;AAClB,yBAGI,MAAKV,KAHT;AAAA,UACoB2B,UADpB,gBACEzB,KADF,CACWC,OADX;AAAA,UAEEF,QAFF,gBAEEA,QAFF;;AAKA,YAAKY,QAAL,CACE;AACEa,QAAAA,SAAS,YAAKC,UAAU,CAACC,MAAhB;AADX,OADF,EAIE,YAAM;AACJ3B,QAAAA,QAAQ,+CACH0B,UADG,IAEN;AACEjB,UAAAA,EAAE,YAAKiB,UAAU,CAACC,MAAhB,CADJ;AAEEnB,UAAAA,KAAK,EAAE;AAFT,SAFM,GAAR;AAOD,OAZH;AAcD,K;uGAEgB,UAACC,EAAD,EAAQ;AACvB,yBAGI,MAAKV,KAHT;AAAA,UACEC,QADF,gBACEA,QADF;AAAA,UAEWE,OAFX,gBAEED,KAFF,CAEWC,OAFX;AAIA,UAAMQ,UAAU,GAAG,CAACR,OAAO,IAAI,EAAZ,EAAgBS,MAAhB,CAAuB,UAACI,MAAD;AAAA,eAAYA,MAAM,CAACN,EAAP,KAAcA,EAA1B;AAAA,OAAvB,CAAnB;AAEAT,MAAAA,QAAQ,CAACU,UAAD,CAAR;AACD,K;0GAEmB,YAAM;AACxB,yBAGI,MAAKX,KAHT;AAAA,UACE6B,UADF,gBACEA,UADF;AAAA,4CAEE3B,KAFF;AAAA,UAEWC,OAFX,sBAEWA,OAFX;AAAA,UAEoBC,eAFpB,sBAEoBA,eAFpB;;AAKA,UAAI,CAACD,OAAL,EAAc;AACZ,eAAO,EAAP;AACD;;AAED,UAAI0B,UAAJ,EAAgB;AACd,eAAO1B,OAAP;AACD,OAZuB,CAcxB;;;AACA,aAAOA,OAAO,CAACS,MAAR,CAAe,UAACI,MAAD;AAAA,eAAY,CAAC,sBAAKZ,eAAL,EAAsB,UAAC0B,CAAD;AAAA,iBAAOA,CAAC,KAAKd,MAAM,CAACN,EAApB;AAAA,SAAtB,CAAb;AAAA,OAAf,CAAP;AACD,K;;;;;;WAlJD,6BAAoB;AAClB,WAAKqB,YAAL;AACD;;;WAED,8BAAqB;AACnB,WAAKA,YAAL;;AAEA,UAAI,KAAKC,cAAT,EAAyB;AACvB,aAAKA,cAAL,CAAoBC,KAApB,CAA0B,KAA1B;AACD;AACF;;;WA0ID,kBAAS;AAAA;;AACP,wBAA+B,KAAKC,KAApC;AAAA,UAAQR,SAAR,eAAQA,SAAR;AAAA,UAAmBlC,OAAnB,eAAmBA,OAAnB;AACA,yBAcI,KAAKQ,KAdT;AAAA,UACEmC,OADF,gBACEA,OADF;AAAA,UAEEN,UAFF,gBAEEA,UAFF;AAAA,UAGEzC,KAHF,gBAGEA,KAHF;AAAA,+CAIEgD,aAJF;AAAA,UAIEA,aAJF,sCAIkB,EAJlB;AAAA,UAKEC,UALF,gBAKEA,UALF;AAAA,UAMWlC,OANX,gBAMED,KANF,CAMWC,OANX;AAAA,UAOEmC,WAPF,gBAOEA,WAPF;AAAA,UAQEC,kBARF,gBAQEA,kBARF;AAAA,+CASEC,YATF;AAAA,UASEA,YATF,sCASiB,EATjB;AAAA,+CAUEC,WAVF;AAAA,UAUEA,WAVF,sCAUgB,EAVhB;AAAA,UAWEC,aAXF,gBAWEA,aAXF;AAAA,UAYEC,cAZF,gBAYEA,cAZF;AAAA,UAaEC,SAbF,gBAaEA,SAbF;AAeA,UAAMC,cAAc,GAAG,KAAKC,iBAAL,MAA4B,EAAnD;AACA,0BACE;AAAK,QAAA,SAAS,EAAEX,OAAO,CAAClE;AAAxB,sBACE,gCAAC,kBAAD;AACE,QAAA,SAAS,EAAEkE,OAAO,CAAC5D,SADrB;AAEE,QAAA,OAAO,EAAC,WAFV;AAGE,QAAA,KAAK,EAAC,SAHR;AAIE,QAAA,OAAO,EAAE,KAAKwE,WAJhB;AAKE,QAAA,QAAQ,EAAEV,UAAU,IAAIlC,OAAd,IAAyBkC,UAAU,KAAKlC,OAAO,CAACyB;AAL5D,sBADF,eAWE;AAAK,QAAA,SAAS,EAAEO,OAAO,CAAC1D;AAAxB,SACGoE,cAAc,CAAC9B,GAAf,CAAmB,UAACC,MAAD,EAASgC,KAAT;AAAA,eAClBtB,SAAS,KAAKV,MAAM,CAACN,EAArB,gBACE;AACE,UAAA,GAAG,EAAEsC,KADP;AAEE,UAAA,KAAK,EAAE;AACLC,YAAAA,QAAQ,EAAE,MADL;AAELC,YAAAA,MAAM,EAAE;AAFH;AAFT,wBAOE,gCAAC,0BAAD;AACE,UAAA,GAAG,EAAE,aAACC,IAAD;AAAA,mBAAU,MAAI,CAACnB,cAAL,GAAsBmB,IAAhC;AAAA,WADP;AAEE,UAAA,SAAS,EAAEhB,OAAO,CAACiB,MAFrB;AAGE,UAAA,YAAY,EAAEZ,YAHhB;AAIE,UAAA,MAAM,EAAExB,MAAM,CAACP,KAJjB;AAKE,UAAA,WAAW,EAAEgC,WALf;AAME,UAAA,uBAAuB,EAAE,CAAC;AAAEY,YAAAA,QAAQ,EAAE;AAAZ,WAAD,EAA0B;AAAEA,YAAAA,QAAQ,EAAE;AAAZ,WAA1B,CAN3B;AAOE,UAAA,QAAQ,EAAE,kBAACvD,GAAD,EAAS;AACjB,gBAAI,MAAI,CAACwD,WAAT,EAAsB;AACpB;AACD;;AAED,YAAA,MAAI,CAACC,eAAL,CAAqBvC,MAAM,CAACP,KAA5B,EAAmCX,GAAnC,EAAwCkB,MAAM,CAACN,EAA/C;AACD,WAbH;AAcE,UAAA,MAAM,EAAE,kBAAM;AACZ,gBAAI,MAAI,CAAC4C,WAAT,EAAsB;AACpB;AACD;;AAED,YAAA,MAAI,CAACzC,QAAL,CAAc;AACZa,cAAAA,SAAS,EAAE8B;AADC,aAAd;AAGD,WAtBH;AAuBE,UAAA,MAAM,EAAE,gBAACC,CAAD,EAAO;AACb,gBAAMC,mBAAmB,GAAGD,CAAC,CAACE,aAAF,IAAmBF,CAAC,CAACE,aAAF,CAAgBC,OAAhB,CAAwB,0BAAxB,CAA/C;AAEA,YAAA,MAAI,CAACN,WAAL,GAAmBI,mBAAnB;AACD,WA3BH;AA4BE,UAAA,gBAAgB,MA5BlB;AA6BE,UAAA,WAAW,EAAEpB,WA7Bf;AA8BE,UAAA,kBAAkB,EAAEC,kBA9BtB;AA+BE,UAAA,aAAa,EAAEH,aA/BjB;AAgCE,UAAA,cAAc,EAAEO,cAhClB;AAiCE,UAAA,aAAa,EAAED,aAjCjB;AAkCE,UAAA,eAAe,EAAEE;AAlCnB,UAPF,CADF,gBA8CE,gCAAC,kBAAD;AACE,UAAA,GAAG,EAAEI,KADP;AAEE,UAAA,UAAU,EAAEnB,UAFd;AAGE,UAAA,QAAQ,EAAC,GAHX;AAIE,UAAA,MAAM,EAAEb,MAJV;AAKE,UAAA,KAAK,EAAE5B,KALT;AAME,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACyE,aAAL,CAAmB7C,MAAM,CAACN,EAA1B,CAAN;AAAA,WANX;AAOE,UAAA,cAAc,EAAE;AAAA,mBAAM,MAAI,CAACoD,cAAL,CAAoB9C,MAAM,CAACN,EAA3B,CAAN;AAAA;AAPlB,UA/CgB;AAAA,OAAnB,CADH,CAXF,EAuEGtB,KAAK,iBAAI;AAAK,QAAA,SAAS,EAAE+C,OAAO,CAACpD;AAAxB,SAAoCK,KAApC,CAvEZ,eAyEE,gCAAC,qBAAD;AACE,QAAA,IAAI,EAAEI,OAAO,CAACC,IADhB;AAEE,QAAA,KAAK,EAAC,SAFR;AAGE,QAAA,IAAI,EAAED,OAAO,CAACsB,IAHhB;AAIE,QAAA,SAAS,EAAE;AAAA,iBAAM,MAAI,CAACD,QAAL,CAAc;AAAErB,YAAAA,OAAO,EAAE;AAAEC,cAAAA,IAAI,EAAE;AAAR;AAAX,WAAd,CAAN;AAAA;AAJb,QAzEF,CADF;AAkFD;;;EA3Q0BsE,kBAAMC,S;;;iCAAtBzE,O,eACQ;AACjBsC,EAAAA,UAAU,EAAEoC,sBAAUC,IADL;AAEjB9E,EAAAA,KAAK,EAAE6E,sBAAUE,MAFA;AAGjBjE,EAAAA,KAAK,EAAE+D,sBAAUG,MAAV,CAAiBC,UAHP;AAIjBpE,EAAAA,QAAQ,EAAEgE,sBAAUK,IAAV,CAAeD,UAJR;AAKjBlC,EAAAA,OAAO,EAAE8B,sBAAUG,MAAV,CAAiBC,UALT;AAMjB/B,EAAAA,WAAW,EAAE2B,sBAAUG,MANN;AAOjB3B,EAAAA,WAAW,EAAEwB,sBAAUG,MAPN;AAQjB/B,EAAAA,UAAU,EAAE4B,sBAAUM,MARL;AASjBhC,EAAAA,kBAAkB,EAAE0B,sBAAUG,MATb;AAUjB1B,EAAAA,aAAa,EAAEuB,sBAAUM,MAVR;AAWjB5B,EAAAA,cAAc,EAAEsB,sBAAUM,MAXT;AAYjB3B,EAAAA,SAAS,EAAEqB,sBAAUM;AAZJ,C;AA6QrB,IAAMC,MAAM,GAAG,wBAAWzG,MAAX,EAAmBwB,OAAnB,CAAf;eAEeiF,M","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport find from 'lodash/find';\nimport Button from '@material-ui/core/Button';\nimport Choice from './choice';\nimport { choiceIsEmpty } from './markupUtils';\nimport { withStyles } from '@material-ui/core/styles';\nimport { AlertDialog } from '@pie-lib/pie-toolbox/config-ui';\n\nconst styles = (theme) => ({\n  design: {\n    display: 'flex',\n    flexDirection: 'column',\n    marginBottom: theme.spacing.unit * 1.5,\n  },\n  addButton: {\n    marginLeft: 'auto',\n  },\n  altChoices: {\n    alignItems: 'flex-start',\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-evenly',\n    marginTop: theme.spacing.unit,\n\n    '& > *': {\n      margin: theme.spacing.unit,\n    },\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    duplicates: PropTypes.bool,\n    error: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    maxChoices: PropTypes.number,\n    uploadSoundSupport: PropTypes.object,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number,\n    maxLength: PropTypes.number\n  };\n\n  state = { warning: { open: false } };\n  preventDone = false;\n\n  componentDidMount() {\n    this.rerenderMath();\n  }\n\n  componentDidUpdate() {\n    this.rerenderMath();\n\n    if (this.focusedNodeRef) {\n      this.focusedNodeRef.focus('end');\n    }\n  }\n\n  rerenderMath = () => {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  };\n\n  onChoiceChanged = (prevValue, val, key) => {\n    const { onChange, model } = this.props;\n    const { choices, correctResponse, alternateResponses } = model;\n    const duplicatedValue = (choices || []).find((c) => c.value === val && c.id !== key);\n\n    // discard the new added choice or the changes if the choice would be a duplicate to one that already exists\n    if (duplicatedValue) {\n      if (prevValue === '') {\n        // remove the new added choice from choices\n        const newChoices = (choices || []).filter((c) => c.id !== key);\n\n        onChange(newChoices);\n      }\n\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Identical answer choices are not allowed and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoices = choices?.map((choice) => (choice.id === key ? { ...choice, value: val } : choice)) || [];\n\n    if (!choiceIsEmpty({ value: val })) {\n      onChange(newChoices);\n\n      return;\n    }\n\n    // if the edited content is empty, its usage has to be searched in the correct response definitions\n    let usedForResponse = false;\n\n    if (correctResponse) {\n      Object.keys(correctResponse).forEach((responseKey) => {\n        if (correctResponse[responseKey] === key) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (alternateResponses && !usedForResponse) {\n      Object.values(alternateResponses).forEach((alternate) => {\n        if (alternate.indexOf(key) >= 0) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (usedForResponse) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Answer choices cannot be blank and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoicesWithoutTheEmptyOne = newChoices.filter((choice) => choice.id !== key);\n\n    onChange(newChoicesWithoutTheEmptyOne);\n\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Answer choices cannot be blank.',\n      },\n    });\n  };\n\n  onChoiceFocus = (id) =>\n    this.setState({\n      focusedEl: id,\n    });\n\n  onAddChoice = () => {\n    const {\n      model: { choices: oldChoices },\n      onChange,\n    } = this.props;\n\n    this.setState(\n      {\n        focusedEl: `${oldChoices.length}`,\n      },\n      () => {\n        onChange([\n          ...oldChoices,\n          {\n            id: `${oldChoices.length}`,\n            value: '',\n          },\n        ]);\n      },\n    );\n  };\n\n  onChoiceRemove = (id) => {\n    const {\n      onChange,\n      model: { choices },\n    } = this.props;\n    const newChoices = (choices || []).filter((choice) => choice.id !== id);\n\n    onChange(newChoices);\n  };\n\n  getVisibleChoices = () => {\n    const {\n      duplicates,\n      model: { choices, correctResponse },\n    } = this.props;\n\n    if (!choices) {\n      return [];\n    }\n\n    if (duplicates) {\n      return choices;\n    }\n\n    // if duplicates not allowed, remove the choices that are used to define the correct response\n    return choices.filter((choice) => !find(correctResponse, (v) => v === choice.id));\n  };\n\n  render() {\n    const { focusedEl, warning } = this.state;\n    const {\n      classes,\n      duplicates,\n      error,\n      mathMlOptions = {},\n      maxChoices,\n      model: { choices },\n      toolbarOpts,\n      uploadSoundSupport,\n      imageSupport = {},\n      pluginProps = {},\n      maxImageWidth,\n      maxImageHeight,\n      maxLength,\n    } = this.props;\n    const visibleChoices = this.getVisibleChoices() || [];\n    return (\n      <div className={classes.design}>\n        <Button\n          className={classes.addButton}\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={this.onAddChoice}\n          disabled={maxChoices && choices && maxChoices === choices.length}\n        >\n          Add Choice\n        </Button>\n\n        <div className={classes.altChoices}>\n          {visibleChoices.map((choice, index) =>\n            focusedEl === choice.id ? (\n              <div\n                key={index}\n                style={{\n                  minWidth: '100%',\n                  zIndex: '100',\n                }}\n              >\n                <EditableHtml\n                  ref={(ref) => (this.focusedNodeRef = ref)}\n                  className={classes.prompt}\n                  imageSupport={imageSupport}\n                  markup={choice.value}\n                  pluginProps={pluginProps}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                  onChange={(val) => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.onChoiceChanged(choice.value, val, choice.id);\n                  }}\n                  onDone={() => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.setState({\n                      focusedEl: undefined,\n                    });\n                  }}\n                  onBlur={(e) => {\n                    const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n\n                    this.preventDone = inInInsertCharacter;\n                  }}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  maxImageHeight={maxImageHeight}\n                  maxImageWidth={maxImageWidth}\n                  charactersLimit={maxLength}\n                />\n              </div>\n            ) : (\n              <Choice\n                key={index}\n                duplicates={duplicates}\n                targetId=\"0\"\n                choice={choice}\n                error={error}\n                onClick={() => this.onChoiceFocus(choice.id)}\n                onRemoveChoice={() => this.onChoiceRemove(choice.id)}\n              />\n            ),\n          )}\n        </div>\n        {error && <div className={classes.errorText}>{error}</div>}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onConfirm={() => this.setState({ warning: { open: false } })}\n        />\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Choices);\n\nexport default Styled;\n"],"file":"choices.js"}

package/configure/lib/defaults.js

@@ -128,12 +128,14 @@ var _default = {
     maxImageWidth: {
       teacherInstructions: 300,
       prompt: 300,
-      rationale: 300
+      rationale: 300,
+      choice: 300
     },
     maxImageHeight: {
       teacherInstructions: 300,
       prompt: 300,
-      rationale: 300
+      rationale: 300,
+      choice: 300
     },
     withRubric: {
       settings: false,
@@ -151,7 +153,8 @@ var _default = {
     languageChoices: {
       label: 'Language Choices',
       options: []
-    }
+    },
+    maxLength: 200
   }
 };
 exports["default"] = _default;

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","choices","choicesPosition","correctResponse","disabled","duplicates","markup","mode","prompt","promptEnabled","rationale","rationaleEnabled","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","configuration","baseInputConfiguration","audio","video","image","h3","blockquote","spellCheck","label","settings","enabled","inputConfiguration","required","addChoice","lockChoiceOrder","partialScoring","settingsPanelDisabled","minChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"mappings":"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","sourcesContent":["export default {\n  model: {\n    choices: [],\n    choicesPosition: 'below',\n    correctResponse: {},\n    disabled: false,\n    duplicates: true,\n    markup: '',\n    mode: 'gather',\n    prompt: '',\n    promptEnabled: true,\n    rationale: '',\n    rationaleEnabled: true,\n    studentInstructionsEnabled: true,\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      h3: { disabled: true },\n      blockquote: { disabled: true },\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    choicesPosition: {\n      settings: true,\n      label: 'Choices Position',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    addChoice: {\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: false },\n      },\n    },\n    duplicates: {\n      settings: true,\n      label: 'Duplicates',\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      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    settingsPanelDisabled: false,\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    minChoices: 2,\n    maxResponseAreas: 10,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","choices","choicesPosition","correctResponse","disabled","duplicates","markup","mode","prompt","promptEnabled","rationale","rationaleEnabled","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","configuration","baseInputConfiguration","audio","video","image","h3","blockquote","spellCheck","label","settings","enabled","inputConfiguration","required","addChoice","lockChoiceOrder","partialScoring","settingsPanelDisabled","minChoices","maxResponseAreas","maxImageWidth","choice","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","maxLength"],"mappings":"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","sourcesContent":["export default {\n  model: {\n    choices: [],\n    choicesPosition: 'below',\n    correctResponse: {},\n    disabled: false,\n    duplicates: true,\n    markup: '',\n    mode: 'gather',\n    prompt: '',\n    promptEnabled: true,\n    rationale: '',\n    rationaleEnabled: true,\n    studentInstructionsEnabled: true,\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      h3: { disabled: true },\n      blockquote: { disabled: true },\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    choicesPosition: {\n      settings: true,\n      label: 'Choices Position',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    addChoice: {\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: false },\n      },\n    },\n    duplicates: {\n      settings: true,\n      label: 'Duplicates',\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      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    settingsPanelDisabled: false,\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    minChoices: 2,\n    maxResponseAreas: 10,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choice: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choice: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n    maxLength: 200\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/main.js

@@ -212,7 +212,9 @@ var Main = /*#__PURE__*/function (_React$Component) {
           _ref$language = _ref.language,
           language = _ref$language === void 0 ? {} : _ref$language,
           _ref$languageChoices = _ref.languageChoices,
-          languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices;
+          languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices,
+          _ref$maxLength = _ref.maxLength,
+          maxLength = _ref$maxLength === void 0 ? {} : _ref$maxLength;
 
       var _ref2 = model || {},
           rationaleEnabled = _ref2.rationaleEnabled,
@@ -382,7 +384,10 @@ var Main = /*#__PURE__*/function (_React$Component) {
         maxChoices: maxChoices,
         uploadSoundSupport: uploadSoundSupport,
         mathMlOptions: mathMlOptions,
-        pluginProps: getPluginProps(addChoice === null || addChoice === void 0 ? void 0 : addChoice.inputConfiguration)
+        pluginProps: getPluginProps(addChoice === null || addChoice === void 0 ? void 0 : addChoice.inputConfiguration),
+        maxImageWidth: maxImageWidth && maxImageWidth.choice || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.choice || defaultImageMaxHeight,
+        maxLength: maxLength
       }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label,
         className: classes.promptHolder

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["dropdown","settings","toggle","Panel","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","markup","minHeight","paddingBottom","choiceConfiguration","text","fontSize","typography","tooltip","whiteSpace","maxWidth","errorText","color","palette","error","main","flexContainer","display","alignItems","Main","newVal","props","onModelChanged","model","prompt","rationale","teacherInstructions","slateMarkup","choices","correctResponse","domNode","ReactDOM","findDOMNode","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","addChoice","baseInputConfiguration","contentDimensions","duplicates","partialScoring","lockChoiceOrder","choicesPosition","spellCheck","settingsPanelDisabled","maxChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","language","languageChoices","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","toolbarEditorPosition","errors","choicesError","correctResponseError","promptError","rationaleError","responseAreasError","teacherInstructionsError","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","options","panelProperties","rubricEnabled","getPluginProps","Object","assign","onModelChange","Settings","Properties","onTeacherInstructionsChanged","inputConfiguration","onPromptChanged","marginLeft","ALL_PLUGINS","type","onMarkupChanged","onResponsesChanged","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","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/pie-toolbox/editable-html';\nimport { InputContainer, layout, settings } from '@pie-lib/pie-toolbox/config-ui';\nimport { withDragContext } from '@pie-lib/pie-toolbox/drag';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport Choices from './choices';\nimport { createSlateMarkup } from './markupUtils';\nimport { generateValidationMessage } from '../utils';\n\nconst { dropdown, toggle, Panel } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  markup: {\n    minHeight: '235px',\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '235px',\n    },\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    fontSize: theme.typography.fontSize + 2,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\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.object,\n  };\n\n  state = {};\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.props.onModelChanged({\n      ...this.props.model,\n      prompt,\n    });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale,\n    });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions,\n    });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n    });\n  };\n\n  onResponsesChanged = (choices) => {\n    const {\n      model: { correctResponse, markup },\n    } = this.props;\n    const slateMarkup = createSlateMarkup(markup, choices, correctResponse);\n\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n      choices,\n    });\n  };\n\n  render() {\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      addChoice = {},\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      duplicates = {},\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      teacherInstructions = {},\n      choicesPosition = {},\n      spellCheck = {},\n      settingsPanelDisabled,\n      maxChoices,\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      rationaleEnabled,\n      promptEnabled,\n      teacherInstructionsEnabled,\n      spellCheckEnabled,\n      toolbarEditorPosition,\n      errors,\n    } = model || {};\n\n    const {\n      choicesError,\n      correctResponseError,\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      duplicates: duplicates.settings && toggle(duplicates.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      choicesPosition: choicesPosition.settings && dropdown(choicesPosition.label, ['above', 'below', 'left', 'right']),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n        {\n          ...baseInputConfiguration,\n        },\n        props || {},\n      );\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        <div className={classes.flexContainer}>\n          <Typography className={classes.text} component={'div'}>\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'} style={{ marginLeft: '5px' }} />\n          </Tooltip>\n        </div>\n\n        <EditableHtml\n          activePlugins={ALL_PLUGINS}\n          responseAreaProps={{\n            type: 'drag-in-the-blank',\n            options: {\n              duplicates: model.duplicates,\n            },\n            maxResponseAreas: maxResponseAreas,\n          }}\n          pluginProps={getPluginProps()}\n          className={classes.markup}\n          markup={model.slateMarkup}\n          onChange={this.onMarkupChanged}\n          imageSupport={imageSupport}\n          disableImageAlignmentButtons={true}\n          nonEmpty={false}\n          disableUnderline\n          error={responseAreasError || correctResponseError}\n          toolbarOpts={toolbarOpts}\n          spellCheck={spellCheckEnabled}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          mathMlOptions={mathMlOptions}\n        />\n        {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n        {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n\n        <Choices\n          model={model}\n          imageSupport={imageSupport}\n          duplicates={model.duplicates}\n          error={choicesError}\n          onChange={this.onResponsesChanged}\n          toolbarOpts={toolbarOpts}\n          maxChoices={maxChoices}\n          uploadSoundSupport={uploadSoundSupport}\n          mathMlOptions={mathMlOptions}\n          pluginProps={getPluginProps(addChoice?.inputConfiguration)}\n        />\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\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              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default withDragContext(Styled);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["dropdown","settings","toggle","Panel","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","markup","minHeight","paddingBottom","choiceConfiguration","text","fontSize","typography","tooltip","whiteSpace","maxWidth","errorText","color","palette","error","main","flexContainer","display","alignItems","Main","newVal","props","onModelChanged","model","prompt","rationale","teacherInstructions","slateMarkup","choices","correctResponse","domNode","ReactDOM","findDOMNode","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","addChoice","baseInputConfiguration","contentDimensions","duplicates","partialScoring","lockChoiceOrder","choicesPosition","spellCheck","settingsPanelDisabled","maxChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","language","languageChoices","maxLength","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","toolbarEditorPosition","errors","choicesError","correctResponseError","promptError","rationaleError","responseAreasError","teacherInstructionsError","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","options","panelProperties","rubricEnabled","getPluginProps","Object","assign","onModelChange","Settings","Properties","onTeacherInstructionsChanged","inputConfiguration","onPromptChanged","marginLeft","ALL_PLUGINS","type","onMarkupChanged","onResponsesChanged","choice","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","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/pie-toolbox/editable-html';\nimport { InputContainer, layout, settings } from '@pie-lib/pie-toolbox/config-ui';\nimport { withDragContext } from '@pie-lib/pie-toolbox/drag';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport Choices from './choices';\nimport { createSlateMarkup } from './markupUtils';\nimport { generateValidationMessage } from '../utils';\n\nconst { dropdown, toggle, Panel } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  markup: {\n    minHeight: '235px',\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '235px',\n    },\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    fontSize: theme.typography.fontSize + 2,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\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.object,\n  };\n\n  state = {};\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.props.onModelChanged({\n      ...this.props.model,\n      prompt,\n    });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale,\n    });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions,\n    });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n    });\n  };\n\n  onResponsesChanged = (choices) => {\n    const {\n      model: { correctResponse, markup },\n    } = this.props;\n    const slateMarkup = createSlateMarkup(markup, choices, correctResponse);\n\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n      choices,\n    });\n  };\n\n  render() {\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      addChoice = {},\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      duplicates = {},\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      teacherInstructions = {},\n      choicesPosition = {},\n      spellCheck = {},\n      settingsPanelDisabled,\n      maxChoices,\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n      maxLength = {},\n    } = configuration || {};\n    const {\n      rationaleEnabled,\n      promptEnabled,\n      teacherInstructionsEnabled,\n      spellCheckEnabled,\n      toolbarEditorPosition,\n      errors,\n    } = model || {};\n\n    const {\n      choicesError,\n      correctResponseError,\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      duplicates: duplicates.settings && toggle(duplicates.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      choicesPosition: choicesPosition.settings && dropdown(choicesPosition.label, ['above', 'below', 'left', 'right']),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n        {\n          ...baseInputConfiguration,\n        },\n        props || {},\n      );\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        <div className={classes.flexContainer}>\n          <Typography className={classes.text} component={'div'}>\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'} style={{ marginLeft: '5px' }} />\n          </Tooltip>\n        </div>\n\n        <EditableHtml\n          activePlugins={ALL_PLUGINS}\n          responseAreaProps={{\n            type: 'drag-in-the-blank',\n            options: {\n              duplicates: model.duplicates,\n            },\n            maxResponseAreas: maxResponseAreas,\n          }}\n          pluginProps={getPluginProps()}\n          className={classes.markup}\n          markup={model.slateMarkup}\n          onChange={this.onMarkupChanged}\n          imageSupport={imageSupport}\n          disableImageAlignmentButtons={true}\n          nonEmpty={false}\n          disableUnderline\n          error={responseAreasError || correctResponseError}\n          toolbarOpts={toolbarOpts}\n          spellCheck={spellCheckEnabled}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          mathMlOptions={mathMlOptions}\n        />\n        {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n        {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n\n        <Choices\n          model={model}\n          imageSupport={imageSupport}\n          duplicates={model.duplicates}\n          error={choicesError}\n          onChange={this.onResponsesChanged}\n          toolbarOpts={toolbarOpts}\n          maxChoices={maxChoices}\n          uploadSoundSupport={uploadSoundSupport}\n          mathMlOptions={mathMlOptions}\n          pluginProps={getPluginProps(addChoice?.inputConfiguration)}\n          maxImageWidth={(maxImageWidth && maxImageWidth.choice) || defaultImageMaxWidth}\n          maxImageHeight={(maxImageHeight && maxImageHeight.choice) || defaultImageMaxHeight}\n          maxLength={maxLength}\n        />\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\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              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default withDragContext(Styled);\n"],"file":"main.js"}

package/docs/config-schema.json

@@ -1576,6 +1576,11 @@
       ],
       "title": "languageChoices"
     },
+    "maxLength": {
+      "description": "Maximum character limit for each answer choice",
+      "type": "number",
+      "title": "maxLength"
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,

package/docs/config-schema.json.md

@@ -1159,6 +1159,10 @@ Value of the language option
 
 Label of the language option
 
+# `maxLength` (number)
+
+Maximum character limit for each answer choice
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.1.5-next.0+4b1bab1c9",
+  "version": "6.1.5-next.13+a7dcb3a97",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "4b1bab1c9098ff0ca93c1dca0b19d93ff3947758",
+  "gitHead": "a7dcb3a97ec930d8d015f4e1ac9db4634895f6d7",
   "main": "lib/index.js",
   "module": "src/index.js"
 }