@pie-element/categorize 6.9.9 → 6.9.10-beta.1445

package/configure/lib/design/choices/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/choices/index.jsx"],"names":["Choices","choice","props","choices","onModelChanged","index","findIndex","h","id","splice","count","c","categoryCount","model","utils","firstAvailableIndex","map","a","data","content","concat","correctResponse","classes","className","imageSupport","toolbarOpts","categoryCountIsOne","allChoicesHaveCount","choiceHolderStyle","gridTemplateColumns","categoriesPerRow","addChoice","choiceHolder","correctResponseCount","changeChoice","deleteChoice","React","Component","PropTypes","object","isRequired","string","array","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","display","gridRowGap","gridColumnGap","label"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Divider } from '../buttons';\nimport classNames from 'classnames';\nimport Choice from './choice';\nimport Header from '../header';\nimport every from 'lodash/every';\nimport Config from './config';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport { removeAllChoices } from '@pie-lib/categorize';\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choices: PropTypes.array.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {};\n\n  changeChoice = choice => {\n    const { choices, onModelChanged } = this.props;\n    const index = choices.findIndex(h => h.id === choice.id);\n    if (index !== -1) {\n      choices.splice(index, 1, choice);\n      onModelChanged({ choices });\n    }\n  };\n\n  allChoicesHaveCount = count => {\n    const { choices } = this.props;\n    return every(choices, c => c.categoryCount === count);\n  };\n\n  addChoice = () => {\n    const { onModelChanged, model } = this.props;\n\n    const id = utils.firstAvailableIndex(model.choices.map(a => a.id), 0);\n    const data = { id, content: 'Choice ' + id };\n\n    onModelChanged({ choices: model.choices.concat([data]) });\n  };\n\n  deleteChoice = choice => {\n    const { model, onModelChanged } = this.props;\n    const index = model.choices.findIndex(a => a.id === choice.id);\n    if (index !== -1) {\n      model.choices.splice(index, 1);\n      model.correctResponse = removeAllChoices(\n        choice.id,\n        model.correctResponse\n      );\n      onModelChanged(model);\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      choices,\n      model,\n      imageSupport,\n      onModelChanged,\n      toolbarOpts\n    } = this.props;\n\n    const categoryCountIsOne = this.allChoicesHaveCount(1);\n    const choiceHolderStyle = {\n      gridTemplateColumns: `repeat(${model.categoriesPerRow}, 1fr)`\n    };\n\n    return (\n      <div className={classNames(classes.choices, className)}>\n        <Header label=\"Choices\" buttonLabel=\"ADD A CHOICE\" onAdd={this.addChoice} />\n        <Config\n          config={model}\n          categoryCountIsOne={categoryCountIsOne}\n          onModelChanged={onModelChanged}\n          allChoicesHaveCount={this.allChoicesHaveCount}\n        />\n        <div className={classes.choiceHolder} style={choiceHolderStyle}>\n          {choices.map((h, index) => (\n            <Choice\n              choice={h}\n              correctResponseCount={h.correctResponseCount}\n              key={index}\n              imageSupport={imageSupport}\n              onChange={this.changeChoice}\n              onDelete={() => this.deleteChoice(h)}\n              toolbarOpts={toolbarOpts}\n            />\n          ))}\n        </div>\n        <Divider />\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  choiceHolder: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`\n  },\n  choices: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  label: {}\n});\nexport default withStyles(styles)(Choices);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/design/choices/index.jsx"],"names":["Choices","focusedEl","choice","props","choices","onModelChanged","index","findIndex","h","id","splice","count","c","categoryCount","model","oldChoices","utils","firstAvailableIndex","map","a","data","content","setState","length","concat","correctResponse","indexFrom","indexTo","state","classes","className","imageSupport","uploadSoundSupport","spellCheck","toolbarOpts","configuration","defaultImageMaxWidth","defaultImageMaxHeight","errors","allowMultiplePlacementsEnabled","lockChoiceOrder","choicesError","choicesErrors","maxChoices","maxImageWidth","maxImageHeight","categoryCountIsOne","allChoicesHaveCount","choiceHolderStyle","gridTemplateColumns","categoriesPerRow","addChoice","errorText","choiceHolder","deleteFocusedEl","correctResponseCount","changeChoice","deleteChoice","rearrangeChoices","React","Component","PropTypes","object","isRequired","string","array","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","display","gridRowGap","gridColumnGap","label","fontSize","color","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAGaA,O;;;;;;;;;;;;;;;8FAqBH;AACNC,MAAAA,SAAS,EAAE;AADL,K;qGAIO,UAACC,MAAD,EAAY;AACzB,wBAAoC,MAAKC,KAAzC;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,cAAjB,eAAiBA,cAAjB;AACA,UAAMC,KAAK,GAAGF,OAAO,CAACG,SAAR,CAAkB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,EAAF,KAASP,MAAM,CAACO,EAAvB;AAAA,OAAlB,CAAd;;AACA,UAAIH,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBF,QAAAA,OAAO,CAACM,MAAR,CAAeJ,KAAf,EAAsB,CAAtB,EAAyBJ,MAAzB;AACAG,QAAAA,cAAc,CAAC;AAAED,UAAAA,OAAO,EAAPA;AAAF,SAAD,CAAd;AACD;AACF,K;4GAEqB,UAACO,KAAD,EAAW;AAC/B,UAAQP,OAAR,GAAoB,MAAKD,KAAzB,CAAQC,OAAR;AACA,aAAO,uBAAMA,OAAN,EAAe,UAACQ,CAAD;AAAA,eAAOA,CAAC,CAACC,aAAF,KAAoBF,KAA3B;AAAA,OAAf,CAAP;AACD,K;kGAEW,YAAM;AAChB,yBAAuD,MAAKR,KAA5D;AAAA,UAAQE,cAAR,gBAAQA,cAAR;AAAA,UAAwBS,KAAxB,gBAAwBA,KAAxB;AAAA,UAAwCC,UAAxC,gBAA+BX,OAA/B;;AAEA,UAAMK,EAAE,GAAGO,sBAAMC,mBAAN,CACTH,KAAK,CAACV,OAAN,CAAcc,GAAd,CAAkB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACV,EAAT;AAAA,OAAlB,CADS,EAET,CAFS,CAAX;;AAIA,UAAMW,IAAI,GAAG;AAAEX,QAAAA,EAAE,EAAFA,EAAF;AAAMY,QAAAA,OAAO,EAAE,YAAYZ;AAA3B,OAAb;;AAEA,YAAKa,QAAL,CACE;AACErB,QAAAA,SAAS,EAAEc,UAAU,CAACQ;AADxB,OADF,EAIE,YAAM;AACJlB,QAAAA,cAAc,CAAC;AAAED,UAAAA,OAAO,EAAEU,KAAK,CAACV,OAAN,CAAcoB,MAAd,CAAqB,CAACJ,IAAD,CAArB;AAAX,SAAD,CAAd;AACD,OANH;AAQD,K;wGAEiB,YAAM;AACtB,YAAKE,QAAL,CAAc;AACZrB,QAAAA,SAAS,EAAE;AADC,OAAd;AAGD,K;qGAEc,UAACC,MAAD,EAAY;AACzB,yBAAkC,MAAKC,KAAvC;AAAA,UAAQW,KAAR,gBAAQA,KAAR;AAAA,UAAeT,cAAf,gBAAeA,cAAf;AACA,UAAMC,KAAK,GAAGQ,KAAK,CAACV,OAAN,CAAcG,SAAd,CAAwB,UAACY,CAAD;AAAA,eAAOA,CAAC,CAACV,EAAF,KAASP,MAAM,CAACO,EAAvB;AAAA,OAAxB,CAAd;;AACA,UAAIH,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBQ,QAAAA,KAAK,CAACV,OAAN,CAAcM,MAAd,CAAqBJ,KAArB,EAA4B,CAA5B;AACAQ,QAAAA,KAAK,CAACW,eAAN,GAAwB,kCAAiBvB,MAAM,CAACO,EAAxB,EAA4BK,KAAK,CAACW,eAAlC,CAAxB;AACApB,QAAAA,cAAc,CAACS,KAAD,CAAd;AACD;AACF,K;yGAEkB,UAACY,SAAD,EAAYC,OAAZ,EAAwB;AACzC,iBAAkC,MAAKxB,KAAL,IAAc,EAAhD;AAAA,UAAQW,KAAR,QAAQA,KAAR;AAAA,UAAeT,cAAf,QAAeA,cAAf;;AACA,kBAAkBS,KAAK,IAAI,EAA3B;AAAA,UAAMV,OAAN,SAAMA,OAAN;;AACAA,MAAAA,OAAO,GAAG,kCAAiBA,OAAjB,EAA0BsB,SAA1B,EAAqCC,OAArC,CAAV;AACAtB,MAAAA,cAAc,CAAC;AAAED,QAAAA,OAAO,EAAPA;AAAF,OAAD,CAAd;AACD,K;;;;;;WAED,kBAAS;AAAA;;AACP,UAAQH,SAAR,GAAsB,KAAK2B,KAA3B,CAAQ3B,SAAR;AACA,yBAaI,KAAKE,KAbT;AAAA,UACE0B,OADF,gBACEA,OADF;AAAA,UAEEC,SAFF,gBAEEA,SAFF;AAAA,UAGE1B,OAHF,gBAGEA,OAHF;AAAA,UAIEU,KAJF,gBAIEA,KAJF;AAAA,UAKEiB,YALF,gBAKEA,YALF;AAAA,UAMEC,kBANF,gBAMEA,kBANF;AAAA,UAOE3B,cAPF,gBAOEA,cAPF;AAAA,UAQE4B,UARF,gBAQEA,UARF;AAAA,UASEC,WATF,gBASEA,WATF;AAAA,UAUEC,aAVF,gBAUEA,aAVF;AAAA,UAWEC,oBAXF,gBAWEA,oBAXF;AAAA,UAYEC,qBAZF,gBAYEA,qBAZF;AAcA,UAAQC,MAAR,GAAoExB,KAApE,CAAQwB,MAAR;AAAA,UAAgBC,8BAAhB,GAAoEzB,KAApE,CAAgByB,8BAAhB;AAAA,UAAgDC,eAAhD,GAAoE1B,KAApE,CAAgD0B,eAAhD;;AACA,kBAAwCF,MAAM,IAAI,EAAlD;AAAA,UAAQG,YAAR,SAAQA,YAAR;AAAA,UAAsBC,aAAtB,SAAsBA,aAAtB;;AACA,kBAAgEP,aAAa,IAAI,EAAjF;AAAA,UAAQQ,UAAR,SAAQA,UAAR;AAAA,sCAAoBC,aAApB;AAAA,UAAoBA,aAApB,oCAAoC,EAApC;AAAA,uCAAwCC,cAAxC;AAAA,UAAwCA,cAAxC,qCAAyD,EAAzD;;AAEA,UAAMC,kBAAkB,GAAG,KAAKC,mBAAL,CAAyB,CAAzB,CAA3B;AACA,UAAMC,iBAAiB,GAAG;AACxBC,QAAAA,mBAAmB,mBAAYnC,KAAK,CAACoC,gBAAlB;AADK,OAA1B;AAIA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWrB,OAAO,CAACzB,OAAnB,EAA4B0B,SAA5B;AAAhB,sBACE,gCAAC,kBAAD;AACE,QAAA,KAAK,EAAC,SADR;AAEE,QAAA,WAAW,EAAC,cAFd;AAGE,QAAA,KAAK,EAAE,KAAKqB,SAHd;AAIE,QAAA,cAAc,EAAER,UAAU,IAAIvC,OAAd,IAAyBuC,UAAU,KAAKvC,OAAO,CAACmB;AAJlE,QADF,EAOGkB,YAAY,iBAAI;AAAK,QAAA,SAAS,EAAEZ,OAAO,CAACuB;AAAxB,SAAoCX,YAApC,CAPnB,eAQE,gCAAC,kBAAD;AAAQ,QAAA,MAAM,EAAE3B,KAAhB;AAAuB,QAAA,cAAc,EAAET,cAAvC;AAAuD,QAAA,UAAU,EAAE4B;AAAnE,QARF,eASE;AAAK,QAAA,SAAS,EAAEJ,OAAO,CAACwB,YAAxB;AAAsC,QAAA,KAAK,EAAEL;AAA7C,SACG5C,OAAO,CAACc,GAAR,CAAY,UAACV,CAAD,EAAIF,KAAJ,EAAc;AACzB,4BACE,gCAAC,kBAAD;AACE,UAAA,MAAM,EAAEE,CADV;AAEE,UAAA,SAAS,EAAEP,SAFb;AAGE,UAAA,eAAe,EAAE,MAAI,CAACqD,eAHxB;AAIE,UAAA,oBAAoB,EAAE9C,CAAC,CAAC+C,oBAJ1B;AAKE,UAAA,uBAAuB,EAAEhB,8BAL3B;AAME,UAAA,eAAe,EAAEC,eANnB;AAOE,UAAA,KAAK,EAAElC,KAPT;AAQE,UAAA,GAAG,EAAEA,KARP;AASE,UAAA,YAAY,EAAEyB,YAThB;AAUE,UAAA,QAAQ,EAAE,MAAI,CAACyB,YAVjB;AAWE,UAAA,QAAQ,EAAE;AAAA,mBAAM,MAAI,CAACC,YAAL,CAAkBjD,CAAlB,CAAN;AAAA,WAXZ;AAYE,UAAA,gBAAgB,EAAE,0BAACkB,SAAD,EAAYC,OAAZ;AAAA,mBAAwB,MAAI,CAAC+B,gBAAL,CAAsBhC,SAAtB,EAAiCC,OAAjC,CAAxB;AAAA,WAZpB;AAaE,UAAA,WAAW,EAAEO,WAbf;AAcE,UAAA,UAAU,EAAED,UAdd;AAeE,UAAA,KAAK,EAAES,aAAa,IAAIA,aAAa,CAAClC,CAAC,CAACC,EAAH,CAfvC;AAgBE,UAAA,aAAa,EAAGmC,aAAa,IAAIA,aAAa,CAAC1C,MAAhC,IAA2CkC,oBAhB5D;AAiBE,UAAA,cAAc,EAAGS,cAAc,IAAIA,cAAc,CAAC3C,MAAlC,IAA6CmC,qBAjB/D;AAkBE,UAAA,kBAAkB,EAAEL;AAlBtB,UADF;AAsBD,OAvBA,CADH,CATF,eAmCE,gCAAC,gBAAD,OAnCF,CADF;AAuCD;;;EAjJ0B2B,kBAAMC,S;;;iCAAtB5D,O,eACQ;AACjBc,EAAAA,KAAK,EAAE+C,sBAAUC,MAAV,CAAiBC,UADP;AAEjB5B,EAAAA,aAAa,EAAE0B,sBAAUC,MAAV,CAAiBC,UAFf;AAGjBlC,EAAAA,OAAO,EAAEgC,sBAAUC,MAAV,CAAiBC,UAHT;AAIjBjC,EAAAA,SAAS,EAAE+B,sBAAUG,MAJJ;AAKjB5D,EAAAA,OAAO,EAAEyD,sBAAUI,KAAV,CAAgBF,UALR;AAMjB1D,EAAAA,cAAc,EAAEwD,sBAAUK,IAAV,CAAeH,UANd;AAOjBhC,EAAAA,YAAY,EAAE8B,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADQ;AAE5B,cAAQF,sBAAUK,IAAV,CAAeH;AAFK,GAAhB,CAPG;AAWjB/B,EAAAA,kBAAkB,EAAE6B,sBAAUM,KAAV,CAAgB;AAClCC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADc;AAElC,cAAQF,sBAAUK,IAAV,CAAeH;AAFW,GAAhB,CAXH;AAejB7B,EAAAA,WAAW,EAAE2B,sBAAUC;AAfN,C;iCADR9D,O,kBAmBW,E;;AAgIxB,IAAMqE,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBjB,IAAAA,YAAY,EAAE;AACZkB,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IADd;AAEZC,MAAAA,aAAa,EAAEJ,KAAK,CAACE,OAAN,CAAcC,IAFjB;AAGZE,MAAAA,OAAO,EAAE,MAHG;AAIZC,MAAAA,UAAU,YAAKN,KAAK,CAACE,OAAN,CAAcC,IAAnB,OAJE;AAKZI,MAAAA,aAAa,YAAKP,KAAK,CAACE,OAAN,CAAcC,IAAnB;AALD,KADW;AAQzBrE,IAAAA,OAAO,EAAE;AACPmE,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAD1B;AAEPC,MAAAA,aAAa,EAAEJ,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AAF7B,KARgB;AAYzBK,IAAAA,KAAK,EAAE,EAZkB;AAazB1B,IAAAA,SAAS,EAAE;AACT2B,MAAAA,QAAQ,EAAE,MADD;AAETC,MAAAA,KAAK,EAAE,KAFE;AAGTC,MAAAA,OAAO,EAAE;AAHA;AAbc,GAAZ;AAAA,CAAf;;eAmBe,wBAAWZ,MAAX,EAAmBrE,OAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Divider } from '../buttons';\nimport classNames from 'classnames';\nimport Choice from './choice';\nimport Header from '../header';\nimport every from 'lodash/every';\nimport Config from './config';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport { removeAllChoices } from '@pie-lib/categorize';\nimport { rearrangeChoices } from '@pie-lib/categorize';\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choices: PropTypes.array.isRequired,\n    onModelChanged: PropTypes.func.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    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  state = {\n    focusedEl: null,\n  };\n\n  changeChoice = (choice) => {\n    const { choices, onModelChanged } = this.props;\n    const index = choices.findIndex((h) => h.id === choice.id);\n    if (index !== -1) {\n      choices.splice(index, 1, choice);\n      onModelChanged({ choices });\n    }\n  };\n\n  allChoicesHaveCount = (count) => {\n    const { choices } = this.props;\n    return every(choices, (c) => c.categoryCount === count);\n  };\n\n  addChoice = () => {\n    const { onModelChanged, model, choices: oldChoices } = this.props;\n\n    const id = utils.firstAvailableIndex(\n      model.choices.map((a) => a.id),\n      0,\n    );\n    const data = { id, content: 'Choice ' + id };\n\n    this.setState(\n      {\n        focusedEl: oldChoices.length,\n      },\n      () => {\n        onModelChanged({ choices: model.choices.concat([data]) });\n      },\n    );\n  };\n\n  deleteFocusedEl = () => {\n    this.setState({\n      focusedEl: null,\n    });\n  };\n\n  deleteChoice = (choice) => {\n    const { model, onModelChanged } = this.props;\n    const index = model.choices.findIndex((a) => a.id === choice.id);\n    if (index !== -1) {\n      model.choices.splice(index, 1);\n      model.correctResponse = removeAllChoices(choice.id, model.correctResponse);\n      onModelChanged(model);\n    }\n  };\n\n  rearrangeChoices = (indexFrom, indexTo) => {\n    const { model, onModelChanged } = this.props || {};\n    let { choices } = model || [];\n    choices = rearrangeChoices(choices, indexFrom, indexTo);\n    onModelChanged({ choices });\n  };\n\n  render() {\n    const { focusedEl } = this.state;\n    const {\n      classes,\n      className,\n      choices,\n      model,\n      imageSupport,\n      uploadSoundSupport,\n      onModelChanged,\n      spellCheck,\n      toolbarOpts,\n      configuration,\n      defaultImageMaxWidth,\n      defaultImageMaxHeight,\n    } = this.props;\n    const { errors, allowMultiplePlacementsEnabled, lockChoiceOrder } = model;\n    const { choicesError, choicesErrors } = errors || {};\n    const { maxChoices, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n\n    const categoryCountIsOne = this.allChoicesHaveCount(1);\n    const choiceHolderStyle = {\n      gridTemplateColumns: `repeat(${model.categoriesPerRow}, 1fr)`,\n    };\n\n    return (\n      <div className={classNames(classes.choices, className)}>\n        <Header\n          label=\"Choices\"\n          buttonLabel=\"ADD A CHOICE\"\n          onAdd={this.addChoice}\n          buttonDisabled={maxChoices && choices && maxChoices === choices.length}\n        />\n        {choicesError && <div className={classes.errorText}>{choicesError}</div>}\n        <Config config={model} onModelChanged={onModelChanged} spellCheck={spellCheck} />\n        <div className={classes.choiceHolder} style={choiceHolderStyle}>\n          {choices.map((h, index) => {\n            return (\n              <Choice\n                choice={h}\n                focusedEl={focusedEl}\n                deleteFocusedEl={this.deleteFocusedEl}\n                correctResponseCount={h.correctResponseCount}\n                allowMultiplePlacements={allowMultiplePlacementsEnabled}\n                lockChoiceOrder={lockChoiceOrder}\n                index={index}\n                key={index}\n                imageSupport={imageSupport}\n                onChange={this.changeChoice}\n                onDelete={() => this.deleteChoice(h)}\n                rearrangeChoices={(indexFrom, indexTo) => this.rearrangeChoices(indexFrom, indexTo)}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheck}\n                error={choicesErrors && choicesErrors[h.id]}\n                maxImageWidth={(maxImageWidth && maxImageWidth.choice) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.choice) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n              />\n            );\n          })}\n        </div>\n        <Divider />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  choiceHolder: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  choices: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  label: {},\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0',\n  },\n});\nexport default withStyles(styles)(Choices);\n"],"file":"index.js"}

