@pie-element/likert 0.5.1 → 0.5.2-next.120

package/configure/lib/defaults.js

@@ -18,18 +18,19 @@ var _default = {
     teacherInstructionsEnabled: true
   },
   configuration: {
-    teacherInstructions: {
+    prompt: {
       settings: true,
-      label: 'Teacher Instructions'
+      label: 'Prompt'
     },
+    settingsPanelDisabled: false,
     spellCheck: {
       label: 'Spellcheck',
       settings: false,
       enabled: true
     },
-    prompt: {
+    teacherInstructions: {
       settings: true,
-      label: 'Prompt'
+      label: 'Teacher Instructions'
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","likertScale","likertType","likertOrientation","choices","teacherInstructionsEnabled","configuration","teacherInstructions","settings","label","spellCheck","enabled","prompt"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAE,SADR;AAELC,IAAAA,UAAU,EAAE,WAFP;AAGLC,IAAAA,iBAAiB,EAAE,YAHd;AAILC,IAAAA,OAAO,EAAE,EAJJ;AAKLC,IAAAA,0BAA0B,EAAE;AALvB,GADM;AAQbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KADR;AAKbC,IAAAA,UAAU,EAAE;AACVD,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAE,KAFA;AAGVG,MAAAA,OAAO,EAAE;AAHC,KALC;AAUbC,IAAAA,MAAM,EAAE;AACNJ,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD;AAVK;AARF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    likertScale: 'likert3',\n    likertType: 'agreement',\n    likertOrientation: 'horizontal',\n    choices: [],\n    teacherInstructionsEnabled: true,\n  },\n  configuration: {\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","likertScale","likertType","likertOrientation","choices","teacherInstructionsEnabled","configuration","prompt","settings","label","settingsPanelDisabled","spellCheck","enabled","teacherInstructions"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAE,SADR;AAELC,IAAAA,UAAU,EAAE,WAFP;AAGLC,IAAAA,iBAAiB,EAAE,YAHd;AAILC,IAAAA,OAAO,EAAE,EAJJ;AAKLC,IAAAA,0BAA0B,EAAE;AALvB,GADM;AAQbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;AACNC,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KADK;AAKbC,IAAAA,qBAAqB,EAAE,KALV;AAMbC,IAAAA,UAAU,EAAE;AACVF,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAE,KAFA;AAGVI,MAAAA,OAAO,EAAE;AAHC,KANC;AAWbC,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY;AAXR;AARF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    likertScale: 'likert3',\n    likertType: 'agreement',\n    likertOrientation: 'horizontal',\n    choices: [],\n    teacherInstructionsEnabled: true,\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/main.js

@@ -74,7 +74,7 @@ var styles = function styles(theme) {
     },
     radioButtonsColumnHeader: {
       color: '#c3c3c3',
-      fontSize: '12px'
+      fontSize: theme.typography.fontSize - 2
     },
     likertLabelHolder: {
       display: 'flex',
@@ -84,7 +84,7 @@ var styles = function styles(theme) {
     likertOptionsHolder: {
       display: 'flex',
       width: '100%',
-      padding: '20px 0',
+      padding: "".concat(theme.spacing.unit * 2.5, "px 0"),
       justifyContent: 'space-around'
     },
     likertLabelInput: {
@@ -93,7 +93,7 @@ var styles = function styles(theme) {
     },
     errorMessage: {
       color: '#b5000e',
-      fontSize: '10px'
+      fontSize: theme.typography.fontSize - 2
     },
     width100: {
       width: '100%'
@@ -103,7 +103,7 @@ var styles = function styles(theme) {
       flexDirection: 'row'
     },
     likertValueHolder: {
-      paddingLeft: '20px',
+      paddingLeft: theme.spacing.unit * 2.5,
       width: '150px'
     },
     likertLabelEditableHtml: {
@@ -120,7 +120,7 @@ var styles = function styles(theme) {
     },
     inputFormGroupIndex: {
       width: '30px',
-      paddingTop: '30px'
+      paddingTop: theme.spacing.unit * 4
     }
   };
 };
@@ -264,45 +264,48 @@ var buildValuesMap = function buildValuesMap(model) {
 
 var Design = (0, _styles.withStyles)(styles)(function (props) {
   var classes = props.classes,
-      model = props.model,
       configuration = props.configuration,
-      onPromptChanged = props.onPromptChanged,
-      onChoiceChanged = props.onChoiceChanged,
       imageSupport = props.imageSupport,
+      model = props.model,
       onChangeModel = props.onChangeModel,
+      onChoiceChanged = props.onChoiceChanged,
       onConfigurationChanged = props.onConfigurationChanged,
-      uploadSoundSupport = props.uploadSoundSupport,
-      onTeacherInstructionsChanged = props.onTeacherInstructionsChanged;
+      onPromptChanged = props.onPromptChanged,
+      onTeacherInstructionsChanged = props.onTeacherInstructionsChanged,
+      uploadSoundSupport = props.uploadSoundSupport;
 
   var _ref = configuration || {},
       _ref$prompt = _ref.prompt,
       prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
-      _ref$teacherInstructi = _ref.teacherInstructions,
-      teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
       _ref$scoringType = _ref.scoringType,
       scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
+      settingsPanelDisabled = _ref.settingsPanelDisabled,
       _ref$spellCheck = _ref.spellCheck,
-      spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck;
+      spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+      _ref$teacherInstructi = _ref.teacherInstructions,
+      teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi;
 
   var _ref2 = model || {},
-      teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-      spellCheckEnabled = _ref2.spellCheckEnabled;
+      spellCheckEnabled = _ref2.spellCheckEnabled,
+      teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled;
 
   var valuesMap = buildValuesMap(model);
+  var panelProperties = {
+    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.design
   }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+    hideSettings: settingsPanelDisabled,
     settings: /*#__PURE__*/_react["default"].createElement(Panel, {
       model: model,
       onChangeModel: onChangeModel,
       configuration: configuration,
       onChangeConfiguration: onConfigurationChanged,
       groups: {
-        Properties: {
-          teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-          spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
-          scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
-        }
+        Properties: panelProperties
       }
     })
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -379,7 +382,7 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     }), valuesMap[choice.value] && valuesMap[choice.value] > 1 && /*#__PURE__*/_react["default"].createElement("p", {
       className: classes.errorMessage
     }, "Value should be unique"))));
-  }), /*#__PURE__*/_react["default"].createElement("br", null))));
+  }))));
 });
 
 var Main = /*#__PURE__*/function (_React$Component) {
@@ -398,13 +401,14 @@ var Main = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceChanged", function (index, choice) {
-      var model = _this.props.model;
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onModelChanged = _this$props.onModelChanged;
       model.choices = model.choices.map(function (choice) {
         return (0, _merge["default"])({}, choice);
       });
       model.choices.splice(index, 1, choice);
-
-      _this.props.onModelChanged(model);
+      onModelChanged(model);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
       _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","radioButtonsWrapper","display","flexDirection","radioButtonsColumnHeader","color","fontSize","likertLabelHolder","alignItems","likertOptionsHolder","padding","justifyContent","likertLabelInput","marginRight","errorMessage","width100","flexRow","likertValueHolder","paddingLeft","likertLabelEditableHtml","design","choiceConfigurationHolder","marginTop","inputFormGroupIndex","LikertOrientation","props","classes","model","onChangeModel","onChangeLikertOrientation","e","likertOrientation","target","value","LIKERT_ORIENTATION","horizontal","vertical","LikertScale","onChangeLikertScale","likertScale","choices","likertType","LIKERT_SCALE","likert3","likert5","likert7","LikertType","onChangeLikertType","LIKERT_TYPE","agreement","frequency","yesNo","importance","likelihood","like","buildValuesMap","reduce","acc","choice","accClone","choiceValue","parseInt","Design","configuration","onPromptChanged","onChoiceChanged","imageSupport","onConfigurationChanged","uploadSoundSupport","onTeacherInstructionsChanged","teacherInstructions","scoringType","spellCheck","teacherInstructionsEnabled","spellCheckEnabled","valuesMap","Properties","label","map","index","c","t","Main","splice","onModelChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAQA,KAAR,GAAiCC,kBAAjC,CAAQD,KAAR;AAAA,IAAeE,MAAf,GAAiCD,kBAAjC,CAAeC,MAAf;AAAA,IAAuBC,KAAvB,GAAiCF,kBAAjC,CAAuBE,KAAvB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAFxB;AAGZC,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAHvB,KADW;AAMzBE,IAAAA,MAAM,EAAE;AACNC,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAD3B;AAENH,MAAAA,KAAK,EAAE;AAFD,KANiB;AAUzBO,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,OAAO,EAAE,MADU;AAEnBC,MAAAA,aAAa,EAAE;AAFI,KAVI;AAczBC,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,KAAK,EAAE,SADiB;AAExBC,MAAAA,QAAQ,EAAE;AAFc,KAdD;AAkBzBC,IAAAA,iBAAiB,EAAE;AACjBL,MAAAA,OAAO,EAAE,MADQ;AAEjBR,MAAAA,KAAK,EAAE,MAFU;AAGjBc,MAAAA,UAAU,EAAE;AAHK,KAlBM;AAuBzBC,IAAAA,mBAAmB,EAAE;AACnBP,MAAAA,OAAO,EAAE,MADU;AAEnBR,MAAAA,KAAK,EAAE,MAFY;AAGnBgB,MAAAA,OAAO,EAAE,QAHU;AAInBC,MAAAA,cAAc,EAAE;AAJG,KAvBI;AA6BzBC,IAAAA,gBAAgB,EAAE;AAChBlB,MAAAA,KAAK,EAAE,oBADS;AAEhBmB,MAAAA,WAAW,EAAE;AAFG,KA7BO;AAiCzBC,IAAAA,YAAY,EAAE;AACZT,MAAAA,KAAK,EAAE,SADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KAjCW;AAqCzBS,IAAAA,QAAQ,EAAE;AACRrB,MAAAA,KAAK,EAAE;AADC,KArCe;AAwCzBsB,IAAAA,OAAO,EAAE;AACPd,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,aAAa,EAAE;AAFR,KAxCgB;AA4CzBc,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,WAAW,EAAE,MADI;AAEjBxB,MAAAA,KAAK,EAAE;AAFU,KA5CM;AAgDzByB,IAAAA,uBAAuB,EAAE;AACvBnB,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AADV,KAhDA;AAmDzBuB,IAAAA,MAAM,EAAE;AACNpB,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAD3B,KAnDiB;AAsDzBwB,IAAAA,yBAAyB,EAAE;AACzBC,MAAAA,SAAS,EAAE9B,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CADP;AAEzBK,MAAAA,OAAO,EAAE,MAFgB;AAGzBC,MAAAA,aAAa,EAAE,QAHU;AAIzBK,MAAAA,UAAU,EAAE;AAJa,KAtDF;AA4DzBe,IAAAA,mBAAmB,EAAE;AACnB7B,MAAAA,KAAK,EAAE,MADY;AAEnBM,MAAAA,UAAU,EAAE;AAFO;AA5DI,GAAZ;AAAA,CAAf;;AAkEA,IAAMwB,iBAAiB,GAAG,wBAAWjC,MAAX,EAAmB,UAACkC,KAAD,EAAW;AACtD,MAAQC,OAAR,GAA0CD,KAA1C,CAAQC,OAAR;AAAA,MAAiBC,KAAjB,GAA0CF,KAA1C,CAAiBE,KAAjB;AAAA,MAAwBC,aAAxB,GAA0CH,KAA1C,CAAwBG,aAAxB;;AACA,MAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,CAAD,EAAO;AACvC,QAAMC,iBAAiB,GAAGD,CAAC,CAACE,MAAF,CAASC,KAAnC;AACAL,IAAAA,aAAa,iCACRD,KADQ;AAEXI,MAAAA,iBAAiB,EAAjBA;AAFW,OAAb;AAID,GAND;;AAOA,sBACE;AAAK,IAAA,SAAS,EAAEL,OAAO,CAACzB;AAAxB,kBACE;AAAG,IAAA,SAAS,EAAEyB,OAAO,CAACtB;AAAtB,0BADF,eAEE,gCAAC,sBAAD;AACE,kBAAW,mBADb;AAEE,IAAA,IAAI,EAAC,mBAFP;AAGE,IAAA,KAAK,EAAEuB,KAAK,CAACI,iBAHf;AAIE,IAAA,QAAQ,EAAEF;AAJZ,kBAME,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEK,mCAAmBC,UAA5C;AAAwD,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAAjE;AAA4E,IAAA,KAAK,EAAC;AAAlF,IANF,eAOE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAED,mCAAmBE,QAA5C;AAAsD,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAA/D;AAA0E,IAAA,KAAK,EAAC;AAAhF,IAPF,CAFF,CADF;AAcD,CAvByB,CAA1B;AAyBA,IAAMC,WAAW,GAAG,wBAAW9C,MAAX,EAAmB,UAACkC,KAAD,EAAW;AAChD,MAAQC,OAAR,GAA0CD,KAA1C,CAAQC,OAAR;AAAA,MAAiBC,KAAjB,GAA0CF,KAA1C,CAAiBE,KAAjB;AAAA,MAAwBC,aAAxB,GAA0CH,KAA1C,CAAwBG,aAAxB;;AACA,MAAMU,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACR,CAAD,EAAO;AACjC,QAAMS,WAAW,GAAGT,CAAC,CAACE,MAAF,CAASC,KAA7B;AACAL,IAAAA,aAAa,iCACRD,KADQ;AAEXY,MAAAA,WAAW,EAAXA,WAFW;AAGXC,MAAAA,OAAO,EAAE,iCAAgBD,WAAhB,EAA6BZ,KAAK,CAACc,UAAnC;AAHE,OAAb;AAKD,GAPD;;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEf,OAAO,CAACzB;AAAxB,kBACE;AAAG,IAAA,SAAS,EAAEyB,OAAO,CAACtB;AAAtB,oBADF,eAEE,gCAAC,sBAAD;AAAY,kBAAW,aAAvB;AAAqC,IAAA,IAAI,EAAC,aAA1C;AAAwD,IAAA,KAAK,EAAEuB,KAAK,CAACY,WAArE;AAAkF,IAAA,QAAQ,EAAED;AAA5F,kBACE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEI,6BAAaC,OAAtC;AAA+C,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAAxD;AAAmE,IAAA,KAAK,EAAC;AAAzE,IADF,eAEE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAED,6BAAaE,OAAtC;AAA+C,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAAxD;AAAmE,IAAA,KAAK,EAAC;AAAzE,IAFF,eAGE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEF,6BAAaG,OAAtC;AAA+C,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAAxD;AAAmE,IAAA,KAAK,EAAC;AAAzE,IAHF,CAFF,CADF;AAUD,CApBmB,CAApB;AAsBA,IAAMC,UAAU,GAAG,wBAAWvD,MAAX,EAAmB,UAACkC,KAAD,EAAW;AAC/C,MAAQC,OAAR,GAA0CD,KAA1C,CAAQC,OAAR;AAAA,MAAiBC,KAAjB,GAA0CF,KAA1C,CAAiBE,KAAjB;AAAA,MAAwBC,aAAxB,GAA0CH,KAA1C,CAAwBG,aAAxB;;AACA,MAAMmB,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,CAAD,EAAO;AAChC,QAAMW,UAAU,GAAGX,CAAC,CAACE,MAAF,CAASC,KAA5B;AACAL,IAAAA,aAAa,iCACRD,KADQ;AAEXc,MAAAA,UAAU,EAAVA,UAFW;AAGXD,MAAAA,OAAO,EAAE,iCAAgBb,KAAK,CAACY,WAAtB,EAAmCE,UAAnC;AAHE,OAAb;AAKD,GAPD;;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEf,OAAO,CAACzB;AAAxB,kBACE;AAAG,IAAA,SAAS,EAAEyB,OAAO,CAACtB;AAAtB,kBADF,eAGE;AAAK,IAAA,SAAS,EAAEsB,OAAO,CAACV;AAAxB,kBACE,gCAAC,sBAAD;AACE,kBAAW,iBADb;AAEE,IAAA,IAAI,EAAC,iBAFP;AAGE,IAAA,KAAK,EAAEW,KAAK,CAACc,UAHf;AAIE,IAAA,QAAQ,EAAEM;AAJZ,kBAME,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEC,4BAAYC,SAArC;AAAgD,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAAzD;AAAoE,IAAA,KAAK,EAAC;AAA1E,IANF,eAOE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAED,4BAAYE,SAArC;AAAgD,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAAzD;AAAoE,IAAA,KAAK,EAAC;AAA1E,IAPF,eAQE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEF,4BAAYG,KAArC;AAA4C,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAArD;AAAgE,IAAA,KAAK,EAAC;AAAtE,IARF,CADF,eAYE,gCAAC,sBAAD;AACE,kBAAW,iBADb;AAEE,IAAA,IAAI,EAAC,iBAFP;AAGE,IAAA,KAAK,EAAExB,KAAK,CAACc,UAHf;AAIE,IAAA,QAAQ,EAAEM;AAJZ,kBAME,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEC,4BAAYI,UAArC;AAAiD,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAA1D;AAAqE,IAAA,KAAK,EAAC;AAA3E,IANF,eAOE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEJ,4BAAYK,UAArC;AAAiD,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAA1D;AAAqE,IAAA,KAAK,EAAC;AAA3E,IAPF,eAQE,gCAAC,4BAAD;AAAkB,IAAA,KAAK,EAAEL,4BAAYM,IAArC;AAA2C,IAAA,OAAO,eAAE,gCAAC,iBAAD,OAApD;AAA+D,IAAA,KAAK,EAAC;AAArE,IARF,CAZF,CAHF,CADF;AA6BD,CAvCkB,CAAnB;;AAyCA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAC5B,KAAD;AAAA,SACrBA,KAAK,CAACa,OAAN,CAAcgB,MAAd,CAAqB,UAACC,GAAD,EAAMC,MAAN,EAAiB;AACpC,QAAMC,QAAQ,qBAAQF,GAAR,CAAd;;AACA,QAAMG,WAAW,GAAGC,QAAQ,CAACH,MAAM,CAACzB,KAAR,CAA5B;;AACA,QAAI,CAAC0B,QAAQ,CAACC,WAAD,CAAb,EAA4B;AAC1BD,MAAAA,QAAQ,CAACC,WAAD,CAAR,GAAwB,CAAxB;AACD;;AACD,2CACKD,QADL,4CAEGC,WAFH,EAEiBD,QAAQ,CAACC,WAAD,CAAR,GAAwB,CAFzC;AAID,GAVD,EAUG,EAVH,CADqB;AAAA,CAAvB;;AAaA,IAAME,MAAM,GAAG,wBAAWvE,MAAX,EAAmB,UAACkC,KAAD,EAAW;AAC3C,MACEC,OADF,GAWID,KAXJ,CACEC,OADF;AAAA,MAEEC,KAFF,GAWIF,KAXJ,CAEEE,KAFF;AAAA,MAGEoC,aAHF,GAWItC,KAXJ,CAGEsC,aAHF;AAAA,MAIEC,eAJF,GAWIvC,KAXJ,CAIEuC,eAJF;AAAA,MAKEC,eALF,GAWIxC,KAXJ,CAKEwC,eALF;AAAA,MAMEC,YANF,GAWIzC,KAXJ,CAMEyC,YANF;AAAA,MAOEtC,aAPF,GAWIH,KAXJ,CAOEG,aAPF;AAAA,MAQEuC,sBARF,GAWI1C,KAXJ,CAQE0C,sBARF;AAAA,MASEC,kBATF,GAWI3C,KAXJ,CASE2C,kBATF;AAAA,MAUEC,4BAVF,GAWI5C,KAXJ,CAUE4C,4BAVF;;AAYA,aAAqFN,aAAa,IAAI,EAAtG;AAAA,yBAAQhE,MAAR;AAAA,MAAQA,MAAR,4BAAiB,EAAjB;AAAA,mCAAqBuE,mBAArB;AAAA,MAAqBA,mBAArB,sCAA2C,EAA3C;AAAA,8BAA+CC,WAA/C;AAAA,MAA+CA,WAA/C,iCAA6D,EAA7D;AAAA,6BAAiEC,UAAjE;AAAA,MAAiEA,UAAjE,gCAA8E,EAA9E;;AACA,cAA0D7C,KAAK,IAAI,EAAnE;AAAA,MAAQ8C,0BAAR,SAAQA,0BAAR;AAAA,MAAoCC,iBAApC,SAAoCA,iBAApC;;AAEA,MAAMC,SAAS,GAAGpB,cAAc,CAAC5B,KAAD,CAAhC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAED,OAAO,CAACN;AAAxB,kBACE,gCAAC,gBAAD,CAAQ,YAAR;AACE,IAAA,QAAQ,eACN,gCAAC,KAAD;AACE,MAAA,KAAK,EAAEO,KADT;AAEE,MAAA,aAAa,EAAEC,aAFjB;AAGE,MAAA,aAAa,EAAEmC,aAHjB;AAIE,MAAA,qBAAqB,EAAEI,sBAJzB;AAKE,MAAA,MAAM,EAAE;AACNS,QAAAA,UAAU,EAAE;AACVH,UAAAA,0BAA0B,EAAEH,mBAAmB,CAAClF,QAApB,IAAgCC,MAAM,CAACiF,mBAAmB,CAACO,KAArB,CADxD;AAEVH,UAAAA,iBAAiB,EAAEF,UAAU,CAACpF,QAAX,IAAuBC,MAAM,CAACmF,UAAU,CAACK,KAAZ,CAFtC;AAGVN,UAAAA,WAAW,EAAEA,WAAW,CAACnF,QAAZ,IAAwBE,KAAK,CAACiF,WAAW,CAACM,KAAb,EAAoB,CAAC,MAAD,EAAS,QAAT,CAApB;AAHhC;AADN;AALV;AAFJ,kBAiBE,0DACE;AAAK,IAAA,SAAS,EAAEnD,OAAO,CAACjB;AAAxB,kBACE,gCAAC,WAAD;AAAa,IAAA,KAAK,EAAEkB,KAApB;AAA2B,IAAA,aAAa,EAAEC;AAA1C,IADF,eAEE,gCAAC,UAAD;AAAY,IAAA,KAAK,EAAED,KAAnB;AAA0B,IAAA,aAAa,EAAEC;AAAzC,IAFF,eAGE,gCAAC,iBAAD;AAAmB,IAAA,KAAK,EAAED,KAA1B;AAAiC,IAAA,aAAa,EAAEC;AAAhD,IAHF,CADF,EAOG6C,0BAA0B,iBACzB,gCAAC,wBAAD;AAAgB,IAAA,KAAK,EAAEH,mBAAmB,CAACO,KAA3C;AAAkD,IAAA,SAAS,EAAEnD,OAAO,CAACjC;AAArE,kBACE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAEiC,OAAO,CAAC3B,MADrB;AAEE,IAAA,MAAM,EAAE4B,KAAK,CAAC2C,mBAAN,IAA6B,EAFvC;AAGE,IAAA,QAAQ,EAAED,4BAHZ;AAIE,IAAA,YAAY,EAAEH,YAJhB;AAKE,IAAA,QAAQ,EAAE,KALZ;AAME,IAAA,UAAU,EAAEQ,iBANd;AAOE,IAAA,kBAAkB,EAAEN;AAPtB,IADF,CARJ,eAqBE,gCAAC,wBAAD;AAAgB,IAAA,KAAK,EAAErE,MAAM,CAAC8E,KAA9B;AAAqC,IAAA,SAAS,EAAEnD,OAAO,CAACjC;AAAxD,kBACE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAEiC,OAAO,CAAC3B,MADrB;AAEE,IAAA,MAAM,EAAE4B,KAAK,CAAC5B,MAFhB;AAGE,IAAA,QAAQ,EAAEiE,eAHZ;AAIE,IAAA,YAAY,EAAEE,YAJhB;AAKE,IAAA,QAAQ,EAAE,KALZ;AAME,IAAA,UAAU,EAAEQ,iBANd;AAOE,IAAA,gBAAgB,MAPlB;AAQE,IAAA,kBAAkB,EAAEN;AARtB,IADF,CArBF,EAkCGzC,KAAK,CAACa,OAAN,CAAcsC,GAAd,CAAkB,UAACpB,MAAD,EAASqB,KAAT;AAAA,wBACjB;AAAK,MAAA,GAAG,mBAAYA,KAAZ,CAAR;AAA6B,MAAA,SAAS,EAAErD,OAAO,CAACL;AAAhD,oBACE;AAAK,MAAA,SAAS,EAAEK,OAAO,CAACnB;AAAxB,oBACE;AAAM,MAAA,SAAS,EAAEmB,OAAO,CAACH;AAAzB,OAA+CwD,KAAK,GAAG,CAAvD,MADF,eAEE,gCAAC,wBAAD;AACE,MAAA,GAAG,yBAAkBA,KAAlB,CADL;AAEE,MAAA,KAAK,EAAE,cAFT;AAGE,MAAA,SAAS,EAAErD,OAAO,CAACd;AAHrB,oBAKE,gCAAC,wBAAD;AACE,MAAA,SAAS,EAAEc,OAAO,CAACP,uBADrB;AAEE,MAAA,MAAM,EAAEuC,MAAM,CAACmB,KAAP,IAAgB,EAF1B;AAGE,MAAA,QAAQ,EAAE,kBAACG,CAAD;AAAA,eACRf,eAAe,CAACc,KAAD,kCACVrB,MADU;AAEbmB,UAAAA,KAAK,EAAEG;AAFM,WADP;AAAA,OAHZ;AASE,MAAA,YAAY,EAAEd,YAThB;AAUE,MAAA,UAAU,EAAEQ,iBAVd;AAWE,MAAA,kBAAkB,EAAEN;AAXtB,MALF,CAFF,eAsBE;AAAK,MAAA,SAAS,EAAE1C,OAAO,CAACT;AAAxB,oBACE,gCAAC,yBAAD;AACE,MAAA,KAAK,EAAE,cADT;AAEE,MAAA,KAAK,EAAEyC,MAAM,CAACzB,KAFhB;AAGE,MAAA,SAAS,EAAEP,OAAO,CAACX,QAHrB;AAIE,MAAA,GAAG,EAAE,GAJP;AAKE,MAAA,GAAG,EAAE,CAAC,GALR;AAME,MAAA,QAAQ,EAAE,kBAACe,CAAD,EAAImD,CAAJ,EAAU;AAClBhB,QAAAA,eAAe,CAACc,KAAD,kCACVrB,MADU;AAEbzB,UAAAA,KAAK,EAAEgD;AAFM,WAAf;AAID,OAXH;AAYE,MAAA,YAAY,EAAEf;AAZhB,MADF,EAeGS,SAAS,CAACjB,MAAM,CAACzB,KAAR,CAAT,IAA2B0C,SAAS,CAACjB,MAAM,CAACzB,KAAR,CAAT,GAA0B,CAArD,iBACC;AAAG,MAAA,SAAS,EAAEP,OAAO,CAACZ;AAAtB,gCAhBJ,CAtBF,CADF,CADiB;AAAA,GAAlB,CAlCH,eAgFE,2CAhFF,CAjBF,CADF,CADF;AAwGD,CA1Hc,CAAf;;IA4HaoE,I;;;;;;;;;;;;;;;wGAaO,UAACH,KAAD,EAAQrB,MAAR,EAAmB;AACnC,UAAQ/B,KAAR,GAAkB,MAAKF,KAAvB,CAAQE,KAAR;AAEAA,MAAAA,KAAK,CAACa,OAAN,GAAgBb,KAAK,CAACa,OAAN,CAAcsC,GAAd,CAAkB,UAACpB,MAAD,EAAY;AAC5C,eAAO,uBAAM,EAAN,EAAUA,MAAV,CAAP;AACD,OAFe,CAAhB;AAIA/B,MAAAA,KAAK,CAACa,OAAN,CAAc2C,MAAd,CAAqBJ,KAArB,EAA4B,CAA5B,EAA+BrB,MAA/B;;AACA,YAAKjC,KAAL,CAAW2D,cAAX,CAA0BzD,KAA1B;AACD,K;wGAEiB,UAAC5B,MAAD,EAAY;AAC5B,YAAK0B,KAAL,CAAW2D,cAAX,iCACK,MAAK3D,KAAL,CAAWE,KADhB;AAEE5B,QAAAA,MAAM,EAANA;AAFF;AAID,K;qHAE8B,UAACuE,mBAAD,EAAyB;AACtD,YAAK7C,KAAL,CAAW2D,cAAX,iCACK,MAAK3D,KAAL,CAAWE,KADhB;AAEE2C,QAAAA,mBAAmB,EAAnBA;AAFF;AAID,K;;;;;;WAED,kBAAS;AACP,0BACE,gCAAC,MAAD,gCACM,KAAK7C,KADX;AAEE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAW2D,cAF5B;AAGE,QAAA,eAAe,EAAE,KAAKnB,eAHxB;AAIE,QAAA,eAAe,EAAE,KAAKD,eAJxB;AAKE,QAAA,4BAA4B,EAAE,KAAKK;AALrC,SADF;AASD;;;EAhDuBgB,kBAAMC,S;;;iCAAnBJ,I,eACQ;AACjBvD,EAAAA,KAAK,EAAE4D,sBAAUC,MAAV,CAAiBC,UADP;AAEjBC,EAAAA,gBAAgB,EAAEH,sBAAUI,IAFX;AAGjBP,EAAAA,cAAc,EAAEG,sBAAUK,IAAV,CAAeH,UAHd;AAIjBtB,EAAAA,sBAAsB,EAAEoB,sBAAUK,IAAV,CAAeH,UAJtB;AAKjB/D,EAAAA,OAAO,EAAE6D,sBAAUC,MAAV,CAAiBC,UALT;AAMjBvB,EAAAA,YAAY,EAAEqB,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADQ;AAE5B,cAAQF,sBAAUK,IAAV,CAAeH;AAFK,GAAhB;AANG,C;AAkDrB,IAAMM,MAAM,GAAG,wBAAWxG,MAAX,EAAmB2F,IAAnB,CAAf;eAEea,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { InputContainer, settings, layout, NumberTextField } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport merge from 'lodash/merge';\nimport { LIKERT_TYPE, LIKERT_SCALE, LIKERT_ORIENTATION } from './likertEntities';\nimport generateChoices from './choiceGenerator';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  radioButtonsWrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  radioButtonsColumnHeader: {\n    color: '#c3c3c3',\n    fontSize: '12px',\n  },\n  likertLabelHolder: {\n    display: 'flex',\n    width: '100%',\n    alignItems: 'flex-start',\n  },\n  likertOptionsHolder: {\n    display: 'flex',\n    width: '100%',\n    padding: '20px 0',\n    justifyContent: 'space-around',\n  },\n  likertLabelInput: {\n    width: 'calc(100% - 200px)',\n    marginRight: 0,\n  },\n  errorMessage: {\n    color: '#b5000e',\n    fontSize: '10px',\n  },\n  width100: {\n    width: '100%',\n  },\n  flexRow: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n  likertValueHolder: {\n    paddingLeft: '20px',\n    width: '150px',\n  },\n  likertLabelEditableHtml: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\n  },\n  choiceConfigurationHolder: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'start',\n  },\n  inputFormGroupIndex: {\n    width: '30px',\n    paddingTop: '30px',\n  },\n});\n\nconst LikertOrientation = withStyles(styles)((props) => {\n  const { classes, model, onChangeModel } = props;\n  const onChangeLikertOrientation = (e) => {\n    const likertOrientation = e.target.value;\n    onChangeModel({\n      ...model,\n      likertOrientation,\n    });\n  };\n  return (\n    <div className={classes.radioButtonsWrapper}>\n      <p className={classes.radioButtonsColumnHeader}>Likert Orientation</p>\n      <RadioGroup\n        aria-label=\"likertOrientation\"\n        name=\"likertOrientation\"\n        value={model.likertOrientation}\n        onChange={onChangeLikertOrientation}\n      >\n        <FormControlLabel value={LIKERT_ORIENTATION.horizontal} control={<Radio />} label=\"Horizontal\" />\n        <FormControlLabel value={LIKERT_ORIENTATION.vertical} control={<Radio />} label=\"Vertical\" />\n      </RadioGroup>\n    </div>\n  );\n});\n\nconst LikertScale = withStyles(styles)((props) => {\n  const { classes, model, onChangeModel } = props;\n  const onChangeLikertScale = (e) => {\n    const likertScale = e.target.value;\n    onChangeModel({\n      ...model,\n      likertScale,\n      choices: generateChoices(likertScale, model.likertType),\n    });\n  };\n  return (\n    <div className={classes.radioButtonsWrapper}>\n      <p className={classes.radioButtonsColumnHeader}>Likert Scale</p>\n      <RadioGroup aria-label=\"likertScale\" name=\"likertScale\" value={model.likertScale} onChange={onChangeLikertScale}>\n        <FormControlLabel value={LIKERT_SCALE.likert3} control={<Radio />} label=\"Likert 3\" />\n        <FormControlLabel value={LIKERT_SCALE.likert5} control={<Radio />} label=\"Likert 5\" />\n        <FormControlLabel value={LIKERT_SCALE.likert7} control={<Radio />} label=\"Likert 7\" />\n      </RadioGroup>\n    </div>\n  );\n});\n\nconst LikertType = withStyles(styles)((props) => {\n  const { classes, model, onChangeModel } = props;\n  const onChangeLikertType = (e) => {\n    const likertType = e.target.value;\n    onChangeModel({\n      ...model,\n      likertType,\n      choices: generateChoices(model.likertScale, likertType),\n    });\n  };\n  return (\n    <div className={classes.radioButtonsWrapper}>\n      <p className={classes.radioButtonsColumnHeader}>Label Type</p>\n\n      <div className={classes.flexRow}>\n        <RadioGroup\n          aria-label=\"likertLabelType\"\n          name=\"likertLabelType\"\n          value={model.likertType}\n          onChange={onChangeLikertType}\n        >\n          <FormControlLabel value={LIKERT_TYPE.agreement} control={<Radio />} label=\"Agreement\" />\n          <FormControlLabel value={LIKERT_TYPE.frequency} control={<Radio />} label=\"Frequency\" />\n          <FormControlLabel value={LIKERT_TYPE.yesNo} control={<Radio />} label=\"Yes/No\" />\n        </RadioGroup>\n\n        <RadioGroup\n          aria-label=\"likertLabelType\"\n          name=\"likertLabelType\"\n          value={model.likertType}\n          onChange={onChangeLikertType}\n        >\n          <FormControlLabel value={LIKERT_TYPE.importance} control={<Radio />} label=\"Importance\" />\n          <FormControlLabel value={LIKERT_TYPE.likelihood} control={<Radio />} label=\"Likelihood\" />\n          <FormControlLabel value={LIKERT_TYPE.like} control={<Radio />} label=\"Like\" />\n        </RadioGroup>\n      </div>\n    </div>\n  );\n});\n\nconst buildValuesMap = (model) =>\n  model.choices.reduce((acc, choice) => {\n    const accClone = { ...acc };\n    const choiceValue = parseInt(choice.value);\n    if (!accClone[choiceValue]) {\n      accClone[choiceValue] = 0;\n    }\n    return {\n      ...accClone,\n      [choiceValue]: accClone[choiceValue] + 1,\n    };\n  }, {});\n\nconst Design = withStyles(styles)((props) => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    onChoiceChanged,\n    imageSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    uploadSoundSupport,\n    onTeacherInstructionsChanged,\n  } = props;\n  const { prompt = {}, teacherInstructions = {}, scoringType = {}, spellCheck = {} } = configuration || {};\n  const { teacherInstructionsEnabled, spellCheckEnabled } = model || {};\n\n  const valuesMap = buildValuesMap(model);\n\n  return (\n    <div className={classes.design}>\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            onChangeModel={onChangeModel}\n            configuration={configuration}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Properties: {\n                teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n                spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n                scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n              },\n            }}\n          />\n        }\n      >\n        <div>\n          <div className={classes.likertOptionsHolder}>\n            <LikertScale model={model} onChangeModel={onChangeModel} />\n            <LikertType model={model} onChangeModel={onChangeModel} />\n            <LikertOrientation model={model} onChangeModel={onChangeModel} />\n          </div>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={onTeacherInstructionsChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                uploadSoundSupport={uploadSoundSupport}\n              />\n            </InputContainer>\n          )}\n\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              spellCheck={spellCheckEnabled}\n              disableUnderline\n              uploadSoundSupport={uploadSoundSupport}\n            />\n          </InputContainer>\n\n          {model.choices.map((choice, index) => (\n            <div key={`choice-${index}`} className={classes.choiceConfigurationHolder}>\n              <div className={classes.likertLabelHolder}>\n                <span className={classes.inputFormGroupIndex}>{index + 1}.</span>\n                <InputContainer\n                  key={`likert-label-${index}`}\n                  label={'Likert Label'}\n                  className={classes.likertLabelInput}\n                >\n                  <EditableHtml\n                    className={classes.likertLabelEditableHtml}\n                    markup={choice.label || ''}\n                    onChange={(c) =>\n                      onChoiceChanged(index, {\n                        ...choice,\n                        label: c,\n                      })\n                    }\n                    imageSupport={imageSupport}\n                    spellCheck={spellCheckEnabled}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </InputContainer>\n\n                <div className={classes.likertValueHolder}>\n                  <NumberTextField\n                    label={'Likert Value'}\n                    value={choice.value}\n                    className={classes.width100}\n                    max={100}\n                    min={-100}\n                    onChange={(e, t) => {\n                      onChoiceChanged(index, {\n                        ...choice,\n                        value: t,\n                      });\n                    }}\n                    imageSupport={imageSupport}\n                  />\n                  {valuesMap[choice.value] && valuesMap[choice.value] > 1 && (\n                    <p className={classes.errorMessage}>Value should be unique</p>\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n          <br />\n        </div>\n      </layout.ConfigLayout>\n    </div>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model } = this.props;\n\n    model.choices = model.choices.map((choice) => {\n      return merge({}, choice);\n    });\n\n    model.choices.splice(index, 1, choice);\n    this.props.onModelChanged(model);\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt,\n    });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions,\n    });\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.props.onModelChanged}\n        onChoiceChanged={this.onChoiceChanged}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","radioButtonsWrapper","display","flexDirection","radioButtonsColumnHeader","color","fontSize","typography","likertLabelHolder","alignItems","likertOptionsHolder","padding","justifyContent","likertLabelInput","marginRight","errorMessage","width100","flexRow","likertValueHolder","paddingLeft","likertLabelEditableHtml","design","choiceConfigurationHolder","marginTop","inputFormGroupIndex","LikertOrientation","props","classes","model","onChangeModel","onChangeLikertOrientation","e","likertOrientation","target","value","LIKERT_ORIENTATION","horizontal","vertical","LikertScale","onChangeLikertScale","likertScale","choices","likertType","LIKERT_SCALE","likert3","likert5","likert7","LikertType","onChangeLikertType","LIKERT_TYPE","agreement","frequency","yesNo","importance","likelihood","like","buildValuesMap","reduce","acc","choice","accClone","choiceValue","parseInt","Design","configuration","imageSupport","onChoiceChanged","onConfigurationChanged","onPromptChanged","onTeacherInstructionsChanged","uploadSoundSupport","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","spellCheckEnabled","teacherInstructionsEnabled","valuesMap","panelProperties","label","Properties","map","index","c","t","Main","onModelChanged","splice","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { InputContainer, settings, layout, NumberTextField } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport merge from 'lodash/merge';\nimport { LIKERT_TYPE, LIKERT_SCALE, LIKERT_ORIENTATION } from './likertEntities';\nimport generateChoices from './choiceGenerator';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  radioButtonsWrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  radioButtonsColumnHeader: {\n    color: '#c3c3c3',\n    fontSize: theme.typography.fontSize - 2,\n  },\n  likertLabelHolder: {\n    display: 'flex',\n    width: '100%',\n    alignItems: 'flex-start',\n  },\n  likertOptionsHolder: {\n    display: 'flex',\n    width: '100%',\n    padding: `${theme.spacing.unit * 2.5}px 0`,\n    justifyContent: 'space-around',\n  },\n  likertLabelInput: {\n    width: 'calc(100% - 200px)',\n    marginRight: 0,\n  },\n  errorMessage: {\n    color: '#b5000e',\n    fontSize: theme.typography.fontSize - 2,\n  },\n  width100: {\n    width: '100%',\n  },\n  flexRow: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n  likertValueHolder: {\n    paddingLeft: theme.spacing.unit * 2.5,\n    width: '150px',\n  },\n  likertLabelEditableHtml: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\n  },\n  choiceConfigurationHolder: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'start',\n  },\n  inputFormGroupIndex: {\n    width: '30px',\n    paddingTop: theme.spacing.unit * 4,\n  },\n});\n\nconst LikertOrientation = withStyles(styles)((props) => {\n  const { classes, model, onChangeModel } = props;\n\n  const onChangeLikertOrientation = (e) => {\n    const likertOrientation = e.target.value;\n\n    onChangeModel({ ...model, likertOrientation });\n  };\n\n  return (\n    <div className={classes.radioButtonsWrapper}>\n      <p className={classes.radioButtonsColumnHeader}>Likert Orientation</p>\n      <RadioGroup\n        aria-label=\"likertOrientation\"\n        name=\"likertOrientation\"\n        value={model.likertOrientation}\n        onChange={onChangeLikertOrientation}\n      >\n        <FormControlLabel value={LIKERT_ORIENTATION.horizontal} control={<Radio />} label=\"Horizontal\" />\n        <FormControlLabel value={LIKERT_ORIENTATION.vertical} control={<Radio />} label=\"Vertical\" />\n      </RadioGroup>\n    </div>\n  );\n});\n\nconst LikertScale = withStyles(styles)((props) => {\n  const { classes, model, onChangeModel } = props;\n  const onChangeLikertScale = (e) => {\n    const likertScale = e.target.value;\n\n    onChangeModel({\n      ...model,\n      likertScale,\n      choices: generateChoices(likertScale, model.likertType),\n    });\n  };\n\n  return (\n    <div className={classes.radioButtonsWrapper}>\n      <p className={classes.radioButtonsColumnHeader}>Likert Scale</p>\n      <RadioGroup aria-label=\"likertScale\" name=\"likertScale\" value={model.likertScale} onChange={onChangeLikertScale}>\n        <FormControlLabel value={LIKERT_SCALE.likert3} control={<Radio />} label=\"Likert 3\" />\n        <FormControlLabel value={LIKERT_SCALE.likert5} control={<Radio />} label=\"Likert 5\" />\n        <FormControlLabel value={LIKERT_SCALE.likert7} control={<Radio />} label=\"Likert 7\" />\n      </RadioGroup>\n    </div>\n  );\n});\n\nconst LikertType = withStyles(styles)((props) => {\n  const { classes, model, onChangeModel } = props;\n  const onChangeLikertType = (e) => {\n    const likertType = e.target.value;\n\n    onChangeModel({\n      ...model,\n      likertType,\n      choices: generateChoices(model.likertScale, likertType),\n    });\n  };\n\n  return (\n    <div className={classes.radioButtonsWrapper}>\n      <p className={classes.radioButtonsColumnHeader}>Label Type</p>\n\n      <div className={classes.flexRow}>\n        <RadioGroup\n          aria-label=\"likertLabelType\"\n          name=\"likertLabelType\"\n          value={model.likertType}\n          onChange={onChangeLikertType}\n        >\n          <FormControlLabel value={LIKERT_TYPE.agreement} control={<Radio />} label=\"Agreement\" />\n          <FormControlLabel value={LIKERT_TYPE.frequency} control={<Radio />} label=\"Frequency\" />\n          <FormControlLabel value={LIKERT_TYPE.yesNo} control={<Radio />} label=\"Yes/No\" />\n        </RadioGroup>\n\n        <RadioGroup\n          aria-label=\"likertLabelType\"\n          name=\"likertLabelType\"\n          value={model.likertType}\n          onChange={onChangeLikertType}\n        >\n          <FormControlLabel value={LIKERT_TYPE.importance} control={<Radio />} label=\"Importance\" />\n          <FormControlLabel value={LIKERT_TYPE.likelihood} control={<Radio />} label=\"Likelihood\" />\n          <FormControlLabel value={LIKERT_TYPE.like} control={<Radio />} label=\"Like\" />\n        </RadioGroup>\n      </div>\n    </div>\n  );\n});\n\nconst buildValuesMap = (model) =>\n  model.choices.reduce((acc, choice) => {\n    const accClone = { ...acc };\n    const choiceValue = parseInt(choice.value);\n\n    if (!accClone[choiceValue]) {\n      accClone[choiceValue] = 0;\n    }\n\n    return { ...accClone, [choiceValue]: accClone[choiceValue] + 1 };\n  }, {});\n\nconst Design = withStyles(styles)((props) => {\n  const {\n    classes,\n    configuration,\n    imageSupport,\n    model,\n    onChangeModel,\n    onChoiceChanged,\n    onConfigurationChanged,\n    onPromptChanged,\n    onTeacherInstructionsChanged,\n    uploadSoundSupport,\n  } = props;\n  const {\n    prompt = {},\n    scoringType = {},\n    settingsPanelDisabled,\n    spellCheck = {},\n    teacherInstructions = {},\n  } = configuration || {};\n  const { spellCheckEnabled, teacherInstructionsEnabled } = model || {};\n\n  const valuesMap = buildValuesMap(model);\n  const panelProperties = {\n    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n  };\n\n  return (\n    <div className={classes.design}>\n      <layout.ConfigLayout\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            onChangeModel={onChangeModel}\n            configuration={configuration}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        <div>\n          <div className={classes.likertOptionsHolder}>\n            <LikertScale model={model} onChangeModel={onChangeModel} />\n            <LikertType model={model} onChangeModel={onChangeModel} />\n            <LikertOrientation model={model} onChangeModel={onChangeModel} />\n          </div>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={onTeacherInstructionsChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                uploadSoundSupport={uploadSoundSupport}\n              />\n            </InputContainer>\n          )}\n\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              spellCheck={spellCheckEnabled}\n              disableUnderline\n              uploadSoundSupport={uploadSoundSupport}\n            />\n          </InputContainer>\n\n          {model.choices.map((choice, index) => (\n            <div key={`choice-${index}`} className={classes.choiceConfigurationHolder}>\n              <div className={classes.likertLabelHolder}>\n                <span className={classes.inputFormGroupIndex}>{index + 1}.</span>\n                <InputContainer\n                  key={`likert-label-${index}`}\n                  label={'Likert Label'}\n                  className={classes.likertLabelInput}\n                >\n                  <EditableHtml\n                    className={classes.likertLabelEditableHtml}\n                    markup={choice.label || ''}\n                    onChange={(c) => onChoiceChanged(index, { ...choice, label: c })}\n                    imageSupport={imageSupport}\n                    spellCheck={spellCheckEnabled}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </InputContainer>\n\n                <div className={classes.likertValueHolder}>\n                  <NumberTextField\n                    label={'Likert Value'}\n                    value={choice.value}\n                    className={classes.width100}\n                    max={100}\n                    min={-100}\n                    onChange={(e, t) => {\n                      onChoiceChanged(index, { ...choice, value: t });\n                    }}\n                    imageSupport={imageSupport}\n                  />\n                  {valuesMap[choice.value] && valuesMap[choice.value] > 1 && (\n                    <p className={classes.errorMessage}>Value should be unique</p>\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </layout.ConfigLayout>\n    </div>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model, onModelChanged } = this.props;\n\n    model.choices = model.choices.map((choice) => merge({}, choice));\n    model.choices.splice(index, 1, choice);\n\n    onModelChanged(model);\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({ ...this.props.model, prompt });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.props.onModelChanged}\n        onChoiceChanged={this.onChoiceChanged}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -9,8 +9,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.1.4",
-    "@pie-lib/editable-html": "^9.3.0",
+    "@pie-lib/config-ui": "^11.2.0",
+    "@pie-lib/editable-html": "^9.4.0",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/docs/config-schema.json

@@ -3,7 +3,12 @@
   "additionalProperties": false,
   "type": "object",
   "properties": {
-    "teacherInstructions": {
+    "settingsPanelDisabled": {
+      "description": "Indicates if the settings panel is not available",
+      "type": "boolean",
+      "title": "settingsPanelDisabled"
+    },
+    "spellCheck": {
       "title": "ConfigureProp",
       "type": "object",
       "properties": {
@@ -19,7 +24,7 @@
         }
       }
     },
-    "spellCheck": {
+    "teacherInstructions": {
       "title": "ConfigureProp",
       "type": "object",
       "properties": {

package/docs/config-schema.json.md

@@ -2,9 +2,13 @@ Config Object for @pie-elements/likert
 
 The schema defines the following properties:
 
-# `teacherInstructions` (object)
+# `settingsPanelDisabled` (boolean)
 
-Properties of the `teacherInstructions` object:
+Indicates if the settings panel is not available
+
+# `spellCheck` (object)
+
+Properties of the `spellCheck` object:
 
 ## `settings` (boolean)
 
@@ -14,9 +18,9 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
-# `spellCheck` (object)
+# `teacherInstructions` (object)
 
-Properties of the `spellCheck` object:
+Properties of the `teacherInstructions` object:
 
 ## `settings` (boolean)
 

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "0.5.1",
+  "version": "0.5.2-next.120+851bb10e8",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "4b3c97b360f5c94d400b37d3b900fd42ef8e4f1c",
+  "gitHead": "851bb10e8e0f8605c2c39f4f5c64cf689a6c6e1e",
   "main": "lib/index.js",
   "module": "src/index.js"
 }