@pie-lib/charting 5.9.0 → 5.9.1-next.11

package/lib/axes.js

@@ -142,6 +142,28 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
         }));
       }
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "splitText", function (text, maxChar) {
+      var chunks = [];
+
+      while ((text || '').length > 0) {
+        var indexToSplit = void 0;
+
+        if (text.length > maxChar) {
+          indexToSplit = text.lastIndexOf(' ', maxChar);
+
+          if (indexToSplit === -1) {
+            indexToSplit = maxChar;
+          }
+        } else {
+          indexToSplit = text.length;
+        }
+
+        chunks.push(text.substring(0, indexToSplit));
+        text = text.substring(indexToSplit).trim();
+      }
+
+      return chunks;
+    });
     _this.state = {
       dialog: {
         open: false
@@ -165,9 +187,12 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
           top = _this$props5.top,
           graphProps = _this$props5.graphProps,
           defineChart = _this$props5.defineChart,
+          chartingOptions = _this$props5.chartingOptions,
           x = _this$props5.x,
           y = _this$props5.y,
           formattedValue = _this$props5.formattedValue,
+          changeInteractiveEnabled = _this$props5.changeInteractiveEnabled,
+          changeEditableEnabled = _this$props5.changeEditableEnabled,
           error = _this$props5.error;
 
       if (!formattedValue) {
@@ -175,17 +200,22 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
       }
 
       var dialog = this.state.dialog;
+
+      var _ref = chartingOptions || {},
+          changeEditable = _ref.changeEditable,
+          changeInteractive = _ref.changeInteractive;
+
       var index = parseInt(formattedValue.split('-')[0], 10);
       var category = categories[index];
 
-      var _ref = category || {},
-          deletable = _ref.deletable,
-          editable = _ref.editable,
-          interactive = _ref.interactive,
-          label = _ref.label,
-          correctness = _ref.correctness,
-          autoFocus = _ref.autoFocus,
-          inDefineChart = _ref.inDefineChart;
+      var _ref2 = category || {},
+          deletable = _ref2.deletable,
+          editable = _ref2.editable,
+          interactive = _ref2.interactive,
+          label = _ref2.label,
+          correctness = _ref2.correctness,
+          autoFocus = _ref2.autoFocus,
+          inDefineChart = _ref2.inDefineChart;
 
       var barX = xBand((0, _utils.bandKey)({
         label: label
@@ -259,7 +289,7 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
         style: {
           overflow: 'visible'
         }
-      }, /*#__PURE__*/_react["default"].createElement("text", {
+      }, changeInteractiveEnabled && /*#__PURE__*/_react["default"].createElement("text", {
         y: y + 90 + top,
         width: barWidth,
         height: 4,
@@ -270,13 +300,13 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
           maxWidth: barWidth,
           display: 'inline-block'
         }
-      }, /*#__PURE__*/_react["default"].createElement("tspan", {
-        x: "0",
-        dy: ".6em"
-      }, ' ', "Student can", ' '), /*#__PURE__*/_react["default"].createElement("tspan", {
-        x: "0",
-        dy: "1.2em"
-      }, ' ', "set value")), /*#__PURE__*/_react["default"].createElement("text", {
+      }, this.splitText(changeInteractive === null || changeInteractive === void 0 ? void 0 : changeInteractive.authoringLabel, 20).map(function (word, index) {
+        return /*#__PURE__*/_react["default"].createElement("tspan", {
+          key: index,
+          x: "0",
+          dy: "".concat(index > 0 ? '1.2em' : '.6em')
+        }, word);
+      })), changeEditableEnabled && /*#__PURE__*/_react["default"].createElement("text", {
         y: y + 145 + top,
         width: barWidth,
         height: 4,
@@ -287,13 +317,13 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
           maxWidth: barWidth,
           display: 'inline-block'
         }
-      }, /*#__PURE__*/_react["default"].createElement("tspan", {
-        x: "0",
-        dy: ".6em"
-      }, ' ', "Student can", ' '), /*#__PURE__*/_react["default"].createElement("tspan", {
-        x: "0",
-        dy: "1.2em"
-      }, ' ', "edit name"))), defineChart && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+      }, this.splitText(changeEditable === null || changeEditable === void 0 ? void 0 : changeEditable.authoringLabel, 20).map(function (word, index) {
+        return /*#__PURE__*/_react["default"].createElement("tspan", {
+          key: index,
+          x: "0",
+          dy: "".concat(index > 0 ? '1.2em' : '.6em')
+        }, word);
+      }))), defineChart && changeInteractiveEnabled && /*#__PURE__*/_react["default"].createElement("foreignObject", {
         x: x - 24,
         y: y + 80 + top,
         width: barWidth,
@@ -310,7 +340,7 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
         onChange: function onChange(e) {
           return _this2.changeInteractive(index, e.target.checked);
         }
-      })), defineChart && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+      })), defineChart && changeEditableEnabled && /*#__PURE__*/_react["default"].createElement("foreignObject", {
         x: x - 24,
         y: y + 130 + top,
         width: barWidth,
@@ -368,7 +398,10 @@ TickComponent.propTypes = {
   onChange: _propTypes["default"].func,
   classes: _propTypes["default"].object,
   error: _propTypes["default"].object,
-  defineChart: _propTypes["default"].bool
+  defineChart: _propTypes["default"].bool,
+  chartingOptions: _propTypes["default"].object,
+  changeInteractiveEnabled: _propTypes["default"].bool,
+  changeEditableEnabled: _propTypes["default"].bool
 };
 
 var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
@@ -414,21 +447,24 @@ var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
           categories = _this$props6$categori === void 0 ? [] : _this$props6$categori,
           top = _this$props6.top,
           defineChart = _this$props6.defineChart,
+          chartingOptions = _this$props6.chartingOptions,
+          changeInteractiveEnabled = _this$props6.changeInteractiveEnabled,
+          changeEditableEnabled = _this$props6.changeEditableEnabled,
           theme = _this$props6.theme,
           error = _this$props6.error;
       var axis = classes.axis,
           axisLine = classes.axisLine,
           tick = classes.tick;
 
-      var _ref2 = graphProps || {},
-          _ref2$scale = _ref2.scale,
-          scale = _ref2$scale === void 0 ? {} : _ref2$scale,
-          _ref2$range = _ref2.range,
-          range = _ref2$range === void 0 ? {} : _ref2$range,
-          _ref2$domain = _ref2.domain,
-          domain = _ref2$domain === void 0 ? {} : _ref2$domain,
-          _ref2$size = _ref2.size,
-          size = _ref2$size === void 0 ? {} : _ref2$size;
+      var _ref3 = graphProps || {},
+          _ref3$scale = _ref3.scale,
+          scale = _ref3$scale === void 0 ? {} : _ref3$scale,
+          _ref3$range = _ref3.range,
+          range = _ref3$range === void 0 ? {} : _ref3$range,
+          _ref3$domain = _ref3.domain,
+          domain = _ref3$domain === void 0 ? {} : _ref3$domain,
+          _ref3$size = _ref3.size,
+          size = _ref3$size === void 0 ? {} : _ref3$size;
 
       var height = this.state.height;
       var bottomScale = xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);
@@ -458,8 +494,11 @@ var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
           rotate: rotate,
           top: top,
           defineChart: defineChart,
+          chartingOptions: chartingOptions,
           error: error,
           onChangeCategory: onChangeCategory,
+          changeInteractiveEnabled: changeInteractiveEnabled,
+          changeEditableEnabled: changeEditableEnabled,
           onChange: onChange,
           graphProps: graphProps,
           x: props.x,
@@ -516,7 +555,10 @@ exports.RawChartAxes = RawChartAxes;
   onChange: _propTypes["default"].func,
   onChangeCategory: _propTypes["default"].func,
   top: _propTypes["default"].number,
-  theme: _propTypes["default"].object
+  theme: _propTypes["default"].object,
+  chartingOptions: _propTypes["default"].object,
+  changeInteractiveEnabled: _propTypes["default"].bool,
+  changeEditableEnabled: _propTypes["default"].bool
 });
 var ChartAxes = (0, _styles.withStyles)(function (theme) {
   return {

package/lib/axes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","props","open","callback","setState","dialog","index","newLabel","categories","onChangeCategory","category","label","onChange","slice","value","title","text","onConfirm","handleAlertDialog","interactive","onClose","editable","state","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","x","y","formattedValue","error","parseInt","split","deletable","correctness","autoFocus","inDefineChart","barX","longestCategory","reduce","a","b","lengthA","length","lengthB","longestLabel","pointerEvents","overflow","position","visibility","wordBreak","maxWidth","display","r","input","changeCategory","dottedLine","deleteCategory","e","changeInteractive","target","checked","changeEditable","React","Component","PropTypes","bool","any","propTypes","array","func","number","object","string","RawChartAxes","height","document","getElementById","offsetHeight","leftAxis","theme","axis","axisLine","tick","scale","range","domain","size","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","ChartAxes","stroke","color","primaryDark","strokeWidth","fill","fontFamily","body1","primaryLight","opacity","palette","main","withTheme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,a;;;;;AAMX,yBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,0GASC,UAACC,IAAD,EAAOC,QAAP;AAAA,aAClB,MAAKC,QAAL,CACE;AACEC,QAAAA,MAAM,EAAE;AAAEH,UAAAA,IAAI,EAAJA;AAAF;AADV,OADF,EAIEC,QAJF,CADkB;AAAA,KATD;AAAA,uGAiBF,UAACG,KAAD,EAAQC,QAAR,EAAqB;AACpC,wBAAyC,MAAKN,KAA9C;AAAA,UAAQO,UAAR,eAAQA,UAAR;AAAA,UAAoBC,gBAApB,eAAoBA,gBAApB;AACA,UAAMC,QAAQ,GAAGF,UAAU,CAACF,KAAD,CAA3B;AAEAG,MAAAA,gBAAgB,CAACH,KAAD,kCAAaI,QAAb;AAAuBC,QAAAA,KAAK,EAAEJ;AAA9B,SAAhB;AACD,KAtBkB;AAAA,uGAwBF,UAACD,KAAD,EAAW;AAC1B,yBAAiC,MAAKL,KAAtC;AAAA,UAAQO,UAAR,gBAAQA,UAAR;AAAA,UAAoBI,QAApB,gBAAoBA,QAApB;;AAEA,UAAIN,KAAK,IAAI,CAAT,IAAcE,UAAU,CAACF,KAAD,CAA5B,EAAqC;AACnCM,QAAAA,QAAQ,+CAAKJ,UAAU,CAACK,KAAX,CAAiB,CAAjB,EAAoBP,KAApB,CAAL,uCAAoCE,UAAU,CAACK,KAAX,CAAiBP,KAAK,GAAG,CAAzB,CAApC,GAAR;AACD;AACF,KA9BkB;AAAA,0GAgCC,UAACA,KAAD,EAAQQ,KAAR,EAAkB;AACpC,yBAAyC,MAAKb,KAA9C;AAAA,UAAQO,UAAR,gBAAQA,UAAR;AAAA,UAAoBC,gBAApB,gBAAoBA,gBAApB;AACA,UAAMC,QAAQ,GAAGF,UAAU,CAACF,KAAD,CAA3B;;AAEA,UAAI,CAACQ,KAAL,EAAY;AACV,cAAKV,QAAL,CAAc;AACZC,UAAAA,MAAM,EAAE;AACNH,YAAAA,IAAI,EAAE,IADA;AAENa,YAAAA,KAAK,EAAE,SAFD;AAGNC,YAAAA,IAAI,EAAE,oFAHA;AAINC,YAAAA,SAAS,EAAE;AAAA,qBACT,MAAKC,iBAAL,CAAuB,KAAvB,EAA8BT,gBAAgB,CAACH,KAAD,kCAAaI,QAAb;AAAuBS,gBAAAA,WAAW,EAAE,CAACT,QAAQ,CAACS;AAA9C,iBAA9C,CADS;AAAA,aAJL;AAMNC,YAAAA,OAAO,EAAE;AAAA,qBAAM,MAAKF,iBAAL,CAAuB,KAAvB,CAAN;AAAA;AANH;AADI,SAAd;AAUD,OAXD,MAWO;AACLT,QAAAA,gBAAgB,CAACH,KAAD,kCAAaI,QAAb;AAAuBS,UAAAA,WAAW,EAAE,CAACT,QAAQ,CAACS;AAA9C,WAAhB;AACD;AACF,KAlDkB;AAAA,uGAoDF,UAACb,KAAD,EAAQQ,KAAR,EAAkB;AACjC,yBAAyC,MAAKb,KAA9C;AAAA,UAAQO,UAAR,gBAAQA,UAAR;AAAA,UAAoBC,gBAApB,gBAAoBA,gBAApB;AACA,UAAMC,QAAQ,GAAGF,UAAU,CAACF,KAAD,CAA3B;;AAEA,UAAI,CAACQ,KAAL,EAAY;AACV,cAAKV,QAAL,CAAc;AACZC,UAAAA,MAAM,EAAE;AACNH,YAAAA,IAAI,EAAE,IADA;AAENa,YAAAA,KAAK,EAAE,SAFD;AAGNC,YAAAA,IAAI,EAAE,4FAHA;AAINC,YAAAA,SAAS,EAAE;AAAA,qBACT,MAAKC,iBAAL,CACE,KADF,EAEET,gBAAgB,CAACH,KAAD,kCAAaI,QAAb;AAAuBW,gBAAAA,QAAQ,EAAE,CAACX,QAAQ,CAACW,QAAV,IAAsB;AAAvD,iBAFlB,CADS;AAAA,aAJL;AASND,YAAAA,OAAO,EAAE;AAAA,qBAAM,MAAKF,iBAAL,CAAuB,KAAvB,CAAN;AAAA;AATH;AADI,SAAd;AAaD,OAdD,MAcO;AACLT,QAAAA,gBAAgB,CAACH,KAAD,kCAAaI,QAAb;AAAuBW,UAAAA,QAAQ,EAAE,CAACX,QAAQ,CAACW,QAAV,IAAsB;AAAvD,WAAhB;AACD;AACF,KAzEkB;AAEjB,UAAKC,KAAL,GAAa;AACXjB,MAAAA,MAAM,EAAE;AACNH,QAAAA,IAAI,EAAE;AADA;AADG,KAAb;AAFiB;AAOlB;;;;WAoED,kBAAS;AAAA;;AACP,yBAcI,KAAKD,KAdT;AAAA,UACEsB,OADF,gBACEA,OADF;AAAA,UAEEf,UAFF,gBAEEA,UAFF;AAAA,UAGEgB,KAHF,gBAGEA,KAHF;AAAA,UAIEC,SAJF,gBAIEA,SAJF;AAAA,UAKEC,QALF,gBAKEA,QALF;AAAA,UAMEC,MANF,gBAMEA,MANF;AAAA,UAOEC,GAPF,gBAOEA,GAPF;AAAA,UAQEC,UARF,gBAQEA,UARF;AAAA,UASEC,WATF,gBASEA,WATF;AAAA,UAUEC,CAVF,gBAUEA,CAVF;AAAA,UAWEC,CAXF,gBAWEA,CAXF;AAAA,UAYEC,cAZF,gBAYEA,cAZF;AAAA,UAaEC,KAbF,gBAaEA,KAbF;;AAgBA,UAAI,CAACD,cAAL,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED,UAAQ5B,MAAR,GAAmB,KAAKiB,KAAxB,CAAQjB,MAAR;AACA,UAAMC,KAAK,GAAG6B,QAAQ,CAACF,cAAc,CAACG,KAAf,CAAqB,GAArB,EAA0B,CAA1B,CAAD,EAA+B,EAA/B,CAAtB;AACA,UAAM1B,QAAQ,GAAGF,UAAU,CAACF,KAAD,CAA3B;;AACA,iBAA2FI,QAAQ,IAAI,EAAvG;AAAA,UAAQ2B,SAAR,QAAQA,SAAR;AAAA,UAAmBhB,QAAnB,QAAmBA,QAAnB;AAAA,UAA6BF,WAA7B,QAA6BA,WAA7B;AAAA,UAA0CR,KAA1C,QAA0CA,KAA1C;AAAA,UAAiD2B,WAAjD,QAAiDA,WAAjD;AAAA,UAA8DC,SAA9D,QAA8DA,SAA9D;AAAA,UAAyEC,aAAzE,QAAyEA,aAAzE;;AACA,UAAMC,IAAI,GAAGjB,KAAK,CAAC,oBAAQ;AAAEb,QAAAA,KAAK,EAALA;AAAF,OAAR,EAAmBL,KAAnB,CAAD,CAAlB;AACA,UAAMoC,eAAe,GAAG,CAAClC,UAAU,IAAI,EAAf,EAAmBmC,MAAnB,CAA0B,UAACC,CAAD,EAAIC,CAAJ,EAAU;AAC1D,YAAMC,OAAO,GAAGF,CAAC,IAAIA,CAAC,CAACjC,KAAP,GAAeiC,CAAC,CAACjC,KAAF,CAAQoC,MAAvB,GAAgC,CAAhD;AACA,YAAMC,OAAO,GAAGH,CAAC,IAAIA,CAAC,CAAClC,KAAP,GAAekC,CAAC,CAAClC,KAAF,CAAQoC,MAAvB,GAAgC,CAAhD;AAEA,eAAOD,OAAO,GAAGE,OAAV,GAAoBJ,CAApB,GAAwBC,CAA/B;AACD,OALuB,CAAxB;AAOA,UAAMI,YAAY,GAAIP,eAAe,IAAIA,eAAe,CAAC/B,KAApC,IAA8C,EAAnE;AAEA,0BACE,wDACE;AACE,QAAA,CAAC,EAAEc,SAAS,GAAGgB,IAAH,GAAUV,CAAC,GAAGL,QAAQ,GAAG,CADvC;AAEE,QAAA,CAAC,EAAE,CAFL;AAGE,QAAA,KAAK,EAAEA,QAHT;AAIE,QAAA,MAAM,EAAE,CAJV;AAKE,QAAA,KAAK,EAAE;AAAEwB,UAAAA,aAAa,EAAE,MAAjB;AAAyBC,UAAAA,QAAQ,EAAE;AAAnC;AALT,SAOG7C,KAAK,KAAK,CAAV,iBACC;AACE,QAAA,EAAE,EAAC,aADL;AAEE,QAAA,KAAK,EAAE;AACL8C,UAAAA,QAAQ,EAAE,UADL;AAELC,UAAAA,UAAU,EAAE,QAFP;AAGLC,UAAAA,SAAS,EAAE,YAHN;AAILH,UAAAA,QAAQ,EAAE,SAJL;AAKLI,UAAAA,QAAQ,EAAE7B,QALL;AAML8B,UAAAA,OAAO,EAAE;AANJ;AAFT,SAWGP,YAXH,CARJ,eAuBE,gCAAC,qBAAD;AACE,QAAA,SAAS,EAAET,aAAa,GAAGV,WAAW,IAAIS,SAAlB,GAA8BA,SADxD;AAEE,QAAA,QAAQ,EAAE,kBAACkB,CAAD;AAAA,iBAAQ,MAAI,CAACC,KAAL,GAAaD,CAArB;AAAA,SAFZ;AAGE,QAAA,QAAQ,EAAE,CAAC3B,WAAD,IAAgB,CAACT,QAH7B;AAIE,QAAA,IAAI,EAAEX,QAJR;AAKE,QAAA,UAAU,EAAEmB,UALd;AAME,QAAA,QAAQ,EAAE,kBAACtB,QAAD;AAAA,iBAAc,MAAI,CAACoD,cAAL,CAAoBrD,KAApB,EAA2BC,QAA3B,CAAd;AAAA,SANZ;AAOE,QAAA,QAAQ,EAAEmB,QAPZ;AAQE,QAAA,MAAM,EAAEC,MARV;AASE,QAAA,WAAW,EAAEW,WATf;AAUE,QAAA,KAAK,EAAEJ;AAVT,QAvBF,CADF,EAsCGA,KAAK,IAAIA,KAAK,CAAC5B,KAAD,CAAd,iBACC;AAAM,QAAA,SAAS,EAAEiB,OAAO,CAACW,KAAzB;AAAgC,QAAA,CAAC,EAAEH,CAAnC;AAAsC,QAAA,CAAC,EAAEC,CAAC,GAAG,EAA7C;AAAiD,QAAA,MAAM,EAAE;AAAzD,SACGE,KAAK,CAAC5B,KAAD,CADR,CAvCJ,EA4CG+B,SAAS,IAAI,CAACC,WAAd,iBACC;AAAM,QAAA,EAAE,EAAEP,CAAV;AAAa,QAAA,EAAE,EAAE,CAAjB;AAAoB,QAAA,EAAE,EAAEA,CAAxB;AAA2B,QAAA,EAAE,EAAEC,CAAC,GAAG,CAAJ,GAAQJ,GAAvC;AAA4C,QAAA,SAAS,EAAEL,OAAO,CAACqC,UAA/D;AAA2E,QAAA,eAAe,EAAC;AAA3F,QA7CJ,EAgDGvB,SAAS,IAAI,CAACC,WAAd,iBACC;AACE,QAAA,KAAK,EAAC,4BADR;AAEE,QAAA,CAAC,EAAEP,CAAC,GAAG,CAFT;AAGE,QAAA,CAAC,EAAEC,CAAC,GAAG,EAAJ,GAASJ,GAHd;AAIE,QAAA,KAAK,EAAE,EAJT;AAKE,QAAA,MAAM,EAAE,EALV;AAME,QAAA,OAAO,EAAC,aANV;AAOE,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACiC,cAAL,CAAoBvD,KAApB,CAAN;AAAA;AAPX,sBASE;AAAM,QAAA,CAAC,EAAC;AAAR,QATF,CAjDJ,EA8DGwB,WAAW,IAAIxB,KAAK,KAAK,CAAzB,iBACC;AACE,QAAA,CAAC,EAAE,CAAC,EADN;AAEE,QAAA,KAAK,EAAE;AACL6C,UAAAA,QAAQ,EAAE;AADL;AAFT,sBAME;AACE,QAAA,CAAC,EAAEnB,CAAC,GAAG,EAAJ,GAASJ,GADd;AAEE,QAAA,KAAK,EAAEF,QAFT;AAGE,QAAA,MAAM,EAAE,CAHV;AAIE,QAAA,KAAK,EAAE;AACL0B,UAAAA,QAAQ,EAAE,UADL;AAELF,UAAAA,aAAa,EAAE,MAFV;AAGLI,UAAAA,SAAS,EAAE,YAHN;AAILC,UAAAA,QAAQ,EAAE7B,QAJL;AAKL8B,UAAAA,OAAO,EAAE;AALJ;AAJT,sBAYE;AAAO,QAAA,CAAC,EAAC,GAAT;AAAa,QAAA,EAAE,EAAC;AAAhB,SACG,GADH,iBAEc,GAFd,CAZF,eAgBE;AAAO,QAAA,CAAC,EAAC,GAAT;AAAa,QAAA,EAAE,EAAC;AAAhB,SACG,GADH,cAhBF,CANF,eA4BE;AACE,QAAA,CAAC,EAAExB,CAAC,GAAG,GAAJ,GAAUJ,GADf;AAEE,QAAA,KAAK,EAAEF,QAFT;AAGE,QAAA,MAAM,EAAE,CAHV;AAIE,QAAA,KAAK,EAAE;AACL0B,UAAAA,QAAQ,EAAE,UADL;AAELF,UAAAA,aAAa,EAAE,MAFV;AAGLI,UAAAA,SAAS,EAAE,YAHN;AAILC,UAAAA,QAAQ,EAAE7B,QAJL;AAKL8B,UAAAA,OAAO,EAAE;AALJ;AAJT,sBAYE;AAAO,QAAA,CAAC,EAAC,GAAT;AAAa,QAAA,EAAE,EAAC;AAAhB,SACG,GADH,iBAEc,GAFd,CAZF,eAgBE;AAAO,QAAA,CAAC,EAAC,GAAT;AAAa,QAAA,EAAE,EAAC;AAAhB,SACG,GADH,cAhBF,CA5BF,CA/DJ,EAmHG1B,WAAW,iBACV;AACE,QAAA,CAAC,EAAEC,CAAC,GAAG,EADT;AAEE,QAAA,CAAC,EAAEC,CAAC,GAAG,EAAJ,GAASJ,GAFd;AAGE,QAAA,KAAK,EAAEF,QAHT;AAIE,QAAA,MAAM,EAAE,CAJV;AAKE,QAAA,KAAK,EAAE;AAAEwB,UAAAA,aAAa,EAAE,SAAjB;AAA4BC,UAAAA,QAAQ,EAAE;AAAtC;AALT,sBAOE,gCAAC,oBAAD;AACE,QAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADT;AAEE,QAAA,OAAO,EAAEjC,WAFX;AAGE,QAAA,QAAQ,EAAE,kBAAC2C,CAAD;AAAA,iBAAO,MAAI,CAACC,iBAAL,CAAuBzD,KAAvB,EAA8BwD,CAAC,CAACE,MAAF,CAASC,OAAvC,CAAP;AAAA;AAHZ,QAPF,CApHJ,EAmIGnC,WAAW,iBACV;AACE,QAAA,CAAC,EAAEC,CAAC,GAAG,EADT;AAEE,QAAA,CAAC,EAAEC,CAAC,GAAG,GAAJ,GAAUJ,GAFf;AAGE,QAAA,KAAK,EAAEF,QAHT;AAIE,QAAA,MAAM,EAAE,CAJV;AAKE,QAAA,KAAK,EAAE;AAAEwB,UAAAA,aAAa,EAAE,SAAjB;AAA4BC,UAAAA,QAAQ,EAAE;AAAtC;AALT,sBAOE,gCAAC,oBAAD;AACE,QAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADT;AAEE,QAAA,OAAO,EAAE/B,QAFX;AAGE,QAAA,QAAQ,EAAE,kBAACyC,CAAD;AAAA,iBAAO,MAAI,CAACI,cAAL,CAAoB5D,KAApB,EAA2BwD,CAAC,CAACE,MAAF,CAASC,OAApC,CAAP;AAAA;AAHZ,QAPF,CApIJ,eAmJE;AACE,QAAA,CAAC,EAAElC,CAAC,GAAG,EADT;AAEE,QAAA,CAAC,EAAEC,CAAC,GAAG,GAAJ,GAAUJ,GAFf;AAGE,QAAA,KAAK,EAAEF,QAHT;AAIE,QAAA,MAAM,EAAE,CAJV;AAKE,QAAA,KAAK,EAAE;AAAEwB,UAAAA,aAAa,EAAE,SAAjB;AAA4BC,UAAAA,QAAQ,EAAE;AAAtC;AALT,sBAOE,gCAAC,qBAAD;AACE,QAAA,IAAI,EAAE9C,MAAM,CAACH,IADf;AAEE,QAAA,KAAK,EAAEG,MAAM,CAACU,KAFhB;AAGE,QAAA,IAAI,EAAEV,MAAM,CAACW,IAHf;AAIE,QAAA,OAAO,EAAEX,MAAM,CAACe,OAJlB;AAKE,QAAA,SAAS,EAAEf,MAAM,CAACY;AALpB,QAPF,CAnJF,CADF;AAqKD;;;EAzRgCkD,kBAAMC,S;;;iCAA5BpE,a,eACQ;AACjB8B,EAAAA,WAAW,EAAEuC,sBAAUC,IADN;AAEjBpC,EAAAA,KAAK,EAAEmC,sBAAUE;AAFA,C;AA2RrBvE,aAAa,CAACwE,SAAd,GAA0B;AACxBhE,EAAAA,UAAU,EAAE6D,sBAAUI,KADE;AAExBjD,EAAAA,KAAK,EAAE6C,sBAAUK,IAFO;AAGxBjD,EAAAA,SAAS,EAAE4C,sBAAUM,MAHG;AAIxBjD,EAAAA,QAAQ,EAAE2C,sBAAUM,MAJI;AAKxBhD,EAAAA,MAAM,EAAE0C,sBAAUM,MALM;AAMxB/C,EAAAA,GAAG,EAAEyC,sBAAUM,MANS;AAOxB5C,EAAAA,CAAC,EAAEsC,sBAAUM,MAPW;AAQxB3C,EAAAA,CAAC,EAAEqC,sBAAUM,MARW;AASxB9C,EAAAA,UAAU,EAAEwC,sBAAUO,MATE;AAUxB3C,EAAAA,cAAc,EAAEoC,sBAAUQ,MAVF;AAWxBpE,EAAAA,gBAAgB,EAAE4D,sBAAUK,IAXJ;AAYxB9D,EAAAA,QAAQ,EAAEyD,sBAAUK,IAZI;AAaxBnD,EAAAA,OAAO,EAAE8C,sBAAUO,MAbK;AAcxB1C,EAAAA,KAAK,EAAEmC,sBAAUO,MAdO;AAexB9C,EAAAA,WAAW,EAAEuC,sBAAUC;AAfC,CAA1B;;IAkBaQ,Y;;;;;;;;;;;;;;;+FAgBH;AAAEC,MAAAA,MAAM,EAAE;AAAV,K;;;;;;WAER,6BAAoB;AAClB,UAAMA,MAAM,GAAGC,QAAQ,CAACC,cAAT,CAAwB,aAAxB,IAAyCD,QAAQ,CAACC,cAAT,CAAwB,aAAxB,EAAuCC,YAAhF,GAA+F,CAA9G;AAEA,WAAK9E,QAAL,CAAc;AAAE2E,QAAAA,MAAM,EAANA;AAAF,OAAd;AACD;;;WAED,kBAAS;AACP,yBAYI,KAAK9E,KAZT;AAAA,UACEsB,OADF,gBACEA,OADF;AAAA,UAEEM,UAFF,gBAEEA,UAFF;AAAA,UAGEL,KAHF,gBAGEA,KAHF;AAAA,UAIE2D,QAJF,gBAIEA,QAJF;AAAA,UAKEvE,QALF,gBAKEA,QALF;AAAA,UAMEH,gBANF,gBAMEA,gBANF;AAAA,+CAOED,UAPF;AAAA,UAOEA,UAPF,sCAOe,EAPf;AAAA,UAQEoB,GARF,gBAQEA,GARF;AAAA,UASEE,WATF,gBASEA,WATF;AAAA,UAUEsD,KAVF,gBAUEA,KAVF;AAAA,UAWElD,KAXF,gBAWEA,KAXF;AAcA,UAAQmD,IAAR,GAAiC9D,OAAjC,CAAQ8D,IAAR;AAAA,UAAcC,QAAd,GAAiC/D,OAAjC,CAAc+D,QAAd;AAAA,UAAwBC,IAAxB,GAAiChE,OAAjC,CAAwBgE,IAAxB;;AACA,kBAA2D1D,UAAU,IAAI,EAAzE;AAAA,8BAAQ2D,KAAR;AAAA,UAAQA,KAAR,4BAAgB,EAAhB;AAAA,8BAAoBC,KAApB;AAAA,UAAoBA,KAApB,4BAA4B,EAA5B;AAAA,+BAAgCC,MAAhC;AAAA,UAAgCA,MAAhC,6BAAyC,EAAzC;AAAA,6BAA6CC,IAA7C;AAAA,UAA6CA,IAA7C,2BAAoD,EAApD;;AACA,UAAQZ,MAAR,GAAmB,KAAKzD,KAAxB,CAAQyD,MAAR;AAEA,UAAMa,WAAW,GAAGpE,KAAK,IAAI,OAAOA,KAAK,CAACqE,UAAb,KAA4B,UAArC,IAAmDrE,KAAK,CAACqE,UAAN,CAAiB,CAAC,CAAD,EAAIF,IAAI,CAACG,KAAT,CAAjB,CAAvE;AAEA,UAAMrE,SAAS,GAAGD,KAAK,IAAI,OAAOA,KAAK,CAACuE,SAAb,KAA2B,UAApC,IAAkDvE,KAAK,CAACuE,SAAN,EAApE,CArBO,CAsBP;;AACA,UAAMrE,QAAQ,GAAGD,SAAS,IAAK+D,KAAK,CAACzD,CAAN,IAAWyD,KAAK,CAACzD,CAAN,CAAQ2D,MAAM,CAACM,GAAf,IAAsBxF,UAAU,CAACuC,MAA3E;AAEA,UAAMkD,aAAa,GAAG,0DAAmBR,KAAnB;AAA0BS,QAAAA,IAAI,EAAET,KAAK,CAACU;AAAtC,SAAtB;AACA,UAAMC,QAAQ,GAAGhB,KAAK,IAAIA,KAAK,CAACiB,UAAf,GAA4BjB,KAAK,CAACiB,UAAN,CAAiBD,QAA7C,GAAwD,EAAzE;AACA,UAAMzE,MAAM,GAAG,2BAAeyE,QAAf,EAAyBrB,MAAzB,CAAf;;AAEA,UAAMuB,iBAAiB,GAAG,SAApBA,iBAAoB,CAACxF,KAAD;AAAA,eAAY;AACpCyF,UAAAA,EAAE,EAAE,CADgC;AAEpCC,UAAAA,EAAE,EAAE,CAAC,EAAD,GAAM,CAAC1F,KAAK,CAAC2F,cAAN,GAAuB1D,MAAvB,IAAiC,CAAlC,IAAuC;AAFb,SAAZ;AAAA,OAA1B;;AAKA,UAAM2D,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACzG,KAAD,EAAW;AAClC,YAAM0G,UAAU,GAAG;AACjBpF,UAAAA,OAAO,EAAPA,OADiB;AAEjBf,UAAAA,UAAU,EAAVA,UAFiB;AAGjBgB,UAAAA,KAAK,EAALA,KAHiB;AAIjBC,UAAAA,SAAS,EAATA,SAJiB;AAKjBC,UAAAA,QAAQ,EAARA,QALiB;AAMjBC,UAAAA,MAAM,EAANA,MANiB;AAOjBC,UAAAA,GAAG,EAAHA,GAPiB;AAQjBE,UAAAA,WAAW,EAAXA,WARiB;AASjBI,UAAAA,KAAK,EAALA,KATiB;AAUjBzB,UAAAA,gBAAgB,EAAhBA,gBAViB;AAWjBG,UAAAA,QAAQ,EAARA,QAXiB;AAYjBiB,UAAAA,UAAU,EAAVA,UAZiB;AAajBE,UAAAA,CAAC,EAAE9B,KAAK,CAAC8B,CAbQ;AAcjBC,UAAAA,CAAC,EAAE/B,KAAK,CAAC+B,CAdQ;AAejBC,UAAAA,cAAc,EAAEhC,KAAK,CAACgC;AAfL,SAAnB;AAkBA,4BAAO,gCAAC,aAAD,EAAmB0E,UAAnB,CAAP;AACD,OApBD;;AAsBA,0BACE,gCAAC,iBAAD,CAAO,QAAP,QACGxB,QAAQ,iBACP,gCAAC,cAAD;AACE,QAAA,KAAK,EAAEK,KAAK,CAACxD,CADf;AAEE,QAAA,SAAS,EAAEqD,IAFb;AAGE,QAAA,iBAAiB,EAAEC,QAHrB;AAIE,QAAA,UAAU,EAAE,EAJd;AAKE,QAAA,aAAa,EAAEC,IALjB;AAME,QAAA,UAAU,EAAE,oBAACzE,KAAD;AAAA,iBAAWA,KAAX;AAAA,SANd;AAOE,QAAA,UAAU,EAAEmF,aAPd;AAQE,QAAA,cAAc,EAAEK;AARlB,QAFJ,eAaE,gCAAC,gBAAD;AACE,QAAA,iBAAiB,EAAEhB,QADrB;AAEE,QAAA,aAAa,EAAEC,IAFjB;AAGE,QAAA,KAAK,EAAEK,WAHT;AAIE,QAAA,UAAU,EAAE;AAAE5D,UAAAA,CAAC,EAAE,KAAKJ;AAAV,SAJd;AAKE,QAAA,GAAG,EAAE4D,KAAK,CAACxD,CAAN,IAAWwD,KAAK,CAACxD,CAAN,CAAQyD,KAAK,CAACmB,GAAd,CALlB;AAME,QAAA,cAAc,EAAE;AAAA,iBAAO;AAAEC,YAAAA,UAAU,EAAE;AAAd,WAAP;AAAA,SANlB;AAOE,QAAA,UAAU,EAAE,oBAACC,KAAD;AAAA,iBAAWA,KAAX;AAAA,SAPd;AAQE,QAAA,aAAa,EAAEJ;AARjB,QAbF,CADF;AA0BD;;;EA1G+BvC,kBAAMC,S;;;iCAA3BU,Y,eACQ;AACjBc,EAAAA,WAAW,EAAEvB,sBAAUK,IADN;AAEjBnD,EAAAA,OAAO,EAAE8C,sBAAUO,MAAV,CAAiBmC,UAFT;AAGjBvG,EAAAA,UAAU,EAAE6D,sBAAUI,KAHL;AAIjB3C,EAAAA,WAAW,EAAEuC,sBAAUC,IAJN;AAKjBpC,EAAAA,KAAK,EAAEmC,sBAAUE,GALA;AAMjB1C,EAAAA,UAAU,EAAEmF,YAAMC,cAAN,CAAqBF,UANhB;AAOjBvF,EAAAA,KAAK,EAAE6C,sBAAUK,IAPA;AAQjBS,EAAAA,QAAQ,EAAEd,sBAAUC,IARH;AASjB1D,EAAAA,QAAQ,EAAEyD,sBAAUK,IATH;AAUjBjE,EAAAA,gBAAgB,EAAE4D,sBAAUK,IAVX;AAWjB9C,EAAAA,GAAG,EAAEyC,sBAAUM,MAXE;AAYjBS,EAAAA,KAAK,EAAEf,sBAAUO;AAZA,C;AA4GrB,IAAMsC,SAAS,GAAG,wBAChB,UAAC9B,KAAD;AAAA,SAAY;AACVC,IAAAA,IAAI,EAAE;AACJ8B,MAAAA,MAAM,EAAEC,gBAAMC,WAAN,EADJ;AAEJC,MAAAA,WAAW,EAAE;AAFT,KADI;AAKVhC,IAAAA,QAAQ,EAAE;AACR6B,MAAAA,MAAM,EAAEC,gBAAMC,WAAN,EADA;AAERC,MAAAA,WAAW,EAAE;AAFL,KALA;AASV/B,IAAAA,IAAI,EAAE;AACJ,kBAAY;AACV4B,QAAAA,MAAM,EAAEC,gBAAMC,WAAN,EADE;AAEVC,QAAAA,WAAW,EAAE;AAFH,OADR;AAKJC,MAAAA,IAAI,EAAEH,gBAAMC,WAAN,EALF;AAMJG,MAAAA,UAAU,EAAEpC,KAAK,CAACiB,UAAN,CAAiBoB,KAAjB,CAAuBD,UAN/B;AAOJpB,MAAAA,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD,QAPvB;AAQJS,MAAAA,UAAU,EAAE;AARR,KATI;AAmBVjD,IAAAA,UAAU,EAAE;AACVuD,MAAAA,MAAM,EAAEC,gBAAMM,YAAN,EADE;AAEVC,MAAAA,OAAO,EAAE;AAFC,KAnBF;AAuBVzF,IAAAA,KAAK,EAAE;AACLkE,MAAAA,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD,QAAjB,GAA4B,CADjC;AAELmB,MAAAA,IAAI,EAAEnC,KAAK,CAACwC,OAAN,CAAc1F,KAAd,CAAoB2F;AAFrB;AAvBG,GAAZ;AAAA,CADgB,EA6BhB;AAAEC,EAAAA,SAAS,EAAE;AAAb,CA7BgB,EA8BhBhD,YA9BgB,CAAlB;eAgCeoC,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nexport class TickComponent extends React.Component {\n  static propTypes = {\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  changeCategory = (index, newLabel) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, label: newLabel });\n  };\n\n  deleteCategory = (index) => {\n    const { categories, onChange } = this.props;\n\n    if (index >= 0 && categories[index]) {\n      onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n    }\n  };\n\n  changeInteractive = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer value that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(false, onChangeCategory(index, { ...category, interactive: !category.interactive })),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, interactive: !category.interactive });\n    }\n  };\n\n  changeEditable = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer category name that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              onChangeCategory(index, { ...category, editable: !category.editable || false }),\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, editable: !category.editable || false });\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      defineChart,\n      x,\n      y,\n      formattedValue,\n      error,\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const { dialog } = this.state;\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness, autoFocus, inDefineChart } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n\n    const longestLabel = (longestCategory && longestCategory.label) || '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={6}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <div\n              id=\"hiddenLabel\"\n              style={{\n                position: 'absolute',\n                visibility: 'hidden',\n                wordBreak: 'break-word',\n                overflow: 'visible',\n                maxWidth: barWidth,\n                display: 'block',\n              }}\n            >\n              {longestLabel}\n            </div>\n          )}\n\n          <MarkLabel\n            autoFocus={inDefineChart ? defineChart && autoFocus : autoFocus}\n            inputRef={(r) => (this.input = r)}\n            disabled={!defineChart && !editable}\n            mark={category}\n            graphProps={graphProps}\n            onChange={(newLabel) => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n            error={error}\n          />\n        </foreignObject>\n\n        {error && error[index] && (\n          <text className={classes.error} x={x} y={y + 23} height={4}>\n            {error[index]}\n          </text>\n        )}\n\n        {deletable && !correctness && (\n          <line x1={x} y1={0} x2={x} y2={y + 4 + top} className={classes.dottedLine} strokeDasharray=\"4 2\" />\n        )}\n\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 60 + top}\n            width={16}\n            height={16}\n            viewBox=\"0 0 512 512\"\n            onClick={() => this.deleteCategory(index)}\n          >\n            <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n          </svg>\n        )}\n\n        {defineChart && index === 0 && (\n          <svg\n            x={-55}\n            style={{\n              overflow: 'visible',\n            }}\n          >\n            <text\n              y={y + 90 + top}\n              width={barWidth}\n              height={4}\n              style={{\n                position: 'absolute',\n                pointerEvents: 'none',\n                wordBreak: 'break-word',\n                maxWidth: barWidth,\n                display: 'inline-block',\n              }}\n            >\n              <tspan x=\"0\" dy=\".6em\">\n                {' '}\n                Student can{' '}\n              </tspan>\n              <tspan x=\"0\" dy=\"1.2em\">\n                {' '}\n                set value\n              </tspan>\n            </text>\n\n            <text\n              y={y + 145 + top}\n              width={barWidth}\n              height={4}\n              style={{\n                position: 'absolute',\n                pointerEvents: 'none',\n                wordBreak: 'break-word',\n                maxWidth: barWidth,\n                display: 'inline-block',\n              }}\n            >\n              <tspan x=\"0\" dy=\".6em\">\n                {' '}\n                Student can{' '}\n              </tspan>\n              <tspan x=\"0\" dy=\"1.2em\">\n                {' '}\n                edit name\n              </tspan>\n            </text>\n          </svg>\n        )}\n\n        {defineChart && (\n          <foreignObject\n            x={x - 24}\n            y={y + 80 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              style={{ position: 'fixed' }}\n              checked={interactive}\n              onChange={(e) => this.changeInteractive(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        {defineChart && (\n          <foreignObject\n            x={x - 24}\n            y={y + 130 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              style={{ position: 'fixed' }}\n              checked={editable}\n              onChange={(e) => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        <foreignObject\n          x={x - 24}\n          y={y + 100 + top}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'visible', overflow: 'visible' }}\n        >\n          <AlertDialog\n            open={dialog.open}\n            title={dialog.title}\n            text={dialog.text}\n            onClose={dialog.onClose}\n            onConfirm={dialog.onConfirm}\n          />\n        </foreignObject>\n      </g>\n    );\n  }\n}\n\nTickComponent.propTypes = {\n  categories: PropTypes.array,\n  xBand: PropTypes.func,\n  bandWidth: PropTypes.number,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  top: PropTypes.number,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  graphProps: PropTypes.object,\n  formattedValue: PropTypes.string,\n  onChangeCategory: PropTypes.func,\n  onChange: PropTypes.func,\n  classes: PropTypes.object,\n  error: PropTypes.object,\n  defineChart: PropTypes.bool,\n};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    leftAxis: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeCategory: PropTypes.func,\n    top: PropTypes.number,\n    theme: PropTypes.object,\n  };\n\n  state = { height: 0 };\n\n  componentDidMount() {\n    const height = document.getElementById('hiddenLabel') ? document.getElementById('hiddenLabel').offsetHeight : 0;\n\n    this.setState({ height });\n  }\n\n  render() {\n    const {\n      classes,\n      graphProps,\n      xBand,\n      leftAxis,\n      onChange,\n      onChangeCategory,\n      categories = [],\n      top,\n      defineChart,\n      theme,\n      error,\n    } = this.props;\n\n    const { axis, axisLine, tick } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const { height } = this.state;\n\n    const bottomScale = xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n\n    const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n\n    const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n    const fontSize = theme && theme.typography ? theme.typography.fontSize : 14;\n    const rotate = getRotateAngle(fontSize, height);\n\n    const getTickLabelProps = (value) => ({\n      dy: 4,\n      dx: -10 - (value.toLocaleString().length || 1) * 5,\n    });\n\n    const getTickComponent = (props) => {\n      const properties = {\n        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate,\n        top,\n        defineChart,\n        error,\n        onChangeCategory,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue,\n      };\n\n      return <TickComponent {...properties} />;\n    };\n\n    return (\n      <React.Fragment>\n        {leftAxis && (\n          <AxisLeft\n            scale={scale.y}\n            className={axis}\n            axisLineClassName={axisLine}\n            tickLength={10}\n            tickClassName={tick}\n            tickFormat={(value) => value}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          tickClassName={tick}\n          scale={bottomScale}\n          labelProps={{ y: 60 + top }}\n          top={scale.y && scale.y(range.min)}\n          textLabelProps={() => ({ textAnchor: 'middle' })}\n          tickFormat={(count) => count}\n          tickComponent={getTickComponent}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst ChartAxes = withStyles(\n  (theme) => ({\n    axis: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2,\n    },\n    axisLine: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2,\n    },\n    tick: {\n      '& > line': {\n        stroke: color.primaryDark(),\n        strokeWidth: 2,\n      },\n      fill: color.primaryDark(),\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      textAnchor: 'middle',\n    },\n    dottedLine: {\n      stroke: color.primaryLight(),\n      opacity: 0.2,\n    },\n    error: {\n      fontSize: theme.typography.fontSize - 2,\n      fill: theme.palette.error.main,\n    },\n  }),\n  { withTheme: true },\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}
+{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","props","open","callback","setState","dialog","index","newLabel","categories","onChangeCategory","category","label","onChange","slice","value","title","text","onConfirm","handleAlertDialog","interactive","onClose","editable","maxChar","chunks","length","indexToSplit","lastIndexOf","push","substring","trim","state","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","chartingOptions","x","y","formattedValue","changeInteractiveEnabled","changeEditableEnabled","error","changeEditable","changeInteractive","parseInt","split","deletable","correctness","autoFocus","inDefineChart","barX","longestCategory","reduce","a","b","lengthA","lengthB","longestLabel","pointerEvents","overflow","position","visibility","wordBreak","maxWidth","display","r","input","changeCategory","dottedLine","deleteCategory","splitText","authoringLabel","map","word","e","target","checked","React","Component","PropTypes","bool","any","propTypes","array","func","number","object","string","RawChartAxes","height","document","getElementById","offsetHeight","leftAxis","theme","axis","axisLine","tick","scale","range","domain","size","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","ChartAxes","stroke","color","primaryDark","strokeWidth","fill","fontFamily","body1","primaryLight","opacity","palette","main","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nexport class TickComponent extends React.Component {\n  static propTypes = {\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  changeCategory = (index, newLabel) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, label: newLabel });\n  };\n\n  deleteCategory = (index) => {\n    const { categories, onChange } = this.props;\n\n    if (index >= 0 && categories[index]) {\n      onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n    }\n  };\n\n  changeInteractive = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer value that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(false, onChangeCategory(index, { ...category, interactive: !category.interactive })),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, interactive: !category.interactive });\n    }\n  };\n\n  changeEditable = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer category name that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              onChangeCategory(index, { ...category, editable: !category.editable || false }),\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, editable: !category.editable || false });\n    }\n  };\n\n  splitText = (text, maxChar) => {\n    let chunks = [];\n    while ((text || '').length > 0) {\n      let indexToSplit;\n      if (text.length > maxChar) {\n        indexToSplit = text.lastIndexOf(' ', maxChar);\n        if (indexToSplit === -1) {\n          indexToSplit = maxChar;\n        }\n      } else {\n        indexToSplit = text.length;\n      }\n      chunks.push(text.substring(0, indexToSplit));\n      text = text.substring(indexToSplit).trim();\n    }\n    return chunks;\n  };\n\n  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      defineChart,\n      chartingOptions,\n      x,\n      y,\n      formattedValue,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      error,\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const { dialog } = this.state;\n    const { changeEditable, changeInteractive } = chartingOptions || {};\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness, autoFocus, inDefineChart } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n\n    const longestLabel = (longestCategory && longestCategory.label) || '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={6}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <div\n              id=\"hiddenLabel\"\n              style={{\n                position: 'absolute',\n                visibility: 'hidden',\n                wordBreak: 'break-word',\n                overflow: 'visible',\n                maxWidth: barWidth,\n                display: 'block',\n              }}\n            >\n              {longestLabel}\n            </div>\n          )}\n\n          <MarkLabel\n            autoFocus={inDefineChart ? defineChart && autoFocus : autoFocus}\n            inputRef={(r) => (this.input = r)}\n            disabled={!defineChart && !editable}\n            mark={category}\n            graphProps={graphProps}\n            onChange={(newLabel) => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n            error={error}\n          />\n        </foreignObject>\n\n        {error && error[index] && (\n          <text className={classes.error} x={x} y={y + 23} height={4}>\n            {error[index]}\n          </text>\n        )}\n\n        {deletable && !correctness && (\n          <line x1={x} y1={0} x2={x} y2={y + 4 + top} className={classes.dottedLine} strokeDasharray=\"4 2\" />\n        )}\n\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 60 + top}\n            width={16}\n            height={16}\n            viewBox=\"0 0 512 512\"\n            onClick={() => this.deleteCategory(index)}\n          >\n            <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n          </svg>\n        )}\n\n        {defineChart && index === 0 && (\n          <svg\n            x={-55}\n            style={{\n              overflow: 'visible',\n            }}\n          >\n            {changeInteractiveEnabled && (\n              <text\n                y={y + 90 + top}\n                width={barWidth}\n                height={4}\n                style={{\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                  wordBreak: 'break-word',\n                  maxWidth: barWidth,\n                  display: 'inline-block',\n                }}\n              >\n                {this.splitText(changeInteractive?.authoringLabel, 20).map((word, index) => (\n                  <tspan key={index} x=\"0\" dy={`${index > 0 ? '1.2em' : '.6em'}`}>\n                    {word}\n                  </tspan>\n                ))}\n              </text>\n            )}\n\n            {changeEditableEnabled && (\n              <text\n                y={y + 145 + top}\n                width={barWidth}\n                height={4}\n                style={{\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                  wordBreak: 'break-word',\n                  maxWidth: barWidth,\n                  display: 'inline-block',\n                }}\n              >\n                {this.splitText(changeEditable?.authoringLabel, 20).map((word, index) => (\n                  <tspan key={index} x=\"0\" dy={`${index > 0 ? '1.2em' : '.6em'}`}>\n                    {word}\n                  </tspan>\n                ))}\n              </text>\n            )}\n          </svg>\n        )}\n\n        {defineChart && changeInteractiveEnabled && (\n          <foreignObject\n            x={x - 24}\n            y={y + 80 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              style={{ position: 'fixed' }}\n              checked={interactive}\n              onChange={(e) => this.changeInteractive(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        {defineChart && changeEditableEnabled && (\n          <foreignObject\n            x={x - 24}\n            y={y + 130 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              style={{ position: 'fixed' }}\n              checked={editable}\n              onChange={(e) => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        <foreignObject\n          x={x - 24}\n          y={y + 100 + top}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'visible', overflow: 'visible' }}\n        >\n          <AlertDialog\n            open={dialog.open}\n            title={dialog.title}\n            text={dialog.text}\n            onClose={dialog.onClose}\n            onConfirm={dialog.onConfirm}\n          />\n        </foreignObject>\n      </g>\n    );\n  }\n}\n\nTickComponent.propTypes = {\n  categories: PropTypes.array,\n  xBand: PropTypes.func,\n  bandWidth: PropTypes.number,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  top: PropTypes.number,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  graphProps: PropTypes.object,\n  formattedValue: PropTypes.string,\n  onChangeCategory: PropTypes.func,\n  onChange: PropTypes.func,\n  classes: PropTypes.object,\n  error: PropTypes.object,\n  defineChart: PropTypes.bool,\n  chartingOptions: PropTypes.object,\n  changeInteractiveEnabled: PropTypes.bool,\n  changeEditableEnabled: PropTypes.bool,\n};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    leftAxis: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeCategory: PropTypes.func,\n    top: PropTypes.number,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n  };\n\n  state = { height: 0 };\n\n  componentDidMount() {\n    const height = document.getElementById('hiddenLabel') ? document.getElementById('hiddenLabel').offsetHeight : 0;\n\n    this.setState({ height });\n  }\n\n  render() {\n    const {\n      classes,\n      graphProps,\n      xBand,\n      leftAxis,\n      onChange,\n      onChangeCategory,\n      categories = [],\n      top,\n      defineChart,\n      chartingOptions,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      theme,\n      error,\n    } = this.props;\n\n    const { axis, axisLine, tick } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const { height } = this.state;\n\n    const bottomScale = xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n\n    const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n\n    const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n    const fontSize = theme && theme.typography ? theme.typography.fontSize : 14;\n    const rotate = getRotateAngle(fontSize, height);\n\n    const getTickLabelProps = (value) => ({\n      dy: 4,\n      dx: -10 - (value.toLocaleString().length || 1) * 5,\n    });\n\n    const getTickComponent = (props) => {\n      const properties = {\n        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate,\n        top,\n        defineChart,\n        chartingOptions,\n        error,\n        onChangeCategory,\n        changeInteractiveEnabled,\n        changeEditableEnabled,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue,\n      };\n\n      return <TickComponent {...properties} />;\n    };\n\n    return (\n      <React.Fragment>\n        {leftAxis && (\n          <AxisLeft\n            scale={scale.y}\n            className={axis}\n            axisLineClassName={axisLine}\n            tickLength={10}\n            tickClassName={tick}\n            tickFormat={(value) => value}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          tickClassName={tick}\n          scale={bottomScale}\n          labelProps={{ y: 60 + top }}\n          top={scale.y && scale.y(range.min)}\n          textLabelProps={() => ({ textAnchor: 'middle' })}\n          tickFormat={(count) => count}\n          tickComponent={getTickComponent}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst ChartAxes = withStyles(\n  (theme) => ({\n    axis: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2,\n    },\n    axisLine: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2,\n    },\n    tick: {\n      '& > line': {\n        stroke: color.primaryDark(),\n        strokeWidth: 2,\n      },\n      fill: color.primaryDark(),\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      textAnchor: 'middle',\n    },\n    dottedLine: {\n      stroke: color.primaryLight(),\n      opacity: 0.2,\n    },\n    error: {\n      fontSize: theme.typography.fontSize - 2,\n      fill: theme.palette.error.main,\n    },\n  }),\n  { withTheme: true },\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}