package/configure/lib/design/header.js

@@ -53,15 +53,21 @@ var Header = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className,
           onAdd = _this$props.onAdd,
           label = _this$props.label,
-          buttonLabel = _this$props.buttonLabel;
+          buttonLabel = _this$props.buttonLabel,
+          info = _this$props.info,
+          buttonDisabled = _this$props.buttonDisabled,
+          variant = _this$props.variant;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.header, className)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.titleContainer
       }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        variant: "title",
+        variant: variant || "title",
         className: classes.title
-      }, label), /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, {
+      }, label), info), /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, {
         onClick: onAdd,
-        label: buttonLabel
+        label: buttonLabel,
+        disabled: buttonDisabled
       }));
     }
   }]);
@@ -74,7 +80,10 @@ exports.Header = Header;
   className: _propTypes["default"].string,
   buttonLabel: _propTypes["default"].string,
   onAdd: _propTypes["default"].func.isRequired,
-  label: _propTypes["default"].string.isRequired
+  label: _propTypes["default"].string.isRequired,
+  info: _propTypes["default"].any,
+  buttonDisabled: _propTypes["default"].bool,
+  variant: _propTypes["default"].string
 });
 (0, _defineProperty2["default"])(Header, "defaultProps", {});
 
@@ -84,6 +93,9 @@ var styles = function styles(theme) {
       display: 'flex',
       justifyContent: 'space-between',
       marginBottom: 2 * theme.spacing.unit
+    },
+    titleContainer: {
+      display: 'flex'
     }
   };
 };

package/configure/lib/design/header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/header.jsx"],"names":["Header","props","classes","className","onAdd","label","buttonLabel","header","title","React","Component","PropTypes","object","isRequired","string","func","styles","theme","display","justifyContent","marginBottom","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,M;;;;;;;;;;;;WAUX,kBAAS;AACP,wBAA0D,KAAKC,KAA/D;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAAA,UAA0CC,WAA1C,eAA0CA,WAA1C;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWJ,OAAO,CAACK,MAAnB,EAA2BJ,SAA3B;AAAhB,sBACE,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAA4B,QAAA,SAAS,EAAED,OAAO,CAACM;AAA/C,SACGH,KADH,CADF,eAIE,gCAAC,kBAAD;AAAW,QAAA,OAAO,EAAED,KAApB;AAA2B,QAAA,KAAK,EAAEE;AAAlC,QAJF,CADF;AAQD;;;EApByBG,kBAAMC,S;;;iCAArBV,M,eACQ;AACjBE,EAAAA,OAAO,EAAES,sBAAUC,MAAV,CAAiBC,UADT;AAEjBV,EAAAA,SAAS,EAAEQ,sBAAUG,MAFJ;AAGjBR,EAAAA,WAAW,EAAEK,sBAAUG,MAHN;AAIjBV,EAAAA,KAAK,EAAEO,sBAAUI,IAAV,CAAeF,UAJL;AAKjBR,EAAAA,KAAK,EAAEM,sBAAUG,MAAV,CAAiBD;AALP,C;iCADRb,M,kBASW,E;;AAaxB,IAAMgB,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBV,IAAAA,MAAM,EAAE;AACNW,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,eAFV;AAGNC,MAAAA,YAAY,EAAE,IAAIH,KAAK,CAACI,OAAN,CAAcC;AAH1B;AADe,GAAL;AAAA,CAApB;;eAOe,wBAAWN,MAAX,EAAmBhB,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AddButton } from './buttons';\n\nexport class Header extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    buttonLabel: PropTypes.string,\n    onAdd: PropTypes.func.isRequired,\n    label: PropTypes.string.isRequired\n  };\n\n  static defaultProps = {};\n  render() {\n    const { classes, className, onAdd, label, buttonLabel } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <Typography variant=\"title\" className={classes.title}>\n          {label}\n        </Typography>\n        <AddButton onClick={onAdd} label={buttonLabel} />\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: 2 * theme.spacing.unit\n  }\n});\nexport default withStyles(styles)(Header);\n"],"file":"header.js"}
+{"version":3,"sources":["../../src/design/header.jsx"],"names":["Header","props","classes","className","onAdd","label","buttonLabel","info","buttonDisabled","variant","header","titleContainer","title","React","Component","PropTypes","object","isRequired","string","func","any","bool","styles","theme","display","justifyContent","marginBottom","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,M;;;;;;;;;;;;WAaX,kBAAS;AACP,wBAAyF,KAAKC,KAA9F;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAAA,UAA0CC,WAA1C,eAA0CA,WAA1C;AAAA,UAAuDC,IAAvD,eAAuDA,IAAvD;AAAA,UAA6DC,cAA7D,eAA6DA,cAA7D;AAAA,UAA6EC,OAA7E,eAA6EA,OAA7E;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWP,OAAO,CAACQ,MAAnB,EAA2BP,SAA3B;AAAhB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACS;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAEF,OAAO,IAAI,OAAhC;AAAyC,QAAA,SAAS,EAAEP,OAAO,CAACU;AAA5D,SACGP,KADH,CADF,EAIGE,IAJH,CADF,eAOE,gCAAC,kBAAD;AAAW,QAAA,OAAO,EAAEH,KAApB;AAA2B,QAAA,KAAK,EAAEE,WAAlC;AAA+C,QAAA,QAAQ,EAAEE;AAAzD,QAPF,CADF;AAWD;;;EA1ByBK,kBAAMC,S;;;iCAArBd,M,eACQ;AACjBE,EAAAA,OAAO,EAAEa,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,SAAS,EAAEY,sBAAUG,MAFJ;AAGjBZ,EAAAA,WAAW,EAAES,sBAAUG,MAHN;AAIjBd,EAAAA,KAAK,EAAEW,sBAAUI,IAAV,CAAeF,UAJL;AAKjBZ,EAAAA,KAAK,EAAEU,sBAAUG,MAAV,CAAiBD,UALP;AAMjBV,EAAAA,IAAI,EAAEQ,sBAAUK,GANC;AAOjBZ,EAAAA,cAAc,EAAEO,sBAAUM,IAPT;AAQjBZ,EAAAA,OAAO,EAAEM,sBAAUG;AARF,C;iCADRlB,M,kBAYW,E;;AAgBxB,IAAMsB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBb,IAAAA,MAAM,EAAE;AACNc,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,eAFV;AAGNC,MAAAA,YAAY,EAAE,IAAIH,KAAK,CAACI,OAAN,CAAcC;AAH1B,KADiB;AAMzBjB,IAAAA,cAAc,EAAE;AACda,MAAAA,OAAO,EAAE;AADK;AANS,GAAZ;AAAA,CAAf;;eAUe,wBAAWF,MAAX,EAAmBtB,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AddButton } from './buttons';\n\nexport class Header extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    buttonLabel: PropTypes.string,\n    onAdd: PropTypes.func.isRequired,\n    label: PropTypes.string.isRequired,\n    info: PropTypes.any,\n    buttonDisabled: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {};\n  render() {\n    const { classes, className, onAdd, label, buttonLabel, info, buttonDisabled, variant } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <div className={classes.titleContainer}>\n          <Typography variant={variant || \"title\"} className={classes.title}>\n            {label}\n          </Typography>\n          {info}\n        </div>\n        <AddButton onClick={onAdd} label={buttonLabel} disabled={buttonDisabled} />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  titleContainer: {\n    display: 'flex',\n  },\n});\nexport default withStyles(styles)(Header);\n"],"file":"header.js"}