package/lib/chart-setup.js

@@ -71,7 +71,9 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
 
   var _model$range = model.range,
       range = _model$range === void 0 ? {} : _model$range,
-      correctAnswer = model.correctAnswer;
+      correctAnswer = model.correctAnswer,
+      changeInteractiveEnabled = model.changeInteractiveEnabled,
+      changeEditableEnabled = model.changeEditableEnabled;
   var size = model.graph;
 
   var _ref = chartDimensions || {},
@@ -145,9 +147,28 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     }
   };
 
+  var setPropertiesToFalse = function setPropertiesToFalse(data, property) {
+    return data.map(function (obj) {
+      if (obj.hasOwnProperty(property)) {
+        obj[property] = property == 'interactive' ? true : false;
+      }
+
+      return obj;
+    });
+  };
+
   var removeOutOfRangeValues = function removeOutOfRangeValues(updateModel) {
     var correctAnswer = model.correctAnswer,
         data = model.data;
+
+    if (changeInteractiveEnabled === false) {
+      setPropertiesToFalse(data, 'interactive');
+    }
+
+    if (changeEditableEnabled === false) {
+      setPropertiesToFalse(data, 'editable');
+    }
+
     resetValues(data, updateModel);
     resetValues(correctAnswer.data);
   };
@@ -354,7 +375,8 @@ ConfigureChartPanel.propTypes = {
   onChange: _propTypes["default"].func,
   range: _propTypes["default"].object,
   chartDimension: _propTypes["default"].object,
-  size: _propTypes["default"].object
+  size: _propTypes["default"].object,
+  studentNewCategoryDefaultLabel: _propTypes["default"].object
 };
 
 var styles = function styles(theme) {

package/lib/chart-setup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart-setup.jsx"],"names":["ConfigureChartPanel","props","classes","model","onChange","chartDimensions","gridValues","labelValues","studentNewCategoryDefaultLabel","alertDialog","setAlertDialog","open","setOpen","rangeKey","setRangeKey","resetValue","setResetValue","range","correctAnswer","size","graph","showInConfigPanel","width","height","widthConstraints","min","Math","max","step","heightConstraints","gridOptions","customValues","labelOptions","stepConfig","rowView","mediumTextField","e","v","onRangeChanged","labelStep","handleAlertDialog","callback","resetValues","data","updateModel","forEach","d","remainder","value","floor","removeOutOfRangeValues","setCategoryDefaultLabel","studentCategoryDefaultLabel","label","rangeProps","chartType","includes","onSizeChanged","key","isOutOfRange","find","outOfRange","JSON","stringify","title","text","onConfirm","onClose","isValidPlot","getPlotConfiguration","onChartTypeChange","wrapper","content","target","dimensions","columnView","textField","disabled","propTypes","PropTypes","object","domain","func","chartDimension","styles","theme","display","flexDirection","marginTop","spacing","unit","alignItems","justifyContent","margin","largeTextField","fontStyle","color"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = (props) => {\n  const {\n    classes,\n    model,\n    onChange,\n    chartDimensions,\n    gridValues = {},\n    labelValues = {},\n    studentNewCategoryDefaultLabel = {},\n  } = props;\n  const [alertDialog, setAlertDialog] = useState(false);\n  const [open, setOpen] = useState(false);\n  const [rangeKey, setRangeKey] = useState('');\n  const [resetValue, setResetValue] = useState(0);\n\n  const { range = {}, correctAnswer } = model;\n\n  const size = model.graph;\n  const { showInConfigPanel, width, height } = chartDimensions || {};\n\n  const widthConstraints = {\n    min: width?.min ? Math.max(50, width.min) : 50,\n    max: width?.max ? Math.min(700, width.max) : 700,\n    step: width?.step >= 1 ? Math.min(200, width.step) : 20,\n  };\n  const heightConstraints = {\n    min: height?.min ? Math.max(400, height.min) : 400,\n    max: height?.max ? Math.min(700, height.max) : 700,\n    step: height?.step >= 1 ? Math.min(200, height.step) : 20,\n  };\n\n  const gridOptions = gridValues && gridValues.range ? { customValues: gridValues.range } : { min: 0, max: 10000 };\n  const labelOptions = labelValues && labelValues.range ? { customValues: labelValues.range } : { min: 0, max: 10000 };\n\n  const stepConfig = (\n    <div className={classes.rowView}>\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Grid Interval\"\n        value={range.step}\n        variant=\"outlined\"\n        onChange={(e, v) => onRangeChanged('step', v, e)}\n        {...gridOptions}\n      />\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label={'Label Interval'}\n        value={range.labelStep}\n        variant={'outlined'}\n        onChange={(e, v) => onRangeChanged('labelStep', v, e)}\n        {...labelOptions}\n      />\n    </div>\n  );\n\n  const handleAlertDialog = (open, callback) => {\n    setAlertDialog(\n      {\n        alertDialog: open,\n      },\n      callback,\n    );\n    setOpen(open);\n  };\n\n  const resetValues = (data, updateModel) => {\n    (data || []).forEach((d) => {\n      const remainder = d.value - range.step * Math.floor(d.value / range.step);\n\n      if (d.value > range.max || remainder !== 0) {\n        d.value = 0;\n      }\n    });\n\n    if (updateModel) {\n      onChange({ ...model, data });\n    }\n  };\n\n  const removeOutOfRangeValues = (updateModel) => {\n    const { correctAnswer, data } = model;\n\n    resetValues(data, updateModel);\n    resetValues(correctAnswer.data);\n  };\n\n  const setCategoryDefaultLabel = () => {\n    const studentCategoryDefaultLabel = studentNewCategoryDefaultLabel?.label;\n\n    onChange({ ...model, studentCategoryDefaultLabel });\n  };\n\n  const rangeProps = (chartType) => {\n    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    onChange({ ...model, graph });\n  };\n\n  const isOutOfRange = (data, range) =>\n    (data || []).find((d) => d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0);\n\n  const onRangeChanged = (key, value, e) => {\n    // use reset values to restore range to initial values\n    setResetValue(range[key]);\n    setRangeKey(key);\n\n    range[key] = value;\n\n    if (key === 'max' || key === 'step') {\n      // check if current chart values are invalid for given range step/max\n      const outOfRange = isOutOfRange(model.data, range) || isOutOfRange(model.correctAnswer.data, range);\n\n      if (outOfRange && JSON.stringify(e) !== '{}') {\n        setOpen(true);\n      } else {\n        onChange({ ...model, range });\n      }\n    } else {\n      onChange({ ...model, range });\n    }\n  };\n\n  useEffect(() => {\n    removeOutOfRangeValues(true);\n    setCategoryDefaultLabel();\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      setAlertDialog({\n        open: true,\n        title: 'Warning',\n        text: 'This change will remove values defined for one or more categories',\n        onConfirm: () => {\n          removeOutOfRangeValues();\n          handleAlertDialog(false, onChange({ ...model, range, correctAnswer }));\n        },\n        onClose: () => {\n          range[rangeKey] = resetValue;\n          handleAlertDialog(false);\n        },\n      });\n    }\n  }, [open]);\n\n  const isValidPlot = range.step === 1 && range.labelStep === 1 && 3 <= range.max && range.max <= 10;\n\n  const getPlotConfiguration = () => {\n    rangeProps.min = 3;\n    rangeProps.max = 10;\n\n    range.max = 10;\n    range.step = 1;\n    range.labelStep = 1;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = (chartType) => {\n    if (chartType.includes('Plot')) {\n      // The selected chart type does not support the current chart configuration\n      if (!isValidPlot) {\n        setAlertDialog({\n          open: true,\n          title: 'Warning',\n          text: 'The selected chart type does not support the current chart configuration. Reset chart configuration?',\n          onConfirm: () => {\n            getPlotConfiguration();\n            removeOutOfRangeValues();\n            handleAlertDialog(false, onChange({ ...model, range, chartType }));\n          },\n          onClose: () => {\n            handleAlertDialog(false);\n          },\n        });\n\n        return;\n      }\n\n      rangeProps.min = 3;\n      rangeProps.max = 10;\n\n      onChange({ ...model, chartType });\n\n      return;\n    }\n\n    onChange({ ...model, chartType });\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant={'subtitle1'}>Configure Chart</Typography>\n      <div className={classes.content}>\n        <div className={classes.rowView}>\n          <ChartType value={model.chartType} onChange={(e) => onChartTypeChange(e.target.value)} />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Max Value\"\n            value={range.max}\n            min={rangeProps(model.chartType).min}\n            max={rangeProps(model.chartType).max}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('max', v, e)}\n          />\n        </div>\n        {!model.chartType.includes('Plot') && stepConfig}\n\n        {showInConfigPanel && (\n          <div className={classes.dimensions}>\n            <div>\n              <Typography>Dimensions(px)</Typography>\n            </div>\n\n            <div className={classes.columnView}>\n              <NumberTextFieldCustom\n                className={classes.textField}\n                label={'Width'}\n                value={size.width}\n                min={widthConstraints.min}\n                max={widthConstraints.max}\n                step={widthConstraints.step}\n                variant={'outlined'}\n                onChange={(e, v) => onSizeChanged('width', v)}\n              />\n              <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n            </div>\n\n            <div className={classes.columnView}>\n              <NumberTextFieldCustom\n                className={classes.textField}\n                label={'Height'}\n                value={size.height}\n                min={heightConstraints.min}\n                max={heightConstraints.max}\n                step={heightConstraints.step}\n                variant={'outlined'}\n                onChange={(e, v) => onSizeChanged('height', v)}\n              />\n              <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <AlertDialog\n        open={alertDialog.open}\n        title={alertDialog.title}\n        text={alertDialog.text}\n        onClose={alertDialog.onClose}\n        onConfirm={alertDialog.onConfirm}\n      />\n    </div>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  classes: PropTypes.object,\n  chartDimensions: PropTypes.object,\n  domain: PropTypes.object,\n  gridValues: PropTypes.object,\n  labelValues: PropTypes.object,\n  model: PropTypes.object,\n  onChange: PropTypes.func,\n  range: PropTypes.object,\n  chartDimension: PropTypes.object,\n  size: PropTypes.object,\n};\n\nconst styles = (theme) => ({\n  wrapper: {\n    width: '450px',\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    marginTop: theme.spacing.unit * 3,\n  },\n  columnView: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  rowView: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n  },\n  textField: {\n    width: '130px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n  },\n  mediumTextField: {\n    width: '160px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n  },\n  largeTextField: {\n    width: '230px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n  },\n  text: {\n    fontStyle: 'italic',\n    margin: `${theme.spacing.unit}px 0`,\n  },\n  dimensions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    margin: `${theme.spacing.unit * 3}px 0`,\n  },\n  disabled: {\n    color: color.disabled(),\n  },\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"file":"chart-setup.js"}
+{"version":3,"sources":["../src/chart-setup.jsx"],"names":["ConfigureChartPanel","props","classes","model","onChange","chartDimensions","gridValues","labelValues","studentNewCategoryDefaultLabel","alertDialog","setAlertDialog","open","setOpen","rangeKey","setRangeKey","resetValue","setResetValue","range","correctAnswer","changeInteractiveEnabled","changeEditableEnabled","size","graph","showInConfigPanel","width","height","widthConstraints","min","Math","max","step","heightConstraints","gridOptions","customValues","labelOptions","stepConfig","rowView","mediumTextField","e","v","onRangeChanged","labelStep","handleAlertDialog","callback","resetValues","data","updateModel","forEach","d","remainder","value","floor","setPropertiesToFalse","property","map","obj","hasOwnProperty","removeOutOfRangeValues","setCategoryDefaultLabel","studentCategoryDefaultLabel","label","rangeProps","chartType","includes","onSizeChanged","key","isOutOfRange","find","outOfRange","JSON","stringify","title","text","onConfirm","onClose","isValidPlot","getPlotConfiguration","onChartTypeChange","wrapper","content","target","dimensions","columnView","textField","disabled","propTypes","PropTypes","object","domain","func","chartDimension","styles","theme","display","flexDirection","marginTop","spacing","unit","alignItems","justifyContent","margin","largeTextField","fontStyle","color"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = (props) => {\n  const {\n    classes,\n    model,\n    onChange,\n    chartDimensions,\n    gridValues = {},\n    labelValues = {},\n    studentNewCategoryDefaultLabel = {},\n  } = props;\n  const [alertDialog, setAlertDialog] = useState(false);\n  const [open, setOpen] = useState(false);\n  const [rangeKey, setRangeKey] = useState('');\n  const [resetValue, setResetValue] = useState(0);\n\n  const { range = {}, correctAnswer, changeInteractiveEnabled, changeEditableEnabled } = model;\n\n  const size = model.graph;\n  const { showInConfigPanel, width, height } = chartDimensions || {};\n\n  const widthConstraints = {\n    min: width?.min ? Math.max(50, width.min) : 50,\n    max: width?.max ? Math.min(700, width.max) : 700,\n    step: width?.step >= 1 ? Math.min(200, width.step) : 20,\n  };\n  const heightConstraints = {\n    min: height?.min ? Math.max(400, height.min) : 400,\n    max: height?.max ? Math.min(700, height.max) : 700,\n    step: height?.step >= 1 ? Math.min(200, height.step) : 20,\n  };\n\n  const gridOptions = gridValues && gridValues.range ? { customValues: gridValues.range } : { min: 0, max: 10000 };\n  const labelOptions = labelValues && labelValues.range ? { customValues: labelValues.range } : { min: 0, max: 10000 };\n\n  const stepConfig = (\n    <div className={classes.rowView}>\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Grid Interval\"\n        value={range.step}\n        variant=\"outlined\"\n        onChange={(e, v) => onRangeChanged('step', v, e)}\n        {...gridOptions}\n      />\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label={'Label Interval'}\n        value={range.labelStep}\n        variant={'outlined'}\n        onChange={(e, v) => onRangeChanged('labelStep', v, e)}\n        {...labelOptions}\n      />\n    </div>\n  );\n\n  const handleAlertDialog = (open, callback) => {\n    setAlertDialog(\n      {\n        alertDialog: open,\n      },\n      callback,\n    );\n    setOpen(open);\n  };\n\n  const resetValues = (data, updateModel) => {\n    (data || []).forEach((d) => {\n      const remainder = d.value - range.step * Math.floor(d.value / range.step);\n\n      if (d.value > range.max || remainder !== 0) {\n        d.value = 0;\n      }\n    });\n\n    if (updateModel) {\n      onChange({ ...model, data });\n    }\n  };\n\n  const setPropertiesToFalse = (data, property) => {\n    return data.map((obj) => {\n      if (obj.hasOwnProperty(property)) {\n        obj[property] = property == 'interactive' ? true : false;\n      }\n      return obj;\n    });\n  };\n\n  const removeOutOfRangeValues = (updateModel) => {\n    const { correctAnswer, data } = model;\n\n    if (changeInteractiveEnabled === false) {\n      setPropertiesToFalse(data, 'interactive');\n    }\n\n    if (changeEditableEnabled === false) {\n      setPropertiesToFalse(data, 'editable');\n    }\n\n    resetValues(data, updateModel);\n    resetValues(correctAnswer.data);\n  };\n\n  const setCategoryDefaultLabel = () => {\n    const studentCategoryDefaultLabel = studentNewCategoryDefaultLabel?.label;\n\n    onChange({ ...model, studentCategoryDefaultLabel });\n  };\n\n  const rangeProps = (chartType) => {\n    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    onChange({ ...model, graph });\n  };\n\n  const isOutOfRange = (data, range) =>\n    (data || []).find((d) => d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0);\n\n  const onRangeChanged = (key, value, e) => {\n    // use reset values to restore range to initial values\n    setResetValue(range[key]);\n    setRangeKey(key);\n\n    range[key] = value;\n\n    if (key === 'max' || key === 'step') {\n      // check if current chart values are invalid for given range step/max\n      const outOfRange = isOutOfRange(model.data, range) || isOutOfRange(model.correctAnswer.data, range);\n\n      if (outOfRange && JSON.stringify(e) !== '{}') {\n        setOpen(true);\n      } else {\n        onChange({ ...model, range });\n      }\n    } else {\n      onChange({ ...model, range });\n    }\n  };\n\n  useEffect(() => {\n    removeOutOfRangeValues(true);\n    setCategoryDefaultLabel();\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      setAlertDialog({\n        open: true,\n        title: 'Warning',\n        text: 'This change will remove values defined for one or more categories',\n        onConfirm: () => {\n          removeOutOfRangeValues();\n          handleAlertDialog(false, onChange({ ...model, range, correctAnswer }));\n        },\n        onClose: () => {\n          range[rangeKey] = resetValue;\n          handleAlertDialog(false);\n        },\n      });\n    }\n  }, [open]);\n\n  const isValidPlot = range.step === 1 && range.labelStep === 1 && 3 <= range.max && range.max <= 10;\n\n  const getPlotConfiguration = () => {\n    rangeProps.min = 3;\n    rangeProps.max = 10;\n\n    range.max = 10;\n    range.step = 1;\n    range.labelStep = 1;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = (chartType) => {\n    if (chartType.includes('Plot')) {\n      // The selected chart type does not support the current chart configuration\n      if (!isValidPlot) {\n        setAlertDialog({\n          open: true,\n          title: 'Warning',\n          text: 'The selected chart type does not support the current chart configuration. Reset chart configuration?',\n          onConfirm: () => {\n            getPlotConfiguration();\n            removeOutOfRangeValues();\n            handleAlertDialog(false, onChange({ ...model, range, chartType }));\n          },\n          onClose: () => {\n            handleAlertDialog(false);\n          },\n        });\n\n        return;\n      }\n\n      rangeProps.min = 3;\n      rangeProps.max = 10;\n\n      onChange({ ...model, chartType });\n\n      return;\n    }\n\n    onChange({ ...model, chartType });\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant={'subtitle1'}>Configure Chart</Typography>\n      <div className={classes.content}>\n        <div className={classes.rowView}>\n          <ChartType value={model.chartType} onChange={(e) => onChartTypeChange(e.target.value)} />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Max Value\"\n            value={range.max}\n            min={rangeProps(model.chartType).min}\n            max={rangeProps(model.chartType).max}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('max', v, e)}\n          />\n        </div>\n        {!model.chartType.includes('Plot') && stepConfig}\n\n        {showInConfigPanel && (\n          <div className={classes.dimensions}>\n            <div>\n              <Typography>Dimensions(px)</Typography>\n            </div>\n\n            <div className={classes.columnView}>\n              <NumberTextFieldCustom\n                className={classes.textField}\n                label={'Width'}\n                value={size.width}\n                min={widthConstraints.min}\n                max={widthConstraints.max}\n                step={widthConstraints.step}\n                variant={'outlined'}\n                onChange={(e, v) => onSizeChanged('width', v)}\n              />\n              <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n            </div>\n\n            <div className={classes.columnView}>\n              <NumberTextFieldCustom\n                className={classes.textField}\n                label={'Height'}\n                value={size.height}\n                min={heightConstraints.min}\n                max={heightConstraints.max}\n                step={heightConstraints.step}\n                variant={'outlined'}\n                onChange={(e, v) => onSizeChanged('height', v)}\n              />\n              <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <AlertDialog\n        open={alertDialog.open}\n        title={alertDialog.title}\n        text={alertDialog.text}\n        onClose={alertDialog.onClose}\n        onConfirm={alertDialog.onConfirm}\n      />\n    </div>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  classes: PropTypes.object,\n  chartDimensions: PropTypes.object,\n  domain: PropTypes.object,\n  gridValues: PropTypes.object,\n  labelValues: PropTypes.object,\n  model: PropTypes.object,\n  onChange: PropTypes.func,\n  range: PropTypes.object,\n  chartDimension: PropTypes.object,\n  size: PropTypes.object,\n  studentNewCategoryDefaultLabel: PropTypes.object,\n};\n\nconst styles = (theme) => ({\n  wrapper: {\n    width: '450px',\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    marginTop: theme.spacing.unit * 3,\n  },\n  columnView: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  rowView: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n  },\n  textField: {\n    width: '130px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n  },\n  mediumTextField: {\n    width: '160px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n  },\n  largeTextField: {\n    width: '230px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n  },\n  text: {\n    fontStyle: 'italic',\n    margin: `${theme.spacing.unit}px 0`,\n  },\n  dimensions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    margin: `${theme.spacing.unit * 3}px 0`,\n  },\n  disabled: {\n    color: color.disabled(),\n  },\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"file":"chart-setup.js"}

package/lib/chart.js

@@ -187,6 +187,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
           domain = _this$props4$domain === void 0 ? {} : _this$props4$domain,
           _this$props4$range = _this$props4.range,
           range = _this$props4$range === void 0 ? {} : _this$props4$range,
+          chartingOptions = _this$props4.chartingOptions,
           size = _this$props4.size,
           title = _this$props4.title,
           onChangeTitle = _this$props4.onChangeTitle,
@@ -194,6 +195,8 @@ var Chart = /*#__PURE__*/function (_React$Component) {
           labelsPlaceholders = _this$props4.labelsPlaceholders,
           titlePlaceholder = _this$props4.titlePlaceholder,
           addCategoryEnabled = _this$props4.addCategoryEnabled,
+          changeInteractiveEnabled = _this$props4.changeInteractiveEnabled,
+          changeEditableEnabled = _this$props4.changeEditableEnabled,
           showPixelGuides = _this$props4.showPixelGuides,
           error = _this$props4.error;
       var chartType = this.props.chartType;
@@ -286,10 +289,13 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         leftAxis: leftAxis,
         onChange: this.changeData,
         onChangeCategory: this.changeCategory,
+        chartingOptions: chartingOptions,
+        changeInteractiveEnabled: changeInteractiveEnabled,
+        changeEditableEnabled: changeEditableEnabled,
         top: top,
         error: error
       })), /*#__PURE__*/_react["default"].createElement("mask", {
-        mask: "".concat(this.maskUid)
+        id: "".concat(this.maskUid)
       }, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({}, maskSize, {
         fill: "white"
       }))), /*#__PURE__*/_react["default"].createElement("g", {
@@ -351,7 +357,11 @@ exports.Chart = Chart;
   showPixelGuides: _propTypes["default"].bool,
   categoryDefaultLabel: _propTypes["default"].string,
   defineChart: _propTypes["default"].bool,
-  theme: _propTypes["default"].object
+  theme: _propTypes["default"].object,
+  categoryDefaults: _propTypes["default"].object,
+  chartingOptions: _propTypes["default"].object,
+  changeInteractiveEnabled: _propTypes["default"].bool,
+  changeEditableEnabled: _propTypes["default"].bool
 });
 (0, _defineProperty2["default"])(Chart, "defaultProps", {
   size: {

package/lib/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart.jsx"],"names":["log","Chart","props","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","range","categoryDefaultLabel","defineChart","categoryDefaults","length","title","text","onConfirm","handleAlertDialog","inDefineChart","autoFocus","label","value","step","deletable","editable","interactive","map","d","maskUid","generateMaskId","Math","random","toFixed","classes","className","domain","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","showPixelGuides","error","width","height","labels","left","bottom","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","rootCommon","chartBox","controls","toolMenu","addCategory","r","changeData","changeCategory","onClose","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","any","bool","theme","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","svg","overflow","minHeight","withTheme"],"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 { Root, createGraphProps } from '@pie-lib/plot';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand, getDomainAndRangeByChartType, getGridLinesAndAxisByChartType, getTopPadding } from './utils';\nimport ToolMenu from './tool-menu';\nimport chartTypes from './chart-types';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number,\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    title: PropTypes.string,\n    titlePlaceholder: PropTypes.string,\n    onDataChange: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    onChangeTitle: PropTypes.func,\n    error: PropTypes.any,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object,\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480,\n    },\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot(),\n    ],\n  };\n\n  generateMaskId() {\n    return 'chart-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find((chart) => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent,\n    };\n  };\n\n  changeData = (data) => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory,\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = (range) => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart, categoryDefaults } = this.props;\n\n    if (!defineChart && data.length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: \"There can't be more than 20 categories.\",\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          autoFocus: true,\n          label: categoryDefaultLabel || 'New Bar',\n          value: range.step,\n          deletable: true,\n          editable: categoryDefaults ? categoryDefaults?.editable : true,\n          interactive: categoryDefaults ? categoryDefaults?.interactive : true,\n        },\n      ]);\n    }\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map((d) => ({\n          ...d,\n          deletable: defineChart || d.deletable,\n        }))\n      : [];\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      domain = {},\n      range = {},\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      showPixelGuides,\n      error,\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\n    const { width, height } = size || {};\n    const labels = { left: range?.label || '', bottom: domain?.label || '' };\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(correctValues.range, chartType);\n    const common = {\n      graphProps: createGraphProps(correctValues.domain, correctValues.range, size, () => this.rootNode),\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 160 : 60;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    return (\n      <div className={classNames(classes.chart, classes.chartBox, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(correctValues.range)}\n          />\n        </div>\n\n        <Root\n          title={title}\n          onChangeTitle={onChangeTitle}\n          disabledTitle={!defineChart}\n          showTitle={true}\n          showLabels={true}\n          labels={labels}\n          onChangeLabels={onChangeLabels}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          defineChart={defineChart}\n          disabledLabels={!defineChart}\n          isChart={true}\n          showPixelGuides={showPixelGuides}\n          rootRef={(r) => (this.rootNode = r)}\n          {...rootCommon}\n        >\n          <ChartGrid {...common} xBand={xBand} rowTickValues={horizontalLines} columnTickValues={verticalLines} />\n          <ChartAxes\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            top={top}\n            error={error}\n          />\n          <mask mask={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            <ChartComponent\n              {...common}\n              data={categories}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n            />\n          </g>\n        </Root>\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)',\n  },\n  controls: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`,\n  },\n  svg: {\n    overflow: 'visible',\n  },\n  toolMenu: {\n    minHeight: '36px',\n  },\n  chartBox: {\n    width: 'min-content',\n  },\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}
+{"version":3,"sources":["../src/chart.jsx"],"names":["log","Chart","props","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","range","categoryDefaultLabel","defineChart","categoryDefaults","length","title","text","onConfirm","handleAlertDialog","inDefineChart","autoFocus","label","value","step","deletable","editable","interactive","map","d","maskUid","generateMaskId","Math","random","toFixed","classes","className","domain","chartingOptions","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","changeInteractiveEnabled","changeEditableEnabled","showPixelGuides","error","width","height","labels","left","bottom","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","rootCommon","chartBox","controls","toolMenu","addCategory","r","changeData","changeCategory","onClose","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","any","bool","theme","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","svg","overflow","minHeight","withTheme"],"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 { Root, createGraphProps } from '@pie-lib/plot';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand, getDomainAndRangeByChartType, getGridLinesAndAxisByChartType, getTopPadding } from './utils';\nimport ToolMenu from './tool-menu';\nimport chartTypes from './chart-types';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number,\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    title: PropTypes.string,\n    titlePlaceholder: PropTypes.string,\n    onDataChange: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    onChangeTitle: PropTypes.func,\n    error: PropTypes.any,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object,\n    categoryDefaults: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480,\n    },\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot(),\n    ],\n  };\n\n  generateMaskId() {\n    return 'chart-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find((chart) => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent,\n    };\n  };\n\n  changeData = (data) => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory,\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = (range) => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart, categoryDefaults } = this.props;\n\n    if (!defineChart && data.length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: \"There can't be more than 20 categories.\",\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          autoFocus: true,\n          label: categoryDefaultLabel || 'New Bar',\n          value: range.step,\n          deletable: true,\n          editable: categoryDefaults ? categoryDefaults?.editable : true,\n          interactive: categoryDefaults ? categoryDefaults?.interactive : true,\n        },\n      ]);\n    }\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map((d) => ({\n          ...d,\n          deletable: defineChart || d.deletable,\n        }))\n      : [];\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      domain = {},\n      range = {},\n      chartingOptions,\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      showPixelGuides,\n      error,\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\n\n    const { width, height } = size || {};\n    const labels = { left: range?.label || '', bottom: domain?.label || '' };\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(correctValues.range, chartType);\n    const common = {\n      graphProps: createGraphProps(correctValues.domain, correctValues.range, size, () => this.rootNode),\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 160 : 60;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    return (\n      <div className={classNames(classes.chart, classes.chartBox, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(correctValues.range)}\n          />\n        </div>\n\n        <Root\n          title={title}\n          onChangeTitle={onChangeTitle}\n          disabledTitle={!defineChart}\n          showTitle={true}\n          showLabels={true}\n          labels={labels}\n          onChangeLabels={onChangeLabels}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          defineChart={defineChart}\n          disabledLabels={!defineChart}\n          isChart={true}\n          showPixelGuides={showPixelGuides}\n          rootRef={(r) => (this.rootNode = r)}\n          {...rootCommon}\n        >\n          <ChartGrid {...common} xBand={xBand} rowTickValues={horizontalLines} columnTickValues={verticalLines} />\n          <ChartAxes\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            chartingOptions={chartingOptions}\n            changeInteractiveEnabled={changeInteractiveEnabled}\n            changeEditableEnabled={changeEditableEnabled}\n            top={top}\n            error={error}\n          />\n          <mask id={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            <ChartComponent\n              {...common}\n              data={categories}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n            />\n          </g>\n        </Root>\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)',\n  },\n  controls: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`,\n  },\n  svg: {\n    overflow: 'visible',\n  },\n  toolMenu: {\n    minHeight: '36px',\n  },\n  chartBox: {\n    width: 'min-content',\n  },\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "5.9.0",
+  "version": "5.9.1-next.11+fc193155",
   "description": "charting",
   "keywords": [
     "react",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "4201228505a478170285dbc678135b479a6f5955"
+  "gitHead": "fc193155259bb663266da1c5edaef6af63c8b627"
 }

package/src/axes.jsx

@@ -90,6 +90,24 @@ export class TickComponent extends React.Component {
     }
   };
 
+  splitText = (text, maxChar) => {
+    let chunks = [];
+    while ((text || '').length > 0) {
+      let indexToSplit;
+      if (text.length > maxChar) {
+        indexToSplit = text.lastIndexOf(' ', maxChar);
+        if (indexToSplit === -1) {
+          indexToSplit = maxChar;
+        }
+      } else {
+        indexToSplit = text.length;
+      }
+      chunks.push(text.substring(0, indexToSplit));
+      text = text.substring(indexToSplit).trim();
+    }
+    return chunks;
+  };
+
   render() {
     const {
       classes,
@@ -101,9 +119,12 @@ export class TickComponent extends React.Component {
       top,
       graphProps,
       defineChart,
+      chartingOptions,
       x,
       y,
       formattedValue,
+      changeInteractiveEnabled,
+      changeEditableEnabled,
       error,
     } = this.props;
 
@@ -112,6 +133,7 @@ export class TickComponent extends React.Component {
     }
 
     const { dialog } = this.state;
+    const { changeEditable, changeInteractive } = chartingOptions || {};
     const index = parseInt(formattedValue.split('-')[0], 10);
     const category = categories[index];
     const { deletable, editable, interactive, label, correctness, autoFocus, inDefineChart } = category || {};
@@ -195,53 +217,51 @@ export class TickComponent extends React.Component {
               overflow: 'visible',
             }}
           >
-            <text
-              y={y + 90 + top}
-              width={barWidth}
-              height={4}
-              style={{
-                position: 'absolute',
-                pointerEvents: 'none',
-                wordBreak: 'break-word',
-                maxWidth: barWidth,
-                display: 'inline-block',
-              }}
-            >
-              <tspan x="0" dy=".6em">
-                {' '}
-                Student can{' '}
-              </tspan>
-              <tspan x="0" dy="1.2em">
-                {' '}
-                set value
-              </tspan>
-            </text>
-
-            <text
-              y={y + 145 + top}
-              width={barWidth}
-              height={4}
-              style={{
-                position: 'absolute',
-                pointerEvents: 'none',
-                wordBreak: 'break-word',
-                maxWidth: barWidth,
-                display: 'inline-block',
-              }}
-            >
-              <tspan x="0" dy=".6em">
-                {' '}
-                Student can{' '}
-              </tspan>
-              <tspan x="0" dy="1.2em">
-                {' '}
-                edit name
-              </tspan>
-            </text>
+            {changeInteractiveEnabled && (
+              <text
+                y={y + 90 + top}
+                width={barWidth}
+                height={4}
+                style={{
+                  position: 'absolute',
+                  pointerEvents: 'none',
+                  wordBreak: 'break-word',
+                  maxWidth: barWidth,
+                  display: 'inline-block',
+                }}
+              >
+                {this.splitText(changeInteractive?.authoringLabel, 20).map((word, index) => (
+                  <tspan key={index} x="0" dy={`${index > 0 ? '1.2em' : '.6em'}`}>
+                    {word}
+                  </tspan>
+                ))}
+              </text>
+            )}
+
+            {changeEditableEnabled && (
+              <text
+                y={y + 145 + top}
+                width={barWidth}
+                height={4}
+                style={{
+                  position: 'absolute',
+                  pointerEvents: 'none',
+                  wordBreak: 'break-word',
+                  maxWidth: barWidth,
+                  display: 'inline-block',
+                }}
+              >
+                {this.splitText(changeEditable?.authoringLabel, 20).map((word, index) => (
+                  <tspan key={index} x="0" dy={`${index > 0 ? '1.2em' : '.6em'}`}>
+                    {word}
+                  </tspan>
+                ))}
+              </text>
+            )}
           </svg>
         )}
 
-        {defineChart && (
+        {defineChart && changeInteractiveEnabled && (
           <foreignObject
             x={x - 24}
             y={y + 80 + top}
@@ -257,7 +277,7 @@ export class TickComponent extends React.Component {
           </foreignObject>
         )}
 
-        {defineChart && (
+        {defineChart && changeEditableEnabled && (
           <foreignObject
             x={x - 24}
             y={y + 130 + top}
@@ -309,6 +329,9 @@ TickComponent.propTypes = {
   classes: PropTypes.object,
   error: PropTypes.object,
   defineChart: PropTypes.bool,
+  chartingOptions: PropTypes.object,
+  changeInteractiveEnabled: PropTypes.bool,
+  changeEditableEnabled: PropTypes.bool,
 };
 
 export class RawChartAxes extends React.Component {
@@ -325,6 +348,9 @@ export class RawChartAxes extends React.Component {
     onChangeCategory: PropTypes.func,
     top: PropTypes.number,
     theme: PropTypes.object,
+    chartingOptions: PropTypes.object,
+    changeInteractiveEnabled: PropTypes.bool,
+    changeEditableEnabled: PropTypes.bool,
   };
 
   state = { height: 0 };
@@ -346,6 +372,9 @@ export class RawChartAxes extends React.Component {
       categories = [],
       top,
       defineChart,
+      chartingOptions,
+      changeInteractiveEnabled,
+      changeEditableEnabled,
       theme,
       error,
     } = this.props;
@@ -379,8 +408,11 @@ export class RawChartAxes extends React.Component {
         rotate,
         top,
         defineChart,
+        chartingOptions,
         error,
         onChangeCategory,
+        changeInteractiveEnabled,
+        changeEditableEnabled,
         onChange,
         graphProps,
         x: props.x,

package/src/chart-setup.jsx

@@ -22,7 +22,7 @@ const ConfigureChartPanel = (props) => {
   const [rangeKey, setRangeKey] = useState('');
   const [resetValue, setResetValue] = useState(0);
 
-  const { range = {}, correctAnswer } = model;
+  const { range = {}, correctAnswer, changeInteractiveEnabled, changeEditableEnabled } = model;
 
   const size = model.graph;
   const { showInConfigPanel, width, height } = chartDimensions || {};
@@ -86,9 +86,26 @@ const ConfigureChartPanel = (props) => {
     }
   };
 
+  const setPropertiesToFalse = (data, property) => {
+    return data.map((obj) => {
+      if (obj.hasOwnProperty(property)) {
+        obj[property] = property == 'interactive' ? true : false;
+      }
+      return obj;
+    });
+  };
+
   const removeOutOfRangeValues = (updateModel) => {
     const { correctAnswer, data } = model;
 
+    if (changeInteractiveEnabled === false) {
+      setPropertiesToFalse(data, 'interactive');
+    }
+
+    if (changeEditableEnabled === false) {
+      setPropertiesToFalse(data, 'editable');
+    }
+
     resetValues(data, updateModel);
     resetValues(correctAnswer.data);
   };
@@ -278,6 +295,7 @@ ConfigureChartPanel.propTypes = {
   range: PropTypes.object,
   chartDimension: PropTypes.object,
   size: PropTypes.object,
+  studentNewCategoryDefaultLabel: PropTypes.object,
 };
 
 const styles = (theme) => ({

package/src/chart.jsx

@@ -62,6 +62,10 @@ export class Chart extends React.Component {
     categoryDefaultLabel: PropTypes.string,
     defineChart: PropTypes.bool,
     theme: PropTypes.object,
+    categoryDefaults: PropTypes.object,
+    chartingOptions: PropTypes.object,
+    changeInteractiveEnabled: PropTypes.bool,
+    changeEditableEnabled: PropTypes.bool,
   };
 
   static defaultProps = {
@@ -180,6 +184,7 @@ export class Chart extends React.Component {
       className,
       domain = {},
       range = {},
+      chartingOptions,
       size,
       title,
       onChangeTitle,
@@ -187,6 +192,8 @@ export class Chart extends React.Component {
       labelsPlaceholders,
       titlePlaceholder,
       addCategoryEnabled,
+      changeInteractiveEnabled,
+      changeEditableEnabled,
       showPixelGuides,
       error,
     } = this.props;
@@ -194,6 +201,7 @@ export class Chart extends React.Component {
 
     const { dialog } = this.state;
     const defineChart = this.props.defineChart || false;
+
     const { width, height } = size || {};
     const labels = { left: range?.label || '', bottom: domain?.label || '' };
 
@@ -264,10 +272,13 @@ export class Chart extends React.Component {
             leftAxis={leftAxis}
             onChange={this.changeData}
             onChangeCategory={this.changeCategory}
+            chartingOptions={chartingOptions}
+            changeInteractiveEnabled={changeInteractiveEnabled}
+            changeEditableEnabled={changeEditableEnabled}
             top={top}
             error={error}
           />
-          <mask mask={`${this.maskUid}`}>
+          <mask id={`${this.maskUid}`}>
             <rect {...maskSize} fill="white" />
           </mask>
           <g id="marks" mask={`url('#${this.maskUid}')`}>