package/configure/lib/design/index.js

@@ -51,17 +51,21 @@ var _builder = require("./builder");
 
 var _header = _interopRequireDefault(require("./header"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _utils = require("../utils");
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var Panel = _configUi.settings.Panel,
+var dropdown = _configUi.settings.dropdown,
+    Panel = _configUi.settings.Panel,
     toggle = _configUi.settings.toggle,
-    radio = _configUi.settings.radio;
+    radio = _configUi.settings.radio,
+    numberField = _configUi.settings.numberField;
 var IdProvider = _drag.uid.Provider;
 
 var Design = /*#__PURE__*/function (_React$Component) {
@@ -79,10 +83,17 @@ var Design = /*#__PURE__*/function (_React$Component) {
           model = _this$props.model,
           onChange = _this$props.onChange;
 
-      var updatedModel = _objectSpread(_objectSpread({}, model), props); //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.
+      var updatedModel = _objectSpread(_objectSpread({}, model), props);
+
+      updatedModel.choices = updatedModel.choices.map(function (c) {
+        return _objectSpread(_objectSpread({}, c), {}, {
+          categoryCount: _this.checkAllowMultiplePlacements(updatedModel.allowMultiplePlacementsEnabled, c)
+        });
+      }); //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.
 
+      updatedModel.correctResponse = (0, _categorize.ensureNoExtraChoicesInAnswer)(updatedModel.correctResponse || [], updatedModel.choices); //Ensure that there are no extra choices in alternate responses, if the user has decided that only one choice may be used.
 
-      updatedModel.correctResponse = (0, _categorize.ensureNoExtraChoicesInAnswer)(updatedModel.correctResponse || [], updatedModel.choices); //clean categories
+      updatedModel.correctResponse = (0, _categorize.ensureNoExtraChoicesInAlternate)(updatedModel.correctResponse || [], updatedModel.choices); //clean categories
 
       updatedModel.categories = updatedModel.categories.map(function (c) {
         return {
@@ -153,6 +164,17 @@ var Design = /*#__PURE__*/function (_React$Component) {
       var model = _this.props.model;
       return (0, _categorize.countInAnswer)(choice.id, model.correctResponse);
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkAllowMultiplePlacements", function (allowMultiplePlacements, c) {
+      if (allowMultiplePlacements === _utils.multiplePlacements.enabled) {
+        return 0;
+      }
+
+      if (allowMultiplePlacements === _utils.multiplePlacements.disabled) {
+        return 1;
+      }
+
+      return c.categoryCount || 0;
+    });
     _this.uid = _props.uid || _drag.uid.generateId();
     return _this;
   }
@@ -165,48 +187,61 @@ var Design = /*#__PURE__*/function (_React$Component) {
       var _this$props4 = this.props,
           classes = _this$props4.classes,
           className = _this$props4.className,
-          model = _this$props4.model,
-          imageSupport = _this$props4.imageSupport,
           configuration = _this$props4.configuration,
-          onChange = _this$props4.onChange,
+          imageSupport = _this$props4.imageSupport,
+          model = _this$props4.model,
+          uploadSoundSupport = _this$props4.uploadSoundSupport,
           onConfigurationChanged = _this$props4.onConfigurationChanged;
 
       var _ref = configuration || {},
-          _ref$partialScoring = _ref.partialScoring,
-          partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring,
+          _ref$allowMultiplePla = _ref.allowMultiplePlacements,
+          allowMultiplePlacements = _ref$allowMultiplePla === void 0 ? {} : _ref$allowMultiplePla,
+          _ref$allowAlternate = _ref.allowAlternate,
+          allowAlternate = _ref$allowAlternate === void 0 ? {} : _ref$allowAlternate,
+          _ref$categoriesPerRow = _ref.categoriesPerRow,
+          categoriesPerRow = _ref$categoriesPerRow === void 0 ? {} : _ref$categoriesPerRow,
+          _ref$choicesPosition = _ref.choicesPosition,
+          choicesPosition = _ref$choicesPosition === void 0 ? {} : _ref$choicesPosition,
+          _ref$feedback = _ref.feedback,
+          feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
           _ref$lockChoiceOrder = _ref.lockChoiceOrder,
           lockChoiceOrder = _ref$lockChoiceOrder === void 0 ? {} : _ref$lockChoiceOrder,
-          _ref$teacherInstructi = _ref.teacherInstructions,
-          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
-          _ref$studentInstructi = _ref.studentInstructions,
-          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$minCategoriesPer = _ref.minCategoriesPerRow,
+          minCategoriesPerRow = _ref$minCategoriesPer === void 0 ? 1 : _ref$minCategoriesPer,
+          _ref$partialScoring = _ref.partialScoring,
+          partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring,
+          _ref$prompt = _ref.prompt,
+          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
           _ref$rationale = _ref.rationale,
           rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
           _ref$scoringType = _ref.scoringType,
           scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
-          _ref$feedback = _ref.feedback,
-          feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
-          _ref$prompt = _ref.prompt,
-          prompt = _ref$prompt === void 0 ? {} : _ref$prompt;
+          settingsPanelDisabled = _ref.settingsPanelDisabled,
+          _ref$spellCheck = _ref.spellCheck,
+          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+          _ref$studentInstructi = _ref.studentInstructions,
+          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _ref$teacherInstructi = _ref.teacherInstructions,
+          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
+          _ref$withRubric = _ref.withRubric,
+          withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric;
 
       var _ref2 = model || {},
-          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          allowAlternateEnabled = _ref2.allowAlternateEnabled,
+          feedbackEnabled = _ref2.feedbackEnabled,
           promptEnabled = _ref2.promptEnabled,
           rationaleEnabled = _ref2.rationaleEnabled,
-          feedbackEnabled = _ref2.feedbackEnabled;
-
-      var toolbarOpts = {};
-
-      switch (model.toolbarEditorPosition) {
-        case 'top':
-          toolbarOpts.position = 'top';
-          break;
-
-        default:
-          toolbarOpts.position = 'bottom';
-          break;
-      }
+          spellCheckEnabled = _ref2.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          toolbarEditorPosition = _ref2.toolbarEditorPosition;
 
+      var toolbarOpts = {
+        position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
+      };
       var config = model.config || {};
       config.choices = config.choices || {
         label: '',
@@ -218,27 +253,42 @@ var Design = /*#__PURE__*/function (_React$Component) {
         c.correctResponseCount = _this2.countChoiceInCorrectResponse(c);
         return c;
       });
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var panelSettings = {
+        partialScoring: partialScoring.settings && toggle(partialScoring.label),
+        lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
+        categoriesPerRow: categoriesPerRow.settings && numberField(categoriesPerRow.label, {
+          label: categoriesPerRow.label,
+          min: minCategoriesPerRow,
+          max: 6
+        }),
+        choicesPosition: choicesPosition.settings && radio(choicesPosition.label, ['below', 'above', 'left', 'right']),
+        allowMultiplePlacementsEnabled: allowMultiplePlacements.settings && dropdown(allowMultiplePlacements.label, [_utils.multiplePlacements.enabled, _utils.multiplePlacements.disabled, _utils.multiplePlacements.perChoice]),
+        promptEnabled: prompt.settings && toggle(prompt.label),
+        feedbackEnabled: feedback.settings && toggle(feedback.label),
+        allowAlternateEnabled: allowAlternate.settings && toggle(allowAlternate.label)
+      };
+      var panelProperties = {
+        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+        rationaleEnabled: rationale.settings && toggle(rationale.label),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
+        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
+      };
       return /*#__PURE__*/_react["default"].createElement(IdProvider, {
         value: this.uid
       }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        hideSettings: settingsPanelDisabled,
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
           model: model,
-          onChangeModel: onChange,
+          onChangeModel: this.updateModel,
           configuration: configuration,
           onChangeConfiguration: onConfigurationChanged,
           groups: {
-            Settings: {
-              partialScoring: partialScoring.settings && toggle(partialScoring.label),
-              lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
-              promptEnabled: prompt.settings && toggle(prompt.label),
-              feedbackEnabled: feedback.settings && toggle(feedback.label)
-            },
-            Properties: {
-              teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-              studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
-              rationaleEnabled: rationale.settings && toggle(rationale.label),
-              scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
-            }
+            Settings: panelSettings,
+            Properties: panelProperties
           }
         })
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -253,7 +303,16 @@ var Design = /*#__PURE__*/function (_React$Component) {
         imageSupport: imageSupport,
         nonEmpty: false,
         disableUnderline: true,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.prompt,
+        maxImageHeight: maxImageHeight && maxImageHeight.prompt,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: teacherInstructions.label,
         className: classes.inputHolder
@@ -263,7 +322,16 @@ var Design = /*#__PURE__*/function (_React$Component) {
         onChange: this.changeTeacherInstructions,
         imageSupport: imageSupport,
         nonEmpty: false,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label,
         className: classes.inputHolder
@@ -273,23 +341,49 @@ var Design = /*#__PURE__*/function (_React$Component) {
         onChange: this.changeRationale,
         imageSupport: imageSupport,
         nonEmpty: false,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), /*#__PURE__*/_react["default"].createElement(_categories["default"], {
         imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
         model: model,
         categories: categories || [],
         onModelChanged: this.updateModel,
-        toolbarOpts: toolbarOpts
-      }), /*#__PURE__*/_react["default"].createElement(_header["default"], {
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        configuration: configuration,
+        defaultImageMaxWidth: defaultImageMaxWidth,
+        defaultImageMaxHeight: defaultImageMaxHeight
+      }), /*#__PURE__*/_react["default"].createElement(_choices["default"], {
+        imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
+        choices: choices,
+        model: model,
+        onModelChanged: this.updateModel,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        configuration: configuration,
+        defaultImageMaxWidth: defaultImageMaxWidth,
+        defaultImageMaxHeight: defaultImageMaxHeight
+      }), allowAlternateEnabled && /*#__PURE__*/_react["default"].createElement(_header["default"], {
         className: classes.alternatesHeader,
         label: "Alternate Responses",
         buttonLabel: "ADD AN ALTERNATE RESPONSE",
         onAdd: this.onAddAlternateResponse
-      }), alternateResponses.map(function (categoriesList, index) {
+      }), allowAlternateEnabled && alternateResponses.map(function (categoriesList, index) {
         return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
           key: index
         }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
           className: classes.alternatesHeader,
+          variant: 'subtitle1',
           label: "Alternate Response",
           buttonLabel: "REMOVE ALTERNATE RESPONSE",
           onAdd: function onAdd() {
@@ -299,16 +393,15 @@ var Design = /*#__PURE__*/function (_React$Component) {
           altIndex: index,
           imageSupport: imageSupport,
           model: model,
+          configuration: configuration,
           categories: categoriesList,
-          onModelChanged: _this2.updateModel
+          onModelChanged: _this2.updateModel,
+          uploadSoundSupport: uploadSoundSupport,
+          toolbarOpts: toolbarOpts,
+          defaultImageMaxWidth: defaultImageMaxWidth,
+          defaultImageMaxHeight: defaultImageMaxHeight
         }));
-      }), /*#__PURE__*/_react["default"].createElement(_buttons.Divider, null), /*#__PURE__*/_react["default"].createElement(_choices["default"], {
-        imageSupport: imageSupport,
-        choices: choices,
-        model: model,
-        onModelChanged: this.updateModel,
-        toolbarOpts: toolbarOpts
-      }), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
+      }), allowAlternateEnabled && /*#__PURE__*/_react["default"].createElement(_buttons.Divider, null), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
         feedback: model.feedback,
         onChange: this.changeFeedback,
         toolbarOpts: toolbarOpts
@@ -330,6 +423,10 @@ exports.Design = Design;
   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
   })
 });
 
@@ -367,7 +464,7 @@ var styles = function styles(theme) {
       marginBottom: theme.spacing.unit * 2
     },
     title: {
-      marginBottom: '30px'
+      marginBottom: theme.spacing.unit * 4
     }
   };
 };

package/configure/lib/design/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/index.jsx"],"names":["Panel","settings","toggle","radio","IdProvider","uid","Provider","Design","props","model","onChange","updatedModel","correctResponse","choices","categories","map","c","id","label","h","content","categoryCount","rationale","teacherInstructions","feedback","updateModel","cr","alternateResponses","prompt","index","filter","alt","altIndex","choice","generateId","classes","className","imageSupport","configuration","onConfigurationChanged","partialScoring","lockChoiceOrder","studentInstructions","scoringType","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","feedbackEnabled","toolbarOpts","toolbarEditorPosition","position","config","columns","correctResponseCount","countChoiceInCorrectResponse","Settings","Properties","studentInstructionsEnabled","design","promptHolder","onPromptChanged","inputHolder","input","changeTeacherInstructions","changeRationale","alternatesHeader","onAddAlternateResponse","categoriesList","onRemoveAlternateResponse","changeFeedback","React","Component","PropTypes","object","isRequired","string","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","text","width","marginBottom","maxWidth","title"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport {\n  FeedbackConfig,\n  InputContainer,\n  layout,\n  settings\n} from '@pie-lib/config-ui';\nimport {\n  countInAnswer,\n  ensureNoExtraChoicesInAnswer\n} from '@pie-lib/categorize';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { uid, withDragContext } from '@pie-lib/drag';\n\nimport Categories from './categories';\nimport AlternateResponses from './categories/alternateResponses';\nimport Choices from './choices';\nimport { Divider } from './buttons';\nimport { buildAlternateResponses, buildCategories } from './builder';\nimport Header from './header';\n\nconst { Panel, toggle, radio } = settings;\nconst { Provider: IdProvider } = uid;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    uid: PropTypes.string,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || uid.generateId();\n  }\n\n  updateModel = props => {\n    const { model, onChange } = this.props;\n\n    const updatedModel = {\n      ...model,\n      ...props\n    };\n\n    //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAnswer(\n      updatedModel.correctResponse || [],\n      updatedModel.choices\n    );\n\n    //clean categories\n    updatedModel.categories = updatedModel.categories.map(c => ({\n      id: c.id,\n      label: c.label\n    }));\n\n    updatedModel.choices = updatedModel.choices.map(h => ({\n      id: h.id,\n      content: h.content,\n      categoryCount: h.categoryCount\n    }));\n\n    onChange(updatedModel);\n  };\n\n  changeRationale = rationale => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      rationale\n    });\n  };\n\n  changeTeacherInstructions = teacherInstructions => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      teacherInstructions\n    });\n  };\n\n  changeFeedback = feedback => {\n    this.updateModel({ feedback });\n  };\n\n  onAddAlternateResponse = () => {\n    const {\n      model: { correctResponse }\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map(cr => ({\n        ...cr,\n        alternateResponses: [...(cr.alternateResponses || []), []]\n      }))\n    });\n  };\n\n  onPromptChanged = prompt => this.updateModel({ prompt });\n\n  onRemoveAlternateResponse = index => {\n    const {\n      model: { correctResponse }\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map(cr => ({\n        ...cr,\n        alternateResponses: (cr.alternateResponses || []).filter(\n          (alt, altIndex) => altIndex !== index\n        )\n      }))\n    });\n  };\n\n  countChoiceInCorrectResponse = choice => {\n    const { model } = this.props;\n\n    return countInAnswer(choice.id, model.correctResponse);\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      model,\n      imageSupport,\n      configuration,\n      onChange,\n      onConfigurationChanged\n    } = this.props;\n    const {\n      partialScoring = {},\n      lockChoiceOrder = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      scoringType = {},\n      feedback = {},\n      prompt = {}\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      feedbackEnabled\n    } = model || {};\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 config = model.config || {};\n    config.choices = config.choices || { label: '', columns: 2 };\n\n    const categories = buildCategories(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || []\n    );\n\n    const alternateResponses = buildAlternateResponses(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || []\n    );\n\n    const choices = model.choices.map(c => {\n      c.correctResponseCount = this.countChoiceInCorrectResponse(c);\n      return c;\n    });\n\n    return (\n      <IdProvider value={this.uid}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChange}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: {\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  feedbackEnabled:\n                    feedback.settings && toggle(feedback.label)\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled:\n                    studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric'])\n                }\n              }}\n            />\n          }\n        >\n          <div className={classNames(classes.design, className)}>\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                />\n              </InputContainer>\n            )}\n\n            {teacherInstructionsEnabled && (\n              <InputContainer\n                label={teacherInstructions.label}\n                className={classes.inputHolder}\n              >\n                <EditableHtml\n                  className={classes.input}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.changeTeacherInstructions}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  toolbarOpts={toolbarOpts}\n                />\n              </InputContainer>\n            )}\n\n            {rationaleEnabled && (\n              <InputContainer\n                label={rationale.label}\n                className={classes.inputHolder}\n              >\n                <EditableHtml\n                  className={classes.input}\n                  markup={model.rationale || ''}\n                  onChange={this.changeRationale}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  toolbarOpts={toolbarOpts}\n                />\n              </InputContainer>\n            )}\n\n            <Categories\n              imageSupport={imageSupport}\n              model={model}\n              categories={categories || []}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n            />\n\n            <Header\n              className={classes.alternatesHeader}\n              label=\"Alternate Responses\"\n              buttonLabel=\"ADD AN ALTERNATE RESPONSE\"\n              onAdd={this.onAddAlternateResponse}\n            />\n\n            {alternateResponses.map((categoriesList, index) => {\n              return (\n                <React.Fragment key={index}>\n                  <Header\n                    className={classes.alternatesHeader}\n                    label=\"Alternate Response\"\n                    buttonLabel=\"REMOVE ALTERNATE RESPONSE\"\n                    onAdd={() => this.onRemoveAlternateResponse(index)}\n                  />\n\n                  <AlternateResponses\n                    altIndex={index}\n                    imageSupport={imageSupport}\n                    model={model}\n                    categories={categoriesList}\n                    onModelChanged={this.updateModel}\n                  />\n                </React.Fragment>\n              );\n            })}\n\n            <Divider />\n            <Choices\n              imageSupport={imageSupport}\n              choices={choices}\n              model={model}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n            />\n\n            {feedbackEnabled && (\n              <FeedbackConfig\n                feedback={model.feedback}\n                onChange={this.changeFeedback}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n          </div>\n        </layout.ConfigLayout>\n      </IdProvider>\n    );\n  }\n}\n\nconst styles = theme => ({\n  alternatesHeader: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  text: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  design: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit\n  },\n  inputHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  input: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    maxWidth: '600px'\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  title: {\n    marginBottom: '30px'\n  }\n});\n\nexport default withDragContext(withStyles(styles)(Design));\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/design/index.jsx"],"names":["dropdown","settings","Panel","toggle","radio","numberField","IdProvider","uid","Provider","Design","props","model","onChange","updatedModel","choices","map","c","categoryCount","checkAllowMultiplePlacements","allowMultiplePlacementsEnabled","correctResponse","categories","id","label","h","content","rationale","teacherInstructions","feedback","updateModel","cr","alternateResponses","prompt","index","filter","alt","altIndex","choice","allowMultiplePlacements","multiplePlacements","enabled","disabled","generateId","classes","className","configuration","imageSupport","uploadSoundSupport","onConfigurationChanged","allowAlternate","categoriesPerRow","choicesPosition","lockChoiceOrder","maxImageHeight","maxImageWidth","minCategoriesPerRow","partialScoring","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","withRubric","allowAlternateEnabled","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","toolbarOpts","position","config","columns","correctResponseCount","countChoiceInCorrectResponse","defaultImageMaxWidth","defaultImageMaxHeight","panelSettings","min","max","perChoice","panelProperties","studentInstructionsEnabled","rubricEnabled","Settings","Properties","design","promptHolder","onPromptChanged","language","inputHolder","input","changeTeacherInstructions","changeRationale","alternatesHeader","onAddAlternateResponse","categoriesList","onRemoveAlternateResponse","changeFeedback","React","Component","PropTypes","object","isRequired","string","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","text","width","marginBottom","maxWidth","title"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { FeedbackConfig, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { countInAnswer, ensureNoExtraChoicesInAnswer, ensureNoExtraChoicesInAlternate } from '@pie-lib/categorize';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { uid, withDragContext } from '@pie-lib/drag';\n\nimport Categories from './categories';\nimport AlternateResponses from './categories/alternateResponses';\nimport Choices from './choices';\nimport { Divider } from './buttons';\nimport { buildAlternateResponses, buildCategories } from './builder';\nimport Header from './header';\nimport { multiplePlacements } from '../utils';\n\nconst { dropdown, Panel, toggle, radio, numberField } = settings;\nconst { Provider: IdProvider } = uid;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    uid: PropTypes.string,\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  constructor(props) {\n    super(props);\n    this.uid = props.uid || uid.generateId();\n  }\n\n  updateModel = (props) => {\n    const { model, onChange } = this.props;\n\n    const updatedModel = {\n      ...model,\n      ...props,\n    };\n\n    updatedModel.choices = updatedModel.choices.map((c) => ({\n      ...c,\n      categoryCount: this.checkAllowMultiplePlacements(updatedModel.allowMultiplePlacementsEnabled, c),\n    }));\n\n    //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAnswer(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //Ensure that there are no extra choices in alternate responses, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAlternate(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //clean categories\n    updatedModel.categories = updatedModel.categories.map((c) => ({\n      id: c.id,\n      label: c.label,\n    }));\n\n    updatedModel.choices = updatedModel.choices.map((h) => ({\n      id: h.id,\n      content: h.content,\n      categoryCount: h.categoryCount,\n    }));\n\n    onChange(updatedModel);\n  };\n\n  changeRationale = (rationale) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      rationale,\n    });\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      teacherInstructions,\n    });\n  };\n\n  changeFeedback = (feedback) => {\n    this.updateModel({ feedback });\n  };\n\n  onAddAlternateResponse = () => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: [...(cr.alternateResponses || []), []],\n      })),\n    });\n  };\n\n  onPromptChanged = (prompt) => this.updateModel({ prompt });\n\n  onRemoveAlternateResponse = (index) => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: (cr.alternateResponses || []).filter((alt, altIndex) => altIndex !== index),\n      })),\n    });\n  };\n\n  countChoiceInCorrectResponse = (choice) => {\n    const { model } = this.props;\n\n    return countInAnswer(choice.id, model.correctResponse);\n  };\n\n  checkAllowMultiplePlacements = (allowMultiplePlacements, c) => {\n    if (allowMultiplePlacements === multiplePlacements.enabled) {\n      return 0;\n    }\n\n    if (allowMultiplePlacements === multiplePlacements.disabled) {\n      return 1;\n    }\n\n    return c.categoryCount || 0;\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      configuration,\n      imageSupport,\n      model,\n      uploadSoundSupport,\n      onConfigurationChanged,\n    } = this.props;\n    const {\n      allowMultiplePlacements = {},\n      allowAlternate = {},\n      categoriesPerRow = {},\n      choicesPosition = {},\n      feedback = {},\n      lockChoiceOrder = {},\n      maxImageHeight = {},\n      maxImageWidth = {},\n      minCategoriesPerRow = 1,\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      allowAlternateEnabled,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const config = model.config || {};\n    config.choices = config.choices || { label: '', columns: 2 };\n\n    const categories = buildCategories(model.categories || [], model.choices || [], model.correctResponse || []);\n\n    const alternateResponses = buildAlternateResponses(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || [],\n    );\n\n    const choices = model.choices.map((c) => {\n      c.correctResponseCount = this.countChoiceInCorrectResponse(c);\n\n      return c;\n    });\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      categoriesPerRow:\n        categoriesPerRow.settings &&\n        numberField(categoriesPerRow.label, {\n          label: categoriesPerRow.label,\n          min: minCategoriesPerRow,\n          max: 6,\n        }),\n      choicesPosition: choicesPosition.settings && radio(choicesPosition.label, ['below', 'above', 'left', 'right']),\n      allowMultiplePlacementsEnabled:\n        allowMultiplePlacements.settings &&\n        dropdown(allowMultiplePlacements.label, [\n          multiplePlacements.enabled,\n          multiplePlacements.disabled,\n          multiplePlacements.perChoice,\n        ]),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      allowAlternateEnabled: allowAlternate.settings && toggle(allowAlternate.label),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    return (\n      <IdProvider value={this.uid}>\n        <layout.ConfigLayout\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={this.updateModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          <div className={classNames(classes.design, className)}>\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                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n                  maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            {teacherInstructionsEnabled && (\n              <InputContainer label={teacherInstructions.label} className={classes.inputHolder}>\n                <EditableHtml\n                  className={classes.input}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.changeTeacherInstructions}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                  maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            {rationaleEnabled && (\n              <InputContainer label={rationale.label} className={classes.inputHolder}>\n                <EditableHtml\n                  className={classes.input}\n                  markup={model.rationale || ''}\n                  onChange={this.changeRationale}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\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            <Categories\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              model={model}\n              categories={categories || []}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              configuration={configuration}\n              defaultImageMaxWidth={defaultImageMaxWidth}\n              defaultImageMaxHeight={defaultImageMaxHeight}\n            />\n            <Choices\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              choices={choices}\n              model={model}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              configuration={configuration}\n              defaultImageMaxWidth={defaultImageMaxWidth}\n              defaultImageMaxHeight={defaultImageMaxHeight}\n            />\n            {allowAlternateEnabled && (\n                <Header\n                    className={classes.alternatesHeader}\n                    label=\"Alternate Responses\"\n                    buttonLabel=\"ADD AN ALTERNATE RESPONSE\"\n                    onAdd={this.onAddAlternateResponse}\n                />\n            )}\n            {allowAlternateEnabled &&\n                alternateResponses.map((categoriesList, index) => {\n                  return (\n                      <React.Fragment key={index}>\n                        <Header\n                            className={classes.alternatesHeader}\n                            variant={'subtitle1'}\n                            label=\"Alternate Response\"\n                            buttonLabel=\"REMOVE ALTERNATE RESPONSE\"\n                            onAdd={() => this.onRemoveAlternateResponse(index)}\n                        />\n                        <AlternateResponses\n                            altIndex={index}\n                            imageSupport={imageSupport}\n                            model={model}\n                            configuration={configuration}\n                            categories={categoriesList}\n                            onModelChanged={this.updateModel}\n                            uploadSoundSupport={uploadSoundSupport}\n                            toolbarOpts={toolbarOpts}\n                            defaultImageMaxWidth={defaultImageMaxWidth}\n                            defaultImageMaxHeight={defaultImageMaxHeight}\n                        />\n                      </React.Fragment>\n                  );\n                })}\n            {allowAlternateEnabled &&\n                <Divider/>\n            }\n            {feedbackEnabled && (\n              <FeedbackConfig feedback={model.feedback} onChange={this.changeFeedback} toolbarOpts={toolbarOpts} />\n            )}\n          </div>\n        </layout.ConfigLayout>\n      </IdProvider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  alternatesHeader: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  design: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n  },\n  inputHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  input: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    maxWidth: '600px',\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  title: {\n    marginBottom: theme.spacing.unit * 4,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(Design));\n"],"file":"index.js"}